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