Jump to content

Template:Infobox television station/styles.css

Permanently protected template
From Wikipedia, the free encyclopedia
/* {{pp-template|small=yes}} */
.ib-tv-station .infobox-header {
	background-color: #efefef;
}

/* always light bg for logos */
.ib-tv-station-logo img {
	background-color: #f8f9fa;
}

.ib-tv-station .infobox-above {
	font-size: 100%;
	background-color: #bfdfff;
	width: 100%;
}

.ib-tv-station-atsc3.infobox-above {
	background-color: #bdbdff;
}

.ib-tv-station-embed-header .infobox-header {
	font-size: 100%;
	background-color: #bfdfff;
}

@media screen {
	html.skin-theme-clientpref-night .ib-tv-station .infobox-header {
		background-color: hsl(0, 0%, 10%);
		color: inherit;
	}

	html.skin-theme-clientpref-night .ib-tv-station .infobox-above,	
	html.skin-theme-clientpref-night .ib-tv-station-embed-header .infobox-header{
		background-color: hsl(210, 100%, 10%);
		color: inherit;
	}
	
	html.skin-theme-clientpref-night .ib-tv-station-atsc3.infobox-above {
		background-color: hsl(240, 100%, 10%);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ib-tv-station-infobox-header {
		background-color: hsl(0, 0%, 10%);
		color: inherit;
	}
	
	html.skin-theme-clientpref-os .ib-tv-station .infobox-above,	
	html.skin-theme-clientpref-os .ib-tv-station-embed-header .infobox-header{
		background-color: hsl(210, 100%, 10%);
		color: inherit;
	}
	
	html.skin-theme-clientpref-os .ib-tv-station-atsc3.infobox-above {
		background-color: hsl(240, 100%, 10%);
	}
}