LCARStrek/browser/browser.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @import url("chrome://global/skin/");
   6 @import url("downloads/indicator.css");
   7
   8 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   9 @namespace html url("http://www.w3.org/1999/xhtml");
  10
  11 toolbar {
  12   -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
  13 }
  14
  15 toolbar[type="menubar"][autohide="true"] {
  16   -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
  17 }
  18
  19 menubar {
  20   -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
  21 }
  22
  23 #menubar-items {
  24   -moz-box-orient: vertical; /* for flex hack */
  25 }
  26
  27 #main-menubar {
  28   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
  29 }
  30
  31 /* ::::: primary toolbar ::::: */
  32
  33 .toolbar-primary > .toolbar-box > .toolbar-holder {
  34   background-color: #A09090;
  35 }
  36
  37 .toolbar-primary > .toolbar-box > .toolbar-startcap,
  38 .toolbar-primary > .toolbar-box > .toolbar-endcap {
  39   background-color: #9C9CFF;
  40 }
  41
  42
  43 #navigator-toolbox {
  44 }
  45
  46 #navigator-toolbox::after {
  47   content: "";
  48   display: -moz-box;
  49   -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
  50   height: 1px;
  51 }
  52 #navigator-toolbox[tabsontop=false]::after,
  53 #main-window[disablechrome] #navigator-toolbox::after {
  54   visibility: collapse;
  55 }
  56
  57 #navigator-toolbox > toolbar:not(:-moz-lwtheme) {
  58 }
  59
  60 #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
  61   /* like menubar */
  62   background-color: #6000CF;
  63   color: #FF9F00;
  64 }
  65 #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
  66   background-color: #8050B0;
  67   color: #FF9F00;
  68 }
  69 #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab {
  70   padding-top: 3px;
  71 }
  72
  73 #main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
  74   visibility: hidden;
  75 }
  76 #main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
  77   -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
  78   visibility: visible;
  79 }
  80
  81 #nav-bar[tabsontop="true"],
  82 #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar,
  83 #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar {
  84   /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
  85 }
  86
  87 #personal-bookmarks {
  88 /*  min-height: 24px; */
  89 }
  90
  91 #print-preview-toolbar:not(:-moz-lwtheme) {
  92   /* -moz-appearance: toolbox; */
  93 }
  94
  95 /* ::::: app menu button ::::: */
  96
  97 #appmenu-button {
  98   background-color: #FF9F00;
  99   background-clip: padding-box;
 100   border-radius: 0;
 101   border: none;
 102   border-right: 3px solid #000000;
 103   color: #000000;
 104   font-weight: bold;
 105   padding: 1px 1.5em;
 106   margin: 0;
 107 }
 108
 109 #appmenu-button:-moz-locale-dir(rtl) {
 110   border-left: 3px solid #000000;
 111   border-right: none;
 112 }
 113
 114 #main-window[privatebrowsingmode=temporary] #appmenu-button {
 115   background-color: #6000CF;
 116   color: #FFCF00;
 117 }
 118
 119 #appmenu-button:hover:not(:active):not([open]) {
 120 }
 121
 122 #main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
 123 }
 124
 125 #appmenu-button:hover,
 126 #appmenu-button:hover:active,
 127 #appmenu-button[open] {
 128   background-color: #FFCF00;
 129   color: #000000;
 130 }
 131
 132 #appmenu-button > .button-box > .button-menu-dropmarker {
 133   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 134   width: auto;
 135   height: auto;
 136   padding: 0;
 137   margin: 0;
 138   border: none;
 139   background-color: transparent;
 140   -moz-margin-start: .5em;
 141 }
 142
 143 #main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
 144   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 145 }
 146
 147 #appmenuPrimaryPane > menuitem,
 148 #appmenuSecondaryPane > menuitem,
 149 #appmenuPrimaryPane > menu {
 150   padding: 2px;
 151 }
 152
 153 .splitmenu-menuitem {
 154   -moz-padding-start: 2px;
 155   padding-top: 2px;
 156   padding-bottom: 2px;
 157   -moz-margin-end: 1px;
 158 }
 159
 160 .splitmenu-menu {
 161   padding-top: 2px;
 162   padding-bottom: 2px;
 163   -moz-box-pack: end;
 164 }
 165
 166 .appmenu-edit-button {
 167 }
 168
 169 .appmenu-edit-button[disabled="true"] {
 170 }
 171
 172 #appmenuPrimaryPane {
 173   -moz-border-end: 1px solid #9C9CFF;
 174 }
 175 /*
 176   #appmenu-popup {
 177   }
 178   #appmenuPrimaryPane {
 179   }
 180   #appmenuSecondaryPane {
 181   }
 182   #appmenuSecondaryPane:-moz-locale-dir(rtl) {
 183   }
 184
 185   #appmenuSecondaryPane menupopup {
 186   }
 187
 188   .appmenu-menuseparator {
 189   }
 190
 191   .appmenu-edit-button:not([disabled]):hover {
 192   }
 193 */
 194 #appmenuSecondaryPane-spacer {
 195   min-height: 1em;
 196 }
 197
 198 #appmenu-editmenu {
 199   -moz-box-pack: end;
 200 }
 201
 202 #appmenu_print,
 203 #appmenu_print_popup,
 204 .appmenu-edit-button,
 205 #appmenu-editmenu-cut,
 206 #appmenu-editmenu-copy,
 207 #appmenu-editmenu-paste,
 208 #appmenu-quit {
 209   list-style-image: url("appmenu-icons.png");
 210 }
 211
 212 #appmenu-cut,
 213 #appmenu-editmenu-cut {
 214   -moz-image-region: rect(0 16px 16px 0);
 215 }
 216
 217 #appmenu-cut:hover:not([disabled="true"]),
 218 #appmenu-editmenu-cut:hover:not([disabled="true"]) {
 219   -moz-image-region: rect(16px 16px 32px 0);
 220 }
 221
 222 #appmenu-cut[disabled="true"],
 223 #appmenu-editmenu-cut[disabled="true"] {
 224   -moz-image-region: rect(32px 16px 48px 0);
 225 }
 226
 227 #appmenu-copy,
 228 #appmenu-editmenu-copy {
 229   -moz-image-region: rect(0 32px 16px 16px);
 230 }
 231
 232 #appmenu-copy:hover:not([disabled="true"]),
 233 #appmenu-editmenu-copy:hover:not([disabled="true"]) {
 234   -moz-image-region: rect(16px 32px 32px 16px);
 235 }
 236
 237 #appmenu-copy[disabled="true"],
 238 #appmenu-editmenu-copy[disabled="true"] {
 239   -moz-image-region: rect(32px 32px 48px 16px);
 240 }
 241
 242 #appmenu-paste,
 243 #appmenu-editmenu-paste {
 244   -moz-image-region: rect(0 48px 16px 32px);
 245 }
 246
 247 #appmenu-paste:hover:not([disabled="true"]),
 248 #appmenu-editmenu-paste:hover:not([disabled="true"]) {
 249   -moz-image-region: rect(16px 48px 32px 32px);
 250 }
 251
 252 #appmenu-paste[disabled="true"],
 253 #appmenu-editmenu-paste[disabled="true"] {
 254   -moz-image-region: rect(32px 48px 48px 32px);
 255 }
 256
 257 #appmenu_print,
 258 #appmenu_print_popup {
 259   -moz-image-region: rect(0 64px 16px 48px);
 260 }
 261
 262 #appmenu_print:hover:not([disabled="true"]),
 263 #appmenu_print[open="true"],
 264 #appmenu_print_popup:hover:not([disabled="true"]) {
 265   -moz-image-region: rect(16px 64px 32px 48px);
 266 }
 267
 268 #appmenu-print[disabled="true"],
 269 #appmenu_print_popup[disabled="true"] {
 270   -moz-image-region: rect(32px 64px 48px 48px);
 271 }
 272
 273 #appmenu-quit {
 274   -moz-image-region: rect(0 80px 16px 64px);
 275 }
 276
 277 #appmenu-quit:hover {
 278   -moz-image-region: rect(16px 80px 32px 64px);
 279 }
 280
 281 #appmenu-edit-label {
 282   -moz-appearance: none;
 283   background: transparent;
 284   font-style: italic;
 285 }
 286
 287 #appmenu_bookmarks {
 288   list-style-image: url("chrome://browser/skin/places/bookmark.png");
 289   -moz-image-region: rect(0px 48px 16px 32px);
 290 }
 291
 292 #appmenu_privateBrowsing,
 293 #appmenu_newPrivateWindow {
 294   list-style-image: url("chrome://browser/skin/Privacy-16.png");
 295 }
 296
 297 @media (min-resolution: 1.25dppx) {
 298   #appmenu_privateBrowsing,
 299   #appmenu_newPrivateWindow {
 300     list-style-image: url("chrome://browser/skin/Privacy-32.png");
 301   }
 302 }
 303
 304 #appmenu_addons {
 305   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
 306 }
 307
 308 @media (min-resolution: 1.25dppx) {
 309   #appmenu_addons {
 310     list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
 311   }
 312 }
 313
 314 #BMB_bookmarkThisPage,
 315 #appmenu_bookmarkThisPage {
 316   list-style-image: url("chrome://browser/skin/places/bookmark.png");
 317   -moz-image-region: rect(0 16px 16px 0);
 318 }
 319
 320 /* ::::: titlebar ::::: */
 321
 322 #titlebar {
 323   /* like menubar */
 324   background-color: #6000CF;
 325   color: #FF9F00;
 326 }
 327 #titlebar:-moz-window-inactive {
 328   background-color: #8050B0;
 329   color: #FF9F00;
 330 }
 331
 332 #main-window[sizemode="normal"] > #titlebar {
 333   margin-top: -3px;
 334   margin-bottom: 3px;
 335 }
 336
 337 #main-window[sizemode="maximized"] > #titlebar {
 338   margin-top: 4px;
 339 }
 340
 341 #titlebar-buttonbox {
 342   margin-top: 5px;
 343   -moz-margin-end: 3px;
 344 }
 345
 346 #main-window[sizemode="maximized"] #titlebar-buttonbox {
 347 }
 348
 349 .titlebar-placeholder[type="appmenu-button"] {
 350   margin-left: 4px;
 351 }
 352
 353 .titlebar-placeholder[type="caption-buttons"] {
 354   margin-left: 10px;
 355 }
 356
 357 /* titlebar command buttons */
 358
 359 #titlebar-min {
 360   list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
 361 }
 362
 363 #titlebar-min:hover {
 364   list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
 365 }
 366
 367 #titlebar-max {
 368   list-style-image: url("chrome://browser/skin/win-maximize.gif");
 369 }
 370
 371 #titlebar-max:hover {
 372   list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
 373 }
 374
 375 #main-window[sizemode="maximized"] #titlebar-max {
 376   list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
 377 }
 378
 379 #main-window[sizemode="maximized"] #titlebar-max:hover {
 380   list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
 381 }
 382
 383 #titlebar-close {
 384   list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
 385 }
 386
 387 #titlebar-close:hover {
 388   list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
 389 }
 390
 391 /* ::::: bookmark buttons ::::: */
 392
 393 /*.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon */
 394 .bookmark-item > .toolbarbutton-icon {
 395   width: 16px;
 396   height: 16px;
 397 }
 398
 399 /* Prevent [mode="icons"] from hiding the label */
 400 .bookmark-item > .toolbarbutton-text {
 401   display: -moz-box !important;
 402 }
 403
 404 .bookmark-item > .toolbarbutton-menu-dropmarker {
 405   display: none;
 406 }
 407
 408 #wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
 409   background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center;
 410 }
 411
 412 .bookmarks-toolbar-customize {
 413   max-width: 15em !important;
 414   list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
 415 }
 416
 417 /* ::::: bookmark menus ::::: */
 418
 419 menu.bookmark-item,
 420 menuitem.bookmark-item {
 421   min-width: 0;
 422   max-width: 32em;
 423 }
 424
 425 .bookmark-item > .menu-iconic-left {
 426   margin-top: 0;
 427   margin-bottom: 0;
 428 }
 429
 430 .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
 431   -moz-padding-start: 0px;
 432 }
 433
 434 /* ::::: bookmark items ::::: */
 435
 436 .bookmark-item  {
 437   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 438   -moz-image-region: auto;
 439 }
 440
 441 .bookmark-item[container] {
 442   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
 443   -moz-image-region: auto;
 444 }
 445
 446 .bookmark-item[container][open] {
 447   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
 448   -moz-image-region: auto;
 449 }
 450
 451 .bookmark-item[container][livemark] {
 452   list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
 453   -moz-image-region: auto;
 454 }
 455
 456 .bookmark-item[container][livemark] .bookmark-item {
 457   list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
 458   -moz-image-region: rect(0px, 16px, 16px, 0px);
 459 }
 460
 461 .bookmark-item[container][livemark] .bookmark-item[visited] {
 462   -moz-image-region: rect(0px, 32px, 16px, 16px);
 463 }
 464
 465 .bookmark-item[container][query] {
 466   list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
 467   -moz-image-region: auto;
 468 }
 469
 470 .bookmark-item[query][tagContainer] {
 471   list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
 472   -moz-image-region: auto;
 473 }
 474
 475 .bookmark-item[query][dayContainer] {
 476   list-style-image: url("chrome://communicator/skin/history/calendar.png");
 477   -moz-image-region: auto;
 478 }
 479
 480 .bookmark-item[query][hostContainer] {
 481   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
 482   -moz-image-region: auto;
 483 }
 484
 485 .bookmark-item[query][hostContainer][open] {
 486   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
 487   -moz-image-region: auto;
 488 }
 489
 490 .bookmark-item[cutting] > .toolbarbutton-icon,
 491 .bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
 492   opacity: 0.5;
 493 }
 494
 495 .bookmark-item[cutting] > .toolbarbutton-text,
 496 .bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
 497   opacity: 0.7;
 498 }
 499
 500 /* ::::: primary toolbar buttons ::::: */
 501
 502 .toolbarbutton-1 {
 503   list-style-image: url("chrome://browser/skin/FxToolbar.png");
 504 }
 505
 506 .toolbarbutton-1:not([type="menu-button"]) {
 507   -moz-box-orient: vertical;
 508 }
 509
 510 .toolbarbutton-1,
 511 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 512   min-width: 36px;
 513   min-height: 36px;
 514 }
 515
 516 .toolbarbutton-1:not([type="menu-button"]) {
 517   -moz-box-orient: vertical;
 518 }
 519
 520 .toolbarbutton-1,
 521 .toolbarbutton-1 > .toolbarbutton-menubutton-button,
 522 .toolbarbutton-1[disabled="true"]:hover:active,
 523 .toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
 524   padding: 1px 2px;
 525 }
 526
 527 .toolbarbutton-1:hover:active,
 528 .toolbarbutton-1[open="true"],
 529 .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
 530   padding-top: 2px;
 531   padding-bottom: 0px;
 532   -moz-padding-start: 3px;
 533   -moz-padding-end: 1px;
 534 }
 535
 536 /* ::::: small primary toolbar buttons ::::: */
 537
 538 #nav-bar {
 539   /* force iconsize="small" on this toolbar */
 540   counter-reset: smallicons;
 541 }
 542
 543 toolbar[mode="text"] .toolbarbutton-1,
 544 toolbar[mode="icons"] .toolbarbutton-1,
 545 toolbar[iconsize="small"] .toolbarbutton-1,
 546 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
 547 toolbar[mode="text"] .toolbarbutton-menubutton-button,
 548 toolbar[mode="icons"] .toolbarbutton-menubutton-button,
 549 toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
 550 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 551   min-width: 0px;
 552   min-height: 0px;
 553 }
 554
 555 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
 556   padding-top: 4px;
 557   padding-bottom: 8px;
 558   -moz-padding-start: 1px;
 559   -moz-padding-end: 1px;
 560 }
 561
 562 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
 563 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
 564 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
 565   padding-top: 0px;
 566   padding-bottom: 13px;
 567   -moz-padding-start: 1px;
 568   -moz-padding-end: 1px;
 569 }
 570
 571 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 572 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
 573   padding-top: 5px;
 574   padding-bottom: 7px;
 575   -moz-padding-start: 0px;
 576   -moz-padding-end: 2px;
 577 }
 578
 579 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 580 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
 581 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 582 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
 583 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 584 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
 585   padding-top: 1px;
 586   padding-bottom: 12px;
 587   -moz-padding-start: 0px;
 588   -moz-padding-end: 2px;
 589 }
 590
 591 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 592   padding-top: 4px !important;
 593   padding-bottom: 8px !important;
 594   -moz-padding-start: 1px !important;
 595   -moz-padding-end: 1px !important;
 596 }
 597
 598 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
 599 toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
 600   padding-top: 0px !important;
 601   padding-bottom: 13px !important;
 602   -moz-padding-start: 1px !important;
 603   -moz-padding-end: 1px !important;
 604 }
 605
 606 toolbar[mode="icons"] .toolbarbutton-text,
 607 toolbar[mode="text"] .toolbarbutton-icon {
 608   display: none;
 609 }
 610
 611 toolbar[mode="text"] .toolbarbutton-text {
 612   padding: 4px 0;
 613 }
 614
 615 toolbar[mode="text"] .toolbarbutton-1,
 616 toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 617   -moz-box-orient: horizontal;
 618 }
 619
 620 toolbar[mode="full"] .toolbarbutton-1,
 621 toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
 622   min-width: 30px;
 623 }
 624
 625 #navigator-toolbox[iconsize=small] > #nav-bar {
 626 }
 627
 628 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
 629 }
 630
 631
 632 /* unified back/forward button */
 633
 634 #back-button {
 635   -moz-image-region: rect(0, 18px, 18px, 0);
 636   -moz-margin-end: 0;
 637 }
 638
 639 #back-button:not([disabled="true"]):hover {
 640   -moz-image-region: rect(18px, 18px, 36px, 0);
 641 }
 642
 643 #back-button[disabled="true"] {
 644   -moz-image-region: rect(36px, 18px, 54px, 0);
 645 }
 646
 647 #forward-button {
 648   -moz-image-region: rect(0, 36px, 18px, 18px);
 649   border-left: none;
 650   -moz-margin-start: 0;
 651 }
 652
 653 #forward-button:not([disabled="true"]):hover {
 654   -moz-image-region: rect(18px, 36px, 36px, 18px);
 655 }
 656
 657 #forward-button[disabled="true"] {
 658   -moz-image-region: rect(36px, 36px, 54px, 18px);
 659 }
 660
 661 #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 662 #forward-button:-moz-locale-dir(rtl),
 663 #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
 664   transform: scaleX(-1);
 665 }
 666
 667 #nav-bar #back-button {
 668   -moz-margin-end: 0 !important;
 669 }
 670
 671 #nav-bar #forward-button {
 672   border-left-style: none;
 673   -moz-margin-start: 0 !important;
 674 }
 675
 676 #nav-bar #back-button:-moz-locale-dir(ltr) {
 677   border-top-right-radius: 0;
 678   border-bottom-right-radius: 0;
 679 }
 680
 681 #nav-bar #back-button:-moz-locale-dir(rtl),
 682 #nav-bar #forward-button {
 683   border-top-left-radius: 0;
 684   border-bottom-left-radius: 0;
 685 }
 686
 687 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 688     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 689     #unified-back-forward-button > #back-button {
 690   border-radius: 10000px;
 691   width: 30px;
 692   height: 30px;
 693   position: relative;
 694   z-index: 1;
 695   margin-top: -2px;
 696   margin-bottom: -2px;
 697   border: none;
 698   -moz-image-region: rect(54px, 20px, 74px, 0);
 699 }
 700
 701 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 702     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 703     #unified-back-forward-button > #back-button:not([disabled="true"]):hover,
 704 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 705     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 706     #unified-back-forward-button > #back-button[open="true"] {
 707   -moz-image-region: rect(54px, 40px, 74px, 20px);
 708 }
 709
 710 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 711     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 712     #unified-back-forward-button > #back-button[disabled="true"] {
 713   -moz-image-region: rect(54px, 60px, 74px, 40px);
 714 }
 715
 716 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 717     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 718     #unified-back-forward-button > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
 719 }
 720
 721 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 722     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 723     #unified-back-forward-button > #back-button:not([disabled="true"]):hover:active,
 724 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 725     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 726     #unified-back-forward-button > #back-button[open="true"] {
 727 }
 728
 729 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
 730 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
 731 /*  padding-top: 3px;
 732   padding-bottom: 5px; */
 733 }
 734
 735 #navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
 736 #navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
 737 /*  padding-top: 5px; */
 738 }
 739
 740 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 741     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 742     #unified-back-forward-button > #forward-button {
 743   /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
 744   /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */
 745   -moz-margin-start: -6px !important;
 746   padding-left: 7px;
 747   padding-right: 3px;
 748   margin-top: 2px;
 749   margin-bottom: 2px;
 750 }
 751
 752 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 753     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 754     #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) {
 755   border-top-right-radius: 11px;
 756   border-bottom-right-radius: 11px;
 757 }
 758
 759 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 760     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 761     #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) {
 762   border-top-left-radius: 11px;
 763   border-bottom-left-radius: 11px;
 764 }
 765
 766 .unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
 767 .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
 768   list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
 769 }
 770
 771 .unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
 772 .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
 773   list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
 774 }
 775
 776 .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
 777 .unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
 778   list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
 779 }
 780
 781 .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
 782 .unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
 783   list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
 784 }
 785
 786 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 787     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 788     #unified-back-forward-button > #forward-button {
 789 /*  border-top-right-radius: 0;
 790   border-bottom-right-radius: 0;
 791   -moz-margin-end: 0; */
 792 }
 793
 794 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 795     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 796     #unified-back-forward-button:not([switchingtabs]) > #forward-button {
 797   transition: opacity 150ms ease-out;
 798 }
 799
 800 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 801     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 802     #unified-back-forward-button:not(:hover) > #forward-button[disabled] {
 803   opacity: 0;
 804 }
 805
 806 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
 807     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
 808     #unified-back-forward-button:hover > #forward-button[disabled] {
 809   background-color: transparent;
 810 }
 811
 812 #stop-button {
 813   -moz-image-region: rect(0, 54px, 18px, 36px);
 814 }
 815
 816 #stop-button:not([disabled="true"]):hover {
 817   -moz-image-region: rect(18px, 54px, 36px, 36px);
 818 }
 819
 820 #stop-button[disabled="true"] {
 821   -moz-image-region: rect(36px, 54px, 54px, 36px);
 822 }
 823
 824 #reload-button {
 825   -moz-image-region: rect(0, 72px, 18px, 54px);
 826 }
 827
 828 #reload-button:not([disabled="true"]):hover {
 829   -moz-image-region: rect(18px, 72px, 36px, 54px);
 830 }
 831
 832 #reload-button[disabled="true"] {
 833   -moz-image-region: rect(36px, 72px, 54px, 54px);
 834 }
 835
 836 #home-button.bookmark-item {
 837   list-style-image: url("chrome://browser/skin/FxToolbar.png");
 838 }
 839 #home-button {
 840   -moz-image-region: rect(0, 90px, 18px, 72px);
 841 }
 842
 843 #home-button:not([disabled="true"]):hover {
 844   -moz-image-region: rect(18px, 90px, 36px, 72px);
 845 }
 846
 847 #home-button[disabled="true"] {
 848   -moz-image-region: rect(36px, 90px, 54px, 72px);
 849 }
 850
 851 #downloads-button {
 852   -moz-image-region: rect(0, 108px, 18px, 90px);
 853 }
 854
 855 #downloads-button:not([disabled="true"]):hover {
 856   -moz-image-region: rect(18px, 108px, 36px, 90px);
 857 }
 858
 859 #downloads-button[disabled="true"] {
 860   -moz-image-region: rect(36px, 108px, 54px, 90px);
 861 }
 862
 863 #downloads-button > .toolbarbutton-icon {
 864   margin: 0;
 865 }
 866
 867 #history-button {
 868   -moz-image-region: rect(0, 126px, 18px, 108px);
 869 }
 870
 871 #history-button:not([disabled="true"]):hover {
 872   -moz-image-region: rect(18px, 126px, 36px, 108px);
 873 }
 874
 875 #history-button[disabled="true"] {
 876   -moz-image-region: rect(36px, 126px, 54px, 108px);
 877 }
 878
 879 #bookmarks-button,
 880 #bookmarks-menu-button {
 881   list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
 882   -moz-image-region: rect(0, 144px, 18px, 126px);
 883 }
 884
 885 #bookmarks-menu-button.bookmark-item {
 886   /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
 887 }
 888
 889 #bookmarks-menu-button.toolbarbutton-1 {
 890   -moz-box-orient: horizontal;
 891 }
 892
 893 #bookmarks-button:not([disabled="true"]):hover,
 894 #bookmarks-menu-button[open="true"],
 895 #bookmarks-menu-button:not([disabled="true"]):hover {
 896   -moz-image-region: rect(18px, 144px, 36px, 126px);
 897 }
 898
 899 #bookmarks-button[disabled="true"],
 900 #bookmarks-menu-button[disabled="true"] {
 901   -moz-image-region: rect(36px, 144px, 54px, 126px);
 902 }
 903
 904 #print-button {
 905   -moz-image-region: rect(0, 162px, 18px, 144px);
 906 }
 907
 908 #print-button:not([disabled="true"]):hover {
 909   -moz-image-region: rect(18px, 162px, 36px, 144px);
 910 }
 911
 912 #print-button[disabled="true"] {
 913   -moz-image-region: rect(36px, 162px, 54px, 144px);
 914 }
 915
 916 #new-tab-button {
 917   -moz-image-region: rect(0, 180px, 18px, 162px);
 918 }
 919
 920 #new-tab-button:not([disabled="true"]):hover {
 921   -moz-image-region: rect(18px, 180px, 36px, 162px);
 922 }
 923
 924 #new-tab-button[disabled="true"] {
 925   -moz-image-region: rect(36px, 180px, 54px, 162px);
 926 }
 927
 928 #new-window-button {
 929   -moz-image-region: rect(0, 198px, 18px, 180px);
 930 }
 931
 932 #new-window-button:not([disabled="true"]):hover {
 933   -moz-image-region: rect(18px, 198px, 36px, 180px);
 934 }
 935
 936 #new-window-button[disabled="true"] {
 937   -moz-image-region: rect(36px, 198px, 54px, 180px);
 938 }
 939
 940 #cut-button {
 941   -moz-image-region: rect(0, 216px, 18px, 198px);
 942 }
 943
 944 #cut-button:not([disabled="true"]):hover {
 945   -moz-image-region: rect(18px, 216px, 36px, 198px);
 946 }
 947
 948 #cut-button[disabled="true"] {
 949   -moz-image-region: rect(36px, 216px, 54px, 198px);
 950 }
 951
 952 #copy-button {
 953   -moz-image-region: rect(0, 234px, 18px, 216px);
 954 }
 955
 956 #copy-button:not([disabled="true"]):hover {
 957   -moz-image-region: rect(18px, 234px, 36px, 216px);
 958 }
 959
 960 #copy-button[disabled="true"] {
 961   -moz-image-region: rect(36px, 234px, 54px, 216px);
 962 }
 963
 964 #paste-button {
 965   -moz-image-region: rect(0, 252px, 18px, 234px);
 966 }
 967
 968 #paste-button:not([disabled="true"]):hover {
 969   -moz-image-region: rect(18px, 252px, 36px, 234px);
 970 }
 971
 972 #paste-button[disabled="true"] {
 973   -moz-image-region: rect(36px, 252px, 54px, 234px);
 974 }
 975
 976 #fullscreen-button {
 977   -moz-image-region: rect(0, 270px, 18px, 252px);
 978 }
 979
 980 #fullscreen-button:not([disabled="true"]):hover {
 981   -moz-image-region: rect(18px, 270px, 36px, 252px);
 982 }
 983
 984 #fullscreen-button[disabled="true"] {
 985   -moz-image-region: rect(36px, 270px, 54px, 252px);
 986 }
 987
 988 #zoom-out-button {
 989   -moz-image-region: rect(0, 288px, 18px, 270px);
 990   -moz-margin-end: 0;
 991 }
 992
 993 #zoom-in-button {
 994   -moz-image-region: rect(0, 306px, 18px, 288px);
 995 }
 996
 997 #zoom-out-button:not([disabled="true"]):hover {
 998   -moz-image-region: rect(18px, 288px, 36px, 270px);
 999 }
1000
1001 #zoom-out-button[disabled="true"] {
1002   -moz-image-region: rect(36px, 288px, 54px, 270px);
1003 }
1004
1005 #zoom-in-button:not([disabled="true"]):hover {
1006   -moz-image-region: rect(18px, 306px, 36px, 288px);
1007 }
1008
1009 #zoom-in-button[disabled="true"] {
1010   -moz-image-region: rect(36px, 306px, 54px, 288px);
1011 }
1012
1013 #sync-button:not([status]) {
1014   list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
1015   -moz-image-region: rect(0, 324px, 18px, 306px);
1016 }
1017
1018 #sync-button[status="active"] {
1019   list-style-image: url("chrome://browser/skin/sync-throbber.png");
1020   -moz-image-region: rect(0, 18px, 18px, 0);
1021 }
1022
1023 #sync-button[disabled="true"] {
1024   -moz-image-region: rect(36px, 324px, 54px, 306px);
1025 }
1026
1027 #feed-button {
1028   -moz-image-region: rect(0, 342px, 18px, 324px);
1029 }
1030
1031 #feed-button[disabled="true"] {
1032   -moz-image-region: rect(36px, 342px, 54px, 324px);
1033 }
1034
1035 #webrtc-status-button {
1036   -moz-image-region: rect(0, 360px, 18px, 342px);
1037 }
1038
1039 #webrtc-status-button:not([disabled="true"]):hover,
1040 #webrtc-status-button[open="true"] {
1041   -moz-image-region: rect(18px, 360px, 36px, 342px);
1042 }
1043
1044 #webrtc-status-button[disabled="true"] {
1045   -moz-image-region: rect(36px, 360px, 54px, 342px);
1046 }
1047
1048 /* tabview button & menu item */
1049
1050 #tabview-button,
1051 #menu_tabview {
1052   list-style-image: url("chrome://browser/skin/tabview/tabview.png");
1053 }
1054
1055 #tabview-button {
1056   -moz-image-region: rect(0, 90px, 18px, 72px);
1057 }
1058
1059 #tabview-button[groups="0"] {
1060   -moz-image-region: rect(0, 18px, 18px, 0);
1061 }
1062
1063 #tabview-button[groups="1"] {
1064   -moz-image-region: rect(0, 36px, 18px, 18px);
1065 }
1066
1067 #tabview-button[groups="2"] {
1068   -moz-image-region: rect(0, 54px, 18px, 36px);
1069 }
1070
1071 #tabview-button[groups="3"] {
1072   -moz-image-region: rect(0, 72px, 18px, 54px);
1073 }
1074
1075 #menu_tabview {
1076   -moz-image-region: rect(1px, 89px, 17px, 73px);
1077 }
1078
1079 #menu_tabview[groups="0"] {
1080   -moz-image-region: rect(1px, 17px, 17px, 1px);
1081 }
1082
1083 #menu_tabview[groups="1"] {
1084   -moz-image-region: rect(1px, 35px, 17px, 19px);
1085 }
1086
1087 #menu_tabview[groups="2"] {
1088   -moz-image-region: rect(1px, 53px, 17px, 37px);
1089 }
1090
1091 #menu_tabview[groups="3"] {
1092   -moz-image-region: rect(1px, 71px, 17px, 55px);
1093 }
1094
1095 /* ::::: fullscreen window controls ::::: */
1096
1097 #window-controls {
1098   -moz-margin-start: 4px;
1099 }
1100
1101 #minimize-button,
1102 #restore-button,
1103 #close-button {
1104 /*  padding: 0; */
1105 }
1106
1107 #minimize-button {
1108   list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1109 }
1110
1111 #minimize-button:hover {
1112   list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1113 }
1114
1115 #restore-button {
1116   list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1117 }
1118
1119 #restore-button:hover {
1120   list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1121 }
1122
1123 #close-button {
1124   list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1125 }
1126
1127 #close-button:hover {
1128   list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1129 }
1130
1131 /* ::::: Location Bar ::::: */
1132
1133 #urlbar,
1134 .searchbar-textbox {
1135   border-radius: 5px;
1136   margin: 0;
1137   -moz-margin-start: 3px;
1138 }
1139
1140 #urlbar {
1141   width: 7em;
1142   /* make color as light as possible to deal with dark non-domain parts */
1143   color: #FFBFFF;
1144 }
1145
1146 #urlbar:-moz-lwtheme,
1147 .searchbar-textbox:-moz-lwtheme {
1148   /* background-color: rgba(255,255,255,.8);
1149   @navbarTextboxCustomBorder@
1150   color: black; */
1151 }
1152
1153 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1154     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1155     #unified-back-forward-button + #urlbar-container {
1156   padding-left: 22px;
1157   -moz-margin-start: -22px;
1158   position: relative;
1159   pointer-events: none;
1160 }
1161
1162 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1163     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1164     #unified-back-forward-button + #urlbar-container > #urlbar {
1165 /*  -moz-border-start: none;
1166   margin-left: 0; */
1167   pointer-events: all;
1168 }
1169
1170 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1171     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1172     #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
1173   transition: margin-left 150ms ease-out;
1174 }
1175
1176 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1177     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1178     #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
1179 /*  border-top-left-radius: 0;
1180   border-bottom-left-radius: 0; */
1181 }
1182
1183 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1184     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1185     #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
1186 /*  border-top-right-radius: 0;
1187   border-bottom-right-radius: 0; */
1188 }
1189
1190 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1191     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1192     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
1193   margin-left: -22px;
1194 }
1195
1196 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1197     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1198     #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
1199   /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
1200   transition-delay: 100s;
1201 }
1202
1203 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1204     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1205     #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
1206   /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
1207   margin-left: -22.01px;
1208 }
1209
1210 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1211     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1212     #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
1213 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1214     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1215     #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
1216   /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
1217   transform: scaleX(-1);
1218 }
1219
1220 html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1221 .searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
1222   color: #E7ADE7;
1223 }
1224
1225 #urlbar:-moz-lwtheme[focused="true"],
1226 .searchbar-textbox:-moz-lwtheme[focused="true"] {
1227 /*  background-color: white; */
1228 }
1229
1230 #urlbar-container {
1231   -moz-box-orient: horizontal;
1232   -moz-box-align: stretch;
1233 }
1234
1235 .urlbar-textbox-container {
1236   -moz-box-align: stretch;
1237 }
1238
1239 .urlbar-input-box {
1240   -moz-margin-start: 0;
1241   min-width: 4em;
1242 }
1243
1244 #urlbar-icons {
1245   -moz-box-align: center;
1246 }
1247
1248 .urlbar-icon {
1249   padding: 0 2px;
1250 }
1251
1252 .searchbar-engine-button,
1253 .search-go-container {
1254   padding: 2px;
1255 }
1256
1257 .search-go-container > .search-go-button {
1258   padding: 0;
1259 }
1260
1261 .urlbar-icon:hover {
1262 }
1263
1264 .urlbar-icon[open="true"],
1265 .urlbar-icon:hover:active {
1266 }
1267
1268 #urlbar-search-splitter {
1269   min-width: 6px;
1270   -moz-margin-start: -3px;
1271   border: none;
1272   background: transparent;
1273 }
1274
1275 #urlbar-search-splitter + #urlbar-container > #urlbar,
1276 #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1277   -moz-margin-start: 0;
1278 }
1279
1280 #urlbar-display {
1281   -moz-border-end: 1px solid #9C9CFF;
1282   -moz-margin-end: 3px;
1283   margin-top: 0;
1284   margin-bottom: 0;
1285   -moz-margin-start: 0;
1286   color: #8050B0;
1287 }
1288
1289 /* identity box */
1290
1291 #identity-box {
1292   border-radius: 2px;
1293   font-size: .9em;
1294 }
1295
1296 #notification-popup-box:not([hidden]) + #identity-box {
1297   -moz-padding-start: 10px !important;
1298   border-radius: 0;
1299 }
1300
1301 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1302     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1303     #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box {
1304 /*   border-radius: 0; */
1305   -moz-padding-start: 2px;
1306   -moz-padding-end: 2px;
1307   -moz-margin-end: 1px;
1308 }
1309
1310 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1311     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1312     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
1313   padding-left: 2px;
1314   transition: padding-left;
1315 }
1316
1317 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1318     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1319     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
1320   padding-right: 2px;
1321   transition: padding-right;
1322 }
1323
1324 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1325     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1326     #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box {
1327   /* forward button hiding is delayed when hovered */
1328   transition-delay: 100s;
1329 }
1330
1331 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1332     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1333     #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
1334   /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1335   padding-left: 2.01px;
1336 }
1337
1338 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1339     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1340     #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
1341   /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
1342   padding-right: 2.01px;
1343 }
1344
1345 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1346 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1347   -moz-margin-end: 3px;
1348 }
1349
1350 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(ltr),
1351 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
1352   border-top-right-radius: 0;
1353   border-bottom-right-radius: 0;
1354 }
1355
1356 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
1357 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
1358   border-top-left-radius: 0;
1359   border-bottom-left-radius: 0;
1360 }
1361
1362 #identity-box.verifiedIdentity:not(:-moz-lwtheme) {
1363   background-color: #000000;
1364 }
1365
1366 #identity-box:-moz-focusring {
1367   outline: 1px dotted #008484;
1368   outline-offset: -1px;
1369 }
1370
1371 #identity-box.verifiedDomain:-moz-focusring,
1372 #identity-box.verifiedIdentity:-moz-focusring {
1373   outline-color: #000000;
1374 }
1375
1376 #identity-icon-labels {
1377   -moz-margin-start: 1px;
1378   -moz-margin-end: 3px;
1379 }
1380
1381 /* Location bar dropmarker */
1382
1383 .urlbar-history-dropmarker:not(:hover):not([open="true"]) {
1384   background-color: transparent;
1385 }
1386
1387 #urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
1388   border: none;
1389   border-radius: 0px;
1390 }
1391
1392 .urlbar-history-dropmarker:hover {
1393 }
1394
1395 .urlbar-history-dropmarker:hover:active,
1396 .urlbar-history-dropmarker[open="true"] {
1397 }
1398
1399 /* page proxy icon */
1400
1401 /* === BEGIN identity-block.inc.css === */
1402
1403 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
1404   /* Default theme does different color per channel, we can't as they do it build-time. */
1405   color: #9C9CFF;
1406   -moz-border-end: 1px solid #9C9CFF;
1407 }
1408
1409 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1410   color: #008484;
1411   -moz-border-end: 1px solid #008484;
1412 }
1413
1414 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1415 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1416   background-position: right;
1417   background-size: 1px;
1418   background-repeat: no-repeat;
1419 }
1420
1421 /* page proxy icon */
1422
1423 #page-proxy-favicon {
1424   width: 16px;
1425   height: 16px;
1426   list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
1427 }
1428
1429 .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
1430   list-style-image: url("chrome://branding/content/identity-icons-brand.png");
1431 }
1432
1433 .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
1434   list-style-image: url("chrome://browser/skin/identity-icons-https.png");
1435 }
1436
1437 .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
1438   list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
1439 }
1440
1441 .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
1442   list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
1443 }
1444
1445 .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
1446   list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
1447 }
1448
1449 .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
1450   list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
1451 }
1452
1453 #page-proxy-favicon[pageproxystate="invalid"] {
1454   opacity: 0.3;
1455 }
1456
1457 #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
1458   list-style-image: url("chrome://branding/content/icon64.png");
1459 }
1460
1461 #identity-popup-brandName {
1462   font-weight: bold;
1463   font-size: 1.25em;
1464   margin-top: .5em;
1465   margin-bottom: .5em;
1466 }
1467
1468 #identity-popup-content-box {
1469   max-width: 50ch;
1470 }
1471
1472 /* === END identity-block.inc.css === */
1473
1474 #page-proxy-favicon {
1475   -moz-image-region: rect(0, 16px, 16px, 0);
1476 }
1477
1478 #identity-box:hover > #page-proxy-favicon {
1479   -moz-image-region: rect(0, 32px, 16px, 16px);
1480 }
1481
1482 #identity-box:hover:active > #page-proxy-favicon,
1483 #identity-box[open=true] > #page-proxy-favicon {
1484   -moz-image-region: rect(0, 48px, 16px, 32px);
1485 }
1486
1487 #identity-box:hover {
1488   background-color: #FFCF00;
1489   color: #000000;
1490 }
1491
1492 #identity-box:hover:active,
1493 #identity-box[open=true] {
1494   background-color: #FF9F00;
1495   color: #000000;
1496 }
1497
1498 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
1499 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
1500 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
1501   background-color: #9C9CFF;
1502   color: #000000;
1503 }
1504
1505 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
1506 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
1507 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
1508   background-color: #008484;
1509   color: #000000;
1510 }
1511
1512 /* autocomplete */
1513
1514 #treecolAutoCompleteImage {
1515   max-width: 36px;
1516 }
1517
1518 .ac-result-type-bookmark,
1519 .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
1520   list-style-image: url("chrome://browser/skin/places/bookmark.png");
1521   -moz-image-region: rect(0px 16px 16px 0px);
1522   width: 16px;
1523   height: 16px;
1524 }
1525
1526 .ac-result-type-keyword,
1527 .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1528   list-style-image: url("chrome://global/skin/icons/Search-glass.png");
1529   -moz-image-region: rect(0px 32px 16px 16px);
1530   width: 16px;
1531   height: 16px;
1532 }
1533
1534 .ac-result-type-tag,
1535 .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
1536   list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
1537   width: 16px;
1538   height: 16px;
1539 }
1540
1541 .ac-comment {
1542   font-size: 1.15em;
1543 }
1544
1545 .ac-extra > .ac-comment {
1546   font-size: inherit;
1547 }
1548
1549 .ac-url-text,
1550 .ac-action-text {
1551   color: #9C9CFF;
1552 }
1553
1554 richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1555   list-style-image: url("chrome://browser/skin/actionicon-tab.png");
1556   -moz-image-region: rect(0, 16px, 16px, 0);
1557   padding: 0 3px;
1558 }
1559
1560 richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
1561   -moz-image-region: rect(16px, 16px, 32px, 0);
1562 }
1563
1564 .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1565   color: #8050B0;
1566 }
1567
1568 .ac-comment[selected="true"],
1569 .ac-url-text[selected="true"],
1570 .ac-action-text[selected="true"] {
1571   color: inherit !important;
1572 }
1573
1574 .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1575 .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
1576 {
1577   color: #8050B0;
1578   font-size: smaller;
1579 }
1580
1581 .autocomplete-treebody::-moz-tree-cell(suggesthint) {
1582   border-top: 1px solid #9C9CFF;
1583 }
1584
1585 /* combined go/reload/stop button in location bar */
1586
1587 #go-button,
1588 #urlbar > toolbarbutton {
1589   list-style-image: url("chrome://browser/skin/reload-stop-go.png");
1590   /* margin: -2px; */
1591   -moz-margin-start: 0;
1592   padding: 0 2px;
1593   background-origin: border-box;
1594   border: none;
1595   -moz-border-start: 1px solid #9C9CFF;
1596 }
1597
1598 #go-button {
1599   padding: 0 3px;
1600 }
1601
1602 #urlbar:-moz-locale-dir(ltr) > toolbarbutton {
1603   border-top-left-radius: 0px;
1604   border-bottom-left-radius: 0px;
1605 }
1606
1607 #urlbar:-moz-locale-dir(rtl) > toolbarbutton {
1608   border-top-right-radius: 0px;
1609   border-bottom-right-radius: 0px;
1610 }
1611
1612 #urlbar > toolbarbutton:not([disabled]):active:hover,
1613 #urlbar-reload-button:not(:hover) {
1614   -moz-border-start-style: none;
1615   -moz-padding-start: 3px;
1616 }
1617
1618 #urlbar > toolbarbutton:not([disabled]):active:hover {
1619 }
1620
1621 #urlbar-go-button {
1622   -moz-image-region: rect(0, 42px, 14px, 28px);
1623 }
1624
1625 #go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1626 #urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1627   transform: scaleX(-1);
1628 }
1629
1630 #urlbar-go-button:hover,
1631 #go-button:hover {
1632   -moz-image-region: rect(14px, 42px, 28px, 28px);
1633 }
1634
1635 #urlbar-reload-button {
1636   -moz-image-region: rect(0px, 14px, 14px, 0px);
1637 }
1638
1639 #urlbar-reload-button[disabled] {
1640   -moz-image-region: rect(28px, 14px, 42px, 0px);
1641 }
1642
1643 #urlbar-reload-button:not([disabled]):hover {
1644   -moz-image-region: rect(14px, 14px, 28px, 0px);
1645 }
1646
1647 #urlbar-stop-button {
1648   -moz-image-region: rect(0px, 28px, 14px, 14px);
1649 }
1650
1651 #urlbar-stop-button:hover {
1652   -moz-image-region: rect(14px, 28px, 28px, 14px);
1653 }
1654
1655 /* popup blocker button */
1656
1657 #page-report-button {
1658   list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
1659   -moz-image-region: rect(0, 16px, 16px, 0);
1660 }
1661
1662 #page-report-button:hover ,
1663 #page-report-button:hover:active,
1664 #page-report-button[open="true"] {
1665   -moz-image-region: rect(0, 32px, 16px, 16px);
1666 }
1667
1668 /* social share panel */
1669
1670 #social-share-panel > iframe {
1671 /*  background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/
1672   width: 300px;
1673   height: 150px;
1674 }
1675
1676 #social-share-button {
1677   list-style-image: url("chrome://browser/skin/social/share-button.png");
1678   -moz-image-region: rect(0, 16px, 16px, 0);
1679 }
1680
1681 .social-share-toolbar {
1682   border-right: 1px solid #9C9CFF;
1683 /*  background-color: #000000; */
1684 }
1685
1686 #social-share-provider-buttons {
1687   padding: 6px;
1688 }
1689
1690 #social-share-provider-buttons > .share-provider-button {
1691   -moz-appearance: none;
1692   padding: 5px;
1693   margin: 1px;
1694   border: none;
1695   background: none;
1696   border-radius: 2px;
1697 }
1698
1699 #social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]),
1700 #social-share-provider-buttons > .share-provider-button:hover,
1701 #social-share-provider-buttons > .share-provider-button:active {
1702   padding: 4px;
1703 }
1704
1705 #social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) {
1706 }
1707
1708 #social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
1709   display: none;
1710 }
1711 #social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
1712   width: 16px;
1713   min-height: 16px;
1714   max-height: 16px;
1715 }
1716
1717 /* fixup corners for share panel */
1718 .social-panel > .social-panel-frame {
1719   border-radius: inherit;
1720 }
1721
1722 #social-share-panel {
1723   max-height: 600px;
1724   min-height: 100px;
1725   max-width: 800px;
1726   min-width: 300px;
1727 }
1728
1729 .social-share-frame {
1730 /*  background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */
1731   width: 330px;
1732   height: 150px;
1733   /* we resize our panels dynamically, make it look nice */
1734   transition: height 100ms ease-out, width 100ms ease-out;
1735 }
1736
1737 .social-share-frame:-moz-locale-dir(ltr) {
1738   border-top-left-radius: 0;
1739   border-bottom-left-radius: 0;
1740   border-top-right-radius: inherit;
1741   border-bottom-right-radius: inherit;
1742 }
1743
1744 .social-share-frame:-moz-locale-dir(rtl) {
1745   border-top-left-radius: inherit;
1746   border-bottom-left-radius: inherit;
1747   border-top-right-radius: 0;
1748   border-bottom-right-radius: 0;
1749 }
1750
1751 #social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) {
1752   border-top-left-radius: inherit;
1753   border-bottom-left-radius: inherit;
1754 }
1755
1756 #social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) {
1757   border-top-right-radius: inherit;
1758   border-bottom-right-radius: inherit;
1759 }
1760
1761 #social-share-provider-buttons:-moz-locale-dir(ltr) {
1762   border-top-left-radius: inherit;
1763   border-bottom-left-radius: inherit;
1764 }
1765
1766 #social-share-provider-buttons:-moz-locale-dir(rtl) {
1767   border-top-right-radius: inherit;
1768   border-bottom-right-radius: inherit;
1769 }
1770
1771 /* social recommending panel */
1772
1773 #social-mark-button {
1774   -moz-image-region: rect(0, 16px, 16px, 0);
1775 }
1776
1777 /* star button */
1778
1779 #star-button {
1780   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
1781   -moz-image-region: rect(16px 16px 32px 0px);
1782 }
1783
1784 #star-button:hover {
1785   -moz-image-region: rect(16px 32px 32px 16px);
1786 }
1787
1788 #star-button:hover:active {
1789   -moz-image-region: rect(16px 48px 32px 32px);
1790 }
1791
1792 #star-button[starred="true"] {
1793   -moz-image-region: rect(0px 16px 16px 0px);
1794 }
1795
1796 #star-button[starred="true"]:hover {
1797   -moz-image-region: rect(0px 32px 16px 16px);
1798 }
1799
1800 #star-button[starred="true"]:hover:active {
1801   -moz-image-region: rect(0px 48px 16px 32px);
1802 }
1803
1804 /* bookmarking panel */
1805 #editBookmarkPanelStarIcon {
1806   list-style-image: url("chrome://browser/skin/places/starred48.png");
1807   width: 48px;
1808   height: 48px;
1809 }
1810
1811 #editBookmarkPanelStarIcon[unstarred] {
1812   list-style-image: url("chrome://browser/skin/places/unstarred48.png");
1813 }
1814
1815 #editBookmarkPanelTitle {
1816   font-size: 130%;
1817 }
1818
1819 #editBookmarkPanelHeader,
1820 #editBookmarkPanelContent {
1821   margin-bottom: .5em;
1822 }
1823
1824 /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
1825 #editBMPanel_folderTree {
1826   min-width: 27em;
1827 }
1828
1829 .panel-promo-box {
1830   margin: 5px -6px -6px;
1831   padding: 5px;
1832   border-top: 1px solid #9C9CFF;
1833   border-bottom-left-radius: 5px;
1834   border-bottom-right-radius: 5px;
1835 }
1836
1837 .panel-promo-icon {
1838   list-style-image: url("chrome://browser/skin/sync-notification-24.png");
1839   -moz-margin-end: 10px;
1840   vertical-align: middle;
1841 }
1842
1843 .panel-promo-closebutton {
1844   list-style-image: url("chrome://global/skin/icons/close-button.gif");
1845   -moz-margin-end: -3px;
1846   margin-top: -3px;
1847 }
1848
1849 .panel-promo-closebutton:hover {
1850   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1851 }
1852
1853 .panel-promo-closebutton:hover:active {
1854   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
1855 }
1856
1857 .panel-promo-closebutton > .toolbarbutton-text {
1858   padding: 0;
1859   margin: 0;
1860 }
1861
1862 /* ::::: content area ::::: */
1863
1864 #sidebar {
1865   background-color: Window;
1866 }
1867
1868 #sidebar-title {
1869   -moz-padding-start: 0px;
1870 }
1871
1872 .browserContainer > findbar {
1873 /*
1874   background-color: -moz-dialog;
1875   color: -moz-DialogText;
1876 */
1877 }
1878
1879 /* ::::: throbber ::::: */
1880
1881 #navigator-throbber {
1882   width: 16px;
1883   min-height: 16px;
1884   margin: 0 3px;
1885 }
1886
1887 #navigator-throbber[busy="true"] {
1888   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
1889 }
1890
1891 #navigator-throbber,
1892 #wrapper-navigator-throbber > #navigator-throbber {
1893   list-style-image: url("chrome://communicator/skin/brand/throbber16-single.png");
1894 }
1895
1896 /* Tabstrip */
1897
1898 #TabsToolbar {
1899   min-height: 0;
1900   padding: 0;
1901   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
1902 }
1903
1904 #TabsToolbar .toolbar-holder {
1905   background-color: #000000; /* correct effect of being an actual toolbar */
1906 }
1907
1908 #main-window[disablechrome] #TabsToolbar,
1909 #TabsToolbar[tabsontop="false"] {
1910   border-bottom: 1px solid #008484;
1911 }
1912
1913 .tabbrowser-tab,
1914 .tabs-newtab-button {
1915   margin-top: 0px;
1916 }
1917
1918 .tabbrowser-tab{
1919   padding: 1px 4px 2px;
1920 }
1921
1922 .tabbrowser-tab:first-of-type {
1923   -moz-margin-start: 2px;
1924 }
1925
1926 .tabs-newtab-button {
1927   border-radius: 8px 8px 0px 0px;
1928   -moz-margin-start: 0;
1929 }
1930
1931 .tabs-newtab-button:not(:hover) {
1932   background-color: #C09070;
1933 }
1934
1935 .tabbrowser-tab[remote] {
1936   text-decoration: underline;
1937 }
1938
1939 .tabbrowser-tab:hover,
1940 .tabs-newtab-button:hover {
1941 }
1942
1943 .tabbrowser-tab[selected="true"] {
1944 }
1945
1946 #main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
1947 }
1948
1949 .tabbrowser-tab:-moz-lwtheme {
1950 }
1951
1952 .tabbrowser-tab[selected="true"]:-moz-lwtheme {
1953 }
1954
1955 .tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
1956 .tabs-newtab-button:-moz-lwtheme-brighttext {
1957 }
1958
1959 .tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
1960 .tabs-newtab-button:-moz-lwtheme-brighttext:hover {
1961 }
1962
1963 .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
1964 .tabs-newtab-button:-moz-lwtheme-darktext {
1965 }
1966
1967 .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
1968 .tabs-newtab-button:-moz-lwtheme-darktext:hover {
1969 }
1970
1971 .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
1972   background-color: #E7ADE7;
1973 }
1974 .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
1975   background-color: #3333FF;
1976   color: #000000;
1977 }
1978
1979 .tab-throbber,
1980 .tab-icon-image {
1981   width: 16px;
1982   height: 16px;
1983   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1984   -moz-image-region: auto;
1985   -moz-margin-end: 3px;
1986 }
1987
1988 .tab-throbber {
1989   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
1990 }
1991
1992 .tab-throbber[progress] {
1993   list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
1994 }
1995
1996 .tab-throbber[pinned],
1997 .tab-icon-image[pinned] {
1998   -moz-margin-start: 2px;
1999   -moz-margin-end: 2px;
2000 }
2001
2002 /* tabbrowser-tab focus ring */
2003 .tabbrowser-tab:focus > .tab-stack {
2004   outline: 1px dotted;
2005 }
2006
2007 /* Tab DnD indicator */
2008 .tab-drop-indicator {
2009   list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
2010   margin-bottom: -11px;
2011 }
2012
2013 /* Tab close button */
2014 .tab-close-button {
2015   border: none;
2016   padding: 0px;
2017   margin-top: 1px;
2018   list-style-image: url("chrome://global/skin/icons/close-button.gif");
2019 }
2020
2021 .tab-close-button:hover,
2022 .tab-close-button:hover[selected="true"] {
2023   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2024 }
2025
2026 .tab-close-button:hover:active,
2027 .tab-close-button:hover:active[selected="true"] {
2028   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2029 }
2030
2031 /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
2032
2033 .tabbrowser-arrowscrollbox > .scrollbutton-up,
2034 .tabbrowser-arrowscrollbox > .scrollbutton-down {
2035   margin: 0;
2036   padding-top: 0;
2037   padding-bottom: 0;
2038 }
2039
2040 .tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
2041   background-color: #008484;
2042 }
2043
2044 .tabs-newtab-button > .toolbarbutton-icon {
2045   margin-top: -1px;
2046   margin-bottom: -1px;
2047 }
2048
2049 .tabs-newtab-button,
2050 #TabsToolbar > #new-tab-button,
2051 #TabsToolbar > toolbarpaletteitem > #new-tab-button {
2052   list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
2053   -moz-image-region: rect(0, 16px, 18px, 0);
2054 }
2055
2056 .tabs-newtab-button {
2057   width: 28px;
2058 }
2059
2060 #TabsToolbar > #new-tab-button {
2061   width: 26px;
2062 }
2063
2064 .tabs-newtab-button,
2065 .tabs-newtab-button:hover,
2066 #TabsToolbar > #new-tab-button:hover {
2067   -moz-image-region: rect(0, 32px, 18px, 16px);
2068 }
2069
2070 #alltabs-button {
2071   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
2072 }
2073
2074 #alltabs-button > .toolbarbutton-menu-dropmarker {
2075   display: none;
2076 }
2077
2078 #alltabs-button:hover,
2079 #alltabs-button:hover:active,
2080 #alltabs-button[open="true"] {
2081   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
2082 }
2083
2084 /* All tabs menupopup */
2085 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
2086   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
2087   -moz-image-region: auto;
2088 }
2089
2090 .alltabs-item[selected="true"] {
2091   font-weight: bold;
2092 }
2093
2094 .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
2095   list-style-image: url("chrome://global/skin/icons/loading.gif");
2096 }
2097
2098 .alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
2099   background-color: #402800;
2100 }
2101
2102 /* Tabstrip close button */
2103 .tabs-closebutton {
2104   -moz-box-flex: 1;
2105   margin: 0px;
2106   padding: 2px;
2107   list-style-image: url("chrome://global/skin/icons/close-button.gif");
2108 }
2109
2110 .tabs-closebutton > .toolbarbutton-icon {
2111 }
2112
2113 .tabs-closebutton > .toolbarbutton-text {
2114   display: none;
2115 }
2116
2117 .tabs-closebutton:hover,
2118 .tabs-closebutton:hover:active {
2119   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2120 }
2121
2122 toolbarbutton.chevron {
2123   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
2124 }
2125
2126 toolbarbutton.chevron:hover {
2127   list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
2128 }
2129
2130 toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2131 toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
2132   transform: scaleX(-1);
2133 }
2134
2135 toolbarbutton.chevron > .toolbarbutton-text,
2136 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
2137   display: none;
2138 }
2139
2140 toolbarbutton.chevron > .toolbarbutton-icon {
2141   margin: 0;
2142 }
2143
2144 toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
2145   display: -moz-box; /* display chevron icon in text mode */
2146 }
2147
2148 #sidebar-throbber[loading="true"] {
2149   list-style-image: url("chrome://global/skin/icons/loading.gif");
2150   -moz-margin-end: 4px;
2151 }
2152
2153 /* Bookmarks toolbar */
2154 #PlacesToolbarDropIndicator {
2155   list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
2156 }
2157
2158 toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2159   background-color: #008484 !important;
2160   color: #FFCF00 !important;
2161 }
2162
2163 /* rules for menupopup drop indicators */
2164 .menupopup-drop-indicator-bar {
2165   position: relative;
2166   /* these two margins must together compensate the indicator's height */
2167   margin-top: -1px;
2168   margin-bottom: -1px;
2169 }
2170
2171 .menupopup-drop-indicator {
2172   list-style-image: none;
2173   height: 2px;
2174   -moz-margin-end: -4em;
2175   background-color: #008484;
2176 }
2177
2178 /* ::::: Identity Indicator Styling ::::: */
2179
2180 /* Popup Icons */
2181 #identity-popup-icon {
2182   height: 64px;
2183   width: 64px;
2184   padding: 0;
2185   list-style-image: url("chrome://browser/skin/identity.png");
2186   -moz-image-region: rect(0px, 64px, 64px, 0px);
2187 }
2188
2189 #identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2190   -moz-image-region: rect(64px, 64px, 128px, 0px);
2191 }
2192
2193 #identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2194   -moz-image-region: rect(128px, 64px, 192px, 0px);
2195 }
2196
2197 /* Popup Body Text */
2198 .identity-popup-description {
2199   white-space: pre-wrap;
2200   -moz-padding-start: 15px;
2201   margin: 2px 0 4px;
2202 }
2203
2204 .identity-popup-label {
2205   white-space: pre-wrap;
2206   -moz-padding-start: 15px;
2207   margin: 0;
2208 }
2209
2210 #identity-popup-content-host,
2211 #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2212   font-size: 1.2em;
2213 }
2214
2215 #identity-popup-content-host {
2216   margin-top: 3px;
2217   margin-bottom: 5px;
2218   font-weight: bold;
2219   max-width: 300px;
2220 }
2221
2222 #identity-popup-content-owner {
2223   margin-top: 4px;
2224   margin-bottom: 0 !important;
2225   font-weight: bold;
2226   max-width: 300px;
2227 }
2228
2229 .verifiedDomain > #identity-popup-content-owner {
2230   font-weight: normal;
2231 }
2232
2233 #identity-popup-content-verifier {
2234   margin: 4px 0 2px;
2235 }
2236
2237 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
2238 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
2239   margin-top: 10px;
2240   -moz-margin-start: -24px;
2241 }
2242
2243 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
2244 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
2245   list-style-image: url("chrome://browser/skin/Secure24.png");
2246 }
2247
2248 #identity-popup-more-info-button {
2249   margin-top: 6px;
2250   margin-bottom: 0;
2251   -moz-margin-end: 0;
2252 }
2253
2254 #identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
2255   padding: 0;
2256 }
2257
2258 #identity-popup-container {
2259   min-width: 280px;
2260   padding: 10px;
2261 }
2262
2263 #identity-popup-button-container {
2264 /*  background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
2265   padding: 10px;
2266   margin-top: 5px;
2267 }
2268
2269 .popup-notification-icon {
2270   width: 64px;
2271   height: 64px;
2272   -moz-margin-end: 10px;
2273 }
2274
2275 .popup-notification-icon[popupid="geolocation"] {
2276   list-style-image: url("chrome://browser/skin/Geolocation-64.png");
2277 }
2278
2279 .popup-notification-icon[popupid="xpinstall-disabled"],
2280 .popup-notification-icon[popupid="addon-progress"],
2281 .popup-notification-icon[popupid="addon-install-cancelled"],
2282 .popup-notification-icon[popupid="addon-install-blocked"],
2283 .popup-notification-icon[popupid="addon-install-failed"],
2284 .popup-notification-icon[popupid="addon-install-complete"] {
2285   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
2286   width: 32px;
2287   height: 32px;
2288 }
2289
2290 .popup-notification-icon[popupid="click-to-play-plugins"] {
2291   list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
2292 }
2293
2294 .popup-notification-icon[popupid="plugins-not-found"] {
2295   list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
2296 }
2297
2298 .popup-notification-icon[popupid="web-notifications"] {
2299   list-style-image: url("chrome://browser/skin/notification-64.png");
2300 }
2301
2302 .addon-progress-description {
2303   width: 350px;
2304   max-width: 350px;
2305 }
2306
2307 .popup-progress-label,
2308 .popup-progress-meter {
2309   -moz-margin-start: 0;
2310   -moz-margin-end: 0;
2311 }
2312
2313 .popup-progress-cancel {
2314   -moz-appearance: none;
2315   background: transparent;
2316   border: none;
2317   padding: 0;
2318   margin: 0;
2319   min-height: 0;
2320   min-width: 0;
2321   list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
2322   -moz-image-region: rect(0px, 32px, 16px, 16px);
2323 }
2324
2325 .popup-progress-cancel:hover {
2326   -moz-image-region: rect(16px, 32px, 32px, 16px);
2327 }
2328
2329 .popup-progress-cancel:active {
2330   -moz-image-region: rect(32px, 32px, 48px, 16px);
2331 }
2332
2333 .popup-notification-icon[popupid="indexedDB-permissions-prompt"],
2334 .popup-notification-icon[popupid="indexedDB-quota-prompt"],
2335 .popup-notification-icon[popupid*="offline-app-requested"],
2336 .popup-notification-icon[popupid="offline-app-usage"] {
2337   list-style-image: url("chrome://global/skin/icons/alert-question.gif");
2338 }
2339
2340 .popup-notification-icon[popupid="password-save"],
2341 .popup-notification-icon[popupid="password-change"] {
2342   list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
2343 }
2344
2345 .popup-notification-icon[popupid="webapps-install"] {
2346   list-style-image: url("chrome://global/skin/icons/webapps-64.png");
2347 }
2348
2349 .popup-notification-icon[popupid="mixed-content-blocked"] {
2350   list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
2351 }
2352
2353 .popup-notification-icon[popupid="webRTC-sharingDevices"],
2354 .popup-notification-icon[popupid="webRTC-shareDevices"] {
2355   list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
2356 }
2357
2358 .popup-notification-icon[popupid="pointerLock"] {
2359   list-style-image: url("chrome://browser/skin/pointerLock-64.png");
2360 }
2361
2362 /* Notification icon box */
2363 #notification-popup-box {
2364   position: relative;
2365   background-color: #000000;
2366   background-clip: padding-box;
2367   padding-left: 3px;
2368   padding-right: 8px;
2369   border-radius: 3px 0 0 3px;
2370   border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
2371   -moz-margin-end: -8px;
2372   border-right-width: 8px;
2373 }
2374
2375 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2376     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2377     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
2378 /*  padding-left: 5px; */
2379 }
2380
2381 #notification-popup-box:-moz-locale-dir(rtl),
2382 .notification-anchor-icon:-moz-locale-dir(rtl) {
2383   transform: scaleX(-1);
2384 }
2385
2386 .notification-anchor-icon {
2387   width: 16px;
2388   height: 16px;
2389   margin: 0 2px;
2390 }
2391
2392 .notification-anchor-icon:-moz-focusring {
2393   outline: 1px dotted #008484;
2394 /*  outline-offset: -3px; */
2395 }
2396
2397 .default-notification-icon,
2398 #default-notification-icon {
2399   list-style-image: url("chrome://global/skin/icons/information-16.png");
2400 }
2401
2402 .identity-notification-icon,
2403 #identity-notification-icon {
2404   list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
2405 }
2406
2407 .geo-notification-icon,
2408 #geo-notification-icon {
2409   list-style-image: url("chrome://browser/skin/Geolocation-16.png");
2410 }
2411
2412 #addons-notification-icon {
2413   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
2414 }
2415
2416 .indexedDB-notification-icon,
2417 #indexedDB-notification-icon {
2418   list-style-image: url("chrome://global/skin/icons/question-16.png");
2419 }
2420
2421 #password-notification-icon {
2422   list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
2423 }
2424
2425 #webapps-notification-icon {
2426   list-style-image: url("chrome://gobal/skin/icons/webapps-16.png");
2427 }
2428
2429 #plugins-notification-icon {
2430   list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
2431 }
2432
2433 #alert-plugins-notification-icon {
2434   list-style-image: url("chrome://browser/skin/notification-pluginAlert.png");
2435 }
2436
2437 #blocked-plugins-notification-icon {
2438   list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
2439 }
2440
2441 #plugins-notification-icon,
2442 #alert-plugins-notification-icon,
2443 #blocked-plugins-notification-icon {
2444 /*  -moz-image-region: rect(0, 16px, 16px, 0);*/
2445 }
2446
2447 #plugins-notification-icon:hover,
2448 #alert-plugins-notification-icon:hover,
2449 #blocked-plugins-notification-icon:hover {
2450 /*  -moz-image-region: rect(0, 32px, 16px, 16px);*/
2451 }
2452
2453 #plugin-install-notification-icon {
2454   list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
2455 }
2456
2457 #notification-popup-box[hidden] {
2458   /* Override display:none to make the pluginBlockedNotification animation work
2459      when showing the notification repeatedly. */
2460   display: -moz-box;
2461   visibility: collapse;
2462 }
2463
2464 #blocked-plugins-notification-icon[showing] {
2465   animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
2466 }
2467
2468 @keyframes pluginBlockedNotification {
2469   from {
2470     opacity: 0;
2471   }
2472   to {
2473     opacity: 1;
2474   }
2475 }
2476
2477 .mixed-content-blocked-notification-icon,
2478 #mixed-content-blocked-notification-icon {
2479   list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
2480 }
2481
2482 .webRTC-shareDevices-notification-icon,
2483 #webRTC-shareDevices-notification-icon {
2484   list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
2485 }
2486
2487 .webRTC-sharingDevices-notification-icon,
2488 #webRTC-sharingDevices-notification-icon {
2489   list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
2490 }
2491
2492 .web-notifications-notification-icon,
2493 #web-notifications-notification-icon {
2494   list-style-image: url("chrome://browser/skin/notification-16.png");
2495 }
2496
2497 #pointerLock-notification-icon {
2498   list-style-image: url("chrome://browser/skin/pointerLock-16.png");
2499 }
2500 #pointerLock-cancel {
2501   margin: 0px;
2502 }
2503
2504 #download-monitor {
2505   list-style-image: url("chrome://browser/skin/FxToolbar.png");
2506   -moz-image-region: rect(0, 108px, 18px, 90px);
2507 }
2508
2509 /* Bookmarks roots menu-items */
2510 #appmenu_subscribeToPage:not([disabled]),
2511 #appmenu_subscribeToPageMenu,
2512 #subscribeToPageMenuitem:not([disabled]),
2513 #subscribeToPageMenupopup,
2514 #BMB_subscribeToPageMenuitem:not([disabled]),
2515 #BMB_subscribeToPageMenupopup {
2516   list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
2517 }
2518
2519 #bookmarksToolbarFolderMenu,
2520 #appmenu_bookmarksToolbar,
2521 #BMB_bookmarksToolbar {
2522   list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
2523   -moz-image-region: auto;
2524 }
2525
2526 #appmenu_unsortedBookmarks,
2527 #BMB_unsortedBookmarks {
2528   list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
2529   -moz-image-region: auto;
2530 }
2531
2532 /* ::::: Keyboard UI Panel ::::: */
2533
2534 .KUI-panel {
2535   color: #FF9F00;
2536   border-style: none;
2537   border-radius: 20px;
2538 }
2539
2540 .KUI-panel[level="top"] {
2541   /*background-color: rgba(27%,27%,27%,.65);*/
2542 }
2543
2544 /* Ctrl-Tab */
2545
2546 #ctrlTab-panel {
2547   padding: 20px 10px 10px;
2548   font-weight: bold;
2549 }
2550
2551 .ctrlTab-favicon[src] {
2552   background-color: #000000;
2553   width: 20px;
2554   height: 20px;
2555   padding: 2px;
2556 }
2557
2558 .ctrlTab-preview-inner > .tabPreview-canvas {
2559 }
2560
2561 .ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
2562   margin-bottom: 2px;
2563 }
2564
2565 .ctrlTab-preview-inner {
2566   padding-bottom: 10px;
2567 }
2568
2569 #ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
2570   padding: 10px;
2571   background-color: #000000;
2572   border-radius: .5em;
2573 }
2574
2575 .ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
2576   color: white;
2577   background-color: #000000;
2578   text-shadow: none;
2579   padding: 8px;
2580   border: 2px solid #9C9CFF;
2581   border-radius: .5em;
2582 }
2583
2584 .ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2585   margin: -10px -10px 0;
2586 }
2587
2588 #ctrlTab-showAll {
2589   margin-top: .5em;
2590 }
2591
2592 /* Add-on bar */
2593
2594 #addon-bar {
2595   min-height: 20px;
2596   border-top: 3px solid #000000;
2597   border-bottom-width: 0;
2598 }
2599
2600 #addon-bar .toolbar-holder {
2601   background-color: #8050B0;
2602   color: #FFCF00;
2603 }
2604
2605 #addon-bar .toolbar-holder {
2606   background-color: #8050B0;
2607   color: #FFCF00;
2608 }
2609
2610 #addon-bar .toolbar-startcap,
2611 #addon-bar .toolbar-endcap{
2612   background-color: #6000CF;
2613 }
2614
2615 #status-bar {
2616   -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
2617   margin-top: .3em;
2618   border-width: 0;
2619 }
2620
2621 #addon-bar[customizing] > #status-bar {
2622   opacity: .5;
2623 /*  background-image: -moz-repeating-linear-gradient(-45deg,
2624                                                    rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
2625                                                    rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
2626 }
2627
2628 /* Remove all borders from statusbarpanel children of
2629    the statusbar.
2630 #status-bar > statusbarpanel {
2631   border-width: 0;
2632 } */
2633
2634 #addonbar-closebutton {
2635   border: none;
2636   padding: 3px 5px;
2637   list-style-image: url("chrome://global/skin/icons/close-button.gif");
2638 }
2639
2640 #addonbar-closebutton:hover,
2641 #addonbar-closebutton:hover:active {
2642   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2643 }
2644
2645 /* Status panel */
2646
2647 .statuspanel-label {
2648   margin: 0;
2649   padding: 2px 4px;
2650   background: #404000;
2651   border: 1px none #9C9CFF;
2652   border-top-style: solid;
2653   color: #FF9F00;
2654   text-shadow: none;
2655 }
2656
2657 .statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
2658 .statuspanel-label:-moz-locale-dir(rtl)[mirror] {
2659   border-right-style: solid;
2660   border-top-right-radius: .3em;
2661   margin-right: 1em;
2662 }
2663
2664 .statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
2665 .statuspanel-label:-moz-locale-dir(ltr)[mirror] {
2666   border-left-style: solid;
2667   border-top-left-radius: .3em;
2668   margin-left: 1em;
2669 }
2670
2671 /* HACK to abolish devily color on main content */
2672
2673 #content {
2674   background-color: transparent !important;
2675 }
2676
2677 /* Highlighter */
2678
2679 .highlighter-outline {
2680   box-shadow: 0 0 0 1px black;
2681   outline: 1px dashed white;
2682 }
2683
2684 .highlighter-outline[locked]  {
2685   box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
2686   outline-color: rgba(255,255,255,0.7);
2687 }
2688
2689 /* Highlighter - Node Infobar */
2690
2691 .highlighter-nodeinfobar {
2692   color: #FF9F00;
2693   border: 1px solid rgba(156, 156, 255, .5);
2694   border-radius: 3px;
2695   background-color: #000000;
2696   background-clip: padding-box;
2697 }
2698
2699 /* Highlighter - Node Infobar - text */
2700
2701 .highlighter-nodeinfobar-text {
2702   /* 100% - size of the buttons and margins */
2703   max-width: calc(100% - 2 * (26px + 6px));
2704   padding-bottom: 1px;
2705 }
2706
2707 html|*.highlighter-nodeinfobar-tagname {
2708   color: #FFCF00;
2709 }
2710
2711 html|*.highlighter-nodeinfobar-id {
2712   color: #9C9CFF;
2713 }
2714
2715 html|*.highlighter-nodeinfobar-pseudo-classes {
2716   color: #FF9F00;
2717 }
2718
2719 /* Highlighter - Node Infobar - buttons */
2720
2721 .highlighter-nodeinfobar-button {
2722   padding: 0;
2723   width: 26px;
2724   min-height: 26px;
2725 }
2726
2727 .highlighter-nodeinfobar-inspectbutton {
2728   list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
2729   -moz-image-region: rect(0px 16px 16px 0px);
2730   -moz-margin-start: 0px;
2731   -moz-margin-end: 2px;
2732 }
2733
2734 .highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
2735 }
2736
2737 .highlighter-nodeinfobar-inspectbutton:hover,
2738 .highlighter-nodeinfobar-inspectbutton:hover:active/*,
2739 .highlighter-nodeinfobar-container:not([locked]) >  .highlighter-nodeinfobar >  .highlighter-nodeinfobar-inspectbutton*/ {
2740   -moz-image-region: rect(0px 32px 16px 16px);
2741 }
2742
2743 .highlighter-nodeinfobar-menu {
2744 }
2745
2746 .highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
2747 }
2748
2749 .highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
2750   -moz-box-align: center;
2751   -moz-margin-start: -1px;
2752 }
2753
2754 /* Highlighter - Node Infobar - box & arrow */
2755
2756 .highlighter-nodeinfobar-arrow {
2757   width: 14px;
2758   height: 14px;
2759   -moz-margin-start: calc(50% - 7px);
2760   transform: rotate(-45deg);
2761   border: 1px solid transparent;
2762   background-clip: padding-box;
2763   background-repeat: no-repeat;
2764 }
2765
2766 .highlighter-nodeinfobar-arrow-top {
2767   margin-bottom: -8px;
2768   margin-top: 8px;
2769   border-right-color: rgba(0, 132, 132, .5);
2770   border-top-color: rgba(0, 132, 132, .5);
2771   background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
2772 }
2773
2774 .highlighter-nodeinfobar-arrow-bottom {
2775   margin-top: -8px;
2776   margin-bottom: 8px;
2777   border-left-color: rgba(0, 132, 132, .5);
2778   border-bottom-color: rgba(0, 132, 132, .5);
2779   background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
2780 }
2781
2782 .highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar,
2783 .highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar {
2784   box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
2785 }
2786
2787 .highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
2788   margin: 7px 0;
2789 }
2790
2791 #full-screen-warning-message {
2792   background-color: #000000;
2793   color: #FF9F00;
2794   border-radius: 8px;
2795   margin-top: 30px;
2796   padding: 30px 50px;
2797   box-shadow: 0 0 2px #9C9CFF;
2798 }
2799
2800 #full-screen-warning-container[obscure-browser] {
2801   background-color: rgba(0,0,0,0.3);
2802 }
2803
2804 .full-screen-description {
2805   font-size: 150%;
2806 }
2807
2808 #full-screen-domain-text {
2809   font-size: 300%;
2810 }
2811
2812 .full-screen-approval-button,
2813 #full-screen-remember-decision {
2814   font-size: 120%;
2815 }
2816
2817 /* === BEGIN commandline.inc.css === */
2818
2819 /* Developer toolbar */
2820
2821 #developer-toolbar {
2822   border-top: 3px solid #000000;
2823   border-bottom: none;
2824 }
2825
2826 #developer-toolbar .toolbar-holder {
2827   background-color: #8050B0;
2828   color: #FFCF00;
2829 }
2830
2831 #developer-toolbar .toolbar-holder {
2832   background-color: #8050B0;
2833   color: #FFCF00;
2834 }
2835
2836 #developer-toolbar .toolbar-startcap,
2837 #developer-toolbar .toolbar-endcap{
2838   background-color: #6000CF;
2839 }
2840
2841 #developer-toolbar {
2842 /*  padding: 0;
2843   min-height: 32px; */
2844 }
2845
2846 .developer-toolbar-button {
2847 /*  margin: 0;
2848   padding: 0 10px;
2849   width: 32px; */
2850 }
2851
2852 .developer-toolbar-button > image {
2853 /*  margin: auto 10px; */
2854 }
2855
2856 #developer-toolbar-toolbox-button > label {
2857   display: none;
2858 }
2859
2860 #developer-toolbar-toolbox-button {
2861   list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
2862   -moz-image-region: rect(0px, 16px, 16px, 0px);
2863 }
2864
2865 #developer-toolbar-toolbox-button > label {
2866   display: none;
2867 }
2868
2869 #developer-toolbar-toolbox-button:hover,
2870 #developer-toolbar-toolbox-button:hover:active,
2871 #developer-toolbar-toolbox-button[checked=true] {
2872   -moz-image-region: rect(0px, 32px, 16px, 16px);
2873 }
2874
2875 /* GCLI */
2876
2877 html|*#gcli-tooltip-frame,
2878 html|*#gcli-output-frame {
2879   padding: 0;
2880   border-width: 0;
2881   background-color: transparent;
2882 }
2883
2884 #gcli-output,
2885 #gcli-tooltip {
2886   border-width: 0;
2887   background-color: transparent;
2888 }
2889
2890 .gclitoolbar-input-node,
2891 .gclitoolbar-complete-node {
2892   margin: 1px 3px;
2893   -moz-box-align: center;
2894   padding-top: 0;
2895   padding-bottom: 0;
2896   padding-right: 8px;
2897   background-color: transparent;
2898 }
2899
2900 .gclitoolbar-input-node {
2901   padding-left: 20px;
2902 /*  line-height: 32px;
2903   outline-style: none; */
2904   background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
2905 }
2906
2907 .gclitoolbar-input-node[focused="true"] {
2908   background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
2909 }
2910
2911 .gclitoolbar-input-node:not([focused="true"]) {
2912   border-color: transparent;
2913 }
2914
2915 .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
2916   background-color: #008484;
2917   color: #000000;
2918   text-shadow: none;
2919 }
2920
2921 .gclitoolbar-complete-node {
2922   padding-left: 21px;
2923   background-color: transparent;
2924   color: transparent;
2925   z-index: 100;
2926   pointer-events: none;
2927 }
2928
2929 .gcli-in-incomplete,
2930 .gcli-in-error,
2931 .gcli-in-ontab,
2932 .gcli-in-todo,
2933 .gcli-in-closebrace,
2934 .gcli-in-param,
2935 .gcli-in-valid {
2936   margin: 0;
2937   padding: 0;
2938 }
2939
2940 .gcli-in-incomplete {
2941   border-bottom: 2px dotted #8050B0;
2942 }
2943
2944 .gcli-in-error {
2945   border-bottom: 2px dotted #FF0000;
2946 }
2947
2948 .gcli-in-ontab {
2949   color: #9C9CFF;
2950 }
2951
2952 .gcli-in-todo {
2953   color: #795900;
2954 }
2955
2956 .gcli-in-closebrace {
2957   color: #8050B0;
2958 }
2959
2960 /* === END commandline.inc.css === */
2961
2962 /* === BEGIN responsivedesign.inc.css === */
2963
2964 /* Responsive Mode */
2965
2966 .browserContainer[responsivemode] {
2967   background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
2968   padding: 0 20px 20px 20px;
2969 }
2970
2971 .browserStack[responsivemode] {
2972   box-shadow: 0 0 7px #9C9CFF;
2973 }
2974
2975 .devtools-responsiveui-toolbar {
2976   background: transparent;
2977   margin: 10px 0;
2978   padding: 0;
2979   box-shadow: none;
2980   border-bottom-width: 0;
2981 }
2982
2983 .devtools-responsiveui-toolbar > menulist,
2984 .devtools-responsiveui-toolbar > toolbarbutton {
2985   min-width: 22px;
2986 /*  border-radius: 0; */
2987 }
2988
2989 .devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
2990 .devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
2991   margin-left: 3px;
2992 }
2993
2994 .devtools-responsiveui-close {
2995   list-style-image: url("chrome://browser/skin/devtools/close.png");
2996   -moz-image-region: rect(0px,16px,16px,0px);
2997 }
2998
2999 .devtools-responsiveui-close:hover {
3000   -moz-image-region: rect(0px,32px,16px,16px);
3001 }
3002
3003 .devtools-responsiveui-rotate {
3004   list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
3005   -moz-image-region: rect(0px,16px,16px,0px);
3006 }
3007
3008 .devtools-responsiveui-rotate:hover {
3009   -moz-image-region: rect(0px,32px,16px,16px);
3010 }
3011
3012 .devtools-responsiveui-touch {
3013   list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
3014   -moz-image-region: rect(0px,16px,16px,0px);
3015 }
3016
3017 .devtools-responsiveui-touch:hover,
3018 .devtools-responsiveui-touch[checked],
3019 .devtools-responsiveui-touch[checked]:hover {
3020   -moz-image-region: rect(0px,32px,16px,16px);
3021 }
3022
3023 .devtools-responsiveui-screenshot {
3024   list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
3025   -moz-image-region: rect(0px,16px,16px,0px);
3026 }
3027
3028 .devtools-responsiveui-screenshot:hover {
3029   -moz-image-region: rect(0px,32px,16px,16px);
3030 }
3031
3032 .devtools-responsiveui-resizebarV {
3033   width: 7px;
3034   height: 24px;
3035   cursor: ew-resize;
3036   transform: translate(12px, -12px);
3037   background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
3038 }
3039
3040 .devtools-responsiveui-resizebarH {
3041   width: 24px;
3042   height: 7px;
3043   cursor: ns-resize;
3044   transform: translate(-12px, 12px);
3045   background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
3046 }
3047
3048 .devtools-responsiveui-resizehandle {
3049   width: 16px;
3050   height: 16px;
3051   cursor: se-resize;
3052   transform: translate(12px, 12px);
3053   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
3054 }
3055
3056 /* === END responsivedesign.inc.css === */
3057
3058 /* === including indicator.css is done at the start of the file === */
3059
3060 /* Error counter */
3061
3062 #developer-toolbar-toolbox-button[error-count]:before {
3063   color: #000000;
3064   min-width: 16px;
3065   text-shadow: none;
3066   background-color: #FF0000;
3067   border-radius: 1px;
3068   -moz-margin-end: 5px;
3069 }
3070
3071 /* Social toolbar item */
3072
3073 #social-provider-button {
3074   -moz-image-region: rect(0, 16px, 16px, 0);
3075   list-style-image: url("chrome://browser/skin/social/services-16.png");
3076 }
3077
3078 #social-provider-button > .toolbarbutton-menu-dropmarker {
3079   display: none;
3080 }
3081
3082 .toolbarbutton-badge-container {
3083   margin: 0;
3084   padding: 0;
3085   position: relative;
3086 }
3087
3088 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
3089   padding: 2px 2px;
3090 }
3091
3092 .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
3093   position: absolute;
3094   top: 2px;
3095   right: 2px;
3096 }
3097
3098 .toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
3099   -moz-margin-end: 0;
3100 }
3101
3102 .toolbarbutton-badge[badge=""] {
3103   display: none;
3104 }
3105 .toolbarbutton-badge[badge]:not([badge=""])::after {
3106   /* The |content| property is set in the content stylesheet. */
3107   font-size: 9px;
3108   font-weight: bold;
3109   padding: 0 1px;
3110   color: #FF9F00;
3111   background-color: #000000;
3112   border: 1px solid #9C9CFF;
3113   border-radius: 2px;
3114   position: absolute;
3115   top: 0;
3116   right: 0;
3117 }
3118
3119 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
3120   top: 1px;
3121   right: 1px;
3122 }
3123
3124 .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3125   left: 0;
3126   right: auto;
3127 }
3128
3129 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3130   left: 1px;
3131   right: auto;
3132 }
3133
3134 #social-notification-icon-mentions {
3135   background-color: #000000;
3136   border-radius: 3px;
3137   -moz-margin-start: 2px;
3138 }
3139
3140 #social-notification-icon-mentions:hover {
3141   background-color: #FFCF00;
3142 }
3143
3144 #social-notification-icon-mentions[open="true"] {
3145   background-color: #FF9F00;
3146 }
3147
3148 #social-sidebar-splitter {
3149   border: 0;
3150 }
3151
3152 .popup-notification-icon[popupid="servicesInstall"] {
3153   list-style-image: url("chrome://browser/skin/social/services-64.png");
3154 }
3155 #servicesInstall-notification-icon {
3156   list-style-image: url("chrome://browser/skin/social/services-16.png");
3157 }
3158 #social-undoactivation-button,
3159 #servicesInstall-learnmore-link {
3160   -moz-margin-start: 0; /* override default label margin to match description margin */
3161 }
3162
3163 #socialActivatedNotification .popup-notification-button-container {
3164   margin-left: 6px;
3165 }
3166
3167 .social-activation-icon {
3168   width: auto;
3169   height: auto;
3170   max-height: 64px;
3171   max-width: 64px;
3172 }
3173
3174 #social-activation-message {
3175   max-width: 250px;
3176 }
3177
3178 #social-activation-message > label {
3179   margin: 0;
3180 }
3181
3182 /* social toolbar provider menu */
3183 .social-statusarea-popup {
3184   margin-top: 0;
3185   margin-left: -12px;
3186   margin-right: -12px;
3187 }
3188
3189 .social-statusarea-user {
3190   border-bottom: 1px solid #9C9CFF;
3191   background-color: #000000;
3192   color: #FF9F00;
3193   position: relative;
3194   cursor: pointer;
3195 }
3196
3197 .social-statusarea-user-portrait {
3198   width: 32px;
3199   height: 32px;
3200   border-radius: 2px;
3201   margin: 10px;
3202 }
3203
3204 .social-statusarea-loggedInStatus {
3205   background: transparent;
3206   border: none;
3207   color: #3333FF;
3208   min-width: 0;
3209   margin: 0 6px;
3210   list-style-image: none;
3211 }
3212
3213 #social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
3214   text-decoration: underline;
3215 }
3216
3217 .social-panel > .panel-arrowcontainer > .panel-arrowcontent {
3218   padding: 0;
3219 }
3220
3221 .social-panel-frame {
3222   border-radius: inherit;
3223 }
3224
3225 /* === BEGIN chat.inc.css === */
3226
3227 .chat-status-icon {
3228   max-height: 16px;
3229   max-width: 16px;
3230   padding: 0;
3231 }
3232
3233 .chat-toolbarbutton {
3234   -moz-appearance: none;
3235   border: none;
3236   padding: 0;
3237   margin: 0;
3238   background: none;
3239   width: 16px;
3240 }
3241
3242 .chat-toolbarbutton > .toolbarbutton-text {
3243   display: none;
3244 }
3245
3246 .chat-toolbarbutton > .toolbarbutton-icon {
3247   width: inherit;
3248 }
3249
3250 .chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
3251   width: inherit;
3252   margin-top: -2px;
3253 }
3254
3255 .chat-close-button {
3256   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3257   -moz-image-region: rect(0, 16px, 16px, 0);
3258 }
3259
3260 .chat-close-button:hover,
3261 .chat-close-button:hover:active {
3262   -moz-image-region: rect(0, 32px, 16px, 16px);
3263 }
3264
3265 .chat-minimize-button {
3266   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3267   -moz-image-region: rect(16px, 16px, 32px, 0);
3268 }
3269
3270 .chat-minimize-button:hover:active,
3271 .chat-minimize-button:hover {
3272   -moz-image-region: rect(16px, 32px, 32px, 16px);
3273 }
3274
3275 .chat-swap-button {
3276   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3277   -moz-image-region: rect(48px, 16px, 64px, 0);
3278 }
3279
3280 .chat-swap-button:hover:active,
3281 .chat-swap-button:hover {
3282   -moz-image-region: rect(48px, 32px, 64px, 16px);
3283 }
3284
3285 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
3286   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3287   -moz-image-region: rect(32px, 16px, 48px, 0);
3288 }
3289
3290 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
3291 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
3292   -moz-image-region: rect(32px, 32px, 48px, 16px);
3293 }
3294
3295 .chat-title {
3296   font-weight: bold;
3297   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
3298   text-shadow: none;
3299   cursor: inherit;
3300 }
3301
3302 .chat-titlebar {
3303   background-color: #9C9CFF;
3304   color: #000000;
3305   height: 20px;
3306   min-height: 16px;
3307   width: 100%;
3308   margin: 0;
3309   padding: 2px;
3310   -moz-padding-start: 6px;
3311   border: none;
3312   border-bottom: 1px solid #008484;
3313   cursor: pointer;
3314 }
3315
3316 .chat-titlebar > .notification-anchor-icon {
3317   margin-left: 2px;
3318   margin-right: 2px;
3319 }
3320
3321 .chat-titlebar[minimized="true"] {
3322   border-bottom: none;
3323 }
3324
3325 .chat-titlebar[selected] {
3326   background-color: #008484;
3327 }
3328
3329 .chat-titlebar[activity] {
3330   background-color: #E7ADE7;
3331 }
3332
3333 .chat-frame {
3334   padding: 0;
3335   margin: 0;
3336   overflow: hidden;
3337 }
3338
3339 .chatbar-button {
3340   list-style-image: url("chrome://browser/skin/social/services-16.png");
3341   background-color: #000000;
3342   border: none;
3343   margin: 0;
3344   padding: 2px;
3345   height: 21px;
3346   width: 21px;
3347   border-top: 1px solid #008484;
3348   -moz-border-end: 1px solid #008484;
3349 }
3350
3351 @media (min-resolution: 2dppx) {
3352   .chatbar-button {
3353     list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
3354   }
3355 }
3356
3357 .chatbar-button > .toolbarbutton-icon {
3358   width: 16px;
3359 }
3360
3361 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
3362   width: auto;
3363   height: auto;
3364   max-height: 16px;
3365   max-width: 16px;
3366 }
3367
3368 .chatbar-button > .toolbarbutton-icon {
3369   opacity: .6;
3370   -moz-margin-end: 0;
3371 }
3372 .chatbar-button:hover > .toolbarbutton-icon,
3373 .chatbar-button[open="true"] > .toolbarbutton-icon {
3374   opacity: 1;
3375 }
3376
3377 .chatbar-button:hover,
3378 .chatbar-button[open="true"] {
3379 }
3380
3381 .chatbar-button > .toolbarbutton-text,
3382 .chatbar-button > .toolbarbutton-menu-dropmarker {
3383   display: none;
3384 }
3385
3386 .chatbar-button[activity]:not([open="true"]) {
3387   background-color: #E7ADE7;
3388 }
3389
3390 .chatbar-button > menupopup > menuitem[activity] {
3391   font-weight: bold;
3392 }
3393
3394 .chatbar-innerbox {
3395   background: transparent;
3396   margin: -285px 0 0;
3397   overflow: hidden;
3398 }
3399
3400 chatbar {
3401   -moz-margin-end: 20px;
3402 }
3403
3404 chatbar > chatbox {
3405   height: 285px;
3406   width: 260px;
3407   -moz-margin-start: 4px;
3408   background-color: #000000;
3409   border: 1px solid #9C9CFF;
3410   border-bottom: none;
3411   border-top-left-radius: 2.5px;
3412   border-top-right-radius: 2.5px;
3413 }
3414
3415 chatbox[minimized="true"] {
3416   width: 160px;
3417   height: 20px;
3418 }
3419
3420 window > chatbox {
3421   -moz-margin-start: 0px;
3422   margin: 0px;
3423   border: none;
3424   padding: 0px;
3425 }
3426
3427 /* === END chat.inc.css === */
3428
3429 /* === BEGIN plugin-doorhanger.inc.css === */
3430
3431 /**
3432  * Plugin Doorhanger Styles
3433  */
3434
3435 #notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
3436   padding: 6px 1px 2px;
3437 }
3438
3439 .click-to-play-plugins-notification-content {
3440   width: 28em;
3441 }
3442
3443 .click-to-play-plugins-notification-center-box {
3444 }
3445
3446 .plugin-popupnotification-centeritem:nth-child(odd) {
3447 /*  background-color: rgba(0,0,0,0.1);*/
3448 }
3449
3450 .center-item-label {
3451   margin-bottom: 0;
3452   text-overflow: ellipsis;
3453 }
3454
3455 .center-item-warning-icon {
3456   background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
3457   background-repeat: no-repeat;
3458   width: 16px;
3459   height: 15px;
3460   -moz-margin-start: 6px;
3461 }
3462
3463 .click-to-play-plugins-notification-button-container {
3464 }
3465
3466 .click-to-play-popup-button {
3467   width: 50%;
3468 }
3469
3470 .click-to-play-plugins-notification-description-box {
3471   margin-left: 5px;
3472   margin-right: 5px;
3473   margin-top: 0;
3474   padding-bottom: 3px;
3475 }
3476
3477 .click-to-play-plugins-outer-description {
3478   margin-top: 1px;
3479 }
3480
3481 .click-to-play-plugins-notification-link,
3482 .center-item-link {
3483   margin: 0;
3484 }
3485
3486 /* === END plugin-doorhanger.inc.css === */
3487
3488 #main-window[privatebrowsingmode=temporary] #toolbar-menubar {
3489   background-image: url("chrome://browser/skin/privatebrowsing-dark.png");
3490   background-position: top right;
3491   background-repeat: no-repeat;
3492 }
3493
3494 #main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) {
3495   background-position: top left;
3496 }
3497
3498 #main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon {
3499   list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
3500   width: 20px;
3501   height: 16px;
3502 }