update both themes for suite default changes up to 2010-12-30
[themes.git] / LCARStrek / global / scrollbox.css
index cf42f1c28061207b32ecca527e86eec710fa1276..d6e547b9c27506f47ead7ba8dd5996bb53149239 100644 (file)
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/*
- * Autorepeatbutton
- */
-.autorepeatbutton-up 
-  {
-    list-style-image      : url("chrome://global/skin/scroll-up.gif")
-  }
-
-.autorepeatbutton-down 
-  {
-    list-style-image      : url("chrome://global/skin/scroll-down.gif")
-  }
-
-autorepeatbutton 
-  {
-    -moz-box-align        : center;
-    -moz-box-pack         : center;
-    margin                : 1px 2px 2px 1px;
-    padding               : 1px;
-    height                : 1em;  
-  }
-
-autorepeatbutton:hover 
-  {
-    background-color      : #FFCF00;
-    color                 : #000000;
-    margin                : 1px;
-    padding               : 2px 1px 1px 2px;
-  }
+/* ::::: Scroll arrows ::::: */
+
+/* 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[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");
+}
+
+/* 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-top: 1px;
+  margin-bottom: 2px;
+  -moz-margin-start: 1px;
+  -moz-margin-end: 2px;
+}
+
+autorepeatbutton {
+  border: 1px solid transparent;
+  padding: 1px;
+}
+
+autorepeatbutton:not([disabled="true"]):hover,
+autorepeatbutton:not([disabled="true"]):hover:active {
+  background-color: #FFCF00;
+  margin: 1px;
+  border: 1px inset #000000;
+  padding-top: 2px;
+  padding-bottom: 1px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 1px;
+}