MediaWiki:Mobile.css: Difference between revisions

From Kainga Encyclopedia
Jump to navigation Jump to search
No edit summary
No edit summary
Line 40: Line 40:
/* mobile center and clear certain elements */
/* mobile center and clear certain elements */
.mobCenter{
.mobCenter{
float:none;
display:flex;
justify-content:center;
}
}
/* .mobClear{
clear:both;
} */

Revision as of 11:57, 17 June 2023

/* 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/3/3e/MalWriting.woff2') format('woff2'),
		 url('https://static.miraheze.org/kaingawiki/f/f4/MalWriting.woff') format('woff');
}

/* Color variables for tech rarity colors */
:root {
	--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;
}

/* mobile center and clear certain elements */
.mobCenter{
	display:flex;
	justify-content:center;
}