MediaWiki:Vector.css: Difference between revisions

← Older edit

@@ Line 40: / Line 40: @@
 	--wiz-panel-background: rgba(15, 15, 15, 0.82);
 	--wiz-page-background: #111;
-	--wiz-background-image: url("/mywiki/index.php/Special:Redirect/file/background_circle.jpeg");
+	--wiz-background-image: url("/index.php/Special:Redirect/file/background_circle.jpeg");
 	--wiz-content-border: #ff942d;
 	--wiz-text: #d2d2d2;
@@ Line 100: / Line 100: @@
 }
-/* ==========================================================================
+/* Vector always uses the wide Main Page banner, including when its desktop
+   shell is viewed through a narrow browser window. Citizen retains the
+   responsive no-background banner swap defined in its own stylesheet. */
+.skin-vector .page-banner {
+	aspect-ratio: auto;
+	margin-bottom: 24px;
+	background-image: none;
+}
+.skin-vector .page-banner-desktop {
+	display: block !important;
+}
+.skin-vector .page-banner-mobile {
+	display: none !important;
+}
+/* ==========================================================================
     Vector Wrapper Cleanup
     --------------------------------------------------------------------------
@@ Line 1,083: / Line 1,100: @@
 		--wiz-sidebar-width: 0px;
 		--wiz-sidebar-content-gap: 0px;
+		--wiz-content-width: calc(100% - var(--wiz-page-gutter) - var(--wiz-page-gutter));
 		--wiz-page-gutter: 12px;
 		--wiz-content-padding: 14px;
@@ Line 1,090: / Line 1,108: @@
 	#p-logo {
 		display: none !important;
+	}
+	#content.mw-body,
+	#footer {
+		margin-inline: var(--wiz-page-gutter);
+		box-shadow:
+			calc(-1 * var(--wiz-page-gutter)) 0 0 0 var(--wiz-panel-background),
+			var(--wiz-page-gutter) 0 0 0 var(--wiz-panel-background);
+	}
+	#left-navigation {
+		margin-left: var(--wiz-page-gutter);
 	}