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