Bug 342841 - Scrolling arrow should look disabled when you can't scroll in its direction, Winstripe changes. r=mconnor.

toolkit/themes/winstripe/global/scrollbox.css

@@ -3,34 +3,75 @@
 /*
  * Scroll arrows
  */
-.autorepeatbutton-up, .autorepeatbutton-down[chromedir="rtl"],
-.scrollbutton-up, .scrollbutton-down[chromedir="rtl"]
+
+/* Horizonal 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-lft.gif");
     -moz-image-region     : auto; /* cut off inheritance */
   }
 
-.autorepeatbutton-down, .autorepeatbutton-up[chromedir="rtl"],
-.scrollbutton-down, .scrollbutton-up[chromedir="rtl"]
+.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-rit.gif");
     -moz-image-region     : auto; /* cut off inheritance */
   }
 
-.autorepeatbutton-up[orient="vertical"],
-.scrollbutton-up[orient="vertical"]
+ /* Horizonal 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-lft-dis.gif");
+    -moz-image-region     : auto; /* cut off inheritance */
+  }
+
+.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-rit-dis.gif");
+    -moz-image-region     : auto; /* cut off inheritance */
+  }
+
+/* Vertical enabled */
+.autorepeatbutton-up,
+.scrollbutton-up
   {
     list-style-image      : url("chrome://global/skin/arrow/arrow-up.gif");
     -moz-image-region     : auto; /* cut off inheritance */
   }
 
-.autorepeatbutton-down[orient="vertical"],
-.scrollbutton-down[orient="vertical"]
+.autorepeatbutton-down,
+.scrollbutton-down
   {
     list-style-image      : url("chrome://global/skin/arrow/arrow-dn.gif");
     -moz-image-region     : auto; /* cut off inheritance */
   }
 
+/* Vertical disabled */
+.autorepeatbutton-up[disabled="true"],
+.scrollbutton-up[disabled="true"]
+  {
+    list-style-image      : url("chrome://global/skin/arrow/arrow-up-dis.gif");
+    -moz-image-region     : auto; /* cut off inheritance */
+  }
+
+.autorepeatbutton-down[disabled="true"],
+.scrollbutton-down[disabled="true"]
+  {
+    list-style-image      : url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+    -moz-image-region     : auto; /* cut off inheritance */
+  }
+
 autorepeatbutton,
 .scrollbutton-up,
 .scrollbutton-down