MediaWiki:Citizen.css: Difference between revisions

← Older edit Newer edit →

@@ Line 122: / Line 122: @@
 	max-width: 100%;
 	height: auto;
+}
+/* ==========================================================================
+   Citizen Homepage Sections
+   --------------------------------------------------------------------------
+   Citizen stacks the desktop left/right homepage blocks. Establish explicit
+   section spacing so heading margins cannot collapse into large blank bands,
+   centre the introductory copy, and retain the desktop orange divider.
+   ========================================================================== */
+.skin-citizen .wizlords-mainpage-left,
+.skin-citizen .wizlords-mainpage-right {
+	display: flow-root;
+}
+.skin-citizen .wizlords-mainpage-left > h2.center,
+.skin-citizen .wizlords-mainpage-right > h2.center,
+.skin-citizen .wizlords-mainpage-left > .mw-heading2,
+.skin-citizen .wizlords-mainpage-right > .mw-heading2 {
+	box-sizing: border-box;
+	margin: 14px 0 7px;
+	padding: 0 0 4px;
+	border-bottom: 1px solid var(--wiz-content-border);
+	color: var(--wiz-heading);
+	text-align: center;
+}
+.skin-citizen .wizlords-mainpage-left > .mw-heading2 h2,
+.skin-citizen .wizlords-mainpage-right > .mw-heading2 h2 {
+	margin: 0;
+	color: var(--wiz-heading);
+	text-align: center;
+}
+.skin-citizen .wizlords-mainpage-left > p,
+.skin-citizen .wizlords-mainpage-right > p,
+.skin-citizen .wizlords-mainpage-left > .center > p,
+.skin-citizen .wizlords-mainpage-right > .center > p {
+	max-width: 760px;
+	margin: 6px auto 8px;
+	text-align: center;
 }
@@ Line 468: / Line 508: @@
 		box-sizing: border-box;
 		width: 100%;
+		margin-top: 0;
+		margin-bottom: 0;
 		padding-right: 0;
 		padding-left: 0;