MediaWiki:Mobile.css: Difference between revisions

From Kainga Encyclopedia
Jump to navigation Jump to search
No edit summary
No edit summary
 
(9 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 38: Line 39:
}
}


/* mobile center and clear certain elements */
/* center elements on mobile */
.mobCenter{
.mobCenter{
float:none;
margin:3px auto;
}
 
/* fix video embed size */
.embedvideo{
max-width:640px !important;
width:auto !important;
}
}
/* .mobClear{
clear:both;
} */

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