Template:Inflection-table-top/style.css: Difference between revisions

Jump to navigation Jump to search

Template:Inflection-table-top/style.css (view source)

Revision as of 14:11, 26 November 2025

2,706 bytes added ,  26 November 2025
Undo revision 479005 by Sware (talk)
No edit summary
(Undo revision 479005 by Sware (talk))
 
Line 11: Line 11:
padding: 3px;
padding: 3px;
margin: 0.5em 0; /* matches styling for <p> elements in Vector classic */
margin: 0.5em 0; /* matches styling for <p> elements in Vector classic */
background: #f8f9fa; /* standard MediaWiki table background colour */
background: #f8f9fa; /* standard MediaWiki table background colour. Note this color also appears a few other times in this file - search for BGC */
border: 1px solid #9e9e9e;
border: 1px solid #9e9e9e;
     position: relative; /* needed for NavToggle styles */
     position: relative; /* needed for NavToggle styles */
/* SHOULD BE width: fit-content, BUT THE CSS SANITIZER DOESN'T LIKE IT.. */
max-width: 100%;
max-width: 100%;
box-sizing: border-box;
box-sizing: border-box;
Line 29: Line 30:


.inflection-table-wrapper > table {
.inflection-table-wrapper > table {
display: table;
display: table; /* override Minerva styles */
width: 100%;
width: 100%; /* of containing div - needed when the notes are wider than the table itself */
margin: 0;
margin: 0; /* override Minerva styles */
text-align: center;
text-align: center;
border-collapse: collapse;
border-collapse: collapse;
Line 39: Line 40:


.inflection-table-wrapper > table > caption {
.inflection-table-wrapper > table > caption {
display: table-caption;
display: table-caption; /* override Minerva styles */
background: #f8f9fa;
background: #f8f9fa; /* BGC - Minerva resets this, so we have to set it back again */
text-align: left;
text-align: left;
font-size: 95%;
font-size: 95%;
Line 62: Line 63:
}
}


/* very-narrow class for use on tables of unusually short words (e.g. pronouns) */
/* note, this rule needs to have higher specificity than the previous rule, so even
  though the :not selectors are unnecessary styling-wise, we need to keep them */
.inflection-table-wrapper.very-narrow > table > tbody > tr > td:not(.secondary):not(.separator) {
.inflection-table-wrapper.very-narrow > table > tbody > tr > td:not(.secondary):not(.separator) {
min-width: auto;
min-width: auto;
Line 80: Line 84:
}
}


/* separator cells, or blank cells: see [[Template:la-adecl]] and [[Template:ga-decl-noun]] */
.inflection-table-wrapper .separator {
.inflection-table-wrapper .separator {
height: 0.5em;
height: 0.5em;
Line 86: Line 91:
min-width: 0.5em;
min-width: 0.5em;
padding: 0;
padding: 0;
background: #f8f9fa;
background: #f8f9fa; /* BGC */
}
}
.inflection-table-wrapper .separator[rowspan] {
.inflection-table-wrapper .separator[rowspan] { /* vertical separator */
border-top: 1px solid #f8f9fa;
border-top: 1px solid #f8f9fa; /* BGC */
border-bottom: 1px solid #f8f9fa;
border-bottom: 1px solid #f8f9fa; /* BGC */
}
}
.inflection-table-wrapper .separator[colspan] {
.inflection-table-wrapper .separator[colspan] { /* horizontal separator */
border-left: 1px solid #f8f9fa;
border-left: 1px solid #f8f9fa; /* BGC */
border-right: 1px solid #f8f9fa;
border-right: 1px solid #f8f9fa; /* BGC */
}
}


/* blank cell at end of row: see [[Template:sco-conj-be]] */
.inflection-table-wrapper .blank-end-row {
.inflection-table-wrapper .blank-end-row {
background: #f8f9fa;
background: #f8f9fa; /* BGC */
border-right: 1px solid #f8f9fa;
border-right: 1px solid #f8f9fa; /* BGC */
border-top: 1px solid #f8f9fa;
border-top: 1px solid #f8f9fa; /* BGC */
border-bottom: 1px solid #f8f9fa;
border-bottom: 1px solid #f8f9fa; /* BGC */
}
}
/* Notes at foot of table */


.inflection-table-notes {
.inflection-table-notes {
text-align: left;
text-align: left; /* undo centering in inflection boxes */
margin: 0.2em 0.5em 0.2em;
margin: 0.2em 0.5em 0.2em;
}
}
Line 116: Line 124:
font-size: 90%;
font-size: 90%;
}
}
/* Collapsibility */


html.client-js .inflection-table-collapsed > table,
html.client-js .inflection-table-collapsed > table,
Line 124: Line 134:


html.client-js .inflection-table-collapsed > table > tbody {
html.client-js .inflection-table-collapsed > table > tbody {
visibility: collapse;
visibility: collapse; /* the perfect solution for this use case, but is not implemented in some browsers (Safari - the new IE) */
}
}


html.client-js .inflection-table-collapsed > table > caption {
html.client-js .inflection-table-collapsed > table > caption {
margin-bottom: -0.15em;
margin-bottom: -0.15em; /* reduce excessive height of collapsed box - not entirely sure where this height originates from, so this is a hack */
}
}


html.client-js .inflection-table-collapsed .inflection-table-notes {
html.client-js .inflection-table-collapsed .inflection-table-notes {
display: none;
display: none; /* collapse notes */
}
}


/* workaround for browsers that do not support visibility: collapse. The .no-vc class is removed by JS code when not needed */
html.client-js .inflection-table-collapsible.no-vc.inflection-table-collapsed {
html.client-js .inflection-table-collapsible.no-vc.inflection-table-collapsed {
max-height: calc(1.5em + 8px);
max-height: calc(1.5em + 8px); /* almost 1lh (= 1.6em) + padding and border on .inflection-table-wrapper */
overflow: hidden;
overflow: hidden;
}
}
Line 143: Line 154:
}
}
html.client-js .inflection-table-collapsible.no-vc > table > caption {
html.client-js .inflection-table-collapsible.no-vc > table > caption {
white-space: nowrap;
white-space: nowrap; /* if there was ever more than one line of text, it would get occluded by the <div>'s max-height */
}
}
.no-vc-spacer {
.no-vc-spacer {
Line 149: Line 160:
width: 4em;
width: 4em;
}
}
 
/* make sure [hide] link doesn't scroll away when table is uncollapsed */
.inflection-table-wrapper .NavToggle {
.inflection-table-wrapper .NavToggle {
position: sticky;
position: sticky;
     right: 0.5em;
     right: 0.5em; /* matches padding on <caption> */
     background: inherit;
     background: inherit;
}
}
/* Single border display style - EXPERIMENTAL! */


.inflection-table-wrapper.single-border {
.inflection-table-wrapper.single-border {
Line 175: Line 189:
}
}


@media all and (max-width: 639px) {
/* Mobile styling */
 
@media all and (max-width: 639px) { /* matches calc(640px - 1px) in Minerva CSS */
     .inflection-table-wrapper {
     .inflection-table-wrapper {
         overflow: auto;
         overflow: auto;
         max-width: 100%;
         max-width: 100%;
         width: auto !important;
         width: auto !important; /* override inline style that is being used to avoid a CSS sanitiser bug/lacuna - has to have !important to allow this */
     }
     }
 
   
    /* fix for collapsed tables */
.inflection-table-collapsed tbody {
.inflection-table-collapsed tbody {
display: none;
display: none;
}
}
 
/* make sure [hide] link doesn't scroll away when table is uncollapsed */
.inflection-table-wrapper .NavToggle {
.inflection-table-wrapper .NavToggle {
position: sticky;
position: sticky;
    right: 0.5em;
    right: 0.5em; /* matches padding on <caption> */
    background: inherit;
    background: inherit;
}
}
 
/* when there is a single column of header cells down the left, "stick" this column in place */
.inflection-table-wrapper.sticky-left-column > table > tbody > tr > th:first-child {
.inflection-table-wrapper.sticky-left-column > table > tbody > tr > th:first-child {
position: sticky;
position: sticky;
left: -4px;
left: -4px; /* counteract 3px padding on .inflection-table-wrapper + 1px border on table */
max-width: 35vw;
max-width: 35vw; /* limit these cells to 35% of screen width */
}
}
.inflection-table-wrapper.inflection-table-no-title.sticky-left-column > table > tbody > tr > th:first-child {
.inflection-table-wrapper.inflection-table-no-title.sticky-left-column > table > tbody > tr > th:first-child {
left: -1px;
left: -1px; /* counteract 1px border on table */
}
}
}
}
/* Place transliterations in a paler colour on their own line */


.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.tr {
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.tr {
color: #6b6b6b;
color: #54595d; /* TODO this is just slightly below AAA contrast when used on a -0 coloured background */
}
}
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.tr:before {
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.tr:before {
content: "\a";
content: "\a"; /* newline */
white-space: pre;
white-space: pre;
}
}
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.mention-gloss-paren {
.inflection-table-wrapper:not(.tr-alongside) table > tbody td span.mention-gloss-paren {
display: none;
display: none; /* hide parens surrounding translit */
}
}
/* Inflection boxes - multiple tables inside one box */


.inflection-box > table {
.inflection-box > table {
Line 230: Line 253:
}
}


/* overqualified on purpose to increase specificity */
.inflection-box .inflection-table-wrapper > table.inflection-table {
.inflection-box .inflection-table-wrapper > table.inflection-table {
background: #ffffff;
background: #ffffff; /* override no-title palette rules below */
}
}


.inflection-box.flow-vertical .inflection-table-wrapper {
.inflection-box.flow-vertical .inflection-table-wrapper {
display: block;
display: block;
width: auto !important;
width: auto !important; /* override inline style that is being used to avoid a CSS sanitiser bug/lacuna - has to have !important to allow this */
}
}


.inflection-box.flow-vertical .inflection-table-wrapper + .inflection-table-wrapper {
.inflection-box.flow-vertical .inflection-table-wrapper + .inflection-table-wrapper {
margin-top: 0.5em;
margin-top: 0.5em; /* mimic a .separator row between adjacent tables */
}
}


Line 289: Line 313:




.inflection-table-red.inflection-table-no-title table {
.inflection-table-red.inflection-table-no-title table {
    background-color: #ffe5e5;
  background-color: #fef9f9; /* when no title, provide a colour that gently contrasts with the page background */
}
}
.inflection-table-red tr.secondary > th,
.inflection-table-red tr.secondary > th,
Line 298: Line 322:
.inflection-table tr.secondary > th.inflection-table-red,
.inflection-table tr.secondary > th.inflection-table-red,
.inflection-table th.inflection-table-red.secondary {
.inflection-table th.inflection-table-red.secondary {
    background-color: #ffcccc;
  background-color: #fdeef0;
}
}
.inflection-table-red th,
.inflection-table-red th,
.inflection-table tr.inflection-table-red > th,
.inflection-table tr.inflection-table-red > th,
.inflection-table th.inflection-table-red {
.inflection-table th.inflection-table-red {
    background-color: #ff9999;
  background-color: #fce4e6;
}
}
.inflection-table-red tr.outer > th,
.inflection-table-red tr.outer > th,
Line 311: Line 335:
.inflection-table tr.outer > th.inflection-table-red,
.inflection-table tr.outer > th.inflection-table-red,
.inflection-table th.inflection-table-red.outer {
.inflection-table th.inflection-table-red.outer {
    background-color: #ff4d4d;
  background-color: #f7c2c6;
}
}
.inflection-table-red tr.darker > td,
.inflection-table-red tr.darker > td,
Line 319: Line 343:
.inflection-table tr.darker > td.inflection-table-red,
.inflection-table tr.darker > td.inflection-table-red,
.inflection-table td.inflection-table-red.darker {
.inflection-table td.inflection-table-red.darker {
    background-color: #b30000 !important;
  background-color: #fbeff0 !important;
}
}
.inflection-table-scarlet.inflection-table-no-title table {
.inflection-table-scarlet.inflection-table-no-title table {
    background-color: #ffe6e6;
  background-color: #fef9f7;
}
}
.inflection-table-scarlet tr.secondary > th,
.inflection-table-scarlet tr.secondary > th,
Line 331: Line 354:
.inflection-table tr.secondary > th.inflection-table-scarlet,
.inflection-table tr.secondary > th.inflection-table-scarlet,
.inflection-table th.inflection-table-scarlet.secondary {
.inflection-table th.inflection-table-scarlet.secondary {
    background-color: #ffcccc;
  background-color: #fcefeb;
}
}
.inflection-table-scarlet th,
.inflection-table-scarlet th,
.inflection-table tr.inflection-table-scarlet > th,
.inflection-table tr.inflection-table-scarlet > th,
.inflection-table th.inflection-table-scarlet {
.inflection-table th.inflection-table-scarlet {
    background-color: #ff9999;
  background-color: #fae5de;
}
}
.inflection-table-scarlet tr.outer > th,
.inflection-table-scarlet tr.outer > th,
Line 344: Line 367:
.inflection-table tr.outer > th.inflection-table-scarlet,
.inflection-table tr.outer > th.inflection-table-scarlet,
.inflection-table th.inflection-table-scarlet.outer {
.inflection-table th.inflection-table-scarlet.outer {
    background-color: #ff4d4d;
  background-color: #f4c4b5;
}
}
.inflection-table-scarlet tr.darker > td,
.inflection-table-scarlet tr.darker > td,
Line 352: Line 375:
.inflection-table tr.darker > td.inflection-table-scarlet,
.inflection-table tr.darker > td.inflection-table-scarlet,
.inflection-table td.inflection-table-scarlet.darker {
.inflection-table td.inflection-table-scarlet.darker {
    background-color: #b30000 !important;
  background-color: #faf0ec !important;
}
}
.inflection-table-orange.inflection-table-no-title table {
.inflection-table-orange.inflection-table-no-title table {
    background-color: #fff2e5;
  background-color: #fdfaf5;
}
}
.inflection-table-orange tr.secondary > th,
.inflection-table-orange tr.secondary > th,
Line 364: Line 386:
.inflection-table tr.secondary > th.inflection-table-orange,
.inflection-table tr.secondary > th.inflection-table-orange,
.inflection-table th.inflection-table-orange.secondary {
.inflection-table th.inflection-table-orange.secondary {
    background-color: #ffd9b3;
  background-color: #fbf0e4;
}
}
.inflection-table-orange th,
.inflection-table-orange th,
.inflection-table tr.inflection-table-orange > th,
.inflection-table tr.inflection-table-orange > th,
.inflection-table th.inflection-table-orange {
.inflection-table th.inflection-table-orange {
    background-color: #ffb366;
  background-color: #f8e7d4;
}
}
.inflection-table-orange tr.outer > th,
.inflection-table-orange tr.outer > th,
Line 377: Line 399:
.inflection-table tr.outer > th.inflection-table-orange,
.inflection-table tr.outer > th.inflection-table-orange,
.inflection-table th.inflection-table-orange.outer {
.inflection-table th.inflection-table-orange.outer {
    background-color: #ff6600;
  background-color: #f0c89e;
}
}
.inflection-table-orange tr.darker > td,
.inflection-table-orange tr.darker > td,
Line 385: Line 407:
.inflection-table tr.darker > td.inflection-table-orange,
.inflection-table tr.darker > td.inflection-table-orange,
.inflection-table td.inflection-table-orange.darker {
.inflection-table td.inflection-table-orange.darker {
    background-color: #b34700 !important;
  background-color: #f9f0e8 !important;
}
}
.inflection-table-amber.inflection-table-no-title table {
.inflection-table-amber.inflection-table-no-title table {
    background-color: #fff7e5;
  background-color: #fdfaf3;
}
}
.inflection-table-amber tr.secondary > th,
.inflection-table-amber tr.secondary > th,
Line 397: Line 418:
.inflection-table tr.secondary > th.inflection-table-amber,
.inflection-table tr.secondary > th.inflection-table-amber,
.inflection-table th.inflection-table-amber.secondary {
.inflection-table th.inflection-table-amber.secondary {
    background-color: #ffedb3;
  background-color: #f9f1df;
}
}
.inflection-table-amber th,
.inflection-table-amber th,
.inflection-table tr.inflection-table-amber > th,
.inflection-table tr.inflection-table-amber > th,
.inflection-table th.inflection-table-amber {
.inflection-table th.inflection-table-amber {
    background-color: #ffd966;
  background-color: #f5e8cc;
}
}
.inflection-table-amber tr.outer > th,
.inflection-table-amber tr.outer > th,
Line 410: Line 431:
.inflection-table tr.outer > th.inflection-table-amber,
.inflection-table tr.outer > th.inflection-table-amber,
.inflection-table th.inflection-table-amber.outer {
.inflection-table th.inflection-table-amber.outer {
    background-color: #ffb300;
  background-color: #e8cc8f;
}
}
.inflection-table-amber tr.darker > td,
.inflection-table-amber tr.darker > td,
Line 418: Line 439:
.inflection-table tr.darker > td.inflection-table-amber,
.inflection-table tr.darker > td.inflection-table-amber,
.inflection-table td.inflection-table-amber.darker {
.inflection-table td.inflection-table-amber.darker {
    background-color: #b38600 !important;
  background-color: #f7f1e6 !important;
}
}
.inflection-table-yellow.inflection-table-no-title table {
.inflection-table-yellow.inflection-table-no-title table {
    background-color: #ffffe5;
  background-color: #fbfbf4;
}
}
.inflection-table-yellow tr.secondary > th,
.inflection-table-yellow tr.secondary > th,
Line 430: Line 450:
.inflection-table tr.secondary > th.inflection-table-yellow,
.inflection-table tr.secondary > th.inflection-table-yellow,
.inflection-table th.inflection-table-yellow.secondary {
.inflection-table th.inflection-table-yellow.secondary {
    background-color: #ffffb3;
  background-color: #f5f2e0;
}
}
.inflection-table-yellow th,
.inflection-table-yellow th,
.inflection-table tr.inflection-table-yellow > th,
.inflection-table tr.inflection-table-yellow > th,
.inflection-table th.inflection-table-yellow {
.inflection-table th.inflection-table-yellow {
    background-color: #ffff66;
  background-color: #eeeacc;
}
}
.inflection-table-yellow tr.outer > th,
.inflection-table-yellow tr.outer > th,
Line 443: Line 463:
.inflection-table tr.outer > th.inflection-table-yellow,
.inflection-table tr.outer > th.inflection-table-yellow,
.inflection-table th.inflection-table-yellow.outer {
.inflection-table th.inflection-table-yellow.outer {
    background-color: #ffeb00;
  background-color: #dbd191;
}
}
.inflection-table-yellow tr.darker > td,
.inflection-table-yellow tr.darker > td,
Line 451: Line 471:
.inflection-table tr.darker > td.inflection-table-yellow,
.inflection-table tr.darker > td.inflection-table-yellow,
.inflection-table td.inflection-table-yellow.darker {
.inflection-table td.inflection-table-yellow.darker {
    background-color: #b3a300 !important;
  background-color: #f3f2e7 !important;
}
}
.inflection-table-lime.inflection-table-no-title table {
.inflection-table-lime.inflection-table-no-title table {
    background-color: #f7ffe5;
  background-color: #f9fbf3;
}
}
.inflection-table-lime tr.secondary > th,
.inflection-table-lime tr.secondary > th,
Line 463: Line 482:
.inflection-table tr.secondary > th.inflection-table-lime,
.inflection-table tr.secondary > th.inflection-table-lime,
.inflection-table th.inflection-table-lime.secondary {
.inflection-table th.inflection-table-lime.secondary {
    background-color: #edffb3;
  background-color: #eff4e1;
}
}
.inflection-table-lime th,
.inflection-table-lime th,
.inflection-table tr.inflection-table-lime > th,
.inflection-table tr.inflection-table-lime > th,
.inflection-table th.inflection-table-lime {
.inflection-table th.inflection-table-lime {
    background-color: #d6ff66;
  background-color: #e5edce;
}
}
.inflection-table-lime tr.outer > th,
.inflection-table-lime tr.outer > th,
Line 476: Line 495:
.inflection-table tr.outer > th.inflection-table-lime,
.inflection-table tr.outer > th.inflection-table-lime,
.inflection-table th.inflection-table-lime.outer {
.inflection-table th.inflection-table-lime.outer {
    background-color: #aaff00;
  background-color: #cad3ae;
}
}
.inflection-table-lime tr.darker > td,
.inflection-table-lime tr.darker > td,
Line 484: Line 503:
.inflection-table tr.darker > td.inflection-table-lime,
.inflection-table tr.darker > td.inflection-table-lime,
.inflection-table td.inflection-table-lime.darker {
.inflection-table td.inflection-table-lime.darker {
    background-color: #7fa300 !important;
  background-color: #f0f3e8 !important;
}
}
.inflection-table-green.inflection-table-no-title table {
.inflection-table-green.inflection-table-no-title table {
    background-color: #e5ffe5;
  background-color: #f8fbf5;
}
}
.inflection-table-green tr.secondary > th,
.inflection-table-green tr.secondary > th,
Line 496: Line 514:
.inflection-table tr.secondary > th.inflection-table-green,
.inflection-table tr.secondary > th.inflection-table-green,
.inflection-table th.inflection-table-green.secondary {
.inflection-table th.inflection-table-green.secondary {
    background-color: #ccffcc;
  background-color: #eaf5e4;
}
}
.inflection-table-green th,
.inflection-table-green th,
.inflection-table tr.inflection-table-green > th,
.inflection-table tr.inflection-table-green > th,
.inflection-table th.inflection-table-green {
.inflection-table th.inflection-table-green {
    background-color: #99ff99;
  background-color: #ddefd3;
}
}
.inflection-table-green tr.outer > th,
.inflection-table-green tr.outer > th,
Line 509: Line 527:
.inflection-table tr.outer > th.inflection-table-green,
.inflection-table tr.outer > th.inflection-table-green,
.inflection-table th.inflection-table-green.outer {
.inflection-table th.inflection-table-green.outer {
    background-color: #4dff4d;
  background-color: #b3da9d;
}
}
.inflection-table-green tr.darker > td,
.inflection-table-green tr.darker > td,
Line 517: Line 535:
.inflection-table tr.darker > td.inflection-table-green,
.inflection-table tr.darker > td.inflection-table-green,
.inflection-table td.inflection-table-green.darker {
.inflection-table td.inflection-table-green.darker {
    background-color: #007f00 !important;
  background-color: #acca9d !important;
}
}
/* --- Teal --- */
.inflection-table-teal.inflection-table-no-title table {
.inflection-table-teal.inflection-table-no-title table {
    background-color: #e5f7f7;
  background-color: #f6fcf9;
}
}
.inflection-table-teal tr.secondary > th,
.inflection-table-teal tr.secondary > th,
Line 530: Line 546:
.inflection-table tr.secondary > th.inflection-table-teal,
.inflection-table tr.secondary > th.inflection-table-teal,
.inflection-table th.inflection-table-teal.secondary {
.inflection-table th.inflection-table-teal.secondary {
    background-color: #ccf0f0;
  background-color: #e5f6ee;
}
}
.inflection-table-teal th,
.inflection-table-teal th,
.inflection-table tr.inflection-table-teal > th,
.inflection-table tr.inflection-table-teal > th,
.inflection-table th.inflection-table-teal {
.inflection-table th.inflection-table-teal {
    background-color: #99e6e6;
  background-color: #d5efe3;
}
}
.inflection-table-teal tr.outer > th,
.inflection-table-teal tr.outer > th,
Line 543: Line 559:
.inflection-table tr.outer > th.inflection-table-teal,
.inflection-table tr.outer > th.inflection-table-teal,
.inflection-table th.inflection-table-teal.outer {
.inflection-table th.inflection-table-teal.outer {
    background-color: #33cccc;
  background-color: #9fdcc0;
}
}
.inflection-table-teal tr.darker > td,
.inflection-table-teal tr.darker > td,
Line 551: Line 567:
.inflection-table tr.darker > td.inflection-table-teal,
.inflection-table tr.darker > td.inflection-table-teal,
.inflection-table td.inflection-table-teal.darker {
.inflection-table td.inflection-table-teal.darker {
    background-color: #007f7f !important;
  background-color: #eaf4ef !important;
}
}


/* --- Cyan --- */
.inflection-table-cyan.inflection-table-no-title table {
.inflection-table-cyan.inflection-table-no-title table {
    background-color: #e5f7ff;
  background-color: #f6fbfc; /* when no title, provide a colour that gently contrasts with the page background */
}
}
.inflection-table-cyan tr.secondary > th,
.inflection-table-cyan tr.secondary > th,
Line 564: Line 579:
.inflection-table tr.secondary > th.inflection-table-cyan,
.inflection-table tr.secondary > th.inflection-table-cyan,
.inflection-table th.inflection-table-cyan.secondary {
.inflection-table th.inflection-table-cyan.secondary {
    background-color: #ccf0ff;
  background-color: #e7f4f7;
}
}
.inflection-table-cyan th,
.inflection-table-cyan th,
.inflection-table tr.inflection-table-cyan > th,
.inflection-table tr.inflection-table-cyan > th,
.inflection-table th.inflection-table-cyan {
.inflection-table th.inflection-table-cyan {
    background-color: #99e6ff;
  background-color: #d7edf1;
}
}
.inflection-table-cyan tr.outer > th,
.inflection-table-cyan tr.outer > th,
Line 577: Line 592:
.inflection-table tr.outer > th.inflection-table-cyan,
.inflection-table tr.outer > th.inflection-table-cyan,
.inflection-table th.inflection-table-cyan.outer {
.inflection-table th.inflection-table-cyan.outer {
    background-color: #33ccff;
  background-color: #a6d7e0;
}
}
.inflection-table-cyan tr.darker > td,
.inflection-table-cyan tr.darker > td,
Line 585: Line 600:
.inflection-table tr.darker > td.inflection-table-cyan,
.inflection-table tr.darker > td.inflection-table-cyan,
.inflection-table td.inflection-table-cyan.darker {
.inflection-table td.inflection-table-cyan.darker {
    background-color: #007fb3 !important;
  background-color: #ebf3f5 !important;
}
}
/* --- Blue --- */
.inflection-table-blue.inflection-table-no-title table {
.inflection-table-blue.inflection-table-no-title table {
    background-color: #e5eaff;
  background-color: #f8fafe;
}
}
.inflection-table-blue tr.secondary > th,
.inflection-table-blue tr.secondary > th,
Line 598: Line 611:
.inflection-table tr.secondary > th.inflection-table-blue,
.inflection-table tr.secondary > th.inflection-table-blue,
.inflection-table th.inflection-table-blue.secondary {
.inflection-table th.inflection-table-blue.secondary {
    background-color: #cce0ff;
  background-color: #ecf2fe;
}
}
.inflection-table-blue th,
.inflection-table-blue th,
.inflection-table tr.inflection-table-blue > th,
.inflection-table tr.inflection-table-blue > th,
.inflection-table th.inflection-table-blue {
.inflection-table th.inflection-table-blue {
    background-color: #99b3ff;
  background-color: #e0eafd;
}
}
.inflection-table-blue tr.outer > th,
.inflection-table-blue tr.outer > th,
Line 611: Line 624:
.inflection-table tr.outer > th.inflection-table-blue,
.inflection-table tr.outer > th.inflection-table-blue,
.inflection-table th.inflection-table-blue.outer {
.inflection-table th.inflection-table-blue.outer {
    background-color: #3366ff;
  background-color: #bbd0fa;
}
}
.inflection-table-blue tr.darker > td,
.inflection-table-blue tr.darker > td,
Line 619: Line 632:
.inflection-table tr.darker > td.inflection-table-blue,
.inflection-table tr.darker > td.inflection-table-blue,
.inflection-table td.inflection-table-blue.darker {
.inflection-table td.inflection-table-blue.darker {
    background-color: #003fb3 !important;
  background-color: #ecf2fc !important;
}
}
/* --- Indigo --- */
.inflection-table-indigo.inflection-table-no-title table {
.inflection-table-indigo.inflection-table-no-title table {
    background-color: #e5e5ff;
  background-color: #fafafe;
}
}
.inflection-table-indigo tr.secondary > th,
.inflection-table-indigo tr.secondary > th,
Line 632: Line 643:
.inflection-table tr.secondary > th.inflection-table-indigo,
.inflection-table tr.secondary > th.inflection-table-indigo,
.inflection-table th.inflection-table-indigo.secondary {
.inflection-table th.inflection-table-indigo.secondary {
    background-color: #ccccff;
  background-color: #f1f1fd;
}
}
.inflection-table-indigo th,
.inflection-table-indigo th,
.inflection-table tr.inflection-table-indigo > th,
.inflection-table tr.inflection-table-indigo > th,
.inflection-table th.inflection-table-indigo {
.inflection-table th.inflection-table-indigo {
    background-color: #9999ff;
  background-color: #e9e7fc;
}
}
.inflection-table-indigo tr.outer > th,
.inflection-table-indigo tr.outer > th,
Line 645: Line 656:
.inflection-table tr.outer > th.inflection-table-indigo,
.inflection-table tr.outer > th.inflection-table-indigo,
.inflection-table th.inflection-table-indigo.outer {
.inflection-table th.inflection-table-indigo.outer {
    background-color: #4d4dff;
  background-color: #cecbf8;
}
}
.inflection-table-indigo tr.darker > td,
.inflection-table-indigo tr.darker > td,
Line 653: Line 664:
.inflection-table tr.darker > td.inflection-table-indigo,
.inflection-table tr.darker > td.inflection-table-indigo,
.inflection-table td.inflection-table-indigo.darker {
.inflection-table td.inflection-table-indigo.darker {
    background-color: #00007f !important;
  background-color: #f1f1fb !important;
}
}
/* --- Purple --- */
.inflection-table-purple.inflection-table-no-title table {
.inflection-table-purple.inflection-table-no-title table {
    background-color: #f0e5ff;
  background-color: #fcfafe;
}
}
.inflection-table-purple tr.secondary > th,
.inflection-table-purple tr.secondary > th,
Line 666: Line 675:
.inflection-table tr.secondary > th.inflection-table-purple,
.inflection-table tr.secondary > th.inflection-table-purple,
.inflection-table th.inflection-table-purple.secondary {
.inflection-table th.inflection-table-purple.secondary {
    background-color: #d9ccff;
  background-color: #f5f0fd;
}
}
.inflection-table-purple th,
.inflection-table-purple th,
.inflection-table tr.inflection-table-purple > th,
.inflection-table tr.inflection-table-purple > th,
.inflection-table th.inflection-table-purple {
.inflection-table th.inflection-table-purple {
    background-color: #b399ff;
  background-color: #efe6fc;
}
}
.inflection-table-purple tr.outer > th,
.inflection-table-purple tr.outer > th,
Line 679: Line 688:
.inflection-table tr.outer > th.inflection-table-purple,
.inflection-table tr.outer > th.inflection-table-purple,
.inflection-table th.inflection-table-purple.outer {
.inflection-table th.inflection-table-purple.outer {
    background-color: #8000ff;
  background-color: #dbc6f8;
}
}
.inflection-table-purple tr.darker > td,
.inflection-table-purple tr.darker > td,
Line 687: Line 696:
.inflection-table tr.darker > td.inflection-table-purple,
.inflection-table tr.darker > td.inflection-table-purple,
.inflection-table td.inflection-table-purple.darker {
.inflection-table td.inflection-table-purple.darker {
    background-color: #4d007f !important;
  background-color: #eee6fa !important;
}
}
/* --- Magenta --- */
.inflection-table-magenta.inflection-table-no-title table {
.inflection-table-magenta.inflection-table-no-title table {
    background-color: #ffe5ff;
  background-color: #fcf9fe;
}
}
.inflection-table-magenta tr.secondary > th,
.inflection-table-magenta tr.secondary > th,
Line 700: Line 707:
.inflection-table tr.secondary > th.inflection-table-magenta,
.inflection-table tr.secondary > th.inflection-table-magenta,
.inflection-table th.inflection-table-magenta.secondary {
.inflection-table th.inflection-table-magenta.secondary {
    background-color: #ffccff;
  background-color: #f7effc;
}
}
.inflection-table-magenta th,
.inflection-table-magenta th,
.inflection-table tr.inflection-table-magenta > th,
.inflection-table tr.inflection-table-magenta > th,
.inflection-table th.inflection-table-magenta {
.inflection-table th.inflection-table-magenta {
    background-color: #ff99ff;
  background-color: #f3e4fa;
}
}
.inflection-table-magenta tr.outer > th,
.inflection-table-magenta tr.outer > th,
Line 713: Line 720:
.inflection-table tr.outer > th.inflection-table-magenta,
.inflection-table tr.outer > th.inflection-table-magenta,
.inflection-table th.inflection-table-magenta.outer {
.inflection-table th.inflection-table-magenta.outer {
    background-color: #ff4dff;
  background-color: #e3c4f5;
}
}
.inflection-table-magenta tr.darker > td,
.inflection-table-magenta tr.darker > td,
Line 721: Line 728:
.inflection-table tr.darker > td.inflection-table-magenta,
.inflection-table tr.darker > td.inflection-table-magenta,
.inflection-table td.inflection-table-magenta.darker {
.inflection-table td.inflection-table-magenta.darker {
    background-color: #b3007f !important;
  background-color: #f1e5f7 !important;
}
}
/* --- Rose --- */
.inflection-table-rose.inflection-table-no-title table {
.inflection-table-rose.inflection-table-no-title table {
    background-color: #ffe5f0;
  background-color: #fcf9fc;
}
}
.inflection-table-rose tr.secondary > th,
.inflection-table-rose tr.secondary > th,
Line 734: Line 739:
.inflection-table tr.secondary > th.inflection-table-rose,
.inflection-table tr.secondary > th.inflection-table-rose,
.inflection-table th.inflection-table-rose.secondary {
.inflection-table th.inflection-table-rose.secondary {
    background-color: #ffccdd;
  background-color: #f8f0f6;
}
}
.inflection-table-rose th,
.inflection-table-rose th,
.inflection-table tr.inflection-table-rose > th,
.inflection-table tr.inflection-table-rose > th,
.inflection-table th.inflection-table-rose {
.inflection-table th.inflection-table-rose {
    background-color: #ff99bb;
  background-color: #f3e6ef;
}
}
.inflection-table-rose tr.outer > th,
.inflection-table-rose tr.outer > th,
Line 747: Line 752:
.inflection-table tr.outer > th.inflection-table-rose,
.inflection-table tr.outer > th.inflection-table-rose,
.inflection-table th.inflection-table-rose.outer {
.inflection-table th.inflection-table-rose.outer {
    background-color: #ff3399;
  background-color: #e4c7dc;
}
}
.inflection-table-rose tr.darker > td,
.inflection-table-rose tr.darker > td,
Line 755: Line 760:
.inflection-table tr.darker > td.inflection-table-rose,
.inflection-table tr.darker > td.inflection-table-rose,
.inflection-table td.inflection-table-rose.darker {
.inflection-table td.inflection-table-rose.darker {
    background-color: #b30066 !important;
  background-color: #f6f0f4 !important;
}
}
/* --- Grey --- */
.inflection-table-grey.inflection-table-no-title table {
.inflection-table-grey.inflection-table-no-title table {
    background-color: #f2f2f2;
  background-color: #fafafa;
}
}
.inflection-table-grey tr.secondary > th,
.inflection-table-grey tr.secondary > th,
Line 768: Line 771:
.inflection-table tr.secondary > th.inflection-table-grey,
.inflection-table tr.secondary > th.inflection-table-grey,
.inflection-table th.inflection-table-grey.secondary {
.inflection-table th.inflection-table-grey.secondary {
    background-color: #d9d9d9;
  background-color: #f2f2f2;
}
}
.inflection-table-grey th,
.inflection-table-grey th,
.inflection-table tr.inflection-table-grey > th,
.inflection-table tr.inflection-table-grey > th,
.inflection-table th.inflection-table-grey {
.inflection-table th.inflection-table-grey {
    background-color: #b3b3b3;
  background-color: #e9e9e9;
}
}
.inflection-table-grey tr.outer > th,
.inflection-table-grey tr.outer > th,
Line 781: Line 784:
.inflection-table tr.outer > th.inflection-table-grey,
.inflection-table tr.outer > th.inflection-table-grey,
.inflection-table th.inflection-table-grey.outer {
.inflection-table th.inflection-table-grey.outer {
    background-color: #666666;
  background-color: #cfcfcf;
}
}
.inflection-table-grey tr.darker > td,
.inflection-table-grey tr.darker > td,
Line 789: Line 792:
.inflection-table tr.darker > td.inflection-table-grey,
.inflection-table tr.darker > td.inflection-table-grey,
.inflection-table td.inflection-table-grey.darker {
.inflection-table td.inflection-table-grey.darker {
    background-color: #333333 !important;
  background-color: #f2f2f2 !important;
}
}
/* --- Brown --- */
.inflection-table-brown.inflection-table-no-title table {
.inflection-table-brown.inflection-table-no-title table {
    background-color: #f2e5dd;
  background-color: #fbfaf9;
}
}
.inflection-table-brown tr.secondary > th,
.inflection-table-brown tr.secondary > th,
Line 802: Line 803:
.inflection-table tr.secondary > th.inflection-table-brown,
.inflection-table tr.secondary > th.inflection-table-brown,
.inflection-table th.inflection-table-brown.secondary {
.inflection-table th.inflection-table-brown.secondary {
    background-color: #e6ccb3;
  background-color: #f4f1ee;
}
}
.inflection-table-brown th,
.inflection-table-brown th,
.inflection-table tr.inflection-table-brown > th,
.inflection-table tr.inflection-table-brown > th,
.inflection-table th.inflection-table-brown {
.inflection-table th.inflection-table-brown {
    background-color: #cc9966;
  background-color: #ebe8e4;
}
}
.inflection-table-brown tr.outer > th,
.inflection-table-brown tr.outer > th,
Line 815: Line 816:
.inflection-table tr.outer > th.inflection-table-brown,
.inflection-table tr.outer > th.inflection-table-brown,
.inflection-table th.inflection-table-brown.outer {
.inflection-table th.inflection-table-brown.outer {
    background-color: #804d1a;
  background-color: #d8cdc3;
}
}
.inflection-table-brown tr.darker > td,
.inflection-table-brown tr.darker > td,
Line 823: Line 824:
.inflection-table tr.darker > td.inflection-table-brown,
.inflection-table tr.darker > td.inflection-table-brown,
.inflection-table td.inflection-table-brown.darker {
.inflection-table td.inflection-table-brown.darker {
    background-color: #4d2600 !important;
  background-color: #f3f2f0 !important;
}
}
Retrieved from "https://linguifex.com/wiki/Special:MobileDiff/479007"

Navigation menu