MediaWiki:Mobile.css

From Kainga Encyclopedia
Revision as of 12:09, 17 June 2023 by Eheartshine (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
}

/* center elements if screen width is too low */
@media only screen and (max-width: 560px){
	.mobCenter
		margin:3px auto;
	}
}
@media only screen and (min-width: 561px){
	.mobCenter{
		float:right;
		margin-left:3px;
		margin-bottom:3px;
	}
}