User:Aoz0ra/common.css

/*** *** ** ** *** *** *** ACCESSIBILITY *** *** *** ** ** *** ***/

/* Mentat79: Some links in userboxes (some even on our own userpage) have low color contrast. This fixes that. */

a {text-shadow: 0 0 2px #fff !important;}

/* Shadow: apply a rudimentary dark mode for the time being */ /* Aoz0ra III: And basic high-contrast modes */

/* Aoz0ra III: 'Rudimentary'...  but already pretty good. There are only a few minor issues -- primarily in the images -- but that's mostly browser-end stuff. I might get images to render right some time soon. */

/* Shadow, Aoz0ra III, Penelope I */ @media screen and (prefers-color-scheme: dark) and (prefers-contrast: no-preference) { html { filter: invert(1) hue-rotate(180deg) contrast(0.8) brightness(0.9) saturate(0.8); }	img:not(#p-banner img, .mwe-math-mathml-inline img, .mwe-math-mathml-a11y img,	.mwe-math-fallback-image-inline, .mwe-math-element img), video { filter: invert(1) hue-rotate(180deg) contrast(1.25) brightness(1.11111) saturate(1.25); } }

/* Aoz0ra III */ @media screen and (prefers-color-scheme: dark) and (prefers-contrast: more) { html { filter: invert(1) hue-rotate(180deg); }	img:not(#p-banner img, .mwe-math-mathml-inline img, .mwe-math-mathml-a11y img,	.mwe-math-fallback-image-inline, .mwe-math-element img), video { filter: invert(1) hue-rotate(180deg); }	body, #mw-wrapper, #mw-content-container { background-color: #ddd; } }

/* Aoz0ra III */ @media screen and (prefers-color-scheme: light) and (prefers-contrast: more) { html { filter: contrast(1.11111); }	img:not(#p-banner img, .mwe-math-mathml-inline img, .mwe-math-mathml-a11y img,	.mwe-math-fallback-image-inline, .mwe-math-element img), video { filter: contrast(0.9); }	body, #mw-wrapper, #mw-content-container { background-color: #aaa; } }

/*** *** ** *** *** *** TYPOGRAPHY *** *** *** ** *** ***/

/* Aoz0ra III: See about justified text */ /* section last edited by Aoz0ra of the system */ /* Aoz0ra III, Aoz0ra V */ text-align: justify; word-spacing: -0.05em; }
 * 1) bodyContent {

pre, pre *, code, code *, div.editor, div.editor *, body .mw-editfont-monospace body .mw-editfont-monospace * { text-align: left; word-spacing: 0em; }

/* Aoz0ra III: Apply preferred fonts */ /* Aoz0ra III, Penelope I, Tails */ pre, pre *, code, code *, div.editor, div.editor *, body .mw-editfont-monospace, body .mw-editfont-monospace * { font-family: "FiraCode Nerd Font", "Fira Code", "Fira Mono", "Menlo", "Consolas", "Courier Neue", monospace; line-height: 1.5em; word-spacing: 0; }

.mw-body :is(h1, h2, h3, h4, h5, h6), .mw-body :is(h1, h2, h3, h4, h5, h6) * { font-family: "PhoenixSerif", "Sitka Banner", "Georgia", serif; font-style: italic; }


 * not(.mw-body :is(h1, h2, h3, h4, h5, h6),

.mw-body :is(h1, h2, h3, h4, h5, h6) *, .mw-headline, pre, code, pre *, code *, .mw-editform, .mw-editform *) {	font-family: "PhoenixSans14", "FiraGO", "Fira Sans", "Euphemia",	"Euphemia UCAS", "Segoe UI Variable", "Segoe UI", "Segoe Pro", "Segoe",	"Frutiger", "Hind", "Ubuntu", sans-serif;	&:lang(ang) {		/* Old English */		font-family: "Junicode", serif;	}	&:is( :lang(bm), :lang(bs),  :lang(haw), :lang(hu),  :lang(ine), :lang(pl), :lang(tr),  :lang(yo),  :lang(lkt), :lang(mi), :lang(lt), :lang(lv),  :lang(ro),  :lang(sr), :lang(be-Latn), :lang(zh-Latn) ) {		/*		 * be   Belarusian   Ŭŭ Žž		 * bm    Bambara      Ɛɛ Ɲɲ Ɔɔ		 * bs    Bosnian      Ćć Đđ		 * haw   Hawaiian     Āā Ēē Īī Ōō Ūū and ʻokina		 * hu    Hungarian    Őő		 * ine   other Indo-European; code used for Proto-Indo-European		 * lkt   Lakota       č ŋ ȟ		 * lt    Lithuanian   ė ū		 * lv    Latvian      ņ Āā Ēē Īī Ōō Ūū		 * mi    Māori        Āā Ēē Īī Ōō Ūū		 * nv    Navajo       á í į ł ó ʼ; one letter not available precomposed		 * pl    Polish       Ąą Ęę Śś		 * ro    Romanian     ș ă ț		 * sr    Serbian      ć		 * tr    Turkish      ğ İi Iı ş		 * yo    Yoruba       Ẹẹ Ọọ; some letters not available precomposed		 * zh    Chinese      ǘ		 */		font-family: "PhoenixSans14", "FiraGO", "Fira Sans",		"Segoe UI Variable", "Segoe UI", "Segoe Pro", "Segoe", "Frutiger",		"Hind", sans-serif;	}	&:lang(vi) {		/* Vietnamese - various accented characters */		font-family: "PhoenixSans14", "FiraGO", "Fira Sans", "Segoe UI Variable", "Segoe UI", "Segoe Pro", "Segoe", "Frutiger", sans-serif; }	/* Languages using other scripts */ &:lang(cop) { /* Coptic */ font-family: "Segoe UI Historic", "Segoe UI", "Segoe Pro", "Segoe", sans-serif; } }

.IPA, .IPA * { font-family: "SIL Gentium", "SIL Gentium Basic", "Gentium", "Constructium", "Linux Libertine", "Linux Libertine O", "Times New Roman", serif; }

/* Aoz0ra III: Colour in links by project */

a[href*="wikipedia.org"]:not([href*="en.wikipedia.org"]):not([href*="en.m.wikipedia.org"]):link { color: #88a; }

a[href*="wikipedia.org"]:not([href*="en.wikipedia.org"]):not([href*="en.m.wikipedia.org"]):visited { color: #668; }

a[href*="wiktionary.org"]:link { color: #80a; }

a[href*="wiktionary.org"]:visited { color: #608; }

a[href*="wikibooks.org"]:link { color: #f80; }

a[href*="wikibooks.org"]:visited { color: #b60; }

a[href*="wikiquote.org"]:link { color: #f0f; }

a[href*="wikiquote.org"]:visited { color: #b0b; }

a[href*="wikinews.org"]:link { color: #0bf; }

a[href*="wikinews.org"]:visited { color: #09b; }

a[href*="wikisource.org"]:link { color: #006; }

a[href*="wikisource.org"]:visited { color: #004; }

a[href*="mediawiki.org"]:link { color: #333; }

a[href*="mediawiki.org"]:visited { color: #222; }

a[href*="wikiversity.org"]:link { color: #f90; }

a[href*="wikiversity.org"]:visited { color: #b70; }

a[href*="wikivoyage.org"]:link { color: #aa2; }

a[href*="wikivoyage.org"]:visited { color: #881; }

a[href*="meta.wikimedia.org"]:link { color: #068; }

a[href*="meta.wikimedia.org"]:visited { color: #046; }

a[href*="commons.wikimedia.org"]:link { color: #4d4; }

a[href*="commons.wikimedia.org"]:visited { color: #3a3; }

a[href*="wikidata.org"]:link { color: #0de; }

a[href*="wikidata.org"]:visited { color: #0ab; }

a[href*="species.wikimedia.org"]:link { color: #e46; }

a[href*="species.wikimedia.org"]:visited { color: #a35; }

a[href*="incubator.wikimedia.org"]:link { color: #660; }

a[href*="incubator.wikimedia.org"]:visited { color: #440; }

/*** *** *** **** *** *** *** *** OTHER LANGUAGE STUFF *** *** *** *** **** *** *** ***/

/* Aoz0ra III: Add flags for countries that speak the languages to alt-language Wikipedias */ /* Aoz0ra III */ a[href*="wikipedia.org"]:not([href*="en.wikipedia"]):not([href*="en.m.wikipedia"]):before { width: 2em; height: 1em; background-size: contain; background-position: left center; background-repeat: no-repeat; content: ""; display: inline-block; border-top: 1px #0000 solid; filter: drop-shadow(0 0 1px #000a); }

a[href*="//simple.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/a/a0/Flag_of_Earth.svg"); /* Simple English is meant to be used worldwide */ }

a[href*="//ar.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/0/0d/Flag_of_Saudi_Arabia.svg"); /* many countries use local variants of Arabic. I usually associate Saudi Arabia with the language itself */ }

a[href*="//af.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/a/af/Flag_of_South_Africa.svg"); }

a[href*="//az.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/d/dd/Flag_of_Azerbaijan.svg"); }

a[href*="//bg.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/9/9a/Flag_of_Bulgaria.svg"); }

a[href*="//bn.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/f/f9/Flag_of_Bangladesh.svg"); }

a[href*="//bs.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/b/bf/Flag_of_Bosnia_and_Herzegovina.svg"); }

a[href*="//ca.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/8/89/Bandera_de_Espa%C3%B1a.svg"); }

a[href*="//chr.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/4/4d/Flag_of_the_Cherokee_Nation.svg"); /* the flag isn't guaranteed to be recognised that widely, but it more specifically represents Cherokee */ }

a[href*="//cs.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/c/cb/Flag_of_the_Czech_Republic.svg"); }

a[href*="//da.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/9/9c/Flag_of_Denmark.svg"); }

a[href*="//de.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/en/b/ba/Flag_of_Germany.svg"); }

a[href*="//el.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/5/5c/Flag_of_Greece.svg"); /* the flag does not have a white stripe at the top or bottom ends; are the borders necessary? */ }

a[href*="//eo.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/f/f5/Flag_of_Esperanto.svg"); }

a[href*="//es.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/8/89/Bandera_de_Espa%C3%B1a.svg"); /* 	 * considering multiple alternates: * the Mexican flag, * the logo of a Spanish language academy, * a GIF with the 20-something flags, or	 * just the language code */ }

a[href*="//et.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/8/8f/Flag_of_Estonia.svg"); }

a[href*="//eu.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/8/89/Bandera_de_Espa%C3%B1a.svg"); /* considering just the language code on a red background or the flag of Navarre/es:Navarra/eu:Nafarroa */ }

a[href*="//fa.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/b/be/Flag_of_Iran_%28official%29.svg"); }

a[href*="//fr.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/b/b5/Flag_of_France_%282020–present%29.svg"); /* less recognised but doesn't scream 'France': https://upload.wikimedia.org/wikipedia/commons/2/27/Flag_of_La_Francophonie.svg */ }

a[href*="//gl.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/6/64/Flag_of_Galicia.svg"); }

a[href*="//he.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/d/d4/Flag_of_Israel.svg"); }

a[href*="//hr.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/1/1b/Flag_of_Croatia.svg"); }

a[href*="//hu.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/c/c1/Flag_of_Hungary.svg"); }

a[href*="//id.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/9/9f/Flag_of_Indonesia.svg"); }

a[href*="//it.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/en/0/03/Flag_of_Italy.svg"); }

a[href*="//ja.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/9/9e/Flag_of_Japan.svg"); }

a[href*="//ko.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/0/09/Flag_of_South_Korea.svg"); }

a[href*="//ka.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/0/0f/Flag_of_Georgia.svg"); }

a[href*="//la.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/0/00/Flag_of_the_Vatican_City.svg"); /* 	 * considering multiple alternates: * the flag of Italy, * a flag resembling the one Duolingo uses, * the flag of Rome (if one exists), or	 * the language code */ }

a[href*="//lt.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/1/11/Flag_of_Lithuania.svg"); }

a[href*="//lv.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/8/84/Flag_of_Latvia.svg"); }

a[href*="//mk.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/7/79/Flag_of_North_Macedonia.svg"); }

a[href*="//ms.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/6/66/Flag_of_Malaysia.svg"); }

a[href*="//nl.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg"); }

a[href*="//nn.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/d/d9/Flag_of_Norway.svg"); }

a[href*="//no.wikipedia"]:before { /* Norwegian Bokmål is actually ‹nb› */ background: url("https://upload.wikimedia.org/wikipedia/commons/d/d9/Flag_of_Norway.svg"); }

a[href*="//pl.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg"); }

a[href*="//ru.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/f/f3/Flag_of_Russia.svg"); }

a[href*="//uk.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/4/49/Flag_of_Ukraine.svg"); }

a[href*="//zh.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People's_Republic_of_China.svg"); /* should I use China or Taiwan? I reserve Hong Kong for Cantonese */ }

a[href*="//zh-classical.wikipedia"]:before { background: url("https://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People's_Republic_of_China.svg"); /* what flag should I use? Literary/Classical Chinese originated in what is now PRChina */ }

/* Aoz0ra: The CSS linter needs to be updated */ /* ... CodeMirror should also be updated! */

/* Aoz0ra: I usually prefer humanist typefaces with a touch of calligraphy -- which is why I use such a style for many of my own typefaces. I double-space my sentences unless doing so is completely forbidden; even so, I still double- space sentences in fixed-width fonts. The APA may have also switched to double spacing sentences as well.

revamped by Tiffany of the system, to take advantage of new CSS features

/* simple:User:Aoz0ra/common.css