LCARStrek/browser/browser.css

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