Module:Infobox military conflict/styles.css: Difference between revisions

Latest revision as of 11:40, 27 June 2026

/* {{pp-template}} */
@media all and (min-width:720px) {
	.desktop-float-right {
		box-sizing: border-box;
		float: right;
		clear: right;
	}
}

.infobox.vevent .status > p:first-child {
	margin: 0;
}

/* Dark mode override for [[Template:Infobox military conflict]]. */
@media screen {
	html.skin-theme-clientpref-night .infobox.vevent,
	html.skin-theme-clientpref-dark .infobox.vevent {
		background-color: #1e1e1e !important;
		color: #d8dee9 !important;
		border-color: #444 !important;
	}

	html.skin-theme-clientpref-night .infobox.vevent th,
	html.skin-theme-clientpref-night .infobox.vevent .summary,
	html.skin-theme-clientpref-dark .infobox.vevent th,
	html.skin-theme-clientpref-dark .infobox.vevent .summary {
		background-color: #1b223d !important;
		color: #e0f0ff !important;
		border-color: #3a506b !important;
	}

	html.skin-theme-clientpref-night .infobox.vevent td,
	html.skin-theme-clientpref-dark .infobox.vevent td {
		background-color: #1e1e1e !important;
		color: #d8dee9 !important;
		border-color: #444 !important;
	}

	html.skin-theme-clientpref-night .infobox.vevent table,
	html.skin-theme-clientpref-dark .infobox.vevent table {
		background-color: transparent !important;
		color: inherit !important;
	}

	html.skin-theme-clientpref-night .infobox.vevent a,
	html.skin-theme-clientpref-dark .infobox.vevent a {
		color: #8ec5ff !important;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox.vevent {
		background-color: #1e1e1e !important;
		color: #d8dee9 !important;
		border-color: #444 !important;
	}

	html.skin-theme-clientpref-os .infobox.vevent th,
	html.skin-theme-clientpref-os .infobox.vevent .summary {
		background-color: #1b223d !important;
		color: #e0f0ff !important;
		border-color: #3a506b !important;
	}

	html.skin-theme-clientpref-os .infobox.vevent td {
		background-color: #1e1e1e !important;
		color: #d8dee9 !important;
		border-color: #444 !important;
	}

	html.skin-theme-clientpref-os .infobox.vevent table {
		background-color: transparent !important;
		color: inherit !important;
	}

	html.skin-theme-clientpref-os .infobox.vevent a {
		color: #8ec5ff !important;
	}
}