3c30e09e |
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 | -moz-border-radius : 2px; |
13 | border : 1px solid #FF9F00; |
14 | background-color : #000000; |
41a65dd6 |
15 | margin : 1px 1px 0px 0px; |
3c30e09e |
16 | width : 10px; |
17 | height : 10px; |
18 | -moz-user-focus : ignore; |
19 | } |
20 | |
21 | .checkbox-checkmark-box-2 |
22 | { |
23 | border : none; |
24 | padding : 1px; |
25 | width : 10px; |
26 | height : 10px; |
27 | } |
28 | |
29 | /* ensure that no list-style-image is inherited in from the Outside */ |
30 | .checkbox-check |
31 | { |
32 | list-style-image : none; |
41a65dd6 |
33 | min-width : 8px; |
34 | min-height : 8px; |
3c30e09e |
35 | width : 8px; |
36 | height : 8px; |
37 | } |
38 | |
39 | .checkbox-check[checked="true"] |
40 | { |
41 | list-style-image : url(chrome://global/skin/check-check.gif); |
42 | } |
43 | |
44 | .checkbox-check[checked="true"][disabled="true"] |
45 | { |
46 | list-style-image : url(chrome://global/skin/check-check-disabled.gif); |
47 | } |
48 | |
49 | checkbox:hover > .checkbox-internal-box > .checkbox-checkmark-box-1, |
50 | checkbox:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1 |
51 | { |
52 | border : 1px solid #FFCF00; |
53 | } |
54 | |
55 | checkbox[disabled="true"] > .checkbox-internal-box > .checkbox-checkmark-box-1, |
56 | checkbox[disabled="true"]:hover > .checkbox-internal-box > .checkbox-checkmark-box-1, |
57 | checkbox[disabled="true"]:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1 |
58 | { |
59 | border : 1px inset #8050B0; |
60 | } |
61 | |
62 | /* text/icon frames */ |
63 | .checkbox-text |
64 | { |
65 | margin : 0px 0px 0px 2px; |
66 | padding : 1px; |
67 | color : #FF9F00; |
68 | } |
69 | |
70 | .checkbox-icon |
71 | { |
72 | list-style-image : inherit; |
73 | } |
74 | |
75 | .checkbox-text[disabled="true"] |
76 | { |
77 | color : #8050B0; |
78 | } |
79 | |
80 | checkbox:focus > .checkbox-internal-box > .checkbox-text |
81 | { |
82 | border : 1px dotted #FF9F00; |
83 | padding : 0px; |
84 | } |
85 | |
86 | .checkbox-internal-box |
87 | { |
88 | -moz-user-focus : none; |
89 | padding : 0px; |
90 | } |
91 | |
41a65dd6 |
92 | |