User:VirQuisquiliarum/global.css

From Meta, a Wikimedia project coordination wiki

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;
}/**/