tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / checkbox.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this
3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 /* ===== checkbox.css ===================================================
6   == Styles used by the XUL checkbox element.
7   ======================================================================= */
8
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11 /* ::::: checkbox ::::: */
12
13 checkbox {
14   margin: 1px 2px;
15   border-left: 1px transparent;
16   border-right: 1px transparent;
17 }
18
19 .checkbox-spacer-box {
20   -moz-box-align: center;
21   border-right: 4px solid transparent;
22 }
23
24 .checkbox-label-center-box {
25   -moz-box-align: center;
26 }
27
28 .checkbox-label-box {
29   border: 1px solid transparent;
30   color: #FF9F00;
31   -moz-box-align: center;
32 }
33
34 .checkbox-icon[src] {
35   -moz-margin-end: 2px;
36 }
37
38 .checkbox-label {
39   margin: 0 !important;
40 }
41
42 /* ..... focused state ..... */
43
44 checkbox:-moz-focusring > .checkbox-label-center-box > .checkbox-label-box {
45   border: 1px dotted #008484;
46 }
47
48 /* ..... disabled state ..... */
49
50 checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check {
51   border: 1px solid #8050B0 !important;
52   background-color: #000000;
53 }
54
55 checkbox[disabled="true"] {
56   color: #8050B0 !important;
57 }
58
59 /* ::::: checkmark image ::::: */
60
61 .checkbox-check {
62   border-radius: 2px;
63   border: 1px solid #FF9F00;
64   width: 12px;
65   height: 12px;
66   background: transparent 50% 50% no-repeat;
67 }
68
69 checkbox:hover > .checkbox-spacer-box > .checkbox-check,
70 checkbox:hover:active > .checkbox-spacer-box > .checkbox-check {
71   border: 1px solid #FFCF00;
72   background-color: #000000;
73 }
74
75 checkbox:hover > .checkbox-label-center-box > .checkbox-label-box,
76 checkbox:hover:active > .checkbox-label-center-box > .checkbox-label-box {
77   color: #FFCF00;
78 }
79
80 /* ..... checked state ..... */
81
82 checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
83   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
84 }
85
86 checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
87   background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important
88 }