Bug 393361 - CVS remove orphaned tabbrowser bits. r=mconnor as part of bug 339964

toolkit/themes/pinstripe/global/browser.css

@@ -1,400 +0,0 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-.tabbrowser-tab:not([selected="true"]):hover {
-  background: url("chrome://global/skin/tabbrowser-tabs-bkgnd.png") repeat-x;
-}
-
-.tabbrowser-tab:hover > .tab-image-middle > .tab-icon > .tab-extra-status {
-  background: none;
-}
-
-.tab-icon-image {
-  width: 16px;
-  height: 16px;
-  list-style-image: url("chrome://global/skin/icons/small-globe-sunken.png");
-}
-
-.tab-icon {
-  padding-top: 1px;
-  margin: 2px 0px 1px 0px;
-}
-
-.tab-text {
-  font: icon;
-  padding-top: 1px;
-  margin-top: 2px !important;
-}
-
-.tabbrowser-tab[busy] > .tab-icon-image,
-.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
- list-style-image: url("chrome://global/skin/icons/loading_16_grey.gif") !important; 
-}
-
-.tabbrowser-tab {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
-  -moz-appearance: none;
-  color: #383838;
-  -moz-box-pack: center;
-  margin: 2px 0px 3px 0px;
-  padding: 0px;
-  border: none !important;
-  height: 22px !important;
-  min-width: 1px !important;
-  text-align: center;
-}
-
-.tabbrowser-tab[selected="true"] {
-  -moz-user-focus: normal;
-}
-
-.tabbrowser-tab[selected="true"] > .tab-image-middle > .tab-icon {
-  cursor: -moz-grab;
-}
-
-.tabbrowser-tab > .tab-image-middle > .tab-text {
-  border: 1.4pt solid transparent;
-}
-
-.tabbrowser-tab:focus > .tab-image-middle > .tab-text {
-  border: 1.4pt solid -moz-mac-focusring;
-}
-
-.tabbrowser-tab[selected="true"], .tabbrowser-tab:hover {
-  color: #000000;
-}
-
-.tabbrowser-tab[first-tab="true"] > .tab-image-left {
-  margin-left: 3px !important;
-}
-
-.tab-image-left, .tab-image-right {
-  width: 8px;
-  margin: 0px;
-  padding: 0px;
-}
-
-.tabbrowser-tab > .tab-image-right {
-  background: url("chrome://global/skin/tab-right.png") no-repeat;
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-image-right {
-  background: url("chrome://global/skin/tab-right-bkgnd.png") no-repeat;
-  margin-bottom: 1px;
-}
-
-.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-right {
-  background: url("chrome://global/skin/tab-right-hover.png") no-repeat;
-}
-
-.tabbrowser-tab > .tab-image-left {
-  background: url("chrome://global/skin/tab-left.png") no-repeat;
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-image-left {
-  background: url("chrome://global/skin/tab-left-bkgnd.png") no-repeat;
-  margin-bottom: 1px;
-}
-
-.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-left {
-  background: url("chrome://global/skin/tab-left-hover.png") no-repeat;
-}
-
-.tabbrowser-tab > .tab-image-middle {
-  background: url("chrome://global/skin/tab-middle.png") repeat-x;
-  -moz-box-flex: 0 !important;
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-image-middle {
-  background: url("chrome://global/skin/tab-middle-bkgnd.png");
-  margin-bottom: 1px;
-}
-
-.tabbrowser-tab:hover:not([selected="true"]) > .tab-image-middle {
-  background: url("chrome://global/skin/tab-middle-hover.png");
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-image-middle > .tab-icon > .tab-icon-image  {
-  list-style-image: url("chrome://global/skin/icons/small-globe-sunken-grey.png");
-}
-
-/* ::::: close button ::::: */
-/**
- * XXXben - this looks like something added specifically for tabbrowser.
- *       if it turns out no one uses this that can't easily be evangelized to
- *       use their own roll-your-own binding, then we should get rid of this
- *       to tighten up the toolkit api. This binding made obsolete in Firefox
- *       by 308396. 
- */
-.tabs-closebutton {
-  padding: 0px 4px 2px 0px;
-  margin: 0px;
-  list-style-image: url("chrome://global/skin/icons/closetab.png") !important;
-  border: none !important;
-}
-
-.tabs-closebutton:hover {
-  list-style-image: url("chrome://global/skin/icons/closetab-hover.png") !important;
-  border: none !important;
-}
-
-.tabs-closebutton:hover:active {
-  list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
-  border: none !important;
-}
-
-.tabbrowser-strip {
-  -moz-box-orient: vertical !important;
-  -moz-appearance: dialog;
-}
-
-.tabbrowser-tabs {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs");
-  border: none;
-  padding: 0;
-  margin: 0;
-  -moz-box-pack: center;
-  -moz-box-align: center;
-  background: url("chrome://global/skin/tabbrowser-tabs-bkgnd.png") repeat-x;
-}
-
-.tab-image-right, .tab-image-left {
-  height: 18px !important;
-}
-
-.tabs-bottom {
-  border: none;
-  height: 4px !important;
-  background: url("chrome://global/skin/tabs-bottom-bg.png") repeat !important;
-  margin: 0px !important;
-}
-
-tabbrowser > tabbox > tabpanels {
-  -moz-appearance: none !important;
-}
-
-.tab-drop-indicator-bar {
-   visibility: hidden;
-   height: 9px;
-   margin-top: -9px;
-   position: relative;
-}
-
-.tab-drop-indicator {
-   height: 9px;
-   width: 9px;
-   margin-bottom: -5px;
-   position: relative;
-   background: url('chrome://global/skin/tabDragDrop/tabDragIndicator.png') 50% 50% no-repeat;
-}
-
-.tab-drop-indicator-bar[dragging="true"] {
-   visibility: visible;
-}
-
-/**
- * In-tab close button
- */
-.tab-close-button > .toolbarbutton-icon {
-  -moz-margin-end: 0px !important;
-  margin-top: 2px;
-}
-
-.tab-close-button {
-  list-style-image: url("chrome://global/skin/icons/closetab.png");
-  -moz-appearance: none;
-  border: none !important;
-  padding: 0px;
-  background: inherit;
-  cursor: default;
-}
-
-.tab-close-button:hover,
-.tabbrowser-tab[selected="true"] > .tab-close-button:hover {
-  list-style-image: url("chrome://global/skin/icons/closetab-hover.png");
-}
-
-.tab-close-button:hover:active,
-.tabbrowser-tab[selected="true"] > .tab-close-button:hover:active {
-  list-style-image: url("chrome://global/skin/icons/closetab-active.png");
-}
-
-.tabbrowser-tab > .tab-close-button {
-  background-image: url("chrome://global/skin/tab-middle.png");
-  background-repeat: repeat-x;
-  -moz-margin-start: -5px;
-  -moz-margin-end: -1px;
-  -moz-padding-end: 0px;
-}
-
-.tabbrowser-tab[selected="true"] > .tab-close-button {
-  /* Make this button focusable so clicking on it will not focus the tab while
-     it's getting closed */
-  -moz-user-focus: normal;
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-close-button {
-  background-image: url("chrome://global/skin/tab-middle-bkgnd.png");
-  margin-bottom: 1px;
-}
-
-.tabbrowser-tab:not([selected="true"]):hover > .tab-close-button {
-  background-image: url("chrome://global/skin/tab-middle-hover.png");
-}
-
-/**
- * Tab Scrollbox Arrow Buttons
- */
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up {
-  width: 18px;
-  height: 18px;
-  margin: 2px 0px 3px 0px;
-  padding-left: 0;
-  padding-right: 0;
-  border: none;
-  list-style-image: url("chrome://global/skin/tab-arrow-start.png");
-  background-image: url("chrome://global/skin/tab-arrow-start-bkgnd.png");
-  background-repeat: no-repeat;
-  -moz-image-region: rect(0, 11px, 14px, 0);
-  opacity: 0.65;
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"] {
-  -moz-image-region: rect(0, 33px, 14px, 22px);
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover {
-  -moz-image-region: rect(0, 22px, 14px, 11px);
-  opacity: 1.0;
-}
- 
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active {
-  -moz-image-region: rect(0, 44px, 14px, 33px);
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {
-  margin-top: 4px;
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down-box {
-  margin: 2px 0px 3px 0px;
-  width: 18px;
-  height: 18px;
-  background-image: url("chrome://global/skin/tab-arrow-end-bkgnd.png") !important;
-  background-repeat: no-repeat;
-  opacity: 0.65;
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down-box-animate {
-  margin: 2px 0px 3px 0px;
-  width: 18px;
-  height: 18px;
-  background-image: url("chrome://global/skin/tab-arrow-end-bkgnd-animate.png") !important;
-  background-repeat: no-repeat;
-  opacity: 0.0;
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down {
-  margin: 2px 0px 3px 0px;
-  width: 18px;
-  height: 18px;
-  padding-left: 0;
-  padding-right: 0;
-  border: none;
-  list-style-image: url("chrome://global/skin/tab-arrow-end.png") !important;
-  -moz-image-region: rect(0, 11px, 14px, 0);
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down[disabled="true"] {
-  -moz-image-region: rect(0, 33px, 14px, 22px);
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down:not([disabled="true"]):hover {
-  background-image: url("chrome://global/skin/tab-arrow-end-bkgnd.png") !important;
-  background-repeat: no-repeat;
-  -moz-image-region: rect(0, 22px, 14px, 11px);
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down:not([disabled="true"]):hover:active {
-  -moz-image-region: rect(0, 44px, 14px, 33px);
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down > .toolbarbutton-icon {
-  margin-top: 4px;
-  -moz-margin-start: 1px;
-}
-
-/**
- * All Tabs Button
- */
-
-.tabs-alltabs-box {
-  margin: 2px 0px 3px 0px;
-  width: 16px;
-  height: 18px;
-  background-image: url("chrome://global/skin/alltabs-box-bkgnd.png");
-  background-repeat: no-repeat;
-  opacity: 0.65;
-}
-
-.tabbrowser-tabs[overflow="true"] .tabs-alltabs-box {
-  background-image: url("chrome://global/skin/alltabs-box-overflow-bkgnd.png");
-}
-
-.tabs-alltabs-button {
-  margin: 2px 0px 3px 0px;
-  width: 16px;
-  height: 18px;
-  padding-left: 0;
-  padding-right: 0;
-  border: none;
-}
-
-.tabs-alltabs-button  > .toolbarbutton-menu-dropmarker {
-  margin-right: 2px;
-  margin-top: 4px;
-}
-
-.tabs-alltabs-button  > .toolbarbutton-text {
-  display: none;
-}
-
-.tabs-alltabs-button > .toolbarbutton-icon {
-  -moz-margin-end: 2px;
-}
-
-.tabs-alltabs-button:hover {
-  margin: 2px 0px 3px 0px;
-  background-image: url("chrome://global/skin/alltabs-box-bkgnd.png");
-  background-repeat: no-repeat;
-  opacity: 1.0;
-}
-
-.tabbrowser-tabs[overflow="true"] .tabs-alltabs-button:hover {
-  background-image: url("chrome://global/skin/alltabs-box-overflow-bkgnd.png");
-}
-
-.tabs-alltabs-box-animate {
-  margin: 2px 0px 3px 0px;
-  width: 16px;
-  height: 18px;
-  background-image: url("chrome://global/skin/alltabs-box-overflow-bkgnd-animate.png");
-  background-repeat: no-repeat;
-  opacity: 0.0;
-}
-
-/**
- * All Tabs Menupopup 
- */
-
-.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
-  list-style-image: url("chrome://global/skin/icons/small-globe-sunken.png");
-}
-
-.alltabs-item[selected="true"] {
-  font-weight: bold;
-}
-
-.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
-  list-style-image: url("chrome://global/skin/icons/loading_16_grey.gif") !important;
-}

toolkit/themes/pinstripe/global/globalBindings.xml

@@ -1,69 +0,0 @@
-<?xml version="1.0"?>
-
-<!DOCTYPE bindings [
-<!ENTITY % tabBrowserDTD SYSTEM "chrome://global/locale/tabbrowser.dtd" >
-%tabBrowserDTD;
-<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
-%globalDTD;
-]>
-
-<bindings id="globalBindings"
-   xmlns="http://www.mozilla.org/xbl"
-   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
-   xmlns:xbl="http://www.mozilla.org/xbl">
-
-  <binding id="tabbrowser-tab" extends="chrome://global/content/bindings/tabbrowser.xml#tabbrowser-tab">
-    <content chromedir="&locale.dir;"
-             closetabtext="&closeTab.label;">
-      <xul:hbox class="tab-image-left" xbl:inherits="selected"/>
-      <xul:hbox flex="1" class="tab-image-middle" align="center" xbl:inherits="selected">
-        <xul:stack class="tab-icon">
-          <xul:image xbl:inherits="validate,src=image" class="tab-icon-image"/>
-          <xul:image class="tab-extra-status"/>
-        </xul:stack>
-        <xul:label flex="1" xbl:inherits="value=label,crop,accesskey" crop="right" class="tab-text"/>
-      </xul:hbox>
-      <xul:toolbarbutton anonid="close-button" class="tab-close-button" tabindex="-1"/>
-        <xul:hbox class="tab-image-right" xbl:inherits="selected"/>
-    </content>
-  </binding>
-  
-   <binding id="tabbrowser-tabs"  
-            extends="chrome://global/content/bindings/tabbrowser.xml#tabbrowser-tabs">
-    <content>
-      <xul:stack flex="1" class="tabs-stack">
-        <xul:vbox>
-          <xul:spacer flex="1"/>
-          <xul:hbox class="tabs-bottom" align="center"/>
-        </xul:vbox>
-        <xul:vbox>
-          <xul:hbox>
-            <xul:stack>
-              <xul:spacer class="tabs-left"/>
-            </xul:stack>
-            <xul:arrowscrollbox anonid="arrowscrollbox" orient="horizontal" flex="1" style="min-width: 1px;" class="tabbrowser-arrowscrollbox">
-              <children/>
-            </xul:arrowscrollbox>
-            <xul:stack align="center" pack="end">
-              <xul:hbox flex="1" class="tabs-alltabs-box" 
-                        anonid="alltabs-box"/>
-              <xul:hbox flex="1" class="tabs-alltabs-box-animate" 
-                        anonid="alltabs-box-animate"/>
-              <xul:toolbarbutton class="tabs-alltabs-button"
-                                 type="menu"
-                                 anonid="alltabs-button"
-                                 tooltipstring="&listAllTabs.label;">
-                <xul:menupopup class="tabs-alltabs-popup"
-                               anonid="alltabs-popup" position="after_end"/>
-              </xul:toolbarbutton>
-            </xul:stack>
-            <xul:hbox class="tabs-closebutton-box" align="center" pack="end" anonid="tabstrip-closebutton">
-              <xul:toolbarbutton class="close-button tabs-closebutton"/>
-            </xul:hbox>
-          </xul:hbox>
-          <xul:spacer class="tabs-bottom-spacer"/>
-        </xul:vbox>
-      </xul:stack>
-    </content>
-  </binding>
-</bindings>

toolkit/themes/winstripe/global/browser.css

@@ -1,475 +0,0 @@
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/**
- * Tabbrowser Tabs
- */
-
-.tabbrowser-tabs {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important;
-  padding-top: 0px;
-  background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important;
-  -moz-padding-start: 0px;
-}
-
-.tabbrowser-tabs[overflow="true"] {
-  -moz-padding-start: 0px;
-}
-
-/**
- * Tab
- */
-
-.tabbrowser-tab {
-  -moz-appearance: none !important;
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
-  background: transparent !important;
-  margin: 0px 0px 1px !important;
-  padding: 0px !important;
-  border: none !important;
-  height: 22px !important;
-}
-
-.tabbrowser-tab > .tab-image-middle {
-  padding-top: 1px;
-  -moz-padding-start: 1px;
-}
-
-.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
-  list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif") !important;
-  opacity: 0.6;
-}
-
-.tabbrowser-tab[selected="true"] {
-  font-weight: bold;
-}
-
-.tabbrowser-tab[selected="true"] > .tab-image-middle > .tab-icon {
-  cursor: -moz-grab;
-}
-
-.tabbrowser-tab > .tab-image-left {
-  width: 8px;
-  height: 24px;
-  background: url("chrome://global/skin/icons/tab-left.png") no-repeat;
-  background-color: -moz-dialog;
-  -moz-border-radius-topleft: 4px;
-}
-
-.tabbrowser-tab[chromedir="rtl"] > .tab-image-left {
-  background: url("chrome://global/skin/icons/tab-right.png") no-repeat;
-  background-color: -moz-dialog;
-  -moz-border-radius-topleft: 0px;
-  -moz-border-radius-topright: 4px;
-}
-
-.tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-left {
-  background: url("chrome://global/skin/icons/tab-left-bkgnd.png") no-repeat;
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab[chromedir="rtl"]:not([selected="true"]):not(:hover) > .tab-image-left {
-  background: url("chrome://global/skin/icons/tab-right-bkgnd.png") no-repeat;
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab > .tab-image-middle {
-  height: 24px;
-  background: url("chrome://global/skin/icons/tab-middle.png") repeat-x;
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-middle {
-  background: url("chrome://global/skin/icons/tab-middle-bkgnd.png") repeat-x;
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab > .tab-image-right {
-  width: 8px;
-  height: 24px;
-  background: url("chrome://global/skin/icons/tab-right.png") no-repeat;
-  background-color: -moz-dialog;
-  -moz-border-radius-topright: 4px;
-}
-
-.tabbrowser-tab[chromedir="rtl"] > .tab-image-right {
-  background: url("chrome://global/skin/icons/tab-left.png") no-repeat;
-  background-color: -moz-dialog;
-  -moz-border-radius-topleft: 4px;
-  -moz-border-radius-topright: 0px;
-}
-
-.tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-right {
-  background: url("chrome://global/skin/icons/tab-right-bkgnd.png") no-repeat;
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab[chromedir="rtl"]:not([selected="true"]):not(:hover) > .tab-image-right {
-  background: url("chrome://global/skin/icons/tab-left-bkgnd.png") no-repeat;
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-image-left,
-.tabbrowser-tab:not([selected="true"]) > .tab-image-middle,
-.tabbrowser-tab:not([selected="true"]) > .tab-image-right {
-  height: 23px;
-  margin-bottom: 1px;
-}
-
-.tab-icon-image {
-  margin-top: 1px;
-  -moz-margin-end: 3px;
-  width: 16px;
-  height: 16px;
-  list-style-image: url("chrome://global/skin/icons/folder-item.png");
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-
-.tabs-bottom {
-  height: 4px !important;
-  margin: 0px !important;
-  background: -moz-dialog url("chrome://global/skin/icons/tabstrip-bottom.png") repeat !important;
-  border-top: 1px solid threedshadow; 
-  border-bottom: 1px solid threedshadow;
-}
-
-tabpanels {
-  -moz-appearance: none;
-}
-
-.tabs-left,
-.tabs-right {
-  width: 3px;
-  border-bottom-width: 0px;
-}
-
-/* tabbrowser-tab focus ring */
-.tabbrowser-tab >  .tab-image-middle > .tab-text {
-  border: 1px dotted transparent;
-}
-
-.tabbrowser-tab:focus > .tab-image-middle > .tab-text {
-  border: 1px dotted -moz-DialogText;
-}
-
-/**
- * Tab Drag and Drop
- */
-
-.tab-drop-indicator-bar {
-    visibility: hidden;
-    height: 9px;
-    margin-top: -9px;
-    position: relative;
-}
-
-.tab-drop-indicator {
-    height: 9px;
-    width: 9px;
-    margin-bottom: -5px;
-    position: relative;
-    background: url('chrome://global/skin/tabDragDrop/tabDragIndicator.png') 50% 50% no-repeat;
-}
-
-.tab-drop-indicator-bar[dragging="true"] {
-    visibility: visible;
-}
-
-/**
- * In-tab close button
- */
-.tab-close-button > .toolbarbutton-icon {
-  -moz-margin-end: 0px !important;
-  margin-top: 1px;
-}
-
-.tab-close-button {
-  -moz-appearance: none;
-  -moz-image-region: rect(0px, 64px, 16px, 48px);
-  height: 24px;
-  border: none !important;
-  padding: 0px;
-  cursor: default;
-  list-style-image: url("chrome://global/skin/icons/close.png");
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-close-button {
-  height: 23px;
-  margin-bottom: 1px;
-}
-
-.tabbrowser-tab:not([selected="true"]) > .tab-close-button > .toolbarbutton-icon {
-  margin-top: 2px;
-}
-
-.tab-close-button:hover,
-.tabbrowser-tab[selected="true"] > .tab-close-button:hover {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-.tab-close-button:hover:active,
-.tabbrowser-tab[selected="true"] > .tab-close-button:hover:active {
-  -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-
-.tabbrowser-tab > .tab-close-button {
-  background-image: url("chrome://global/skin/icons/tab-middle-bkgnd.png");
-  background-color: -moz-dialog;
-}
-
-.tabbrowser-tab:hover > .tab-close-button {
-  background-image: url("chrome://global/skin/icons/tab-middle.png");
-}
-
-.tabbrowser-tab[selected="true"] > .tab-close-button {
-  background-image: url("chrome://global/skin/icons/tab-middle.png");
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-  /* Make this button focusable so clicking on it will not focus the tab while
-     it's getting closed */
-  -moz-user-focus: normal;
-}
-
-.tab-close-button:focus {
-  outline: none !important;
-}
-
-/**
- * Tab Scrollbox Arrow Buttons
- */
-
-.tabbrowser-tabs[overflow="true"] .tabs-left {
-  display: none;
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up {
-  -moz-appearance: none !important;
-  border: none !important;
-  margin-top: 2px;
-  margin-bottom: 4px !important;
-  padding: 0px;
-  width: 18px;
-  height: 23px;
-  -moz-margin-start: 0px;
-  -moz-margin-end: 0px;
-  list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png");
-  -moz-image-region: rect(0, 11px, 14px, 0);
-  background-repeat: no-repeat;
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png");
-  background-color: -moz-dialog;
-  -moz-border-radius-topright: 4px;
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up {
-  list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png");
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png");
-  -moz-border-radius-topleft: 4px;
-  -moz-border-radius-topright: 0px;
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"] {
-  -moz-image-region: rect(0, 33px, 14px, 22px);
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-disabled.png");
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up[disabled="true"] {
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-disabled.png");
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png");
-  -moz-image-region: rect(0, 22px, 14px, 11px);
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up:not([disabled="true"]):hover {
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png");
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active {
-  -moz-image-region: rect(0, 44px, 14px, 33px);
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {    
-  margin: 6px 0px 0px 0px;
-}                                                                            
-
-.tabbrowser-arrowscrollbox > .scrollbutton-down-stack {
-  margin-top: 2px;
-  margin-bottom: 4px;
-  height: 23px;
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down-box {
-  -moz-appearance: none !important;
-  border: none !important;
-  width: 18px;
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png");
-  background-repeat: no-repeat;	
-  background-color: -moz-dialog;
-  -moz-border-radius-topleft: 4px;
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down-box {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png");
-  -moz-border-radius-topleft: 0px;
-  -moz-border-radius-topright: 4px;
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down-box[disabled="true"] {
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-disabled.png");
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down-box[disabled="true"] {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-disabled.png");
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down-box-animate {
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-animate.png");
-  background-repeat: no-repeat;
-  opacity: 0.0;
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down-box-animate {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-animate.png");
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down {
-  -moz-appearance: none !important;
-  border: none !important;
-  width: 18px;
-  list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png");
-  -moz-image-region: rect(0, 11px, 14px, 0);
-  margin: 0px;
-  padding: 0px;
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down {
-  list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png");
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down[disabled="true"] {
-  -moz-image-region: rect(0, 33px, 14px, 22px);
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down:not([disabled="true"]):hover {
-  -moz-image-region: rect(0, 22px, 14px, 11px);
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png");
-  background-repeat: no-repeat;
-  background-position: top left;
-}
-
-.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down:not([disabled="true"]):hover {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png");
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down:not([disabled="true"]):hover:active {
-  -moz-image-region: rect(0, 44px, 14px, 33px);
-}
-
-.tabbrowser-arrowscrollbox > stack > .scrollbutton-down > .toolbarbutton-icon {
-  margin: 6px 0px 0px 1px;
-}
-
-/**
- * All Tabs Button
- */
-
-.tabs-alltabs-box {
-  margin-top: 2px;
-  margin-bottom: 4px;
-  width: 18px !important;
-  height: 23px !important;
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png");
-  background-repeat: no-repeat;
-  background-color: -moz-dialog; 
-  -moz-border-radius-topleft: 4px;
-}
-
-stack[chromedir="rtl"] > hbox > .tabs-alltabs-box {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png");
-  -moz-border-radius-topleft: 0px;
-  -moz-border-radius-topright: 4px;
-}
-
-.tabbrowser-tabs[overflow="true"] .tabs-alltabs-box {
-  background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd.png");
-  -moz-border-radius-topleft: 0px;
-  -moz-border-radius-topright: 0px;
-}
-
-.tabbrowser-tabs[overflow="true"] stack[chromedir="rtl"] > hbox > .tabs-alltabs-box {
-  background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd.png");
-}
-
-.tabs-alltabs-button {
-  -moz-appearance: none !important;
-  border: 0px !important;
-  margin-top: 2px;
-  margin-bottom: 4px;
-  width: 18px !important;
-  height: 23px !important;
-  border: 0px !important;
-  -moz-padding-start: 4px !important;
-  -moz-padding-end: 4px !important;
-  padding: 0px;
-}
-
-.tabs-alltabs-button > .toolbarbutton-text {
-  display: none;
-}
-
-.tabs-alltabs-button > .toolbarbutton-icon {
-  -moz-margin-end: 2px;
-}
-
-.tabs-alltabs-button > .toolbarbutton-menu-dropmarker {
-  margin-top: 3px !important;
-}
-
-.tabs-alltabs-button:hover {
-  background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png");
-  background-repeat: no-repeat;
-}
-
-stack[chromedir="rtl"] > hbox > .tabs-alltabs-button:hover {
-  background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png");
-}
-
-.tabbrowser-tabs[overflow="true"] .tabs-alltabs-button:hover {
-  background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd-hover.png");
-}
-
-.tabbrowser-tabs[overflow="true"] stack[chromedir="rtl"] > hbox > .tabs-alltabs-button:hover {
-  background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd-hover.png");
-}
-
-.tabs-alltabs-box-animate {
-  margin-top: 2px;
-  margin-bottom: 4px;
-  width: 18px !important;
-  height: 23px !important;
-  background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd-animate.png");
-  background-repeat: no-repeat;
-  opacity: 0.0;
-}
-
-stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate {
-  background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd-animate.png");
-}
-
-/**
- * All Tabs Menupopup 
- */
-
-.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
-  list-style-image: url("chrome://global/skin/icons/folder-item.png");
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-
-.alltabs-item[selected="true"] {
-  font-weight: bold;
-}
-
-.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
-  list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif");
-  opacity: 0.6;
-}