diff options
Diffstat (limited to 'lib/dijit/themes/nihilo/form/Checkbox.css')
-rw-r--r-- | lib/dijit/themes/nihilo/form/Checkbox.css | 47 |
1 files changed, 37 insertions, 10 deletions
diff --git a/lib/dijit/themes/nihilo/form/Checkbox.css b/lib/dijit/themes/nihilo/form/Checkbox.css index ceee44ffe..260666f99 100644 --- a/lib/dijit/themes/nihilo/form/Checkbox.css +++ b/lib/dijit/themes/nihilo/form/Checkbox.css @@ -1,40 +1,67 @@ +/* + * 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 { - background-image: url('../images/spriteCheckbox.gif'); +.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 { - - background-position: 0px; + /* checked */ + background-position: 0; } + .nihilo .dijitCheckBoxDisabled { - + /* disabled */ background-position: -48px; } + .nihilo .dijitCheckBoxCheckedDisabled { - + /* disabled but checked */ background-position: -32px; } + .nihilo .dijitCheckBoxHover { - + /* hovering over an unchecked enabled checkbox */ background-position: -80px; } + .nihilo .dijitCheckBoxCheckedHover { - + /* hovering over a checked enabled checkbox */ background-position: -64px; -} +}
\ No newline at end of file |