f6e0a33f |
1 | /* stylesheet for XUL <checkbox> element */ |
2 | |
3 | /* default checkbox for dialogs */ |
4 | /* outer frame */ |
5 | checkbox |
6 | { |
7 | margin : 3px 5px 3px 5px; |
8 | } |
9 | |
10 | .checkbox-checkmark-box-1 |
11 | { |
12 | border : 1px inset #CCD0DD; |
13 | background-color : transparent; |
14 | margin : 2px 2px 0px 0px; |
15 | width : 10px; |
16 | height : 10px; |
17 | -moz-user-focus : ignore; |
18 | } |
19 | |
20 | .checkbox-checkmark-box-1[disabled="true"] |
21 | { |
22 | background-color : transparent; |
23 | } |
24 | |
25 | .checkbox-checkmark-box-2 |
26 | { |
27 | border : none; |
28 | padding : 1px; |
29 | width : 10px; |
30 | height : 10px; |
31 | } |
32 | |
33 | /* ensure that no list-style-image is inherited in from the Outside */ |
34 | .checkbox-check |
35 | { |
36 | list-style-image : none; |
37 | width: 8px; |
38 | height: 8px; |
39 | } |
40 | |
41 | .checkbox-check[checked="true"] |
42 | { |
43 | list-style-image : url(chrome://global/skin/check-check.gif); |
44 | } |
45 | |
46 | .checkbox-check[checked="true"][disabled="true"] |
47 | { |
48 | list-style-image : url(chrome://global/skin/check-check-disabled.gif); |
49 | } |
50 | |
51 | checkbox:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1 |
52 | { |
53 | background-color : transparent; |
54 | } |
55 | |
56 | /* text/icon frames */ |
57 | .checkbox-text |
58 | { |
59 | margin : 0px 0px 0px 2px; |
60 | padding : 1px; |
61 | } |
62 | |
63 | .checkbox-icon |
64 | { |
65 | list-style-image : inherit; |
66 | } |
67 | |
68 | .checkbox-text |
69 | { |
70 | margin : 0px !important; |
71 | } |
72 | |
73 | .checkbox-text[disabled="true"] |
74 | { |
75 | color : #999999; |
76 | } |
77 | |
78 | checkbox:focus > .checkbox-internal-box > .checkbox-text |
79 | { |
80 | border : 1px dotted #9999CC; |
81 | padding : 0px; |
82 | } |
83 | |
84 | .checkbox-internal-box |
85 | { |
86 | -moz-user-focus : none; |
87 | padding : 0px; |
88 | } |
89 | |