]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/themes/soria/form/RadioButton.css.commented.css
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / themes / soria / form / RadioButton.css.commented.css
diff --git a/static/dojo-release-1.1.1/dijit/themes/soria/form/RadioButton.css.commented.css b/static/dojo-release-1.1.1/dijit/themes/soria/form/RadioButton.css.commented.css
new file mode 100644 (file)
index 0000000..dad4ac5
--- /dev/null
@@ -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
+*/
+
+.soria .dijitToggleButton .dijitRadio,
+.soria .dijitToggleButton .dijitRadioIcon {
+       background-image: url('../images/spriteRadio.gif');
+}
+
+.soria .dijitRadio,
+.soria .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;
+}
+
+.soria .dijitRadio,
+.soria .dijitToggleButton .dijitRadioIcon {
+       /* unselected */
+       background-position: -16px;
+}
+
+.soria .dijitRadioChecked,
+.soria .dijitToggleButtonChecked .dijitRadioIcon {
+       /* selected */
+       background-position: 0px;
+}
+
+.soria .dijitRadioCheckedDisabled {
+       /* selected but disabled */
+       background-position: -48px;
+}
+
+.soria .dijitRadioDisabled {
+       /* unselected and disabled */
+       background-position: -32px;
+}
+
+.soria .dijitRadioHover,
+.soria .dijitRadioFocused {
+       /* hovering over an unselected enabled radio button */
+       background-position: -80px;
+}
+
+.soria .dijitRadioCheckedHover,
+.soria .dijitRadioCheckedFocused {
+       /* hovering over a selected enabled radio button */
+       background-position: -64px;
+}