MediaWiki:Common.css

From Halcove
Revision as of 07:44, 16 March 2022 by Ha1vorsen (talk | contribs)

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.
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');

Changes the default font used for MediaWiki to Poppins (does not include headings or monospaced text): 
body {
font-family: 'Roboto Slab', serif;
}
a {
font-family: 'Manrope', sans-serif;
}
#content h1,
#content h2 {font-family: 'Roboto Slab', serif;
}

.color-middle {
    height: 0.35em;
    background: #b159ea;
}
.color-right {
    background: #b3bed3;
}
.color-left {
    background: #b3bed3;
}
#mw-content-container {
    border-bottom: solid 4px #545962;
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
    background: #fff;
    box-shadow: none;
}
#mw-content-container {
    background: #fff;
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
    background: #fff;
    box-shadow: none;
    border: none;
}
#mw-site-navigation {
    background: #fff;
}
#mw-related-navigation {
    background: #fff;
}
#mw-content {
   border: none;
   box-shadow: none;
}
.mw-footer-container {
    border-top: solid 1px #262626;
}
#mw-content-container {
    padding-bottom: 0em;
}
.mw-body h1.firstHeading {
    border-bottom: solid 4px #dedede;
}
.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {
    border-bottom: solid 2px #dedede;
}
.tools-inline li.selected {
    border-bottom-color: #dedede;
}
a.new, .new a {
    color: #747474bf;
}
body {
    background: #262626;
}