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

@@ -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"]

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"]

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"]),
+  :-moz-any(.tab-content:not([pinned="true"]):not([selected="true"]),
-            .tab-content[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"]

skin/classic/treestyletab/ui.css

@@ -394,4 +394,3 @@ tabbrowser[treestyletab-tabbar-position="bottom"]
   > .scrollbutton-down > * {
 	display: none;
 }
-