X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fscrollbox.css;h=d6e547b9c27506f47ead7ba8dd5996bb53149239;hp=ef24a419818fc29ecac205a8090c94e232bc4e47;hb=a3b6328b4e844ec03368483917dcbde4034865c8;hpb=b1eaa41997928ca662ce1158215dc02e5b203eb0

diff --git a/LCARStrek/global/scrollbox.css b/LCARStrek/global/scrollbox.css
index ef24a419..d6e547b9 100644
--- a/LCARStrek/global/scrollbox.css
+++ b/LCARStrek/global/scrollbox.css
@@ -37,27 +37,114 @@
 
 @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 hovered */
+.autorepeatbutton-up[orient="horizontal"]:hover,
+.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover,
+.scrollbutton-up[orient="horizontal"]:hover,
+.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover {
+  list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif");
+}
+
+.autorepeatbutton-down[orient="horizontal"]:hover,
+.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover,
+.scrollbutton-down[orient="horizontal"]:hover,
+.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover {
+  list-style-image: url("chrome://global/skin/arrow/arrow-right-hover.gif");
+}
+
+ /* 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 hovered */
+.autorepeatbutton-up:hover,
+.scrollbutton-up:hover {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
+}
+
+.autorepeatbutton-down:hover,
+.scrollbutton-down:hover {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.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;
 }