2 * CheckBox and Radio Widgets,
3 * and the CSS to embed a checkbox or radio icon inside a ToggleButton.
5 * Order of images in the default sprite (from L to R, checkbox and radio in same image):
6 * checkbox normal - checked
13 * radio normal - checked
21 .nihilo .dijitToggleButton .dijitRadio,
22 .nihilo .dijitToggleButton .dijitRadioIcon {
23 background-image: url('../images/spriteRadio.gif');
27 .nihilo .dijitRadioIcon { /* inside a toggle button */
28 background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */
29 background-repeat: no-repeat;
37 .nihilo .dijitToggleButton .dijitRadioIcon {
39 background-position: -16px;
42 .nihilo .dijitRadioChecked,
43 .nihilo .dijitToggleButtonChecked .dijitRadioIcon {
45 background-position: 0px;
48 .nihilo .dijitRadioCheckedDisabled {
49 /* selected but disabled */
50 background-position: -48px;
53 .nihilo .dijitRadioDisabled {
54 /* unselected and disabled */
55 background-position: -32px;
58 .nihilo .dijitRadioHover,
59 .nihilo .dijitRadioFocused {
60 /* hovering over an unselected enabled radio button */
61 background-position: -80px;
64 .nihilo .dijitRadioCheckedHover,
65 .nihilo .dijitRadioCheckedFocused {
66 /* hovering over a selected enabled radio button */
67 background-position: -64px;