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-progress"],
2346 .popup-notification-icon[popupid="webapps-install"] {
2347   list-style-image: url("chrome://global/skin/icons/webapps-64.png");
2348 }
2349
2350 .popup-notification-icon[popupid="mixed-content-blocked"] {
2351   list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
2352 }
2353
2354 .popup-notification-icon[popupid="webRTC-sharingDevices"],
2355 .popup-notification-icon[popupid="webRTC-shareDevices"] {
2356   list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
2357 }
2358
2359 .popup-notification-icon[popupid="pointerLock"] {
2360   list-style-image: url("chrome://browser/skin/pointerLock-64.png");
2361 }
2362
2363 /* Notification icon box */
2364 #notification-popup-box {
2365   position: relative;
2366   background-color: #000000;
2367   background-clip: padding-box;
2368   padding-left: 3px;
2369   padding-right: 8px;
2370   border-radius: 3px 0 0 3px;
2371   border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
2372   -moz-margin-end: -8px;
2373   border-right-width: 8px;
2374 }
2375
2376 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2377     :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
2378     #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
2379 /*  padding-left: 5px; */
2380 }
2381
2382 #notification-popup-box:-moz-locale-dir(rtl),
2383 .notification-anchor-icon:-moz-locale-dir(rtl) {
2384   transform: scaleX(-1);
2385 }
2386
2387 .notification-anchor-icon {
2388   width: 16px;
2389   height: 16px;
2390   margin: 0 2px;
2391 }
2392
2393 .notification-anchor-icon:-moz-focusring {
2394   outline: 1px dotted #008484;
2395 /*  outline-offset: -3px; */
2396 }
2397
2398 .default-notification-icon,
2399 #default-notification-icon {
2400   list-style-image: url("chrome://global/skin/icons/information-16.png");
2401 }
2402
2403 .identity-notification-icon,
2404 #identity-notification-icon {
2405   list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
2406 }
2407
2408 .geo-notification-icon,
2409 #geo-notification-icon {
2410   list-style-image: url("chrome://browser/skin/Geolocation-16.png");
2411 }
2412
2413 #addons-notification-icon {
2414   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
2415 }
2416
2417 .indexedDB-notification-icon,
2418 #indexedDB-notification-icon {
2419   list-style-image: url("chrome://global/skin/icons/question-16.png");
2420 }
2421
2422 #password-notification-icon {
2423   list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
2424 }
2425
2426 #webapps-notification-icon {
2427   list-style-image: url("chrome://gobal/skin/icons/webapps-16.png");
2428 }
2429
2430 #plugins-notification-icon {
2431   list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
2432 }
2433
2434 #alert-plugins-notification-icon {
2435   list-style-image: url("chrome://browser/skin/notification-pluginAlert.png");
2436 }
2437
2438 #blocked-plugins-notification-icon {
2439   list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
2440 }
2441
2442 #plugins-notification-icon,
2443 #alert-plugins-notification-icon,
2444 #blocked-plugins-notification-icon {
2445 /*  -moz-image-region: rect(0, 16px, 16px, 0);*/
2446 }
2447
2448 #plugins-notification-icon:hover,
2449 #alert-plugins-notification-icon:hover,
2450 #blocked-plugins-notification-icon:hover {
2451 /*  -moz-image-region: rect(0, 32px, 16px, 16px);*/
2452 }
2453
2454 #plugin-install-notification-icon {
2455   list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
2456 }
2457
2458 #notification-popup-box[hidden] {
2459   /* Override display:none to make the pluginBlockedNotification animation work
2460      when showing the notification repeatedly. */
2461   display: -moz-box;
2462   visibility: collapse;
2463 }
2464
2465 #blocked-plugins-notification-icon[showing] {
2466   animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
2467 }
2468
2469 @keyframes pluginBlockedNotification {
2470   from {
2471     opacity: 0;
2472   }
2473   to {
2474     opacity: 1;
2475   }
2476 }
2477
2478 .mixed-content-blocked-notification-icon,
2479 #mixed-content-blocked-notification-icon {
2480   list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
2481 }
2482
2483 .webRTC-shareDevices-notification-icon,
2484 #webRTC-shareDevices-notification-icon {
2485   list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
2486 }
2487
2488 .webRTC-sharingDevices-notification-icon,
2489 #webRTC-sharingDevices-notification-icon {
2490   list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
2491 }
2492
2493 .web-notifications-notification-icon,
2494 #web-notifications-notification-icon {
2495   list-style-image: url("chrome://browser/skin/notification-16.png");
2496 }
2497
2498 #pointerLock-notification-icon {
2499   list-style-image: url("chrome://browser/skin/pointerLock-16.png");
2500 }
2501 #pointerLock-cancel {
2502   margin: 0px;
2503 }
2504
2505 #download-monitor {
2506   list-style-image: url("chrome://browser/skin/FxToolbar.png");
2507   -moz-image-region: rect(0, 108px, 18px, 90px);
2508 }
2509
2510 /* Bookmarks roots menu-items */
2511 #appmenu_subscribeToPage:not([disabled]),
2512 #appmenu_subscribeToPageMenu,
2513 #subscribeToPageMenuitem:not([disabled]),
2514 #subscribeToPageMenupopup,
2515 #BMB_subscribeToPageMenuitem:not([disabled]),
2516 #BMB_subscribeToPageMenupopup {
2517   list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
2518 }
2519
2520 #bookmarksToolbarFolderMenu,
2521 #appmenu_bookmarksToolbar,
2522 #BMB_bookmarksToolbar {
2523   list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
2524   -moz-image-region: auto;
2525 }
2526
2527 #appmenu_unsortedBookmarks,
2528 #BMB_unsortedBookmarks {
2529   list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
2530   -moz-image-region: auto;
2531 }
2532
2533 /* ::::: Keyboard UI Panel ::::: */
2534
2535 .KUI-panel {
2536   color: #FF9F00;
2537   border-style: none;
2538   border-radius: 20px;
2539 }
2540
2541 .KUI-panel[level="top"] {
2542   /*background-color: rgba(27%,27%,27%,.65);*/
2543 }
2544
2545 /* Ctrl-Tab */
2546
2547 #ctrlTab-panel {
2548   padding: 20px 10px 10px;
2549   font-weight: bold;
2550 }
2551
2552 .ctrlTab-favicon[src] {
2553   background-color: #000000;
2554   width: 20px;
2555   height: 20px;
2556   padding: 2px;
2557 }
2558
2559 .ctrlTab-preview-inner > .tabPreview-canvas {
2560 }
2561
2562 .ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
2563   margin-bottom: 2px;
2564 }
2565
2566 .ctrlTab-preview-inner {
2567   padding-bottom: 10px;
2568 }
2569
2570 #ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
2571   padding: 10px;
2572   background-color: #000000;
2573   border-radius: .5em;
2574 }
2575
2576 .ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
2577   color: white;
2578   background-color: #000000;
2579   text-shadow: none;
2580   padding: 8px;
2581   border: 2px solid #9C9CFF;
2582   border-radius: .5em;
2583 }
2584
2585 .ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
2586   margin: -10px -10px 0;
2587 }
2588
2589 #ctrlTab-showAll {
2590   margin-top: .5em;
2591 }
2592
2593 /* Add-on bar */
2594
2595 #addon-bar {
2596   min-height: 20px;
2597   border-top: 3px solid #000000;
2598   border-bottom-width: 0;
2599 }
2600
2601 #addon-bar .toolbar-holder {
2602   background-color: #8050B0;
2603   color: #FFCF00;
2604 }
2605
2606 #addon-bar .toolbar-holder {
2607   background-color: #8050B0;
2608   color: #FFCF00;
2609 }
2610
2611 #addon-bar .toolbar-startcap,
2612 #addon-bar .toolbar-endcap{
2613   background-color: #6000CF;
2614 }
2615
2616 #status-bar {
2617   -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
2618   margin-top: .3em;
2619   border-width: 0;
2620 }
2621
2622 #addon-bar[customizing] > #status-bar {
2623   opacity: .5;
2624 /*  background-image: -moz-repeating-linear-gradient(-45deg,
2625                                                    rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
2626                                                    rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
2627 }
2628
2629 /* Remove all borders from statusbarpanel children of
2630    the statusbar.
2631 #status-bar > statusbarpanel {
2632   border-width: 0;
2633 } */
2634
2635 #addonbar-closebutton {
2636   border: none;
2637   padding: 3px 5px;
2638   list-style-image: url("chrome://global/skin/icons/close-button.gif");
2639 }
2640
2641 #addonbar-closebutton:hover,
2642 #addonbar-closebutton:hover:active {
2643   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2644 }
2645
2646 /* Status panel */
2647
2648 .statuspanel-label {
2649   margin: 0;
2650   padding: 2px 4px;
2651   background: #404000;
2652   border: 1px none #9C9CFF;
2653   border-top-style: solid;
2654   color: #FF9F00;
2655   text-shadow: none;
2656 }
2657
2658 .statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
2659 .statuspanel-label:-moz-locale-dir(rtl)[mirror] {
2660   border-right-style: solid;
2661   border-top-right-radius: .3em;
2662   margin-right: 1em;
2663 }
2664
2665 .statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
2666 .statuspanel-label:-moz-locale-dir(ltr)[mirror] {
2667   border-left-style: solid;
2668   border-top-left-radius: .3em;
2669   margin-left: 1em;
2670 }
2671
2672 /* HACK to abolish devily color on main content */
2673
2674 #content {
2675   background-color: transparent !important;
2676 }
2677
2678 /* Highlighter */
2679
2680 .highlighter-outline {
2681   box-shadow: 0 0 0 1px black;
2682   outline: 1px dashed white;
2683 }
2684
2685 .highlighter-outline[locked]  {
2686   box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
2687   outline-color: rgba(255,255,255,0.7);
2688 }
2689
2690 /* Highlighter - Node Infobar */
2691
2692 .highlighter-nodeinfobar {
2693   color: #FF9F00;
2694   border: 1px solid rgba(156, 156, 255, .5);
2695   border-radius: 3px;
2696   background-color: #000000;
2697   background-clip: padding-box;
2698 }
2699
2700 /* Highlighter - Node Infobar - text */
2701
2702 .highlighter-nodeinfobar-text {
2703   /* 100% - size of the buttons and margins */
2704   max-width: calc(100% - 2 * (26px + 6px));
2705   padding-bottom: 1px;
2706 }
2707
2708 html|*.highlighter-nodeinfobar-tagname {
2709   color: #FFCF00;
2710 }
2711
2712 html|*.highlighter-nodeinfobar-id {
2713   color: #9C9CFF;
2714 }
2715
2716 html|*.highlighter-nodeinfobar-pseudo-classes {
2717   color: #FF9F00;
2718 }
2719
2720 /* Highlighter - Node Infobar - buttons */
2721
2722 .highlighter-nodeinfobar-button {
2723   padding: 0;
2724   width: 26px;
2725   min-height: 26px;
2726 }
2727
2728 .highlighter-nodeinfobar-inspectbutton {
2729   list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
2730   -moz-image-region: rect(0px 16px 16px 0px);
2731   -moz-margin-start: 0px;
2732   -moz-margin-end: 2px;
2733 }
2734
2735 .highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
2736 }
2737
2738 .highlighter-nodeinfobar-inspectbutton:hover,
2739 .highlighter-nodeinfobar-inspectbutton:hover:active/*,
2740 .highlighter-nodeinfobar-container:not([locked]) >  .highlighter-nodeinfobar >  .highlighter-nodeinfobar-inspectbutton*/ {
2741   -moz-image-region: rect(0px 32px 16px 16px);
2742 }
2743
2744 .highlighter-nodeinfobar-menu {
2745 }
2746
2747 .highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
2748 }
2749
2750 .highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
2751   -moz-box-align: center;
2752   -moz-margin-start: -1px;
2753 }
2754
2755 /* Highlighter - Node Infobar - box & arrow */
2756
2757 .highlighter-nodeinfobar-arrow {
2758   width: 14px;
2759   height: 14px;
2760   -moz-margin-start: calc(50% - 7px);
2761   transform: rotate(-45deg);
2762   border: 1px solid transparent;
2763   background-clip: padding-box;
2764   background-repeat: no-repeat;
2765 }
2766
2767 .highlighter-nodeinfobar-arrow-top {
2768   margin-bottom: -8px;
2769   margin-top: 8px;
2770   border-right-color: rgba(0, 132, 132, .5);
2771   border-top-color: rgba(0, 132, 132, .5);
2772   background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
2773 }
2774
2775 .highlighter-nodeinfobar-arrow-bottom {
2776   margin-top: -8px;
2777   margin-bottom: 8px;
2778   border-left-color: rgba(0, 132, 132, .5);
2779   border-bottom-color: rgba(0, 132, 132, .5);
2780   background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
2781 }
2782
2783 .highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar,
2784 .highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar {
2785   box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
2786 }
2787
2788 .highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
2789   margin: 7px 0;
2790 }
2791
2792 #full-screen-warning-message {
2793   background-color: #000000;
2794   color: #FF9F00;
2795   border-radius: 8px;
2796   margin-top: 30px;
2797   padding: 30px 50px;
2798   box-shadow: 0 0 2px #9C9CFF;
2799 }
2800
2801 #full-screen-warning-container[obscure-browser] {
2802   background-color: rgba(0,0,0,0.3);
2803 }
2804
2805 .full-screen-description {
2806   font-size: 150%;
2807 }
2808
2809 #full-screen-domain-text {
2810   font-size: 300%;
2811 }
2812
2813 .full-screen-approval-button,
2814 #full-screen-remember-decision {
2815   font-size: 120%;
2816 }
2817
2818 /* === BEGIN commandline.inc.css === */
2819
2820 /* Developer toolbar */
2821
2822 #developer-toolbar {
2823   border-top: 3px solid #000000;
2824   border-bottom: none;
2825 }
2826
2827 #developer-toolbar .toolbar-holder {
2828   background-color: #8050B0;
2829   color: #FFCF00;
2830 }
2831
2832 #developer-toolbar .toolbar-holder {
2833   background-color: #8050B0;
2834   color: #FFCF00;
2835 }
2836
2837 #developer-toolbar .toolbar-startcap,
2838 #developer-toolbar .toolbar-endcap{
2839   background-color: #6000CF;
2840 }
2841
2842 #developer-toolbar {
2843 /*  padding: 0;
2844   min-height: 32px; */
2845 }
2846
2847 .developer-toolbar-button {
2848 /*  margin: 0;
2849   padding: 0 10px;
2850   width: 32px; */
2851 }
2852
2853 .developer-toolbar-button > image {
2854 /*  margin: auto 10px; */
2855 }
2856
2857 #developer-toolbar-toolbox-button > label {
2858   display: none;
2859 }
2860
2861 #developer-toolbar-toolbox-button {
2862   list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
2863   -moz-image-region: rect(0px, 16px, 16px, 0px);
2864 }
2865
2866 #developer-toolbar-toolbox-button > label {
2867   display: none;
2868 }
2869
2870 #developer-toolbar-toolbox-button:hover,
2871 #developer-toolbar-toolbox-button:hover:active,
2872 #developer-toolbar-toolbox-button[checked=true] {
2873   -moz-image-region: rect(0px, 32px, 16px, 16px);
2874 }
2875
2876 /* GCLI */
2877
2878 html|*#gcli-tooltip-frame,
2879 html|*#gcli-output-frame {
2880   padding: 0;
2881   border-width: 0;
2882   background-color: transparent;
2883 }
2884
2885 #gcli-output,
2886 #gcli-tooltip {
2887   border-width: 0;
2888   background-color: transparent;
2889 }
2890
2891 .gclitoolbar-input-node,
2892 .gclitoolbar-complete-node {
2893   margin: 1px 3px;
2894   -moz-box-align: center;
2895   padding-top: 0;
2896   padding-bottom: 0;
2897   padding-right: 8px;
2898   background-color: transparent;
2899 }
2900
2901 .gclitoolbar-input-node {
2902   padding-left: 20px;
2903 /*  line-height: 32px;
2904   outline-style: none; */
2905   background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
2906 }
2907
2908 .gclitoolbar-input-node[focused="true"] {
2909   background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
2910 }
2911
2912 .gclitoolbar-input-node:not([focused="true"]) {
2913   border-color: transparent;
2914 }
2915
2916 .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
2917   background-color: #008484;
2918   color: #000000;
2919   text-shadow: none;
2920 }
2921
2922 .gclitoolbar-complete-node {
2923   padding-left: 21px;
2924   background-color: transparent;
2925   color: transparent;
2926   z-index: 100;
2927   pointer-events: none;
2928 }
2929
2930 .gcli-in-incomplete,
2931 .gcli-in-error,
2932 .gcli-in-ontab,
2933 .gcli-in-todo,
2934 .gcli-in-closebrace,
2935 .gcli-in-param,
2936 .gcli-in-valid {
2937   margin: 0;
2938   padding: 0;
2939 }
2940
2941 .gcli-in-incomplete {
2942   border-bottom: 2px dotted #8050B0;
2943 }
2944
2945 .gcli-in-error {
2946   border-bottom: 2px dotted #FF0000;
2947 }
2948
2949 .gcli-in-ontab {
2950   color: #9C9CFF;
2951 }
2952
2953 .gcli-in-todo {
2954   color: #795900;
2955 }
2956
2957 .gcli-in-closebrace {
2958   color: #8050B0;
2959 }
2960
2961 /* === END commandline.inc.css === */
2962
2963 /* === BEGIN responsivedesign.inc.css === */
2964
2965 /* Responsive Mode */
2966
2967 .browserContainer[responsivemode] {
2968   background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
2969   padding: 0 20px 20px 20px;
2970 }
2971
2972 .browserStack[responsivemode] {
2973   box-shadow: 0 0 7px #9C9CFF;
2974 }
2975
2976 .devtools-responsiveui-toolbar {
2977   background: transparent;
2978   margin: 10px 0;
2979   padding: 0;
2980   box-shadow: none;
2981   border-bottom-width: 0;
2982 }
2983
2984 .devtools-responsiveui-toolbar > menulist,
2985 .devtools-responsiveui-toolbar > toolbarbutton {
2986   min-width: 22px;
2987 /*  border-radius: 0; */
2988 }
2989
2990 .devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
2991 .devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
2992   margin-left: 3px;
2993 }
2994
2995 .devtools-responsiveui-close {
2996   list-style-image: url("chrome://browser/skin/devtools/close.png");
2997   -moz-image-region: rect(0px,16px,16px,0px);
2998 }
2999
3000 .devtools-responsiveui-close:hover {
3001   -moz-image-region: rect(0px,32px,16px,16px);
3002 }
3003
3004 .devtools-responsiveui-rotate {
3005   list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
3006   -moz-image-region: rect(0px,16px,16px,0px);
3007 }
3008
3009 .devtools-responsiveui-rotate:hover {
3010   -moz-image-region: rect(0px,32px,16px,16px);
3011 }
3012
3013 .devtools-responsiveui-touch {
3014   list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
3015   -moz-image-region: rect(0px,16px,16px,0px);
3016 }
3017
3018 .devtools-responsiveui-touch:hover,
3019 .devtools-responsiveui-touch[checked],
3020 .devtools-responsiveui-touch[checked]:hover {
3021   -moz-image-region: rect(0px,32px,16px,16px);
3022 }
3023
3024 .devtools-responsiveui-screenshot {
3025   list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
3026   -moz-image-region: rect(0px,16px,16px,0px);
3027 }
3028
3029 .devtools-responsiveui-screenshot:hover {
3030   -moz-image-region: rect(0px,32px,16px,16px);
3031 }
3032
3033 .devtools-responsiveui-resizebarV {
3034   width: 7px;
3035   height: 24px;
3036   cursor: ew-resize;
3037   transform: translate(12px, -12px);
3038   background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
3039 }
3040
3041 .devtools-responsiveui-resizebarH {
3042   width: 24px;
3043   height: 7px;
3044   cursor: ns-resize;
3045   transform: translate(-12px, 12px);
3046   background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
3047 }
3048
3049 .devtools-responsiveui-resizehandle {
3050   width: 16px;
3051   height: 16px;
3052   cursor: se-resize;
3053   transform: translate(12px, 12px);
3054   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
3055 }
3056
3057 /* === END responsivedesign.inc.css === */
3058
3059 /* === including indicator.css is done at the start of the file === */
3060
3061 /* Error counter */
3062
3063 #developer-toolbar-toolbox-button[error-count]:before {
3064   color: #000000;
3065   min-width: 16px;
3066   text-shadow: none;
3067   background-color: #FF0000;
3068   border-radius: 1px;
3069   -moz-margin-end: 5px;
3070 }
3071
3072 /* Social toolbar item */
3073
3074 #social-provider-button {
3075   -moz-image-region: rect(0, 16px, 16px, 0);
3076   list-style-image: url("chrome://browser/skin/social/services-16.png");
3077 }
3078
3079 #social-provider-button > .toolbarbutton-menu-dropmarker {
3080   display: none;
3081 }
3082
3083 .toolbarbutton-badge-container {
3084   margin: 0;
3085   padding: 0;
3086   position: relative;
3087 }
3088
3089 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
3090   padding: 2px 2px;
3091 }
3092
3093 .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
3094   position: absolute;
3095   top: 2px;
3096   right: 2px;
3097 }
3098
3099 .toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
3100   -moz-margin-end: 0;
3101 }
3102
3103 .toolbarbutton-badge[badge=""] {
3104   display: none;
3105 }
3106 .toolbarbutton-badge[badge]:not([badge=""])::after {
3107   /* The |content| property is set in the content stylesheet. */
3108   font-size: 9px;
3109   font-weight: bold;
3110   padding: 0 1px;
3111   color: #FF9F00;
3112   background-color: #000000;
3113   border: 1px solid #9C9CFF;
3114   border-radius: 2px;
3115   position: absolute;
3116   top: 0;
3117   right: 0;
3118 }
3119
3120 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
3121   top: 1px;
3122   right: 1px;
3123 }
3124
3125 .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3126   left: 0;
3127   right: auto;
3128 }
3129
3130 #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3131   left: 1px;
3132   right: auto;
3133 }
3134
3135 #social-notification-icon-mentions {
3136   background-color: #000000;
3137   border-radius: 3px;
3138   -moz-margin-start: 2px;
3139 }
3140
3141 #social-notification-icon-mentions:hover {
3142   background-color: #FFCF00;
3143 }
3144
3145 #social-notification-icon-mentions[open="true"] {
3146   background-color: #FF9F00;
3147 }
3148
3149 #social-sidebar-splitter {
3150   border: 0;
3151 }
3152
3153 .popup-notification-icon[popupid="servicesInstall"] {
3154   list-style-image: url("chrome://browser/skin/social/services-64.png");
3155 }
3156 #servicesInstall-notification-icon {
3157   list-style-image: url("chrome://browser/skin/social/services-16.png");
3158 }
3159 #social-undoactivation-button,
3160 #servicesInstall-learnmore-link {
3161   -moz-margin-start: 0; /* override default label margin to match description margin */
3162 }
3163
3164 #socialActivatedNotification .popup-notification-button-container {
3165   margin-left: 6px;
3166 }
3167
3168 .social-activation-icon {
3169   width: auto;
3170   height: auto;
3171   max-height: 64px;
3172   max-width: 64px;
3173 }
3174
3175 #social-activation-message {
3176   max-width: 250px;
3177 }
3178
3179 #social-activation-message > label {
3180   margin: 0;
3181 }
3182
3183 /* social toolbar provider menu */
3184 .social-statusarea-popup {
3185   margin-top: 0;
3186   margin-left: -12px;
3187   margin-right: -12px;
3188 }
3189
3190 .social-statusarea-user {
3191   border-bottom: 1px solid #9C9CFF;
3192   background-color: #000000;
3193   color: #FF9F00;
3194   position: relative;
3195   cursor: pointer;
3196 }
3197
3198 .social-statusarea-user-portrait {
3199   width: 32px;
3200   height: 32px;
3201   border-radius: 2px;
3202   margin: 10px;
3203 }
3204
3205 .social-statusarea-loggedInStatus {
3206   background: transparent;
3207   border: none;
3208   color: #3333FF;
3209   min-width: 0;
3210   margin: 0 6px;
3211   list-style-image: none;
3212 }
3213
3214 #social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
3215   text-decoration: underline;
3216 }
3217
3218 .social-panel > .panel-arrowcontainer > .panel-arrowcontent {
3219   padding: 0;
3220 }
3221
3222 .social-panel-frame {
3223   border-radius: inherit;
3224 }
3225
3226 /* === BEGIN chat.inc.css === */
3227
3228 .chat-status-icon {
3229   max-height: 16px;
3230   max-width: 16px;
3231   padding: 0;
3232 }
3233
3234 .chat-toolbarbutton {
3235   -moz-appearance: none;
3236   border: none;
3237   padding: 0;
3238   margin: 0;
3239   background: none;
3240   width: 16px;
3241 }
3242
3243 .chat-toolbarbutton > .toolbarbutton-text {
3244   display: none;
3245 }
3246
3247 .chat-toolbarbutton > .toolbarbutton-icon {
3248   width: inherit;
3249 }
3250
3251 .chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
3252   width: inherit;
3253   margin-top: -2px;
3254 }
3255
3256 .chat-close-button {
3257   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3258   -moz-image-region: rect(0, 16px, 16px, 0);
3259 }
3260
3261 .chat-close-button:hover,
3262 .chat-close-button:hover:active {
3263   -moz-image-region: rect(0, 32px, 16px, 16px);
3264 }
3265
3266 .chat-minimize-button {
3267   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3268   -moz-image-region: rect(16px, 16px, 32px, 0);
3269 }
3270
3271 .chat-minimize-button:hover:active,
3272 .chat-minimize-button:hover {
3273   -moz-image-region: rect(16px, 32px, 32px, 16px);
3274 }
3275
3276 .chat-swap-button {
3277   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3278   -moz-image-region: rect(48px, 16px, 64px, 0);
3279 }
3280
3281 .chat-swap-button:hover:active,
3282 .chat-swap-button:hover {
3283   -moz-image-region: rect(48px, 32px, 64px, 16px);
3284 }
3285
3286 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
3287   list-style-image: url('chrome://browser/skin/social/chat-icons.png');
3288   -moz-image-region: rect(32px, 16px, 48px, 0);
3289 }
3290
3291 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
3292 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
3293   -moz-image-region: rect(32px, 32px, 48px, 16px);
3294 }
3295
3296 .chat-title {
3297   font-weight: bold;
3298   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
3299   text-shadow: none;
3300   cursor: inherit;
3301 }
3302
3303 .chat-titlebar {
3304   background-color: #9C9CFF;
3305   color: #000000;
3306   height: 20px;
3307   min-height: 16px;
3308   width: 100%;
3309   margin: 0;
3310   padding: 2px;
3311   -moz-padding-start: 6px;
3312   border: none;
3313   border-bottom: 1px solid #008484;
3314   cursor: pointer;
3315 }
3316
3317 .chat-titlebar > .notification-anchor-icon {
3318   margin-left: 2px;
3319   margin-right: 2px;
3320 }
3321
3322 .chat-titlebar[minimized="true"] {
3323   border-bottom: none;
3324 }
3325
3326 .chat-titlebar[selected] {
3327   background-color: #008484;
3328 }
3329
3330 .chat-titlebar[activity] {
3331   background-color: #E7ADE7;
3332 }
3333
3334 .chat-frame {
3335   padding: 0;
3336   margin: 0;
3337   overflow: hidden;
3338 }
3339
3340 .chatbar-button {
3341   list-style-image: url("chrome://browser/skin/social/services-16.png");
3342   background-color: #000000;
3343   border: none;
3344   margin: 0;
3345   padding: 2px;
3346   height: 21px;
3347   width: 21px;
3348   border-top: 1px solid #008484;
3349   -moz-border-end: 1px solid #008484;
3350 }
3351
3352 @media (min-resolution: 2dppx) {
3353   .chatbar-button {
3354     list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
3355   }
3356 }
3357
3358 .chatbar-button > .toolbarbutton-icon {
3359   width: 16px;
3360 }
3361
3362 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
3363   width: auto;
3364   height: auto;
3365   max-height: 16px;
3366   max-width: 16px;
3367 }
3368
3369 .chatbar-button > .toolbarbutton-icon {
3370   opacity: .6;
3371   -moz-margin-end: 0;
3372 }
3373 .chatbar-button:hover > .toolbarbutton-icon,
3374 .chatbar-button[open="true"] > .toolbarbutton-icon {
3375   opacity: 1;
3376 }
3377
3378 .chatbar-button:hover,
3379 .chatbar-button[open="true"] {
3380 }
3381
3382 .chatbar-button > .toolbarbutton-text,
3383 .chatbar-button > .toolbarbutton-menu-dropmarker {
3384   display: none;
3385 }
3386
3387 .chatbar-button[activity]:not([open="true"]) {
3388   background-color: #E7ADE7;
3389 }
3390
3391 .chatbar-button > menupopup > menuitem[activity] {
3392   font-weight: bold;
3393 }
3394
3395 .chatbar-innerbox {
3396   background: transparent;
3397   margin: -285px 0 0;
3398   overflow: hidden;
3399 }
3400
3401 chatbar {
3402   -moz-margin-end: 20px;
3403 }
3404
3405 chatbar > chatbox {
3406   height: 285px;
3407   width: 260px;
3408   -moz-margin-start: 4px;
3409   background-color: #000000;
3410   border: 1px solid #9C9CFF;
3411   border-bottom: none;
3412   border-top-left-radius: 2.5px;
3413   border-top-right-radius: 2.5px;
3414 }
3415
3416 chatbox[minimized="true"] {
3417   width: 160px;
3418   height: 20px;
3419 }
3420
3421 window > chatbox {
3422   -moz-margin-start: 0px;
3423   margin: 0px;
3424   border: none;
3425   padding: 0px;
3426 }
3427
3428 /* === END chat.inc.css === */
3429
3430 /* === BEGIN plugin-doorhanger.inc.css === */
3431
3432 /**
3433  * Plugin Doorhanger Styles
3434  */
3435
3436 #notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
3437   padding: 6px 1px 2px;
3438 }
3439
3440 .click-to-play-plugins-notification-content {
3441   width: 28em;
3442 }
3443
3444 .click-to-play-plugins-notification-center-box {
3445 }
3446
3447 .plugin-popupnotification-centeritem:nth-child(odd) {
3448 /*  background-color: rgba(0,0,0,0.1);*/
3449 }
3450
3451 .center-item-label {
3452   margin-bottom: 0;
3453   text-overflow: ellipsis;
3454 }
3455
3456 .center-item-warning-icon {
3457   background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
3458   background-repeat: no-repeat;
3459   width: 16px;
3460   height: 15px;
3461   -moz-margin-start: 6px;
3462 }
3463
3464 .click-to-play-plugins-notification-button-container {
3465 }
3466
3467 .click-to-play-popup-button {
3468   width: 50%;
3469 }
3470
3471 .click-to-play-plugins-notification-description-box {
3472   margin-left: 5px;
3473   margin-right: 5px;
3474   margin-top: 0;
3475   padding-bottom: 3px;
3476 }
3477
3478 .click-to-play-plugins-outer-description {
3479   margin-top: 1px;
3480 }
3481
3482 .click-to-play-plugins-notification-link,
3483 .center-item-link {
3484   margin: 0;
3485 }
3486
3487 /* === END plugin-doorhanger.inc.css === */
3488
3489 #main-window[privatebrowsingmode=temporary] #toolbar-menubar {
3490   background-image: url("chrome://browser/skin/privatebrowsing-dark.png");
3491   background-position: top right;
3492   background-repeat: no-repeat;
3493 }
3494
3495 #main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) {
3496   background-position: top left;
3497 }
3498
3499 #main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon {
3500   list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
3501   width: 20px;
3502   height: 16px;
3503 }