MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 61: / Line 61: @@
 	z-index: 0;
 	width: min(100%, var(--wiz-page-width));
+	min-height: 100vh;
 	margin: 0 auto;
 	background: transparent;
@@ Line 68: / Line 69: @@
 body::before {
 	content: "";
-	position: absolute;
+	position: fixed;
 	z-index: -1;
 	top: 0;
-	bottom: 0;
 	left: 50%;
 	width: min(100%, var(--wiz-page-width));
+	height: 79px;
 	transform: translateX(-50%);
 	pointer-events: none;
-	background:
+	background: linear-gradient(
-		linear-gradient(
+		to right,
-			to right,
+		transparent 0,
-			transparent 0,
+		transparent calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)),
-			transparent calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)),
+		var(--wiz-panel-background) calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)),
-			var(--wiz-panel-background) calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)),
+		var(--wiz-panel-background) calc(100% - var(--wiz-page-gutter)),
-			var(--wiz-panel-background) calc(100% - var(--wiz-page-gutter)),
+		transparent calc(100% - var(--wiz-page-gutter)),
-			transparent calc(100% - var(--wiz-page-gutter)),
+		transparent 100%
-			transparent 100%
+	);
-		) 0 0 / 100% 79px no-repeat,
-		linear-gradient(
-			to right,
-			var(--wiz-panel-background) 0,
-			var(--wiz-panel-background) calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)),
-			transparent calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)),
-			transparent calc(100% - var(--wiz-page-gutter)),
-			var(--wiz-panel-background) calc(100% - var(--wiz-page-gutter)),
-			var(--wiz-panel-background) 100%
-		);
 }
@@ Line 110: / Line 101: @@
 #mw-head-base,
 #mw-navigation,
-#mw-head,
+#mw-head {
+	background: transparent;
+	background-image: none;
+}
 #mw-panel {
-	background: transparent;
+	background: var(--wiz-panel-background);
 	background-image: none;
 }
@@ Line 207: / Line 202: @@
 	background: var(--wiz-content-background);
 	color: var(--wiz-text);
-	box-shadow: none;
+	box-shadow:
+		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 0 var(--wiz-panel-background),
+		var(--wiz-page-gutter) 0 0 0 var(--wiz-panel-background);
 }
@@ Line 221: / Line 218: @@
 	background: var(--wiz-panel-background);
 	color: var(--wiz-text);
-	box-shadow: none;
+	box-shadow:
+		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 0 var(--wiz-panel-background),
+		var(--wiz-page-gutter) 0 0 0 var(--wiz-panel-background);
 }