MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* CENTERED VECTOR LAYOUT */
+/* ---------------------- */
+:root {
+	--wiki-shell-width: 1500px;
+	--wiki-sidebar-width: 170px;
+	--wiki-shell-gap: max(0px, calc((100vw - var(--wiki-shell-width)) / 2));
+}
+/* Optional page background around the centered wiki */
+body.skin-vector-legacy {
+	background: #111;
+}
+/* Left sidebar moves into the centered shell */
+body.skin-vector-legacy #mw-panel {
+	left: var(--wiki-shell-gap);
+	width: var(--wiki-sidebar-width);
+}
+/* Main page body sits beside the sidebar inside the centered shell */
+body.skin-vector-legacy #content.mw-body {
+	margin-left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width));
+	max-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width));
+	box-sizing: border-box;
+	background: #fff;
+}
+/* Keep the top personal links from stretching oddly */
+body.skin-vector-legacy #p-personal {
+	right: var(--wiki-shell-gap);
+}
 /* PAGE HEADING TEXT RULES */
 /* ----------------------- */