Merge "Remove @embed page load delays (and misc optimisations)"

components/common.less

@@ -158,6 +158,7 @@ div.emptyPortlet {
 }
 
 ul {
+	// No need for PNG fallback. Fallback is browser default (a smaller, also black, circle).
 	.list-style-image( 'images/bullet-icon.svg' );
 }
 

components/navigation.less

@@ -16,12 +16,8 @@
 /* Head */
 #mw-page-base {
 	height: 5em;
-	background-color: @background-color-base;
-	/* 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( @background-color-base, @background-color-secondary, 50%, 100% );
 	background-position: bottom left;
-	background-repeat: repeat-x;
+	.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
 }
 
 #mw-head-base {
@@ -98,7 +94,7 @@
 		.body {
 			margin-left: @menu-main-body-margin-left;
 			padding-top: 0;
-			.background-image( 'images/portal-break.png' );
+			background-image: url( images/portal-break.png );
 			background-repeat: no-repeat;
 
 			ul {

components/watchstar.less

@@ -39,7 +39,7 @@
 
 	#ca-unwatch.icon a.loading,
 	#ca-watch.icon a.loading {
-		.background-image-svg( 'images/watch-icon-loading.svg', 'images/watch-icon-loading.png' );
+		background-image: url( images/watch-icon-loading.svg );
 		.rotation( 700ms );
 		/* Suppress the hilarious rotating focus outline on Firefox */
 		outline: 0;