diff options
Diffstat (limited to 'lib/dijit/themes/nihilo/form/RadioButton.css')
-rw-r--r-- | lib/dijit/themes/nihilo/form/RadioButton.css | 46 |
1 files changed, 36 insertions, 10 deletions
diff --git a/lib/dijit/themes/nihilo/form/RadioButton.css b/lib/dijit/themes/nihilo/form/RadioButton.css index c876f590e..d0dba3020 100644 --- a/lib/dijit/themes/nihilo/form/RadioButton.css +++ b/lib/dijit/themes/nihilo/form/RadioButton.css @@ -1,40 +1,66 @@ +/* + * 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 { - background-image: url('../images/spriteRadio.gif'); +.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 { - - background-position: 0px; + /* selected */ + background-position: 0; } + .nihilo .dijitRadioDisabled { - + /* unselected and disabled */ background-position: -48px; } + .nihilo .dijitRadioCheckedDisabled { - + /* selected but disabled */ background-position: -32px; } + .nihilo .dijitRadioHover { - + /* hovering over an unselected enabled radio button */ background-position: -80px; } + .nihilo .dijitRadioCheckedHover { - + /* hovering over a selected enabled radio button */ background-position: -64px; -} +}
\ No newline at end of file |