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 ::::: */
14 -moz-box-align: center;
18 padding-inline-start: 2px;
19 padding-inline-end: 0;
23 margin-inline-start: 2px;
24 border: 1px solid transparent;
27 padding-inline-start: 1px;
28 padding-inline-end: 0px;
32 margin-inline-end: 2px;
39 /* ..... focused state ..... */
41 radio[focused="true"] > .radio-label-box {
42 border: 1px dotted #9999CC;
45 /* ..... disabled state ..... */
47 radio[disabled="true"] > .radio-check-box1 {
48 background-color: #CCD0DD;
51 radio[disabled="true"] {
55 /* ::::: checkmark image ::::: */
59 border: 2px outset #CCD0DD;
63 background-color: #FFFFFF;
64 /* background-color: transparent; */
72 list-style-image: none;
75 radio:hover:active > .radio-check-box1 {
76 border: 2px inset #CCD0DD;
79 radio[disabled="true"]:hover:active > .radio-check-box1 {
80 border: 2px outset #CCD0DD;
83 /* ..... selected state ..... */
85 radio[selected="true"] > .radio-check-box1 > .radio-check-box2 {
86 list-style-image: url("chrome://global/skin/radio/radio-check.gif");
89 radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 {
90 list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important