Template:Cards/styles.css: Difference between revisions – Wikipedia

Permanently protected template

From Wikipedia, the free encyclopedia

Content deleted Content added


 

Line 3: Line 3:

/* Dark mode fixes – padding prevents black text touching background */

/* Dark mode fixes – padding prevents black text touching background */

@media screen {

@media screen {

html.skin-theme-clientpref-night .blacksuits,

html.skin-theme-clientpref-night .redsuits,

html.skin-theme-clientpref-night .clubs,

html.skin-theme-clientpref-night .diamonds,

html.skin-theme-clientpref-night .spades,

html.skin-theme-clientpref-night .hearts,

html.skin-theme-clientpref-night .playingcards {

html.skin-theme-clientpref-night .playingcards {

padding-left: 0.2em;

padding-left: 0.2em;

Line 19: Line 13:

@media screen and ( prefers-color-scheme: dark ) {

@media screen and ( prefers-color-scheme: dark ) {

html.skin-theme-clientpref-os .blacksuits,

html.skin-theme-clientpref-os .redsuits,

html.skin-theme-clientpref-os .clubs,

html.skin-theme-clientpref-os .diamonds,

html.skin-theme-clientpref-os .spades,

html.skin-theme-clientpref-os .hearts,

html.skin-theme-clientpref-os .playingcards {

html.skin-theme-clientpref-os .playingcards {

padding-left: 0.2em;

padding-left: 0.2em;


Latest revision as of 10:04, 18 September 2025

/* {{pp-template}} */

/* Dark mode fixes - padding prevents black text touching background */
@media screen {
	html.skin-theme-clientpref-night .playingcards {
		padding-left: 0.2em;
		padding-right: 0.2em;
		border-radius: 0.2em;
		background: white;
		color: black;
	}
}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .playingcards {
		padding-left: 0.2em;
		padding-right: 0.2em;
		border-radius: 0.2em;
		background: white;
		color: black;
	}
}

.blacksuits, .clubs, .spades {
	color: black;
}

.redsuits, .diamonds, .hearts {
	color: red;
}

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top