New file |
0,0 → 1,1461 |
/* |
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:0px; |
border:0px; |
padding:0px; |
line-height:normal; |
} |
|
.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 */ |
border:0px; |
padding:0px; |
vertical-align:middle; |
} |
|
.dj_ie .dijitInline { |
zoom: 1; /* set hasLayout:true to mimic inline-block */ |
#display:inline; |
} |
|
.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 */ |
#display:inline; /* MSIE (TODO: is this needed???) */ |
border:0px; |
padding:0px; |
vertical-align:middle; |
position:relative; /* #5034 */ |
} |
|
.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 { |
font-family:inherit; |
font-size:inherit; |
font-weight:inherit; |
} |
|
.dijitPositionOnly { |
/* Null out all position-related properties */ |
padding: 0px !important; |
border: 0px !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: 0px 0px 0px 0px !important; |
vertical-align: middle !important; |
} |
|
.dijitBackgroundIframe { |
/* |
* iframe used for FF2 in high-contrast mode to prevent menu |
* being transparent |
*/ |
position: absolute; |
left: 0px; |
top: 0px; |
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; |
background-color:transparent !important; |
} |
|
.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow { |
padding-left:.2em; |
visibility:visible !important; |
} |
|
.dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{ |
/*make the arrow smaller in toolbar*/ |
padding:0; |
margin:0; |
} |
.dj_ie6 .dijitToolbar .dijitDropDownButton .dijitA11yDownArrow{ |
/*vertical-align: middle does not place the arrow in the middle of the toolbar in IE*/ |
vertical-align: bottom; |
} |
|
.dijitA11ySideArrow { |
vertical-align:top; |
margin-right:0em; |
margin-left:.2em; |
line-height:2em; |
text-align:center; |
} |
|
.dj_ie .dijitA11yDownArrow, |
.dj_ie .dijitA11yUpArrow { |
font-size:.8em; |
vertical-align:middle; |
margin-right:.5em; |
} |
|
|
|
|
.dijit_a11y .dijitButton .dijitButtonNode, |
.dijit_a11y .dijitDropDownButton .dijitButtonNode, |
.dijit_a11y .dijitComboButton .dijitButtonNode, |
.dijit_a11y .dijitComboBox .dijitInputField, |
.dijit_a11y .dijitComboBox .dijitButtonNode { |
border:1px solid black !important; |
background:white !important; |
color:black !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:1px dotted #999999 !important; |
color:#999999 !important; |
} |
|
.dijit_a11y .dijitComboButton .dijitDownArrowButton, |
.dijit_a11y .dijitComboBox .dijitDownArrowButton { |
border-left:0px !important; |
} |
|
/* 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; |
} |
|
|
/**** |
Right-to-left rules |
****/ |
.dijitRTL .dijitRightArrow { |
/* it becomes a left arrow for LTR locales */ |
/* MOW: TODO... */ |
margin-left:-2.1em; |
} |
|
|
|
|
|
/**** |
dijit.form.Button |
dijit.form.DropDownButton |
dijit.form.ComboButton |
dijit.form.ComboBox (partial) |
****/ |
.dijitButton, |
.dijitDropDownButton, |
.dijitComboButton, |
.dijitComboBox { |
/* outside of button */ |
margin: 0.2em; |
/* normalize line-heights inside the button */ |
line-height: 1.3em; |
} |
|
.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:0px; |
padding:.2em .2em .1em .2em; |
overflow:visible; |
line-height:normal; |
font-family:inherit; |
font-size:inherit; |
color: inherit; |
cursor:pointer; |
vertical-align:middle; |
text-align:center; |
white-space: nowrap; |
} |
|
.dijitDownArrowButton, |
.dijitUpArrowButton { |
/* 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:0em .4em; |
margin:0px; |
font-size: 0.7em; |
} |
|
|
.dijitButtonContents { |
color:inherit; |
} |
|
.dijitDropDownButton .dijitA11yDownArrow { |
margin-left:.8em; |
} |
|
.dijitComboButton TABLE { |
/* each cell in a combo-table should have its own separate border */ |
border-collapse: separate; |
border:0px; |
padding:0px; |
margin:0px; |
} |
|
.dijitComboButton .dijitButtonContents { |
border-right-width:0px !important; |
} |
|
|
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; |
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:0px; |
border-left: solid black 1px; /* TODO: for RTL mode should be border-right */ |
display:inline; |
position:static !important; |
border:0px !important; |
margin:0px !important; |
vertical-align:0em !important; |
visibility:visible !important; |
background-color:transparent !important; |
background-image:none !important; |
width:100% !important; |
} |
|
/* #4711: prevent IE from over-expanding 100% width input boxes */ |
.dj_ie .dijitTextBox .dijitInputField, |
.dj_ie .dijitComboBox .dijitInputField, |
.dj_ie .dijitSpinner .dijitInputField { |
position:relative; |
} |
.dj_ie .dijitTextBox .dijitInputField INPUT, |
.dj_ie .dijitComboBox .dijitInputField INPUT, |
.dj_ie .dijitSpinner .dijitInputField INPUT { |
position:absolute !important; |
top:auto !important; |
left:auto !important; |
right:auto !important; |
bottom:auto !important; |
font-size:100%; |
} |
|
.dj_ie INPUT.dijitTextBox { |
font-size:100%; |
} |
|
/* Display an "X" for invalid input. Themes will override these rules to display an icon instead. |
*/ |
.dijitValidationIcon { display: none; background-position-y:center; } |
.dijitValidationIconText { visibility: hidden; } |
.dijit_a11y .dijitValidationIcon { display: none !important; } |
.dijit_a11y .dijitValidationIconText { display: block !important; } |
|
.dijitTextBoxError .dijitValidationIconText, |
.dijitComboBoxError .dijitValidationIconText, |
.dijitSpinnerError .dijitValidationIconText { |
visibility: visible; |
} |
|
.dijitSpinner .dijitDownArrowButton, |
.dijitSpinner .dijitUpArrowButton { |
padding: 0 .4em; |
border: 1px solid; |
line-height: .769em; |
/* TODO: as we use border-collapse, is this necessary? */ |
border-left-style: none; |
} |
.dj_ie .dijitSpinner .dijitDownArrowButton, |
.dj_ie .dijitSpinner .dijitUpArrowButton { |
padding: 0 .2em!important; |
text-align: center; |
} |
.dijitSpinner .dijitDownArrowButton div, |
.dijitSpinner .dijitUpArrowButton div { |
text-align: center; |
font-size: .769em; |
line-height: 1em; |
vertical-align: baseline; |
margin: 0 auto; |
} |
|
.dijitTextBox .dijitDownArrowButton { |
/* 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; |
} |
|
.dijitCheckBox INPUT, |
.dijitRadio INPUT { |
margin: 0; |
padding: 0; |
display: block; |
} |
|
.dijitCheckBoxInput { |
/* place the actual input on top, but all-but-invisible */ |
opacity: 0.01; |
overflow:hidden; |
} |
|
.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:0px; |
left:0px; |
bottom:0px; |
right:0px; |
margin:0px; |
padding:0px; |
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; |
} |
|
/* progress bar in vertical mode - TODO: remove? no longer supported? */ |
.dijitProgressBarVertical .dijitProgressBarFull{ |
bottom:0px; /* start at the bottom */ |
} |
|
.dj_ie6 .dijitProgressBarVertical .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; |
} |
/* |
See http://trac.dojotoolkit.org/ticket/5006 |
.dijitTooltipDialog { |
position: relative; |
} |
*/ |
.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: 0px; line-height: 0%; width: 0px; |
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: 0px; line-height: 0%; width: 0px; |
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; } |
|
/* SplitContainer |
|
'V' == container that splits vertically (up/down) |
'H' = horizontal (left/right) |
*/ |
.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; |
} |
|
.dijitSplitContainerSizerV { |
cursor: n-resize; |
} |
|
.dijitSplitContainerSizerH .thumb { |
position:absolute; |
top:49%; |
} |
|
.dijitSplitContainerSizerV .thumb { |
position:absolute; |
left:49%; |
} |
|
.dijitSplitContainerVirtualSizerH, |
.dijitSplitContainerVirtualSizerV { |
font-size: 1px; |
cursor: move; |
cursor: w-resize; |
background-color: ThreeDShadow; |
-moz-opacity: 0.5; |
opacity: 0.5; |
filter: Alpha(Opacity=50); |
margin: 0; |
} |
|
.dijitSplitContainerVirtualSizerV { |
cursor: n-resize; |
} |
|
|
/* 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; |
} |
|
/* 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; |
} |
.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; |
overflow: hidden; |
cursor: default; |
z-index: 10; |
border:1px solid #999; |
/* -moz-border-radius:2pt; */ |
} |
|
.dijitPaletteImgHighlight { |
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; |
overflow: hidden; |
cursor: default; |
z-index: 10; |
} |
|
/* .dijitPaletteImg:hover, */ |
.dijitPaletteImg:focus, |
.dijitPaletteImgHighlight { |
width: 14px; /*This is the width of one color in the provided palettes. */ |
height: 12px; /* Height of one color in the provided palettes. */ |
border:2px solid #000; |
outline:2px solid #dedede; |
/* -moz-border-radius:0; */ |
} |
|
|
.dijitColorPaletteCell { |
width:16px; |
height:14px; |
border: 1px solid; |
} |
|
.dijitColorPaletteCell:hover { |
border-style: solid; |
outline:0; |
} |
|
/* Accordion */ |
|
.dijitAccordionPane { |
overflow: hidden !important; /* prevent spurious scrollbars */ |
} |
|
.dijitAccordionPane .dijitAccordionBody { |
overflow: auto; |
} |
|
|
.dijitAccordionContainer { |
border:1px solid #b7b7b7; |
border-top:0 !important; |
} |
|
.dijitAccordionPane .dijitAccordionTitle:hover { |
cursor: pointer; |
} |
|
.dijitAccordionPane .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 .dijitAccordionPane-selected .dijitAccordionTitle .arrowTextDown { |
display: inline; |
} |
|
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle .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 { |
cursor:default !important |
} |
|
.dijitCalendarCurrentMonthDisabled { |
cursor:default !important |
} |
|
.dijitCalendarNextMonthDisabled { |
cursor:default !important; |
} |
|
.dijitCalendarDateTemplate { |
cursor:pointer; |
} |
|
.dijitCalendarSelectedYear { |
cursor:pointer; |
} |
.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 0px; |
border-collapse:collapse; |
border-width:0px; |
background-color:white; |
} |
|
.dijitMenuItem{ |
white-space: nowrap; |
padding:.1em .2em; |
} |
|
.dijitMenuItemHover { |
cursor:pointer; |
cursor:hand; |
background-color:black; |
color:white; |
} |
|
.dijitMenuItemIcon { |
position: relative; |
background-position: center center; |
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 0px to have only one */ |
.dijitMenuSeparatorTop { |
height: 50%; |
margin: 0px; |
margin-top:3px; |
font-size: 1px; |
} |
|
.dijitMenuSeparatorBottom { |
height: 50%; |
margin: 0px; |
margin-bottom:3px; |
font-size: 1px; |
} |
|
|
|
/* Tab */ |
|
|
.dijitTabContainer .dijitAlignTop { |
/* 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; |
} |
|
.dijitTabContainer .dijitAlignBottom { |
/* position the tab labels row up by 1 px so they overlap */ |
margin-top:-1px !important; |
z-index:10; |
} |
|
.dijitTabContainer .dijitAlignLeft { |
/* position the tab labels left by 1 px so they overlap */ |
margin-right:-1px !important; |
z-index:10; |
} |
|
.dijitTabContainer .dijitAlignRight { |
/* position the tab labels row up by 1 px, and 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; |
} |
|
.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: 0px 2px; |
margin: 0px 2px; |
} |
.dijit_a11y .dijitTab .closeImage { |
padding: 0px !important; |
margin: 0px !important; |
top: 0px !important; |
bottom: 0px !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:0px; |
overflow:visible; |
} |
|
.dijitInlineEditor .saveButton, |
.dijitInlineEditor .cancelButton { |
} |
|
/* Tree */ |
|
.dijitTreeExpando { |
float: left; |
display: inline; |
clear:both; |
} |
|
.dijitTreeExpand { |
float: left; |
display: inline; |
} |
|
.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; |
} |
|
/* Dialog */ |
|
.dijitDialog { |
position: absolute; |
z-index: 999; |
padding: 1px; |
} |
|
.dijitDialogUnderlayWrapper { |
position: absolute; |
left: 0px; |
top: 0px; |
z-index: 998; |
display: none; |
background: transparent; |
} |
|
.dijitDialogUnderlay { |
background: #eeeeee; |
opacity: 0.5; |
} |
|
.dj_ie .dijitDialogUnderlay { |
filter: alpha(opacity=50); |
} |
|
/* images off, high-contrast mode styles */ |
.dijit_a11y .dijitDialog { |
opacity: 1 !important; |
background-color: white !important; |
} |
|
.dijitDialog .closeText { |
display:none; |
position:absolute; |
} |
|
.dijit_a11y .dijitDialog .closeText { |
display:inline; |
} |
|
.dijitSliderMoveable { |
z-index:99; |
position:absolute !important; |
display:block; |
vertical-align:middle; |
} |
|
.dijitHorizontalSliderMoveable { |
right:0px; |
} |
|
.dijit_a11y div.dijitSliderImageHandle, |
.dijitSliderImageHandle { |
margin:0px; |
padding:0px; |
position:absolute !important; |
border:8px solid gray; |
width:0px; |
height:0px; |
} |
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { |
border:4px solid #000; |
height:8px; |
width:8px; |
} |
|
.dijitVerticalSliderImageHandle { |
top:-8px; |
left:-6px; |
} |
|
.dijitHorizontalSliderImageHandle { |
left:-8px; |
top:-5px; |
vertical-align:top; |
} |
|
.dijitSliderBar { |
border-style:solid; |
border-color:black; |
} |
|
.dijitHorizontalSliderBar { |
height:4px; |
border-width:1px 0px; |
} |
|
.dijitVerticalSliderBar { |
width:4px; |
border-width:0px 1px; |
} |
|
.dijitSliderProgressBar { |
background-color:red; |
#z-index:0; |
} |
|
.dijitVerticalSliderProgressBar { |
position:static !important; |
height:0%; |
vertical-align:top; |
text-align:left; |
} |
|
.dijitHorizontalSliderProgressBar { |
position:absolute !important; |
width:0%; |
vertical-align:middle; |
overflow:visible; |
} |
|
.dijitSliderRemainingBar { |
overflow:hidden; |
background-color:transparent; |
#z-index:-1; |
} |
|
.dijitVerticalSliderRemainingBar { |
height:100%; |
text-align:left; |
} |
|
.dijitHorizontalSliderRemainingBar { |
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 |
} |
|
.dijitVerticalSliderBumper { |
width:4px; |
height:8px; |
border-width:0px 1px; |
} |
|
.dijitHorizontalSliderBumper { |
width:8px; |
height:4px; |
border-width:1px 0px; |
} |
|
.dijitVerticalSliderBottomBumper, |
.dijitHorizontalSliderLeftBumper { |
background-color:red; |
} |
|
.dijitVerticalSliderTopBumper, |
.dijitHorizontalSliderRightBumper { |
background-color:transparent; |
} |
|
.dijitHorizontalSliderDecoration { |
text-align:center; |
} |
|
.dijitSlider .dijitSliderButton { |
font-family:monospace; |
margin:0px; |
padding:0px; |
display:block; |
} |
|
.dijit_a11y .dijitSliderButtonInner { |
visibility:visible !important; |
} |
|
.dijitSlider .dijitVerticalSliderTopButton { |
vertical-align:bottom; |
} |
|
.dijitSlider .dijitVerticalSliderBottomButton { |
vertical-align:top; |
} |
|
.dijitSliderButtonContainer { |
text-align:center; |
height:0px; |
} |
|
.dijitSlider .dijitButtonNode { |
padding:0px; |
display:block; |
} |
|
.dj_ie .RuleContainer { |
z-index: -1; /* #4809 */ |
} |
|
.RuleContainer { |
position:relative; |
overflow:visible; |
} |
|
.VerticalRuleContainer { |
height:100%; |
line-height:0px; |
float:left; |
text-align:left; |
} |
|
.dj_opera .VerticalRuleContainer { |
line-height:2%; |
} |
|
.dj_ie .VerticalRuleContainer { |
line-height:normal; |
} |
|
.dj_gecko .VerticalRuleContainer { |
margin:0px 0px 1px 0px; /* mozilla bug workaround for float:left,height:100% block elements */ |
} |
|
.RuleMark { |
position:absolute; |
border:1px solid black; |
line-height:0px; |
height:100%; |
} |
|
.HorizontalRuleMark { |
width:0px; |
border-top-width:0px !important; |
border-bottom-width:0px !important; |
border-left-width:0px !important; |
} |
|
.RuleLabelContainer { |
position:absolute; |
} |
|
.HorizontalRuleLabelContainer { |
text-align:center; |
display:inline-block; |
} |
|
.HorizontalRuleLabel { |
position:relative; |
left:-50%; |
} |
|
.VerticalRuleMark { |
height:0px; |
border-right-width:0px !important; |
border-bottom-width:0px !important; |
border-left-width:0px !important; |
width:100%; |
left:0px; |
} |
|
.dj_ie .VerticalRuleLabelContainer { |
margin-top:-.55em; |
} |
|
/* Toolbar A11y */ |
.dijit_a11y .dijitButtonContents .dijitButtonText { |
display: inline !important; |
} |
|
.dijitTextArea { |
width:100%; |
} |
|
.dj_ie .dijitTextArea p { |
margin-top:0px; |
margin-bottom:0px; |
} |
|
/* Editor */ |
.IEFixedToolbar { |
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; |
} |