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