The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/inContentUI.css
toolkit/themes/windows/global/inContentUI.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:50569c1a11c6 |
|---|---|
| 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 /* | |
| 6 * The default namespace for this file is XUL. Be sure to prefix rules that | |
| 7 * are applicable to both XUL and HTML with '*|'. | |
| 8 */ | |
| 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 10 @namespace html url("http://www.w3.org/1999/xhtml"); | |
| 11 | |
| 12 /* Page background */ | |
| 13 *|*:root { | |
| 14 -moz-appearance: none; | |
| 15 padding: 18px; | |
| 16 background-repeat: repeat; | |
| 17 color: -moz-dialogText; | |
| 18 background-color: -moz-dialog; | |
| 19 background-image: /* Texture */ | |
| 20 url("chrome://global/skin/inContentUI/background-texture.png"); | |
| 21 } | |
| 22 | |
| 23 html|html { | |
| 24 font: message-box; | |
| 25 } | |
| 26 | |
| 27 %ifdef WINDOWS_AERO | |
| 28 @media (-moz-windows-default-theme) and (-moz-os-version: windows-vista), | |
| 29 (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { | |
| 30 *|*:root { | |
| 31 color: #000; | |
| 32 background-color: #CCD9EA; | |
| 33 } | |
| 34 } | |
| 35 | |
| 36 @media (-moz-windows-glass) { | |
| 37 *|*:root { | |
| 38 /* Blame shorlander for this monstrosity. */ | |
| 39 background-image: /* Side gradients */ | |
| 40 linear-gradient(to right, | |
| 41 rgba(255,255,255,0.2), rgba(255,255,255,0) 40%, | |
| 42 rgba(255,255,255,0) 60%, rgba(255,255,255,0.2)), | |
| 43 /* Aero-style light beams */ | |
| 44 -moz-linear-gradient(left 32deg, | |
| 45 /* First light beam */ | |
| 46 rgba(255,255,255,0) 19.5%, rgba(255,255,255,0.1) 20%, | |
| 47 rgba(255,255,255,0.1) 21.5%, rgba(255,255,255,0.2) 22%, | |
| 48 rgba(255,255,255,0.2) 25.5%, rgba(255,255,255,0.1) 26%, | |
| 49 rgba(255,255,255,0.1) 27.5%, rgba(255,255,255,0) 28%, | |
| 50 /* Second light beam */ | |
| 51 rgba(255,255,255,0) 49.5%, rgba(255,255,255,0.1) 50%, | |
| 52 rgba(255,255,255,0.1) 52.5%, rgba(255,255,255,0.2) 53%, | |
| 53 rgba(255,255,255,0.2) 54.5%, rgba(255,255,255,0.1) 55%, | |
| 54 rgba(255,255,255,0.1) 57.5%, rgba(255,255,255,0) 58%, | |
| 55 /* Third light beam */ | |
| 56 rgba(255,255,255,0) 87%, rgba(255,255,255,0.2) 90%), | |
| 57 /* Texture */ | |
| 58 url("chrome://global/skin/inContentUI/background-texture.png"); | |
| 59 } | |
| 60 } | |
| 61 %endif | |
| 62 | |
| 63 /* Content */ | |
| 64 *|*.main-content { | |
| 65 /* Needed to allow the radius to clip the inner content, see bug 595656 */ | |
| 66 overflow: hidden; | |
| 67 background-color: rgba(255, 255, 255, 0.35); | |
| 68 background-image: linear-gradient(rgba(255, 255, 255, 0), | |
| 69 rgba(255, 255, 255, 0.75)); | |
| 70 border: 1px solid #C3CEDF; | |
| 71 } | |
| 72 | |
| 73 %ifdef WINDOWS_AERO | |
| 74 @media (-moz-os-version: windows-vista), | |
| 75 (-moz-os-version: windows-win7) { | |
| 76 %endif | |
| 77 *|*.main-content { | |
| 78 border-radius: 5px; | |
| 79 } | |
| 80 %ifdef WINDOWS_AERO | |
| 81 } | |
| 82 | |
| 83 @media (-moz-windows-glass) { | |
| 84 /* Buttons */ | |
| 85 *|button, | |
| 86 menulist, | |
| 87 colorpicker[type="button"] { | |
| 88 -moz-appearance: none; | |
| 89 color: black; | |
| 90 padding: 0 5px; | |
| 91 background: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0) 49%, | |
| 92 rgba(211, 212, 213, 0.45) 51%, rgba(225, 226, 229, 0.3)); | |
| 93 background-clip: padding-box; | |
| 94 border-radius: 3px; | |
| 95 border: 1px solid rgba(31, 64, 100, 0.4); | |
| 96 border-top-color: rgba(31, 64, 100, 0.3); | |
| 97 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset, | |
| 98 0 0 2px 1px rgba(255, 255, 255, 0.25) inset; | |
| 99 } | |
| 100 | |
| 101 menulist { | |
| 102 -moz-padding-end: 0; | |
| 103 } | |
| 104 | |
| 105 colorpicker[type="button"]:-moz-focusring:not([open="true"]) > .colorpicker-button-colorbox { | |
| 106 outline: 1px dotted ThreeDDarkShadow; | |
| 107 } | |
| 108 | |
| 109 html|button[disabled], | |
| 110 button[disabled="true"], | |
| 111 menulist[disabled="true"], | |
| 112 colorpicker[type="button"][disabled="true"] { | |
| 113 -moz-border-top-colors: rgba(31, 64, 100, 0.3) !important; | |
| 114 -moz-border-right-colors: rgba(31, 64, 100, 0.4) !important; | |
| 115 -moz-border-bottom-colors: rgba(31, 64, 100, 0.4) !important; | |
| 116 -moz-border-left-colors: rgba(31, 64, 100, 0.4) !important; | |
| 117 opacity: 0.8; | |
| 118 color: #505050; | |
| 119 } | |
| 120 | |
| 121 html|button:not([disabled]):active:hover, | |
| 122 button:not([disabled="true"]):active:hover, | |
| 123 menulist[open="true"]:not([disabled="true"]), | |
| 124 colorpicker[type="button"][open="true"]:not([disabled="true"]) { | |
| 125 background-color: rgba(61, 76, 92, 0.2); | |
| 126 border-color: rgba(39, 53, 68, 0.5); | |
| 127 box-shadow: 0 0 3px 1px rgba(39, 53, 68, 0.2) inset; | |
| 128 } | |
| 129 | |
| 130 button > .button-box { | |
| 131 padding: 1px !important; | |
| 132 } | |
| 133 | |
| 134 spinbuttons > .spinbuttons-box > .spinbuttons-button { | |
| 135 border-radius: 0; | |
| 136 padding: 0 4px; | |
| 137 } | |
| 138 | |
| 139 spinbuttons > .spinbuttons-box > .spinbuttons-up { | |
| 140 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); | |
| 141 border-bottom-width: 0; | |
| 142 } | |
| 143 | |
| 144 spinbuttons > .spinbuttons-box > .spinbuttons-down { | |
| 145 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); | |
| 146 } | |
| 147 } | |
| 148 %endif | |
| 149 | |
| 150 colorpicker[type="button"] { | |
| 151 margin: 1px 5px 2px 5px; | |
| 152 padding: 3px; | |
| 153 height: 25px; | |
| 154 } |
