]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/themes/nihilo/form/Checkbox.css.commented.css
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / themes / nihilo / form / Checkbox.css.commented.css
diff --git a/static/dojo-release-1.1.1/dijit/themes/nihilo/form/Checkbox.css.commented.css b/static/dojo-release-1.1.1/dijit/themes/nihilo/form/Checkbox.css.commented.css
new file mode 100644 (file)
index 0000000..5c07b73
--- /dev/null
@@ -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;
+}