toolkit/themes/windows/global/global.css

Thu, 22 Jan 2015 13:21:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 22 Jan 2015 13:21:57 +0100
branch
TOR_BUG_9701
changeset 15
b8a032363ba2
permissions
-rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

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

mercurial