From c9e64fdd08b41df9b721c7946322e7e72e528789 Mon Sep 17 00:00:00 2001
From: YUKI Hiroshi <shimoda@clear-code.com>
Date: Wed, 20 Nov 2013 17:48:53 +0900
Subject: [PATCH] Highlight pinned tabs by self.

Because style rules of highlighted pinned tabs are changed on Australis and I cannot support both default styles...
---
 skin/classic/treestyletab/metal/tab.css       | 17 +++++++++++++-
 skin/classic/treestyletab/sidebar/sidebar.css | 18 +++++++++++++++
 skin/classic/treestyletab/square/base.css     | 23 ++++++++++++++++---
 skin/classic/treestyletab/ui.css              |  1 -
 4 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/skin/classic/treestyletab/metal/tab.css b/skin/classic/treestyletab/metal/tab.css
index 820d79c1..5df45e14 100644
--- a/skin/classic/treestyletab/metal/tab.css
+++ b/skin/classic/treestyletab/metal/tab.css
@@ -87,13 +87,28 @@
             .tab-background-end[selected="true"]) {
 	mask: none !important;
 }
+/* highlighted pinned tabs */
+.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%);
+}
+.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%);
+}
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   :-moz-any(.tab-background-start[pinned][titlechanged],
             .tab-background-end[pinned][titlechanged]) {
 	visibility: collapse !important;
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
-  .tab-background {
+  .tab-background,
+.tabbrowser-tabs[treestyletab-mode="vertical"]
+  .tab-background-middle {
 	margin: 0 !important;
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
diff --git a/skin/classic/treestyletab/sidebar/sidebar.css b/skin/classic/treestyletab/sidebar/sidebar.css
index 787d07e3..cd4f6f09 100644
--- a/skin/classic/treestyletab/sidebar/sidebar.css
+++ b/skin/classic/treestyletab/sidebar/sidebar.css
@@ -436,6 +436,10 @@ tabbrowser[treestyletab-mode="vertical"]
             .tab-background-end[selected="true"]) {
 	background: transparent !important;
 }
+.tabbrowser-tabs[treestyletab-mode="vertical"]
+  .tab-background-middle {
+	margin: 0 !important;
+}
 .tabbrowser-tabs[treestyletab-mode="vertical"]
   :-moz-any(.tab-background-start[pinned][titlechanged],
             .tab-background-end[pinned][titlechanged]) {
@@ -454,6 +458,20 @@ tabbrowser[treestyletab-mode="vertical"]
 	border: 0 none !important;
 }
 
+/* highlighted pinned tabs */
+.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%);
+}
+.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%);
+}
+
 
 /* for Multiple Tab Handler */
 .tabbrowser-tabs[treestyletab-mode="vertical"]
diff --git a/skin/classic/treestyletab/square/base.css b/skin/classic/treestyletab/square/base.css
index 454d84b6..1c0b1c90 100644
--- a/skin/classic/treestyletab/square/base.css
+++ b/skin/classic/treestyletab/square/base.css
@@ -117,6 +117,21 @@
   .tabbrowser-tab:not([pinned]):not([selected="true"]) {
 	background: -moz-dialog repeat-x !important;
 }
+
+/* highlighted pinned tabs */
+.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%);
+}
+.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%);
+}
+
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   :-moz-any(.tabbrowser-tab[pinned]:not([titlechanged]),
             .tabbrowser-tab[pinned]:not([titlechanged]):not([selected="true"]),
@@ -136,8 +151,8 @@
 
 /* for Mac OS X */
 .tabbrowser-tabs[treestyletab-mode="vertical"]
-  :-moz-any(.tab-content:not([selected="true"]),
-            .tab-content[selected="true"]) {
+  :-moz-any(.tab-content:not([pinned="true"]):not([selected="true"]),
+            .tab-content:not([pinned="true"])[selected="true"]) {
 	border: 0 none !important;
 	background: transparent !important;
 }
@@ -166,7 +181,9 @@
 	visibility: collapse !important;
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
-  .tab-background {
+  .tab-background,
+.tabbrowser-tabs[treestyletab-mode="vertical"]
+  .tab-background-middle {
 	margin: 0 !important;
 }
 .tabbrowser-tabs[treestyletab-mode="vertical"]
diff --git a/skin/classic/treestyletab/ui.css b/skin/classic/treestyletab/ui.css
index b93ce915..f76b1954 100644
--- a/skin/classic/treestyletab/ui.css
+++ b/skin/classic/treestyletab/ui.css
@@ -394,4 +394,3 @@ tabbrowser[treestyletab-tabbar-position="bottom"]
   > .scrollbutton-down > * {
 	display: none;
 }
-