3 * CheckBox and Radio Widgets,
4 * and the CSS to embed a checkbox or radio icon inside a ToggleButton.
6 * Order of images in the default sprite (from L to R, checkbox and radio in same image):
7 * checkbox normal - checked
14 * radio normal - checked
22 .nihilo .dijitToggleButton .dijitCheckBox,
23 .nihilo .dijitToggleButton .dijitCheckBoxIcon {
24 background-image: url('../images/spriteCheckbox.gif');
27 .nihilo .dijitCheckBox,
28 .nihilo .dijitCheckBoxIcon { /* inside a toggle button */
29 background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */
30 background-repeat: no-repeat;
37 .nihilo .dijitCheckBox,
38 .nihilo .dijitToggleButton .dijitCheckBoxIcon {
40 background-position: -16px;
43 .nihilo .dijitCheckBoxChecked,
44 .nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon {
46 background-position: 0px;
49 .nihilo .dijitCheckBoxDisabled {
51 background-position: -48px;
54 .nihilo .dijitCheckBoxCheckedDisabled {
55 /* disabled but checked */
56 background-position: -32px;
59 .nihilo .dijitCheckBoxHover,
60 .nihilo .dijitCheckBoxFocused {
61 /* hovering over an unchecked enabled checkbox */
62 background-position: -80px;
65 .nihilo .dijitCheckBoxCheckedHover,
66 .nihilo .dijitCheckBoxCheckedFocused {
67 /* hovering over a checked enabled checkbox */
68 background-position: -64px;