MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 26: / Line 26: @@
 	min-height: 100vh;
 	margin: 0 auto;
-	background:
+	background: var(--wiz-page-background);
-		linear-gradient(
+}
-			to right,
-			var(--wiz-sidebar-background) 0,
+body::before,
-			var(--wiz-sidebar-background) var(--wiz-sidebar-width),
+body::after {
-			var(--wiz-page-background) var(--wiz-sidebar-width),
+	content: "";
-			var(--wiz-page-background) calc(100% - var(--wiz-page-gutter)),
+	position: absolute;
-			var(--wiz-gutter-background) calc(100% - var(--wiz-page-gutter)),
+	top: 0;
-			var(--wiz-gutter-background) 100%
+	bottom: 0;
-		);
+	z-index: 0;
+	pointer-events: none;
+}
+body::before {
+	left: 0;
+	width: var(--wiz-sidebar-width);
+	background: var(--wiz-sidebar-background);
+}
+body::after {
+	right: 0;
+	width: var(--wiz-page-gutter);
+	background: var(--wiz-gutter-background);
 }
 #right-navigation {
+	position: relative;
+	z-index: 1;
 	margin-right: var(--wiz-page-gutter);
 }
 #left-navigation {
+	position: relative;
+	z-index: 1;
 	margin-left: calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap));
 }
 #p-personal {
+	z-index: 1;
 	right: var(--wiz-page-gutter);
 }
@@ Line 55: / Line 73: @@
 #mw-panel {
+	z-index: 1;
 	width: var(--wiz-sidebar-width);
 }
 #content.mw-body {
+	position: relative;
+	z-index: 1;
 	box-sizing: border-box;
 	width: var(--wiz-content-width);
@@ Line 68: / Line 89: @@
 #footer {
+	position: relative;
+	z-index: 1;
 	box-sizing: border-box;
 	width: var(--wiz-content-width);