summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/nihilo/form/Checkbox.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/dijit/themes/nihilo/form/Checkbox.css')
-rw-r--r--lib/dijit/themes/nihilo/form/Checkbox.css47
1 files changed, 37 insertions, 10 deletions
diff --git a/lib/dijit/themes/nihilo/form/Checkbox.css b/lib/dijit/themes/nihilo/form/Checkbox.css
index ceee44ffe..260666f99 100644
--- a/lib/dijit/themes/nihilo/form/Checkbox.css
+++ b/lib/dijit/themes/nihilo/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
+*/
+
.nihilo .dijitToggleButton .dijitCheckBox,
.nihilo .dijitToggleButton .dijitCheckBoxIcon {
background-image: url('../images/spriteCheckbox.gif');
}
+
.nihilo .dijitCheckBox,
-.nihilo .dijitCheckBoxIcon {
- background-image: url('../images/spriteCheckbox.gif');
+.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 {
-
- background-position: 0px;
+ /* checked */
+ background-position: 0;
}
+
.nihilo .dijitCheckBoxDisabled {
-
+ /* disabled */
background-position: -48px;
}
+
.nihilo .dijitCheckBoxCheckedDisabled {
-
+ /* disabled but checked */
background-position: -32px;
}
+
.nihilo .dijitCheckBoxHover {
-
+ /* hovering over an unchecked enabled checkbox */
background-position: -80px;
}
+
.nihilo .dijitCheckBoxCheckedHover {
-
+ /* hovering over a checked enabled checkbox */
background-position: -64px;
-}
+} \ No newline at end of file