Module:izh-decl/style.css

/* layout */

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

table.izh-decl th {
	text-align: center;
}

table.izh-decl th.izh-decl-header-row {
	text-align: left;
}

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

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

.izh-decl-case-column {
	width: 11em;
}

.izh-decl-form-column {
	width: 12em;
}

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

/* appearance */

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

/* colors */

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

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

table.izh-decl 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-decl { border-color: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-night table.izh-decl .izh-decl-header-row,
	html.skin-theme-clientpref-night table.izh-decl th { background: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-night table.izh-decl td { background: rgb(4%,5%,15%); }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os    table.izh-decl { border-color: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-os    table.izh-decl .izh-decl-header-row,
	html.skin-theme-clientpref-os    table.izh-decl th { background: rgb(8%,12%,32%); }
	html.skin-theme-clientpref-os    table.izh-decl td { background: rgb(4%,5%,15%); }
}