]>
git.wh0rd.org - tt-rss.git/blob - lib/dijit/themes/claro/form/Checkbox.css
1c1a3c4383853d220031cdfe9cbe01f28eb2ccf8
3 * Styling CheckBox mainly includes:
6 * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image
8 * 2. CheckBox within ToggleButton
9 * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image
12 * .dijitCheckBoxChecked - for checked background-color|image
13 * .dijitToggleButtonChecked - for border, background-color|image, display and width|height
16 * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image
19 * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image
21 .claro .dijitToggleButton .dijitCheckBoxIcon {
22 background-image: url
("../images/checkmarkNoBorder.png");
24 .dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon {
25 background-image: url
("../images/checkmarkNoBorder.gif");
27 .claro .dijitCheckBox, .claro .dijitCheckBoxIcon {
28 background-image: url
("../form/images/checkboxRadioButtonStates.png");
29 /* checkbox sprite image */
31 background-repeat: no-repeat
;
37 .dj_ie6 .claro .dijitCheckBox, .dj_ie6 .claro .dijitCheckBoxIcon {
38 background-image: url
("../form/images/checkboxAndRadioButtons_IE6.png");
39 /* checkbox sprite image */
42 .claro .dijitCheckBox, .claro .dijitToggleButton .dijitCheckBoxIcon {
45 background-position: -15px;
47 .claro .dijitCheckBoxChecked, .claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
50 background-position: 0;
52 .claro .dijitCheckBoxDisabled {
55 background-position: -75px;
57 .claro .dijitCheckBoxCheckedDisabled {
58 /* disabled but checked */
60 background-position: -60px;
62 .claro .dijitCheckBoxHover {
63 /* hovering over an unchecked enabled checkbox */
65 background-position: -45px;
67 .claro .dijitCheckBoxCheckedHover {
68 /* hovering over an checked enabled checkbox */
70 background-position: -30px;