not-pinned tabs were lost their background color wrongly.

skin/classic/treestyletab/square/base.css

@@ -79,9 +79,10 @@
 	-moz-box-align: stretch !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([titlechanged]),
-.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([titlechanged]):not([selected="true"]) {
+  :-moz-any(.tabbrowser-tab:not([pinned]),
+            .tabbrowser-tab[pinned]:not([titlechanged]),
+            .tabbrowser-tab:not([pinned]):not([selected="true"]),
+            .tabbrowser-tab[pinned]:not([titlechanged]):not([selected="true"])) {
 	background: ThreeDFace !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
@@ -98,10 +99,12 @@
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
   :-moz-any(.tab-background-start:not([selected="true"]),
-            .tab-background-middle:not([selected="true"]):not([titlechanged]),
+            .tab-background-middle:not([selected="true"]):not([pinned]),
+            .tab-background-middle:not([selected="true"])[pinned]:not([titlechanged]),
             .tab-background-end:not([selected="true"]),
             .tab-background-start[selected="true"],
-            .tab-background-middle[selected="true"]:not([titlechanged]),
+            .tab-background-middle[selected="true"]:not([pinned]),
+            .tab-background-middle[selected="true"][pinned]:not([titlechanged]),
             .tab-background-end[selected="true"]) {
 	background: transparent !important;
 	mask: none !important;
@@ -126,7 +129,8 @@
 	-moz-border-bottom-colors: ThreeDShadow transparent !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab[selected="true"]:not([titlechanged]) {
+  :-moz-any(.tabbrowser-tab[selected="true"]:not([pinned]),
+            .tabbrowser-tab[selected="true"][pinned]:not([titlechanged])) {
 	background-color: ThreeDHighlight !important;
 }
 
@@ -228,7 +232,8 @@
 	-moz-border-bottom-colors: transparent transparent !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([selected="true"]):not([titlechanged]) {
+  :-moz-any(.tabbrowser-tab:not([selected="true"]):not([pinned]),
+            .tabbrowser-tab:not([selected="true"])[pinned]:not([titlechanged])) {
 	background: transparent !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
@@ -237,7 +242,8 @@
 	-moz-border-bottom-colors: #e0e8f6 #e0e8f6 !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([selected="true"]):not([titlechanged]):hover {
+  :-moz-any(.tabbrowser-tab:not([selected="true"]):not([pinned]),
+            .tabbrowser-tab:not([selected="true"])[pinned]:not([titlechanged])):hover {
 	background-color: #e0e8f6 !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
@@ -246,7 +252,8 @@
 	-moz-border-bottom-colors: #c1d2ee #c1d2ee !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab[selected="true"]:not([titlechanged]) {
+  :-moz-any(.tabbrowser-tab[selected="true"]:not([pinned]),
+            .tabbrowser-tab[selected="true"][pinned]:not([titlechanged])) {
 	background-color: #c1d2ee !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
@@ -255,7 +262,8 @@
 	-moz-border-bottom-colors: #d1e2fe #d1e2fe !important;
 }
 .tabbrowser-tabs[treestyletab-style~="vertigo"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab[selected="true"]:not([titlechanged]):hover {
+  :-moz-any(.tabbrowser-tab[selected="true"]:not([pinned]),
+            .tabbrowser-tab[selected="true"][pinned]:not([titlechanged])):hover {
 	background-color: #d1e2fe !important;
 }
 
@@ -303,7 +311,8 @@
 	-moz-border-left-colors: #e0e8f6 transparent !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([selected="true"]):not([titlechanged]):hover {
+  :-moz-any(.tabbrowser-tab:not([selected="true"]):not([pinned]),
+            .tabbrowser-tab:not([selected="true"])[pinned]:not([titlechanged])):hover {
 	background-color: #e0e8f6 !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
@@ -321,7 +330,8 @@
 	-moz-border-left-colors: #c1d2ee transparent !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab[selected="true"]:not([titlechanged]) {
+  :-moz-any(.tabbrowser-tab[selected="true"]:not([pinned]),
+            .tabbrowser-tab[selected="true"][pinned]:not([titlechanged])) {
 	background-color: #c1d2ee !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]
@@ -339,7 +349,8 @@
 	-moz-border-left-colors: #d1e2fe transparent !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab[selected="true"]:not([titlechanged]):hover {
+  :-moz-any(.tabbrowser-tab[selected="true"]:not([pinned]),
+            .tabbrowser-tab[selected="true"][pinned]:not([titlechanged])):hover {
 	background-color: #d1e2fe !important;
 }
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"][treestyletab-mode="vertical"][treestyletab-firsttab-border="true"]

skin/classic/treestyletab/square/tab-surface-4.css

@@ -20,13 +20,16 @@
 /* surface */
 
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab .tab-background {
+  .tabbrowser-tab
+  .tab-background {
 	-moz-transition: background 0.5s ease-out !important;
 	transition: background 0.5s ease-out !important;
 }
 
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([titlechanged]) .tab-background:not([selected="true"]) {
+  .tabbrowser-tab
+  :-moz-any(.tab-background:not([selected="true"]):not([pinned]),
+            .tab-background:not([selected="true"])[pinned]:not([titlechanged])) {
 	background-color: ThreeDFace !important;
 	background-image: -moz-linear-gradient(
 	                    top, 
@@ -36,7 +39,9 @@
 }
 
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([titlechanged]) .tab-background[selected="true"] {
+  .tabbrowser-tab
+  :-moz-any(.tab-background[selected="true"]:not([pinned]),
+            .tab-background[selected="true"][pinned]:not([titlechanged])) {
 	background-color: #c1d2ee !important;
 	background-image: -moz-linear-gradient(
 	                    top,
@@ -49,7 +54,9 @@
 /* hover */
 
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([titlechanged]):hover .tab-background:not([selected="true"]) {
+  .tabbrowser-tab:hover
+  :-moz-any(.tab-background:not([selected="true"]):not([pinned]),
+            .tab-background:not([selected="true"])[pinned]:not([titlechanged]))  {
 	background-color: #e0e8f6 !important;
 	background-image: -moz-linear-gradient(
 	                    top,
@@ -59,7 +66,9 @@
 }
 
 .tabbrowser-tabs[treestyletab-style~="square"][treestyletab-style~="color"]:not([treestyletab-tabbar-position="top"])
-  .tabbrowser-tab:not([titlechanged]):hover .tab-background[selected="true"] {
+  .tabbrowser-tab:hover
+  :-moz-any(.tab-background[selected="true"]:not([pinned]),
+            .tab-background[selected="true"][pinned]:not([titlechanged])) {
 	background-color: #d1e2fe !important;
 	background-image: -moz-linear-gradient(
 	                    top,