From 1354d17270961fff662d40f90521223f8fd0d73b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 14 Aug 2012 18:59:10 +0400 Subject: update dojo to 1.7.3 --- lib/dijit/themes/dijit.css | 159 +++++++++++++++++++++++++-------------------- 1 file changed, 89 insertions(+), 70 deletions(-) (limited to 'lib/dijit/themes/dijit.css') diff --git a/lib/dijit/themes/dijit.css b/lib/dijit/themes/dijit.css index b6d57dca1..4c60bf371 100644 --- a/lib/dijit/themes/dijit.css +++ b/lib/dijit/themes/dijit.css @@ -39,6 +39,12 @@ #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */ } +table.dijitInline { + /* To inline tables with a given width set */ + display:inline-table; + box-sizing: content-box; -moz-box-sizing: content-box; +} + .dijitHidden { /* To hide unselected panes in StackContainer etc. */ display: none !important; @@ -60,8 +66,8 @@ #display: inline; } -.dj_ie INPUT.dijitTextBox, -.dj_ie .dijitTextBox INPUT { +.dj_ie input.dijitTextBox, +.dj_ie .dijitTextBox input { font-size: 100%; } .dijitTextBox .dijitSpinnerButtonContainer, @@ -70,7 +76,7 @@ float: right; text-align: center; } -.dijitTextBox INPUT.dijitInputField { +.dijitTextBox input.dijitInputField { /* override unreasonable user styling of buttons and icons */ padding-left: 0 !important; padding-right: 0 !important; @@ -78,16 +84,6 @@ .dijitTextBox .dijitValidationContainer { display: none; } -.dijitInlineTable { - /* To inline tables with a given width set (otherwise, use dijitInline above) */ - 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; @@ -157,16 +153,16 @@ A11Y ****/ .dijit_a11y .dijitIcon, -.dijit_a11y DIV.dijitArrowButtonInner, /* is this only for Spinner? if so, it should be deleted */ -.dijit_a11y SPAN.dijitArrowButtonInner, -.dijit_a11y IMG.dijitArrowButtonInner, +.dijit_a11y div.dijitArrowButtonInner, /* is this only for Spinner? if so, it should be deleted */ +.dijit_a11y span.dijitArrowButtonInner, +.dijit_a11y img.dijitArrowButtonInner, .dijit_a11y .dijitCalendarIncrementControl, .dijit_a11y .dijitTreeExpando { /* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents - * exception for INPUT.dijitArrowButtonInner, because the icon and character are controlled by the same node */ + * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */ display: none; } -.dijitSpinner DIV.dijitArrowButtonInner { +.dijitSpinner div.dijitArrowButtonInner { display: block; /* override previous rule */ } @@ -183,14 +179,16 @@ */ .dijit_a11y .dijitCalendarDateLabel { padding: 1px; + border: 0px !important; } .dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { - border-style: dotted !important; - border-width: 1px; + border-style: solid !important; + border-width: 1px !important; padding: 0; } .dijit_a11y .dijitCalendarDateTemplate { padding-bottom: 0.1em !important; /* otherwise bottom border doesn't appear on IE */ + border: 0px !important; } .dijit_a11y .dijitButtonNode { border: black outset medium !important; @@ -201,6 +199,10 @@ padding: 0 !important; } +.dijit_a11y .dijitButtonContents{ + margin: 0.15em; /* Margin needed to make focus outline visible */ +} + .dijit_a11y .dijitTextBoxReadOnly .dijitInputField, .dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode { border-style: outset!important; @@ -246,6 +248,9 @@ } /* Buttons */ +.dj_gecko .dijit_a11y .dijitButtonDisabled .dijitButtonNode { + opacity: 0.5; +} .dijitToggleButton, .dijitButton, @@ -263,7 +268,7 @@ td.dijitButtonContents { display: table-cell; /* but don't affect Select, ComboButton */ } -.dijitButtonNode IMG { +.dijitButtonNode img { /* make text and images line up cleanly */ vertical-align:middle; /*margin-bottom:.2em;*/ @@ -331,7 +336,7 @@ td.dijitButtonContents { overflow: visible; } -DIV.dijitArrowButton { +div.dijitArrowButton { float: right; } @@ -351,14 +356,14 @@ DIV.dijitArrowButton { .dijitTextBoxDisabled { color: gray; } -.dj_webkit .dijitTextBoxDisabled INPUT { +.dj_webkit .dijitTextBoxDisabled input { color: #eee; /* because WebKit lightens disabled input/textarea no matter what color you specify */ } -.dj_webkit TEXTAREA.dijitTextAreaDisabled { +.dj_webkit textarea.dijitTextAreaDisabled { color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */ } -.dj_gecko .dijitTextBoxReadOnly INPUT.dijitInputField, /* disable arrow and validation presentation INPUTs but allow real INPUT for text selection */ -.dj_gecko .dijitTextBoxDisabled INPUT { +.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */ +.dj_gecko .dijitTextBoxDisabled input { -moz-user-input: none; /* prevent focus of disabled textbox buttons */ } @@ -377,14 +382,14 @@ DIV.dijitArrowButton { } /* rules for webkit to deal with fuzzy blue focus border */ -.dijitTextBox INPUT:focus { +.dijitTextBox input:focus { outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */ } .dijitTextBoxFocused { - outline: auto 5px -webkit-focus-ring-color; + outline: 5px -webkit-focus-ring-color; } -.dijitTextBox INPUT { +.dijitTextBox input { float: left; /* needed by IE to remove secret margin */ } .dijitInputInner { @@ -399,11 +404,11 @@ DIV.dijitArrowButton { margin-left: 0 !important; margin-right: 0 !important; } -.dijit_a11y .dijitTextBox INPUT { +.dijit_a11y .dijitTextBox input { margin: 0 !important; } -.dijitTextBoxError INPUT.dijitValidationInner, -.dijitTextBox INPUT.dijitArrowButtonInner { +.dijitTextBoxError input.dijitValidationInner, +.dijitTextBox input.dijitArrowButtonInner { /* used to display arrow icon/validation icon, or in arrow character in high contrast mode. * The css below is a trick to hide the character in non-high-contrast mode */ @@ -415,26 +420,26 @@ DIV.dijitArrowButton { #letter-spacing: -5em !important; #text-align: right !important; } -.dj_ie .dijitTextBox INPUT, -.dj_ie INPUT.dijitTextBox { - overflow-y: visible; /* INPUTs need help expanding when padding is added or line-height is adjusted */ +.dj_ie .dijitTextBox input, +.dj_ie input.dijitTextBox { + overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */ line-height: normal; /* strict mode */ } -.dj_ie7 .dijitTextBox INPUT.dijitValidationInner, -.dj_ie7 .dijitTextBox INPUT.dijitArrowButtonInner { +.dj_ie7 .dijitTextBox input.dijitValidationInner, +.dj_ie7 .dijitTextBox input.dijitArrowButtonInner { line-height: 86%; /* IE7 problem where the icon is vertically too low w/o this - real input stays at normal */ } -.dj_ie6 .dijitTextBox INPUT, -.dj_ie6 INPUT.dijitTextBox, -.dj_iequirks .dijitTextBox INPUT.dijitValidationInner, -.dj_iequirks .dijitTextBox INPUT.dijitArrowButtonInner, -.dj_iequirks .dijitTextBox INPUT.dijitSpinnerButtonInner, -.dj_iequirks .dijitTextBox INPUT.dijitInputInner, -.dj_iequirks INPUT.dijitTextBox { +.dj_ie6 .dijitTextBox input, +.dj_ie6 input.dijitTextBox, +.dj_iequirks .dijitTextBox input.dijitValidationInner, +.dj_iequirks .dijitTextBox input.dijitArrowButtonInner, +.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner, +.dj_iequirks .dijitTextBox input.dijitInputInner, +.dj_iequirks input.dijitTextBox { line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */ } -.dijit_a11y INPUT.dijitValidationInner, -.dijit_a11y INPUT.dijitArrowButtonInner { +.dijit_a11y input.dijitValidationInner, +.dijit_a11y input.dijitArrowButtonInner { /* (in high contrast mode) revert rules from above so character displays */ text-indent: 0 !important; width: 1em !important; @@ -495,7 +500,7 @@ DIV.dijitArrowButton { } .dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer, .dijit_a11y .dijitSpinner .dijitArrowButtonInner, -.dijit_a11y .dijitSpinnerButtonContainer INPUT { +.dijit_a11y .dijitSpinnerButtonContainer input { width: 1em !important; } .dijit_a11y .dijitSpinner .dijitArrowButtonInner { @@ -620,8 +625,8 @@ DIV.dijitArrowButton { overflow: hidden; } -.dijitCheckBox INPUT, -.dijitRadio INPUT { +.dijitCheckBox input, +.dijitRadio input { margin: 0; padding: 0; display: block; @@ -649,6 +654,11 @@ DIV.dijitArrowButton { height: auto; } +.dijit_a11y .dijitFocusedLabel { + /* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/ + border: 1px dotted; + outline: 0px !important; +} /**** dijit.ProgressBar @@ -683,7 +693,7 @@ DIV.dijitArrowButton { right:0; margin:0; padding:0; - width:auto; + width: 100%; /* needed for IE/quirks */ height:auto; background-color:#aaa; background-attachment: fixed; @@ -775,10 +785,10 @@ DIV.dijitArrowButton { overflow: hidden; } -body .dijitAlignTop, -body .dijitAlignBottom, -body .dijitAlignLeft, -body .dijitAlignRight { +.dijitAlignTop, +.dijitAlignBottom, +.dijitAlignLeft, +.dijitAlignRight { position: absolute; overflow: hidden; } @@ -786,7 +796,7 @@ body .dijitAlignRight { body .dijitAlignClient { position: absolute; } /* - * BorderContaienr + * BorderContainer * * .dijitBorderContainer is a stylized layout where panes have border and margin. * .dijitBorderContainerNoGutter is a raw layout. @@ -860,13 +870,13 @@ body .dijitAlignClient { position: absolute; } height: 7px; border-top:1px; border-bottom:1px; - cursor: ns-resize; + cursor: row-resize; } .dijitSplitterV { width: 7px; border-left:1px; border-right:1px; - cursor: ew-resize; + cursor: col-resize; } .dijitSplitContainer { position: relative; @@ -886,8 +896,6 @@ body .dijitAlignClient { position: absolute; } .dijitSplitContainerSizerV { position:absolute; font-size: 1px; - cursor: move; - cursor: w-resize; background-color: ThreeDFace; border: 1px solid; border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; @@ -916,11 +924,12 @@ body .dijitAlignClient { position: absolute; } margin: 0; } -.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH { - cursor: w-resize; +.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH { + cursor: col-resize; } -.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { - cursor: n-resize; + +.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { + cursor: row-resize; } .dijit_a11y .dijitSplitterH { @@ -947,6 +956,11 @@ body .dijitAlignClient { position: absolute; } overflow: hidden; } +.dijitContentPaneLoading .dijitIconLoading, +.dijitContentPaneError .dijitIconError { + margin-right: 9px; +} + /* TitlePane */ .dijitTitlePane { @@ -1040,13 +1054,13 @@ body .dijitAlignClient { position: absolute; } .dijitPaletteTable td { padding: 0; } -.dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { +.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { /* hovered color swatch */ border: 1px solid #000; } -.dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, -.dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { +.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, +.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { border: 2px solid #000; margin: 1px 0; /* reduce margin to compensate for increased border */ } @@ -1103,6 +1117,10 @@ body .dijitAlignClient { position: absolute; } vertical-align: middle; } +.dijitCalendarYearLabel { + white-space: nowrap; /* make sure previous, current, and next year appear on same row */ +} + .dijitCalendarNextYear { margin:0 0 0 0.55em; } @@ -1206,7 +1224,7 @@ body .dijitAlignClient { position: absolute; } border: 1px dotted black !important; } .dj_ff3 .dijit_a11y .dijitMenuItem td { - padding: none !important; + padding: 0 !important; background:none !important; } .dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel { @@ -1294,6 +1312,7 @@ body .dijitAlignClient { position: absolute; } width: 50000px; display: block; position: relative; + text-align: left; /* just in case ancestor has non-standard setting */ } .dijitTabListWrapper { overflow: hidden; @@ -1334,7 +1353,7 @@ body .dijitAlignClient { position: absolute; } border-right: 0; } -DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled { +div.dijitTabDisabled, .dj_ie div.dijitTabDisabled { cursor: auto; } @@ -1568,7 +1587,7 @@ DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled { right:50%; } -.dijit_a11y DIV.dijitSliderImageHandle, +.dijit_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle { margin:0; padding:0; @@ -1816,7 +1835,7 @@ DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled { } /* + and - Slider buttons: override theme settings to display icons */ -.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV { +.dijit_a11y .dijitSlider .dijitSliderButtonContainer div { font-family: monospace; /* otherwise hyphen is larger and more vertically centered */ font-size: 1em; line-height: 1em; -- cgit v1.2.3