The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/radio.css
toolkit/themes/windows/global/radio.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:f24df7ea8bbf |
|---|---|
| 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/. */ | |
| 4 | |
| 5 /* ===== radio.css =================================================== | |
| 6 == Styles used by the XUL radio element. | |
| 7 ======================================================================= */ | |
| 8 | |
| 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 10 | |
| 11 /* ::::: radio ::::: */ | |
| 12 | |
| 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 } | |
| 22 | |
| 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 } | |
| 31 | |
| 32 .radio-icon { | |
| 33 -moz-margin-end: 2px; | |
| 34 } | |
| 35 | |
| 36 .radio-label { | |
| 37 margin: 0 !important; | |
| 38 } | |
| 39 | |
| 40 /* ..... focused state ..... */ | |
| 41 | |
| 42 radio[focused="true"] > .radio-label-box { | |
| 43 border: 1px dotted ThreeDDarkShadow; | |
| 44 } | |
| 45 | |
| 46 /* ..... disabled state ..... */ | |
| 47 | |
| 48 radio[disabled="true"] > .radio-check-box1 { | |
| 49 background-color: -moz-Dialog; | |
| 50 } | |
| 51 | |
| 52 radio[disabled="true"] { | |
| 53 color: GrayText; | |
| 54 } | |
| 55 | |
| 56 radio[disabled="true"]:-moz-system-metric(windows-classic) { | |
| 57 color: ThreeDShadow; | |
| 58 text-shadow: 1px 1px ThreeDHighlight; | |
| 59 } | |
| 60 | |
| 61 /* ::::: checkmark image ::::: */ | |
| 62 | |
| 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 } | |
| 75 | |
| 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 } | |
| 87 | |
| 88 radio:hover:active > .radio-check-box1 { | |
| 89 background-color: -moz-Dialog; | |
| 90 } | |
| 91 | |
| 92 /* ..... selected state ..... */ | |
| 93 | |
| 94 radio[selected="true"] > .radio-check-box1 > .radio-check-box2 { | |
| 95 list-style-image: url("chrome://global/skin/radio/radio-check.gif"); | |
| 96 } | |
| 97 | |
| 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 } |
