diff options
Diffstat (limited to 'includes/js/dijit/themes/nihilo/form')
22 files changed, 934 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/nihilo/form/Button.css b/includes/js/dijit/themes/nihilo/form/Button.css new file mode 100644 index 0000000..76bec06 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button.css @@ -0,0 +1,90 @@ + +.nihilo .dijitButtonNode { + + + border:1px solid #dedede; + border-bottom:1px solid #dedede; + border-right:1px solid #dedede; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .nihilo .dijitButtonNode { + zoom: 1; +} +.nihilo .dijitButtonText { + padding: 0 0.3em; +} +.nihilo .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} +.nihilo .dijitArrowButton { + color: #111; +} +.nihilo .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} +.dj_ff2 .nihilo .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} +.nihilo .dijitButtonDisabled .dijitButtonNode, +.nihilo .dijitToggleButtonDisabled .dijitButtonNode, +.nihilo .dijitDropDownButtonDisabled .dijitButtonNode, +.nihilo .dijitComboButtonDisabled .dijitButtonNode, +.nihilo .dijitComboBoxDisabled, +.nihilo .dijitSpinnerDisabled, +.nihilo .dijitSpinnerDisabled .dijitButtonNode { + + border-color: #dedede; + + background:#fafafa url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; +} +.dj_ie .nihilo .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); +} +.nihilo .dijitButtonHover .dijitButtonNode, +.nihilo .dijitToggleButtonHover .dijitButtonNode, +.nihilo .dijitDropDownButtonHover .dijitButtonNode, +.nihilo .dijitComboButtonHover .dijitButtonContents, +.nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.nihilo .dijitComboBoxHover .dijitDownArrowButton, +.nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton { + + + color:#000; + background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; +} +.nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.nihilo .dijitButtonActive .dijitButtonNode, +.nihilo .dijitToggleButtonActive .dijitButtonNode, +.nihilo .dijitDropDownButtonActive .dijitButtonNode, +.nihilo .dijitComboButtonActive .dijitButtonContents, +.nihilo .dijitDownArrowActive .dijitDownArrowButton, +.nihilo .dijitComboBoxActive .dijitDownArrowButton { + + border-color:#dedede; + background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; +} +.nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button.css.commented.css b/includes/js/dijit/themes/nihilo/form/Button.css.commented.css new file mode 100644 index 0000000..4a02447 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button.css.commented.css @@ -0,0 +1,109 @@ + +/***** + dijit.form.Button + dijit.form.DropDownButton + dijit.form.ComboButton + dijit.form.ComboBox (partial) + *****/ + +.nihilo .dijitButtonNode { + /* enabled state - inner */ + /* border:1px outset #a0a0a0; */ + border:1px solid #dedede; + border-bottom:1px solid #dedede; + border-right:1px solid #dedede; + padding: 0.2em; + background:#fff url("../images/buttonEnabled.png") repeat-x top left; +} +.dj_ie .nihilo .dijitButtonNode { + zoom: 1; +} + +.nihilo .dijitButtonText { + padding: 0 0.3em; +} + +.nihilo .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} + +.nihilo .dijitArrowButton { + color: #111; +} + +.nihilo .dijitComboButton .dijitDownArrowButton { + padding-right:4px; +} + +.dj_ff2 .nihilo .dijitComboButton .dijitButtonContentsFocused, +.dj_ff2 .nihilo .dijitComboButton .dijitDownArrowButtonFocused { + border: 1px black dotted !important; +} + +.nihilo .dijitButtonDisabled .dijitButtonNode, +.nihilo .dijitToggleButtonDisabled .dijitButtonNode, +.nihilo .dijitDropDownButtonDisabled .dijitButtonNode, +.nihilo .dijitComboButtonDisabled .dijitButtonNode, +.nihilo .dijitComboBoxDisabled, +.nihilo .dijitSpinnerDisabled, +.nihilo .dijitSpinnerDisabled .dijitButtonNode { + /* disabled state - inner */ + border-color: #dedede; + /*color:#b4b4b4;*/ + background:#fafafa url("../images/buttonDisabled.png") top repeat-x; + opacity: 0.60; /* Safari, Opera and Mozilla */ +} +.dj_ie .nihilo .dijitButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitToggleButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitDropDownButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitComboButtonDisabled .dijitButtonNode *, +.dj_ie .nihilo .dijitSpinnerDisabled .dijitButtonNode * { + filter: gray() alpha(opacity=50); /* IE */ +} + +.nihilo .dijitButtonHover .dijitButtonNode, +.nihilo .dijitToggleButtonHover .dijitButtonNode, +.nihilo .dijitDropDownButtonHover .dijitButtonNode, +.nihilo .dijitComboButtonHover .dijitButtonContents, +.nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton, +.nihilo .dijitComboBoxHover .dijitDownArrowButton, +.nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton { + /* hover state - inner */ + /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ + color:#000; + background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; +} + +.nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton, +.nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton, +.nihilo .dijitButtonActive .dijitButtonNode, +.nihilo .dijitToggleButtonActive .dijitButtonNode, +.nihilo .dijitDropDownButtonActive .dijitButtonNode, +.nihilo .dijitComboButtonActive .dijitButtonContents, +.nihilo .dijitDownArrowActive .dijitDownArrowButton, +.nihilo .dijitComboBoxActive .dijitDownArrowButton { + /* active state - inner (for when you are pressing a normal button, or + * when a toggle button is in a depressed state + */ + border-color:#dedede; + background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; +} + + +.nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left top; + width: 11px; +} +.nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat -22px top; + width: 11px; +} +.dj_ie6 .nihilo .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat left top; + width: 11px; +} +.dj_ie6 .nihilo .dijitUpArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.gif") no-repeat -22px top; + width: 11px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button_rtl.css b/includes/js/dijit/themes/nihilo/form/Button_rtl.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css new file mode 100644 index 0000000..fd92f00 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitComboBox .dijitButtonNode { + border-width: 0px 0px 0px 1px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Checkbox.css b/includes/js/dijit/themes/nihilo/form/Checkbox.css new file mode 100644 index 0000000..8281aca --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Checkbox.css @@ -0,0 +1,42 @@ + +.nihilo .dijitToggleButton .dijitCheckBox, +.nihilo .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} +.nihilo .dijitCheckBox, +.nihilo .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.nihilo .dijitCheckBox, +.nihilo .dijitToggleButton .dijitCheckBoxIcon { + + background-position: -16px; +} +.nihilo .dijitCheckBoxChecked, +.nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon { + + background-position: 0px; +} +.nihilo .dijitCheckBoxDisabled { + + background-position: -48px; +} +.nihilo .dijitCheckBoxCheckedDisabled { + + background-position: -32px; +} +.nihilo .dijitCheckBoxHover, +.nihilo .dijitCheckBoxFocused { + + background-position: -80px; +} +.nihilo .dijitCheckBoxCheckedHover, + .nihilo .dijitCheckBoxCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css b/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css new file mode 100644 index 0000000..5c07b73 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css @@ -0,0 +1,69 @@ + +/* + * 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 +*/ + +.nihilo .dijitToggleButton .dijitCheckBox, +.nihilo .dijitToggleButton .dijitCheckBoxIcon { + background-image: url('../images/spriteCheckbox.gif'); +} + +.nihilo .dijitCheckBox, +.nihilo .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; +} + +.nihilo .dijitCheckBox, +.nihilo .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -16px; +} + +.nihilo .dijitCheckBoxChecked, +.nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0px; +} + +.nihilo .dijitCheckBoxDisabled { + /* disabled */ + background-position: -48px; +} + +.nihilo .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -32px; +} + +.nihilo .dijitCheckBoxHover, +.nihilo .dijitCheckBoxFocused { + /* hovering over an unchecked enabled checkbox */ + background-position: -80px; +} + +.nihilo .dijitCheckBoxCheckedHover, + .nihilo .dijitCheckBoxCheckedFocused { + /* hovering over a checked enabled checkbox */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/ComboBox.css b/includes/js/dijit/themes/nihilo/form/ComboBox.css new file mode 100644 index 0000000..5de42ab --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/ComboBox.css @@ -0,0 +1,7 @@ +.nihilo .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.nihilo .dijitComboBoxHover .dijitArrowButtonInner { + +} diff --git a/includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css b/includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css new file mode 100644 index 0000000..e997538 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css @@ -0,0 +1,7 @@ +.nihilo .dijitComboBox .dijitArrowButton .dijitArrowButtonInner { + background:url("../images/spriteArrows.png") no-repeat left center; + width: 11px; +} +.nihilo .dijitComboBoxHover .dijitArrowButtonInner { + /* TODO: url("images/arrowDownHover.png") but in IE6 it flickers some? */ +} diff --git a/includes/js/dijit/themes/nihilo/form/Common.css b/includes/js/dijit/themes/nihilo/form/Common.css new file mode 100644 index 0000000..94042fa --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common.css @@ -0,0 +1,61 @@ + +.nihilo .dijitInputField INPUT, +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner { + margin: 0em 0.1em; +} +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner, +.nihilo .dijitInlineEditor input, +.nihilo .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #d3d3d3; + line-height: normal; +} +.nihilo .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.nihilo .dijitComboBox .dijitButtonNode, +.nihilo .dijitSpinner .dijitButtonNode { + + border-color: #d3d3d3; + border-left: 1px solid #d3d3d3; +} +.nihilo .dijitTextBoxFocused, +.nihilo .dijitComboBoxFocused, +.nihilo .dijitSpinnerFocused { + + border-color:#b3b3b3; +} +.nihilo .dijitComboBoxFocused .dijitButtonNode, .nihilo .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#d3d3d3; +} +.nihilo .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#d3d3d3; +} +.nihilo .dijitError { + border-color:#b3b3b3; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .nihilo .dijitError INPUT { + + background-color:#f9f7ba !important; +} +.nihilo .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .nihilo .dijitErrorFocused INPUT { + + background-color:#ff6 !important; +} +.nihilo .dijitValidationIcon { + + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/nihilo/form/Common.css.commented.css b/includes/js/dijit/themes/nihilo/form/Common.css.commented.css new file mode 100644 index 0000000..39aa1a6 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common.css.commented.css @@ -0,0 +1,82 @@ + +/**** + 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) + ****/ + +.nihilo .dijitInputField INPUT, +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner { + margin: 0em 0.1em; +} + +.nihilo .dijitTextBox, +.nihilo .dijitComboBox, +.nihilo .dijitSpinner, +.nihilo .dijitInlineEditor input, +.nihilo .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 #d3d3d3; + line-height: normal; +} + +.nihilo .dijitComboBox .dijitButtonNode { + padding: 0 0.2em; +} +.nihilo .dijitComboBox .dijitButtonNode, +.nihilo .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #d3d3d3; + border-left: 1px solid #d3d3d3; +} + +.nihilo .dijitTextBoxFocused, +.nihilo .dijitComboBoxFocused, +.nihilo .dijitSpinnerFocused { + /* input field when focused (ie: typing affects it) */ + border-color:#b3b3b3; +} +.nihilo .dijitComboBoxFocused .dijitButtonNode, .nihilo .dijitSpinnerFocused .dijitButtonNode { + border-left-color:#d3d3d3; +} +.nihilo .dijitSpinnerFocused .dijitDownArrowButton { + border-top-color:#d3d3d3; +} + +.nihilo .dijitError { + border-color:#b3b3b3; + background-color:#f9f7ba; + background-image:none; +} +.dj_ie6 .nihilo .dijitError INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#f9f7ba !important; +} + +.nihilo .dijitErrorFocused { + background-color:#ff6; + background-image:none; +} +.dj_ie6 .nihilo .dijitErrorFocused INPUT { + /* background-color: transparent on an <input> doesn't work on IE6 */ + background-color:#ff6 !important; +} + +/* Validation errors */ +.nihilo .dijitValidationIcon { + /* prevent height change when widget goes from valid to invalid state */ + width: 16px; + background: transparent url('../images/warning.png') no-repeat center center; +} diff --git a/includes/js/dijit/themes/nihilo/form/Common_rtl.css b/includes/js/dijit/themes/nihilo/form/Common_rtl.css new file mode 100644 index 0000000..0bced8b --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css new file mode 100644 index 0000000..83f79d2 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css @@ -0,0 +1,7 @@ +.dijitRtl .dijitComboBox .dijitButtonNode, +.dijitRtl .dijitSpinner .dijitButtonNode { + /* line between the input area and the drop down button */ + border-color: #8ba0bd; + border-left: 0px solid #8ba0bd; + border-right: 1px solid #8ba0bd; +} diff --git a/includes/js/dijit/themes/nihilo/form/RadioButton.css b/includes/js/dijit/themes/nihilo/form/RadioButton.css new file mode 100644 index 0000000..21d8599 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/RadioButton.css @@ -0,0 +1,42 @@ + +.nihilo .dijitToggleButton .dijitRadio, +.nihilo .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} +.nihilo .dijitRadio, +.nihilo .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} +.nihilo .dijitRadio, +.nihilo .dijitToggleButton .dijitRadioIcon { + + background-position: -16px; +} +.nihilo .dijitRadioChecked, +.nihilo .dijitToggleButtonChecked .dijitRadioIcon { + + background-position: 0px; +} +.nihilo .dijitRadioCheckedDisabled { + + background-position: -48px; +} +.nihilo .dijitRadioDisabled { + + background-position: -32px; +} +.nihilo .dijitRadioHover, +.nihilo .dijitRadioFocused { + + background-position: -80px; +} +.nihilo .dijitRadioCheckedHover, +.nihilo .dijitRadioCheckedFocused { + + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css b/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css new file mode 100644 index 0000000..456cd05 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css @@ -0,0 +1,68 @@ +/* + * 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 +*/ + +.nihilo .dijitToggleButton .dijitRadio, +.nihilo .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} + +.nihilo .dijitRadio, +.nihilo .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; +} + +.nihilo .dijitRadio, +.nihilo .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -16px; +} + +.nihilo .dijitRadioChecked, +.nihilo .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: 0px; +} + +.nihilo .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -48px; +} + +.nihilo .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -32px; +} + +.nihilo .dijitRadioHover, +.nihilo .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.nihilo .dijitRadioCheckedHover, +.nihilo .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -64px; +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider.css b/includes/js/dijit/themes/nihilo/form/Slider.css new file mode 100644 index 0000000..448fb94 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider.css @@ -0,0 +1,112 @@ + +.nihilo .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.nihilo .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.nihilo .dijitSliderFocused .dijitSliderProgressBarH, +.nihilo .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} +.nihilo .dijitSliderFocused .dijitSliderProgressBarV, +.nihilo .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} +.nihilo .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} +.nihilo .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} +.nihilo .dijitSliderBar { + border-style: solid; + outline:1px; + +} +.nihilo .dijitSliderFocused .dijitSliderBar { + border-color:#727272; +} +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} +.nihilo .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} +.dj_ie6 .nihilo .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} +.nihilo .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} +.nihilo .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} +.nihilo .dijitSliderImageHandleV { + border:0px; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} +.nihilo .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} +.nihilo .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} +.nihilo .dijitSliderIncrementIconH, +.nihilo .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + width:15px; height:15px; + cursor:pointer; +} +.nihilo .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} +.nihilo .dijitSliderDecrementIconH, +.nihilo .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.nihilo .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } +.nihilo .dijitSliderButtonInner { + visibility:hidden; +} +.nihilo .dijitSliderDisabled { + opacity:0.6 !important; +} +.dj_ie6 .nihilo .dijitSliderDisabled, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider.css.commented.css b/includes/js/dijit/themes/nihilo/form/Slider.css.commented.css new file mode 100644 index 0000000..8b3ebb0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider.css.commented.css @@ -0,0 +1,136 @@ + +/**** + SLIDER +****/ + +.nihilo .dijitSliderProgressBarH { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.nihilo .dijitSliderProgressBarV { + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.nihilo .dijitSliderFocused .dijitSliderProgressBarH, +.nihilo .dijitSliderFocused .dijitSliderLeftBumper { + background-image:url("../images/sliderFullFocus.png"); +} + +.nihilo .dijitSliderFocused .dijitSliderProgressBarV, +.nihilo .dijitSliderFocused .dijitSliderBottomBumper { + background-image:url("../images/sliderFullVerticalFocus.png"); +} + +.nihilo .dijitSliderRemainingBarV { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left; +} + +.nihilo .dijitSliderRemainingBarH { + border-color: #b4b4b4; + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; +} + +.nihilo .dijitSliderBar { + border-style: solid; + outline:1px; + /* border-color: #b4b4b4; */ +} +.nihilo .dijitSliderFocused .dijitSliderBar { + border-color:#727272; +} + +.dijit_a11y .dijitSliderProgressBar { + background-color:#333 !important; +} + +.nihilo .dijitSliderImageHandleH { + border:0px; + width:15px; + height:18px; + background:url("../images/preciseSliderThumb.png") no-repeat center top; + cursor:pointer; +} +.nihilo .dijitSliderFocused .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumbFocus.png"); + #background-image:url("../images/preciseSliderThumbFocus.gif"); +} + +.dj_ie6 .nihilo .dijitSliderImageHandleH { + background-image:url("../images/preciseSliderThumb.gif"); +} + +.nihilo .dijitSliderLeftBumper { + border-left-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left; +} + +.nihilo .dijitSliderRightBumper { + background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left; + border-color: #b4b4b4; + border-right-width: 1px; +} + +.nihilo .dijitSliderImageHandleV { + border:0px; + width:20px; + height:15px; + background:url("../images/sliderThumb.png") no-repeat center center; + cursor:pointer; +} + +.nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.png"); +} +.dj_ie6 .nihilo .dijitSliderFocused .dijitSliderImageHandleV { + background-image:url("../images/sliderThumbFocus.gif"); +} + +.nihilo .dijitSliderBottomBumper { + border-bottom-width: 1px; + border-color: #aab0bb; + background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left; +} + +.nihilo .dijitSliderTopBumper { + background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left; + border-color: #b4b4b4; + border-top-width: 1px; +} + +.nihilo .dijitSliderIncrementIconH, +.nihilo .dijitSliderIncrementIconV { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top; + width:15px; height:15px; + cursor:pointer; +} +.nihilo .dijitSliderIncrementIconH { + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top; +} + +.nihilo .dijitSliderDecrementIconH, +.nihilo .dijitSliderDecrementIconV { + width:15px; + height:15px; + cursor:pointer; + background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top; +} +.nihilo .dijitSliderDecrementIconH { background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0px top; } + +.nihilo .dijitSliderButtonInner { + visibility:hidden; +} + +.nihilo .dijitSliderDisabled { + opacity:0.6 !important; +} + +.dj_ie6 .nihilo .dijitSliderDisabled, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitRuleContainer, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderRemainingBar, +.dj_ie6 .nihilo .dijitSliderDisabled .dijitSliderProgressBar { + filter: gray() alpha(opacity=40); +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider_rtl.css b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css new file mode 100644 index 0000000..febfd0a --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css @@ -0,0 +1,27 @@ + +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css new file mode 100644 index 0000000..930be3d --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css @@ -0,0 +1,34 @@ + +/* Slider */ + +.dijitRtl .dijitSliderProgressBarH, +.dijitRtl .dijitSliderRemainingBarH, +.dijitRtl .dijitSliderLeftBumper, +.dijitRtl .dijitSliderRightBumper, +.dijitRtl .dijitSliderTopBumper { + background-position: top right; +} + +.dijitRtl .dijitSliderProgressBarV, +.dijitRtl .dijitSliderRemainingBarV, +.dijitRtl .dijitSliderBottomBumper { + background-position: bottom right; +} + +.dijitRtl .dijitSliderLeftBumper { + border-left-width: 0px; + border-right-width: 1px; +} + +.dijitRtl .dijitSliderRightBumper { + border-left-width: 1px; + border-right-width: 0px; +} + +.dijitRtl .dijitSliderIncrementIconH { + background-image:url('../images/arrowLeft.png'); +} + +.dijitRtl .dijitSliderDecrementIconH { + background-image:url('../images/arrowRight.png'); +} diff --git a/includes/js/dijit/themes/nihilo/form/Textarea.css b/includes/js/dijit/themes/nihilo/form/Textarea.css new file mode 100644 index 0000000..c6f4700 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Textarea.css @@ -0,0 +1,11 @@ +.nihilo .dijitTextBox { + margin: 0em 0.1em; +} +.nihilo .dijitTextBox, +.nihilo .dijitTextArea { + + background:#fff url("../images/validationInputBg.png") repeat-x top left; + #background:#fff url('../images/validationInputBg.gif') repeat-x top left; + border:1px solid #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css b/includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css new file mode 100644 index 0000000..2d26487 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css @@ -0,0 +1,15 @@ +.nihilo .dijitTextBox { + margin: 0em 0.1em; +} + +.nihilo .dijitTextBox, +.nihilo .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 #c4c4c4; + line-height: normal; +} diff --git a/includes/js/dijit/themes/nihilo/form/TimeTextBox.css b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; diff --git a/includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css new file mode 100644 index 0000000..d450925 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css @@ -0,0 +1 @@ +@CHARSET "UTF-8"; |