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