MediaWiki:Mobile.css: Difference between revisions

From Kainga Encyclopedia
Jump to navigation Jump to search
(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...")
 
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('https://static.miraheze.org/kaingawiki/3/3e/MalWriting.woff2') format('woff2'),
src: url('/w/images/3/3e/MalWriting.woff2') format('woff2'),
url('https://static.miraheze.org/kaingawiki/f/f4/MalWriting.woff') format('woff');
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;
}