style/default/tab-bar.css

   1
   2 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   3
   4 #tab-bar {
   5   -moz-box-pack: end;
   6 }
   7
   8 .tab {
   9   -moz-appearance: tab;
  10   margin-top: 2px;
  11   border-top: 2px solid;
  12   border-right: 2px solid;
  13   border-left: 2px solid;
  14   border-bottom: 1px solid ThreeDHighlight;
  15   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  16   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  17   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  18   -moz-border-radius-topleft: 2px;
  19   -moz-border-radius-topright: 2px;
  20   -moz-border-radius-bottomright: 1px;
  21   padding: 1px 4px 2px 4px;
  22   background-color: -moz-Dialog;
  23   color: -moz-DialogText;
  24   min-width: 100px;
  25   max-width: 250px;
  26   -moz-box-flex: 100;
  27   -moz-box-align: center;
  28 }
  29
  30 .tab[selected="true"] {
  31   border-bottom-color: transparent;
  32   padding: 1px 6px 4px 6px;
  33   background-color: -moz-Dialog;
  34 }
  35
  36 .tab-close-button {
  37   -moz-appearance: none !important;
  38   list-style-image: url("chrome://global/skin/icons/close.png") !important;
  39   -moz-image-region: rect(0px, 14px, 14px, 0px);
  40   border: none !important;
  41 }
  42
  43 .tab[selected="false"] .tab-close-button {
  44   display: none;
  45 }
  46
  47 .tab-close-button:hover {
  48   -moz-image-region: rect(0px, 28px, 14px, 14px);
  49 }
  50
  51 .tab-close-button:active:hover {
  52   -moz-image-region: rect(0px, 42px, 14px, 28px);
  53 }
  54
  55 .tab-label {
  56   -moz-box-flex: 100;
  57   font: icon;
  58 }
  59
  60 .tab[selected="true"] > .tab-label {
  61   font-weight: bold;
  62 }
  63
  64 .tab-icon  {
  65   width: 16px;
  66   height: 16px;
  67   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
  68   -moz-margin-start: 4px;
  69   -moz-margin-end: 3px;
  70 }
  71