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