MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 34: / Line 34: @@
 	position: relative;
 	width: min(100%, var(--wiz-page-width));
+	min-height: 100vh;
 	margin: 0 auto;
-	background: transparent;
+	background:
+		linear-gradient(
+			to right,
+			transparent 0,
+			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(100% - var(--wiz-page-gutter)),
+			transparent calc(100% - var(--wiz-page-gutter)),
+			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%
+		);
 	color: var(--wiz-text);
 }
 #mw-page-base {
-	background: var(--wiz-panel-background);
+	background: transparent;
 }
@@ Line 89: / Line 108: @@
 #mw-panel {
 	width: var(--wiz-sidebar-width);
-	background:
+	background: transparent;
-		linear-gradient(
-			to bottom,
-			transparent 0,
-			transparent 79px,
-			var(--wiz-panel-background) 79px,
-			var(--wiz-panel-background) 100%
-		);
 	color: var(--wiz-text);
 }
@@ Line 114: / Line 126: @@
 	background: var(--wiz-content-background);
 	color: var(--wiz-text);
-	box-shadow:
+	box-shadow: none;
-		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 var(--wiz-panel-background),
-		var(--wiz-page-gutter) 0 0 var(--wiz-panel-background);
 }
@@ Line 130: / Line 140: @@
 	background: var(--wiz-panel-background);
 	color: var(--wiz-text);
-	box-shadow:
+	box-shadow: none;
-		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 var(--wiz-panel-background),
-		var(--wiz-page-gutter) 0 0 var(--wiz-panel-background);
 }