Nice Wikipedia

nice-wikipedia.css

/*

WARNING: “THAT WILL DO” STYLE OVERRIDES.

HOW TO USE: INSTALL THE STYLUS EXTENSION (CHROMIUM/FIREFOX) AND CREATE A NEW STYLE FOR THE WIKIPEDIA.ORG DOMAIN.
TIP: INSTALL SOURCE SERIF 4 (NOT VARIABLE) ON YOUR DEVICE: https://github.com/adobe-fonts/source-serif/releases

TO-DO: LINK COLORS FOR TOP RIGHT MENU

*/

* {
  font-family: "Source Serif 4 SMtext" ,"Iowan Old Style", Georgia, serif;
  border-radius: 2px;
}

body,
#mw-page-base {
  font-size: 18px;
  background: #fff;
}

.mw-body {
  font-size: 20px;
}
.mw-body * {
  line-height: 1.5!important
}

p,
ul,
ol,
dl,
blockquote,
.templatequotecite,
.hatnote,
.noprint {
  max-width: 42em;
}

blockquote {
  max-width: 38.3em;
}

.mw-body-content sub,
.mw-body-content sup,
span.reference {
  font-size: .685em;
}

.tocnumber {user-select:none;}

/* NOTICES */

.ambox, .ombox {
  max-width:94ch;
  font-size:80%;
  background: #fff!important;
  margin: 1em 0!important;
  filter:grayscale(1) opacity(.8);
}

.ambox a {
  text-decoration:underline;
  text-decoration-style:dotted;
  text-decoration-thickness: 1px;
}

.ambox a:hover {
  color:black;
}

/* LINKS */

a {text-underline-offset:.1em;}
:focus {outline: 0 none;}
:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}

/*a:hover {} */
/*a:link {color:#b81405}*/
a {color:#255bb1;}
a:visited {color:hsl(24, 47%, 38%);}
a.new {color: hsl(213, 60%, 73%);}
.mw-search-result-data {color: #64862d;}

/* HEADINGS */

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
  font-family: "Source Serif 4 Caption", "Iowan Old Style", Georgia, serif;
  font-weight: 400;
  border: 0;
}

.mw-body h1,
.mw-body-content h1 {
  font-size: 1.6em;
  line-height: 1.3!important;
  font-weight: 600;
}

.vector-body .toc h2 {
  font-family: system-ui, sans-serif;
  font-weight: 700;
}
.vector-menu-portal h3 {
  font-style: italic;
}

.mw-body {
  border: revert;
  padding-left: 0!important;
}

/* HOME */

.page-Main_Page .MainPageBG, .page-Main_Page .mp-other-lower {
  font-size:95%;
  background:revert!important;
}

/* TOP PANEL */

#left-navigation {
  
  margin-left: 10.75em!important;
}
#left-navigation *,
#right-navigation *:not(input),
.vector-menu-dropdown *,
.vector-menu-portal h3 {
  background: none!important;
}
#pt-anonuserpage {
  font-style: italic;
}

.vector-menu-tabs,
.vector-menu-tabs li a {
  height: revert!important;
  padding-top:0.12em!important;
}

#p-search form {
  margin-top:revert
}

.vector-menu-dropdown h3:not(.mw-ui-icon) {
  padding-top:.3em;
}

.vector-menu-dropdown h3:after {
  background-position: 100% 25%;
  top: 0;
}

/* LEFT PANEL */

#mw-panel *,
#mw-head * {
  font-family: "Source Serif 4 Caption",  "Iowan Old Style", Georgia, serif!important;
}

#mw-head{
  font-size:94%;
}

#mw-panel {
  line-height:1;
  padding-top: .62em;
}

#mw-head, #mw-panel, #footer {
  user-select:none;
}

.vector-menu-portal {
  margin-left:.5em;
}

#mw-panel a {
  display: block;
  position: relative;
}
#mw-panel a:link,
#mw-panel a:visited {
  color: #171818!important;
}
#mw-panel a:hover {
  color: #255bb1!important;

}

#mw-panel li {padding:0!important;}
#mw-panel li a {padding:.25em 0!important;}

#mw-panel li a:before {
  content: "▷";
  position: absolute;
  left: -1.15em;
  z-index: 9;
  opacity: 0;
}
#mw-panel li a:hover:before {
  opacity: 1;
}

#p-logo {
  display: none;
}
#p-navigation ul:before {
  color:#54595d;
  content:"Wikipedia";
  font-variant:all-small-caps;
  font-size: .85em;
  display:block;
  margin-bottom:.55em;
  font-family: "Source Serif 4 SMtext",  "Iowan Old Style", Georgia, serif;
}

/* TOC */

#toc {
  margin-top:1.5em;
  background: #fff;
  outline: 1px dotted #c8ccd1;
  outline-offset: -7px;
  border-radius:2px;
  padding: .9em 1.4em;
}

/* BYE */

.mw-footer,
#mw-head,
#mw-panel {
  filter: grayscale(1);
  opacity: .15;
}
.mw-footer:hover,
.mw-footer:focus-within,
#mw-head:hover,
#mw-head:focus-within,
#mw-panel:hover,
#mw-panel:focus-within {
  filter: none;
  opacity: 1;
}


/* --- */

.infobox {
  padding: .4em .6em .5em;
  background:none!important;
  border-color:#c8ccd1;
  border-radius:2px;
}

.thumbinner {
  padding:.35em .3em .1em!important;
  background:none!important;
  border-radius:2px;
}

.thumbimage {
  border:0;
}

.thumbcaption, .infobox-caption {
  padding-top:4px;
}

#coordinates {
  font-size:95%;
  font-variant: small-caps;
}