Template:Translations/styles.css: Difference between revisions
Styles for the translations box |
Pair the box background with an explicit text colour (report 66a) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 4: | Line 4: | ||
border-top: 3px solid #2a4b6b; | border-top: 3px solid #2a4b6b; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
color: #202122; | |||
padding: 0.4em 0.8em 0.5em; | padding: 0.4em 0.8em 0.5em; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
| Line 20: | Line 21: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 92%; | font-size: 92%; | ||
margin: 0.3em 0 0; | |||
padding: 0.05em 0.4em; | |||
} | } | ||
ul.translations-list { | ul.translations-list { | ||
margin: 0 0 0 1. | margin: 0 0 0.2em; | ||
padding: 0.15em 0.4em 0.15em 1.8em; | |||
} | } | ||
.translations-error { | .translations-error { | ||
color: #b32424; | color: #b32424; | ||
} | } | ||
/* Family colour coding, keyed by the family letter of the language code: | |||
header carries a light tint, the entry list a fainter one. */ | |||
.tfam-A { background: #e7eef7; color: #2a4b6b; } /* Herta-Olaic — blue */ | |||
ul.tfam-A { background: #f3f7fb; color: inherit; } | |||
.tfam-B { background: #efe7f7; color: #5a3b7a; } /* Njeshan — purple */ | |||
ul.tfam-B { background: #f8f4fc; color: inherit; } | |||
.tfam-C { background: #f9e7e7; color: #8a2a2a; } /* Andusian — red */ | |||
ul.tfam-C { background: #fcf3f3; color: inherit; } | |||
.tfam-D { background: #dff5ec; color: #1e6b52; } /* Tacchoan — mint green */ | |||
ul.tfam-D { background: #f1faf6; color: inherit; } | |||
.tfam-E { background: #dcead9; color: #2a5b2a; } /* Shung-Worrehan — dark green */ | |||
ul.tfam-E { background: #f0f6ef; color: inherit; } | |||
.tfam-X { background: #ececec; color: #444444; } /* isolates — grey */ | |||
ul.tfam-X { background: #f5f5f5; color: inherit; } | |||
Latest revision as of 20:13, 4 August 2026
/* Template:Translations/styles.css — the translations box */
.translations {
border: 1px solid #a2a9b1;
border-top: 3px solid #2a4b6b;
background: #f8f9fa;
color: #202122;
padding: 0.4em 0.8em 0.5em;
margin: 0.5em 0;
max-width: 38em;
font-size: 95%;
}
.translations-head {
font-weight: bold;
margin-bottom: 0.2em;
}
.translations-gloss {
font-weight: normal;
font-style: italic;
}
.translations-family {
font-weight: bold;
font-size: 92%;
margin: 0.3em 0 0;
padding: 0.05em 0.4em;
}
ul.translations-list {
margin: 0 0 0.2em;
padding: 0.15em 0.4em 0.15em 1.8em;
}
.translations-error {
color: #b32424;
}
/* Family colour coding, keyed by the family letter of the language code:
header carries a light tint, the entry list a fainter one. */
.tfam-A { background: #e7eef7; color: #2a4b6b; } /* Herta-Olaic — blue */
ul.tfam-A { background: #f3f7fb; color: inherit; }
.tfam-B { background: #efe7f7; color: #5a3b7a; } /* Njeshan — purple */
ul.tfam-B { background: #f8f4fc; color: inherit; }
.tfam-C { background: #f9e7e7; color: #8a2a2a; } /* Andusian — red */
ul.tfam-C { background: #fcf3f3; color: inherit; }
.tfam-D { background: #dff5ec; color: #1e6b52; } /* Tacchoan — mint green */
ul.tfam-D { background: #f1faf6; color: inherit; }
.tfam-E { background: #dcead9; color: #2a5b2a; } /* Shung-Worrehan — dark green */
ul.tfam-E { background: #f0f6ef; color: inherit; }
.tfam-X { background: #ececec; color: #444444; } /* isolates — grey */
ul.tfam-X { background: #f5f5f5; color: inherit; }