summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/tundra/form/RadioButton.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/dijit/themes/tundra/form/RadioButton.css')
-rw-r--r--lib/dijit/themes/tundra/form/RadioButton.css28
1 files changed, 18 insertions, 10 deletions
diff --git a/lib/dijit/themes/tundra/form/RadioButton.css b/lib/dijit/themes/tundra/form/RadioButton.css
index 3044d0edb..4dfc0fa6d 100644
--- a/lib/dijit/themes/tundra/form/RadioButton.css
+++ b/lib/dijit/themes/tundra/form/RadioButton.css
@@ -1,7 +1,7 @@
-.tundra .dijitRadio,
-.tundra .dijitRadioIcon {
- background-image: url('../images/checkmark.png');
+.tundra .dijitRadio, /* stand alone */
+.tundra .dijitRadioIcon { /* inside a toggle button */
+ background-image: url('../images/checkmark.png'); /* checkbox sprite image */
background-repeat: no-repeat;
width: 16px;
height: 16px;
@@ -10,35 +10,43 @@
}
.dj_ie6 .tundra .dijitRadio,
.dj_ie6 .tundra .dijitRadioIcon {
- background-image: url('../images/checkmark.gif');
+ background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
}
+
.tundra .dijitToggleButton .dijitRadioIcon {
-
+ /* for checkbox in a toggle button, override above setting to have no border */
background-image: url('../images/checkmarkNoBorder.png');
}
.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon {
background-image: url('../images/checkmarkNoBorder.gif');
}
+
.tundra .dijitRadio,
.tundra .dijitRadioIcon {
-
+ /* unselected */
background-position: -112px;
}
+
.tundra .dijitRadioDisabled {
-
+ /* unselected and disabled */
background-position: -144px;
}
+
.tundra .dijitRadioHover {
-
+ /* hovering over an unselected enabled radio button */
background-position: -176px;
}
+
.tundra .dijitRadioChecked,
.tundra .dijitRadioCheckedHover,
.tundra .dijitToggleButtonChecked .dijitRadioIcon {
-
+ /* selected. Since clicking a selected radio button doesn't change anything, there's
+ * no hover effect on selected radio buttons.
+ */
background-position: -96px;
}
+
.tundra .dijitRadioCheckedDisabled {
-
+ /* selected but disabled */
background-position: -128px;
}