Wikipedia:Reliable sources/Perennial sources/styles.css

/* Reliability statuses:
	s-gr – generally reliable
	s-nc – no consensus
	s-gu – generally unreliable
	s-d – deprecated
	s-b – blacklisted
*/
.s-gr,
.s-gr td {
	background-color: #dfd;
}

.s-nc,
.s-nc td {
	background-color: #ffd;
}

.s-gu,
.s-gu td {
	background-color: #fdd;
}

.s-d,
.s-d td {
	background-color: #fbb;
}

.s-b,
.s-b td {
	background-color: #ddd;
}

/* Centering for columns 2, 4 and 6 (status icons, last discussion dates, links) */
.perennial-sources td:nth-child(2),
.perennial-sources td:nth-child(4),
.perennial-sources td:nth-child(6) {
	margin: auto;
	text-align: center
}

/* Centering for "show/hide" buttons */
.perennial-sources .mw-collapsible-toggle {
	float: none;
	text-align: center
}

/* Small text and increased line height for column 5 (summaries) */
.perennial-sources td:nth-child(5) {
	font-size: 85%;
	line-height: 1.75
}

/* Spacing in legend */
.perennial-sources-legend > ul {
	margin-top: 1em;	
}

.perennial-sources-legend > ul > li {
	margin-bottom: 1em;
}

@media screen {
	html.skin-theme-clientpref-night .s-gr,
	html.skin-theme-clientpref-night .s-gr td {
		background-color: #030;
	}
	
	html.skin-theme-clientpref-night .s-nc,
	html.skin-theme-clientpref-night .s-nc td {
		background-color: #330;
	}
	
	html.skin-theme-clientpref-night .s-gu,
	html.skin-theme-clientpref-night .s-gu td {
		background-color: #300;
	}
	
	html.skin-theme-clientpref-night .s-d,
	html.skin-theme-clientpref-night .s-d td {
		background-color: #1a0000;
	}
	
	/* we just use base color for blacklisted */
	html.skin-theme-clientpref-night .s-b,
	html.skin-theme-clientpref-night .s-b td {
		background-color: inherit;
	}
}


@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .s-gr,
	html.skin-theme-clientpref-os .s-gr td {
		background-color: #030;
	}
	
	html.skin-theme-clientpref-os .s-nc,
	html.skin-theme-clientpref-os .s-nc td {
		background-color: #330;
	}
	
	html.skin-theme-clientpref-os .s-gu,
	html.skin-theme-clientpref-os .s-gu td {
		background-color: #300;
	}
	
	html.skin-theme-clientpref-os .s-d,
	html.skin-theme-clientpref-os .s-d td {
		background-color: #1a0000;
	}
	
	/* we just use base color for blacklisted*/
	html.skin-theme-clientpref-os .s-b,
	html.skin-theme-clientpref-os .s-b td {
		background-color: inherit;
	}
}