7,209
edits
MediaWiki:Mobile.css: Difference between revisions
Add fonts for Pokémon-specific characters
(Created page with "→CSS placed here will affect users of the mobile site: div.listcol { padding: 0.5em 1.0em 0.5em 0; margin: 0.25em; min-width: 21.5%; border: 1px solid #aaf; fl...") |
(Add fonts for Pokémon-specific characters) |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 47: | Line 47: | ||
.noticebar { | .noticebar { | ||
background: #f8f8f8 url(' | background: #f8f8f8 url('//archives.bulbagarden.net/media/upload/7/7c/Archives_notice_bar_background.png') no-repeat left center; | ||
border: 1px solid #8a8; | border: 1px solid #8a8; | ||
margin-top: 0.2em; | margin-top: 0.2em; | ||
| Line 104: | Line 104: | ||
border-bottom: 1px dotted; | border-bottom: 1px dotted; | ||
cursor: help; | cursor: help; | ||
} | |||
/* Override default font used for gender symbols for legibility */ | |||
@font-face { | |||
font-family: 'bp_gender'; | |||
src: | |||
local('Segoe UI Symbol'), /* Windows, overriding Arial */ | |||
local('Helvetica'), /* Mac/iOS */ | |||
local('Noto Emoji Regular'); /* Android */ | |||
unicode-range: U+2640, U+2642; | |||
} | |||
body { | |||
font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'bp_gender', 'Helvetica', 'Arial', sans-serif; | |||
} | |||
/* Fonts for Pokémon-specific characters */ | |||
@font-face { | |||
font-family: PGLDings; | |||
src: | |||
url("/w/fonts/PGLDings.woff2") format("woff2"), | |||
url("/w/fonts/PGLDings.woff") format("woff"), | |||
url("/w/fonts/PGLDings.ttf") format("ttf"); | |||
} | |||
@font-face { | |||
font-family: ori_font; | |||
src: | |||
url("/w/fonts/ori_font.woff2") format("woff2"), | |||
url("/w/fonts/ori_font.woff") format("woff"), | |||
url("/w/fonts/ori_font.ttf") format("ttf"); | |||
} | |||
@font-face { | |||
font-family: PDollar; | |||
src: | |||
url("/w/fonts/ori_font.woff2") format("woff2"), | |||
url("/w/fonts/ori_font.woff") format("woff"), | |||
url("/w/fonts/ori_font.ttf") format("ttf"); | |||
unicode-range: U+0024, U+E300; /* Pokémon Dollar sign only */ | |||
} | |||
.font-dings { | |||
font-family: PGLDings, bp_gender, sans-serif; | |||
} | |||
.font-ori { | |||
font-family: ori_font, bp_gender, sans-serif; | |||
} | |||
.pdollar { | |||
font-family: PDollar, bp_gender, sans-serif; | |||
} | } | ||