make new chatzilla tab appearance actually look fitting with the two themes

[themes.git] / EarlyBlue / global / resizer.css

diff --git a/EarlyBlue/global/resizer.css b/EarlyBlue/global/resizer.css
index 6b12f48b2a180b6376fe7689c36b92e90600ab86..d8eac956145c5b8e0d0782b21f23b827b2a16538 100644 (file)
--- a/EarlyBlue/global/resizer.css
+++ b/EarlyBlue/global/resizer.css
@@ -1,5 +1,31 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+resizer {
+/*  -moz-appearance: resizer; */
+  background: url("chrome://global/skin/icons/resizer.png") no-repeat;
+  background-size: 100% 100%;
+  cursor: se-resize;
+  width: 15px;
+  height: 15px;
+}
+
+resizer[rtl="true"],
+resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
+  transform: scaleX(-1);
+}
+
+resizer[dir="left"],
+resizer[dir="bottomleft"],
+resizer[dir="bottomstart"] {
+  transform: scaleX(-1);
+}
+
+resizer[dir="bottomleft"],
+resizer[dir="bottomstart"]:not([rtl="true"]):not(:-moz-locale-dir(rtl)),
+resizer[dir="bottomend"][rtl="true"] {
+  cursor: sw-resize;
+}
+
 resizer[dir="top"],
 resizer[dir="bottom"] {
   cursor: ns-resize;
@@ -14,21 +40,6 @@ resizer[dir="topleft"] {
   cursor: nw-resize;
 }
 
-resizer[dir="bottomright"],
-resizer[dir="bottomend"]:-moz-locale-dir(ltr) {
-  cursor: se-resize;
-}
-
 resizer[dir="topright"] {
   cursor: ne-resize;
 }
-
-resizer[dir="bottomleft"],
-resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
-  cursor: sw-resize;
-}
-
-resizer[dir="bottomright"]:-moz-locale-dir(ltr),
-resizer[dir="bottomend"] {
-  /* -moz-appearance: resizer; */
-}