browser/base/content/tabbrowser.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 .tabbrowser-tabbox {
   6   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabbox");
   7 }
   8
   9 .tabbrowser-tabpanels {
  10   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabpanels");
  11 }
  12
  13 .tabbrowser-arrowscrollbox {
  14   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-arrowscrollbox");
  15 }
  16
  17 .tab-close-button {
  18   -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-close-tab-button");
  19 }
  20
  21 .tab-close-button[pinned],
  22 .tabbrowser-tabs[closebuttons="activetab"] > * > * > * > .tab-close-button:not([selected="true"]) {
  23   display: none;
  24 }
  25
  26 .tab-label[pinned] {
  27   width: 0;
  28   margin-left: 0 !important;
  29   margin-right: 0 !important;
  30   padding-left: 0 !important;
  31   padding-right: 0 !important;
  32 }
  33
  34 .tab-stack {
  35   vertical-align: top; /* for pinned tabs */
  36 }
  37
  38 tabpanels {
  39   background-color: transparent;
  40 }
  41
  42 .tab-drop-indicator {
  43   position: relative;
  44   z-index: 2;
  45 }
  46
  47 /* Apply crisp rendering for favicons at exactly 2dppx resolution */
  48 @media (resolution: 2dppx) {
  49   .tab-icon-image {
  50     image-rendering: -moz-crisp-edges;
  51   }
  52 }
  53
  54 .tab-icon-image:not([src]):not([pinned]),
  55 .tab-throbber:not([busy]),
  56 .tab-throbber[busy] + .tab-icon-image {
  57   display: none;
  58 }
  59
  60 .closing-tabs-spacer {
  61   pointer-events: none;
  62 }
  63
  64 .tabbrowser-tabs:not(:hover) > .tabbrowser-arrowscrollbox > .closing-tabs-spacer {
  65   transition: width .15s ease-out;
  66 }
  67
  68 /**
  69  * Optimization for tabs that are restored lazily. We can save a good amount of
  70  * memory that to-be-restored tabs would otherwise consume simply by setting
  71  * their browsers to 'display: none' as that will prevent them from having to
  72  * create a presentation and the like.
  73  */
  74 browser[pending] {
  75   display: none;
  76 }