]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/themes/soria/form/Checkbox.css.commented.css
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / themes / soria / form / Checkbox.css.commented.css
diff --git a/static/dojo-release-1.1.1/dijit/themes/soria/form/Checkbox.css.commented.css b/static/dojo-release-1.1.1/dijit/themes/soria/form/Checkbox.css.commented.css
new file mode 100644 (file)
index 0000000..afa18ba
--- /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
+*/
+
+.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: 0px;
+}
+
+.soria .dijitCheckBoxDisabled {
+       /* disabled */
+       background-position: -48px;
+}
+
+.soria .dijitCheckBoxCheckedDisabled {
+       /* disabled but checked */
+       background-position: -32px;
+}
+
+.soria .dijitCheckBoxHover,
+.soria .dijitCheckBoxFocused {
+       /* hovering over an unchecked enabled checkbox */
+       background-position: -80px;
+}
+
+.soria .dijitCheckBoxCheckedHover,
+               .soria .dijitCheckBoxCheckedFocused {
+       /* hovering over a checked enabled checkbox */
+       background-position: -64px;
+}