Jump to content

Template:Infobox river/styles.css: Difference between revisions

From the Vrienden Universe, a fictional wiki
Created page with ".infobox { border: 1px solid #a2a9b1; background: #f8f9fa; color: #202122; font-size: 88%; line-height: 1.5em; } .infobox .infobox-above, .infobox .infobox-header { background: #CEDEFF; color: #202122; text-align: center; font-weight: bold; } .infobox .nickname { display: inline; font-size: 78%; font-weight: normal; } .infobox th, .infobox td { vertical-align: top; } .infobox .infobox-label { font-weight: bold; text-align: left; } .infobox .infobox-im..."
 
No edit summary
Line 1: Line 1:
.infobox {
/* Dark mode header fix for Infobox river */
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: #202122;
font-size: 88%;
line-height: 1.5em;
}


.infobox .infobox-above,
@media screen {
.infobox .infobox-header {
html.skin-theme-clientpref-night .infobox td.infobox-above,
background: #CEDEFF;
html.skin-theme-clientpref-night .infobox th.infobox-above,
color: #202122;
html.skin-theme-clientpref-night .infobox td.infobox-title,
text-align: center;
html.skin-theme-clientpref-night .infobox th.infobox-title,
font-weight: bold;
html.skin-theme-clientpref-night .infobox caption,
}
html.skin-theme-clientpref-night .infobox th[colspan],
html.skin-theme-clientpref-night .infobox .infobox-header {
background-color: #1B223D !important;
color: #e0f0ff !important;
border-color: #3a506b !important;
}


.infobox .nickname {
@media (prefers-color-scheme: dark) {
display: inline;
html.skin-theme-clientpref-os .infobox td.infobox-above,
font-size: 78%;
html.skin-theme-clientpref-os .infobox th.infobox-above,
font-weight: normal;
html.skin-theme-clientpref-os .infobox td.infobox-title,
}
html.skin-theme-clientpref-os .infobox th.infobox-title,
 
html.skin-theme-clientpref-os .infobox caption,
.infobox th,
html.skin-theme-clientpref-os .infobox th[colspan],
.infobox td {
html.skin-theme-clientpref-os .infobox .infobox-header {
vertical-align: top;
background-color: #1B223D !important;
}
color: #e0f0ff !important;
 
border-color: #3a506b !important;
.infobox .infobox-label {
}
font-weight: bold;
}
text-align: left;
}
 
.infobox .infobox-image,
.infobox .infobox-caption,
.infobox .infobox-below {
text-align: center;
}
}

Revision as of 09:58, 7 May 2026

/* Dark mode header fix for Infobox river */

@media screen {
	html.skin-theme-clientpref-night .infobox td.infobox-above,
	html.skin-theme-clientpref-night .infobox th.infobox-above,
	html.skin-theme-clientpref-night .infobox td.infobox-title,
	html.skin-theme-clientpref-night .infobox th.infobox-title,
	html.skin-theme-clientpref-night .infobox caption,
	html.skin-theme-clientpref-night .infobox th[colspan],
	html.skin-theme-clientpref-night .infobox .infobox-header {
		background-color: #1B223D !important;
		color: #e0f0ff !important;
		border-color: #3a506b !important;
	}

	@media (prefers-color-scheme: dark) {
		html.skin-theme-clientpref-os .infobox td.infobox-above,
		html.skin-theme-clientpref-os .infobox th.infobox-above,
		html.skin-theme-clientpref-os .infobox td.infobox-title,
		html.skin-theme-clientpref-os .infobox th.infobox-title,
		html.skin-theme-clientpref-os .infobox caption,
		html.skin-theme-clientpref-os .infobox th[colspan],
		html.skin-theme-clientpref-os .infobox .infobox-header {
			background-color: #1B223D !important;
			color: #e0f0ff !important;
			border-color: #3a506b !important;
		}
	}
}