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; }