User:Aoz0ra/common.css

/*** *** ** ** *** *** *** ACCESSIBILITY *** *** *** ** ** *** ***/ /* Mentat79: Some links in userboxes (some even on our own userpage) have low color cont 

/*** *** ** ** *** ***
 *** 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 */
#bodyContent {
	text-align: justify;
	word-spacing: -0.05em;
}


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]]
*/

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.