The admin bar background is not styled properly in Firefox

[azaozz]

As the title. Screenshot: FF, IE9, Chrome.

#wpadminbar {
        background-color: #464646; /* Fallback */
        background-image: -ms-linear-gradient(bottom, #464646, #373737 5px); /* IE10 */
        background-image: -moz-linear-gradient(bottom, #464646, #373737 5px); /* Firefox */
        background-image: -o-linear-gradient(bottom, #464646, #373737); /* Opera */
        background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#373737)); /* old Webkit */
        background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
        background-image: linear-gradient(bottom, #464646, #373737); /* proposed W3C Markup */
}

The backgrounds go in different directions. For Firefox changing to:

-moz-linear-gradient(bottom, #373737, #464646 5px);

to be the same as the Webkit rule works for me. Will have to go through all the browsers to normalise them, e.g. the -ms rule is the same as Firefox and I don't see a gradient at all in your screenshot [edit: I see you're using IE9 rather than 10, so no linear gradient].

19163.patch​: Tested in Chrome, Firefox and Opera on Mac.

Per ​http://dev.w3.org/csswg/css3-images/#linear-gradient-syntax should the "proposed W3C Markup" rule use "to top"?

duck_: I saw this today too, seems to be new. Should then update all our gradients, see #16461.

I noticed this today as well, but I think it's actually been reversed for a while. It's been bothering me but I thought it was personal until I took a closer look in Webkit. In any case, patch works for me, same browsers as ocean90.

In [19220]:

Fix admin bar background gradients, props ocean90, fixes #19163