Module:fi-verbs/style.css

/* layout */

table.fi-conj {
	text-align: left;
	border-spacing: 1px; /* replacement for cellspacing="1" */
}

.fi-conj th, .fi-conj td {
	padding: 2px; /* replacement for cellpadding="2" */
}

table.fi-conj-poss {
	text-align: left;
	border-spacing: 1px; /* replacement for cellspacing="1" */
}

.fi-conj-poss th, .fi-conj-poss td {
	text-align: center;
	padding: 1px; /* replacement for cellpadding="1" */
}

.fi-conj-poss th.fi-conj-poss-toggle {
	text-align: left;
}

table.fi-conj-old {
	width: 100%;
	margin-bottom: 0.5em;
}

th.fi-conj-header-person {
	min-width: 10em;
}

th.fi-conj-header-posneg {
	min-width: 13em;
}

.fi-conj td.nobreak {
	white-space: pre;
}

.fi-conj-notes {
	text-align: left;
	vertical-align: top;
	font-size: smaller;
}

.fi-conj-poss-toggle {
	min-width: 30em;
}

/* appearance */

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

div.NavHead.fi-conj-header-row, div.NavHead.fi-conj-header-row:hover, div.NavHead.fi-conj-header-row:active {
	background-image: none;
}

/* colors */

table.fi-conj { border-color: #CCCCFF; }
div.NavHead.fi-conj-header-row,
div.NavHead.fi-conj-header-row:hover,
div.NavHead.fi-conj-header-row:active,
.fi-conj th { background-color: #CCCCFF; }
.fi-conj th.thsub,
.fi-conj-poss-header,
.fi-conj-poss th { background-color: #E6E6FF; }
.fi-conj td { background-color: #F2F2FF; }

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