aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css
diff options
context:
space:
mode:
authormensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>2008-11-13 09:49:11 +0000
committermensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>2008-11-13 09:49:11 +0000
commite44a7e37b6c7b5961adaffc62b9042b8d442938e (patch)
tree95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css
parenta62b9742ee5e28bcec6872d88f50f25b820914f6 (diff)
downloadsemanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz
semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css')
-rw-r--r--includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css69
1 files changed, 69 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css b/includes/js/dijit/themes/nihilo/form/Checkbox.css.commented.css
new file mode 100644
index 0000000..5c07b73
--- /dev/null
+++ b/includes/js/dijit/themes/nihilo/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
+*/
+
+.nihilo .dijitToggleButton .dijitCheckBox,
+.nihilo .dijitToggleButton .dijitCheckBoxIcon {
+ background-image: url('../images/spriteCheckbox.gif');
+}
+
+.nihilo .dijitCheckBox,
+.nihilo .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;
+}
+
+.nihilo .dijitCheckBox,
+.nihilo .dijitToggleButton .dijitCheckBoxIcon {
+ /* unchecked */
+ background-position: -16px;
+}
+
+.nihilo .dijitCheckBoxChecked,
+.nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon {
+ /* checked */
+ background-position: 0px;
+}
+
+.nihilo .dijitCheckBoxDisabled {
+ /* disabled */
+ background-position: -48px;
+}
+
+.nihilo .dijitCheckBoxCheckedDisabled {
+ /* disabled but checked */
+ background-position: -32px;
+}
+
+.nihilo .dijitCheckBoxHover,
+.nihilo .dijitCheckBoxFocused {
+ /* hovering over an unchecked enabled checkbox */
+ background-position: -80px;
+}
+
+.nihilo .dijitCheckBoxCheckedHover,
+ .nihilo .dijitCheckBoxCheckedFocused {
+ /* hovering over a checked enabled checkbox */
+ background-position: -64px;
+}