MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
Eheartshine (talk | contribs) (Created page with "→All CSS here will be loaded for users of the mobile site: →Allow limiting of which header levels are shown in a TOC (see Technologies page): .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } →MalWriting font for unique tech equation: @font-face { font-family: 'MalWriting'; src: url('https://static.miraheze.org/kaingawiki...") |
Eheartshine (talk | contribs) No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 13: | Line 13: | ||
@font-face { | @font-face { | ||
font-family: 'MalWriting'; | font-family: 'MalWriting'; | ||
src: url(' | src: url('/w/images/3/3e/MalWriting.woff2') format('woff2'), | ||
url(' | url('/w/images/f/f4/MalWriting.woff') format('woff'); | ||
} | } | ||
/* Color variables for tech rarity colors */ | /* Color variables for tech rarity colors */ | ||
:root { | :root { | ||
--Festival: #fff400; | |||
--Unique: #cc003f; | --Unique: #cc003f; | ||
--Legendary: #ffbc00; | --Legendary: #ffbc00; | ||
Line 36: | Line 37: | ||
background-color:#eee; | background-color:#eee; | ||
color:#000; | color:#000; | ||
} | |||
/* center elements on mobile */ | |||
.mobCenter{ | |||
margin:3px auto; | |||
} | |||
/* fix video embed size */ | |||
.embedvideo{ | |||
max-width:640px !important; | |||
width:auto !important; | |||
} | } |
Latest revision as of 17:14, 21 May 2024
/* All CSS here will be loaded for users of the mobile site */ /* Allow limiting of which header levels are shown in a TOC (see Technologies page) */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /* MalWriting font for unique tech equation */ @font-face { font-family: 'MalWriting'; src: url('/w/images/3/3e/MalWriting.woff2') format('woff2'), url('/w/images/f/f4/MalWriting.woff') format('woff'); } /* Color variables for tech rarity colors */ :root { --Festival: #fff400; --Unique: #cc003f; --Legendary: #ffbc00; --Epic: #ba6bbc; --Rare: #00d5ea; --Common: #6c675e; } /* spoiler hover */ .spoiler{ background-color:#aaa; color:#aaa; border-radius:0.25em; transition-duration:0.125s; } .spoiler:hover { background-color:#eee; color:#000; } /* center elements on mobile */ .mobCenter{ margin:3px auto; } /* fix video embed size */ .embedvideo{ max-width:640px !important; width:auto !important; }