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 .soria .dijitToggleButton .dijitCheckBox,
23 .soria .dijitToggleButton .dijitCheckBoxIcon {
24 background-image: url('../images/spriteCheckbox.gif');
27 .soria .dijitCheckBox,
28 .soria .dijitCheckBoxIcon { /* inside a toggle button */
29 background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */
30 background-repeat: no-repeat;
37 .soria .dijitCheckBox,
38 .soria .dijitToggleButton .dijitCheckBoxIcon {
40 background-position: -16px;
43 .soria .dijitCheckBoxChecked,
44 .soria .dijitToggleButtonChecked .dijitCheckBoxIcon {
46 background-position: 0px;
49 .soria .dijitCheckBoxDisabled {
51 background-position: -48px;
54 .soria .dijitCheckBoxCheckedDisabled {
55 /* disabled but checked */
56 background-position: -32px;
59 .soria .dijitCheckBoxHover,
60 .soria .dijitCheckBoxFocused {
61 /* hovering over an unchecked enabled checkbox */
62 background-position: -80px;
65 .soria .dijitCheckBoxCheckedHover,
66 .soria .dijitCheckBoxCheckedFocused {
67 /* hovering over a checked enabled checkbox */
68 background-position: -64px;