Template:Disclaimer/styles.css

Revision as of 23:21, 12 July 2026 by MDGarcia (talk | contribs) (Dark-theme alert styling for the unofficial-status disclaimer)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* Tenth Fleet Wiki — unofficial-status disclaimer callout. Dark theme (see MediaWiki:Common.css :root palette). */
.tf-disclaimer {
	display: flex;
	align-items: center;
	gap: 0.85em;
	max-width: 900px;
	margin: 0 auto 1em auto;
	padding: 0.65em 1em;
	background: #1e1416;
	border: 1px solid var(--d-red, #BE2F24);
	border-left: 5px solid var(--d-red, #BE2F24);
	border-radius: 6px;
	color: var(--d-text, #E9E6E0);
	font-size: 0.95em;
	line-height: 1.45;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}
.tf-disclaimer .tf-disc-badge {
	flex: 0 0 auto;
	display: inline-block;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.8em;
	color: #ffffff;
	background: var(--d-red, #BE2F24);
	padding: 0.3em 0.7em;
	border-radius: 4px;
	white-space: nowrap;
}
.tf-disclaimer .tf-disc-text {
	flex: 1 1 auto;
}
.tf-disclaimer .tf-disc-text a {
	color: var(--d-link, #E7B84B);
	font-weight: 600;
}
@media ( max-width: 480px ) {
	.tf-disclaimer {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5em;
	}
}