Commit | Line | Data |
---|---|---|
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 | ||
13 | radio { | |
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] { |
dae45075 | 36 | margin-inline-end: 2px; |
b1eaa419 | 37 | } |
38 | ||
39 | .radio-label { | |
40 | margin: 0px !important; | |
41 | } | |
42 | ||
43 | /* ..... focused state ..... */ | |
44 | ||
3d6dd546 | 45 | radio[focused="true"] > .radio-label-center-box > .radio-label-box { |
0c7f928d | 46 | border: 1px dotted #008484; |
b1eaa419 | 47 | } |
48 | ||
49 | /* ..... disabled state ..... */ | |
50 | ||
3d6dd546 | 51 | radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { |
f98e9249 | 52 | background-color: #000000; |
1e32332f | 53 | border: 1px solid #8050B0; |
f98e9249 RK |
54 | } |
55 | ||
56 | radio[disabled="true"] { | |
b1eaa419 | 57 | color: #8050B0; |
58 | } | |
59 | ||
60 | /* ::::: checkmark image ::::: */ | |
61 | ||
62 | .radio-check-box1 { | |
63 | /* -moz-box-align: center; | |
64 | -moz-box-pack: center; */ | |
b1eaa419 | 65 | border: 1px solid #FF9F00; |
569543b3 | 66 | border-radius: 50%; |
b1eaa419 | 67 | width: 10px; |
68 | height: 10px; | |
f98e9249 RK |
69 | background-color: #000000; |
70 | /* background-color: transparent; */ | |
b1eaa419 | 71 | } |
72 | ||
73 | .radio-check-box2 { | |
569543b3 | 74 | border-radius: 50%; |
b1eaa419 | 75 | padding: 1px; |
76 | width: 8px; | |
77 | height: 8px; | |
78 | list-style-image: none; | |
3d6dd546 | 79 | } |
b1eaa419 | 80 | |
1e32332f RK |
81 | radio:not([disabled="true"]):hover > .radio-spacer-box > .radio-check-box1, |
82 | radio:not([disabled="true"]):hover:active > .radio-spacer-box > .radio-check-box1 { | |
b1eaa419 | 83 | border: 1px solid #FFCF00; |
84 | } | |
85 | ||
1e32332f RK |
86 | radio:not([disabled="true"]):hover > .radio-label-center-box > .radio-label-box, |
87 | radio:not([disabled="true"]):hover:active > .radio-label-center-box > .radio-label-box { | |
0c7f928d | 88 | color: #FFCF00; |
89 | } | |
90 | ||
b1eaa419 | 91 | /* ..... selected state ..... */ |
92 | ||
3d6dd546 | 93 | radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { |
b1eaa419 | 94 | list-style-image: url("chrome://global/skin/radio/radio-check.gif"); |
95 | } | |
3d6dd546 | 96 | |
1e32332f RK |
97 | radio[selected="true"]:hover > .radio-spacer-box > .radio-check-box1 > .radio-check-box2, |
98 | radio[selected="true"]:hover:active > .radio-spacer-box > .radio-check-box1 > .radio-check-box2{ | |
99 | list-style-image: url("chrome://global/skin/radio/radio-check-hover.gif"); | |
100 | } | |
101 | ||
3d6dd546 | 102 | radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { |
b1eaa419 | 103 | list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important |
104 | } |