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/. */ | |
128000f4 | 4 | |
74d14f90 | 5 | /* ===== radio.css =================================================== |
6 | == Styles used by the XUL radio element. | |
7 | ======================================================================= */ | |
8 | ||
e181d49e RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
74d14f90 | 11 | /* ::::: radio ::::: */ |
12 | ||
13 | radio { | |
76983f4c | 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; | |
74d14f90 | 20 | } |
21 | ||
22 | .radio-label-box { | |
64da60f3 | 23 | margin-inline-start: 2px; |
74d14f90 | 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; | |
74d14f90 | 29 | } |
30 | ||
64da60f3 | 31 | .radio-icon { |
dae45075 | 32 | margin-inline-end: 2px; |
74d14f90 | 33 | } |
34 | ||
35 | .radio-label { | |
64da60f3 | 36 | margin: 0 !important; |
74d14f90 | 37 | } |
38 | ||
39 | /* ..... focused state ..... */ | |
40 | ||
64da60f3 | 41 | radio[focused="true"] > .radio-label-box { |
74d14f90 | 42 | border: 1px dotted #9999CC; |
43 | } | |
44 | ||
45 | /* ..... disabled state ..... */ | |
46 | ||
64da60f3 | 47 | radio[disabled="true"] > .radio-check-box1 { |
e181d49e RK |
48 | background-color: #CCD0DD; |
49 | } | |
50 | ||
51 | radio[disabled="true"] { | |
74d14f90 | 52 | color: #999999; |
53 | } | |
76983f4c | 54 | |
74d14f90 | 55 | /* ::::: checkmark image ::::: */ |
56 | ||
57 | .radio-check-box1 { | |
64da60f3 | 58 | margin: 0 0; |
74d14f90 | 59 | border: 2px outset #CCD0DD; |
569543b3 | 60 | border-radius: 50%; |
74d14f90 | 61 | width: 12px; |
62 | height: 12px; | |
e181d49e RK |
63 | background-color: #FFFFFF; |
64 | /* background-color: transparent; */ | |
74d14f90 | 65 | } |
66 | ||
67 | .radio-check-box2 { | |
569543b3 | 68 | border-radius: 50%; |
74d14f90 | 69 | padding: 1px; |
70 | width: 4px; | |
71 | height: 4px; | |
72 | list-style-image: none; | |
76983f4c | 73 | } |
74d14f90 | 74 | |
64da60f3 | 75 | radio:hover:active > .radio-check-box1 { |
74d14f90 | 76 | border: 2px inset #CCD0DD; |
77 | } | |
78 | ||
64da60f3 | 79 | radio[disabled="true"]:hover:active > .radio-check-box1 { |
74d14f90 | 80 | border: 2px outset #CCD0DD; |
81 | } | |
82 | ||
83 | /* ..... selected state ..... */ | |
84 | ||
64da60f3 | 85 | radio[selected="true"] > .radio-check-box1 > .radio-check-box2 { |
74d14f90 | 86 | list-style-image: url("chrome://global/skin/radio/radio-check.gif"); |
87 | } | |
76983f4c | 88 | |
64da60f3 | 89 | radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 { |
74d14f90 | 90 | list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important |
91 | } |