Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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/. */
5 /* ===== radio.css ===================================================
6 == Styles used by the XUL radio element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: radio ::::: */
13 radio {
14 -moz-appearance: radio-container;
15 -moz-box-align: center;
16 margin: 2px 4px;
17 padding-top: 1px;
18 padding-bottom: 1px;
19 -moz-padding-start: 4px;
20 -moz-padding-end: 2px;
21 }
23 .radio-label-box {
24 -moz-margin-start: 2px;
25 border: 1px solid transparent;
26 padding-top: 0px;
27 padding-bottom: 1px;
28 -moz-padding-start: 1px;
29 -moz-padding-end: 0px;
30 }
32 .radio-icon {
33 -moz-margin-end: 2px;
34 }
36 .radio-label {
37 margin: 0 !important;
38 }
40 /* ..... focused state ..... */
42 radio[focused="true"] > .radio-label-box {
43 border: 1px dotted ThreeDDarkShadow;
44 }
46 /* ..... disabled state ..... */
48 radio[disabled="true"] > .radio-check-box1 {
49 background-color: -moz-Dialog;
50 }
52 radio[disabled="true"] {
53 color: GrayText;
54 }
56 radio[disabled="true"]:-moz-system-metric(windows-classic) {
57 color: ThreeDShadow;
58 text-shadow: 1px 1px ThreeDHighlight;
59 }
61 /* ::::: checkmark image ::::: */
63 .radio-check-box1 {
64 -moz-appearance: radio;
65 margin: 1px 0px;
66 border-top: 1px solid ThreeDShadow;
67 border-right: 1px solid ThreeDHighlight;
68 border-bottom: 1px solid ThreeDHighlight;
69 border-left: 1px solid ThreeDShadow;
70 border-radius: 50%;
71 width: 12px;
72 height: 12px;
73 background-color: -moz-Field;
74 }
76 .radio-check-box2 {
77 border-top: 1px solid ThreeDDarkShadow;
78 border-right: 1px solid ThreeDLightShadow;
79 border-bottom: 1px solid ThreeDLightShadow;
80 border-left: 1px solid ThreeDDarkShadow;
81 border-radius: 50%;
82 padding: 2px;
83 width: 4px;
84 height: 4px;
85 list-style-image: none;
86 }
88 radio:hover:active > .radio-check-box1 {
89 background-color: -moz-Dialog;
90 }
92 /* ..... selected state ..... */
94 radio[selected="true"] > .radio-check-box1 > .radio-check-box2 {
95 list-style-image: url("chrome://global/skin/radio/radio-check.gif");
96 }
98 radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 {
99 list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important
100 }