Difference between revisions of "MediaWiki:Common.css"
From RetroMMO Wiki
CornerLord (talk | contribs) m (Fixed font scaling and file styling) |
CornerLord (talk | contribs) m (Replaced em with rem to respect the root font-size) |
||
| Line 22: | Line 22: | ||
#p-banner { | #p-banner { | ||
font-family: RetroPixels !important; | font-family: RetroPixels !important; | ||
| − | font-size: | + | font-size: 2rem !important; |
| − | margin-top: 0. | + | margin-top: 0.1rem !important; |
font-variant: none !important; | font-variant: none !important; | ||
} | } | ||
| Line 39: | Line 39: | ||
#content { | #content { | ||
| − | font-size: 1. | + | font-size: 1.5rem !important; |
} | } | ||
.sidebar-chunk { | .sidebar-chunk { | ||
| − | font-size: 1. | + | font-size: 1.25rem !important; |
} | } | ||
#f-list { | #f-list { | ||
| − | font-size: 1. | + | font-size: 1.5rem; |
} | } | ||
| Line 61: | Line 61: | ||
.retrommo-infobox { | .retrommo-infobox { | ||
float: right; | float: right; | ||
| − | width: | + | width: 20rem; |
border: 1px solid #fec9ed; | border: 1px solid #fec9ed; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| − | margin: 0. | + | margin: 0.25rem 0.5rem; |
text-align: center; | text-align: center; | ||
} | } | ||
Revision as of 14:17, 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: 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;
}