MediaWiki:Vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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 */
/* ----------------------- */
h1#firstHeading,
h1#firstHeading .mw-page-title-main {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: clamp(34px, 4vw, 44px) !important;
	line-height: 1.1 !important;
	font-weight: bold !important;
}

@media (max-width: 1000px) {
	h1#firstHeading,
	h1#firstHeading .mw-page-title-main {
		font-size: 1.9em !important;
	}
}

@media (max-width: 700px) {
	h1#firstHeading,
	h1#firstHeading .mw-page-title-main {
		font-size: 1.6em !important;
		line-height: 1.15 !important;
	}
}