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://browser/skin/menu-back.png") !important;
 702 }
 703
 704 .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
 705 .unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
 706   list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
 707 }
 708
 709 /* stop button */
 710
 711 #stop-button {
 712   -moz-image-region: rect(0, 54px, 18px, 36px);
 713 }
 714
 715 #stop-button:not([disabled="true"]):hover {
 716   -moz-image-region: rect(18px, 54px, 36px, 36px);
 717 }
 718
 719 #stop-button[disabled="true"] {
 720   -moz-image-region: rect(36px, 54px, 54px, 36px);
 721 }
 722
 723 /* reload button */
 724
 725 #reload-button {
 726   -moz-image-region: rect(0, 72px, 18px, 54px);
 727 }
 728
 729 #reload-button:not([disabled="true"]):hover {
 730   -moz-image-region: rect(18px, 72px, 36px, 54px);
 731 }
 732
 733 #reload-button[disabled="true"] {
 734   -moz-image-region: rect(36px, 72px, 54px, 54px);
 735 }
 736
 737 /* home button */
 738
 739 #home-button.bookmark-item {
 740   list-style-image: url("chrome://browser/skin/Toolbar.png");
 741 }
 742 #home-button {
 743   -moz-image-region: rect(0, 90px, 18px, 72px);
 744 }
 745
 746 #home-button:not([disabled="true"]):hover {
 747   -moz-image-region: rect(18px, 90px, 36px, 72px);
 748 }
 749
 750 #home-button[disabled="true"] {
 751   -moz-image-region: rect(36px, 90px, 54px, 72px);
 752 }
 753
 754 /* tabview button */
 755
 756 #tabview-button,
 757 #menu_tabview {
 758   list-style-image: url("chrome://browser/skin/tabview/tabview.png");
 759 }
 760
 761 #tabview-button {
 762   -moz-image-region: rect(0, 90px, 18px, 72px);
 763 }
 764
 765 #tabview-button[groups="0"] {
 766   -moz-image-region: rect(0, 18px, 18px, 0);
 767 }
 768
 769 #tabview-button[groups="1"] {
 770   -moz-image-region: rect(0, 36px, 18px, 18px);
 771 }
 772
 773 #tabview-button[groups="2"] {
 774   -moz-image-region: rect(0, 54px, 18px, 36px);
 775 }
 776
 777 #tabview-button[groups="3"] {
 778   -moz-image-region: rect(0, 72px, 18px, 54px);
 779 }
 780
 781 #menu_tabview {
 782   -moz-image-region: rect(1px, 89px, 17px, 73px);
 783 }
 784
 785 #menu_tabview[groups="0"] {
 786   -moz-image-region: rect(1px, 17px, 17px, 1px);
 787 }
 788
 789 #menu_tabview[groups="1"] {
 790   -moz-image-region: rect(1px, 35px, 17px, 19px);
 791 }
 792
 793 #menu_tabview[groups="2"] {
 794   -moz-image-region: rect(1px, 53px, 17px, 37px);
 795 }
 796
 797 #menu_tabview[groups="3"] {
 798   -moz-image-region: rect(1px, 71px, 17px, 55px);
 799 }
 800
 801 /* download manager button */
 802
 803 #downloads-button {
 804   -moz-image-region: rect(0, 108px, 18px, 90px);
 805 }
 806
 807 #downloads-button:not([disabled="true"]):hover {
 808   -moz-image-region: rect(18px, 108px, 36px, 90px);
 809 }
 810
 811 #downloads-button[disabled="true"] {
 812   -moz-image-region: rect(36px, 108px, 54px, 90px);
 813 }
 814
 815 /* history sidebar button */
 816
 817 #history-button {
 818   -moz-image-region: rect(0, 126px, 18px, 108px);
 819 }
 820
 821 #history-button:not([disabled="true"]):hover {
 822   -moz-image-region: rect(18px, 126px, 36px, 108px);
 823 }
 824
 825 #history-button[disabled="true"] {
 826   -moz-image-region: rect(36px, 126px, 54px, 108px);
 827 }
 828
 829 /* bookmark sidebar & menu buttons */
 830
 831 #bookmarks-button,
 832 #bookmarks-menu-button {
 833   -moz-image-region: rect(0, 144px, 18px, 126px);
 834 }
 835
 836 #bookmarks-menu-button.bookmark-item {
 837   list-style-image: url("chrome://browser/skin/Toolbar.png");
 838 }
 839
 840 #bookmarks-menu-button.toolbarbutton-1 {
 841   -moz-box-orient: horizontal;
 842 }
 843
 844 #bookmarks-button:not([disabled="true"]):hover,
 845 #bookmarks-menu-button[open="true"],
 846 #bookmarks-menu-button:not([disabled="true"]):hover {
 847   -moz-image-region: rect(18px, 144px, 36px, 126px);
 848 }
 849
 850 #bookmarks-button[disabled="true"],
 851 #bookmarks-menu-button[disabled="true"] {
 852   -moz-image-region: rect(36px, 144px, 54px, 126px);
 853 }
 854
 855 /* print button */
 856
 857 #print-button {
 858   -moz-image-region: rect(0, 162px, 18px, 144px);
 859 }
 860
 861 #print-button:not([disabled="true"]):hover {
 862   -moz-image-region: rect(18px, 162px, 36px, 144px);
 863 }
 864
 865 #print-button[disabled="true"] {
 866   -moz-image-region: rect(36px, 162px, 54px, 144px);
 867 }
 868
 869 /* toolbar new tab button */
 870
 871 #new-tab-button {
 872   -moz-image-region: rect(0, 180px, 18px, 162px);
 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 /* new window button */
 884
 885 #new-window-button {
 886   -moz-image-region: rect(0, 198px, 18px, 180px);
 887 }
 888
 889 #new-window-button:not([disabled="true"]):hover {
 890   -moz-image-region: rect(18px, 198px, 36px, 180px);
 891 }
 892
 893 #new-window-button[disabled="true"] {
 894   -moz-image-region: rect(36px, 198px, 54px, 180px);
 895 }
 896
 897 /* cut button */
 898
 899 #cut-button {
 900   -moz-image-region: rect(0, 216px, 18px, 198px);
 901 }
 902
 903 #cut-button:not([disabled="true"]):hover {
 904   -moz-image-region: rect(18px, 216px, 36px, 198px);
 905 }
 906
 907 #cut-button[disabled="true"] {
 908   -moz-image-region: rect(36px, 216px, 54px, 198px);
 909 }
 910
 911 /* copy button */
 912
 913 #copy-button {
 914   -moz-image-region: rect(0, 234px, 18px, 216px);
 915 }
 916
 917 #copy-button:not([disabled="true"]):hover {
 918   -moz-image-region: rect(18px, 234px, 36px, 216px);
 919 }
 920
 921 #copy-button[disabled="true"] {
 922   -moz-image-region: rect(36px, 234px, 54px, 216px);
 923 }
 924
 925 /* paste button */
 926
 927 #paste-button {
 928   -moz-image-region: rect(0, 252px, 18px, 234px);
 929 }
 930
 931 #paste-button:not([disabled="true"]):hover {
 932   -moz-image-region: rect(18px, 252px, 36px, 234px);
 933 }
 934
 935 #paste-button[disabled="true"] {
 936   -moz-image-region: rect(36px, 252px, 54px, 234px);
 937 }
 938
 939 /* fullscreen button */
 940
 941 #fullscreen-button {
 942   -moz-image-region: rect(0, 270px, 18px, 252px);
 943 }
 944
 945 #fullscreen-button:not([disabled="true"]):hover {
 946   -moz-image-region: rect(18px, 270px, 36px, 252px);
 947 }
 948
 949 #fullscreen-button[disabled="true"] {
 950   -moz-image-region: rect(36px, 270px, 54px, 252px);
 951 }
 952
 953 /* zoom controls */
 954
 955 #zoom-out-button {
 956   -moz-image-region: rect(0, 288px, 18px, 270px);
 957   -moz-margin-end: 0;
 958 }
 959
 960 #zoom-in-button {
 961   -moz-image-region: rect(0, 306px, 18px, 288px);
 962 }
 963
 964 #nav-bar #zoom-out-button {
 965   -moz-margin-end: 0;
 966 }
 967
 968 #nav-bar #zoom-in-button {
 969   -moz-border-start: none;
 970   -moz-margin-start: 0;
 971 }
 972
 973 #nav-bar #zoom-out-button:-moz-locale-dir(ltr),
 974 #nav-bar #zoom-in-button:-moz-locale-dir(rtl) {
 975   border-top-right-radius: 0;
 976   border-bottom-right-radius: 0;
 977 }
 978
 979 #nav-bar #zoom-out-button:-moz-locale-dir(rtl),
 980 #nav-bar #zoom-in-button:-moz-locale-dir(ltr) {
 981   border-top-left-radius: 0;
 982   border-bottom-left-radius: 0;
 983 }
 984
 985 #zoom-out-button:not([disabled="true"]):hover {
 986   -moz-image-region: rect(18px, 288px, 36px, 270px);
 987 }
 988
 989 #zoom-out-button[disabled="true"] {
 990   -moz-image-region: rect(36px, 288px, 54px, 270px);
 991 }
 992
 993 #zoom-in-button:not([disabled="true"]):hover {
 994   -moz-image-region: rect(18px, 306px, 36px, 288px);
 995 }
 996
 997 #zoom-in-button[disabled="true"] {
 998   -moz-image-region: rect(36px, 306px, 54px, 288px);
 999 }
1000
1001 /* sync button */
1002
1003 #sync-button {
1004   -moz-image-region: rect(0, 324px, 18px, 306px);
1005 }
1006
1007 #sync-button[status="active"] {
1008   list-style-image: url("chrome://browser/skin/sync-throbber.png");
1009   -moz-image-region: rect(0, 18px, 18px, 0);
1010 }
1011
1012 #sync-button[disabled="true"] {
1013   -moz-image-region: rect(36px, 324px, 54px, 306px);
1014 }
1015
1016 /* feed button */
1017
1018 #feed-button {
1019   -moz-image-region: rect(0, 342px, 18px, 324px);
1020 }
1021
1022 #feed-button[disabled="true"] {
1023   -moz-image-region: rect(36px, 342px, 54px, 324px);
1024 }
1025
1026 /* ::::: fullscreen window controls ::::: */
1027
1028 #TabsToolbar > #window-controls {
1029   -moz-margin-start: 4px;
1030 }
1031
1032 #minimize-button,
1033 #restore-button,
1034 #close-button {
1035 /*  padding: 0; */
1036 }
1037
1038 #minimize-button {
1039   list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1040 }
1041
1042 #minimize-button:hover {
1043   list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1044 }
1045
1046 #restore-button {
1047   list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1048 }
1049
1050 #restore-button:hover {
1051   list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1052 }
1053
1054 #close-button {
1055   list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1056 }
1057
1058 #close-button:hover {
1059   list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1060 }
1061
1062 /* ::::: Location Bar ::::: */
1063
1064 #urlbar {
1065   width: 7em;
1066   min-width: 7em;
1067 }
1068
1069 #urlbar,
1070 .searchbar-textbox {
1071   border-radius: 5px;
1072   margin: 0;
1073   -moz-margin-start: 3px;
1074 }
1075
1076 #urlbar:-moz-lwtheme,
1077 .searchbar-textbox:-moz-lwtheme {
1078   /* background-color: rgba(255,255,255,.8);
1079   @navbarTextboxCustomBorder@
1080   color: black; */
1081 }
1082
1083 html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
1084 .searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
1085   color: #E7ADE7;
1086 }
1087
1088 #urlbar:-moz-lwtheme[focused="true"],
1089 .searchbar-textbox:-moz-lwtheme[focused="true"] {
1090 /*  background-color: white; */
1091 }
1092
1093 #urlbar-container {
1094   -moz-box-orient: horizontal;
1095   -moz-box-align: stretch;
1096 }
1097
1098 .urlbar-textbox-container {
1099   -moz-box-align: stretch;
1100 }
1101
1102 #urlbar-icons {
1103   height: 18px;
1104   -moz-box-align: center;
1105 }
1106
1107 .urlbar-icon {
1108   padding: 0 2px !important;
1109 }
1110
1111 .urlbar-icon:-moz-system-metric(touch-enabled) {
1112   -moz-margin-end: 1px !important;
1113   padding: 0 3px !important;
1114 }
1115
1116 #urlbar-search-splitter {
1117   min-width: 6px;
1118   -moz-margin-start: -3px;
1119   border: none;
1120   background: transparent;
1121 }
1122
1123 #urlbar-search-splitter + #urlbar-container > #urlbar ,
1124 #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1125   -moz-margin-start: 0;
1126 }
1127
1128 #urlbar-display {
1129   margin-top: -2px;
1130   margin-bottom: -2px;
1131   -moz-border-end: 1px solid #9C9CFF;
1132   -moz-margin-end: 3px;
1133 }
1134
1135 #urlbar-display {
1136   margin-top: 0;
1137   margin-bottom: 0;
1138   color: #8050B0;
1139 }
1140
1141 /* identity box */
1142
1143 #identity-box {
1144   background-color: #000000;
1145   color: #FF9F00;
1146   border-radius: 2px;
1147 }
1148
1149 #identity-box:hover {
1150   background-color: #9C9CFF;
1151   color: #000000;
1152 }
1153
1154 #identity-box[open="true"],
1155 #identity-box:hover:active {
1156   background-color: #FF9F00;
1157   color: #000000;
1158 }
1159
1160 #identity-box.verifiedDomain {
1161   background-color: #FFCF00;
1162   color: #000000;
1163 }
1164
1165 #identity-box.verifiedIdentity {
1166   background-color: #008484;
1167   color: #000000;
1168 }
1169
1170 #identity-box:-moz-focusring {
1171   outline: 1px dotted #008484;
1172   outline-offset: -3px;
1173 }
1174
1175 #identity-box.verifiedDomain:-moz-focusring,
1176 #identity-box.verifiedIdentity:-moz-focusring {
1177   outline-color: #000000;
1178 }
1179
1180 #identity-icon-labels {
1181   -moz-margin-start: 1px;
1182   -moz-margin-end: 3px;
1183   -moz-transform: translate(0, -1px);
1184 }
1185
1186 /* Location bar dropmarker */
1187
1188 .urlbar-history-dropmarker:not(:hover):not([open="true"]) {
1189   background-color: transparent;
1190 }
1191
1192 #urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
1193   border: none;
1194   border-radius: 0px;
1195 }
1196
1197 /* page proxy icon */
1198
1199 #page-proxy-favicon,
1200 #urlbar-throbber {
1201   width: 16px;
1202   height: 16px;
1203 }
1204
1205 #page-proxy-stack {
1206   width: 24px;
1207   height: 18px;
1208   padding: 1px 4px;
1209   background: url("urlbar-favicon-glow.png") center center no-repeat;
1210 }
1211
1212 #page-proxy-favicon:not([src]) {
1213   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
1214 }
1215
1216 #page-proxy-favicon[pageproxystate="invalid"] {
1217   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
1218 }
1219
1220 #urlbar-throbber {
1221   list-style-image: url("chrome://global/skin/icons/loading.gif");
1222 }
1223
1224 /* autocomplete */
1225
1226 #treecolAutoCompleteImage {
1227   max-width: 36px;
1228 }
1229
1230 .ac-result-type-bookmark,
1231 .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1232   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
1233   -moz-image-region: rect(0px 16px 16px 0px);
1234   width: 16px;
1235   height: 16px;
1236 }
1237
1238 .ac-result-type-keyword,
1239 .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1240   list-style-image: url("chrome://global/skin/icons/Search-glass.png");
1241   -moz-image-region: rect(0px 32px 16px 16px);
1242   width: 16px;
1243   height: 16px;
1244 }
1245
1246 .ac-result-type-tag,
1247 .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1248   list-style-image: url("chrome://browser/skin/places/tag.png");
1249   width: 16px;
1250   height: 16px;
1251 }
1252
1253 .ac-comment {
1254   font-size: 1.15em;
1255 }
1256
1257 .ac-extra > .ac-comment {
1258   font-size: inherit;
1259 }
1260
1261 .ac-url-text,
1262 .ac-action-text {
1263   color: #9C9CFF;
1264 }
1265
1266 richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1267   list-style-image: url("chrome://browser/skin/actionicon-tab.png");
1268 }
1269
1270 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1271   color: #8050B0;
1272 }
1273
1274 .ac-comment[selected="true"],
1275 .ac-url-text[selected="true"],
1276 .ac-action-text[selected="true"] {
1277   color: inherit !important;
1278 }
1279
1280 .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1281 .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
1282 {
1283   color: #8050B0;
1284   font-size: smaller;
1285 }
1286
1287 .autocomplete-treebody::-moz-tree-cell(suggesthint) {
1288   border-top: 1px solid #9C9CFF;
1289 }
1290
1291 /* go button */
1292
1293 #go-button {
1294   list-style-image: url("chrome://browser/skin/Go-arrow.png");
1295   -moz-image-region: rect(0px, 16px, 16px, 0px);
1296 }
1297
1298 #go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1299   -moz-transform: scaleX(-1);
1300 }
1301
1302 #go-button:hover {
1303   -moz-image-region: rect(16px, 16px, 32px, 0px);
1304 }
1305
1306 /* combined go/reload/stop button in location bar */
1307
1308 #urlbar > toolbarbutton {
1309   list-style-image: url("chrome://browser/skin/reload-stop-go.png");
1310   /* margin: -2px; */
1311   -moz-margin-start: 0;
1312   padding: 0 3px;
1313   background-origin: border-box;
1314   border: none;
1315   -moz-border-start: 1px solid #9C9CFF;
1316 }
1317
1318 #urlbar:-moz-locale-dir(ltr) > toolbarbutton {
1319   border-top-left-radius: 0px;
1320   border-bottom-left-radius: 0px;
1321 }
1322
1323 #urlbar:-moz-locale-dir(rtl) > toolbarbutton {
1324   border-top-right-radius: 0px;
1325   border-bottom-right-radius: 0px;
1326 }
1327
1328 #urlbar > toolbarbutton:not([disabled]):active:hover {
1329   -moz-padding-start: 4px;
1330   -moz-border-start: none;
1331 }
1332
1333 #urlbar-go-button {
1334   -moz-image-region: rect(0px, 56px, 14px, 42px);
1335 }
1336
1337 #urlbar-go-button:hover {
1338   -moz-image-region: rect(14px, 56px, 28px, 42px);
1339 }
1340
1341 #urlbar-reload-button {
1342   -moz-image-region: rect(0px, 28px, 14px, 14px);
1343 }
1344
1345 #urlbar-reload-button[disabled] {
1346   -moz-image-region: rect(0px, 14px, 14px, 0px);
1347 }
1348
1349 #urlbar-reload-button:not([disabled]):hover {
1350   -moz-image-region: rect(14px, 28px, 28px, 14px);
1351 }
1352
1353 #urlbar-stop-button {
1354   -moz-image-region: rect(0px, 42px, 14px, 28px);
1355 }
1356
1357 #urlbar-stop-button:hover {
1358   -moz-image-region: rect(14px, 42px, 28px, 28px);
1359 }
1360
1361 /* popup blocker button */
1362
1363 #page-report-button {
1364   list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
1365   -moz-image-region: rect(0, 16px, 16px, 0);
1366 }
1367
1368 #page-report-button:hover {
1369   -moz-image-region: rect(0, 32px, 16px, 16px);
1370 }
1371
1372 #page-report-button:hover:active,
1373 #page-report-button[open="true"] {
1374   -moz-image-region: rect(0, 48px, 16px, 32px);
1375 }
1376
1377 /* star button */
1378
1379 #star-button {
1380   list-style-image: url("chrome://browser/skin/places/bookmark.png");
1381   -moz-image-region: rect(0px 16px 16px 0px);
1382 }
1383
1384 #star-button:hover {
1385   -moz-image-region: rect(0px 32px 16px 16px);
1386 }
1387
1388 #star-button:hover:active {
1389   -moz-image-region: rect(0px 48px 16px 32px);
1390 }
1391
1392 #star-button[starred="true"] {
1393   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
1394 }
1395
1396 /* bookmarking panel */
1397 #editBookmarkPanelStarIcon {
1398   list-style-image: url("chrome://browser/skin/places/starred48.png");
1399   width: 48px;
1400   height: 48px;
1401 }
1402
1403 #editBookmarkPanelStarIcon[unstarred] {
1404   list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1405 }
1406
1407 #editBookmarkPanelTitle {
1408   font-size: 130%;
1409 }
1410
1411 #editBookmarkPanelHeader,
1412 #editBookmarkPanelContent {
1413   margin-bottom: .5em;
1414 }
1415
1416 /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1417 #editBMPanel_folderTree {
1418   min-width: 27em;
1419 }
1420
1421 /* ::::: content area ::::: */
1422
1423 #sidebar {
1424   background-color: Window;
1425 }
1426
1427 #sidebar-title {
1428   -moz-padding-start: 0px;
1429 }
1430
1431 /* ::::: throbber ::::: */
1432
1433 #navigator-throbber {
1434   width: 16px;
1435   min-height: 16px;
1436   margin: 0 3px;
1437 }
1438
1439 #navigator-throbber[busy="true"] {
1440   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.gif");
1441 }
1442
1443 #navigator-throbber,
1444 #wrapper-navigator-throbber > #navigator-throbber {
1445   list-style-image: url("chrome://communicator/skin/brand/throbber16-single.gif");
1446 }
1447
1448 /* Tabstrip */
1449
1450 #TabsToolbar {
1451   min-height: 0;
1452   padding: 0;
1453   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
1454 }
1455
1456 #TabsToolbar .toolbar-holder {
1457   background-color: #000000; /* correct effect of being an actal toolbar */
1458 }
1459
1460 #main-window[disablechrome] #TabsToolbar,
1461 #TabsToolbar[tabsontop="false"] {
1462   border-bottom: 1px solid #FF9F00;
1463 }
1464
1465 .tabbrowser-tab,
1466 .tabs-newtab-button {
1467   margin-top: 0px;
1468 }
1469
1470 .tabbrowser-tab:hover,
1471 .tabs-newtab-button:hover {
1472 }
1473
1474 .tabbrowser-tab[selected="true"] {
1475 }
1476
1477 #main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
1478 }
1479
1480 .tabbrowser-tab:-moz-lwtheme {
1481 }
1482
1483 .tabbrowser-tab[selected="true"]:-moz-lwtheme {
1484 }
1485
1486 .tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
1487 .tabs-newtab-button:-moz-lwtheme-brighttext {
1488 }
1489
1490 .tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
1491 .tabs-newtab-button:-moz-lwtheme-brighttext:hover {
1492 }
1493
1494 .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
1495 .tabs-newtab-button:-moz-lwtheme-darktext {
1496 }
1497
1498 .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
1499 .tabs-newtab-button:-moz-lwtheme-darktext:hover {
1500 }
1501
1502 .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
1503   background-color: #E7ADE7;
1504 }
1505 .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
1506   background-color: #0000FF;
1507   color: #000000;
1508 }
1509
1510 .tab-throbber,
1511 .tab-icon-image {
1512   width: 16px;
1513   height: 16px;
1514   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
1515   -moz-image-region: rect(0px, 16px, 16px, 0px);
1516   -moz-margin-end: 3px;
1517 }
1518
1519 .tab-throbber {
1520   list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
1521 }
1522
1523 .tab-throbber[progress] {
1524   list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
1525 }
1526
1527 #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
1528   min-height: 16px; /* corresponds to the max. height of non-textual tab contents, i.e. the favicon */
1529 }
1530
1531 .tab-throbber[pinned],
1532 .tab-icon-image[pinned] {
1533   -moz-margin-start: 2px;
1534   -moz-margin-end: 2px;
1535 }
1536
1537 /* tabbrowser-tab focus ring */
1538 .tabbrowser-tab:focus > .tab-stack {
1539   outline: 1px dotted;
1540 }
1541
1542 /* Tab DnD indicator */
1543 .tab-drop-indicator {
1544   list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
1545   margin-bottom: -11px;
1546 }
1547
1548 /* Tab close button */
1549 .tab-close-button {
1550   border: none;
1551   padding: 0px;
1552   list-style-image: url("chrome://global/skin/icons/close-button.gif");
1553 }
1554
1555 .tab-close-button:-moz-system-metric(touch-enabled) {
1556   -moz-transform: scale(1.2);
1557 }
1558
1559 .tab-close-button:hover,
1560 .tab-close-button:hover[selected="true"] {
1561   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1562 }
1563
1564 .tab-close-button:hover:active,
1565 .tab-close-button:hover:active[selected="true"] {
1566   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1567 }
1568
1569 .tab-close-button:focus {
1570   outline: none !important;
1571 }
1572
1573 /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
1574
1575 @media all and (-moz-touch-enabled) {
1576   .tabbrowser-arrowscrollbox > .scrollbutton-up,
1577   .tabbrowser-arrowscrollbox > .scrollbutton-down,
1578   #TabsToolbar .toolbarbutton-1 {
1579     min-width: 8.1mozmm;
1580   }
1581
1582   .tabs-newtab-button {
1583     min-width: 10mozmm;
1584   }
1585
1586   .tab-content {
1587     min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */
1588   }
1589 }
1590
1591 .tabbrowser-arrowscrollbox > .scrollbutton-up,
1592 .tabbrowser-arrowscrollbox > .scrollbutton-down {
1593   margin: 0;
1594   padding-top: 0;
1595   padding-bottom: 0;
1596 }
1597
1598 .tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
1599   background-color: #008484;
1600 }
1601
1602 .tabs-newtab-button > .toolbarbutton-icon {
1603   margin-top: -1px;
1604   margin-bottom: -1px;
1605 }
1606
1607 .tabs-newtab-button,
1608 #TabsToolbar > #new-tab-button,
1609 #TabsToolbar > toolbarpaletteitem > #new-tab-button {
1610   list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
1611   -moz-image-region: rect(0, 16px, 18px, 0);
1612 }
1613
1614 .tabs-newtab-button {
1615   width: 31px;
1616 }
1617
1618 .tabs-newtab-button:hover,
1619 #TabsToolbar > #new-tab-button:hover {
1620   -moz-image-region: rect(0, 32px, 18px, 16px);
1621 }
1622
1623 #alltabs-button {
1624   list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png");
1625   -moz-image-region: rect(0, 14px, 16px, 0);
1626 }
1627
1628 #alltabs-button:hover:active {
1629   -moz-image-region: rect(0, 28px, 16px, 14px);
1630 }
1631
1632 #alltabs-button[type="menu"] {
1633   list-style-image: url("chrome://browser/skin/mainwindow-dropdown-arrow.png");
1634   -moz-image-region: rect(0, 13px, 11px, 0);
1635 }
1636
1637 #alltabs-button[type="menu"] > .toolbarbutton-icon {
1638   margin: 3px 0;
1639 }
1640
1641 #alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker {
1642   display: none;
1643 }
1644
1645 #alltabs-button[type="menu"]:hover:active,
1646 #alltabs-button[type="menu"][open="true"] {
1647   -moz-image-region: rect(0, 26px, 11px, 13px);
1648 }
1649
1650 /* All tabs menupopup */
1651 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
1652   list-style-image: url("chrome://global/skin/icons/folder-item.png");
1653   -moz-image-region: rect(0px, 16px, 16px, 0px);
1654 }
1655
1656 .alltabs-item[selected="true"] {
1657   font-weight: bold;
1658 }
1659
1660 .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
1661   list-style-image: url("chrome://global/skin/icons/loading.gif");
1662 }
1663
1664 /* Tabstrip close button */
1665 .tabs-closebutton {
1666   -moz-box-flex: 1;
1667   margin: 0px;
1668   padding: 2px;
1669   list-style-image: url("chrome://global/skin/icons/close-button.gif");
1670 }
1671
1672 .tabs-closebutton > .toolbarbutton-icon {
1673 }
1674
1675 .tabs-closebutton:hover,
1676 .tabs-closebutton:hover:active {
1677   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1678 }
1679
1680 toolbarbutton.chevron {
1681   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
1682 }
1683
1684 toolbarbutton.chevron:hover {
1685   list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
1686 }
1687
1688 toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1689 toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
1690   -moz-transform: scaleX(-1);
1691 }
1692
1693 toolbarbutton.chevron > .toolbarbutton-text,
1694 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
1695   display: none;
1696 }
1697
1698 toolbarbutton.chevron > .toolbarbutton-icon {
1699   margin: 0;
1700 }
1701
1702 toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
1703   display: -moz-box; /* display chevron icon in text mode */
1704 }
1705
1706 #sidebar-throbber[loading="true"] {
1707   list-style-image: url("chrome://global/skin/icons/loading.gif");
1708   -moz-margin-end: 4px;
1709 }
1710
1711 /* Bookmarks toolbar */
1712 #PlacesToolbarDropIndicator {
1713   list-style-image: url("chrome://browser/skin/places/toolbarDropMarker.png");
1714 }
1715
1716 toolbarbutton.bookmark-item[dragover="true"][open="true"] {
1717   background-color: #008484 !important;
1718   color: #FFCF00 !important;
1719 }
1720
1721 /* rules for menupopup drop indicators */
1722 .menupopup-drop-indicator-bar {
1723   position: relative;
1724   /* these two margins must together compensate the indicator's height */
1725   margin-top: -1px;
1726   margin-bottom: -1px;
1727 }
1728
1729 .menupopup-drop-indicator {
1730   list-style-image: none;
1731   height: 2px;
1732   -moz-margin-end: -4em;
1733   background-color: #008484;
1734 }
1735
1736 /* ::::: Identity Indicator Styling ::::: */
1737
1738 /* Popup Icons */
1739 #identity-popup-icon {
1740   height: 64px;
1741   width: 64px;
1742   padding: 0;
1743   list-style-image: url("chrome://browser/skin/identity.png");
1744   -moz-image-region: rect(0px, 64px, 64px, 0px);
1745 }
1746
1747 #identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
1748   -moz-image-region: rect(64px, 64px, 128px, 0px);
1749 }
1750
1751 #identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
1752   -moz-image-region: rect(128px, 64px, 192px, 0px);
1753 }
1754
1755 /* Popup Body Text */
1756 .identity-popup-description {
1757   white-space: pre-wrap;
1758   -moz-padding-start: 15px;
1759   margin: 2px 0 4px;
1760 }
1761
1762 .identity-popup-label {
1763   white-space: pre-wrap;
1764   -moz-padding-start: 15px;
1765   margin: 0;
1766 }
1767
1768 #identity-popup-content-host ,
1769 #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
1770   font-size: 1.2em;
1771 }
1772
1773 #identity-popup-content-host {
1774   margin-top: 3px;
1775   margin-bottom: 5px;
1776   font-weight: bold;
1777   max-width: 300px;
1778 }
1779
1780 #identity-popup-content-owner {
1781   margin-top: 4px;
1782   margin-bottom: 0 !important;
1783   font-weight: bold;
1784   max-width: 300px;
1785 }
1786
1787 .verifiedDomain > #identity-popup-content-owner {
1788   font-weight: normal;
1789 }
1790
1791 #identity-popup-content-verifier {
1792   margin: 4px 0 2px;
1793 }
1794
1795 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
1796 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
1797   margin-top: 10px;
1798   -moz-margin-start: -24px;
1799 }
1800
1801 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
1802 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
1803   list-style-image: url("chrome://browser/skin/Secure24.png");
1804 }
1805
1806 #identity-popup-more-info-button {
1807   margin-top: 6px;
1808   margin-bottom: 0;
1809   -moz-margin-end: 0;
1810 }
1811
1812 .popup-notification-icon {
1813   width: 64px;
1814   height: 64px;
1815   -moz-margin-end: 10px;
1816 }
1817
1818 .popup-notification-icon[popupid="geolocation"] {
1819   list-style-image: url("chrome://browser/skin/Geolocation-64.png");
1820 }
1821
1822 .popup-notification-icon[popupid="xpinstall-disabled"],
1823 .popup-notification-icon[popupid="addon-progress"],
1824 .popup-notification-icon[popupid="addon-install-cancelled"],
1825 .popup-notification-icon[popupid="addon-install-blocked"],
1826 .popup-notification-icon[popupid="addon-install-failed"],
1827 .popup-notification-icon[popupid="addon-install-complete"] {
1828   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
1829   width: 32px;
1830   height: 32px;
1831 }
1832
1833 .addon-progress-description {
1834   width: 350px;
1835   max-width: 350px;
1836 }
1837
1838 .popup-progress-label,
1839 .popup-progress-meter {
1840   -moz-margin-start: 0;
1841   -moz-margin-end: 0;
1842 }
1843
1844 .popup-progress-cancel {
1845   -moz-appearance: none;
1846   background: transparent;
1847   border: none;
1848   padding: 0;
1849   margin: 0;
1850   min-height: 0;
1851   min-width: 0;
1852   list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
1853   -moz-image-region: rect(0px, 32px, 16px, 16px);
1854 }
1855
1856 .popup-progress-cancel:hover {
1857   -moz-image-region: rect(16px, 32px, 32px, 16px);
1858 }
1859
1860 .popup-progress-cancel:active {
1861   -moz-image-region: rect(32px, 32px, 48px, 16px);
1862 }
1863
1864 .popup-notification-icon[popupid="indexedDB-permissions-prompt"],
1865 .popup-notification-icon[popupid="indexedDB-quota-prompt"] {
1866   list-style-image: url("chrome://global/skin/icons/alert-question.gif");
1867 }
1868
1869 .popup-notification-icon[popupid="password-save"],
1870 .popup-notification-icon[popupid="password-change"] {
1871   list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
1872 }
1873
1874 /* Notification icon box */
1875 #notification-popup-box {
1876   margin: 0 3px;
1877 }
1878
1879 .notification-anchor-icon {
1880   width: 16px;
1881   height: 16px;
1882 }
1883
1884 .notification-anchor-icon:-moz-focusring {
1885   outline: 1px dotted -moz-DialogText;
1886   outline-offset: -3px;
1887 }
1888
1889 #default-notification-icon {
1890   list-style-image: url("chrome://global/skin/icons/information-16.png");
1891 }
1892
1893 #geo-notification-icon {
1894   list-style-image: url("chrome://browser/skin/Geolocation-16.png");
1895 }
1896
1897 #addons-notification-icon {
1898   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
1899 }
1900
1901 #indexedDB-notification-icon {
1902   list-style-image: url("chrome://global/skin/icons/question-16.png");
1903 }
1904
1905 #password-notification-icon {
1906   list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
1907 }
1908
1909 #identity-popup-container {
1910   min-width: 280px;
1911 }
1912
1913 #download-monitor {
1914   list-style-image: url("chrome://browser/skin/Toolbar.png");
1915   -moz-image-region: rect(0, 108px, 18px, 90px);
1916 }
1917
1918 /* Bookmarks roots menu-items */
1919 #appmenu_subscribeToPage:not([disabled]),
1920 #appmenu_subscribeToPageMenu,
1921 #subscribeToPageMenuitem:not([disabled]),
1922 #subscribeToPageMenupopup,
1923 #BMB_subscribeToPageMenuitem:not([disabled]),
1924 #BMB_subscribeToPageMenupopup {
1925   list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
1926 }
1927
1928 #bookmarksToolbarFolderMenu,
1929 #appmenu_bookmarksToolbar,
1930 #BMB_bookmarksToolbar {
1931   list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
1932   -moz-image-region: auto;
1933 }
1934
1935 #appmenu_unsortedBookmarks,
1936 #BMB_unsortedBookmarks {
1937   list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
1938   -moz-image-region: auto;
1939 }
1940
1941 /* ::::: Keyboard UI Panel ::::: */
1942
1943 .KUI-panel {
1944   color: #FF9F00;
1945   border-style: none;
1946   border-radius: 20px;
1947 }
1948
1949 .KUI-panel[level="top"] {
1950   /*background-color: rgba(27%,27%,27%,.65);*/
1951 }
1952
1953 .KUI-panel-closebutton {
1954   list-style-image: url("KUI-close.png");
1955   width: 24px;
1956   height: 24px;
1957 }
1958
1959 .KUI-panel-closebutton:not(:hover) {
1960 }
1961
1962 .KUI-panel-closebutton > .toolbarbutton-icon {
1963 }
1964
1965 /* ::::: Ctrl-Tab and All Tabs Panels ::::: */
1966
1967 /* Ctrl-Tab */
1968
1969 #ctrlTab-panel {
1970   padding: 20px 10px 10px;
1971   font-weight: bold;
1972 }
1973
1974 .ctrlTab-favicon[src] {
1975   background-color: #000000;
1976   width: 20px;
1977   height: 20px;
1978   padding: 2px;
1979 }
1980
1981 .ctrlTab-preview-inner > .tabPreview-canvas {
1982 }
1983
1984 .ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
1985   margin-bottom: 2px;
1986 }
1987
1988 .ctrlTab-preview-inner {
1989   padding-bottom: 10px;
1990 }
1991
1992 #ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
1993   padding: 10px;
1994   background-color: #000000;
1995   border-radius: .5em;
1996 }
1997
1998 .ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
1999   color: white;
2000   background-color: #000000;
2001   text-shadow: none;
2002   padding: 8px;
2003   border: 2px solid #9C9CFF;
2004   border-radius: .5em;
2005 }
2006
2007 .ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2008   margin: -10px -10px 0;
2009 }
2010
2011 #ctrlTab-showAll {
2012   margin-top: .5em;
2013 }
2014
2015 /* All Tabs */
2016
2017 #allTabs-panel {
2018   padding-bottom: 10px;
2019 }
2020
2021 #allTabs-meta {
2022   margin: 10px;
2023 }
2024
2025 #allTabs-filter {
2026   -moz-margin-start: 24px;
2027   -moz-margin-end: 0;
2028 }
2029
2030 #allTabs-tab-close-button > .toolbarbutton-icon {
2031   margin: 0;
2032 }
2033
2034 .allTabs-favicon[src] {
2035   width: 22px;
2036   height: 22px;
2037   padding-top: 1px;
2038   padding-bottom: 5px;
2039   -moz-padding-start: 1px;
2040   -moz-padding-end: 5px;
2041   margin-top: -2px;
2042   -moz-margin-start: -2px;
2043   border-bottom-right-radius: 4px;
2044 }
2045
2046 .allTabs-favicon[src]:-moz-locale-dir(rtl) {
2047   border-bottom-right-radius: 0;
2048   border-bottom-left-radius: 4px;
2049 }
2050
2051 .allTabs-preview-inner > .tabPreview-canvas {
2052   background-color: #E7ADE7;
2053 }
2054
2055 .allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas {
2056 }
2057
2058 .allTabs-preview:focus > * > .allTabs-preview-inner {
2059   outline: 1px dotted #008484;
2060 }
2061
2062 /* Inspector / Highlighter */
2063
2064 #highlighter-panel {
2065   -moz-window-shadow: none;
2066   background: #000000;
2067   border: none;
2068 }
2069
2070 listitem.style-selector {
2071   background-color: #9C9CFF;
2072   color: #000000;
2073 }
2074
2075 listitem.style-section {
2076   background-color: #E7ADE7;
2077   color: #000000;
2078   font-weight: bold;
2079 }
2080
2081 panel[dimmed="true"] {
2082   opacity: 0.5;
2083 }
2084
2085 /* Add-on bar */
2086
2087 #addon-bar {
2088   min-height: 20px;
2089   border-top: 3px solid #000000;
2090 }
2091
2092 #addon-bar:not(:-moz-lwtheme) {
2093   -moz-appearance: statusbar;
2094 }
2095
2096 #addon-bar .toolbar-holder {
2097   background-color: #8050B0;
2098   color: #FFCF00;
2099 }
2100
2101 #addon-bar .toolbar-holder {
2102   background-color: #8050B0;
2103   color: #FFCF00;
2104 }
2105
2106 #addon-bar .toolbar-startcap,
2107 #addon-bar .toolbar-endcap{
2108   background-color: #6000CF;
2109 }
2110
2111 #status-bar {
2112   -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
2113   margin-top: .3em;
2114   border-width: 0;
2115 }
2116
2117 /* Remove all borders from statusbarpanel children of
2118    the statusbar.
2119 #status-bar > statusbarpanel {
2120   border-width: 0;
2121 } */
2122
2123 #addonbar-closebutton {
2124   border: none;
2125   padding: 3px 5px;
2126   list-style-image: url("chrome://global/skin/icons/close-button.gif");
2127 }
2128
2129 #addonbar-closebutton:hover,
2130 #addonbar-closebutton:hover:active {
2131   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2132 }
2133
2134 /* Status panel */
2135
2136 .statuspanel-label {
2137   margin: 0;
2138   padding: 2px 4px;
2139   background: #404000;
2140   border: 1px none #9C9CFF;
2141   border-top-style: solid;
2142   color: #FF9F00;
2143   text-shadow: none;
2144 }
2145
2146 .statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
2147 .statuspanel-label:-moz-locale-dir(rtl)[mirror] {
2148   border-right-style: solid;
2149   border-top-right-radius: .3em;
2150   margin-right: 1em;
2151 }
2152
2153 .statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
2154 .statuspanel-label:-moz-locale-dir(ltr)[mirror] {
2155   border-left-style: solid;
2156   border-top-left-radius: .3em;
2157   margin-left: 1em;
2158 }