MediaWiki:Minerva.css

Opmerking: na het publiceren is het wellicht nodig uw browsercache te legen om de veranderingen te zien.

Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.

/* All CSS here will be loaded for users of the MinervaNeue skin */

.interProject { display: none !important; }

/* Infobox-fixes */
body.skin-minerva.skin--responsive .mw-parser-output .infobox {
	display: table;
}

body.skin-minerva.skin--responsive .mw-parser-output .infobox tbody > tr > td, body.skin--responsive .mw-parser-output .infobox tbody > tr > th[colspan="2"] {
	flex: 1.5 0!important;
}

@media all and (max-width:640px) {
	body.skin-minerva.skin--responsive .mw-parser-output .infobox tbody > tr > td, body.skin--responsive .mw-parser-output .infobox tbody > tr > th[colspan="2"] {
		flex: 2 0!important;
	}
}

body.skin-minerva.skin--responsive .mw-parser-output .infobox tbody > tr > td:not(.ta-center), 
body.skin-minerva.skin--responsive .mw-parser-output .infobox tbody > tr > th:not(.infobox-kop) {
    text-align: left;
}

body.skin-minerva.skin--responsive .mw-parser-output .infobox table {
	display: table;
	width: unset!important;
	margin: auto;
}

@media all and (min-width:640px) {
	body.skin-minerva.skin--responsive .mw-parser-output .infobox {
		max-width: 260px !important;
	}
}

/* Infobox-kop voorzien van kleur in dark mode */
html.skin-theme-clientpref-night .infobox .infobox-kop {
	--background-color-interactive:#27292d;
	--border-color-muted: #54595e;
	--color-base:#f8f9fa;
	--color-progressive:#6d8af2;
	--color-progressive--hover:#afb6e9;
	--color-progressive--active:#c2d1f0;
	--color-destructive:#ff4242;
	--color-destructive--hover:#ef8174;
	--color-destructive--active:#f8a397;
	--color-visited:#977dbd;
	--color-destructive--visited:#b97876;
	background-color: var(--background-color-interactive,#27292d)!important;
	border-bottom: 1px solid var(--border-color-muted,#54595e)!important;
	color: var(--color-base,#f8f9fa)!important;
}
html.skin-theme-clientpref-night .infobox tr:last-child td {
	border-bottom: 0!important;
}
html.skin-theme-clientpref-night .infobox caption {
	--color-base:#f8f9fa;
	color: var(--color-base,#f8f9fa)!important;
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox .infobox-kop {
		--background-color-interactive:#27292d;
		--border-color-muted: #404244;
		--color-base:#f8f9fa;
		--color-progressive:#6d8af2;
		--color-progressive--hover:#afb6e9;
		--color-progressive--active:#c2d1f0;
		--color-destructive:#ff4242;
		--color-destructive--hover:#ef8174;
		--color-destructive--active:#f8a397;
		--color-visited:#977dbd;
		--color-destructive--visited:#b97876;
		background-color: var(--background-color-interactive,#27292d)!important;
		border-bottom: 1px solid var(--border-color-muted,#404244)!important;
		color: var(--color-base,#f8f9fa)!important;
	}
	html.skin-theme-clientpref-os .infobox tr:last-child td {
		border-bottom: 0!important;
	}
	html.skin-theme-clientpref-os .infobox .infobox caption {
		--color-base:#f8f9fa;
		color: var(--color-base,#f8f9fa)!important;
	}
}

/* CSS-variable voor [[Sjabloon:Navigatie/titelbalkkleur]] */
:root {
	--navigatie-titelbalkkleur:#ddeef8;
}
html.skin-theme-clientpref-night:root {
	--navigatie-titelbalkkleur:#27292d;
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os:root {
		--navigatie-titelbalkkleur:#27292d;
	}
}

/* Toccolours */
.toccolours {
	background-color: var(--background-color-neutral-subtle,#f8f9fa);
	color: inherit;
	border: 1px solid var(--border-color-base,#a2a9b1);
	padding: 0.5em;
}