Difference between revisions of "MediaWiki:Common.css"
From RetroMMO Wiki
| CornerLord (talk | contribs)  m (Fixed font scaling and file styling) | |||
| Line 1: | Line 1: | ||
| /* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| @font-face { | @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 { | body { | ||
| − | image-rendering: optimizeSpeed; | + |   image-rendering: optimizeSpeed; | 
| − | image-rendering: -moz-crisp-edges; | + |   image-rendering: -moz-crisp-edges; | 
| − | image-rendering: -webkit-optimize-contrast; | + |   image-rendering: -webkit-optimize-contrast; | 
| − | image-rendering: -o-crisp-edges; | + |   image-rendering: -o-crisp-edges; | 
| − | image-rendering: pixelated; | + |   image-rendering: pixelated; | 
| − | -ms-interpolation-mode: nearest-neighbor; | + |   -ms-interpolation-mode: nearest-neighbor; | 
| } | } | ||
| + | |||
| #p-banner { | #p-banner { | ||
| − | + |   font-family: RetroPixels !important; | |
| − | + |   font-size: 2em !important; | |
| − | + |   margin-top: 0.1em !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; | + | 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 { | #content { | ||
| − | font-size: 1.5em !important; | + |   font-size: 1.5em !important; | 
| } | } | ||
| + | |||
| .sidebar-chunk { | .sidebar-chunk { | ||
| − | font-size: 1.25em !important; | + |   font-size: 1.25em !important; | 
| } | } | ||
| + | |||
| #f-list { | #f-list { | ||
| − | font-size: 1.5em; | + |   font-size: 1.5em; | 
| } | } | ||
| − | b, strong { | + | |
| − | font-weight: 400; | + | b, | 
| + | strong { | ||
| + |   font-weight: 400; | ||
| } | } | ||
| + | |||
| th { | th { | ||
| − | font-weight: 400; | + |   font-weight: 400; | 
| } | } | ||
| + | |||
| .retrommo-infobox { | .retrommo-infobox { | ||
| − | float: right; | + |   float: right; | 
| − | width: 20em; | + |   width: 20em; | 
| − | border: 1px solid # | + |   border: 1px solid #fec9ed; | 
| − | border-collapse: collapse; | + |   border-collapse: collapse; | 
| − | margin: .25em .5em; | + |   margin: 0.25em 0.5em; | 
| − | text-align:center; | + |   text-align: center; | 
| } | } | ||
Revision as of 14:02, 10 April 2021
/* 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: 2em !important;
  margin-top: 0.1em !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.5em !important;
}
.sidebar-chunk {
  font-size: 1.25em !important;
}
#f-list {
  font-size: 1.5em;
}
b,
strong {
  font-weight: 400;
}
th {
  font-weight: 400;
}
.retrommo-infobox {
  float: right;
  width: 20em;
  border: 1px solid #fec9ed;
  border-collapse: collapse;
  margin: 0.25em 0.5em;
  text-align: center;
}
