MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 12: / Line 12: @@
 	--wiz-content-padding: 20px;
 	--wiz-content-border: #a2a9b1;
-	--wiz-page-background: #fff;
-	--wiz-sidebar-background: #fff;
-	--wiz-gutter-background: #fff;
 }
 html {
-	background: #fff;
+	background: #f3f3f3;
 }
@@ Line 24: / Line 21: @@
 	position: relative;
 	width: min(100%, var(--wiz-page-width));
-	min-height: 100vh;
 	margin: 0 auto;
-	background: var(--wiz-page-background);
+	background: #fff;
-}
-body::before,
-body::after {
-	content: "";
-	position: absolute;
-	top: 0;
-	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 73: / Line 42: @@
 #mw-panel {
-	z-index: 1;
 	width: var(--wiz-sidebar-width);
 }
@@ Line 79: / Line 47: @@
 #content.mw-body {
 	position: relative;
-	z-index: 1;
 	box-sizing: border-box;
 	width: var(--wiz-content-width);
@@ Line 86: / Line 53: @@
 	padding: var(--wiz-content-padding);
 	border: 1px solid var(--wiz-content-border);
+}
+#content.mw-body::before {
+	content: "";
+	position: absolute;
+	top: -1px;
+	bottom: -1px;
+	left: calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap)));
+	width: calc(var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap));
+	background: #fff;
 }
 #footer {
-	position: relative;
-	z-index: 1;
 	box-sizing: border-box;
 	width: var(--wiz-content-width);