MediaWiki:Mobile.css

From Minecraft Wiki
Jump to: navigation, search
In other languages

Note: After saving, 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 (⌘ Cmd+R on a Mac)
  • Google Chrome: Press Ctrl+⇧ Shift+R (⌘ Cmd+⇧ Shift+R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl+F5
  • Opera: Clear the cache in Tools → Preferences
/** Minecraft skin **/
/* Give the background the stone and grass texture: [[File:Mobile-header.png]] [[File:Background HiDPI.png]] */
.header {
	margin-top: 0;
	border-top: none;
}
#mw-mf-page-center {
	border: none !important;
	background: url(/media/d/de/Background_HiDPI.png) #202020 !important;
	background-size: 48px auto !important;
}

.overlay-enabled .search-overlay {
	height: auto !important;
	min-height: 100%;
}
.search-overlay {
	background-position: 0 3.35em !important;
}
.search-overlay .overlay-header,
.search-overlay .results,
.search-overlay .search-feedback {
	background: none !important;
}
.search-overlay .overlay-content {
	padding-top: 38px;
}

/* Use logo instead of text */
.branding-box {
	background: url(/media/9/90/Minecraft_Wiki_header.svg) center center no-repeat;
	background-size: 150px auto;
	color: transparent;
	text-index: -9999px;
}
/* Left align on larger screens */
@media all and (min-width: 720px) {
	.branding-box {
		background-position: left center;
	}
}

/* Hide duplicate sidebar entries */
.mw-ui-icon-mf-home,
.mw-ui-icon-mf-random {
	display: none;
}

footer,
footer a:active,
#footer,
#footer a:active {
	color: #FFF;
}

footer a,
#footer a,
footer a:visited,
#footer a:visited {
    color: #BFBFBF;
}

/* Fix dumb default styling */
.content code,
.content pre {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	color: black;
}
.content code {
	border-radius: 2px;
}
@media all and (max-width: 768px) {
	.gallerybox .thumb > div {
		margin: 15px !important;
		width: auto !important;
	}
}

/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
.content ul {
	list-style-image: url(/media/3/39/List_bullet.svg);
}

/* Fix footer hlist separator colour */
.footer-content .hlist-separated li:after {
	color: #FFF;
}

/* Alternating cell background */
.alternatecells:nth-child(odd) {
	background-color: #F9F9F9;
}
/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.alternaterows tr:nth-child(even),
.infobox-rows tr:nth-child(even) {
	background-color: #F9F9F9;
}

/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
	margin-top: 0.3em;
}

.treeview .treeview-header {
	padding-left: 3px;
	font-weight: bold;
}
.treeview .treeview-header:last-child {
	border-color: #636363 !important;
	border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child):before {
	content: none;
}
.treeview .treeview-header:last-child:before {
	border-bottom: 0;
}

.treeview ul,
.treeview li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.treeview li li {
	position: relative;
	padding-left: 13px;
	margin-left: 7px;
	border-left: 1px solid #636363;
}
.treeview li li:before {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 11px;
	height: 11px;
	border-bottom: 1px solid #636363;
}

.treeview li li:last-child:not(.treeview-continue) {
	border-color: transparent;
}
.treeview li li:last-child:not(.treeview-continue):before {
	border-left: 1px solid #636363;
	width: 10px;
}

.nbttree-inherited {
	background-color: #E6E6FA;
}

/* Try to use nearest neighbour scaling for pixelated images */
.pixel-image,
.invslot-item-image,
.sprite {
	image-rendering: optimizeSpeed;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

/* Simulate link styling for JS only links */
.jslink {
	color: #0645AD;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.jslink:hover {
	text-decoration: underline;
	cursor: pointer;
}
.jslink:active {
	color: #FAA700;
}