1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/linux/global/radio.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,110 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +/* ===== radio.css ===================================================
1.9 + == Styles used by the XUL radio element.
1.10 + ======================================================================= */
1.11 +
1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.13 +
1.14 +/* ::::: radio ::::: */
1.15 +
1.16 +radio {
1.17 + -moz-appearance: radio-container;
1.18 + margin: 2px 4px;
1.19 + border-left: 2px transparent;
1.20 + border-right: 2px transparent;
1.21 +}
1.22 +
1.23 +/* With native theming on, the spacer-box paints the radio mark and includes
1.24 + the spacing to the right, so that oversized radio images can slop over
1.25 + into the space.
1.26 +
1.27 + If we need to disable radio button theming, the spacer box no longer paints
1.28 + the radio mark, but its fallback CSS border supplies the padding between
1.29 + the mark and the label. The xul:image then takes over painting the radio
1.30 + mark. */
1.31 +
1.32 +.radio-spacer-box {
1.33 + -moz-appearance: radio;
1.34 + -moz-box-align: center;
1.35 + margin: 2px;
1.36 + border-right: 2px solid transparent;
1.37 +}
1.38 +
1.39 +.radio-label-center-box {
1.40 + -moz-box-align: center;
1.41 +}
1.42 +
1.43 +.radio-label-box {
1.44 + -moz-appearance: radio-label;
1.45 +}
1.46 +
1.47 +.radio-icon[src] {
1.48 + -moz-margin-end: 2px;
1.49 +}
1.50 +
1.51 +.radio-label {
1.52 + margin: 0 !important;
1.53 +}
1.54 +
1.55 +/* ..... focused state ..... */
1.56 +
1.57 +radio[focused="true"] > .radio-label-center-box > .radio-label-box {
1.58 + border: 1px dotted ThreeDDarkShadow;
1.59 +}
1.60 +
1.61 +/* ..... disabled state ..... */
1.62 +
1.63 +radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 {
1.64 + background-color: -moz-Dialog;
1.65 +}
1.66 +
1.67 +radio[disabled="true"] {
1.68 + color: GrayText;
1.69 +}
1.70 +
1.71 +/* ::::: checkmark image ::::: */
1.72 +
1.73 +.radio-check-box1 {
1.74 + border-top: 1px solid ThreeDShadow;
1.75 + border-right: 1px solid ThreeDHighlight;
1.76 + border-bottom: 1px solid ThreeDHighlight;
1.77 + border-left: 1px solid ThreeDShadow;
1.78 + border-radius: 50%;
1.79 + min-width: 12px;
1.80 + min-height: 12px;
1.81 + background-color: -moz-Field;
1.82 +}
1.83 +
1.84 +.radio-check-box2 {
1.85 + border-top: 1px solid ThreeDDarkShadow;
1.86 + border-right: 1px solid ThreeDLightShadow;
1.87 + border-bottom: 1px solid ThreeDLightShadow;
1.88 + border-left: 1px solid ThreeDDarkShadow;
1.89 + border-radius: 50%;
1.90 + padding: 2px;
1.91 + width: 4px;
1.92 + height: 4px;
1.93 + list-style-image: none;
1.94 +}
1.95 +
1.96 +radio:not([disabled="true"]):hover {
1.97 + color: -moz-buttonhovertext;
1.98 + text-shadow: none;
1.99 +}
1.100 +
1.101 +radio:hover:active > .radio-spacer-box > .radio-check-box1 {
1.102 + background-color: -moz-Dialog;
1.103 +}
1.104 +
1.105 +/* ..... selected state ..... */
1.106 +
1.107 +radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 {
1.108 + list-style-image: url("chrome://global/skin/radio/radio-check.gif");
1.109 +}
1.110 +
1.111 +radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 {
1.112 + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important
1.113 +}
