tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / radio.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
b1eaa419 5/* ===== radio.css ===================================================
6 == Styles used by the XUL radio element.
7 ======================================================================= */
8
f98e9249
RK
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
b1eaa419 11/* ::::: radio ::::: */
12
13radio {
2b722888 14 margin: 1px 2px;
3d6dd546 15 border-left: 1px transparent;
16 border-right: 1px transparent;
17}
18
19.radio-spacer-box {
20 -moz-box-align: center;
21 border-right: 4px solid transparent;
22 border-top: 1px;
23 border-bottom: 1px;
24}
25
26.radio-label-center-box {
27 -moz-box-align: center;
b1eaa419 28}
29
30.radio-label-box {
b1eaa419 31 border: 1px solid transparent;
2b722888 32 -moz-box-align: center;
b1eaa419 33}
34
3d6dd546 35.radio-icon[src] {
f98e9249 36 -moz-margin-end: 2px;
b1eaa419 37}
38
39.radio-label {
40 margin: 0px !important;
41}
42
43/* ..... focused state ..... */
44
3d6dd546 45radio[focused="true"] > .radio-label-center-box > .radio-label-box {
0c7f928d 46 border: 1px dotted #008484;
b1eaa419 47}
48
49/* ..... disabled state ..... */
50
3d6dd546 51radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 {
f98e9249
RK
52 background-color: #000000;
53}
54
55radio[disabled="true"] {
b1eaa419 56 color: #8050B0;
57}
58
59/* ::::: checkmark image ::::: */
60
61.radio-check-box1 {
62/* -moz-box-align: center;
63 -moz-box-pack: center; */
b1eaa419 64 border: 1px solid #FF9F00;
569543b3 65 border-radius: 50%;
b1eaa419 66 width: 10px;
67 height: 10px;
f98e9249
RK
68 background-color: #000000;
69 /* background-color: transparent; */
b1eaa419 70}
71
72.radio-check-box2 {
569543b3 73 border-radius: 50%;
b1eaa419 74 padding: 1px;
75 width: 8px;
76 height: 8px;
77 list-style-image: none;
3d6dd546 78}
b1eaa419 79
3d6dd546 80radio:hover > .radio-spacer-box > .radio-check-box1,
81radio:hover:active > .radio-spacer-box > .radio-check-box1 {
b1eaa419 82 border: 1px solid #FFCF00;
83}
84
3d6dd546 85radio:hover > .radio-label-center-box > .radio-label-box,
86radio:hover:active > .radio-label-center-box > .radio-label-box {
0c7f928d 87 color: #FFCF00;
88}
89
3d6dd546 90radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 {
b1eaa419 91 border: 1px solid #8050B0 !important;
92}
93
94/* ..... selected state ..... */
95
3d6dd546 96radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 {
b1eaa419 97 list-style-image: url("chrome://global/skin/radio/radio-check.gif");
98}
3d6dd546 99
100radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 {
b1eaa419 101 list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important
102}