Vector: Restore page-fade.png as fallback background-image for IE 6-9

Also corrects linear-gradient stop for main background from 40% to 50%
to match page-fade.png previously used.

Bug: 60991
Bug: 60943
Change-Id: I5cab42ee67bc1bb7dff01a7e51a2f609c96e0b18

diff --git a/skins/vector/components/navigation.less b/skins/vector/components/navigation.less
index e2942d7..f3a5a49 100644 (file)
--- a/skins/vector/components/navigation.less
+++ b/skins/vector/components/navigation.less
@@ -15,7 +15,10 @@
        height: 5em;
        background-position: bottom left;
        background-repeat: repeat-x;
-       .vertical-gradient(@body-background-color, @menu-background-color, 40%, 100%);
+       /* This image is only a fallback (for IE 6-9), so we do not @embed it. */
+       background-image: url('images/page-fade.png');
+       .vertical-gradient(@body-background-color, @menu-background-color, 50%, 100%);
+       background-color: @body-background-color;
 }
 
 #mw-head-base {

diff --git a/skins/vector/images/page-fade.png b/skins/vector/images/page-fade.png
new file mode 100644 (file)
index 0000000..b4a6034
Binary files /dev/null and b/skins/vector/images/page-fade.png differ