/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* ===== radio.css =================================================== == Styles used by the XUL radio element. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: radio ::::: */ radio { margin: 1px 2px; border-left: 1px transparent; border-right: 1px transparent; } .radio-spacer-box { -moz-box-align: center; border-right: 4px solid transparent; border-top: 1px; border-bottom: 1px; } .radio-label-center-box { -moz-box-align: center; } .radio-label-box { border: 1px solid transparent; -moz-box-align: center; } .radio-icon[src] { -moz-margin-end: 2px; } .radio-label { margin: 0px !important; } /* ..... focused state ..... */ radio[focused="true"] > .radio-label-center-box > .radio-label-box { border: 1px dotted #008484; } /* ..... disabled state ..... */ radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { background-color: #000000; border: 1px solid #8050B0; } radio[disabled="true"] { color: #8050B0; } /* ::::: checkmark image ::::: */ .radio-check-box1 { /* -moz-box-align: center; -moz-box-pack: center; */ border: 1px solid #FF9F00; border-radius: 50%; width: 10px; height: 10px; background-color: #000000; /* background-color: transparent; */ } .radio-check-box2 { border-radius: 50%; padding: 1px; width: 8px; height: 8px; list-style-image: none; } radio:not([disabled="true"]):hover > .radio-spacer-box > .radio-check-box1, radio:not([disabled="true"]):hover:active > .radio-spacer-box > .radio-check-box1 { border: 1px solid #FFCF00; } radio:not([disabled="true"]):hover > .radio-label-center-box > .radio-label-box, radio:not([disabled="true"]):hover:active > .radio-label-center-box > .radio-label-box { color: #FFCF00; } /* ..... selected state ..... */ radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check.gif"); } radio[selected="true"]:hover > .radio-spacer-box > .radio-check-box1 > .radio-check-box2, radio[selected="true"]:hover:active > .radio-spacer-box > .radio-check-box1 > .radio-check-box2{ list-style-image: url("chrome://global/skin/radio/radio-check-hover.gif"); } radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important }