Commit c07c9306 authored by rflint@ryanflint.com's avatar rflint@ryanflint.com
Browse files

Bug 387345 - Restyle the tabstrip. r=mconnor, a=blocking-fx3

parent b14684c0

browser/base/content/browser.css

+5 −5
Original line number Diff line number Diff line
@@ -41,20 +41,22 @@ tabbrowser { 
  -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabs");

}



%ifdef XP_MACOSX

.tabbrowser-arrowscrollbox {

  -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-arrowscrollbox");

}

%endifmake 



.tabs-alltabs-popup {

  -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-alltabs-popup");

}



.tabbrowser-tabs > .tabbrowser-tab {

.tabbrowser-tab {

  -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tab");

}



.tabbrowser-tabs > .tabbrowser-tab > .tab-close-button,

.tabbrowser-tabs .tabs-closebutton-box > .tabs-closebutton {

.tabbrowser-tab > .tab-close-button,

.tabbrowser-tabs .tabs-closebutton {

  -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-close-tab-button");

}
@@ -69,5 +71,3 @@ tabbrowser { 
.tabbrowser-tabs[closebuttons="alltabs"] > .tabbrowser-tab > .tab-close-button {

  display: -moz-box;

}

browser/base/content/tabbrowser.xml

+32 −5
Original line number Diff line number Diff line
@@ -2382,6 +2382,7 @@ 
    </handlers>

  </binding>



#ifdef XP_MACOSX

  <binding id="tabbrowser-arrowscrollbox" extends="chrome://global/content/bindings/scrollbox.xml#arrowscrollbox-clicktoscroll">

    <content>

      <xul:toolbarbutton class="scrollbutton-up" collapsed="true"
@@ -2468,6 +2469,7 @@ 


    </handlers>

  </binding>

#endif



  <binding id="tabbrowser-tabs"

           extends="chrome://global/content/bindings/tabbox.xml#tabs">
@@ -2478,12 +2480,17 @@ 
          <xul:hbox class="tabs-bottom" align="center"/>

        </xul:vbox>

        <xul:vbox>

          <xul:hbox>

          <xul:hbox xbl:inherits="overflow" class="tabs-container">

#ifdef XP_MACOSX

            <xul:stack>

              <xul:spacer class="tabs-left"/>

            </xul:stack>

#endif

            <xul:arrowscrollbox anonid="arrowscrollbox" orient="horizontal" flex="1"

                                style="min-width: 1px;" chromedir="&locale.dir;"

#ifndef XP_MACOSX

                                clicktoscroll="true"

#endif

                                class="tabbrowser-arrowscrollbox">

              <children/>

            </xul:arrowscrollbox>
@@ -2496,10 +2503,14 @@ 
                               position="after_end"/>

              </xul:toolbarbutton>

            </xul:stack>

            <xul:hbox anonid="tabstrip-closebutton" class="tabs-closebutton-box"

                      align="center" pack="end" chromedir="&locale.dir;">

              <xul:toolbarbutton class="close-button tabs-closebutton"/>

#ifdef XP_MACOSX

            <xul:hbox anonid="tabstrip-closebutton" class="tabs-closebutton-box" align="center" pack="end" chromedir="&locale.dir;">

#endif

            <xul:toolbarbutton anonid="tabs-closebutton"

                               class="close-button tabs-closebutton" chromedir="&locale.dir;"/>

#ifdef XP_MACOSX

            </xul:hbox>

#endif

          </xul:hbox>

          <xul:spacer class="tabs-bottom-spacer"/>

        </xul:vbox>
@@ -2573,7 +2584,11 @@ 
      </field>



      <field name="mTabstripClosebutton">

#ifdef XP_MACOSX

        document.getAnonymousElementByAttribute(this, "anonid", "tabstrip-closebutton");

#else

        document.getAnonymousElementByAttribute(this, "anonid", "tabs-closebutton");

#endif

      </field>



      <field name="_prefObserver">({
@@ -2692,9 +2707,11 @@ 
                                                "alltabs-box-animate");

      </field>



#ifdef XP_MACOSX

      <field name="mDownBoxAnimate">

        this.mTabstrip._scrollButtonDownBoxAnimate;

      </field>

#endif



      <field name="mAllTabsButton">

        document.getAnonymousElementByAttribute(this,
@@ -2721,7 +2738,9 @@ 


            this._animateStep = -1;

            this.mAllTabsBoxAnimate.style.opacity = 0.0;

#ifdef XP_MACOSX

            this.mDownBoxAnimate.style.opacity = 0.0;

#endif

          }

        ]]></body>

      </method>
@@ -2764,7 +2783,9 @@ 


          var percent = this._animatePercents[this._animateStep];

          this.mAllTabsBoxAnimate.style.opacity = percent;

#ifdef XP_MACOSX

          this.mDownBoxAnimate.style.opacity = percent;

#endif



          if (this._animateStep < (this._animatePercents.length - 1))

            this._animateStep++;
@@ -3063,10 +3084,11 @@ 
    </handlers>

  </binding>



  <binding id="tabbrowser-tab" display="xul:box"

  <binding id="tabbrowser-tab" display="xul:hbox"

           extends="chrome://global/content/bindings/tabbox.xml#tab">

    <content chromedir="&locale.dir;"

             closetabtext="&closeTab.label;">

#ifdef XP_MACOSX

      <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">
@@ -3077,6 +3099,11 @@ 
      </xul:hbox>

      <xul:toolbarbutton anonid="close-button" tabindex="-1" class="tab-close-button"/>

      <xul:hbox class="tab-image-right" xbl:inherits="selected"/>

#else

      <xul:image xbl:inherits="validate,src=image" class="tab-icon-image"/>

      <xul:label flex="1" xbl:inherits="value=label,crop,accesskey" class="tab-text"/>

      <xul:toolbarbutton anonid="close-button" tabindex="-1" class="tab-close-button"/>

#endif

    </content>



    <implementation>

browser/themes/winstripe/browser/browser.css

+149 −244
Original line number Diff line number Diff line
@@ -1173,118 +1173,71 @@ toolbar[mode="text"] #navigator-throbber[busy="true"] { 
  opacity: 0.5;

}



/**

 * Tabbrowser Tabs

 */



/* Tabstrip */

.tabbrowser-tabs {

  padding-top: 0px;

  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabbrowser-tabs-bkgnd.png") !important;

  -moz-padding-start: 0px;

  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabbrowser-tabs-bkgnd.png");

  background-repeat: repeat-x;

}



.tabbrowser-tabs[overflow="true"] {

  -moz-padding-start: 0px;

.tabs-container:not([overflow="true"]) {

  -moz-padding-start: 3px;

}



/**

 * Tab

 */



/* Tabs */

.tabbrowser-tab {

  -moz-appearance: none !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;

}



  -moz-appearance: none;

  height: 22px;

  background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;

  margin: 3px 0px 4px;

  padding: 0px 0px 1px;

  border: 2px solid;

  border-bottom: none;

  -moz-border-radius-topleft: 2px;

  -moz-border-radius-topright: 2px;

  -moz-border-top-colors: #b5b3a8 #e8e6dc;

  -moz-border-right-colors: #c1bfb3 #e8e6dc;

  -moz-border-left-colors: #c1bfb3 #e8e6dc;

}



.tabbrowser-tab:hover,

.tabbrowser-tab[selected="true"] {

  font-weight: bold;

}



.tabbrowser-tab[selected="true"] > * {

  background-color: -moz-dialog;

}



.tabbrowser-tab[selected="true"] > .tab-image-middle > .tab-icon {

  cursor: -moz-grab;

}



.tabbrowser-tab > .tab-image-left {

  width: 8px;

  height: 24px;

  background-image: url("chrome://browser/skin/tabbrowser/tab-left.png");

  background-repeat: no-repeat;

  border: 1px solid;

  border-bottom: none;

  -moz-border-radius-topleft: 4px;

}



.tabbrowser-tab[chromedir="rtl"] > .tab-image-left {

  background-image: url("chrome://browser/skin/tabbrowser/tab-right.png");

  -moz-border-radius-topleft: 0px;

  -moz-border-radius-topright: 4px;

  -moz-border-top-colors: #9a9890;

  -moz-border-right-colors: #aaa89f;

  -moz-border-left-colors: #aaa89f;

}



.tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-left {

  background-image: url("chrome://browser/skin/tabbrowser/tab-left-bkgnd.png");

}



.tabbrowser-tab[chromedir="rtl"]:not([selected="true"]):not(:hover) > .tab-image-left {

  background-image: url("chrome://browser/skin/tabbrowser/tab-right-bkgnd.png");

}



.tabbrowser-tab > .tab-image-middle {

  height: 24px;

  background-image: url("chrome://browser/skin/tabbrowser/tab-middle.png");

  background-repeat: repeat-x;

}



.tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-middle {

  background-image: url("chrome://browser/skin/tabbrowser/tab-middle-bkgnd.png");

.tabbrowser-tab:not([selected="true"]):hover {

  height: 23px;

  margin: 2px 0px 4px;

  padding: 2px 1px 1px;

  background: url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;

}



.tabbrowser-tab > .tab-image-right {

  width: 8px;

.tabbrowser-tab[selected="true"] {

  height: 24px;

  background-image: url("chrome://browser/skin/tabbrowser/tab-right.png");

  background-repeat: no-repeat;

  -moz-border-radius-topright: 4px;

}



.tabbrowser-tab[chromedir="rtl"] > .tab-image-right {

  background-image: url("chrome://browser/skin/tabbrowser/tab-left.png");

  -moz-border-radius-topleft: 4px;

  -moz-border-radius-topright: 0px;

}



.tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-right {

  background-image: url("chrome://browser/skin/tabbrowser/tab-right-bkgnd.png");

  margin: 2px 0px 3px;

  padding: 1px;

  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;

  font-weight: bold;

}



.tabbrowser-tab[chromedir="rtl"]:not([selected="true"]):not(:hover) > .tab-image-right {

  background-image: url("chrome://browser/skin/tabbrowser/tab-left-bkgnd.png");

.tabbrowser-tab[selected="true"] > .tab-icon-image {

  cursor: -moz-grab;

}



.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;

.tabbrowser-tab[busy] > .tab-icon-image {

  list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif") !important;

  opacity: 0.6;

}



.tab-icon-image {

  margin-top: 1px;

  -moz-margin-start: 7px;

  -moz-margin-end: 3px;

  width: 16px;

  height: 16px;
@@ -1293,9 +1246,9 @@ toolbar[mode="text"] #navigator-throbber[busy="true"] { 
}



.tabs-bottom {

  height: 4px !important;

  margin: 0px !important;

  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabstrip-bottom.png") repeat !important;

  height: 4px;

  margin: 0px;

  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabstrip-bottom.png") repeat;

  border-top: 1px solid threedshadow;

  border-bottom: 1px solid threedshadow;

}
@@ -1304,25 +1257,16 @@ 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 {

.tab-text {

  border: 1px dotted transparent;

}



.tabbrowser-tab:focus > .tab-image-middle > .tab-text {

.tabbrowser-tab:focus > .tab-text {

  border: 1px dotted -moz-DialogText;

}



/**

 * Tab Drag and Drop

 */



/* Tab DnD indicator */

.tab-drop-indicator-bar {

  height: 11px;

  margin-top: -11px;
@@ -1339,9 +1283,7 @@ tabpanels { 
  background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 50% no-repeat;

}



/**

 * In-tab close button

 */

/* Tab close button */

.tab-close-button > .toolbarbutton-icon {

  -moz-margin-end: 0px !important;

  margin-top: 1px;
@@ -1350,22 +1292,12 @@ tabpanels { 
.tab-close-button {

  -moz-appearance: none;

  -moz-image-region: rect(0px, 64px, 16px, 48px);

  height: 24px;

  border: none !important;

  -moz-margin-end: 6px;

  border: none;

  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);
@@ -1376,16 +1308,7 @@ tabpanels { 
  -moz-image-region: rect(0px, 48px, 16px, 32px);

}



.tabbrowser-tab > .tab-close-button {

  background-image: url("chrome://browser/skin/tabbrowser/tab-middle-bkgnd.png");

}



.tabbrowser-tab:hover > .tab-close-button {

  background-image: url("chrome://browser/skin/tabbrowser/tab-middle.png");

}



.tabbrowser-tab[selected="true"] > .tab-close-button {

  background-image: url("chrome://browser/skin/tabbrowser/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 */
@@ -1396,72 +1319,70 @@ tabpanels { 
  outline: none !important;

}



/**

 * Tabstrip close button

 */



.tabs-closebutton-box > .tabs-closebutton {

  padding-top: 5px;

  -moz-padding-end: 1px;

  padding-bottom: 2px;

  -moz-padding-start: 2px;

  background-image: url("chrome://browser/skin/tabbrowser/close-bkgnd.png");

  background-color: -moz-dialog;

}



.tabs-closebutton-box[chromedir="rtl"] > .tabs-closebutton {

  background-image: url("chrome://browser/skin/tabbrowser/close-bkgnd-rtl.png");

  background-position: top right;

/* Tab scrollbox arrow buttons */

.tabbrowser-arrowscrollbox > .scrollbutton-up,

.tabbrowser-arrowscrollbox > .scrollbutton-down {

  -moz-appearance: none;

  width: 18px;

  margin: 3px 0px 4px;

  padding: 0px;

  border: 2px solid;

  border-bottom: none;

  -moz-border-top-colors: #b5b3a8 #e8e6dc;

  -moz-border-right-colors: #c1bfb3 #e8e6dc;

  -moz-border-left-colors: #c1bfb3 #e8e6dc;

  background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png");

  background-repeat: repeat-x;

}



/**

 * Tab Scrollbox Arrow Buttons

 */



.tabbrowser-tabs[overflow="true"] .tabs-left {

  display: none;

.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,

.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {

  border: 1px solid;

  border-bottom: none;

  -moz-border-top-colors: #9a9890;

  -moz-border-right-colors: #aaa89f;

  -moz-border-left-colors: #aaa89f;

  background: url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png");

  background-repeat: repeat-x;

}



.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;

  border-left: none;

  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");

  -moz-image-region: rect(0, 11px, 14px, 0);

  background-repeat: no-repeat;

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start-bkgnd-enabled.png");

  -moz-border-radius-topright: 4px;

  -moz-border-radius-topright: 2px;

}



.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up {

.tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"] {

  border-left: 2px solid;

  border-right: none;

  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end-bkgnd-enabled.png");

  -moz-border-radius-topleft: 4px;

  -moz-border-radius-topleft: 2px;

  -moz-border-radius-topright: 0px;

}



.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"] {

  -moz-border-radius-topright: 4px;

  -moz-image-region: rect(0, 33px, 14px, 22px);

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start-bkgnd-disabled.png");

}



.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up[disabled="true"] {

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end-bkgnd-disabled.png");

.tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"][disabled="true"] {

  -moz-border-radius-topright: 0px;

  -moz-border-radius-topleft: 4px;

}



.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover {

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start-bkgnd-hover.png");

  -moz-border-radius-topright: 4px;

  -moz-border-radius-topleft: 0px;

  border-left: none;

  -moz-image-region: rect(0, 22px, 14px, 11px);

}



.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up:not([disabled="true"]):hover {

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end-bkgnd-hover.png");

.tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"]:not([disabled="true"]):hover {

  -moz-border-radius-topright: 0px;

  -moz-border-radius-topleft: 4px;

  border-left: 1px solid;

  border-right: none;

}



.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active {
@@ -1472,86 +1393,57 @@ tabpanels { 
  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://browser/skin/tabbrowser/tab-arrow-end-bkgnd-enabled.png");

  background-repeat: no-repeat;

  -moz-border-radius-topleft: 4px;

}



.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down-box {

  background-image: url("chrome://browser/skin/tabbrowser/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://browser/skin/tabbrowser/tab-arrow-end-bkgnd-disabled.png");

}



.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down-box[disabled="true"] {

  background-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start-bkgnd-disabled.png");

}



.tabbrowser-arrowscrollbox > stack > .scrollbutton-down-box-animate {

  background-image: url("chrome://browser/skin/tabbrowser/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://browser/skin/tabbrowser/tab-arrow-start-bkgnd-animate.png");

}



.tabbrowser-arrowscrollbox > stack > .scrollbutton-down {

  -moz-appearance: none !important;

  border: none !important;

  width: 18px;

.tabbrowser-arrowscrollbox > .scrollbutton-down {

  border-right: none;

  -moz-border-radius-topleft: 2px;

  -moz-border-radius-topright: 0px;

  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");

  -moz-image-region: rect(0, 11px, 14px, 0);

  margin: 0px;

  padding: 0px;

}



.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-down {

.tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"] {

  border-left: none;

  border-right: 2px solid;

  -moz-border-radius-topleft: 0px;

  -moz-border-radius-topright: 2px;

  list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");

}



.tabbrowser-arrowscrollbox > stack > .scrollbutton-down[disabled="true"] {

.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {

  -moz-border-radius-topleft: 4px;

  -moz-border-radius-topright: 0px;

  -moz-image-region: rect(0, 33px, 14px, 22px);

}



.tabbrowser-arrowscrollbox > stack > .scrollbutton-down:not([disabled="true"]):hover {

.tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"][disabled="true"] {

  -moz-border-radius-topleft: 0px;

  -moz-border-radius-topright: 4px;

}



.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {

  -moz-padding-start: 1px;

  -moz-border-radius-topleft: 4px;

  -moz-border-radius-topright: 0px;

  border-right: none;

  -moz-image-region: rect(0, 22px, 14px, 11px);

  background-image: url("chrome://browser/skin/tabbrowser/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://browser/skin/tabbrowser/tab-arrow-start-bkgnd-hover.png");

.tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"]:not([disabled="true"]):hover {

  border-left: none;

  border-right: 1px solid;

  -moz-border-radius-topleft: 0px;

  -moz-border-radius-topright: 4px;

}



.tabbrowser-arrowscrollbox > stack > .scrollbutton-down:not([disabled="true"]):hover:active {

.tabbrowser-arrowscrollbox > .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;

.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {

  margin-top: 6px;

}



/**

 * All Tabs Button

 */



/* All tabs button */

.tabs-alltabs-box {

  margin-top: 2px;

  margin-bottom: 4px;
@@ -1634,10 +1526,7 @@ stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate { 
  background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png");

}



/**

 * All Tabs Menupopup 

 */



/* 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);
@@ -1652,18 +1541,20 @@ stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate { 
  opacity: 0.6;

}



.tabs-closebutton > .toolbarbutton-icon {

  -moz-margin-end: 0px !important;

  -moz-padding-end: 2px !important;

  -moz-padding-start: 2px !important;

}



/* Tabstrip close button */

.tabs-closebutton {

  list-style-image: url("chrome://global/skin/icons/close.png");

  -moz-appearance: none;

  list-style-image: url("chrome://global/skin/icons/close.png");

  -moz-image-region: rect(0px, 16px, 16px, 0px);

  padding: 4px 2px;

  border: none !important;

  margin: 0px;

  border: none;

}



.tabs-closebutton > .toolbarbutton-icon {

  -moz-margin-end: 0px !important;

  -moz-padding-end: 2px !important;

  -moz-padding-start: 2px !important;

}



.tabs-closebutton:hover {
@@ -1674,6 +1565,20 @@ stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate { 
  -moz-image-region: rect(0px, 48px, 16px, 32px);

}



.tabs-container > .tabs-closebutton {

  margin: 3px 0px 3px;

  padding: 4px 2px 2px;

  background: -moz-dialog url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png");

  background-repeat: repeat-x;

  border-left: 1px solid threedshadow;

  border-top: 1px solid threedshadow;

}



.tabs-container > .tabs-closebutton[chromedir="rtl"] {

  border-left: none;

  border-right: 1px solid threedshadow;

}



#sidebar-box .tabs-closebutton {

  margin-bottom: 0px !important;

  padding: 0px 2px 0px 2px !important;

browser/themes/winstripe/browser/jar.mn

+2 −16
Original line number Diff line number Diff line
@@ -68,26 +68,12 @@ classic.jar: 
        skin/classic/browser/tabbrowser/alltabs-box-overflow-start-bkgnd.png         (tabbrowser/alltabs-box-overflow-start-bkgnd.png)

        skin/classic/browser/tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png (tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png)        

        skin/classic/browser/tabbrowser/alltabs-box-overflow-start-bkgnd-hover.png   (tabbrowser/alltabs-box-overflow-start-bkgnd-hover.png)

        skin/classic/browser/tabbrowser/close-bkgnd.png                    (tabbrowser/close-bkgnd.png)

        skin/classic/browser/tabbrowser/close-bkgnd-rtl.png                (tabbrowser/close-bkgnd-rtl.png)

        skin/classic/browser/tabbrowser/tab-arrow-end.png                  (tabbrowser/tab-arrow-end.png)

        skin/classic/browser/tabbrowser/tab-arrow-end-bkgnd-animate.png    (tabbrowser/tab-arrow-end-bkgnd-animate.png)

        skin/classic/browser/tabbrowser/tab-arrow-end-bkgnd-disabled.png   (tabbrowser/tab-arrow-end-bkgnd-disabled.png)

        skin/classic/browser/tabbrowser/tab-arrow-end-bkgnd-enabled.png    (tabbrowser/tab-arrow-end-bkgnd-enabled.png)

        skin/classic/browser/tabbrowser/tab-arrow-end-bkgnd-hover.png      (tabbrowser/tab-arrow-end-bkgnd-hover.png)

        skin/classic/browser/tabbrowser/tab-arrow-start.png                (tabbrowser/tab-arrow-start.png)

        skin/classic/browser/tabbrowser/tab-arrow-start-bkgnd-animate.png  (tabbrowser/tab-arrow-start-bkgnd-animate.png)

        skin/classic/browser/tabbrowser/tab-arrow-start-bkgnd-disabled.png (tabbrowser/tab-arrow-start-bkgnd-disabled.png)

        skin/classic/browser/tabbrowser/tab-arrow-start-bkgnd-enabled.png  (tabbrowser/tab-arrow-start-bkgnd-enabled.png)

        skin/classic/browser/tabbrowser/tab-arrow-start-bkgnd-hover.png    (tabbrowser/tab-arrow-start-bkgnd-hover.png)

        skin/classic/browser/tabbrowser/tabbrowser-tabs-bkgnd.png          (tabbrowser/tabbrowser-tabs-bkgnd.png)

        skin/classic/browser/tabbrowser/tabDragIndicator.png               (tabbrowser/tabDragIndicator.png)

        skin/classic/browser/tabbrowser/tab-left.png                       (tabbrowser/tab-left.png)

        skin/classic/browser/tabbrowser/tab-left-bkgnd.png                 (tabbrowser/tab-left-bkgnd.png)

        skin/classic/browser/tabbrowser/tab-middle.png                     (tabbrowser/tab-middle.png)

        skin/classic/browser/tabbrowser/tab-middle-bkgnd.png               (tabbrowser/tab-middle-bkgnd.png)

        skin/classic/browser/tabbrowser/tab-right.png                      (tabbrowser/tab-right.png)

        skin/classic/browser/tabbrowser/tab-right-bkgnd.png                (tabbrowser/tab-right-bkgnd.png)

        skin/classic/browser/tabbrowser/tab-bkgnd.png                      (tabbrowser/tab-bkgnd.png)

        skin/classic/browser/tabbrowser/tab-active-bkgnd.png               (tabbrowser/tab-active-bkgnd.png)

        skin/classic/browser/tabbrowser/tabstrip-bottom.png                (tabbrowser/tabstrip-bottom.png)

        icon.png

        preview.png

browser/themes/winstripe/browser/tabbrowser/close-bkgnd-rtl.png

deleted100644 → 0
−482 B
Loading image diff...