diff options
| author | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
|---|---|---|
| committer | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
| commit | b62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch) | |
| tree | 86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dijit/themes/soria/form | |
Diffstat (limited to 'js/dojo/dijit/themes/soria/form')
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Button.css | 122 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Button_rtl.css | 7 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Checkbox.css | 67 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Common.css | 74 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/RadioButton.css | 66 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Select.css | 54 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Slider.css | 144 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/Slider_rtl.css | 36 | ||||
| -rw-r--r-- | js/dojo/dijit/themes/soria/form/TimeTextBox.css | 1 |
9 files changed, 571 insertions, 0 deletions
diff --git a/js/dojo/dijit/themes/soria/form/Button.css b/js/dojo/dijit/themes/soria/form/Button.css new file mode 100644 index 0000000..9efe7ea --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Button.css @@ -0,0 +1,122 @@ + +/***** + 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; + background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left; +} +.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, +.soria .dijitToggleButtonDisabled .dijitButtonNode, +.soria .dijitDropDownButtonDisabled .dijitButtonNode, +.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; +} +.dj_ie6 .soria .dijitReadOnly input, +.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, +.soria .dijitButtonNodeHover, +.soria .dijitToggleButtonHover .dijitButtonNode, +.soria .dijitDropDownButtonHover .dijitButtonNode, +.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: 0 center; + width: 11px; + height: 11px; +} +.soria .dijitComboBox .dijitArrowButtonInner { + background-position: 0 center; +} +.soria .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -11px center; +} +.soria .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -22px center; +} +.soria .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -33px center; +} +.dj_ie6 .soria .dijitArrowButtonInner { + background-image: url("../images/spriteArrows.gif"); +} +.dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { + margin-top: 1px; /* image has too many blank pixels on top */ +} +.soria .dijitSpinnerButtonContainer { + width: auto; + padding: 0; +} +.soria .dijitSpinner .dijitArrowButton { + width: 15px; +} +.soria .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.soria .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} diff --git a/js/dojo/dijit/themes/soria/form/Button_rtl.css b/js/dojo/dijit/themes/soria/form/Button_rtl.css new file mode 100644 index 0000000..e2f3728 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Button_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .soria .dijitComboBox .dijitButtonNode { + border-width: 0 0 0 1px; +} +.dijitRtl .soria .dijitSelect .dijitButtonContents { + border-left: none; + border-right-width: 1px; +} diff --git a/js/dojo/dijit/themes/soria/form/Checkbox.css b/js/dojo/dijit/themes/soria/form/Checkbox.css new file mode 100644 index 0000000..5a72bfc --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Checkbox.css @@ -0,0 +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 { /* 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 { + /* 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/js/dojo/dijit/themes/soria/form/Common.css b/js/dojo/dijit/themes/soria/form/Common.css new file mode 100644 index 0000000..42dfefa --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Common.css @@ -0,0 +1,74 @@ + +/**** + 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: 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, +.soria .dijitSpinner .dijitUpArrowButtonActive, +.soria .dijitSpinner .dijitDownArrowButtonActive { + border-left-color:#8ba0bd; +} +.soria .dijitSpinnerFocused .dijitDownArrowButton, +.soria .dijitSpinner .dijitUpArrowButtonActive, +.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/js/dojo/dijit/themes/soria/form/RadioButton.css b/js/dojo/dijit/themes/soria/form/RadioButton.css new file mode 100644 index 0000000..1ea27bf --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/RadioButton.css @@ -0,0 +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 { /* 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 { + /* 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/js/dojo/dijit/themes/soria/form/Select.css b/js/dojo/dijit/themes/soria/form/Select.css new file mode 100644 index 0000000..1856772 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Select.css @@ -0,0 +1,54 @@ +.soria .dijitSelect .dijitButtonNode { + 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; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; +} +.soria .dijitSelectHover .dijitButtonContents, +.soria .dijitSelectActive .dijitButtonContents, +.soria .dijitSelectOpened .dijitButtonContents, +.soria .dijitSelectDisabled .dijitButtonContents, +.soria .dijitSelectReadOnly .dijitButtonContents{ + background: transparent none; +} +.dj_ie .soria .dijitSelect .dijitButtonContents { + padding-top: 0; +} + +.soria .dijitSelect .dijitArrowButton { + padding: 0 2px; +} + +/* Mirror DropDownButton */ +.soria .dijitSelectDisabled .dijitButtonNode { + border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; + background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; +} +.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: 0; +} +.soria .dijitSelectMenu .dijitMenuItemLabel, +.soria .dijitSelectMenu .dijitMenuArrowCell { + padding: 0.1em 0.2em; +} + diff --git a/js/dojo/dijit/themes/soria/form/Slider.css b/js/dojo/dijit/themes/soria/form/Slider.css new file mode 100644 index 0000000..3a68f46 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Slider.css @@ -0,0 +1,144 @@ + +/**** + 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:0; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; +} +.soria .dijitSliderFocused .dijitSliderImageHandleH { + 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: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; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top; + width:15px; height:15px; +} +.soria .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top; +} + +.soria .dijitSliderDecrementIconH, +.soria .dijitSliderDecrementIconV { + width:15px; + height:15px; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; + #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top; +} +.soria .dijitSliderDecrementIconH { + 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; + color: #bdbdbd; +} +.soria .dijitSliderReadOnly .dijitSliderDecrementIconH, +.soria .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: 0 -15px; +} +.soria .dijitSliderReadOnly .dijitSliderIncrementIconH, +.soria .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -30px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderDecrementIconV, +.soria .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -15px -15px; +} +.soria .dijitSliderReadOnly .dijitSliderIncrementIconV, +.soria .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -45px -15px; +}
\ No newline at end of file diff --git a/js/dojo/dijit/themes/soria/form/Slider_rtl.css b/js/dojo/dijit/themes/soria/form/Slider_rtl.css new file mode 100644 index 0000000..d9b67c5 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/Slider_rtl.css @@ -0,0 +1,36 @@ + +/* Slider */ + +.dijitRtl .soria .dijitSliderProgressBarH, +.dijitRtl .soria .dijitSliderRemainingBarH, +.dijitRtl .soria .dijitSliderLeftBumper, +.dijitRtl .soria .dijitSliderRightBumper, +.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: 0; + border-right-width: 1px; +} + +.dijitRtl .soria .dijitSliderRightBumper { + border-left-width: 1px; + 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/js/dojo/dijit/themes/soria/form/TimeTextBox.css b/js/dojo/dijit/themes/soria/form/TimeTextBox.css new file mode 100644 index 0000000..bf67b66 --- /dev/null +++ b/js/dojo/dijit/themes/soria/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8";
\ No newline at end of file |
