aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dijit/themes/soria/form/Checkbox.css.commented.css')
-rw-r--r--includes/js/dijit/themes/soria/form/Checkbox.css.commented.css69
1 files changed, 69 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css b/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css
new file mode 100644
index 0000000..afa18ba
--- /dev/null
+++ b/includes/js/dijit/themes/soria/form/Checkbox.css.commented.css
@@ -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;
+}