Template:Inflection-table-top/style.css
Jump to navigation
Jump to search
/**
* This CSS page provides styling for the {{inflection-table-top}} family of templates.
*
* The style rules are complex and have various dependencies on one another.
* They have been comprehensively tested on desktop and mobile.
* Take care before making any changes. If you're not confident with CSS,
* consider requesting help from an interface administrator.
*/
.inflection-table-wrapper {
padding: 3px;
margin: 0.5em 0; /* matches styling for <p> elements in Vector classic */
background: #f8f9fa; /* standard MediaWiki table background colour */
border: 1px solid #9e9e9e;
position: relative; /* needed for NavToggle styles */
max-width: 100%;
box-sizing: border-box;
overflow-x: auto;
}
.inflection-table-wrapper.inflection-table-collapsed {
overflow: hidden;
}
.inflection-table-wrapper.inflection-table-no-title {
border: 0;
padding: 0;
}
.inflection-table-wrapper > table {
display: table;
width: 100%;
margin: 0;
text-align: center;
border-collapse: collapse;
border: 1px solid #b4b4b4;
background: #ffffff;
}
.inflection-table-wrapper > table > caption {
display: table-caption;
background: #f8f9fa;
text-align: left;
font-size: 95%;
padding: 0.1em 0.5em;
font-weight: bold;
}
.inflection-table-wrapper.wide > table > tbody > tr {
font-size: 90%;
}
.inflection-table-wrapper > table > tbody > tr > td,
.inflection-table-wrapper > table > tbody > tr > th {
padding: 0.15em 0.6em;
border: solid #b4b4b4;
border-width: 0 1px 1px 0;
}
.inflection-table-wrapper > table > tbody > tr > td:not(.secondary):not(.separator) {
min-width: 5em;
}
.inflection-table-wrapper.very-narrow > table > tbody > tr > td:not(.secondary):not(.separator) {
min-width: auto;
}
.inflection-table-wrapper > table > tbody > tr > td.secondary {
background: #eeeeee;
}
.inflection-table-wrapper > table > tbody > tr > th.secondary,
.inflection-table-wrapper > table > tbody > tr > th.outer {
font-style: italic;
}
.inflection-table-wrapper > table > tbody > tr > th.secondary > sup,
.inflection-table-wrapper > table > tbody > tr > th.outer > sup {
font-style: normal;
}
.inflection-table-wrapper .separator {
height: 0.5em;
width: 0.5em;
min-height: 0.5em;
min-width: 0.5em;
padding: 0;
background: #f8f9fa;
}
.inflection-table-wrapper .separator[rowspan] {
border-top: 1px solid #f8f9fa;
border-bottom: 1px solid #f8f9fa;
}
.inflection-table-wrapper .separator[colspan] {
border-left: 1px solid #f8f9fa;
border-right: 1px solid #f8f9fa;
}
.inflection-table-wrapper .blank-end-row {
background: #f8f9fa;
border-right: 1px solid #f8f9fa;
border-top: 1px solid #f8f9fa;
border-bottom: 1px solid #f8f9fa;
}
.inflection-table-notes {
text-align: left;
margin: 0.2em 0.5em 0.2em;
}
.inflection-table-notes p {
margin: 0.5em 0 0.2em;
}
.inflection-table-wrapper.wide > .inflection-table-notes {
font-size: 90%;
}
html.client-js .inflection-table-collapsed > table,
html.client-js .inflection-table-collapsed > table > tbody > tr > td,
html.client-js .inflection-table-collapsed > table > tbody > tr > th {
border-color: transparent;
}
html.client-js .inflection-table-collapsed > table > tbody {
visibility: collapse;
}
html.client-js .inflection-table-collapsed > table > caption {
margin-bottom: -0.15em;
}
html.client-js .inflection-table-collapsed .inflection-table-notes {
display: none;
}
html.client-js .inflection-table-collapsible.no-vc.inflection-table-collapsed {
max-height: calc(1.5em + 8px);
overflow: hidden;
}
html.client-js .inflection-table-collapsible.no-vc.inflection-table-collapsed > table > tbody {
visibility: hidden;
}
html.client-js .inflection-table-collapsible.no-vc > table > caption {
white-space: nowrap;
}
.no-vc-spacer {
display: inline-block;
width: 4em;
}
.inflection-table-wrapper .NavToggle {
position: sticky;
right: 0.5em;
background: inherit;
}
.inflection-table-wrapper.single-border {
padding: 0;
border: 0;
}
.inflection-table-wrapper.single-border > table > caption {
border: 1px solid #9e9e9e;
border-bottom: 0;
}
html.client-js .inflection-table-collapsed.single-border > table > caption {
border-bottom: 1px solid #9e9e9e;
}
.inflection-table-wrapper.inflection-table-collapsible.single-border .inflection-table-notes {
border: 1px solid #9e9e9e;
border-top: 0;
}
@media all and (max-width: 639px) {
.inflection-table-wrapper {
overflow: auto;
max-width: 100%;
width: auto !important;
}
.inflection-table-collapsed tbody {
display: none;
}
.inflection-table-wrapper .NavToggle {
position: sticky;
right: 0.5em;
background: inherit;
}
.inflection-table-wrapper.sticky-left-column > table > tbody > tr > th:first-child {
position: sticky;
left: -4px;
max-width: 35vw;
}
.inflection-table-wrapper.inflection-table-no-title.sticky-left-column > table > tbody > tr > th:first-child {
left: -1px;
}
}
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.tr {
color: #6b6b6b;
}
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.tr:before {
content: "\a";
white-space: pre;
}
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.mention-gloss-paren {
display: none;
}
.inflection-box > table {
background: none;
border: 0;
}
.inflection-box > table > tbody > tr > td {
padding: 0 0.2em;
border: 0;
vertical-align: top;
}
.inflection-box .inflection-table-wrapper {
display: inline-block;
vertical-align: top;
margin: 0.2em 0.1em;
}
.inflection-box .inflection-table-wrapper > table.inflection-table {
background: #ffffff;
}
.inflection-box.flow-vertical .inflection-table-wrapper {
display: block;
width: auto !important;
}
.inflection-box.flow-vertical .inflection-table-wrapper + .inflection-table-wrapper {
margin-top: 0.5em;
}
/* Individual palettes: dark-on-light */
/* Generate this in your browser's JavaScript console by running the following code
and right-clicking on the output to "copy string contents"
colors = ['red', 'scarlet', 'orange', 'amber', 'yellow', 'lime', 'green', 'teal', 'cyan', 'blue', 'indigo', 'purple', 'magenta', 'rose', 'grey', 'brown']
css = ''
for (let color of colors) css += `
.inflection-table-${color}.inflection-table-no-title table {
background-color: var(--wikt-palette-${color}-0); /* when no title, provide a colour that gently contrasts with the page background *\/
}
.inflection-table-${color} tr.secondary > th,
.inflection-table-${color} th.secondary,
.inflection-table tr.inflection-table-${color}.secondary > th,
.inflection-table tr.inflection-table-${color} > th.secondary,
.inflection-table tr.secondary > th.inflection-table-${color},
.inflection-table th.inflection-table-${color}.secondary {
background-color: var(--wikt-palette-${color}-1);
}
.inflection-table-${color} th,
.inflection-table tr.inflection-table-${color} > th,
.inflection-table th.inflection-table-${color} {
background-color: var(--wikt-palette-${color}-2);
}
.inflection-table-${color} tr.outer > th,
.inflection-table-${color} th.outer,
.inflection-table tr.inflection-table-${color}.outer > th,
.inflection-table tr.inflection-table-${color} > th.outer,
.inflection-table tr.outer > th.inflection-table-${color},
.inflection-table th.inflection-table-${color}.outer {
background-color: var(--wikt-palette-${color}-4);
}
.inflection-table-${color} tr.darker > td,
.inflection-table-${color} td.darker,
.inflection-table tr.inflection-table-${color}.darker > td,
.inflection-table tr.inflection-table-${color} > td.darker,
.inflection-table tr.darker > td.inflection-table-${color},
.inflection-table td.inflection-table-${color}.darker {
background-color: var(--wikt-palette-grey-${color}-1) !important;
}`
*/
.inflection-table-red.inflection-table-no-title table {
background-color: #ffe5e5;
}
.inflection-table-red tr.secondary > th,
.inflection-table-red th.secondary,
.inflection-table tr.inflection-table-red.secondary > th,
.inflection-table tr.inflection-table-red > th.secondary,
.inflection-table tr.secondary > th.inflection-table-red,
.inflection-table th.inflection-table-red.secondary {
background-color: #ffcccc;
}
.inflection-table-red th,
.inflection-table tr.inflection-table-red > th,
.inflection-table th.inflection-table-red {
background-color: #ff9999;
}
.inflection-table-red tr.outer > th,
.inflection-table-red th.outer,
.inflection-table tr.inflection-table-red.outer > th,
.inflection-table tr.inflection-table-red > th.outer,
.inflection-table tr.outer > th.inflection-table-red,
.inflection-table th.inflection-table-red.outer {
background-color: #ff4d4d;
}
.inflection-table-red tr.darker > td,
.inflection-table-red td.darker,
.inflection-table tr.inflection-table-red.darker > td,
.inflection-table tr.inflection-table-red > td.darker,
.inflection-table tr.darker > td.inflection-table-red,
.inflection-table td.inflection-table-red.darker {
background-color: #b30000 !important;
}
.inflection-table-scarlet.inflection-table-no-title table {
background-color: #ffe6e6;
}
.inflection-table-scarlet tr.secondary > th,
.inflection-table-scarlet th.secondary,
.inflection-table tr.inflection-table-scarlet.secondary > th,
.inflection-table tr.inflection-table-scarlet > th.secondary,
.inflection-table tr.secondary > th.inflection-table-scarlet,
.inflection-table th.inflection-table-scarlet.secondary {
background-color: #ffcccc;
}
.inflection-table-scarlet th,
.inflection-table tr.inflection-table-scarlet > th,
.inflection-table th.inflection-table-scarlet {
background-color: #ff9999;
}
.inflection-table-scarlet tr.outer > th,
.inflection-table-scarlet th.outer,
.inflection-table tr.inflection-table-scarlet.outer > th,
.inflection-table tr.inflection-table-scarlet > th.outer,
.inflection-table tr.outer > th.inflection-table-scarlet,
.inflection-table th.inflection-table-scarlet.outer {
background-color: #ff4d4d;
}
.inflection-table-scarlet tr.darker > td,
.inflection-table-scarlet td.darker,
.inflection-table tr.inflection-table-scarlet.darker > td,
.inflection-table tr.inflection-table-scarlet > td.darker,
.inflection-table tr.darker > td.inflection-table-scarlet,
.inflection-table td.inflection-table-scarlet.darker {
background-color: #b30000 !important;
}
.inflection-table-orange.inflection-table-no-title table {
background-color: #fff2e5;
}
.inflection-table-orange tr.secondary > th,
.inflection-table-orange th.secondary,
.inflection-table tr.inflection-table-orange.secondary > th,
.inflection-table tr.inflection-table-orange > th.secondary,
.inflection-table tr.secondary > th.inflection-table-orange,
.inflection-table th.inflection-table-orange.secondary {
background-color: #ffd9b3;
}
.inflection-table-orange th,
.inflection-table tr.inflection-table-orange > th,
.inflection-table th.inflection-table-orange {
background-color: #ffb366;
}
.inflection-table-orange tr.outer > th,
.inflection-table-orange th.outer,
.inflection-table tr.inflection-table-orange.outer > th,
.inflection-table tr.inflection-table-orange > th.outer,
.inflection-table tr.outer > th.inflection-table-orange,
.inflection-table th.inflection-table-orange.outer {
background-color: #ff6600;
}
.inflection-table-orange tr.darker > td,
.inflection-table-orange td.darker,
.inflection-table tr.inflection-table-orange.darker > td,
.inflection-table tr.inflection-table-orange > td.darker,
.inflection-table tr.darker > td.inflection-table-orange,
.inflection-table td.inflection-table-orange.darker {
background-color: #b34700 !important;
}
.inflection-table-amber.inflection-table-no-title table {
background-color: #fff7e5;
}
.inflection-table-amber tr.secondary > th,
.inflection-table-amber th.secondary,
.inflection-table tr.inflection-table-amber.secondary > th,
.inflection-table tr.inflection-table-amber > th.secondary,
.inflection-table tr.secondary > th.inflection-table-amber,
.inflection-table th.inflection-table-amber.secondary {
background-color: #ffedb3;
}
.inflection-table-amber th,
.inflection-table tr.inflection-table-amber > th,
.inflection-table th.inflection-table-amber {
background-color: #ffd966;
}
.inflection-table-amber tr.outer > th,
.inflection-table-amber th.outer,
.inflection-table tr.inflection-table-amber.outer > th,
.inflection-table tr.inflection-table-amber > th.outer,
.inflection-table tr.outer > th.inflection-table-amber,
.inflection-table th.inflection-table-amber.outer {
background-color: #ffb300;
}
.inflection-table-amber tr.darker > td,
.inflection-table-amber td.darker,
.inflection-table tr.inflection-table-amber.darker > td,
.inflection-table tr.inflection-table-amber > td.darker,
.inflection-table tr.darker > td.inflection-table-amber,
.inflection-table td.inflection-table-amber.darker {
background-color: #b38600 !important;
}
.inflection-table-yellow.inflection-table-no-title table {
background-color: #ffffe5;
}
.inflection-table-yellow tr.secondary > th,
.inflection-table-yellow th.secondary,
.inflection-table tr.inflection-table-yellow.secondary > th,
.inflection-table tr.inflection-table-yellow > th.secondary,
.inflection-table tr.secondary > th.inflection-table-yellow,
.inflection-table th.inflection-table-yellow.secondary {
background-color: #ffffb3;
}
.inflection-table-yellow th,
.inflection-table tr.inflection-table-yellow > th,
.inflection-table th.inflection-table-yellow {
background-color: #ffff66;
}
.inflection-table-yellow tr.outer > th,
.inflection-table-yellow th.outer,
.inflection-table tr.inflection-table-yellow.outer > th,
.inflection-table tr.inflection-table-yellow > th.outer,
.inflection-table tr.outer > th.inflection-table-yellow,
.inflection-table th.inflection-table-yellow.outer {
background-color: #ffeb00;
}
.inflection-table-yellow tr.darker > td,
.inflection-table-yellow td.darker,
.inflection-table tr.inflection-table-yellow.darker > td,
.inflection-table tr.inflection-table-yellow > td.darker,
.inflection-table tr.darker > td.inflection-table-yellow,
.inflection-table td.inflection-table-yellow.darker {
background-color: #b3a300 !important;
}
.inflection-table-lime.inflection-table-no-title table {
background-color: #f7ffe5;
}
.inflection-table-lime tr.secondary > th,
.inflection-table-lime th.secondary,
.inflection-table tr.inflection-table-lime.secondary > th,
.inflection-table tr.inflection-table-lime > th.secondary,
.inflection-table tr.secondary > th.inflection-table-lime,
.inflection-table th.inflection-table-lime.secondary {
background-color: #edffb3;
}
.inflection-table-lime th,
.inflection-table tr.inflection-table-lime > th,
.inflection-table th.inflection-table-lime {
background-color: #d6ff66;
}
.inflection-table-lime tr.outer > th,
.inflection-table-lime th.outer,
.inflection-table tr.inflection-table-lime.outer > th,
.inflection-table tr.inflection-table-lime > th.outer,
.inflection-table tr.outer > th.inflection-table-lime,
.inflection-table th.inflection-table-lime.outer {
background-color: #aaff00;
}
.inflection-table-lime tr.darker > td,
.inflection-table-lime td.darker,
.inflection-table tr.inflection-table-lime.darker > td,
.inflection-table tr.inflection-table-lime > td.darker,
.inflection-table tr.darker > td.inflection-table-lime,
.inflection-table td.inflection-table-lime.darker {
background-color: #7fa300 !important;
}
.inflection-table-green.inflection-table-no-title table {
background-color: #e5ffe5;
}
.inflection-table-green tr.secondary > th,
.inflection-table-green th.secondary,
.inflection-table tr.inflection-table-green.secondary > th,
.inflection-table tr.inflection-table-green > th.secondary,
.inflection-table tr.secondary > th.inflection-table-green,
.inflection-table th.inflection-table-green.secondary {
background-color: #ccffcc;
}
.inflection-table-green th,
.inflection-table tr.inflection-table-green > th,
.inflection-table th.inflection-table-green {
background-color: #99ff99;
}
.inflection-table-green tr.outer > th,
.inflection-table-green th.outer,
.inflection-table tr.inflection-table-green.outer > th,
.inflection-table tr.inflection-table-green > th.outer,
.inflection-table tr.outer > th.inflection-table-green,
.inflection-table th.inflection-table-green.outer {
background-color: #4dff4d;
}
.inflection-table-green tr.darker > td,
.inflection-table-green td.darker,
.inflection-table tr.inflection-table-green.darker > td,
.inflection-table tr.inflection-table-green > td.darker,
.inflection-table tr.darker > td.inflection-table-green,
.inflection-table td.inflection-table-green.darker {
background-color: #007f00 !important;
}
/* --- Teal --- */
.inflection-table-teal.inflection-table-no-title table {
background-color: #e5f7f7;
}
.inflection-table-teal tr.secondary > th,
.inflection-table-teal th.secondary,
.inflection-table tr.inflection-table-teal.secondary > th,
.inflection-table tr.inflection-table-teal > th.secondary,
.inflection-table tr.secondary > th.inflection-table-teal,
.inflection-table th.inflection-table-teal.secondary {
background-color: #ccf0f0;
}
.inflection-table-teal th,
.inflection-table tr.inflection-table-teal > th,
.inflection-table th.inflection-table-teal {
background-color: #99e6e6;
}
.inflection-table-teal tr.outer > th,
.inflection-table-teal th.outer,
.inflection-table tr.inflection-table-teal.outer > th,
.inflection-table tr.inflection-table-teal > th.outer,
.inflection-table tr.outer > th.inflection-table-teal,
.inflection-table th.inflection-table-teal.outer {
background-color: #33cccc;
}
.inflection-table-teal tr.darker > td,
.inflection-table-teal td.darker,
.inflection-table tr.inflection-table-teal.darker > td,
.inflection-table tr.inflection-table-teal > td.darker,
.inflection-table tr.darker > td.inflection-table-teal,
.inflection-table td.inflection-table-teal.darker {
background-color: #007f7f !important;
}
/* --- Cyan --- */
.inflection-table-cyan.inflection-table-no-title table {
background-color: #e5f7ff;
}
.inflection-table-cyan tr.secondary > th,
.inflection-table-cyan th.secondary,
.inflection-table tr.inflection-table-cyan.secondary > th,
.inflection-table tr.inflection-table-cyan > th.secondary,
.inflection-table tr.secondary > th.inflection-table-cyan,
.inflection-table th.inflection-table-cyan.secondary {
background-color: #ccf0ff;
}
.inflection-table-cyan th,
.inflection-table tr.inflection-table-cyan > th,
.inflection-table th.inflection-table-cyan {
background-color: #99e6ff;
}
.inflection-table-cyan tr.outer > th,
.inflection-table-cyan th.outer,
.inflection-table tr.inflection-table-cyan.outer > th,
.inflection-table tr.inflection-table-cyan > th.outer,
.inflection-table tr.outer > th.inflection-table-cyan,
.inflection-table th.inflection-table-cyan.outer {
background-color: #33ccff;
}
.inflection-table-cyan tr.darker > td,
.inflection-table-cyan td.darker,
.inflection-table tr.inflection-table-cyan.darker > td,
.inflection-table tr.inflection-table-cyan > td.darker,
.inflection-table tr.darker > td.inflection-table-cyan,
.inflection-table td.inflection-table-cyan.darker {
background-color: #007fb3 !important;
}
/* --- Blue --- */
.inflection-table-blue.inflection-table-no-title table {
background-color: #e5eaff;
}
.inflection-table-blue tr.secondary > th,
.inflection-table-blue th.secondary,
.inflection-table tr.inflection-table-blue.secondary > th,
.inflection-table tr.inflection-table-blue > th.secondary,
.inflection-table tr.secondary > th.inflection-table-blue,
.inflection-table th.inflection-table-blue.secondary {
background-color: #cce0ff;
}
.inflection-table-blue th,
.inflection-table tr.inflection-table-blue > th,
.inflection-table th.inflection-table-blue {
background-color: #99b3ff;
}
.inflection-table-blue tr.outer > th,
.inflection-table-blue th.outer,
.inflection-table tr.inflection-table-blue.outer > th,
.inflection-table tr.inflection-table-blue > th.outer,
.inflection-table tr.outer > th.inflection-table-blue,
.inflection-table th.inflection-table-blue.outer {
background-color: #3366ff;
}
.inflection-table-blue tr.darker > td,
.inflection-table-blue td.darker,
.inflection-table tr.inflection-table-blue.darker > td,
.inflection-table tr.inflection-table-blue > td.darker,
.inflection-table tr.darker > td.inflection-table-blue,
.inflection-table td.inflection-table-blue.darker {
background-color: #003fb3 !important;
}
/* --- Indigo --- */
.inflection-table-indigo.inflection-table-no-title table {
background-color: #e5e5ff;
}
.inflection-table-indigo tr.secondary > th,
.inflection-table-indigo th.secondary,
.inflection-table tr.inflection-table-indigo.secondary > th,
.inflection-table tr.inflection-table-indigo > th.secondary,
.inflection-table tr.secondary > th.inflection-table-indigo,
.inflection-table th.inflection-table-indigo.secondary {
background-color: #ccccff;
}
.inflection-table-indigo th,
.inflection-table tr.inflection-table-indigo > th,
.inflection-table th.inflection-table-indigo {
background-color: #9999ff;
}
.inflection-table-indigo tr.outer > th,
.inflection-table-indigo th.outer,
.inflection-table tr.inflection-table-indigo.outer > th,
.inflection-table tr.inflection-table-indigo > th.outer,
.inflection-table tr.outer > th.inflection-table-indigo,
.inflection-table th.inflection-table-indigo.outer {
background-color: #4d4dff;
}
.inflection-table-indigo tr.darker > td,
.inflection-table-indigo td.darker,
.inflection-table tr.inflection-table-indigo.darker > td,
.inflection-table tr.inflection-table-indigo > td.darker,
.inflection-table tr.darker > td.inflection-table-indigo,
.inflection-table td.inflection-table-indigo.darker {
background-color: #00007f !important;
}
/* --- Purple --- */
.inflection-table-purple.inflection-table-no-title table {
background-color: #f0e5ff;
}
.inflection-table-purple tr.secondary > th,
.inflection-table-purple th.secondary,
.inflection-table tr.inflection-table-purple.secondary > th,
.inflection-table tr.inflection-table-purple > th.secondary,
.inflection-table tr.secondary > th.inflection-table-purple,
.inflection-table th.inflection-table-purple.secondary {
background-color: #d9ccff;
}
.inflection-table-purple th,
.inflection-table tr.inflection-table-purple > th,
.inflection-table th.inflection-table-purple {
background-color: #b399ff;
}
.inflection-table-purple tr.outer > th,
.inflection-table-purple th.outer,
.inflection-table tr.inflection-table-purple.outer > th,
.inflection-table tr.inflection-table-purple > th.outer,
.inflection-table tr.outer > th.inflection-table-purple,
.inflection-table th.inflection-table-purple.outer {
background-color: #8000ff;
}
.inflection-table-purple tr.darker > td,
.inflection-table-purple td.darker,
.inflection-table tr.inflection-table-purple.darker > td,
.inflection-table tr.inflection-table-purple > td.darker,
.inflection-table tr.darker > td.inflection-table-purple,
.inflection-table td.inflection-table-purple.darker {
background-color: #4d007f !important;
}
/* --- Magenta --- */
.inflection-table-magenta.inflection-table-no-title table {
background-color: #ffe5ff;
}
.inflection-table-magenta tr.secondary > th,
.inflection-table-magenta th.secondary,
.inflection-table tr.inflection-table-magenta.secondary > th,
.inflection-table tr.inflection-table-magenta > th.secondary,
.inflection-table tr.secondary > th.inflection-table-magenta,
.inflection-table th.inflection-table-magenta.secondary {
background-color: #ffccff;
}
.inflection-table-magenta th,
.inflection-table tr.inflection-table-magenta > th,
.inflection-table th.inflection-table-magenta {
background-color: #ff99ff;
}
.inflection-table-magenta tr.outer > th,
.inflection-table-magenta th.outer,
.inflection-table tr.inflection-table-magenta.outer > th,
.inflection-table tr.inflection-table-magenta > th.outer,
.inflection-table tr.outer > th.inflection-table-magenta,
.inflection-table th.inflection-table-magenta.outer {
background-color: #ff4dff;
}
.inflection-table-magenta tr.darker > td,
.inflection-table-magenta td.darker,
.inflection-table tr.inflection-table-magenta.darker > td,
.inflection-table tr.inflection-table-magenta > td.darker,
.inflection-table tr.darker > td.inflection-table-magenta,
.inflection-table td.inflection-table-magenta.darker {
background-color: #b3007f !important;
}
/* --- Rose --- */
.inflection-table-rose.inflection-table-no-title table {
background-color: #ffe5f0;
}
.inflection-table-rose tr.secondary > th,
.inflection-table-rose th.secondary,
.inflection-table tr.inflection-table-rose.secondary > th,
.inflection-table tr.inflection-table-rose > th.secondary,
.inflection-table tr.secondary > th.inflection-table-rose,
.inflection-table th.inflection-table-rose.secondary {
background-color: #ffccdd;
}
.inflection-table-rose th,
.inflection-table tr.inflection-table-rose > th,
.inflection-table th.inflection-table-rose {
background-color: #ff99bb;
}
.inflection-table-rose tr.outer > th,
.inflection-table-rose th.outer,
.inflection-table tr.inflection-table-rose.outer > th,
.inflection-table tr.inflection-table-rose > th.outer,
.inflection-table tr.outer > th.inflection-table-rose,
.inflection-table th.inflection-table-rose.outer {
background-color: #ff3399;
}
.inflection-table-rose tr.darker > td,
.inflection-table-rose td.darker,
.inflection-table tr.inflection-table-rose.darker > td,
.inflection-table tr.inflection-table-rose > td.darker,
.inflection-table tr.darker > td.inflection-table-rose,
.inflection-table td.inflection-table-rose.darker {
background-color: #b30066 !important;
}
/* --- Grey --- */
.inflection-table-grey.inflection-table-no-title table {
background-color: #f2f2f2;
}
.inflection-table-grey tr.secondary > th,
.inflection-table-grey th.secondary,
.inflection-table tr.inflection-table-grey.secondary > th,
.inflection-table tr.inflection-table-grey > th.secondary,
.inflection-table tr.secondary > th.inflection-table-grey,
.inflection-table th.inflection-table-grey.secondary {
background-color: #d9d9d9;
}
.inflection-table-grey th,
.inflection-table tr.inflection-table-grey > th,
.inflection-table th.inflection-table-grey {
background-color: #b3b3b3;
}
.inflection-table-grey tr.outer > th,
.inflection-table-grey th.outer,
.inflection-table tr.inflection-table-grey.outer > th,
.inflection-table tr.inflection-table-grey > th.outer,
.inflection-table tr.outer > th.inflection-table-grey,
.inflection-table th.inflection-table-grey.outer {
background-color: #666666;
}
.inflection-table-grey tr.darker > td,
.inflection-table-grey td.darker,
.inflection-table tr.inflection-table-grey.darker > td,
.inflection-table tr.inflection-table-grey > td.darker,
.inflection-table tr.darker > td.inflection-table-grey,
.inflection-table td.inflection-table-grey.darker {
background-color: #333333 !important;
}
/* --- Brown --- */
.inflection-table-brown.inflection-table-no-title table {
background-color: #f2e5dd;
}
.inflection-table-brown tr.secondary > th,
.inflection-table-brown th.secondary,
.inflection-table tr.inflection-table-brown.secondary > th,
.inflection-table tr.inflection-table-brown > th.secondary,
.inflection-table tr.secondary > th.inflection-table-brown,
.inflection-table th.inflection-table-brown.secondary {
background-color: #e6ccb3;
}
.inflection-table-brown th,
.inflection-table tr.inflection-table-brown > th,
.inflection-table th.inflection-table-brown {
background-color: #cc9966;
}
.inflection-table-brown tr.outer > th,
.inflection-table-brown th.outer,
.inflection-table tr.inflection-table-brown.outer > th,
.inflection-table tr.inflection-table-brown > th.outer,
.inflection-table tr.outer > th.inflection-table-brown,
.inflection-table th.inflection-table-brown.outer {
background-color: #804d1a;
}
.inflection-table-brown tr.darker > td,
.inflection-table-brown td.darker,
.inflection-table tr.inflection-table-brown.darker > td,
.inflection-table tr.inflection-table-brown > td.darker,
.inflection-table tr.darker > td.inflection-table-brown,
.inflection-table td.inflection-table-brown.darker {
background-color: #4d2600 !important;
}