From 01388297a556351e85a0b4b5b58e964248364c55 Mon Sep 17 00:00:00 2001
From: YUKI Hiroshi <shimoda@clear-code.com>
Date: Wed, 20 Nov 2013 17:53:37 +0900
Subject: [PATCH] Invert gradient of highlighted pinned tabs

---
 skin/classic/treestyletab/metal/tab.css   | 8 ++++----
 skin/classic/treestyletab/square/base.css | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/skin/classic/treestyletab/metal/tab.css b/skin/classic/treestyletab/metal/tab.css
index 5df45e14..e5e85bb5 100644
--- a/skin/classic/treestyletab/metal/tab.css
+++ b/skin/classic/treestyletab/metal/tab.css
@@ -91,14 +91,14 @@
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) .tab-background {
 	background-image: radial-gradient(circle farthest-corner at 50% 3px,
-	                                  ThreeDHighlight 3%,
-	                                  Highlight 80%);
+	                                  Highlight 3%,
+	                                  rgba(255, 255, 255, 0) 80%);
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover .tab-background {
 	background-image: radial-gradient(circle farthest-corner at 50% 3px,
-	                                  ThreeDHighlight 3%,
-	                                  Highlight 100%);
+	                                  Highlight 3%,
+	                                  rgba(255, 255, 255, 0) 100%);
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   :-moz-any(.tab-background-start[pinned][titlechanged],
diff --git a/skin/classic/treestyletab/square/base.css b/skin/classic/treestyletab/square/base.css
index 1c0b1c90..6cc3e0da 100644
--- a/skin/classic/treestyletab/square/base.css
+++ b/skin/classic/treestyletab/square/base.css
@@ -122,14 +122,14 @@
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
 	background-image: radial-gradient(circle farthest-corner at 50% 3px,
-	                                  Highlight 3%,
-	                                  rgba(255, 255, 255, 0) 80%);
+	                                  ThreeDHighlight 3%,
+	                                  Highlight 80%);
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
 	background-image: radial-gradient(circle farthest-corner at 50% 3px,
-	                                  Highlight 3%,
-	                                  rgba(255, 255, 255, 0) 100%);
+	                                  ThreeDHighlight 3%,
+	                                  Highlight 100%);
 }
 
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])