Bug 467844 - Use native sort arrows for different OS themes; r=dao

toolkit/themes/winstripe/global/jar.mn

@@ -150,8 +150,10 @@ classic.jar:
         skin/classic/global/toolbar/Lighten.png                  (toolbar/Lighten.png)
         skin/classic/global/toolbar/spring.png                   (toolbar/spring.png)
         skin/classic/global/tree/columnpicker.gif                (tree/columnpicker.gif)
-        skin/classic/global/tree/sort-asc.gif                    (tree/sort-asc.gif)
-        skin/classic/global/tree/sort-dsc.gif                    (tree/sort-dsc.gif)
+        skin/classic/global/tree/sort-asc.png                    (tree/sort-asc.png)
+        skin/classic/global/tree/sort-dsc.png                    (tree/sort-dsc.png)
+        skin/classic/global/tree/sort-asc-classic.png            (tree/sort-asc-classic.png)
+        skin/classic/global/tree/sort-dsc-classic.png            (tree/sort-dsc-classic.png)
         skin/classic/global/tree/twisty-clsd.png                 (tree/twisty-clsd.png)
         skin/classic/global/tree/twisty-open.png                 (tree/twisty-open.png)
 
@@ -305,8 +307,10 @@ classic.jar:
         skin/classic/aero/global/toolbar/Lighten.png                     (toolbar/Lighten.png)
         skin/classic/aero/global/toolbar/spring.png                      (toolbar/spring-aero.png)
         skin/classic/aero/global/tree/columnpicker.gif                   (tree/columnpicker.gif)
-        skin/classic/aero/global/tree/sort-asc.gif                       (tree/sort-asc.gif)
-        skin/classic/aero/global/tree/sort-dsc.gif                       (tree/sort-dsc.gif)
+        skin/classic/aero/global/tree/sort-asc.png                       (tree/sort-asc-aero.png)
+        skin/classic/aero/global/tree/sort-dsc.png                       (tree/sort-dsc-aero.png)
+        skin/classic/aero/global/tree/sort-asc-classic.png               (tree/sort-asc-classic.png)
+        skin/classic/aero/global/tree/sort-dsc-classic.png               (tree/sort-dsc-classic.png)
         skin/classic/aero/global/tree/twisty-clsd.png                    (tree/twisty-clsd-aero.png)
         skin/classic/aero/global/tree/twisty-clsd-rtl.png                (tree/twisty-clsd-rtl-aero.png)
         skin/classic/aero/global/tree/twisty-clsd-hover.png              (tree/twisty-clsd-hover-aero.png)

toolkit/themes/winstripe/global/listbox.css

@@ -130,11 +130,19 @@ listheader[sortable="true"]:hover:active {
 }
 
 .listheader-sortdirection[sortDirection="ascending"] {
-  list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
+  list-style-image: url("chrome://global/skin/tree/sort-asc.png");
+}
+
+.listheader-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) {
+  list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png");
 }
 
 .listheader-sortdirection[sortDirection="descending"] {
-  list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
+  list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
+}
+
+.listheader-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) {
+  list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png");
 }
 
 /* ::::: listcell ::::: */

toolkit/themes/winstripe/global/tree.css

@@ -319,11 +319,19 @@ treechildren::-moz-tree-column(insertafter) {
 }
 
 treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
-  list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
+  list-style-image: url("chrome://global/skin/tree/sort-asc.png");
+}
+
+treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) {
+  list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png");
 }
 
 treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {
-  list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
+  list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
+}
+
+treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) {
+  list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png");
 }
 
 /* ::::: column picker :::::  */