Module:vot-conj/style.css

/* layout */

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

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

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

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

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

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

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

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

/* appearance */

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

/* colors */

table.vot-conj { border-color: rgb(80%,80%,100%); }
table.vot-conj th,
table.vot-conj th.vot-conj-header-toggle { background: rgb(80%,80%,100%); }
table.vot-conj th.thsub { background: rgb(90%,90%,100%); }
table.vot-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.vot-conj { border-color: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-night table.vot-conj th,
	html.skin-theme-clientpref-night table.vot-conj th.vot-conj-header-toggle { background: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-night table.vot-conj th.thsub { background: rgb(6%,9%,24%); }
	html.skin-theme-clientpref-night table.vot-conj td { background: rgb(4%,5%,15%); }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os    table.vot-conj { border-color: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-os    table.vot-conj th,
	html.skin-theme-clientpref-os    table.vot-conj th.vot-conj-header-toggle { background: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-os    table.vot-conj th.thsub { background: rgb(6%,9%,24%); }
	html.skin-theme-clientpref-os    table.vot-conj td { background: rgb(4%,5%,15%); }
}