MediaWiki:Mobile.css: Difference between revisions
From Kainga Encyclopedia
Eheartshine (talk | contribs) No edit summary |
Eheartshine (talk | contribs) No edit summary |
||
| (8 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 38: | Line 39: | ||
} | } | ||
/* | /* center elements on mobile */ | ||
.mobCenter{ | .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;
}