MediaWiki:Common.css
From RetroMMO Wiki
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: 1.8rem !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;
color:white;
}
#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: separate;
margin: 0.25rem 0.5rem;
text-align: center;
border-image: url("https://wiki.retro-mmo.com/w/images/6/60/FrameGrey16.png");
border-image-width: 16px;
border-image-slice: 7 7;
border-image-outset: 4px;
background-color: #151515;
}
/* Title of the table */
.retrommo-infobox:first-child tr:first-child th:first-child {
font-size: 2.5rem;
}
.retrommo-infobox td {
width: 50%;
}
.retrommo-infobox tr:last-child td {
padding-bottom: 1rem;
}
.wikitable tr:not(:first-child) {
color: #d7d7d8;
}
a.new, .new a, a.external {
color: #e03c28;
}
a, a.external {
color: #98dcff;
}
a:visited, a.external:visited {
color: #0a98ac;
}
#p-logo-text a {
color: #cececf;
}
.mw-body h1.firstHeading {
text-align: left;
}
.mw-body h1.firstHeading, .tools-inline li.selected {
border-color: #0a98ac;
}
.mw-portlet span, h3 {
font-size: 1.5rem !important;
}
input#searchInput {
font-size: 1rem !important;
}
.diff-addedline .diffchange,
.diff-deletedline .diffchange {
color: #20212290;
}
code, pre, .mw-code {
font-family: inherit;
}
.mw-headline {
font-size: 32px;
}
#user-tools span {
font-family: 'RetroPixels';
font-size: 1.5rem;
}
#mw-toc-heading {
font-family: inherit;
font-size: 2rem;
}