The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/global.css
toolkit/themes/windows/global/global.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:0961439e245e |
|---|---|
| 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 /* ===== global.css ===================================================== | |
| 6 == Styles that apply everywhere. | |
| 7 ======================================================================= */ | |
| 8 | |
| 9 /* all localizable skin settings shall live here */ | |
| 10 @import url("chrome://global/locale/intl.css"); | |
| 11 | |
| 12 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 13 | |
| 14 /* ::::: XBL bindings ::::: */ | |
| 15 | |
| 16 radio { | |
| 17 -moz-binding: url("chrome://global/skin/globalBindings.xml#radio"); | |
| 18 } | |
| 19 | |
| 20 menulist > menupopup, | |
| 21 .menulist-menupopup { | |
| 22 -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars"); | |
| 23 } | |
| 24 | |
| 25 .menulist-compact { | |
| 26 -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact"); | |
| 27 } | |
| 28 | |
| 29 /* ::::: root elements ::::: */ | |
| 30 | |
| 31 window, | |
| 32 page, | |
| 33 dialog, | |
| 34 wizard, | |
| 35 prefwindow { | |
| 36 -moz-appearance: window; | |
| 37 background-color: -moz-Dialog; | |
| 38 color: -moz-DialogText; | |
| 39 font: message-box; | |
| 40 } | |
| 41 | |
| 42 /* deprecated */ | |
| 43 window.dialog { | |
| 44 padding-top: 8px; | |
| 45 padding-bottom: 10px; | |
| 46 -moz-padding-start: 8px; | |
| 47 -moz-padding-end: 10px; | |
| 48 } | |
| 49 | |
| 50 /* ::::: alert icons :::::*/ | |
| 51 | |
| 52 .message-icon, | |
| 53 .alert-icon, | |
| 54 .error-icon, | |
| 55 .question-icon { | |
| 56 width: 32px; | |
| 57 height: 32px; | |
| 58 } | |
| 59 | |
| 60 .message-icon { | |
| 61 list-style-image: url("chrome://global/skin/icons/information-32.png"); | |
| 62 } | |
| 63 | |
| 64 .alert-icon { | |
| 65 list-style-image: url("chrome://global/skin/icons/Warning.png"); | |
| 66 } | |
| 67 | |
| 68 .error-icon { | |
| 69 list-style-image: url("chrome://global/skin/icons/Error.png"); | |
| 70 } | |
| 71 | |
| 72 .question-icon { | |
| 73 list-style-image: url("chrome://global/skin/icons/Question.png"); | |
| 74 } | |
| 75 | |
| 76 /* ::::: iframe ::::: */ | |
| 77 | |
| 78 iframe { | |
| 79 border: none; | |
| 80 width: 100px; | |
| 81 height: 100px; | |
| 82 min-width: 10px; | |
| 83 min-height: 10px; | |
| 84 } | |
| 85 | |
| 86 /* ::::: statusbar ::::: */ | |
| 87 | |
| 88 statusbar { | |
| 89 -moz-appearance: statusbar; | |
| 90 border-top: 1px solid ThreeDLightShadow; | |
| 91 border-left: 1px solid ThreeDShadow; | |
| 92 border-right: 1px solid ThreeDHighlight; | |
| 93 border-bottom: 1px solid ThreeDHighlight; | |
| 94 background-color: -moz-Dialog; | |
| 95 min-height: 22px; | |
| 96 } | |
| 97 | |
| 98 statusbarpanel { | |
| 99 -moz-appearance: statusbarpanel; | |
| 100 -moz-box-align: center; | |
| 101 -moz-box-pack: center; | |
| 102 border-left: 1px solid ThreeDHighlight; | |
| 103 border-top: 1px solid ThreeDHighlight; | |
| 104 border-right: 1px solid ThreeDShadow; | |
| 105 border-bottom: 1px solid ThreeDShadow; | |
| 106 padding: 0 4px; | |
| 107 } | |
| 108 | |
| 109 statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme { | |
| 110 -moz-appearance: none; | |
| 111 border-top-style: none; | |
| 112 border-bottom-style: none; | |
| 113 -moz-border-start-style: none; | |
| 114 } | |
| 115 | |
| 116 .statusbar-resizerpanel { | |
| 117 -moz-box-align: end; | |
| 118 -moz-box-pack: end; | |
| 119 -moz-appearance: resizerpanel; | |
| 120 padding: 0; | |
| 121 border: none; | |
| 122 } | |
| 123 | |
| 124 .statusbarpanel-iconic, | |
| 125 .statusbarpanel-iconic-text, | |
| 126 .statusbarpanel-menu-iconic { | |
| 127 padding: 0 1px; | |
| 128 } | |
| 129 | |
| 130 /* XXXBlake yeah, shoot me -- these don't belong here. I'll move them later. */ | |
| 131 | |
| 132 sidebarheader { | |
| 133 height: 25px; | |
| 134 background-color: -moz-Dialog; | |
| 135 -moz-appearance: toolbox; | |
| 136 border-bottom: 1px solid ThreeDShadow; | |
| 137 border-top: 1px solid ThreeDHighlight; | |
| 138 } | |
| 139 | |
| 140 sidebarheader > label { | |
| 141 -moz-padding-start: 4px; | |
| 142 } | |
| 143 | |
| 144 .toolbar-focustarget { | |
| 145 -moz-user-focus: ignore !important; | |
| 146 } | |
| 147 | |
| 148 toolbar[mode="text"] .toolbarbutton-text { | |
| 149 padding: 0 !important; | |
| 150 margin: 3px 5px !important; | |
| 151 } | |
| 152 | |
| 153 /* ::::: miscellaneous formatting ::::: */ | |
| 154 | |
| 155 :root:-moz-lwtheme, | |
| 156 [lwthemefooter="true"] { | |
| 157 -moz-appearance: none; | |
| 158 } | |
| 159 | |
| 160 :root:-moz-lwtheme-darktext { | |
| 161 text-shadow: 0 -0.5px 1.5px white; | |
| 162 } | |
| 163 | |
| 164 :root:-moz-lwtheme-brighttext { | |
| 165 text-shadow: 1px 1px 1.5px black; | |
| 166 } | |
| 167 | |
| 168 statusbar:-moz-lwtheme, | |
| 169 sidebarheader:-moz-lwtheme { | |
| 170 -moz-appearance: none; | |
| 171 background: none; | |
| 172 border-style: none; | |
| 173 } | |
| 174 | |
| 175 .inset { | |
| 176 border: 1px solid ThreeDShadow; | |
| 177 border-right-color: ThreeDHighlight; | |
| 178 border-bottom-color: ThreeDHighlight; | |
| 179 margin: 0 5px 5px; | |
| 180 } | |
| 181 | |
| 182 .outset { | |
| 183 border: 1px solid ThreeDShadow; | |
| 184 border-left-color: ThreeDHighlight; | |
| 185 border-top-color: ThreeDHighlight; | |
| 186 } | |
| 187 | |
| 188 /* separators */ | |
| 189 separator:not([orient="vertical"]) { | |
| 190 height: 1.5em; | |
| 191 } | |
| 192 separator[orient="vertical"] { | |
| 193 width: 1.5em; | |
| 194 } | |
| 195 | |
| 196 separator.thin:not([orient="vertical"]) { | |
| 197 height: 0.5em; | |
| 198 } | |
| 199 separator.thin[orient="vertical"] { | |
| 200 width: 0.5em; | |
| 201 } | |
| 202 | |
| 203 separator.groove:not([orient="vertical"]) { | |
| 204 border-top: 1px solid ThreeDShadow; | |
| 205 border-bottom: 1px solid ThreeDHighlight; | |
| 206 height: 0; | |
| 207 margin-top: 0.4em; | |
| 208 margin-bottom: 0.4em; | |
| 209 } | |
| 210 separator.groove[orient="vertical"] { | |
| 211 border-left: 1px solid ThreeDShadow; | |
| 212 border-right: 1px solid ThreeDHighlight; | |
| 213 width: 0; | |
| 214 margin-left: 0.4em; | |
| 215 margin-right: 0.4em; | |
| 216 } | |
| 217 | |
| 218 .small-margin { | |
| 219 margin: 1px 2px; | |
| 220 } | |
| 221 | |
| 222 .plain { | |
| 223 -moz-appearance: none; | |
| 224 margin: 0 !important; | |
| 225 border: none; | |
| 226 padding: 0; | |
| 227 } | |
| 228 | |
| 229 description, | |
| 230 label { | |
| 231 cursor: default; | |
| 232 margin-top: 1px; | |
| 233 margin-bottom: 2px; | |
| 234 -moz-margin-start: 6px; | |
| 235 -moz-margin-end: 5px; | |
| 236 } | |
| 237 | |
| 238 description { | |
| 239 margin-bottom: 4px; | |
| 240 } | |
| 241 | |
| 242 label[disabled="true"] { | |
| 243 color: GrayText; | |
| 244 } | |
| 245 | |
| 246 label[disabled="true"]:-moz-system-metric(windows-classic) { | |
| 247 color: ThreeDShadow; | |
| 248 text-shadow: 1px 1px ThreeDHighlight; | |
| 249 } | |
| 250 | |
| 251 .tooltip-label { | |
| 252 margin: 0; | |
| 253 } | |
| 254 | |
| 255 .header { | |
| 256 font-weight: bold; | |
| 257 } | |
| 258 | |
| 259 .monospace { | |
| 260 font-family: monospace; | |
| 261 } | |
| 262 | |
| 263 .indent { | |
| 264 -moz-margin-start: 23px; | |
| 265 } | |
| 266 | |
| 267 .box-padded { | |
| 268 padding: 5px; | |
| 269 } | |
| 270 | |
| 271 .spaced { | |
| 272 margin: 3px 5px 4px; | |
| 273 } | |
| 274 | |
| 275 .wizard-box { | |
| 276 padding: 20px 44px 10px; | |
| 277 } | |
| 278 | |
| 279 .text-link { | |
| 280 color: -moz-nativehyperlinktext; | |
| 281 border: 1px solid transparent; | |
| 282 cursor: pointer; | |
| 283 } | |
| 284 | |
| 285 .text-link:hover { | |
| 286 text-decoration: underline; | |
| 287 } | |
| 288 | |
| 289 .text-link:-moz-focusring { | |
| 290 border: 1px dotted -moz-DialogText; | |
| 291 } | |
| 292 | |
| 293 /* :::::: autoscroll popup ::::: */ | |
| 294 | |
| 295 .autoscroller { | |
| 296 height: 28px; | |
| 297 width: 28px; | |
| 298 border: none; | |
| 299 margin: -14px; | |
| 300 padding: 0; | |
| 301 background-image: url("chrome://global/skin/icons/autoscroll.png"); | |
| 302 background-color: transparent; | |
| 303 %ifdef XP_WIN | |
| 304 background-position: right top; | |
| 305 %endif | |
| 306 -moz-appearance: none; | |
| 307 } | |
| 308 | |
| 309 .autoscroller[scrolldir="NS"] { | |
| 310 %ifdef XP_WIN | |
| 311 background-position: right center; | |
| 312 %else | |
| 313 background-position: left center; | |
| 314 %endif | |
| 315 } | |
| 316 | |
| 317 .autoscroller[scrolldir="EW"] { | |
| 318 %ifdef XP_WIN | |
| 319 background-position: right bottom; | |
| 320 %else | |
| 321 background-position: left bottom; | |
| 322 %endif | |
| 323 } | |
| 324 | |
| 325 /* :::::: Close button icons ::::: */ | |
| 326 | |
| 327 .close-icon { | |
| 328 list-style-image: url("chrome://global/skin/icons/close.png"); | |
| 329 -moz-image-region: rect(0, 16px, 16px, 0); | |
| 330 } | |
| 331 | |
| 332 .close-icon:hover { | |
| 333 -moz-image-region: rect(0, 32px, 16px, 16px); | |
| 334 } | |
| 335 | |
| 336 .close-icon:hover:active { | |
| 337 -moz-image-region: rect(0, 48px, 16px, 32px); | |
| 338 } | |
| 339 | |
| 340 %ifdef XP_WIN | |
| 341 @media (-moz-windows-theme: luna-blue) { | |
| 342 .close-icon { | |
| 343 list-style-image: url("chrome://global/skin/icons/close-lunaBlue.png"); | |
| 344 } | |
| 345 } | |
| 346 | |
| 347 @media (-moz-windows-theme: luna-olive) { | |
| 348 .close-icon { | |
| 349 list-style-image: url("chrome://global/skin/icons/close-lunaOlive.png"); | |
| 350 } | |
| 351 } | |
| 352 | |
| 353 @media (-moz-windows-theme: luna-silver) { | |
| 354 .close-icon { | |
| 355 list-style-image: url("chrome://global/skin/icons/close-lunaSilver.png"); | |
| 356 } | |
| 357 } | |
| 358 %endif |
