User:VirQuisquiliarum/global.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* wow cool font: revenge of the sith */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Serif+Pro:wght@400;600;700&Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/**/
/* this is heresy */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}/**/
/* i need glasses */
body,
.mf-font-size-clientpref-small .mw-body p,
.mf-font-size-clientpref-small .content p {
font-size: 16px;
line-height: 1.6;
}/**/
/* boomer colors */
a {
color: #0055bb;
}
.mw-parser-output a.external {
color: #36b !important;
}
a:hover, a:visited {
color: #224f8f;
}/**/
/* wow cool font */
.Cyrs {
font-size: inherit;
}
body,
.Cyrl,
.Cyrl *,
.Cyrs,
.Cyrs *,
.mw-body .toctitle h2 {
font-family: 'Public Sans', Inter, Roboto, 'Segoe UI', sans-serif; /* your fucking tax dollars at work */
}
h1 .Cyrl,
h1 .Cyrl *,
h1 .Cyrs,
h1 .Cyrs *,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6,
.mw-body dt,
#siteSub /* from wikipedia, the free encyclopedia */ {
font-family: 'Source Serif Pro', Georgia, serif; /* haha overpriced subscriptions */
}
#p-logo-text a,
#personal h2,
#mw-site-navigation h2,
#mw-related-navigation h2 {
font-family: 'Linux Libertine', 'Linux Libertine O', Georgia, serif;
font-variant: small-caps;
}/**/
/* big navi */
@media screen and (min-width: 851px) {
#personal {
line-height: 0.8;
}
}/**/
/* haha giant headings */
.mw-body h2 {
font-size: 1.4em;
}
.mw-body h3 {
font-size: 1.2em;
}
.mw-body h4 {
font-size: 1.1em;
}
/**/
/* main page is my main news source */
#mw-content-text .mw-parser-output #mp-left .mp-h2,
#mw-content-text .mw-parser-output #mp-right .mp-h2,
#mw-content-text .mw-parser-output #mp-center .mp-h2,
#mw-content-text .mw-parser-output #mp-bottom .mp-h2 {
border-color: rgb(0 0 0 / 0.1);
border-width: 1px 1px 0.15rem;
}
.mw-body .MainPageBG h2::after {
display: none;
}
.mw-body #mp-other-lower h2::after {
display: none;
}/**/
/* box info + quoth */
table.infobox,
table.vertical-navbox,
.mw-parser-output .quotebox {
background: #f8f9fa !important;
border: solid #eaecf0 !important;
border-width: 1px 1px 0.2em !important;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 0.02) !important;
overflow: hidden;
}/**/
/* large finger */
div.thumbinner {
border: solid #eaecf0;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%);
padding: 1em;
}
div.magnify {
display: none;
}/**/
/* da fuq is this bug (<caption style="width: redditor">) */
.infobox > caption {
width: auto !important;
}
.content-table-left,
.content-table-right {
height: auto !important;
}/**/
/* hattop */
table.ambox {
background: #f8f9fa !important;
border-top: solid #eaecf0;
border-right: solid #eaecf0;
border-bottom: solid #eaecf0;
border-width: 1px 1px 0.2em 10px;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 0.02);
margin-bottom: 0.5em;
}/**/
/* boxnav */
.navbox {
border: solid #eaecf0;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 0.02);
margin-bottom: 0.5em;
}/**/
/* imouto site + portal by valve */
.mbox-small {
background: #f8f9fa !important;
border: solid #eaecf0 !important;
border-width: 1px 1px 0.2em !important;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 0.02);
}
.portal.tright {
background: #f8f9fa;
border: solid #eaecf0;
border-width: 1px 1px 0.2em;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 0.02);
padding: 0.25em;
}/**/