LCARStrek/browser/browser.css

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