Module:izh-conj/style.css

/* layout */

table.izh-conj {
	text-align: left;
}

table.izh-conj tr {
	vertical-align: top;
}

table.izh-conj .izh-conj-header-toggle {
	width: 35em;
}

table.izh-conj .izh-conj-header-tense {
	width: 10em;
}

table.izh-conj .izh-conj-header-person {
	width: 11em;
}

table.izh-conj .izh-conj-header-posneg {
	width: 13em;
}

.izh-conj-type {
	font-size: 90%;
}

.izh-conj-notes {
	font-size: smaller;
}

/* appearance */

table.izh-conj {
	border-style: solid;
	border-width: 1px;
}

/* colors */

table.izh-conj {
	border-color: rgb(80%,80%,100%);
}

table.izh-conj th, table.izh-conj th.izh-conj-header-toggle {
	background: rgb(80%,80%,100%);
}

table.izh-conj th.thsub {
	background: rgb(90%,90%,100%);
}

table.izh-conj td {
	background: rgb(95%,95%,100%);
}

/* dark mode colors; styles need to be duplicated exactly between these two media blocks */
@media screen {
	html.skin-theme-clientpref-night table.izh-conj { border-color: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-night table.izh-conj th,
	html.skin-theme-clientpref-night table.izh-conj th.izh-conj-header-toggle { background: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-night table.izh-conj th.thsub { background: rgb(6%,9%,24%); }
	html.skin-theme-clientpref-night table.izh-conj td { background: rgb(4%,5%,15%); }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os    table.izh-conj { border-color: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-os    table.izh-conj th,
	html.skin-theme-clientpref-os    table.izh-conj th.izh-conj-header-toggle { background: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-os    table.izh-conj th.thsub { background: rgb(6%,9%,24%); }
	html.skin-theme-clientpref-os    table.izh-conj td { background: rgb(4%,5%,15%); }
}