browser/themes/winstripe/browser/browser.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Joe Hewitt (hewitt@netscape.com)
  23  *   Jason Kersey (kerz@netscape.com)
  24  *   Pierre Chanial (chanial@noos.fr)
  25  *   Dean Tessman (dean_tessman@hotmail.com)
  26  *   Blake Ross (blake@cs.stanford.edu)
  27  *   Pamela Greene (pamg.bugs@gmail.com)
  28  *   Dão Gottwald (dao@mozilla.com)
  29  *
  30  * Alternatively, the contents of this file may be used under the terms of
  31  * either the GNU General Public License Version 2 or later (the "GPL"), or
  32  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  33  * in which case the provisions of the GPL or the LGPL are applicable instead
  34  * of those above. If you wish to allow use of your version of this file only
  35  * under the terms of either the GPL or the LGPL, and not to allow others to
  36  * use your version of this file under the terms of the MPL, indicate your
  37  * decision by deleting the provisions above and replace them with the notice
  38  * and other provisions required by the GPL or the LGPL. If you do not delete
  39  * the provisions above, a recipient may use your version of this file under
  40  * the terms of any one of the MPL, the GPL or the LGPL.
  41  *
  42  * ***** END LICENSE BLOCK ***** */
  43
  44 @import url("chrome://global/skin/");
  45
  46 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  47 @namespace html url("http://www.w3.org/1999/xhtml");
  48 @namespace svg url("http://www.w3.org/2000/svg");
  49
  50 #menubar-items {
  51   -moz-box-orient: vertical; /* for flex hack */
  52 }
  53
  54 #menubar-items > menubar {
  55   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
  56 }
  57
  58 #PersonalToolbar {
  59   min-height: 26px;
  60 }
  61
  62 #wrapper-search-container #searchbar html|*.textbox-input {
  63   visibility: hidden;
  64 }
  65
  66 #navigator-toolbox:-moz-system-metric(windows-default-theme) {
  67   padding-bottom: 1px; /* uxtheme border drawing fix/hack */
  68 }
  69
  70 #navigator-toolbox[inFullscreen="true"],
  71 #navigator-toolbox[inFullscreen="true"] > #nav-bar {
  72   border-top: none;
  73 }
  74
  75 #print-preview-toolbar {
  76   -moz-appearance: toolbox;
  77 }
  78
  79 /* ::::: bookmark buttons ::::: */
  80
  81 toolbarbutton.bookmark-item {
  82   margin: 0;
  83   min-width: 0;
  84   max-width: 13em;
  85   padding: 2px 3px;
  86 }
  87
  88 toolbarbutton.bookmark-item-microsummarized {
  89   max-width: 20em;
  90 }
  91
  92 toolbarbutton.bookmark-item:hover:active,
  93 toolbarbutton.bookmark-item[open="true"] {
  94   padding-top: 3px;
  95   padding-bottom: 1px;
  96   -moz-padding-start: 4px;
  97   -moz-padding-end: 2px;
  98 }
  99
 100 .bookmark-item > .toolbarbutton-icon {
 101   width: 16px;
 102   height: 16px;
 103 }
 104
 105 /* Prevent [mode="icons"] from hiding the label */
 106 .bookmark-item > .toolbarbutton-text {
 107   display: -moz-box !important;
 108 }
 109
 110 .bookmark-item > .toolbarbutton-menu-dropmarker {
 111   display: none;
 112 }
 113
 114 #wrapper-personal-bookmarks .toolbarpaletteitem-box {
 115   width: 16px;
 116   height: 16px;
 117   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important;
 118 }
 119
 120 .bookmarks-toolbar-customize {
 121   display: none;
 122   max-width: 15em !important;
 123 }
 124
 125 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
 126   display: -moz-box;
 127 }
 128
 129 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
 130   visibility: hidden;
 131 }
 132
 133 toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
 134   visibility: hidden;
 135 }
 136
 137 toolbarpaletteitem[place="toolbar"] .places-toolbar-items {
 138   display: none;
 139 }
 140
 141 /* ::::: bookmark menus ::::: */
 142
 143 menu.bookmark-item,
 144 menuitem.bookmark-item {
 145   min-width: 0;
 146   max-width: 26em;
 147 }
 148
 149 .bookmark-item > .menu-iconic-left {
 150   margin-top: 0;
 151   margin-bottom: 0;
 152 }
 153
 154 .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
 155   -moz-padding-start: 0px;
 156 }
 157
 158 /* ::::: bookmark items ::::: */
 159
 160 .bookmark-item  {
 161   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 162   -moz-image-region: rect(0px, 16px, 16px, 0px);
 163 }
 164
 165 .bookmark-item[container] {
 166   -moz-image-region: rect(0px, 32px, 16px, 16px);
 167 }
 168
 169 .bookmark-item[container][open] {
 170   -moz-image-region: rect(16px, 32px, 32px, 16px);
 171 }
 172
 173 .bookmark-item[container][livemark] {
 174   list-style-image: url("chrome://browser/skin/livemark-folder.png");
 175   -moz-image-region: auto;
 176 }
 177
 178 .bookmark-item[container][livemark] .bookmark-item {
 179   list-style-image: url("chrome://browser/skin/livemark-item.png");
 180   -moz-image-region: auto;
 181 }
 182
 183 .bookmark-item[container][query] {
 184   list-style-image: url("chrome://browser/skin/places/query.png");
 185   -moz-image-region: auto;
 186 }
 187
 188 .bookmark-item[query][tagContainer] {
 189   list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
 190   -moz-image-region: auto;
 191 }
 192
 193 .bookmark-item[query][dayContainer] {
 194   list-style-image: url("chrome://browser/skin/places/calendar.png");
 195   -moz-image-region: auto;
 196 }
 197
 198 .bookmark-item[query][hostContainer] {
 199   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 200   -moz-image-region: rect(0px, 32px, 16px, 16px);
 201 }
 202
 203 .bookmark-item[query][hostContainer][open] {
 204   list-style-image: url("chrome://global/skin/icons/folder-item.png");
 205   -moz-image-region: rect(16px, 32px, 32px, 16px);
 206 }
 207
 208 /* ::::: primary toolbar buttons ::::: */
 209
 210 .toolbarbutton-1 {
 211   -moz-box-orient: vertical;
 212   min-width: 0;
 213   list-style-image: url("chrome://browser/skin/Toolbar.png");
 214 }
 215
 216 .toolbarbutton-1 > .toolbarbutton-icon {
 217   -moz-margin-end: 0px;
 218 }
 219
 220 toolbar[mode="full"] .toolbarbutton-1,
 221 toolbar[mode="full"] .toolbarbutton-menubutton-button {
 222   min-width: 57px;
 223 }
 224
 225 .toolbarbutton-1,
 226 .toolbarbutton-menubutton-button {
 227   padding: 5px;
 228 }
 229
 230 .toolbarbutton-1[checked="true"] {
 231   padding: 5px !important;
 232 }
 233
 234 toolbar[iconsize="large"][mode="icons"] .toolbarbutton-1:-moz-system-metric(windows-default-theme),
 235 .toolbarbutton-menubutton-button:-moz-system-metric(windows-default-theme) {
 236   padding: 6px; /* uxtheme border drawing fix/hack */
 237 }
 238
 239 toolbar[iconsize="large"][mode="icons"] .toolbarbutton-1[checked="true"]:-moz-system-metric(windows-default-theme) {
 240   padding: 6px !important; /* uxtheme border drawing fix/hack */
 241 }
 242
 243 /* ::::: unified back and forward buttons ::::: */
 244
 245 /* unified back button with keyhole icons */
 246
 247 toolbar[mode="icons"] #back-button {
 248   -moz-appearance: none;
 249   padding: 0;
 250   -moz-padding-start: 2px;
 251   border: none;
 252 }
 253
 254 toolbar[iconsize="large"][mode="icons"] #back-button {
 255   -moz-image-region: rect(0px 396px 34px 360px);
 256 }
 257 toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover {
 258   -moz-image-region: rect(34px 396px 68px 360px);
 259 }
 260 toolbar[iconsize="large"][mode="icons"] #back-button[disabled="true"] {
 261   -moz-image-region: rect(68px 396px 102px 360px);
 262 }
 263 toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
 264   -moz-image-region: rect(102px 396px 136px 360px);
 265 }
 266
 267 /* unified back button with keyhole icons, RTL version */
 268
 269 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"] {
 270   -moz-image-region: rect(0px 516px 34px 480px);
 271 }
 272 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
 273   -moz-image-region: rect(34px 516px 68px 480px);
 274 }
 275 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
 276   -moz-image-region: rect(68px 516px 102px 480px);
 277 }
 278 toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 279   -moz-image-region: rect(102px 516px 136px 480px);
 280 }
 281
 282 /* unified forward button with keyhole icons */
 283
 284 toolbar[mode="icons"] #forward-button {
 285   -moz-appearance: none;
 286   padding: 0;
 287   border: none;
 288 }
 289
 290 toolbar[iconsize="large"][mode="icons"] #forward-button {
 291   -moz-image-region: rect(3px 422px 31px 396px);
 292 }
 293 toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover {
 294   -moz-image-region: rect(37px 422px 65px 396px);
 295 }
 296 toolbar[iconsize="large"][mode="icons"] #forward-button[disabled="true"] {
 297   -moz-image-region: rect(71px 422px 99px 396px);
 298 }
 299 toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
 300   -moz-image-region: rect(105px 422px 133px 396px);
 301 }
 302
 303 /* unified forward button with keyhole icons, RTL version */
 304
 305 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"] {
 306   -moz-image-region: rect(3px 480px 31px 454px);
 307 }
 308 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
 309   -moz-image-region: rect(37px 480px 65px 454px);
 310 }
 311 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
 312   -moz-image-region: rect(71px 480px 99px 454px);
 313 }
 314 toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 315   -moz-image-region: rect(105px 480px 133px 454px);
 316 }
 317
 318 /* dropmarker for unified back and forward buttons with keyhole icons */
 319
 320 toolbar[mode="icons"] #back-forward-dropmarker {
 321   -moz-appearance: none;
 322   padding: 0;
 323   -moz-padding-end: 2px;
 324   border: none;
 325 }
 326
 327 toolbar[mode="icons"] #back-forward-dropmarker > image {
 328   display: -moz-box;
 329   margin: 0;
 330 }
 331
 332 toolbar[mode="icons"] #back-forward-dropmarker > dropmarker {
 333   display: none;
 334 }
 335
 336 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker {
 337   list-style-image: url("chrome://browser/skin/Toolbar.png");
 338   -moz-image-region: rect(3px 438px 31px 422px);
 339 }
 340 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
 341   -moz-image-region: rect(37px 438px 65px 422px);
 342 }
 343 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
 344   -moz-image-region: rect(71px 438px 99px 422px);
 345 }
 346 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
 347   -moz-image-region: rect(105px 438px 133px 422px);
 348 }
 349
 350 /* unified dropmarker with keyhole icons, RTL version */
 351
 352 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
 353   -moz-image-region: rect(3px 454px 31px 438px);
 354 }
 355 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
 356   -moz-image-region: rect(37px 454px 65px 438px);
 357 }
 358 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
 359   -moz-image-region: rect(71px 454px 99px 438px);
 360 }
 361 toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
 362   -moz-image-region: rect(105px 454px 133px 438px);
 363 }
 364
 365 /* ::::: unified back and forward buttons, small icons mode ::::: */
 366
 367 toolbar[iconsize="small"][mode="icons"] #back-button > .toolbarbutton-icon,
 368 toolbar[iconsize="small"][mode="icons"] #forward-button > .toolbarbutton-icon {
 369   -moz-padding-end: 0;
 370 }
 371
 372 /* unified back button with keyhole icons, small icons mode */
 373
 374 toolbar[iconsize="small"][mode="icons"] #back-button {
 375   -moz-image-region: rect(0px 264px 24px 240px);
 376 }
 377 toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover {
 378   -moz-image-region: rect(24px 264px 48px 240px);
 379 }
 380 toolbar[iconsize="small"][mode="icons"] #back-button[disabled="true"] {
 381   -moz-image-region: rect(48px 264px 72px 240px);
 382 }
 383 toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
 384   -moz-image-region: rect(72px 264px 96px 240px);
 385 }
 386
 387 /* unified back button with keyhole icons, small icons mode, RTL version */
 388
 389 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"] {
 390   -moz-image-region: rect(0px 362px 24px 338px);
 391 }
 392 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
 393   -moz-image-region: rect(24px 362px 48px 338px);
 394 }
 395 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
 396   -moz-image-region: rect(48px 362px 72px 338px);
 397 }
 398 toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 399   -moz-image-region: rect(72px 362px 96px 338px);
 400 }
 401
 402 /* unified forward button with keyhole icons, small icons mode */
 403
 404 toolbar[iconsize="small"][mode="icons"] #forward-button {
 405   -moz-image-region: rect(0px 288px 24px 264px);
 406 }
 407 toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover {
 408   -moz-image-region: rect(24px 288px 48px 264px);
 409 }
 410 toolbar[iconsize="small"][mode="icons"] #forward-button[disabled="true"] {
 411   -moz-image-region: rect(48px 288px 72px 264px);
 412 }
 413 toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
 414   -moz-image-region: rect(72px 288px 96px 264px);
 415 }
 416
 417 /* unified forward button with keyhole icons, small icons mode, RTL version */
 418
 419 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"] {
 420   -moz-image-region: rect(0px 338px 24px 314px);
 421 }
 422 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
 423   -moz-image-region: rect(24px 338px 48px 314px);
 424 }
 425 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
 426   -moz-image-region: rect(48px 338px 72px 314px);
 427 }
 428 toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 429   -moz-image-region: rect(72px 338px 96px 314px);
 430 }
 431
 432 /* dropmarker for unified back and forward buttons with keyhole icons, small icons mode */
 433
 434 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker {
 435   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 436   -moz-image-region: rect(0px 301px 24px 288px);
 437 }
 438 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
 439   -moz-image-region: rect(24px 301px 48px 288px);
 440 }
 441 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
 442   -moz-image-region: rect(48px 301px 72px 288px);
 443 }
 444 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
 445   -moz-image-region: rect(72px 301px 96px 288px);
 446 }
 447
 448 /* unified dropmarker with keyhole icons, small icons mode, RTL version */
 449
 450 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
 451   -moz-image-region: rect(0px 314px 24px 301px);
 452 }
 453 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
 454   -moz-image-region: rect(24px 314px 48px 301px);
 455 }
 456 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
 457   -moz-image-region: rect(48px 314px 72px 301px);
 458 }
 459 toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
 460   -moz-image-region: rect(72px 314px 96px 301px);
 461 }
 462
 463 /* ::::: 24px primary toolbar buttons ::::: */
 464
 465 /* back button */
 466
 467 #back-button {
 468   -moz-image-region: rect(0px 24px 24px 0px);
 469 }
 470 #back-button:not([disabled="true"]):hover,
 471 #back-button[buttonover="true"] {
 472   -moz-image-region: rect(24px 24px 48px 0px);
 473 }
 474 #back-button[disabled="true"] {
 475   -moz-image-region: rect(48px 24px 72px 0px);
 476 }
 477 #back-button:not([disabled="true"]):hover:active {
 478   -moz-image-region: rect(96px 24px 120px 0px);
 479 }
 480
 481 #back-button[chromedir="rtl"] {
 482   -moz-image-region: rect(0px 48px 24px 24px);
 483 }
 484 #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
 485 #back-button[chromedir="rtl"][buttonover="true"] {
 486   -moz-image-region: rect(24px 48px 48px 24px);
 487 }
 488 #back-button[chromedir="rtl"][disabled="true"] {
 489   -moz-image-region: rect(48px 48px 72px 24px);
 490 }
 491 #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 492   -moz-image-region: rect(96px 48px 120px 24px);
 493 }
 494
 495 /* forward button */
 496
 497 #forward-button {
 498   -moz-image-region: rect(0px 48px 24px 24px);
 499 }
 500 #forward-button:not([disabled="true"]):hover,
 501 #forward-button[buttonover="true"] {
 502   -moz-image-region: rect(24px 48px 48px 24px);
 503 }
 504 #forward-button[disabled="true"] {
 505   -moz-image-region: rect(48px 48px 72px 24px);
 506 }
 507 #forward-button:not([disabled="true"]):hover:active {
 508   -moz-image-region: rect(96px 48px 120px 24px);
 509 }
 510
 511 #forward-button[chromedir="rtl"] {
 512   -moz-image-region: rect(0px 24px 24px 0px);
 513 }
 514 #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
 515 #forward-button[chromedir="rtl"][buttonover="true"] {
 516   -moz-image-region: rect(24px 24px 48px 0px);
 517 }
 518 #forward-button[chromedir="rtl"][disabled="true"] {
 519   -moz-image-region: rect(48px 24px 72px 0px);
 520 }
 521 #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 522   -moz-image-region: rect(96px 24px 120px 0px);
 523 }
 524
 525 /* stop button */
 526
 527 #stop-button {
 528   -moz-image-region: rect(0px 72px 24px 48px);
 529 }
 530 #stop-button:not([disabled="true"]):hover {
 531   -moz-image-region: rect(24px 72px 48px 48px);
 532 }
 533 #stop-button[disabled="true"] {
 534   -moz-image-region: rect(48px 72px 72px 48px);
 535 }
 536 #stop-button:not([disabled="true"]):hover:active {
 537   -moz-image-region: rect(96px 72px 120px 48px);
 538 }
 539
 540 /* reload button */
 541
 542 #reload-button {
 543   -moz-image-region: rect(0px 96px 24px 72px);
 544 }
 545 #reload-button:not([disabled="true"]):hover {
 546   -moz-image-region: rect(24px 96px 48px 72px);
 547 }
 548 #reload-button[disabled="true"] {
 549   -moz-image-region: rect(48px 96px 72px 72px);
 550 }
 551 #reload-button:not([disabled="true"]):hover:active {
 552   -moz-image-region: rect(96px 96px 120px 72px);
 553 }
 554
 555 /* home button */
 556
 557 #home-button {
 558   -moz-image-region: rect(0px 120px 24px 96px);
 559 }
 560 #home-button:not([disabled="true"]):hover {
 561   -moz-image-region: rect(24px 120px 48px 96px);
 562 }
 563 #home-button[disabled="true"] {
 564   -moz-image-region: rect(48px 120px 72px 96px);
 565 }
 566 #home-button:not([disabled="true"]):hover:active {
 567   -moz-image-region: rect(96px 120px 120px 96px);
 568 }
 569
 570 /* download manager button */
 571
 572 #downloads-button {
 573   -moz-image-region: rect(0px 144px 24px 120px);
 574 }
 575 #downloads-button:not([disabled="true"]):hover {
 576   -moz-image-region: rect(24px 144px 48px 120px);
 577 }
 578 #downloads-button[disabled="true"] {
 579   -moz-image-region: rect(48px 144px 72px 120px);
 580 }
 581 #downloads-button:not([disabled="true"]):hover:active {
 582   -moz-image-region: rect(96px 144px 120px 120px);
 583 }
 584
 585 /* history sidebar button */
 586
 587 #history-button {
 588   -moz-image-region: rect(0px 168px 24px 144px);
 589 }
 590 #history-button:not([disabled="true"]):not([checked="true"]):hover {
 591   -moz-image-region: rect(24px 168px 48px 144px);
 592 }
 593 #history-button[disabled="true"] {
 594   -moz-image-region: rect(48px 168px 72px 144px);
 595 }
 596 #history-button[checked="true"] {
 597   -moz-image-region: rect(72px 168px 96px 144px);
 598 }
 599 #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
 600   -moz-image-region: rect(96px 168px 120px 144px);
 601 }
 602
 603 /* bookmark sidebar button */
 604
 605 #bookmarks-button {
 606   -moz-image-region: rect(0px 192px 24px 168px);
 607 }
 608 #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
 609   -moz-image-region: rect(24px 192px 48px 168px);
 610 }
 611 #bookmarks-button[disabled="true"] {
 612   -moz-image-region: rect(48px 192px 72px 168px);
 613 }
 614 #bookmarks-button[checked="true"] {
 615   -moz-image-region: rect(72px 192px 96px 168px);
 616 }
 617 #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
 618   -moz-image-region: rect(96px 192px 120px 168px);
 619 }
 620
 621 /* print button */
 622
 623 #print-button {
 624   -moz-image-region: rect(0px 216px 24px 192px);
 625 }
 626 #print-button:not([disabled="true"]):hover {
 627   -moz-image-region: rect(24px 216px 48px 192px);
 628 }
 629 #print-button[disabled="true"] {
 630   -moz-image-region: rect(48px 216px 72px 192px);
 631 }
 632 #print-button:not([disabled="true"]):hover:active {
 633   -moz-image-region: rect(96px 216px 120px 192px);
 634 }
 635
 636 /* new window button */
 637
 638 toolbar:not([iconsize="small"]) #new-window-button > .toolbarbutton-icon {
 639   padding-left: 1px;
 640 }
 641 #new-window-button {
 642   -moz-image-region: rect(0px 264px 24px 240px);
 643 }
 644 #new-window-button:not([disabled="true"]):hover {
 645   -moz-image-region: rect(24px 264px 48px 240px);
 646 }
 647 #new-window-button[disabled="true"] {
 648   -moz-image-region: rect(48px 264px 72px 240px);
 649 }
 650 #new-window-button:not([disabled="true"]):hover:active {
 651   -moz-image-region: rect(96px 264px 120px 240px);
 652 }
 653
 654 /* cut button */
 655
 656 #cut-button {
 657   -moz-image-region: rect(0px 288px 24px 264px);
 658 }
 659 #cut-button:not([disabled="true"]):hover {
 660   -moz-image-region: rect(24px 288px 48px 264px);
 661 }
 662 #cut-button[disabled="true"] {
 663   -moz-image-region: rect(48px 288px 72px 264px);
 664 }
 665 #cut-button:not([disabled="true"]):hover:active {
 666   -moz-image-region: rect(96px 288px 120px 264px);
 667 }
 668
 669 /* copy button */
 670
 671 #copy-button {
 672   -moz-image-region: rect(0px 312px 24px 288px);
 673 }
 674 #copy-button:not([disabled="true"]):hover {
 675   -moz-image-region: rect(24px 312px 48px 288px);
 676 }
 677 #copy-button[disabled="true"] {
 678   -moz-image-region: rect(48px 312px 72px 288px);
 679 }
 680 #copy-button:not([disabled="true"]):hover:active {
 681   -moz-image-region: rect(96px 312px 120px 288px);
 682 }
 683
 684 /* paste button */
 685
 686 #paste-button {
 687   -moz-image-region: rect(0px 336px 24px 312px);
 688 }
 689 #paste-button:not([disabled="true"]):hover {
 690   -moz-image-region: rect(24px 336px 48px 312px);
 691 }
 692 #paste-button[disabled="true"] {
 693   -moz-image-region: rect(48px 336px 72px 312px);
 694 }
 695 #paste-button:not([disabled="true"]):hover:active {
 696   -moz-image-region: rect(96px 336px 120px 312px);
 697 }
 698
 699 /* ::::: 16px primary toolbar buttons ::::: */
 700
 701 toolbar[iconsize="small"] .toolbarbutton-1 {
 702   -moz-box-orient: vertical;
 703   min-width: 0;
 704   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 705 }
 706
 707 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
 708   border: 0 !important;
 709 }
 710
 711 /* back button */
 712
 713 toolbar[iconsize="small"] #back-button > .toolbarbutton-icon {
 714   -moz-padding-end: 1px;
 715 }
 716 toolbar[iconsize="small"] #back-button {
 717   -moz-image-region: rect(0px 16px 16px 0px);
 718 }
 719 toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover,
 720 toolbar[iconsize="small"] #back-button[buttonover="true"] {
 721   -moz-image-region: rect(16px 16px 32px 0px);
 722 }
 723 toolbar[iconsize="small"] #back-button[disabled="true"] {
 724   -moz-image-region: rect(32px 16px 48px 0px);
 725 }
 726 toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active {
 727   -moz-image-region: rect(64px 16px 80px 0px);
 728 }
 729
 730 toolbar[iconsize="small"] #back-button[chromedir="rtl"] {
 731   -moz-image-region: rect(0px 32px 16px 16px);
 732 }
 733 toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
 734 toolbar[iconsize="small"] #back-button[chromedir="rtl"][buttonover="true"] {
 735   -moz-image-region: rect(16px 32px 32px 16px);
 736 }
 737 toolbar[iconsize="small"] #back-button[chromedir="rtl"][disabled="true"] {
 738   -moz-image-region: rect(32px 32px 48px 16px);
 739 }
 740 toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 741   -moz-image-region: rect(64px 32px 80px 16px);
 742 }
 743 .unified-nav-back[_moz-menuactive],
 744 menupopup[chromedir="rtl"] > .unified-nav-forward[_moz-menuactive] {
 745   list-style-image: url("chrome://browser/skin/menu-back.png") !important;
 746 }
 747
 748 /* forward button */
 749
 750 toolbar[iconsize="small"] #forward-button > .toolbarbutton-icon {
 751   -moz-padding-end: 1px;
 752 }
 753 toolbar[iconsize="small"] #forward-button {
 754   -moz-image-region: rect(0px 32px 16px 16px);
 755 }
 756 toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover,
 757 toolbar[iconsize="small"] #forward-button[buttonover="true"] {
 758   -moz-image-region: rect(16px 32px 32px 16px);
 759 }
 760 toolbar[iconsize="small"] #forward-button[disabled="true"] {
 761   -moz-image-region: rect(32px 32px 48px 16px);
 762 }
 763 toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active {
 764   -moz-image-region: rect(64px 32px 80px 16px);
 765 }
 766
 767 toolbar[iconsize="small"] #forward-button[chromedir="rtl"] {
 768   -moz-image-region: rect(0px 16px 16px 0px);
 769 }
 770 toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
 771 toolbar[iconsize="small"] #forward-button[chromedir="rtl"][buttonover="true"] {
 772   -moz-image-region: rect(16px 16px 32px 0px);
 773 }
 774 toolbar[iconsize="small"] #forward-button[chromedir="rtl"][disabled="true"] {
 775   -moz-image-region: rect(32px 16px 48px 0px);
 776 }
 777 toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
 778   -moz-image-region: rect(64px 16px 80px 0px);
 779 }
 780 .unified-nav-forward[_moz-menuactive],
 781 menupopup[chromedir="rtl"] > .unified-nav-back[_moz-menuactive] {
 782   list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
 783 }
 784
 785 /* stop button */
 786
 787 toolbar[iconsize="small"] #stop-button > .toolbarbutton-icon {
 788   padding-left: 1px;
 789 }
 790 toolbar[iconsize="small"] #stop-button {
 791   -moz-image-region: rect(0px 48px 16px 32px);
 792 }
 793 toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover {
 794   -moz-image-region: rect(16px 48px 32px 32px);
 795 }
 796 toolbar[iconsize="small"] #stop-button[disabled="true"] {
 797   -moz-image-region: rect(32px 48px 48px 32px);
 798 }
 799 toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover:active {
 800   -moz-image-region: rect(64px 48px 80px 32px);
 801 }
 802
 803 /* reload button */
 804
 805 toolbar[iconsize="small"] #reload-button > .toolbarbutton-icon {
 806   padding-left: 1px;
 807 }
 808 toolbar[iconsize="small"] #reload-button {
 809   -moz-image-region: rect(0px 64px 16px 48px);
 810 }
 811 toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover {
 812   -moz-image-region: rect(16px 64px 32px 48px);
 813 }
 814 toolbar[iconsize="small"] #reload-button[disabled="true"] {
 815   -moz-image-region: rect(32px 64px 48px 48px);
 816 }
 817 toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover:active {
 818   -moz-image-region: rect(64px 64px 80px 48px);
 819 }
 820
 821 /* home button */
 822
 823 toolbar[iconsize="small"] #home-button.toolbarbutton-1 > .toolbarbutton-icon {
 824   padding-left: 1px;
 825 }
 826 #home-button.bookmark-item {
 827   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
 828 }
 829 toolbar[iconsize="small"] #home-button ,
 830 #home-button.bookmark-item {
 831   -moz-image-region: rect(0px 80px 16px 64px);
 832 }
 833 toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover ,
 834 #home-button.bookmark-item:not([disabled="true"]):hover {
 835   -moz-image-region: rect(16px 80px 32px 64px);
 836 }
 837 toolbar[iconsize="small"] #home-button[disabled="true"] ,
 838 #home-button.bookmark-item[disabled="true"] {
 839   -moz-image-region: rect(32px 80px 48px 64px);
 840 }
 841 toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover:active ,
 842 #home-button.bookmark-item:not([disabled="true"]):hover:active {
 843   -moz-image-region: rect(64px 80px 80px 64px);
 844 }
 845
 846 /* download manager button */
 847
 848 toolbar[iconsize="small"] #downloads-button > .toolbarbutton-icon {
 849   padding-left: 1px;
 850 }
 851 toolbar[iconsize="small"] #downloads-button {
 852   -moz-image-region: rect(0px 96px 16px 80px);
 853 }
 854 toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover {
 855   -moz-image-region: rect(16px 96px 32px 80px);
 856 }
 857 toolbar[iconsize="small"] #downloads-button[disabled="true"] {
 858   -moz-image-region: rect(32px 96px 48px 80px);
 859 }
 860 toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover:active {
 861   -moz-image-region: rect(64px 96px 80px 80px);
 862 }
 863
 864 /* history sidebar button */
 865
 866 toolbar[iconsize="small"] #history-button > .toolbarbutton-icon {
 867   padding-left: 1px;
 868 }
 869 toolbar[iconsize="small"] #history-button {
 870   -moz-image-region: rect(0px 112px 16px 96px);
 871 }
 872 toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover {
 873   -moz-image-region: rect(16px 112px 32px 96px);
 874 }
 875 toolbar[iconsize="small"] #history-button[disabled="true"] {
 876   -moz-image-region: rect(32px 112px 48px 96px);
 877 }
 878 toolbar[iconsize="small"] #history-button[checked="true"] {
 879   -moz-image-region: rect(48px 112px 64px 96px);
 880 }
 881 toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
 882   -moz-image-region: rect(64px 112px 80px 96px);
 883 }
 884
 885 /* bookmark sidebar button */
 886
 887 toolbar[iconsize="small"] #bookmarks-button > .toolbarbutton-icon {
 888   padding-left: 2px;
 889 }
 890 toolbar[iconsize="small"] #bookmarks-button {
 891   -moz-image-region: rect(0px 128px 16px 112px);
 892 }
 893 toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
 894   -moz-image-region: rect(16px 128px 32px 112px);
 895 }
 896 toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
 897   -moz-image-region: rect(32px 128px 48px 112px);
 898 }
 899 toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
 900   -moz-image-region: rect(48px 128px 64px 112px);
 901 }
 902 toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
 903   -moz-image-region: rect(64px 128px 80px 112px);
 904 }
 905
 906 /* print button */
 907
 908 toolbar[iconsize="small"] #print-button > .toolbarbutton-icon {
 909   padding-left: 1px;
 910 }
 911 toolbar[iconsize="small"] #print-button {
 912   -moz-image-region: rect(0px 144px 16px 128px);
 913 }
 914 toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover {
 915   -moz-image-region: rect(16px 144px 32px 128px);
 916 }
 917 toolbar[iconsize="small"] #print-button[disabled="true"] {
 918   -moz-image-region: rect(32px 144px 48px 128px);
 919 }
 920 toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover:active {
 921   -moz-image-region: rect(64px 144px 80px 128px);
 922 }
 923
 924 /* new window button */
 925
 926 toolbar[iconsize="small"] #new-window-button {
 927   -moz-image-region: rect(0px 176px 16px 160px);
 928 }
 929 toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover {
 930   -moz-image-region: rect(16px 176px 32px 160px);
 931 }
 932 toolbar[iconsize="small"] #new-window-button[disabled="true"] {
 933   -moz-image-region: rect(32px 176px 48px 160px);
 934 }
 935 toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover:active {
 936   -moz-image-region: rect(64px 176px 80px 160px);
 937 }
 938
 939 /* cut button */
 940
 941 toolbar[iconsize="small"] #cut-button > .toolbarbutton-icon {
 942   padding-right: 1px;
 943 }
 944 toolbar[iconsize="small"] #cut-button {
 945   -moz-image-region: rect(0px 192px 16px 176px);
 946 }
 947 toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
 948   -moz-image-region: rect(16px 192px 32px 176px);
 949 }
 950 toolbar[iconsize="small"] #cut-button[disabled="true"] {
 951   -moz-image-region: rect(32px 192px 48px 176px);
 952 }
 953 toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover:active {
 954   -moz-image-region: rect(64px 192px 80px 176px);
 955 }
 956
 957 /* copy button */
 958
 959 toolbar[iconsize="small"] #copy-button > .toolbarbutton-icon {
 960   padding-left: 1px;
 961 }
 962 toolbar[iconsize="small"] #copy-button {
 963   -moz-image-region: rect(0px 208px 16px 192px);
 964 }
 965 toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
 966   -moz-image-region: rect(16px 208px 32px 192px);
 967 }
 968 toolbar[iconsize="small"] #copy-button[disabled="true"] {
 969   -moz-image-region: rect(32px 208px 48px 192px);
 970 }
 971 toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover:active {
 972   -moz-image-region: rect(64px 208px 80px 192px);
 973 }
 974
 975 /* paste button */
 976
 977 toolbar[iconsize="small"] #paste-button > .toolbarbutton-icon {
 978   padding-left: 1px;
 979 }
 980 toolbar[iconsize="small"] #paste-button {
 981   -moz-image-region: rect(0px 224px 16px 208px);
 982 }
 983 toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
 984   -moz-image-region: rect(16px 224px 32px 208px);
 985 }
 986 toolbar[iconsize="small"] #paste-button[disabled="true"] {
 987   -moz-image-region: rect(32px 224px 48px 208px);
 988 }
 989 toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover:active {
 990   -moz-image-region: rect(64px 224px 80px 208px);
 991 }
 992
 993 /* ::::: fullscreen window controls ::::: */
 994
 995 #window-controls {
 996   -moz-box-align: start;
 997   padding: 0;
 998   border-left: 2px solid;
 999   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
1000 }
1001
1002 #minimize-button {
1003   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
1004 }
1005 #restore-button {
1006   list-style-image: url("chrome://global/skin/icons/Restore.gif");
1007 }
1008 #close-button {
1009   list-style-image: url("chrome://global/skin/icons/Close.gif");
1010 }
1011
1012 /* ::::: nav-bar-inner ::::: */
1013
1014 #urlbar {
1015   width: 7em;
1016   min-width: 7em;
1017 }
1018
1019 #urlbar:-moz-system-metric(windows-default-theme) {
1020   -moz-appearance: none;
1021   border-width: 1px;
1022   -moz-border-top-colors: ThreeDShadow;
1023   -moz-border-bottom-colors: ThreeDShadow;
1024   -moz-border-right-colors: ThreeDShadow;
1025   -moz-border-left-colors: ThreeDShadow;
1026 }
1027
1028 #urlbar-container {
1029   -moz-box-orient: horizontal;
1030   -moz-box-align: stretch;
1031 }
1032
1033 #urlbar-icons {
1034   height: 18px;
1035   -moz-box-align: center;
1036   -moz-padding-end: 2px;
1037 }
1038
1039 #urlbar-search-splitter {
1040   min-width: 8px;
1041   -moz-margin-start: -4px;
1042   border: none;
1043   background: transparent;
1044 }
1045
1046 #urlbar-search-splitter + #urlbar-container > #urlbar ,
1047 #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1048   -moz-margin-start: 0;
1049 }
1050
1051 #wrapper-urlbar-container #urlbar {
1052   -moz-user-input: disabled;
1053   cursor: -moz-grab;
1054 }
1055
1056 #wrapper-urlbar-container #urlbar > .autocomplete-history-dropmarker {
1057   display: none;
1058 }
1059
1060 /* Keep the URL bar LTR */
1061
1062 #urlbar .autocomplete-textbox-container {
1063   direction: ltr;
1064 }
1065
1066 #PopupAutoComplete {
1067   direction: ltr !important;
1068 }
1069
1070 #PopupAutoComplete[chromedir="rtl"] > tree > treerows {
1071   direction: rtl;
1072 }
1073
1074 #PopupAutoComplete .autocomplete-treebody {
1075   direction: ltr;
1076 }
1077
1078 #PopupAutoCompleteRichResult {
1079   direction: ltr !important;
1080 }
1081
1082 /* ::::: page proxy icon ::::: */
1083
1084 #page-proxy-favicon,
1085 #urlbar-throbber {
1086   width: 16px;
1087   height: 16px;
1088 }
1089
1090 #page-proxy-stack {
1091   width: 24px;
1092   height: 20px;
1093   padding: 2px 4px;
1094   background: url(urlbar-favicon-glow.png) center center no-repeat;
1095 }
1096
1097 #page-proxy-favicon:not([src]) {
1098   list-style-image: url("chrome://global/skin/icons/folder-item.png");
1099   -moz-image-region: rect(0px, 16px, 16px, 0px)
1100 }
1101
1102 #page-proxy-favicon[pageproxystate="invalid"] {
1103   -moz-image-region: rect(32px, 16px, 48px, 0px);
1104 }
1105
1106 #urlbar-throbber {
1107   list-style-image: url("chrome://browser/skin/places/searching_16.png");
1108 }
1109
1110
1111 statusbarpanel#statusbar-display {
1112   -moz-padding-start: 0;
1113 }
1114
1115 /* ::::: autocomplete ::::: */
1116
1117 #treecolAutoCompleteImage {
1118   max-width: 36px;
1119 }
1120
1121 .ac-result-type-bookmark,
1122 .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1123   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
1124   -moz-image-region: rect(0px 16px 16px 0px);
1125   width: 16px;
1126   height: 16px;
1127 }
1128
1129 .ac-result-type-keyword,
1130 .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1131   list-style-image: url(chrome://browser/skin/Search-glass.png);
1132   -moz-image-region: rect(0px 32px 16px 16px);
1133   width: 16px;
1134   height: 16px;
1135 }
1136
1137 .ac-result-type-tag,
1138 .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1139   list-style-image: url("chrome://browser/skin/places/tag.png");
1140   width: 16px;
1141   height: 16px;
1142 }
1143
1144 .ac-comment {
1145   font-size: 1.15em;
1146 }
1147
1148 .ac-extra > .ac-comment {
1149   font-size: inherit;
1150 }
1151
1152 .ac-url-text {
1153   color: -moz-nativehyperlinktext;
1154 }
1155
1156 .ac-url-text:-moz-system-metric(windows-default-theme) {
1157   color: #006600;
1158 }
1159
1160 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1161   color: GrayText;
1162 }
1163
1164 .ac-comment[selected="true"], .ac-url-text[selected="true"] {
1165   color: inherit !important;
1166 }
1167
1168 .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1169 .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
1170 {
1171   color: GrayText;
1172   font-size: smaller;
1173 }
1174
1175 .autocomplete-treebody::-moz-tree-cell(suggesthint) {
1176   border-top: 1px solid GrayText;
1177 }
1178
1179 /* ::::: go button ::::: */
1180
1181 #go-button {
1182   padding: 0 2px;
1183   list-style-image: url("chrome://browser/skin/Go-arrow.png");
1184   -moz-image-region: rect(0px 16px 16px 0px);
1185 }
1186
1187 #go-button:hover {
1188   -moz-image-region: rect(16px 16px 32px 0px);
1189 }
1190
1191 /* star button */
1192 #star-button {
1193   padding: 0 2px;
1194   list-style-image: url("chrome://browser/skin/places/bookmark.png");
1195   -moz-image-region: rect(0px 16px 16px 0px);
1196 }
1197
1198 #star-button:hover {
1199   -moz-image-region: rect(0px 32px 16px 16px);
1200 }
1201
1202 #star-button:hover:active {
1203   -moz-image-region: rect(0px 48px 16px 32px);
1204 }
1205
1206 #star-button[starred="true"] {
1207   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
1208 }
1209
1210 /* bookmarking panel */
1211 #editBookmarkPanel {
1212   -moz-appearance: menupopup;
1213   color: MenuText;
1214   padding: 4px;
1215 }
1216
1217 #editBookmarkPanelStarIcon {
1218   list-style-image: url("chrome://browser/skin/places/starred48.png");
1219   width: 48px;
1220   height: 48px;
1221 }
1222
1223 #editBookmarkPanelStarIcon[unstarred] {
1224   list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1225 }
1226
1227 #editBookmarkPanelTitle {
1228   font-size: 130%;
1229 }
1230
1231 /* ::::: content area ::::: */
1232
1233 #sidebar {
1234   background-color: Window;
1235 }
1236
1237 #sidebar-title {
1238   -moz-padding-start: 0px;
1239 }
1240
1241 #status-bar {
1242   border-top: none;
1243 }
1244
1245 #security-button {
1246   min-width: 20px;
1247   -moz-box-direction: reverse;
1248 }
1249
1250 #security-button[level="high"],
1251 #security-button[level="low"] {
1252   list-style-image: url("chrome://browser/skin/Secure.png");
1253 }
1254
1255 #security-button[level="broken"] {
1256   list-style-image: url("chrome://browser/skin/Security-broken.png");
1257 }
1258
1259 /* XXXsw prevent margins of a value-less label from shifting the image */
1260 #security-button > label:not([value]) {
1261   display: none;
1262 }
1263
1264 #page-report-button {
1265   list-style-image: none;
1266   width: 20px;
1267   display: none;
1268 }
1269
1270 #page-report-button[blocked] {
1271   list-style-image: url("chrome://browser/skin/Info.png");
1272   display: -moz-box;
1273 }
1274
1275 /* ::::: throbber ::::: */
1276
1277 #navigator-throbber {
1278   width: 16px;
1279   min-height: 16px;
1280   margin: 0 3px;
1281   list-style-image: url("chrome://global/skin/icons/notloading_16.png");
1282 }
1283
1284 #navigator-throbber[busy="true"] {
1285   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1286 }
1287
1288 /* Tabstrip */
1289 .tabbrowser-tabs {
1290   -moz-appearance: -moz-win-browsertabbar-toolbox;
1291   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabbrowser-tabs-bkgnd.png") repeat-x;
1292 }
1293
1294 .tabs-container:not([overflow="true"]) {
1295   -moz-padding-start: 3px;
1296 }
1297
1298 /* Tabs */
1299 .tabbrowser-tab {
1300   -moz-appearance: none;
1301   background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;
1302   margin: 3px 0px 4px;
1303   padding: 0px 1px 1px 0px;
1304   border: 2px solid;
1305   border-right-width: 1px;
1306   border-bottom: none;
1307   -moz-border-radius-topleft: 2px;
1308   -moz-border-radius-topright: 2px;
1309   -moz-border-top-colors: ThreeDShadow rgba(255,255,255,.3);
1310   -moz-border-right-colors: rgba(0,0,0,.1);
1311   -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3);
1312 }
1313
1314 .tabbrowser-tab:hover,
1315 .tabbrowser-tab[selected="true"] {
1316   border-width: 1px;
1317   -moz-border-radius-topleft: 4px;
1318   -moz-border-radius-topright: 4px;
1319   -moz-border-top-colors: ThreeDShadow;
1320   -moz-border-right-colors: ThreeDShadow;
1321   -moz-border-left-colors: ThreeDShadow;
1322 }
1323
1324 .tabbrowser-tab:not([selected="true"]):hover {
1325   margin: 2px 0px 4px;
1326   padding: 2px 1px 1px;
1327   background-image: url("chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png");
1328 }
1329
1330 .tabbrowser-tab[selected="true"] {
1331   margin: 2px 0px 3px;
1332   padding: 1px;
1333   background-image: url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png");
1334   background-color: -moz-dialog;
1335   font-weight: bold;
1336 }
1337
1338 .tabbrowser-tab[busy] > .tab-icon-image {
1339   list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
1340 }
1341
1342 .tab-icon-image {
1343   margin-top: 1px;
1344   -moz-margin-start: 7px;
1345   -moz-margin-end: 3px;
1346   width: 16px;
1347   height: 16px;
1348   list-style-image: url("chrome://global/skin/icons/folder-item.png");
1349   -moz-image-region: rect(0px, 16px, 16px, 0px);
1350 }
1351
1352 .tabs-bottom {
1353   height: 4px;
1354   margin: 0px;
1355   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabstrip-bottom.png") repeat;
1356   border-top: 1px solid threedshadow;
1357   border-bottom: 1px solid threedshadow;
1358 }
1359
1360 tabpanels {
1361   -moz-appearance: none;
1362 }
1363
1364 /* tabbrowser-tab focus ring */
1365 .tab-text {
1366   border: 1px dotted transparent;
1367 }
1368
1369 .tabbrowser-tab[selected="true"]:focus > .tab-text {
1370   border: 1px dotted -moz-DialogText;
1371 }
1372
1373 /* Tab DnD indicator */
1374 .tab-drop-indicator-bar {
1375   height: 11px;
1376   margin-top: -11px;
1377   position: relative;
1378   /* set -moz-margin-start to -1/2 indicator width: */
1379   -moz-margin-start: -5px;
1380 }
1381
1382 .tab-drop-indicator {
1383   height: 11px;
1384   width: 11px;
1385   margin-bottom: -5px;
1386   position: relative;
1387   background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 50% no-repeat;
1388 }
1389
1390 /* Tab close button */
1391 .tab-close-button > .toolbarbutton-icon {
1392   -moz-margin-end: 0px !important;
1393   margin-top: 1px;
1394 }
1395
1396 .tab-close-button {
1397   -moz-appearance: none;
1398   -moz-image-region: rect(0px, 56px, 14px, 42px);
1399   -moz-margin-end: 6px;
1400   border: none;
1401   padding: 0px;
1402   list-style-image: url("chrome://global/skin/icons/close.png");
1403 }
1404
1405 .tab-close-button:hover,
1406 .tabbrowser-tab[selected="true"] > .tab-close-button:hover {
1407   -moz-image-region: rect(0px, 28px, 14px, 14px);
1408 }
1409
1410 .tab-close-button:hover:active,
1411 .tabbrowser-tab[selected="true"] > .tab-close-button:hover:active {
1412   -moz-image-region: rect(0px, 42px, 14px, 28px);
1413 }
1414
1415 .tabbrowser-tab[selected="true"] > .tab-close-button {
1416   -moz-image-region: rect(0px, 14px, 14px, 0px);
1417   /* Make this button focusable so clicking on it will not focus the tab while
1418      it's getting closed */
1419   -moz-user-focus: normal;
1420 }
1421
1422 .tab-close-button:focus {
1423   outline: none !important;
1424 }
1425
1426 /* Tab scrollbox arrow, new tab and all-tabs buttons */
1427 .tabbrowser-arrowscrollbox > .scrollbutton-up,
1428 .tabbrowser-arrowscrollbox > .scrollbutton-down,
1429 .tabs-newtab-button,
1430 .tabs-alltabs-button {
1431   -moz-appearance: none;
1432   width: 18px;
1433   margin: 3px 0px 4px;
1434   padding: 0px;
1435   border: 2px solid;
1436   border-right-width: 1px;
1437   border-bottom: none;
1438   -moz-border-top-colors: ThreeDShadow rgba(255,255,255,.3);
1439   -moz-border-right-colors: ThreeDShadow;
1440   -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3);
1441   background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;
1442   -moz-image-region: rect(0, 11px, 14px, 0);
1443 }
1444
1445 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
1446 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
1447 .tabs-newtab-button:hover,
1448 .tabs-alltabs-button:hover {
1449   border-top-width: 1px;
1450   padding-top: 1px;
1451   -moz-border-top-colors: ThreeDShadow;
1452   -moz-border-right-colors: ThreeDShadow;
1453   -moz-border-left-colors: ThreeDShadow transparent;
1454   background-image: url("chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png");
1455 }
1456
1457 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
1458 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
1459   -moz-image-region: rect(0, 22px, 14px, 11px);
1460 }
1461
1462 .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"],
1463 .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {
1464   opacity: .4;
1465 }
1466
1467 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
1468 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
1469   -moz-image-region: rect(0, 44px, 14px, 33px);
1470 }
1471
1472 .tabbrowser-arrowscrollbox > .scrollbutton-up {
1473   border-left-style: none;
1474   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");
1475   -moz-border-radius-topright: 2px;
1476 }
1477
1478 .tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"] {
1479   border-left-style: solid;
1480   border-right-style: none;
1481   -moz-border-radius-topleft: 2px;
1482   -moz-border-radius-topright: 0px;
1483   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");
1484 }
1485
1486 .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {
1487   margin: 5px 0px 1px 0px;
1488 }
1489
1490 .tabbrowser-arrowscrollbox > .scrollbutton-down,
1491 .tabs-newtab-button,
1492 .tabs-alltabs-button {
1493   border-right-style: none;
1494   -moz-border-radius-topleft: 2px;
1495 }
1496
1497 .tabbrowser-arrowscrollbox > .scrollbutton-down {
1498   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");
1499 }
1500
1501 .tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"],
1502 .tabs-newtab-button[chromedir="rtl"],
1503 .tabs-container > stack[chromedir="rtl"] > .tabs-alltabs-button {
1504   border-left-style: none;
1505   border-right-style: solid;
1506   -moz-border-radius-topleft: 0px;
1507   -moz-border-radius-topright: 2px;
1508 }
1509
1510 .tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"] {
1511   list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");
1512 }
1513
1514 .tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
1515   margin-top: 5px;
1516   margin-bottom: 1px;
1517   -moz-margin-end: 2px;
1518 }
1519
1520 .tabs-newtab-button > .toolbarbutton-icon {
1521   list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png);
1522   margin: 3px 0 0;
1523   -moz-margin-end: 2px;
1524 }
1525
1526 .tabs-newtab-button > .toolbarbutton-text,
1527 .tabs-alltabs-button > .toolbarbutton-text,
1528 .tabs-alltabs-button > .toolbarbutton-icon {
1529   display: none;
1530 }
1531
1532 .tabs-alltabs-button > .toolbarbutton-menu-dropmarker {
1533   margin: 2px 1px 2px 0px;
1534 }
1535
1536 .tabs-alltabs-box-animate {
1537   margin-top: 2px;
1538   margin-bottom: 4px;
1539   width: 18px !important;
1540   background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-end-bkgnd-animate.png");
1541   background-repeat: no-repeat;
1542   opacity: 0.0;
1543 }
1544
1545 stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate {
1546   background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png");
1547 }
1548
1549 /* All tabs menupopup */
1550 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
1551   list-style-image: url("chrome://global/skin/icons/folder-item.png");
1552   -moz-image-region: rect(0px, 16px, 16px, 0px);
1553 }
1554
1555 .alltabs-item[selected="true"] {
1556   font-weight: bold;
1557 }
1558
1559 .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
1560   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1561 }
1562
1563 /* Tabstrip close button */
1564 .tabs-closebutton {
1565   -moz-appearance: none;
1566   list-style-image: url("chrome://global/skin/icons/close.png");
1567   -moz-image-region: rect(0px, 14px, 14px, 0px);
1568   padding: 4px 2px;
1569   margin: 0px;
1570   border: none;
1571 }
1572
1573 .tabs-closebutton > .toolbarbutton-icon {
1574   -moz-margin-end: 0px !important;
1575   -moz-padding-end: 2px !important;
1576   -moz-padding-start: 2px !important;
1577 }
1578
1579 .tabs-closebutton:hover {
1580   -moz-image-region: rect(0px, 28px, 14px, 14px);
1581 }
1582
1583 .tabs-closebutton:hover:active {
1584   -moz-image-region: rect(0px, 42px, 14px, 28px);
1585 }
1586
1587 .tabs-container > .tabs-closebutton {
1588   margin: 3px 0px 3px;
1589   padding: 4px 2px 2px;
1590   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;
1591   border-left: 1px solid threedshadow;
1592   border-top: 1px solid threedshadow;
1593   -moz-border-radius-topleft: 2px;
1594 }
1595
1596 .tabs-container > .tabs-closebutton[chromedir="rtl"] {
1597   border-left: none;
1598   border-right: 1px solid threedshadow;
1599   -moz-border-radius-topleft: 0px;
1600   -moz-border-radius-topright: 2px;
1601 }
1602
1603 #sidebar-box .tabs-closebutton {
1604   list-style-image: url("chrome://global/skin/icons/closeSidebar.png");
1605   margin-bottom: 0px !important;
1606   padding: 0px 2px 0px 2px !important;
1607 }
1608
1609 toolbarbutton.chevron {
1610   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
1611 }
1612
1613 toolbarbutton.chevron[chromedir="rtl"] {
1614   list-style-image: url("chrome://global/skin/toolbar/chevron-rtl.gif") !important;
1615 }
1616
1617 toolbarbutton.chevron > .toolbarbutton-text {
1618   display: none; /* hide chevron label */
1619 }
1620
1621 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1622   display: none;
1623 }
1624
1625 toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
1626   display: -moz-box; /* display chevron icon in text mode */
1627 }
1628
1629 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
1630   display: -moz-box;
1631 }
1632
1633 toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
1634    display: none;
1635 }
1636
1637 #sidebar-throbber[loading="true"] {
1638   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1639   -moz-margin-end: 4px;
1640 }
1641
1642 /* Location bar dropmarker */
1643 #urlbar > .autocomplete-history-dropmarker {
1644   -moz-appearance: none;
1645   padding: 0;
1646   background-color: transparent;
1647   border: none;
1648   width: auto;
1649 }
1650
1651 #urlbar > .autocomplete-history-dropmarker:hover ,
1652 #urlbar > .autocomplete-history-dropmarker[open="true"] {
1653   background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x 0 -60px !important;
1654 }
1655
1656 #urlbar > .autocomplete-history-dropmarker > .dropmarker-icon {
1657   margin: 0 5px;
1658 }
1659
1660 #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker {
1661   border-left: 1px solid;
1662   -moz-border-left-colors: transparent;
1663 }
1664
1665 #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker:hover ,
1666 #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker[open="true"] {
1667   -moz-border-left-colors: ButtonShadow;
1668 }
1669
1670 /* Feed icon */
1671 #feed-button, #feed-button > .button-box,
1672 #feed-button:hover:active > .button-box {
1673   padding: 0px;
1674   margin: 0px;
1675   border: 0px;
1676   background-color: transparent;
1677 }
1678
1679 #feed-button > hbox > .button-menu-dropmarker,
1680 #feed-button > hbox > .button-text {
1681   display: none;
1682 }
1683
1684 #feed-button {
1685   -moz-binding: url("chrome://global/content/bindings/button.xml#menu");
1686   -moz-appearance: none;
1687   min-width: 0px;
1688   padding: 0 2px !important;
1689 }
1690
1691 #feed-button[feeds] {
1692   list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png");
1693   -moz-image-region: rect(0px 16px 16px 0px);
1694 }
1695
1696 #feed-button[feeds]:hover {
1697   -moz-image-region: rect(0px 32px 16px 16px);
1698 }
1699
1700 #feed-button[feeds][open="true"],
1701 #feed-button[feeds]:hover:active {
1702   -moz-image-region: rect(0px 48px 16px 32px);
1703 }
1704
1705 #feed-button:not([feeds]) {
1706   visibility: collapse;
1707 }
1708
1709 /* ::::: About Popup Blocking dialog ::::: */
1710 #pageReportFirstTime statusbarpanel.statusbar-resizerpanel {
1711   visibility: collapse;
1712 }
1713
1714 #checkForUpdates[loading="true"] {
1715   list-style-image: url("chrome://global/skin/icons/loading_16.png");
1716 }
1717
1718 /* Personal toolbar */
1719 .toolbar-drop-indicator {
1720   width: 9px;
1721   height: 18px;
1722   margin-bottom: -6px;
1723   position: relative;
1724   background: url("chrome://browser/skin/places/toolbarDropMarker.png") 50% 50% no-repeat;
1725 }
1726
1727 .toolbar-drop-indicator-bar {
1728   visibility: hidden;
1729   height: 18px;
1730   margin-bottom: -18px;
1731   position: relative;
1732 }
1733
1734 .toolbar-drop-indicator-bar[dragging="true"] {
1735   visibility: visible;
1736 }
1737
1738 toolbarbutton.bookmark-item[dragover="true"][open="true"] {
1739   -moz-appearance: none;
1740   background: Highlight !important;
1741   color: HighlightText !important;
1742 }
1743
1744 /* rules for menupopup drop indicators */
1745 .menupopup-drop-indicator-bar {
1746   position: relative;
1747   /* these two margins must together compensate the indicator's height */
1748   margin-top: -1px;
1749   margin-bottom: -1px;
1750 }
1751
1752 .menupopup-drop-indicator {
1753   list-style-image: none;
1754   height: 2px;
1755   -moz-margin-end: -4em;
1756   background-color: Highlight;
1757 }
1758
1759 /* ::::: Identity Indicator Styling ::::: */
1760 /* Location bar visuals*/
1761
1762 #urlbar[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1763   -moz-margin-start: 6px;
1764 }
1765
1766 #urlbar > .autocomplete-textbox-container {
1767   -moz-box-align: stretch;
1768 }
1769
1770 #identity-box {
1771   overflow: -moz-hidden-unscrollable;
1772 }
1773
1774 #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1775   -moz-margin-start: -4px;
1776   border-right: 1px solid ThreeDShadow;
1777 }
1778
1779 #identity-box.verifiedDomain[chromedir="ltr"]:-moz-system-metric(windows-default-theme) ,
1780 #identity-box.verifiedIdentity[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1781   border-right: 1px solid ThreeDDarkShadow;
1782 }
1783
1784 #identity-box > hbox {
1785   background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x;
1786   color: -moz-dialogText;
1787   border-left: 2px solid;
1788   border-right: 2px solid;
1789   -moz-border-left-colors: ThreeDShadow rgba(255, 255, 255, 0.2);
1790   -moz-border-right-colors: ThreeDShadow rgba(255, 255, 255, 0.2);
1791   padding: 0 1px;
1792 }
1793 #identity-box[chromedir="ltr"]:not(:-moz-system-metric(windows-default-theme)) > hbox {
1794   border-left: 1px solid;
1795   -moz-border-left-colors: rgba(255, 255, 255, 0.2);
1796 }
1797 #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1798   margin: -11px -10px -11px 0;
1799   padding: 10px 12px 10px 3px;
1800   border-top: 1px solid ThreeDDarkShadow;
1801   border-bottom: 1px solid ThreeDDarkShadow;
1802   border-right-style: none;
1803   -moz-border-radius-topleft: 21px;
1804   -moz-border-radius-bottomleft: 21px;
1805   -moz-border-left-colors: ThreeDDarkShadow rgba(255, 255, 255, 0.4);
1806   background-position: 0 10px;
1807 }
1808
1809 #identity-box:hover > hbox {
1810   background-position: 0 -60px;
1811   -moz-border-left-colors: ThreeDShadow rgba(255, 255, 255, 0.4);
1812   -moz-border-right-colors: ThreeDShadow rgba(255, 255, 255, 0.4);
1813 }
1814 #identity-box:hover[chromedir="ltr"] > hbox {
1815   -moz-border-left-colors: rgba(255, 255, 255, 0.4);
1816 }
1817 #identity-box:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1818   background-position: 0 -50px;
1819   -moz-border-left-colors: ThreeDDarkShadow rgba(255, 255, 255, 0.6);
1820 }
1821
1822 #identity-box.verifiedDomain > hbox {
1823   background-position: 0 -120px;
1824   color: white;
1825 }
1826 #identity-box.verifiedDomain[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1827   background-position: 0 -110px;
1828 }
1829
1830 #identity-box.verifiedDomain:hover > hbox {
1831   background-position: 0 -180px;
1832 }
1833 #identity-box.verifiedDomain:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1834   background-position: 0 -170px;
1835 }
1836
1837 #identity-box.verifiedIdentity > hbox {
1838   background-position: 0 -240px;
1839   color: white;
1840 }
1841 #identity-box.verifiedIdentity[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1842   background-position: 0 -230px;
1843 }
1844
1845 #identity-box.verifiedIdentity:hover > hbox {
1846   background-position: 0 -300px;
1847 }
1848 #identity-box.verifiedIdentity:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
1849   background-position: 0 -290px;
1850 }
1851
1852 #identity-box:focus {
1853   outline: 1px dotted -moz-DialogText;
1854   outline-offset: -3px;
1855 }
1856
1857 #identity-box.verifiedDomain:focus ,
1858 #identity-box.verifiedIdentity:focus {
1859   outline: 1px dotted white;
1860 }
1861
1862 #identity-icon-label {
1863   padding: 0 2px;
1864   margin: 0;
1865 }
1866
1867 #identity-icon-label[value=""] {
1868   display: none;
1869 }
1870
1871 /* Popup Icons */
1872 #identity-popup-icon {
1873   height: 64px;
1874   width: 64px;
1875   padding: 0;
1876   list-style-image: url("chrome://browser/skin/identity.png");
1877   -moz-image-region: rect(0px, 64px, 64px, 0px);
1878 }
1879
1880 #identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
1881   -moz-image-region: rect(64px, 64px, 128px, 0px);
1882 }
1883
1884 #identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
1885   -moz-image-region: rect(128px, 64px, 192px, 0px);
1886 }
1887
1888 /* Popup Body Text */
1889 #identity-popup-content-box > description,
1890 #identity-popup-encryption-label {
1891   white-space: pre-wrap;
1892   -moz-padding-start: 15px;
1893   margin: 2px 0 4px;
1894 }
1895
1896 #identity-popup-content-box > label {
1897   white-space: pre-wrap;
1898   -moz-padding-start: 15px;
1899   margin: 0;
1900 }
1901
1902 #identity-popup-content-host ,
1903 #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
1904   font-size: 1.2em;
1905 }
1906
1907 #identity-popup-content-host {
1908   margin-top: 3px;
1909   margin-bottom: 5px;
1910   font-weight: bold;
1911   max-width: 300px;
1912 }
1913
1914 #identity-popup-content-owner {
1915   margin-top: 4px;
1916   margin-bottom: 0 !important;
1917   font-weight: bold;
1918   max-width: 300px;
1919 }
1920
1921 .verifiedDomain > #identity-popup-content-owner {
1922   font-weight: normal;
1923 }
1924
1925 #identity-popup-content-verifier {
1926   margin: 4px 0 2px;
1927 }
1928
1929 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
1930 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
1931   margin-top: 10px;
1932   margin-left: -24px;
1933 }
1934
1935 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
1936 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
1937   list-style-image: url("chrome://browser/skin/Secure24.png");
1938 }
1939
1940 #identity-popup-more-info-button {
1941   margin-top: 6px;
1942   -moz-margin-end: 1px;
1943 }
1944
1945 /* Popup Bounding Box */
1946 #identity-popup {
1947   -moz-appearance: menupopup;
1948   color: MenuText;
1949 }
1950
1951 /* Bug 413060, comment 14: Match #identity-box's -moz-margin-start, less 1px */
1952 #identity-popup[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
1953   -moz-margin-start: 3px;
1954 }
1955
1956 #identity-popup-container {
1957   background-image: none;
1958   min-width: 280px;
1959   padding: 10px;
1960 }
1961
1962 #download-monitor {
1963   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
1964   -moz-image-region: rect(0px 96px 16px 80px);
1965 }
1966
1967 /* Bookmarks Toolbar menu-item */
1968 #bookmarksToolbarFolderMenu {
1969   list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
1970   -moz-image-region: auto;
1971 }
1972
1973 /* If the nav toolbar is tall enough and an input box is the last item, add
1974    extra end spacing so that horizontal spacing matches vertical spacing. */
1975 #nav-bar[mode="full"]:not([currentset]),
1976 #nav-bar[mode="full"][currentset$=",urlbar-container"],
1977 #nav-bar[mode="full"][currentset$=",search-container"],
1978 #nav-bar[iconsize="large"][mode="icons"]:not([currentset]),
1979 #nav-bar[iconsize="large"][mode="icons"][currentset$=",urlbar-container"],
1980 #nav-bar[iconsize="large"][mode="icons"][currentset$=",search-container"] {
1981   -moz-padding-end: 2px;
1982 }
1983
1984 #nav-bar[mode="full"]:not([currentset]):-moz-system-metric(windows-default-theme),
1985 #nav-bar[mode="full"][currentset$=",urlbar-container"]:-moz-system-metric(windows-default-theme),
1986 #nav-bar[mode="full"][currentset$=",search-container"]:-moz-system-metric(windows-default-theme),
1987 #nav-bar[iconsize="large"][mode="icons"]:not([currentset]):-moz-system-metric(windows-default-theme),
1988 #nav-bar[iconsize="large"][mode="icons"][currentset$=",urlbar-container"]:-moz-system-metric(windows-default-theme),
1989 #nav-bar[iconsize="large"][mode="icons"][currentset$=",search-container"]:-moz-system-metric(windows-default-theme) {
1990   -moz-padding-end: 3px;
1991 }
1992
1993 /* ::::: Keyboard UI Panel ::::: */
1994 .KUI-panel {
1995   -moz-appearance: none;
1996   background: rgba(0, 0, 0, .8) url(KUI-background.png) repeat-x;
1997   color: white;
1998   border: 1px solid #ccc;
1999   -moz-border-radius: 10px;
2000   margin-top: -1px;
2001   margin-left: -1px;
2002 }
2003
2004 /* ::::: Ctrl-Tab Panel ::::: */
2005 #ctrlTab-panel {
2006   margin-top: -20px;
2007   border-bottom-width: 9px;
2008   -moz-border-bottom-colors: #ccc black black black black black black black black;
2009 }
2010
2011 #ctrlTab-label {
2012   font-weight: bold;
2013   font-size: 14px;
2014   text-align: center;
2015   margin-top: 6px;
2016   margin-bottom: 10px;
2017 }
2018
2019 svg|*.ctrlTab-thumbnailborder {
2020   stroke: white;
2021   stroke-width: 1px;
2022 }
2023
2024 svg|*#ctrlTab-fadeGradientTop {
2025   stop-color: black;
2026   stop-opacity: .5;
2027 }
2028
2029 svg|*#ctrlTab-fadeGradientBottom {
2030   stop-color: black;
2031   stop-opacity: 1;
2032 }