MediaWiki:Common.css

From RetroMMO Wiki
Revision as of 14:17, 10 April 2021 by CornerLord (talk | contribs) (Replaced em with rem to respect the root font-size)

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
@font-face {
  font-family: "RetroPixels";
  src: url("https://wiki.retro-mmo.com/w/images/c/c1/RetroPixels.ttf")
    format("truetype");
}

html {
  /* RetroPixels scales in multiples of 16 */
  font-size: 16px;
}

body {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}

#p-banner {
  font-family: RetroPixels !important;
  font-size: 2rem !important;
  margin-top: 0.1rem !important;
  font-variant: none !important;
}

body,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6,
.mw-body dt {
  font-family: RetroPixels;
}

#content {
  font-size: 1.5rem !important;
}

.sidebar-chunk {
  font-size: 1.25rem !important;
}

#f-list {
  font-size: 1.5rem;
}

b,
strong {
  font-weight: 400;
}

th {
  font-weight: 400;
}

.retrommo-infobox {
  float: right;
  width: 20rem;
  border: 1px solid #fec9ed;
  border-collapse: collapse;
  margin: 0.25rem 0.5rem;
  text-align: center;
}