MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 11: / Line 11: @@
 	--wiki-content-gutter: 16px;
 	--wiki-content-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width) - (var(--wiki-content-gutter) * 2));
+	--wiki-shell-gap: max(0px, calc((100vw - var(--wiki-shell-width)) / 2));
 	--wiki-head-height: 82px;
 	--wiki-user-row-top: 8px;
@@ Line 18: / Line 19: @@
-/* OUTER PAGE BACKGROUND */
+/* PAGE BACKGROUND */
-/* --------------------- */
+/* --------------- */
-/* This is the browser space outside the centred wiki body. */
+html,
-html {
+body.skin-vector-legacy {
 	background: #f5f3ee;
-}
-/* CENTERED BODY SHELL */
-/* ------------------- */
-/* This is the full centred website shell, like the BG3 wiki body. */
-body.skin-vector-legacy {
-	position: relative;
-	width: var(--wiki-shell-width);
-	min-height: 100vh;
-	margin: 0 auto !important;
-	padding: 0 !important;
-	background: transparent;
-	overflow-x: visible;
 }
@@ Line 52: / Line 39: @@
 body.skin-vector-legacy #mw-panel {
 	position: absolute !important;
-	left: 0 !important;
+	left: var(--wiki-shell-gap) !important;
 	top: 0 !important;
 	width: var(--wiki-sidebar-width) !important;
@@ Line 83: / Line 70: @@
 /* TOP HEAD BAR */
 /* ------------ */
-/* Header aligns with the bordered content container. */
 body.skin-vector-legacy #mw-head {
 	position: absolute !important;
 	top: 0 !important;
-	left: calc(var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important;
+	left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important;
 	right: auto !important;
 	width: var(--wiki-content-width) !important;
@@ Line 152: / Line 138: @@
 /* MAIN CONTENT BODY */
 /* ----------------- */
-/* This is the bordered page container with internal padding, like BG3. */
 body.skin-vector-legacy #content.mw-body {
 	position: absolute !important;
 	top: var(--wiki-head-height) !important;
-	left: calc(var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important;
+	left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important;
 	right: auto !important;
@@ Line 175: / Line 160: @@
 /* ---------------- */
 body.skin-vector-legacy h1#firstHeading {
+	display: block !important;
 	margin: 0 0 12px 0 !important;
 	padding: 0 0 8px 0 !important;