making tooltips smaller
[themes.git] / EarlyBlue / global / skin / checkbox.css
CommitLineData
1d798428 1/* stylesheet for XUL <checkbox> element */\r
2\r
3/* default checkbox for dialogs */\r
4\r
5/* outer checkbox frame */\r
6 checkbox \r
7 {\r
8 margin: 3px 5px 3px 5px;\r
9 }\r
10\r
11/* checkmark outer frame */\r
12 checkbox > .internal-box > .checkmark-box \r
13 {\r
14 border: 1px inset #CCD0DD;\r
15 background-color: transparent;\r
16 margin-top: 2px;\r
17 margin-right: 4px;\r
18 padding: 1px; \r
19 }\r
20\r
21 checkbox[disabled="true"] > .internal-box > .checkmark-box,\r
22 checkbox[disabled="true"]:hover > .internal-box > .checkmark-box \r
23 {\r
24 border: 1px inset #CCD0DD;\r
25 }\r
26 \r
27/* checkmark inner frame */\r
28 checkbox > .internal-box > .checkmark-box > .checkbox-check \r
29 {\r
30 width: 8px;\r
31 height: 8px;\r
32 list-style-image: none;\r
33 }\r
34 \r
35 checkbox[checked="true"] > .internal-box > .checkmark-box > .checkbox-check \r
36 {\r
37 list-style-image: url(chrome://global/skin/check-check.gif);\r
38 }\r
39 \r
40 checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > .checkbox-check\r
41 {\r
42 list-style-image: url(chrome://global/skin/check-check-disabled.gif);\r
43 } \r
44\r
45 checkbox > .internal-box > .checkbox-icon \r
46 {\r
47 list-style-image: inherit;\r
48 }\r
49 \r
50/* checkmark label/icon frame */\r
51 checkbox[value] > .internal-box > html\r
52 {\r
53 margin: 0px 0px 0px 4px;\r
54 padding: 1px;\r
55 }\r
56\r
57 checkbox[disabled="true"][value] > .internal-box > html \r
58 {\r
59 color: #999999;\r
60 }\r
61 \r
62 checkbox:focus > .internal-box > html \r
63 {\r
64 border : 1px dotted black;\r
65 padding : 0px;\r
66 }\r