aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css')
-rw-r--r--includes/js/dijit/themes/nihilo/form/RadioButton.css.commented.css68
1 files changed, 68 insertions, 0 deletions
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;
+}