improve tab strip styling slightly

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

diff --git a/EarlyBlue/global/scrollbox.css b/EarlyBlue/global/scrollbox.css
index 8ca5f337732a36fc1f2597b6fe513837b60e91bc..15b98f8f532eccab0b2a4fa14f1d3745610f07b3 100644 (file)
--- a/EarlyBlue/global/scrollbox.css
+++ b/EarlyBlue/global/scrollbox.css
@@ -37,27 +37,88 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/* ::::: Autorepeatbutton ::::: */
+/* ::::: Scroll arrows ::::: */
 
-.autorepeatbutton-up {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif")
+/* Horizontal enabled */
+.autorepeatbutton-up[orient="horizontal"],
+.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"],
+.scrollbutton-up[orient="horizontal"],
+.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left.gif");
 }
 
-.autorepeatbutton-down {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif")
+.autorepeatbutton-down[orient="horizontal"],
+.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"],
+.scrollbutton-down[orient="horizontal"],
+.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right.gif");
 }
 
-autorepeatbutton {
+ /* Horizontal disabled */
+.autorepeatbutton-up[orient="horizontal"][disabled="true"],
+.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
+.scrollbutton-up[orient="horizontal"][disabled="true"],
+.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif");
+}
+
+.autorepeatbutton-down[orient="horizontal"][disabled="true"],
+.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
+.scrollbutton-down[orient="horizontal"][disabled="true"],
+.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif");
+}
+
+/* Vertical enabled */
+.autorepeatbutton-up,
+.scrollbutton-up {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+}
+
+.autorepeatbutton-down,
+.scrollbutton-down {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+}
+
+/* Vertical disabled */
+.autorepeatbutton-up[disabled="true"],
+.scrollbutton-up[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif");
+}
+
+.autorepeatbutton-down[disabled="true"],
+.scrollbutton-down[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+}
+
+.scrollbutton-up > .toolbarbutton-text,
+.scrollbutton-down > .toolbarbutton-text {
+  display: none;
+}
+
+autorepeatbutton,
+.scrollbutton-up,
+.scrollbutton-down {
   -moz-box-align: center;
   -moz-box-pack: center;
-  margin: 1px 2px 2px 1px;
+  margin-top: 1px;
+  margin-bottom: 2px;
+  -moz-margin-start: 1px;
+  -moz-margin-end: 2px;
+}
+
+autorepeatbutton {
   border: 1px solid transparent;
   padding: 1px;
 }
 
-autorepeatbutton:hover {
+autorepeatbutton:not([disabled="true"]):hover,
+autorepeatbutton:not([disabled="true"]):hover:active {
   background-color: #336699;
   margin: 1px;
   border: 1px inset #CCD0DD;
-  padding: 2px 1px 1px 2px;
+  padding-top: 2px;
+  padding-bottom: 1px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 1px;
 }