tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / checkbox.css
CommitLineData
9099c61d
RK
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/. */
351107c9 4
c79d2bbe
RK
5/* ===== checkbox.css ===================================================
6 == Styles used by the XUL checkbox element.
7 ======================================================================= */
8
351107c9 9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
c79d2bbe 11/* ::::: checkbox ::::: */
351107c9 12
b1eaa419 13checkbox {
2b722888 14 margin: 1px 2px;
3d6dd546 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;
b1eaa419 26}
27
28.checkbox-label-box {
b1eaa419 29 border: 1px solid transparent;
b1eaa419 30 color: #FF9F00;
2b722888 31 -moz-box-align: center;
b1eaa419 32}
33
3d6dd546 34.checkbox-icon[src] {
8caa872d 35 -moz-margin-end: 2px;
b1eaa419 36}
37
38.checkbox-label {
39 margin: 0 !important;
40}
41
42/* ..... focused state ..... */
43
024ec655 44checkbox:-moz-focusring > .checkbox-label-center-box > .checkbox-label-box {
0c7f928d 45 border: 1px dotted #008484;
b1eaa419 46}
47
48/* ..... disabled state ..... */
49
3d6dd546 50checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check {
b1eaa419 51 border: 1px solid #8050B0 !important;
c79d2bbe 52 background-color: #000000;
b1eaa419 53}
54
55checkbox[disabled="true"] {
56 color: #8050B0 !important;
57}
58
59/* ::::: checkmark image ::::: */
60
61.checkbox-check {
569543b3 62 border-radius: 2px;
b1eaa419 63 border: 1px solid #FF9F00;
64 width: 12px;
65 height: 12px;
66 background: transparent 50% 50% no-repeat;
67}
68
3d6dd546 69checkbox:hover > .checkbox-spacer-box > .checkbox-check,
70checkbox:hover:active > .checkbox-spacer-box > .checkbox-check {
b1eaa419 71 border: 1px solid #FFCF00;
c79d2bbe 72 background-color: #000000;
b1eaa419 73}
74
3d6dd546 75checkbox:hover > .checkbox-label-center-box > .checkbox-label-box,
76checkbox:hover:active > .checkbox-label-center-box > .checkbox-label-box {
0c7f928d 77 color: #FFCF00;
78}
79
b1eaa419 80/* ..... checked state ..... */
81
3d6dd546 82checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
b1eaa419 83 background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
84}
3d6dd546 85
86checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
b1eaa419 87 background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important
88}