diff options
author | 2008-11-13 09:49:11 +0000 | |
---|---|---|
committer | 2008-11-13 09:49:11 +0000 | |
commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/themes/dijit.css.commented.css | |
parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
download | scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.zip |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/themes/dijit.css.commented.css')
-rw-r--r-- | includes/js/dijit/themes/dijit.css.commented.css | 1535 |
1 files changed, 1535 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/dijit.css.commented.css b/includes/js/dijit/themes/dijit.css.commented.css new file mode 100644 index 0000000..7aec64f --- /dev/null +++ b/includes/js/dijit/themes/dijit.css.commented.css @@ -0,0 +1,1535 @@ +/* + Essential styles that themes can inherit. + In other words, works but doesn't look great. +*/ + + + +/**** + GENERIC PIECES + ****/ + +.dijitReset { + /* Use this style to null out padding, margin, border in your template elements + so that page specific styles don't break them. + - Use in all TABLE, TR and TD tags. + - If there is more than one class on the tag, place this first so other classes override. + */ + margin:0; + border:0; + padding:0; + line-height:normal; + font: inherit; + color: inherit; +} + +.dijitInline { + /* To inline block elements. + Similar to InlineBox below, but this has fewer side-effects in Moz. + Also, apparently works on a DIV as well as a FIELDSET. + */ + display:-moz-inline-box; /* FF2 */ + display:inline-block; /* webkit and FF3 */ + #zoom: 1; /* set hasLayout:true to mimic inline-block */ + #display:inline; /* don't use .dj_ie since that increases the priority */ + border:0; + padding:0; + vertical-align:middle; +} + +.dj_ie INPUT.dijitTextBox, +.dj_ie .dijitInputField INPUT { + font-size: 100%; + font-family: inherit; /* trigger pseudo font-family inheritance */ + behavior: expression( /* if the font-family = inherit, then get the parent's font-family */ + function(self){ + var cs, e; + try{ + if(self.currentStyle.fontFamily=='inherit'){ + cs = self.parentNode.currentStyle || document.documentElement.currentStyle; + self.style.fontFamily = cs.fontFamily; + } + self.style.behavior = null; /* #5562: prevent re-eval of css expression */ + }catch(e){} /* #6024: random exceptions thrown during init */ + }(this) + ); +} + +.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */ + margin: -1px 0 !important; +} +.dj_iequirks .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */ + margin-top: -3px !important; +} + +.dijitInlineTable { + /* To inline tables with a given width set (otherwise, use dijitInline above) + * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs + */ + display: -moz-inline-stack; /* FF2 */ + display:inline-table; + display:inline-block; /* webkit and FF3 */ + #zoom: 1; /* set hasLayout:true to mimic inline-block */ + #display:inline; /* don't use .dj_ie since that increases the priority */ + box-sizing: content-box; -moz-box-sizing: content-box; + border:0; + padding:0; +} + +.dijitTeeny { + font-size:1px; + line-height:1px; +} + +/* + * Popup items have a wrapper div (dijitPopup) + * with the real popup inside, and maybe an iframe too + */ +.dijitPopup { + position: absolute; + background-color: transparent; + margin: 0; + border: 0; + padding: 0; +} +.dijit_a11y .dijitPopup, +.dijit_ally .dijitPopup div, +.dijit_a11y .dijitPopup table, +.dijit_a11y .dijitTooltipContainer { + opacity: 1 !important; + background-color: white !important; +} +.dj_ie .dijit_a11y .dijitPopup * { + filter: none; +} + +.dijitInputField { + overflow:hidden; + #zoom:1; +} + +.dijitPositionOnly { + /* Null out all position-related properties */ + padding: 0 !important; + border: 0 !important; + background-color: transparent !important; + background-image: none !important; + height: auto !important; + width: auto !important; +} + +.dijitNonPositionOnly { + /* Null position-related properties */ + float: none !important; + position: static !important; + margin: 0 0 0 0 !important; + vertical-align: middle !important; +} + +.dijitBackgroundIframe { + /* + * iframe used for FF2 in high-contrast mode to prevent menu + * being transparent + */ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: -1; + border: 0; + padding: 0; + margin: 0; +} + +.dijitClickableRegion { + /* a region we expect the user to click on */ + cursor: pointer; +} + + +.dijitDisplayNone { + /* hide something. Use this as a class rather than element.style so another class can override */ + display:none !important; +} + +.dijitContainer { + /* for all layout containers */ + overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */ +} + +/**** + A11Y + ****/ +.dijit_a11y * { + background-image:none !important; +} + +.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow { + padding-left:.2em; + visibility:visible !important; +} +.dj_ie6 .dijit_a11y .dijitCalendarIncrementControl { + font-size:.75em !important; +} + +.dijit_a11y .dijitCalendarSelectedDate { + text-decoration:overline !important; +} + +.dijitA11ySideArrow { + vertical-align:top; + margin-right:0em; + margin-left:.2em; + line-height:2em; + text-align:center; +} + +.dijit_a11y .dijit * { + background:white !important; + color:black !important; +} +.dijit_a11y .dijitButtonNode { + border-color: black!important; + border-style: outset!important; + border-width: medium!important; +} + +.dijit_a11y .dijitButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode, +.dijit_a11y .dijitComboBoxDisabled .dijitInputField, +.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode, +.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode, +.dijit_a11y .dijitSpinnerDisabled .dijitInputField { + border-style: outset!important; + border-width: medium!important; + border-color: #999 !important; + color:#999 !important; +} + +/* button inner contents - labels, icons etc. */ +.dijitButtonNode * { + vertical-align: middle; +} +.dijit_a11y .dijitArrowButtonInner { + width: 1.0em; + display: none !important; +} +.dijitButtonNode .dijitArrowButtonInner { + background:no-repeat center; + width: 16px; +} +.dijitComboBox .dijitArrowButtonInner { + display: block; +} + +/* In high contrast mode, display the check symbol */ +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + display: inline !important; +} + + +/**** + 3-element borders: ( dijitLeft + dijitStretch + dijitRight ) + ****/ + +.dijitLeft { + /* Left part of a 3-element border */ + background-position:left top; + background-repeat:no-repeat; +} + +.dijitStretch { + /* Middle (stretchy) part of a 3-element border */ + white-space:nowrap; /* MOW: move somewhere else */ + background-repeat:repeat-x; +} + +.dijitRight { + /* Right part of a 3-element border */ + #display:inline; /* IE7 sizes to outer size w/o this */ + background-position:right top; + background-repeat:no-repeat; +} + +.dijitButton, +.dijitDropDownButton, +.dijitComboButton { + /* outside of button */ + margin: 0.2em; +} + +.dj_safari .dijitToolbar .dijitDropDownButton { + padding-left: 0.3em; +} + +.dijitButtonNode { + /* Node that is acting as a button -- may or may not be a BUTTON element */ + border:1px solid gray; + margin:0; + padding:.2em .2em .1em; + line-height:normal; + cursor:pointer; + vertical-align:middle; + text-align:center; + white-space: nowrap; +} + +.dijitArrowButton { + /* Node that is acting as a arrow button -- drop down (spinner has its own treatment). Also gets dijitButtonNode */ + /* place AFTER dijitButtonNode so it overrides */ + padding: 0 .4em; +} +DIV.dijitArrowButton { + float: right; +} + +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + border-style: solid; + border-width: 0 0 0 1px !important; + padding: 0; + position: absolute; + right: 0; + float: none; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + position: absolute; + height: 50%; +} +.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton { + top: none; + bottom: 0; + border-top-width: 1px !important; +} +.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton { + top: 0; + bottom: none; +} + +.dijitComboButton TABLE { + /* each cell in a combo-table should have its own separate border */ + border-collapse: separate; + border:0; + padding:0; + margin:0; +} + +.dijitComboButton .dijitButtonContents { + border-right-width:0 !important; +} + + +.dj_ie BUTTON.dijitButtonNode { + overflow: visible; /* eliminates arbitrary left and right padding on buttons */ +} + +table .dijitButton .dijitButtonNode, +table .dijitComboButton .dijitButtonNode { + #overflow:hidden; /* visible messes up if the button is inside a table on IE */ +} + + + +.dijitButtonNode IMG { + /* make text and images line up cleanly */ + vertical-align:middle; + margin-bottom:.2em; +} + +/****** + TextBox related. + Everything that has an <input> +*******/ + +.dijitTextBox, +.dijitComboBox, +.dijitSpinner { + border: solid black 1px; + #overflow: hidden; /* #6027, #6067 */ + width: 15em; /* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>. user can override */ +} + +/* rules for safari to deal with fuzzy blue focus border */ +.dijitTextBox input:focus, +.dijitComboBox input:focus, +.dijitSpinner input:focus { + outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */ +} +.dijitTextBoxFocused, +.dijitComboBoxFocused, +.dijitSpinnerFocused { + /* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */ + outline: auto 5px -webkit-focus-ring-color; +} + +.dijitTextBox INPUT, +.dijitComboBox INPUT, +.dijitSpinner INPUT { + padding:0; + border-left: solid black 1px; /* TODO: for RTL mode should be border-right */ + display:inline; + position:static !important; + border:0 !important; + margin:0 !important; + vertical-align:0em !important; + visibility:visible !important; + background-color:transparent !important; + background-image:none !important; + width:100% !important; +} + +/* Display an "X" for invalid input. Themes will override these rules to display an icon instead. +*/ +.dijitValidationIcon { + visibility: hidden; + display: block; + padding: 0 2px; + float: right; + height: auto; +} +.dijitValidationIconText { + visibility: hidden; + display: none; + float:right; + font-family: sans-serif; + font-style:italic; + font-size: 0.45em; + line-height: 190%; +} +.dijit_a11y .dijitValidationIcon { display: none !important; } +.dijit_a11y .dijitValidationIconText { display: block !important; } + +.dijitError .dijitValidationIcon, +.dijitError .dijitValidationIconText { + visibility: visible; +} + +.dijitTextBox .dijitArrowButton { + /* this is for a combo box with no arrow displayed; we set baseClass=TextBox */ + display:none; +} + +/**** + dijit.form.CheckBox + & + dijit.form.RadioButton + ****/ + +.dijitCheckBox, +.dijitRadio, +.dijitCheckBoxInput { + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position:center center; + background-repeat:no-repeat; + overflow: hidden; +} + +.dijitCheckBox INPUT, +.dijitRadio INPUT { + margin: 0; + padding: 0; + display: block; +} + +.dijitCheckBoxInput { + /* place the actual input on top, but all-but-invisible */ + opacity: 0.01; +} + +.dj_ie .dijitCheckBoxInput { + filter: alpha(opacity=0); +} + +.dijit_a11y .dijitCheckBox, +.dijit_a11y .dijitRadio { + width: auto; + height: auto; +} +.dijit_a11y .dijitCheckBoxInput { + opacity: 1; + filter: none; + width: auto; + height: auto; +} + + +/**** + dijit.ProgressBar + ****/ + +.dijitProgressBarEmpty{ + /* outer container and background of the bar that's not finished yet*/ + position:relative;overflow:hidden; + border:1px solid black; /* a11y: border necessary for high-contrast mode */ + z-index:0; /* establish a stacking context for this progress bar */ +} + +.dijitProgressBarFull { + /* outer container for background of bar that is finished */ + position:absolute; + overflow:hidden; + z-index:-1; + top:0; + width:100%; + height:100%; +} + +.dijitProgressBarTile{ + /* inner container for finished portion */ + position:absolute; + overflow:hidden; + top:0; + left:0; + bottom:0; + right:0; + margin:0; + padding:0; + width:auto; + height:auto; + background-color:#aaa; + background-attachment: fixed; +} + +.dijit_a11y .dijitProgressBarTile{ + /* a11y: The border provides visibility in high-contrast mode */ + border-width:4px; + border-style:solid; + background-color:transparent !important; +} + +.dj_iequirks .dijitProgressBarTile{ + width:100%; + height:100%; +} + +.dj_ie6 .dijitProgressBarTile{ + /* width:auto works in IE6 with position:static but not position:absolute */ + position:static; + /* height:auto does not work in IE6 */ + height:100%; +} + +.dijitProgressBarIndeterminate .dijitProgressBarLabel{ + visibility:hidden; +} + +.dijitProgressBarIndeterminate .dijitProgressBarTile{ + /* animated gif for 'indeterminate' mode */ +} + +.dijitProgressBarIndeterminateHighContrastImage{ + display:none; +} + +.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage{ + display:block; + position:absolute; + top:0; + bottom:0; + margin:0; + padding:0; + width:100%; + height:auto; +} + +.dijitProgressBarLabel{ + display:block; + position:static; + width:100%; + text-align:center; + background-color:transparent !important; +} + +/* progress bar in vertical mode - TODO: remove? no longer supported? */ +.dijitProgressBarV .dijitProgressBarFull{ + bottom:0; /* start at the bottom */ +} + +.dj_ie6 .dijitProgressBarV .dijitProgressBarTile{ + position:absolute; + /* can't use position:static here -- need absolute positioning to place + the bar at the bottom of a vertical progressbar */ + width:100%; +} + + +/**** + dijit.Tooltip + ****/ + +.dijitTooltip { + position: absolute; + z-index: 2000; + display: block; + /* make visible but off screen */ + left: 50%; + top: -10000px; + overflow: visible; +} + +.dijitTooltipContainer { + border: solid black 2px; + background: #b8b5b5; + color: black; + font-size: small; +} + +.dijitTooltipFocusNode { + padding: 2px 2px 2px 2px; +} + +.dijitTooltipConnector { + position: absolute; +} + +/* MOW: using actual images at this time +/* draw an arrow with CSS only * / +.dijitTooltipConnector { + /* the border on the triangle * / + font-size: 0; line-height: 0%; width: 0; + border-top: none; + border-bottom: 14px solid black; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + top: -14px; + left: 3px; + z-index: 2; +} + +.dijitTooltipConnector div { + /* the background of the triangle * / + font-size: 0; line-height: 0%; width: 0; + position: absolute; + border-bottom: 10px solid #b8b5b5; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + top: 6px; + left: -5px; + z-index: 3; +} + +*/ + + + +/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS) + make sure that the position:absolute in dijitAlign* overrides other classes */ + +.dijitLayoutContainer{ + position: relative; + display: block; + overflow: hidden; +} + +body .dijitAlignTop, +body .dijitAlignBottom, +body .dijitAlignLeft, +body .dijitAlignRight { + position: absolute; + overflow: hidden; +} + +body .dijitAlignClient { position: absolute; } + +.dijitBorderContainer { + position:relative; + overflow: hidden; +} + +.dijitBorderContainer > .dijitTextArea { + /* On Safari, for SimpleTextArea inside a BorderContainer, + don't want to display the grip to resize */ + resize: none; +} + +/* SplitContainer + + 'V' == container that splits vertically (up/down) + 'H' = horizontal (left/right) +*/ + +.dijitSplitter { + position: absolute; + overflow: hidden; + z-index: 9999; + background-color: #fff; + border-color: gray; + border-style: solid; + border-width: 0; + z-index: 10 !important; +} +.dijitSplitterCover{ + position:absolute; + z-index:1; + top:0; + left:0; + width:100%; + height:100%; +} +.dijitSplitterH { + height: 7px; + border-top:1px; + border-bottom:1px; + cursor: ns-resize; +} +.dijitSplitterV { + width: 7px; + border-left:1px; + border-right:1px; + cursor: ew-resize; +} +.dijitSplitContainer{ + position: relative; + overflow: hidden; + display: block; +} + +.dijitSplitPane{ + position: absolute; +} + +.dijitSplitContainerSizerH, +.dijitSplitContainerSizerV { + position:absolute; + font-size: 1px; + cursor: move; + cursor: w-resize; + background-color: ThreeDFace; + border: 1px solid; + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; + margin: 0; +} + +.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { + overflow:hidden; + position:absolute; + top:49%; +} + +.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { + position:absolute; + left:49%; +} + +.dijitSplitterShadow, +.dijitSplitContainerVirtualSizerH, +.dijitSplitContainerVirtualSizerV { + font-size: 1px; + background-color: ThreeDShadow; + -moz-opacity: 0.5; + opacity: 0.5; + filter: Alpha(Opacity=50); + margin: 0; +} + +.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH { + cursor: w-resize; +} +.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { + cursor: n-resize; +} + +.dijit_a11y .dijitSplitterH { + border-top:1px solid #d3d3d3 !important; + border-bottom:1px solid #d3d3d3 !important; +} +.dijit_a11y .dijitSplitterV { + border-left:1px solid #d3d3d3 !important; + border-right:1px solid #d3d3d3 !important; +} + +/* ContentPane */ + +.dijitContentPane { + display: block; + overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */ +} +/* TitlePane */ +.dijitTitlePane { + display: block; + overflow: hidden; +} +.dj_ie7 .dijitTitlePaneTextNode { + display:inline; +} + +/* Color Palette */ + +.dijitColorPalette { + border:1px solid #999; + background:#fff; + -moz-border-radius:3pt; +} + +img.dijitColorPaletteUnder { + border-style:none; + position:absolute; + left:0; + top:0; +} +.dijitColorPaletteInner { + position: relative; + overflow:hidden; + outline:0; +} +.dijitPaletteCell { + width: 20px; + height: 20px; + position: absolute; + overflow: hidden; + z-index: 10; + outline-width: 0; +} +.dijitPaletteImg { + width: 16px; /*This is the width of one color in the provided palettes. */ + height: 14px; /* Height of one color in the provided palettes. */ + position: absolute; + top: 1px; + left: 1px; + overflow: hidden; + cursor: default; + border:1px solid #999; + /* -moz-border-radius:2pt; */ +} + +.dijitPaletteCellHighlight img { + width: 14px; /*This is the width of one color in the provided palettes. */ + height: 12px; /* Height of one color in the provided palettes. */ + position: absolute; + top: 1px; + left: 1px; + overflow: hidden; + cursor: default; + border:2px solid #000; + outline:1px solid #dedede; + /* -moz-border-radius:0; */ +} + +.dijit_a11y .dijitPaletteCell { + background-color:transparent !important; +} +.dijit_a11y .dijitPaletteImg { + background-color:transparent !important; +} + +/* Accordion */ + +.dijitAccordionPane { + overflow: hidden !important; /* prevent spurious scrollbars */ +} + +.dijitAccordionPane .dijitAccordionBody { + overflow: auto; +} + + +.dijitAccordionContainer { + border:1px solid #b7b7b7; + border-top:0 !important; +} + +.dijitAccordionTitle:hover { + cursor: pointer; +} + +.dijitAccordionTitle .dijitAccordionArrow { + float: right; +} + +/* images off, high-contrast mode styles */ +.dijitAccordionPane .dijitAccordionTitle .arrowTextUp, +.dijitAccordionPane .dijitAccordionTitle .arrowTextDown { + display: none; + float: right; + font-size: 0.65em; + font-weight: normal !important; +} + +.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp { + display: inline; +} + +.dijit_a11y .dijitAccordionTitle-selected .arrowTextDown { + display: inline; +} + +.dijit_a11y .dijitAccordionTitle-selected .arrowTextUp { + display: none; +} + +/* Calendar */ + +.dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td { + padding: 0; +} + +.dijitCalendarNextYear { + margin:0 0 0 0.55em; +} + +.dijitCalendarPreviousYear { + margin:0 0.55em 0 0; +} + +.dijitCalendarIncrementControl { + cursor:pointer; + cursor:hand; + width:1em; +} + +.dijitCalendarDisabledDate { + color:gray !important; +} + +.dijitCalendarBodyContainer tbody tr td { + cursor:pointer; + cursor:hand; +} + +.dijitCalendarPreviousMonthDisabled, +.dijitCalendarCurrentMonthDisabled, +.dijitCalendarNextMonthDisabled { + cursor:default !important +} + +.dijitCalendarDateTemplate, +.dijitCalendarSelectedYear, +.dijitCalendarNextYear, +.dijitCalendarPreviousYear { + cursor:pointer; +} + +.dijitCalendarMonthLabelSpacer { + /* don't display it, but make it affect the width */ + position: relative; + height: 1px; + overflow: hidden; + visibility: hidden; +} + + +/* Menu */ + +.dijitMenu { + border:1px solid black; + background-color:white; +} +.dijitMenuTable { + margin:1px 0; + border-collapse:collapse; + border-width:0; + background-color:white; +} + +.dijitMenuItem{ + white-space: nowrap; + padding:.1em .2em; +} + +.dijitMenuItemHover { + cursor:pointer; + cursor:hand; + background-color:black; + color:white; +} + +.dijitMenuItemIcon { + position: relative; + background-repeat: no-repeat; +} + +.dijitMenuItemDisabled * { + /* for a disabled menu item, just set it to mostly transparent */ + opacity:0.3; + cursor:default; +} +.dj_ie .dijit_a11y .dijitMenuItemDisabled td, +.dj_ie .dijitMenuItemDisabled *, +.dj_ie .dijitMenuItemDisabled td { + color:gray !important; + filter: alpha(opacity=35); +} + +.dijitMenuItemLabel { + position: relative; + vertical-align: middle; +} + +.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel { + border-width: 1px; + border-style: solid; +} +.dijit_a11y .dijitMenuItemHover { + border: 1px #fff dotted !important; +} + +.dijit_a11y .dijitMenuExpandInner { + display:block !important; +} + +/* separator can be two pixels -- set border of either one to 0 to have only one */ +.dijitMenuSeparatorTop { + height: 50%; + margin: 0; + margin-top:3px; + font-size: 1px; +} + +.dijitMenuSeparatorBottom { + height: 50%; + margin: 0; + margin-bottom:3px; + font-size: 1px; +} + + + +/* Tab */ + + +.dijitTabLabels-top { +/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper + so the buttons can overlay the tab pane properly */ + top:1px !important; + z-index:10; +} + +.dijitTabLabels-bottom { +/* position the tab labels row up by 1 px so they overlap */ + margin-top:-1px !important; + z-index:10; +} + +.dijitTabLabels-left-h { +/* position the tab labels left by 1 px so they overlap */ + margin-right:-1px !important; + z-index:10; +} + +.dijitTabLabels-right-h { +/* position the tab labels right by 1 px, on top of the dijitTabPaneWrapper + so the buttons can overlay the tab pane properly */ + margin-left:-1px !important; + z-index:10; +} + +.dijitTabPaneWrapper { + z-index:0; + overflow: hidden; + clear: both; /* needed for doLayout=false mode */ +} + +.dijitTab { + position:relative; + float:left; + cursor:pointer; + white-space:nowrap; + z-index:3; +} + +.dijitTabContainer .dijitAlignLeft .dijitTab, +.dijitTabContainer .dijitAlignRight .dijitTab { + float:none; +} + +.dijitTabInnerDiv { + position:relative; +} + +.dijitTab .close { + display: inline-block; + cursor: default; + font-size: small; +} + +/* images off, high-contrast mode styles */ +.dijitTab .closeText { + display:none; + padding: 0 2px; + margin: 0 2px; +} +.dijit_a11y .dijitTab .closeImage { + padding: 0 !important; + margin: 0 !important; + top: 0 !important; + bottom: 0 !important; +} +.dijit_a11y .closeText { + display:inline; + margin-left:6px; +} +.dijit_a11y .closeText:hover { + border:thin solid; +} +.dijit_a11y .dijitTabChecked { + border-style:dashed !important; +} + +.dijit_a11y .dijitTabInnerDiv { + border-left:none !important; + } + + +.dijitInlineEditor { + /* span around an inline-editable value when in edit mode */ + position:relative; + vertical-align:bottom; +} +.dj_ie .dijitInlineEditor { + vertical-align:middle; +} + +.dijitInlineValue { + /* span around an inline-editable value when NOT in edit mode */ +} + +.dijitInlineEditor .dijitButtonContainer { + /* div around the buttons -- makes them float below the field */ + position:absolute; + right:0; + overflow:visible; +} + +.dijitInlineEditor .saveButton, +.dijitInlineEditor .cancelButton { +} + +/* Tree */ + +.dijitTreeExpando, .dijitTreeExpand { + float:left; + display:inline; +} + +.dijitTreeExpando { + clear:both; +} + +.dijitTreeContent { + cursor: default; + /* can't make inline - multiline bugs */ +} + +.dijitExpandoText { + display: none; +} + +.dijit_a11y .dijitExpandoText { + float: left; + display: inline; + padding-left: 10px; + padding-right: 10px; + font-family: monospace; + border-style: solid; + border-width: thin; + cursor: pointer; +} + +/* Dialog */ + +.dijitDialog { + position: absolute; + z-index: 999; + padding: 1px; +} + +.dijitDialogUnderlayWrapper { + position: absolute; + left: 0; + top: 0; + z-index: 998; + display: none; + background: transparent !important; +} + +.dijitDialogUnderlay { + background: #eee; + opacity: 0.5; +} + +.dj_ie .dijitDialogUnderlay { + filter: alpha(opacity=50); +} + +/* images off, high-contrast mode styles */ +.dijit_a11y .dijitInputLayoutContainer, +.dijit_a11y .dijitDialog { + opacity: 1 !important; + background-color: white !important; +} + +.dijitDialog .closeText { + display:none; + /* for the onhover border in high contrast on IE: */ + position:absolute; +} + +.dijit_a11y .dijitDialog .closeText { + display:inline; +} + +.dijitSliderMoveable { + z-index:99; + position:absolute !important; + display:block; + vertical-align:middle; +} + +.dijitSliderMoveableH { + right:0; +} + +.dijit_a11y div.dijitSliderImageHandle, +.dijitSliderImageHandle { + margin:0; + padding:0; + position:absolute !important; + border:8px solid gray; + width:0; + height:0; +} +.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { + border:4px solid #000; + height:8px; + width:8px; +} + +.dijitSliderImageHandleV { + top:-8px; + left:-6px; +} + +.dijitSliderImageHandleH { + left:-8px; + top:-5px; + vertical-align:top; +} + +.dijitSliderBar { + border-style:solid; + border-color:black; +} + +.dijitSliderBarH { + height:4px; + border-width:1px 0; +} + +.dijitSliderBarV { + width:4px; + border-width:0 1px; +} + +.dijitSliderProgressBar { + background-color:red; + #z-index:0; +} + +.dijitSliderProgressBarV { + position:static !important; + height:0%; + vertical-align:top; + text-align:left; +} + +.dijitSliderProgressBarH { + position:absolute !important; + width:0%; + vertical-align:middle; + overflow:visible; +} + +.dijitSliderRemainingBar { + overflow:hidden; + background-color:transparent; + #z-index:-1; +} + +.dijitSliderRemainingBarV { + height:100%; + text-align:left; +} + +.dijitSliderRemainingBarH { + width:100% !important; +} + +/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */ +.dijitSliderBumper { + overflow:hidden; + #z-index:-1 +} + +.dijitSliderBumperV { + width:4px; + height:8px; + border-width:0 1px; +} + +.dijitSliderBumperH { + width:8px; + height:4px; + border-width:1px 0; +} + +.dijitSliderBottomBumper, +.dijitSliderLeftBumper { + background-color:red; +} + +.dijitSliderTopBumper, +.dijitSliderRightBumper { + background-color:transparent; +} + +.dijitSliderDecorationH { + text-align:center; +} + +.dijitSlider .dijitSliderButton { + font-family:monospace; + margin:0; + padding:0; + display:block; +} + +.dijit_a11y .dijitSliderButtonInner { + visibility:visible !important; +} + +.dijitSliderButtonContainer { + text-align:center; + height:0; +} + +.dijitSlider .dijitButtonNode { + padding:0; + display:block; +} + +.dj_ie .dijitRuleContainer { + z-index: -1; /* #4809 */ +} + +.dijitRuleContainer { + position:relative; + overflow:visible; +} + +.dijitRuleContainerV { + height:100%; + line-height:0; + float:left; + text-align:left; +} + +.dj_opera .dijitRuleContainerV { + line-height:2%; +} + +.dj_ie .dijitRuleContainerV { + line-height:normal; +} + +.dj_gecko .dijitRuleContainerV { + margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */ +} + +.dijitRuleMark { + position:absolute; + border:1px solid black; + line-height:0; + height:100%; +} + +.dijitRuleMarkH { + width:0; + border-top-width:0 !important; + border-bottom-width:0 !important; + border-left-width:0 !important; +} + +.dijitRuleLabelContainer { + position:absolute; +} + +.dijitRuleLabelContainerH { + text-align:center; + display:inline-block; +} + +.dijitRuleLabelH { + position:relative; + left:-50%; +} + +.dijitRuleMarkV { + height:0; + border-right-width:0 !important; + border-bottom-width:0 !important; + border-left-width:0 !important; + width:100%; + left:0; +} + +.dj_ie .dijitRuleLabelContainerV { + margin-top:-.55em; +} + +/* Toolbar A11y */ +.dijit_a11y .dijitButtonContents .dijitButtonText { + display: inline !important; +} + +.dijitTextArea { + width:100%; + overflow: auto; /* w/out this IE's SimpleTextArea goes to overflow: scroll */ +} + +.dj_ie .dijitTextArea p { + margin-top:0; + margin-bottom:0; + line-height: normal !important; +} + +.dijitToolbarSeparator { + height: 18px; + width: 5px; + padding: 0 1px; + margin: 0; +} + +/* Editor */ +.dijitIEFixedToolbar { + position:absolute; + /* top:0; */ + top: expression(eval((document.documentElement||document.body).scrollTop)); +} + +/* TimePicker */ + +.dijitTimePickerItemInner { + text-align:center; + border:0; + padding:2px 8px 2px 8px; +} +.dijitTimePickerTick { + /* opacity:0.1 !important; */ + color:#dedede; + border-bottom:1px solid #dedede; + border-top:1px solid #dedede; + position:relative; +} +.dijitTimePickerTick .dijitTimePickerItemInner { + font-size:0.25em; +} +.dijitTimePickerMarker { + background-color:#ededed; + border-top:1px solid #999; + border-bottom:1px solid #999; +} + +.dijitTimePickerItemHover { + opacity:1 !important; + background-color:#808080; + color:#fff; + border-top:1px solid #333; + border-bottom:1px solid #333; + cursor:pointer; +} +.dijitTimePickerMarker.dijitTimePickerItemHover { + font-size:1.3em; +} + +.dijitTimePickerItemHover .dijitTimePickerItemInner { + display:block; + overflow:visible; + background-color:#808080; + font-size:1em; +} + +.dijitTimePickerItemSelected { + font-weight:bold; + color:#333; + background-color:#b7cdee !important; +} + +.dijit_a11y .dijitTimePickerItem { + border-bottom:1px solid #333; +} + + +/* Disable the high contrast character */ +.dijitToggleButtonIconChar { + display:none !important; +} +.dijit_a11y .dijitToggleButtonIconChar { + display:inline !important; +} + +.dijit_a11y .dijitToggleButtonIconChar { + visibility:hidden; +} +.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { + visibility:visible !important; +} + +.dijitArrowButtonChar { + display:none !important; +} +.dijit_a11y .dijitArrowButtonChar { + display:inline !important; +} +.dijitInputLayoutContainer { + position: relative; + overflow: hidden; +} +.dijitSpinnerButtonContainer { + float: right; + width: 18px; + position: relative; + overflow: hidden; +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + height: 50%; + width: 16px; + overflow: hidden; +} +.dj_ie .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + behavior: expression( + function(self){ + var e; + try{ + var h = self.parentNode.offsetHeight/2; + if(h > 1){ + self.style.height = h; + self.style.behavior = null; /* prevent re-eval of css expression */ + } + }catch(e){} /* random exceptions thrown during init */ + }(this) + ); +} +.dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner { + overflow: hidden; + line-height: 50%; +} +.dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { + width: 100%; +} +.dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar { + font-size: 0.4em; + vertical-align: top; +} +.dijit_a11y .dijitSpinnerButtonContainer { + width: 0.5em; + margin-left: 2px; + overflow: visible; +} +.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { + border-width: 1px 0px 0px 1px; + border-style: solid !important; +} |