Files
alfresco-community-repo/source/web/css/xforms.css
Ariel Backenroth 4403c1d083 xforms dojo to mootools port.
- ported xforms javascript codebase to mootools.  mostly complete - a few dangling effects and dom manipulation functions still use dojo.  these should be removed at which point it will no longer be necessary to load dojo.js which should save a second or so on load time.  a few of the date widgets and slider still use dojo widgets.  this can probably stay as dojo can be loaded only if those widgets are used.
- performance tuning of xforms js codebase.  about %40 improvement in load time for large forms with lots of widgets.
- switching wizards into almost standards compliance mode so that things will lay out properly in IE.
- lots of layout cleanup and off by pixel issues, particularly for IE.
- putting in an uncompressed version of mootools which includes some libraries needed by xforms - particularly all native objects, Element.Event, Window.DomReady, XHR and Ajax.  at some point dojo effects should likely be replaced with those in mootools.

git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@6903 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
2007-10-02 20:34:22 +00:00

265 lines
3.8 KiB
CSS

.xformsItem
{
/* border: 1px dashed blue; */
/* margin-right: 2px; */
clear: both;
}
.xformsItemRequiredImage
{
vertical-align: middle;
margin: 0px 5px;
width: 9px;
height: 9px;
}
.xformsItemLabelContainer
{
height: 100%;
line-height: 100%;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
.xformsItemLabelSubmitError
{
color: red;
}
.xformsItemDOMContainer
{
position: relative;
top: 0px;
left: 0px;
padding: 0px;
margin: 0px;
}
.xformsGroup
{
position: relative;
top: 0px;
left: 0px;
width: 100%;
border: 1px solid #d2d2d9;
clear: both;
}
.xformsGroupItem
{
position: relative;
margin: 5px 0px;
max-width: 100%;
clear: both;
}
.xformsGroupHeader
{
position: relative;
top: 0px;
left: 0px;
height: 20px;
line-height: 20px;
width: 100%;
background-color: #ececec;
font-weight: bold;
border-bottom: 1px solid #d2d2d9;
}
.xformsGroupDivider
{
border-bottom: 1px dotted #d9d9de;
margin: 5px 3px;
}
.xformsViewRoot
{
padding-bottom: 5px;
border-bottom: 1px dotted #d9d9de;
}
.xformsViewRootHeader
{
position: relative;
top: 0px;
left: 0px;
height: 30px;
line-height: 30px;
width: 100%;
font-weight: bold;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
border-bottom: 1px dotted #d9d9de;
margin-bottom: 5px;
}
.xformsTextArea
{
height: 200px;
}
.xformsRichTextEditorHoverLayer
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #d9d9de;
border: 2px inset black;
color: black;
z-index: 100;
font-weight: bolder;
font-size: 16px;
text-align: center;
overflow: hidden;
}
.xformsRepeat
{
}
.xformsRepeatFocusedHeader
{
background-color: #d4e4f4;
}
.xformsRepeatItem
{
/* border-top: 1px solid #67a4e6; */
/* border-bottom: 1px solid #67a4e6; */
border-top: 1px solid #d2d2d9;
border-bottom: 1px solid #d2d2d9;
}
.xformsRepeatItemSelected
{
background-color: #ecf4fc;
}
.xformsRepeatControls
{
position: relative;
white-space: nowrap;
border: 1px solid #67a4e6;
height: 20px;
line-height: 20px;
margin: 0px auto;
}
.xformsRowEven
{
background-color: #f0f0ee;
}
.xformsRowOdd
{
background-color: #ffffff;
}
.xformsRowHover
{
background-color: #ffffcc;
}
.xformsError
{
padding: 2px;
border: 1px solid #003366;
}
.xformsAjaxLoader
{
position: absolute;
top: 0px;
right: 0px;
color: white;
background-color: red;
}
.xformsFilePicker
{
width: 100%;
max-width: 400px;
}
.xformsFilePickerStatus
{
padding: 2px;
border: 1px solid #003366;
margin: 2px 5%;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
.xformsFilePickerHeader
{
position: relative;
height: 30px;
line-height: 30px;
padding-left: 2px;
background-color: #e3effa;
border: 1px solid #67a4e6;
}
.xformsFilePickerHeaderMenuTrigger
{
padding: 2px;
font-weight: bold;
text-decoration: none;
border: 1px solid lightgrey;
}
.xformsFilePickerFooter
{
text-align: center;
height: 30px;
line-height: 30px;
background-color: #e3effa;
border: 1px solid #67a4e6;
}
.xformsFilePickerFileList
{
position: relative;
overflow-y: auto;
background-color: white;
border-left: 1px solid #67a4e6;
border-right: 1px solid #67a4e6;
}
.xformsFilePickerRow
{
position: relative;
height: 20px;
line-height: 20px;
}
.xformsFilePickerAddContent
{
background-color: #ffffcc;
position: relative;
height: 30px;
line-height: 30px;
}
.xformsFilePickerParentPathMenu
{
position: absolute;
background-color: #fefefe;
border-style: outset;
border: 1px solid #67a4e6;
line-height: 20px;
min-width: 100px;
}
.xformsGhostText
{
color: grey;
}