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

[lhc/web/wiklou.git] / skins / vector / components / navigation.less

diff --git a/skins/vector/components/navigation.less b/skins/vector/components/navigation.less
index 4512efa..f3a5a49 100644 (file)
--- a/skins/vector/components/navigation.less
+++ b/skins/vector/components/navigation.less
@@ -13,10 +13,12 @@
 /* Head */
 #mw-page-base {
        height: 5em;
-       background-color: white;
-       .background-image('images/page-fade.png');
        background-position: bottom left;
        background-repeat: repeat-x;
+       /* 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 {