MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 138: / Line 138: @@
 /* MAIN CONTENT BODY */
 /* ----------------- */
-/* The page body starts directly under the head bar and beside the sidebar. */
+/* Outer page container. This holds the page title and page content. */
 body.skin-vector-legacy #content.mw-body {
 	position: absolute !important;
@@ Line 155: / Line 155: @@
 	border: 1px solid #333;
 	border-top: 0;
-	padding: 12px 24px 40px 24px;
+	padding: 0 !important;
 }
-/* Inner page content fills the body cleanly */
+/* PAGE TITLE STRIP */
+/* ---------------- */
+/* This is the title area directly under the head bar. */
+body.skin-vector-legacy h1#firstHeading {
+	margin: 0 !important;
+	padding: 12px 24px 8px 24px !important;
+	box-sizing: border-box;
+	font-family: Arial, Helvetica, sans-serif !important;
+	font-size: 28px !important;
+	line-height: 1.1 !important;
+	font-weight: normal !important;
+	border-bottom: 1px solid #c8ccd1;
+	background: #fff;
+}
+body.skin-vector-legacy h1#firstHeading .mw-page-title-main {
+	font-family: Arial, Helvetica, sans-serif !important;
+	font-size: inherit !important;
+	line-height: inherit !important;
+	font-weight: inherit !important;
+}
+/* PAGE CONTENT AREA */
+/* ----------------- */
+/* This is the real readable page content beneath the title strip. */
 body.skin-vector-legacy #bodyContent {
 	width: 100%;
 	box-sizing: border-box;
+	padding: 16px 24px 40px 24px;
+	background: #fff;
 }
-/* Remove Vector's old content spacing assumptions */
+/* Inner parser output should not add extra outer spacing. */
-body.skin-vector-legacy .mw-body-content {
+body.skin-vector-legacy #mw-content-text,
+body.skin-vector-legacy .mw-parser-output {
 	margin: 0;
 	padding: 0;
+	box-sizing: border-box;
 }