diff options
author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-14 15:39:19 +0000 |
---|---|---|
committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-14 15:39:19 +0000 |
commit | 1c5685d68f1b73270fb814fe04cbb490eb90ba5f (patch) | |
tree | 3d3ada08a934b96fc31531f1327690d7edc6f766 /includes/js/dijit/themes/dijit.css.commented.css | |
parent | 104d59099e048688c4dbac37d72137006e396558 (diff) | |
download | semanticscuttle-1c5685d68f1b73270fb814fe04cbb490eb90ba5f.tar.gz semanticscuttle-1c5685d68f1b73270fb814fe04cbb490eb90ba5f.tar.bz2 |
Minor fix: Remove DOJO library (60Mo) replaced by link to Google CDN (online DOJO library)
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@159 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, 0 insertions, 1535 deletions
diff --git a/includes/js/dijit/themes/dijit.css.commented.css b/includes/js/dijit/themes/dijit.css.commented.css deleted file mode 100644 index 7aec64f..0000000 --- a/includes/js/dijit/themes/dijit.css.commented.css +++ /dev/null @@ -1,1535 +0,0 @@ -/* - 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; -} |