User:This, that and the other/inflection table standardisation/narrow/style.css

.inflection-table-wrapper {
	display: inline-block; /* SHOULD BE width: fit-content INSTEAD, BUT THE CSS SANITIZER DOESN'T LIKE IT... */
	background: var(--wikt-palette-paleblue); /* standard MediaWiki table background colour */
	border: 1px solid var(--wikt-palette-grey);
	padding: 3px;
}

.inflection-tableNEW {
	text-align: center;
	border-collapse: collapse;
	border: 1px solid var(--wikt-palette-grey);
}

.inflection-tableNEW a.new {
    color: inherit;
}

.inflection-tableNEW caption {
	text-align: left;
	font-size: 95%;
	padding: 0.1em 0.5em;
	font-weight: bold;
}

.inflection-tableNEW td, .inflection-tableNEW th {
	padding: 0.15em 0.6em;
	border: solid var(--wikt-palette-grey);
	border-width: 0 1px 1px 0;
}

.inflection-tableNEW td:not(.secondary), .inflection-tableNEW th:not(.secondary) {
	min-width: 5em;
}

.inflection-tableNEW th.secondary {
	/* font-style: italic; -- on second thoughts, let's leave italicisation in the hands of the template itself */
}

.inflection-tableNEW td.secondary {
	background: var(--wikt-palette-lightergrey);
}

.inflection-tableNEW + p { /* first note at foot of table */
	padding-top: 0.2em;
}

.inflection-table-wrapper > p { /* notes  at foot of table */
	margin: 0.3em 0.5em 0.2em;
}

/* Individual palettes: dark-on-light */

.inflection-tableNEW th {
	background: var(--wikt-palette-dullcyan); /* default grey palette. TODO needs to be just a smidgeon darker. lightgrey is too dark */
}

.inflection-table-lightblue th {
	background: var(--wikt-palette-lightblue);
}

.inflection-table-yellow th {
	background: var(--wikt-palette-yellow);
}

.inflection-table-pink th {
	background: var(--wikt-palette-pink);
}

/* All light-on-dark palettes need special border rules */

.inflection-table-lightondark th {
	border: solid var(--wikt-palette-paleblue); /* stupid CSS sanitizer doesn't allow setting border-color to a variable for some reason, so we have to reset the entire border styling :( */
	border-width: 0 1px 1px 0;
} 

.inflection-table-lightondark th.secondary {
	opacity: 0.75;
}

.inflection-table-lightondark th:last-child {
	border-right: 0;
}

.inflection-table-lightondark tr:last-child th {
	border-bottom: 0;
}

/* Individual palettes - light-on-dark */

.inflection-table-darkgreen table {
	border: 1px solid var(--wikt-palette-forestgreen);
}

.inflection-table-darkgreen th {
	background: var(--wikt-palette-forestgreen);
	color: var(--wikt-palette-palergreen);
}

.inflection-table-darkblue table {
	border: 1px solid var(--wikt-palette-dullblue);
}

.inflection-table-darkblue th {
	background: var(--wikt-palette-dullblue);
	color: var(--wikt-palette-lavender);
}