fix checkboxes and radios to not use the -with-spacing variant any more as the checkb...
[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 {
3d6dd546 14 -moz-box-align: center;
64da60f3
RK
15 margin: 1px 2px;
16 padding-top: 0;
17 padding-bottom: 0;
18 padding-inline-start: 2px;
19 padding-inline-end: 0;
b1eaa419 20}
21
22.checkbox-label-box {
b1eaa419 23 border: 1px solid transparent;
b1eaa419 24 color: #FF9F00;
25}
26
64da60f3 27.checkbox-icon {
dae45075 28 margin-inline-end: 2px;
b1eaa419 29}
30
31.checkbox-label {
32 margin: 0 !important;
33}
34
35/* ..... focused state ..... */
36
64da60f3 37checkbox:-moz-focusring > .checkbox-label-box {
0c7f928d 38 border: 1px dotted #008484;
b1eaa419 39}
40
41/* ..... disabled state ..... */
42
64da60f3 43checkbox[disabled="true"] > .checkbox-check {
1e32332f 44 border: 1px solid #8050B0;
c79d2bbe 45 background-color: #000000;
b1eaa419 46}
47
64da60f3 48checkbox[disabled="true"] > .checkbox-label-box {
1e32332f 49 color: #8050B0;
b1eaa419 50}
51
52/* ::::: checkmark image ::::: */
53
54.checkbox-check {
569543b3 55 border-radius: 2px;
b1eaa419 56 border: 1px solid #FF9F00;
e6947267
RK
57 width: 1em;
58 height: 1em;
59 min-width: 12px;
60 min-height: 12px;
64da60f3
RK
61 background: #000000 no-repeat 50% 50%;
62 margin-inline-end: 3px;
e6947267
RK
63}
64
65checkbox:not([disabled="true"]):hover > .checkbox-check,
64da60f3 66checkbox:not([disabled="true"]):hover:active > .checkbox-check {
b1eaa419 67 border: 1px solid #FFCF00;
68}
69
e6947267 70checkbox:not([disabled="true"]):hover > .checkbox-label-box,
64da60f3 71checkbox:not([disabled="true"]):hover:active > .checkbox-label-box {
0c7f928d 72 color: #FFCF00;
73}
74
b1eaa419 75/* ..... checked state ..... */
76
64da60f3 77checkbox[checked="true"] > .checkbox-check {
b1eaa419 78 background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
79}
3d6dd546 80
e6947267 81checkbox[checked="true"]:hover > .checkbox-check,
64da60f3 82checkbox[checked="true"]:hover:active > .checkbox-check {
1e32332f
RK
83 background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif");
84}
85
64da60f3 86checkbox[checked="true"][disabled="true"] .checkbox-check {
1e32332f 87 background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important;
b1eaa419 88}
70793992
RK
89
90/* ..... checkbox in groupbox caption ..... */
91
92caption > checkbox {
93 border-radius: 7px;
94 border: 0;
95 margin: 0 -3px;
96 padding: 0 5px;
97}
98
99caption > checkbox:hover {
100 background-color: #FFCF00;
101}
102
103caption > checkbox:hover:active {
104 background-color: #FF9F00;
105}
106
64da60f3
RK
107caption > checkbox:not([disabled="true"]) > .checkbox-label-box,
108caption > checkbox:not([disabled="true"]):hover > .checkbox-label-box,
109caption > checkbox:not([disabled="true"]):hover:active > .checkbox-label-box {
70793992
RK
110 color: inherit;
111}
112
e6947267
RK
113caption > checkbox:not([disabled="true"]) > .checkbox-check,
114caption > checkbox:not([disabled="true"]):hover > .checkbox-check,
64da60f3 115caption > checkbox:not([disabled="true"]):hover:active > .checkbox-check {
70793992
RK
116 border-color: #000000;
117}
118
e6947267
RK
119caption > checkbox[checked="true"] > .checkbox-check,
120caption > checkbox[checked="true"]:hover > .checkbox-check,
64da60f3 121caption > checkbox[checked="true"]:hover:active > .checkbox-check {
70793992
RK
122 background-image: url("chrome://global/skin/checkbox/cbox-check-inverted.gif");
123}