Template:Main page/styles.css

/* flat grey boxes and grey upper-case titles, after Brother Laz's site; the colours come from MediaWiki:Citizen.css */
.mp-hero {
	margin: 0 0 1.5em;
	padding: 24px 24px 20px;
	background: var(--laz-box, #333333);
}

.mp-hero-title {
	color: var(--laz-heading, #959595);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.mp-hero-sub {
	margin-top: 4px;
	color: var(--color-base, #c8c8c8);
	font-size: 1.05em;
}

.mp-hero-links {
	margin-top: 14px;
	font-weight: bold;
}

.mp-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 14px;
}

.mp-card {
	padding: 12px 16px 8px;
	background: var(--laz-box, #333333);
}

.mp-card ul {
	margin: 0 0 0 1.1em;
}

.mp-card-title {
	margin: 0 0 10px;
	padding: 6px 0 0;
	/* the short rule over every section on his pages */
	background: linear-gradient(var(--laz-rule, #6a6a6a), var(--laz-rule, #6a6a6a)) no-repeat 0 0 / 120px 1px;
	color: var(--laz-heading, #959595);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: bold;
	text-transform: uppercase;
}

.mp-card-title a {
	color: var(--laz-heading, #959595);
}

.mp-credit {
	margin-top: 1.5em;
	padding-top: 10px;
	border-top: 1px solid var(--laz-rule, #6a6a6a);
	color: var(--color-subtle, #9c9c9c);
	font-size: 0.9em;
	text-align: center;
}