Difference between revisions of "MediaWiki:Common.css"

From RetroMMO Wiki
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";
+
  font-family: "RetroPixels";
    src: url("https://wiki.retro-mmo.com/w/images/c/c1/RetroPixels.ttf") format("truetype");
+
  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-family: RetroPixels !important;
    font-size: 2em !important;
+
  font-size: 2em !important;
    margin-top: .1em !important;
+
  margin-top: 0.1em !important;
    font-variant: none !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 #FEC9ED;
+
  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;
}