aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dijit/themes/nihilo/form
diff options
context:
space:
mode:
authormensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>2008-11-13 09:49:11 +0000
committermensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>2008-11-13 09:49:11 +0000
commite44a7e37b6c7b5961adaffc62b9042b8d442938e (patch)
tree95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/themes/nihilo/form
parenta62b9742ee5e28bcec6872d88f50f25b820914f6 (diff)
downloadsemanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz
semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/themes/nihilo/form')
-rw-r--r--includes/js/dijit/themes/nihilo/form/Button.css90
-rw-r--r--includes/js/dijit/themes/nihilo/form/Button.css.commented.css109
-rw-r--r--includes/js/dijit/themes/nihilo/form/Button_rtl.css3
-rw-r--r--includes/js/dijit/themes/nihilo/form/Button_rtl.css.commented.css3
-rw-r--r--includes/js/dijit/themes/nihilo/form/Checkbox.css42
-rw-r--r--includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css69
-rw-r--r--includes/js/dijit/themes/nihilo/form/ComboBox.css7
-rw-r--r--includes/js/dijit/themes/nihilo/form/ComboBox.css.commented.css7
-rw-r--r--includes/js/dijit/themes/nihilo/form/Common.css61
-rw-r--r--includes/js/dijit/themes/nihilo/form/Common.css.commented.css82
-rw-r--r--includes/js/dijit/themes/nihilo/form/Common_rtl.css7
-rw-r--r--includes/js/dijit/themes/nihilo/form/Common_rtl.css.commented.css7
-rw-r--r--includes/js/dijit/themes/nihilo/form/RadioButton.css42
-rw-r--r--includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css68
-rw-r--r--includes/js/dijit/themes/nihilo/form/Slider.css112
-rw-r--r--includes/js/dijit/themes/nihilo/form/Slider.css.commented.css136
-rw-r--r--includes/js/dijit/themes/nihilo/form/Slider_rtl.css27
-rw-r--r--includes/js/dijit/themes/nihilo/form/Slider_rtl.css.commented.css34
-rw-r--r--includes/js/dijit/themes/nihilo/form/Textarea.css11
-rw-r--r--includes/js/dijit/themes/nihilo/form/Textarea.css.commented.css15
-rw-r--r--includes/js/dijit/themes/nihilo/form/TimeTextBox.css1
-rw-r--r--includes/js/dijit/themes/nihilo/form/TimeTextBox.css.commented.css1
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";