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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ==========================================================
THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css
Cosmos skin overrides
This file only controls typography and minor presentation.
Colours are left to the default Cosmos / MediaWiki skin.
========================================================== */
/* ==========================================================
FONTS
========================================================== */
@import url(https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);
/* ==========================================================
COSMOS TYPOGRAPHY
========================================================== */
body {
font-family:'Space Grotesk', sans-serif;
}
h1,
h2,
h3,
h4,
.firstHeading,
.mw-first-heading {
font-family:'Bungee', system-ui, sans-serif;
}
code,
pre,
.mw-code {
font-family:'JetBrains Mono', monospace;
}
/* ==========================================================
HEADER / NAVIGATION
Leave Cosmos colours untouched
========================================================== */
.cosmos-community-header,
.wiki-nav,
#p-logo a {
border-color:inherit;
}
.wiki-nav a,
.cosmos-header-menu a {
text-decoration:none;
}
/* ==========================================================
SEARCH
Allow default MediaWiki styling
========================================================== */
.cosmos-searchInput input,
#simpleSearch,
.oo-ui-textInputWidget input {
font-family:'Space Grotesk', sans-serif;
}
/* ==========================================================
FOOTER
Leave default skin styling intact
========================================================== */
#footer,
.mw-footer {
font-family:'Space Grotesk', sans-serif;
}
/* ==========================================================
RESPONSIVE CLEANUP
========================================================== */
@media screen and (max-width:700px) {
body {
font-size:16px;
}
}
