diff --git a/browser/themes/winstripe/browser/jar.mn b/browser/themes/winstripe/browser/jar.mn index eef2503f6eb..45b27d4849e 100644 --- a/browser/themes/winstripe/browser/jar.mn +++ b/browser/themes/winstripe/browser/jar.mn @@ -93,6 +93,7 @@ browser.jar: skin/classic/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png) skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png) skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png) + skin/classic/browser/tabview/close.png (tabview/close.png) skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png) skin/classic/browser/tabview/grain.png (tabview/grain.png) skin/classic/browser/tabview/new-tab.png (tabview/new-tab.png) @@ -207,6 +208,7 @@ browser.jar: skin/classic/aero/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png) skin/classic/aero/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png) skin/classic/aero/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png) + skin/classic/aero/browser/tabview/close.png (tabview/close.png) skin/classic/aero/browser/tabview/edit-light.png (tabview/edit-light.png) skin/classic/aero/browser/tabview/grain.png (tabview/grain.png) skin/classic/aero/browser/tabview/new-tab.png (tabview/new-tab.png) diff --git a/browser/themes/winstripe/browser/tabview/close.png b/browser/themes/winstripe/browser/tabview/close.png new file mode 100644 index 00000000000..9604653c0d4 Binary files /dev/null and b/browser/themes/winstripe/browser/tabview/close.png differ diff --git a/browser/themes/winstripe/browser/tabview/tabview.css b/browser/themes/winstripe/browser/tabview/tabview.css index 10662b7ad89..d24167884d1 100644 --- a/browser/themes/winstripe/browser/tabview/tabview.css +++ b/browser/themes/winstripe/browser/tabview/tabview.css @@ -87,11 +87,15 @@ html[dir=rtl] .favicon { right: 6px; width: 16px; height: 16px; - background: url(chrome://global/skin/icons/Close.gif) no-repeat; - -moz-transition-property: opacity; - -moz-transition-duration: 0.5s; - -moz-transition-timing-function: ease-out; - opacity: 0.2; + background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 16, 16, 0); +} + +.close:hover { + background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 32, 16, 16); +} + +.close:hover:active { + background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 48, 16, 32); } html[dir=rtl] .close { @@ -117,7 +121,6 @@ html[dir=rtl] .expander { -moz-transform: scaleX(-1); } -.close:hover, .expander:hover, .appTabIcon:hover { -moz-transition-property: opacity;