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