Module:fi-adv-poss/style.css

/* layout */

.fi-adv-forms-table {
	border-color: rgb(80%,80%,100%);
	text-align: center;
	border-spacing: 1px; /* replacement for cellspacing="1" */
}

.fi-word-forms-table {
	border: solid 1px;
	text-align: center;
	border-spacing: 1px; /* replacement for cellspacing="1" */
}

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

.fi-adv-forms-table .vsToggleElement {
	min-width: 30em; 
	text-align: left;
}

.fi-adv-forms-table .fi-table-header-person, .fi-word-forms-table .fi-table-header-person {
	min-width: 11em; 
}

.fi-adv-forms-table .fi-table-header-number, .fi-word-forms-table .fi-table-header-number {
	min-width: 10em; 
}

.fi-contr-ei-note {
	white-space: pre-wrap;
	min-width: 100%;
	max-width: min-content;
}

/* appearance */

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

.fi-word-forms-table, .fi-word-forms-table th, .fi-word-forms-table td {
	border-style: solid;
	border-width: 1px;
}

/* colors */

.fi-adv-forms-table {
	background: #e2f6e2;
	border-color: rgb(80%,80%,100%);
}

.fi-adv-forms-table th {
	background: #e2f6e2;
}

.fi-adv-forms-table td {
	background: rgb(95%,100%,95%);
}

/* dark mode colors; styles need to be duplicated exactly between these two media blocks */
@media screen {
    html.skin-theme-clientpref-night .fi-adv-forms-table { background: rgb(4%,16%,24%); border-color: rgb(4%,16%,24%); }
    html.skin-theme-clientpref-night .fi-adv-forms-table th { background: rgb(4%,16%,24%); }
    html.skin-theme-clientpref-night .fi-adv-forms-table td { background: rgb(1%,7%,10%); }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os    .fi-adv-forms-table { background: rgb(4%,16%,24%); border-color: rgb(4%,16%,24%); }
    html.skin-theme-clientpref-os    .fi-adv-forms-table th { background: rgb(4%,16%,24%); }
    html.skin-theme-clientpref-os    .fi-adv-forms-table td { background: rgb(1%,7%,10%); }
}