Шаблон:УФільміВерх/styles.css

.InF-table-heading {
	background-color: #b0c4de;
	color: var(--color-base, #202122);
}

.InF-row-telefilm {
	background-color: #f2ebf7;
}

.InF-row-animation-film {
	background-color: #F7F1EA;
}

.InF-row-game {
	background-color: #f2ebf7;
}

.InF-row-short-film {
	background-color: var(--background-color-destructive-subtle, #fee7e6);
}

.InF-row-documentry-film {
	background-color: #e0e0e0;
}

.InF-row-video-film {
	background-color: #ebf7f2;
}

.InF-row-series {
	background-color: #EAF0F7;
}

.InF-row-animation-series {
	background-color: #f0f7ea;
}

.InF-row-anime {
	background-color: #DBE3F5;
}

.InF-row-anime-film {
	background-color: #D5CAF5;
}

.InF-table-abbr {
	color: var(--color-subtle, #54595d);
	font-size:70%; 
	font-style:italic;
}

/*  Dark mode support */
@media screen {
	html.skin-theme-clientpref-night .InF-table-heading {
		background-color: #0d1520;
	}

	html.skin-theme-clientpref-night .InF-row-telefilm {
		background-color: #332233;
	}

	html.skin-theme-clientpref-night .InF-row-animation-film {
		background-color: #301d00;
	}

	html.skin-theme-clientpref-night .InF-row-game {
		background-color: #311;
	}

	/*html.skin-theme-clientpref-night .InF-row-short-film {
		background-color: #111;
	}*/

	html.skin-theme-clientpref-night .InF-row-documentry-film {
		background-color: #111;
	}

	html.skin-theme-clientpref-night .InF-row-video-film {
		background-color: #020;
	}

	html.skin-theme-clientpref-night .InF-row-series {
		background-color: #1d2a42;
	}

	html.skin-theme-clientpref-night .InF-row-animation-series {
		background-color: #120;
	}

	html.skin-theme-clientpref-night .InF-row-anime {
		background-color: #101c38;
	}

	html.skin-theme-clientpref-night .InF-row-anime-film {
		background-color: #190c3f;
	}
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .InF-table-heading {
        background-color: #0d1520;
    }
    
    html.skin-theme-clientpref-os .InF-row-telefilm {
        background-color: #332233;
    }
    
    html.skin-theme-clientpref-os .InF-row-animation-film {
        background-color: #301d00;
    }
    
    html.skin-theme-clientpref-os .InF-row-game {
        background-color: #311;
    }
    
 /*   html.skin-theme-clientpref-os .InF-row-short-film {
        background-color: #111;
    }*/
    
    html.skin-theme-clientpref-os .InF-row-documentry-film {
        background-color: #111;
    }
    
    html.skin-theme-clientpref-os .InF-row-video-film {
        background-color: #020;
    }
    
    html.skin-theme-clientpref-os .InF-row-series {
        background-color: #1d2a42;
    }
    
    html.skin-theme-clientpref-os .InF-row-animation-series {
        background-color: #120;
    }
    
    html.skin-theme-clientpref-os .InF-row-anime {
        background-color: #101c38;
    }
    
    html.skin-theme-clientpref-os .InF-row-anime-film {
        background-color: #190c3f;
    }
}

/*  [[Категорія:Підсторінки CSS]] */