diff options
Diffstat (limited to 'lib/dijit/themes/soria/form')
-rw-r--r-- | lib/dijit/themes/soria/form/Button.css | 35 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/Button_rtl.css | 2 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/Checkbox.css | 47 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/Common.css | 33 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/RadioButton.css | 46 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/Select.css | 18 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/Slider.css | 36 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/Slider_rtl.css | 11 | ||||
-rw-r--r-- | lib/dijit/themes/soria/form/TimeTextBox.css | 2 |
9 files changed, 181 insertions, 49 deletions
diff --git a/lib/dijit/themes/soria/form/Button.css b/lib/dijit/themes/soria/form/Button.css index 9bf643709..6b813a6dd 100644 --- a/lib/dijit/themes/soria/form/Button.css +++ b/lib/dijit/themes/soria/form/Button.css @@ -1,6 +1,14 @@ +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) + *****/ + .soria .dijitButtonNode { - + /* enabled state - inner */ border: 1px solid #8ba0bd; border-bottom:1px solid #657c9c; padding: 0.1em 0.2em 0.2em 0.2em; @@ -9,16 +17,20 @@ .soria .dijitSelect .dijitButtonContents { border-right: none; } + .soria .dijitButtonText { text-align: center; padding: 0 0.3em; } + .soria .dijitArrowButton { color: #111; } + .soria .dijitComboButton .dijitDownArrowButton { padding-right:4px; } + .soria .dijitTextBoxReadOnly, .soria .dijitTextBoxReadOnly .dijitButtonNode, .soria .dijitButtonDisabled .dijitButtonNode, @@ -27,7 +39,7 @@ .soria .dijitComboButtonDisabled .dijitButtonNode, .soria .dijitTextBoxDisabled, .soria .dijitTextBoxDisabled .dijitButtonNode { - + /* disabled state - inner */ border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; opacity: 0.60; @@ -36,7 +48,7 @@ .dj_ie7 .soria .dijitReadOnly INPUT, .dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, .dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { - + /* opacity doesn't work on table node in IE, work around here */ color: #aaa; } .soria .dijitButtonHover .dijitButtonNode, @@ -46,29 +58,34 @@ .soria .dijitButtonContentsHover, .soria .dijitUpArrowButtonHover, .soria .dijitDownArrowButtonHover { - - + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ color:#243C5F; background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; } + .soria .dijitButtonActive .dijitButtonNode, .soria .dijitToggleButtonActive .dijitButtonNode, .soria .dijitDropDownButtonActive .dijitButtonNode, .soria .dijitComboButtonActive .dijitButtonContents, .soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { - + /* active state - inner (for when you are pressing a normal button, or + * when a radio-type button is in a depressed state + */ border-color:#657c9c; background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; } .soria .dijitUpArrowButtonActive, .soria .dijitDownArrowButtonActive { - + /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; } + + .soria .dijitArrowButtonInner { background-image: url("../images/spriteArrows.png"); background-repeat: no-repeat; - background-position: 0px center; + background-position: 0 center; width: 11px; height: 11px; } @@ -88,7 +105,7 @@ background-image: url("../images/spriteArrows.gif"); } .dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { - margin-top: 1px; + margin-top: 1px; /* image has too many blank pixels on top */ } .soria .dijitSpinnerButtonContainer { width: auto; diff --git a/lib/dijit/themes/soria/form/Button_rtl.css b/lib/dijit/themes/soria/form/Button_rtl.css index 50a5c5e0b..e2f3728f3 100644 --- a/lib/dijit/themes/soria/form/Button_rtl.css +++ b/lib/dijit/themes/soria/form/Button_rtl.css @@ -1,5 +1,5 @@ .dijitRtl .soria .dijitComboBox .dijitButtonNode { - border-width: 0px 0px 0px 1px; + border-width: 0 0 0 1px; } .dijitRtl .soria .dijitSelect .dijitButtonContents { border-left: none; diff --git a/lib/dijit/themes/soria/form/Checkbox.css b/lib/dijit/themes/soria/form/Checkbox.css index 8227dcb74..5a72bfc06 100644 --- a/lib/dijit/themes/soria/form/Checkbox.css +++ b/lib/dijit/themes/soria/form/Checkbox.css @@ -1,40 +1,67 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + .soria .dijitToggleButton .dijitCheckBox, .soria .dijitToggleButton .dijitCheckBoxIcon { background-image: url('../images/spriteCheckbox.gif'); } + .soria .dijitCheckBox, -.soria .dijitCheckBoxIcon { - background-image: url('../images/spriteCheckbox.gif'); +.soria .dijitCheckBoxIcon { /* inside a toggle button */ + background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */ background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0; } + .soria .dijitCheckBox, .soria .dijitToggleButton .dijitCheckBoxIcon { - + /* unchecked */ background-position: -16px; } + .soria .dijitCheckBoxChecked, .soria .dijitToggleButtonChecked .dijitCheckBoxIcon { - - background-position: 0px; + /* checked */ + background-position: 0; } + .soria .dijitCheckBoxDisabled { - + /* disabled */ background-position: -48px; } + .soria .dijitCheckBoxCheckedDisabled { - + /* disabled but checked */ background-position: -32px; } + .soria .dijitCheckBoxHover { - + /* hovering over an unchecked enabled checkbox */ background-position: -80px; } + .soria .dijitCheckBoxCheckedHover { - + /* hovering over a checked enabled checkbox */ background-position: -64px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/form/Common.css b/lib/dijit/themes/soria/form/Common.css index 0fe92d2a1..8e3688e82 100644 --- a/lib/dijit/themes/soria/form/Common.css +++ b/lib/dijit/themes/soria/form/Common.css @@ -1,25 +1,42 @@ +/**** + dijit.form.TextBox + dijit.form.ValidationTextBox + dijit.form.SerializableTextBox + dijit.form.RangeBoundTextBox + dijit.form.NumberTextBox + dijit.form.CurrencyTextBox + dijit.form.NumberSpinner + dijit.form.ComboBox (partial) + ****/ + .soria .dijitInputContainer INPUT, .soria .dijitTextBox { - margin: 0em 0.1em; + margin: 0 0.1em; } + .soria .dijitTextBox, .soria .dijitTextArea { - + /* For all except dijit.form.NumberSpinner: the actual input element. + For TextBox, ComboBox, Spinner: the table that contains the input. + Otherwise the actual input element. + */ background:#fff url("../images/validationInputBg.png") repeat-x top left; #background:#fff url('../images/validationInputBg.gif') repeat-x top left; border:1px solid #8ba0bd; } + .soria .dijitComboBox .dijitButtonNode { padding: 0 0.2em; } .soria .dijitTextBox .dijitButtonNode { - + /* line between the input area and the drop down button */ border-color: #8ba0bd; } + .soria .dijitTextBoxFocused, .soria .dijitTextAreaFocused { - + /* input field when focused (ie: typing affects it) */ border-color:#406b9b; } .soria .dijitTextBoxFocused .dijitButtonNode, @@ -32,20 +49,26 @@ .soria .dijitSpinner .dijitDownArrowButtonActive { border-top-color:#8ba0bd; } + .soria .dijitError { border-color:#f3d118; background-color:#f9f7ba; background-image:none; } + .soria .dijitErrorFocused { background-color:#ff6; background-image:none; } + +/* Validation errors */ .soria .dijitValidationIcon { - + /* prevent height change when widget goes from valid to invalid state */ width: 16px; background: transparent url('../images/warning.png') no-repeat center center; } + +/* The highlight is shown in the ComboBox menu. */ .soria .dijitComboBoxHighlightMatch { background-color:#f9f7ba; } diff --git a/lib/dijit/themes/soria/form/RadioButton.css b/lib/dijit/themes/soria/form/RadioButton.css index 543694e28..1ea27bf65 100644 --- a/lib/dijit/themes/soria/form/RadioButton.css +++ b/lib/dijit/themes/soria/form/RadioButton.css @@ -1,40 +1,66 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ .soria .dijitToggleButton .dijitRadio, .soria .dijitToggleButton .dijitRadioIcon { background-image: url('../images/spriteRadio.gif'); } + .soria .dijitRadio, -.soria .dijitRadioIcon { - background-image: url('../images/spriteRadio.gif'); +.soria .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ background-repeat: no-repeat; width: 16px; height: 16px; margin: 0; padding: 0; } + .soria .dijitRadio, .soria .dijitToggleButton .dijitRadioIcon { - + /* unselected */ background-position: -16px; } + .soria .dijitRadioChecked, .soria .dijitToggleButtonChecked .dijitRadioIcon { - - background-position: 0px; + /* selected */ + background-position: 0; } + .soria .dijitRadioDisabled { - + /* unselected and disabled */ background-position: -48px; } + .soria .dijitRadioCheckedDisabled { - + /* selected but disabled */ background-position: -32px; } + .soria .dijitRadioHover { - + /* hovering over an unselected enabled radio button */ background-position: -80px; } + .soria .dijitRadioCheckedHover { - + /* hovering over a selected enabled radio button */ background-position: -64px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/form/Select.css b/lib/dijit/themes/soria/form/Select.css index eb85ceaeb..18567720e 100644 --- a/lib/dijit/themes/soria/form/Select.css +++ b/lib/dijit/themes/soria/form/Select.css @@ -1,6 +1,8 @@ .soria .dijitSelect .dijitButtonNode { - padding: 0px; + padding: 0; } + +/* Make unselected "look" more like a text box and less like a button */ .soria .dijitSelect .dijitButtonContents { padding-top: 1px; background:#fff url("../images/validationInputBg.png") repeat-x top left; @@ -14,11 +16,14 @@ background: transparent none; } .dj_ie .soria .dijitSelect .dijitButtonContents { - padding-top: 0px; + padding-top: 0; } + .soria .dijitSelect .dijitArrowButton { - padding: 0px 2px; + padding: 0 2px; } + +/* Mirror DropDownButton */ .soria .dijitSelectDisabled .dijitButtonNode { border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; @@ -26,19 +31,24 @@ .dj_ie .soria .dijitSelectDisabled .dijitButtonNode * { filter: gray() alpha(opacity=50); } + .soria .dijitSelectHover .dijitButtonNode { color:#000; background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; } + .soria .dijitSelectActive .dijitButtonNode, .soria .dijitSelectOpened .dijitButtonNode { border-color:#657c9c; background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; } + +/* Make the menu look more combobox-like */ .soria .dijitSelectMenu td { - padding: 0em; + padding: 0; } .soria .dijitSelectMenu .dijitMenuItemLabel, .soria .dijitSelectMenu .dijitMenuArrowCell { padding: 0.1em 0.2em; } + diff --git a/lib/dijit/themes/soria/form/Slider.css b/lib/dijit/themes/soria/form/Slider.css index 72e48b678..3a68f4631 100644 --- a/lib/dijit/themes/soria/form/Slider.css +++ b/lib/dijit/themes/soria/form/Slider.css @@ -1,38 +1,49 @@ +/**** + SLIDER +****/ + .soria .dijitSliderProgressBarH { border-color: #b1badf; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; } + .soria .dijitSliderProgressBarV { border-color: #b1badf; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; } + .soria .dijitSliderFocused .dijitSliderProgressBarH, .soria .dijitSliderFocused .dijitSliderLeftBumper { background-image:url("../images/sliderFullFocus.png"); } + .soria .dijitSliderFocused .dijitSliderProgressBarV, .soria .dijitSliderFocused .dijitSliderBottomBumper { background-image:url("../images/sliderFullVerticalFocus.png"); } + .soria .dijitSliderRemainingBarV { border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; } + .soria .dijitSliderRemainingBarH { border-color: #b4b4b4; background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; } + .soria .dijitSliderBar { border-style: solid; outline:1px; - + /* border-color: #b4b4b4; */ } .soria .dijitSliderFocused .dijitSliderBar { border-color:#8ba0bd; } + .soria .dijitSliderImageHandleH { - border:0px; + border:0; width:15px; height:18px; background:url("../images/preciseSliderThumb.png") no-repeat center top; @@ -41,40 +52,48 @@ background-image:url("../images/preciseSliderThumbFocus.png"); #background-image:url("../images/preciseSliderThumbFocus.gif"); } + .dj_ie6 .soria .dijitSliderImageHandleH { background-image:url("../images/preciseSliderThumb.gif"); } + .soria .dijitSliderLeftBumper { border-left-width: 1px; border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; } + .soria .dijitSliderRightBumper { background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; border-color: #b4b4b4; border-right-width: 1px; } + .soria .dijitSliderImageHandleV { - border:0px; + border:0; width:20px; height:15px; background:url("../images/sliderThumb.png") no-repeat center center; #background:url("../images/sliderThumb.gif") no-repeat center center; } + .soria .dijitSliderFocused .dijitSliderImageHandleV { background-image:url("../images/sliderThumbFocus.png"); #background-image:url("../images/sliderThumbFocus.gif"); } + .soria .dijitSliderBottomBumper { border-bottom-width: 1px; border-color: #aab0bb; background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; } + .soria .dijitSliderTopBumper { background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; border-color: #b4b4b4; border-top-width: 1px; } + .soria .dijitSliderIncrementIconH, .soria .dijitSliderIncrementIconV { background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; @@ -85,6 +104,7 @@ background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; } + .soria .dijitSliderDecrementIconH, .soria .dijitSliderDecrementIconV { width:15px; @@ -93,12 +113,14 @@ #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; } .soria .dijitSliderDecrementIconH { - background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; - #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0px top; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0 top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0 top; } + .soria .dijitSliderButtonInner { visibility:hidden; } + .soria .dijitSliderReadOnly *, .soria .dijitSliderDisabled * { border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5; @@ -106,7 +128,7 @@ } .soria .dijitSliderReadOnly .dijitSliderDecrementIconH, .soria .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: 0px -15px; + background-position: 0 -15px; } .soria .dijitSliderReadOnly .dijitSliderIncrementIconH, .soria .dijitSliderDisabled .dijitSliderIncrementIconH { @@ -119,4 +141,4 @@ .soria .dijitSliderReadOnly .dijitSliderIncrementIconV, .soria .dijitSliderDisabled .dijitSliderIncrementIconV { background-position: -45px -15px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/form/Slider_rtl.css b/lib/dijit/themes/soria/form/Slider_rtl.css index c1d8de322..d9b67c504 100644 --- a/lib/dijit/themes/soria/form/Slider_rtl.css +++ b/lib/dijit/themes/soria/form/Slider_rtl.css @@ -1,4 +1,6 @@ +/* Slider */ + .dijitRtl .soria .dijitSliderProgressBarH, .dijitRtl .soria .dijitSliderRemainingBarH, .dijitRtl .soria .dijitSliderLeftBumper, @@ -6,23 +8,28 @@ .dijitRtl .soria .dijitSliderTopBumper { background-position: top right; } + .dijitRtl .soria .dijitSliderProgressBarV, .dijitRtl .soria .dijitSliderRemainingBarV, .dijitRtl .soria .dijitSliderBottomBumper { background-position: bottom right; } + .dijitRtl .soria .dijitSliderLeftBumper { - border-left-width: 0px; + border-left-width: 0; border-right-width: 1px; } + .dijitRtl .soria .dijitSliderRightBumper { border-left-width: 1px; - border-right-width: 0px; + border-right-width: 0; } + .dijitRtl .soria .dijitSliderIncrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat left top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat left top; } + .dijitRtl .soria .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; diff --git a/lib/dijit/themes/soria/form/TimeTextBox.css b/lib/dijit/themes/soria/form/TimeTextBox.css index d450925b4..bf67b66d0 100644 --- a/lib/dijit/themes/soria/form/TimeTextBox.css +++ b/lib/dijit/themes/soria/form/TimeTextBox.css @@ -1 +1 @@ -@CHARSET "UTF-8"; +@CHARSET "UTF-8";
\ No newline at end of file |