update LCARStrek to 2.0a1, step 2

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

diff --git a/LCARStrek/global/scrollbox.css b/LCARStrek/global/scrollbox.css
index ef24a419818fc29ecac205a8090c94e232bc4e47..0693daa838e2ecd64035eb31c0211e36c9bebb1f 100644 (file)
--- a/LCARStrek/global/scrollbox.css
+++ b/LCARStrek/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[chromedir="rtl"][orient="horizontal"],
+.scrollbutton-up[orient="horizontal"],
+.scrollbutton-down[chromedir="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[chromedir="rtl"][orient="horizontal"],
+.scrollbutton-down[orient="horizontal"],
+.scrollbutton-up[chromedir="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[chromedir="rtl"][orient="horizontal"][disabled="true"],
+.scrollbutton-up[orient="horizontal"][disabled="true"],
+.scrollbutton-down[chromedir="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[chromedir="rtl"][orient="horizontal"][disabled="true"],
+.scrollbutton-down[orient="horizontal"][disabled="true"],
+.scrollbutton-up[chromedir="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: #FFCF00;
   margin: 1px;
   border: 1px inset #000000;
-  padding: 2px 1px 1px 2px;
+  padding-top: 2px;
+  padding-bottom: 1px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 1px;
 }