Fara í innihald

Snið:Dökkt þema deild/styles.css

Úr Wikipediu, frjálsa alfræðiritinu
/* CSS fyrir deilda síður í íþróttum */
.t-deild-green td:nth-child(1),
.t-deild-green td:nth-child(1n+3) {
	background-color: #00ff00;
	color: black
}
.t-deild-pink td:nth-child(1),
.t-deild-pink td:nth-child(1n+3) {
	background-color: #ffcccc;
	color: black
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .t-deild-green td:nth-child(1),
	html.skin-theme-clientpref-night .t-deild-green td:nth-child(1n+3) {
		background-color: #002e00;
		color: white
	}
	html.skin-theme-clientpref-os .t-deild-pink td:nth-child(1),
	html.skin-theme-clientpref-os .t-deild-pink td:nth-child(1n+3) {
		background-color: #5c0000;
		color: white
	}
}

@media screen {
	html.skin-theme-clientpref-night .t-deild-green td:nth-child(1),
	html.skin-theme-clientpref-night .t-deild-green td:nth-child(1n+3) {
		background-color: #002e00;
		color: white
	}
	html.skin-theme-clientpref-night .t-deild-pink td:nth-child(1),
	html.skin-theme-clientpref-night .t-deild-pink td:nth-child(1n+3) {
		background-color: #5c0000;
		color: white
	}
}

/* Game results */
.t-game-results {
	color: #0f0f0f;
	background-color: #f9f9f9
}


@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .t-game-results {
		background-color: #0f0f0f;
		color: #f9f9f9
	}
}

@media screen {
	html.skin-theme-clientpref-night .t-game-results {
		background-color: #0f0f0f;
		color: #f9f9f9
	}
}

/* markahæst */

.t-mark-rank tr:nth-child(10n + 2) {
	background-color: #ffd700;
	color: black
}

.t-mark-rank tr:nth-child(10n + 3) {
	background-color: #c0c0c0;
	color: black
}
.t-mark-rank tr:nth-child(10n + 4) {
	background-color: #d2b48c;
	color: black
}

@media screen and (prefers-color-scheme: dark) {
	.t-mark-rank tr:nth-child(10n + 2) {
		background-color: #292900;
		color: white
	}

	.t-mark-rank tr:nth-child(10n + 3) {
		background-color: #292929;
		color: white
	}
	.t-mark-rank tr:nth-child(10n + 4) {
		background-color: #332814;
		color: white
	}
}

@media screen {
	html.skin-theme-clientpref-night .t-mark-rank tr:nth-child(10n + 2) {
		background-color: #292900;
		color: white
	}

	html.skin-theme-clientpref-night .t-mark-rank tr:nth-child(10n + 3) {
		background-color: #292929;
		color: white
	}
	html.skin-theme-clientpref-night .t-mark-rank tr:nth-child(10n + 4) {
		background-color: #332814;
		color: white
	}
}