Użytkownik:Frisk/fandommobile.css

/**
 * Minecraft theme for FandomMobile, from
 * [[MediaWiki:Gadget-site-styles.css]] and [[MediaWiki:Mobile.css]]
 */

/* Borrowed ;) from https://minecraft.fandom.com/wiki/User:Unavailablehoax/fandommobile.css */

/* Give the header the grass texture: [[File:Mobile-header.png]] */
.skin-fandommobile .wds-community-bar:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -29px;
	left: 0;
	height: 100vh;
	background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/6a/Mobile-header.png/revision/latest) left bottom repeat-x #8DBDE9;
	background-size: 48px auto;
	z-index: -1;
}

#fandom-mobile-wrapper {
	margin-top: 45px;
}

/* Give the main content area its healthy blue glow */
:root {
	--theme-article-background-color: #E6EFF4;
	--fandommobile-body-gradient: none
}

/* Use logo instead of text */
.wds-community-bar__sitename,
.wds-community-bar__content {
	background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/9/90/Minecraft_Wiki_header.svg/revision/latest) center no-repeat;
	background-size: 150px auto;
	min-height: 100%;
	min-width: 150px;
	border-bottom: none;
	
}

.wds-community-bar .wds-community-bar__sitename {
	background: none
}

/* Hides text */
.wds-community-bar__sitename a {
	height: 3.35em;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* Fixes [[Template:Inventory slot]] */
.invslot {
	box-sizing: content-box;
}

.invslot-item,
.invslot-item > a:first-child {
	margin: -2px /* Reverts attempted fix made on [[Mediawiki:FandomMobile.css]], which breaks this fix */
}

.invslot-large {
	width: 32px;
	height: 32px;
}


/**
 * Missing stylings from [[MediaWiki:Gadget-site-styles.css]]
 * and [[MediaWiki:Mobile.css]] which were not put into
 * [[Mediawiki:FandomMobile.css]], with a few adjustments to work
 */

/** Responsive main page layout **/
#main-page.main-page {
	display: -ms-grid;
	-ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j";
	-ms-grid-template-columns: 100%;
	display: grid;
	grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j";
	grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
	#main-page.main-page {
		-ms-grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j";
		-ms-grid-template-columns: 33% 33% 34%;
		grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j";
		grid-template-columns: 33% 33% 34%;
	}
}

#main-page.main-page {
	margin: -1px;
}

.fp-section {
	background-color: #FCFCFC;
	border: 1px solid #ccc;
	vertical-align: top;
	margin: 1px;
	width: calc(100% - 4px);
}

#fp-1 {
	-ms-grid-area: a;
	grid-area: a;
}

#fp-2 {
	-ms-grid-area: b;
	grid-area: b;
}

#fp-3 {
	-ms-grid-area: c;
	grid-area: c;
}

#fp-4 {
	-ms-grid-area: d;
	grid-area: d;
}

#fp-5 {
	-ms-grid-area: e;
	grid-area: e;
}

#fp-6 {
	-ms-grid-area: f;
	grid-area: f;
}

#fp-7 {
	-ms-grid-area: g;
	grid-area: g;
}

#fp-8 {
	-ms-grid-area: h;
	grid-area: h;
}

#fp-9 {
	-ms-grid-area: i;
	grid-area: i;
}

#fp-10 {
	-ms-grid-area: j;
	grid-area: j;
}

/** Main page stylings **/
.edition-boxes p {
	margin: 0;
}

/* Re-add styles to definition list headers */
dt {
	margin-left: 0
}

/** Template stylings **/
/* [[Template:Infobox]], [[Template:Infobox row]] */
.notaninfobox {
	margin-bottom: 1em;
	font-size: 90%;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 2px;
	overflow: auto;
	z-index: 1;
}


.infobox-imagearea {
	padding: 4px;
}

.notaninfobox .infobox-rows {
	display: table;
	margin: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
#mw-content-text .infobox-rows p {
	margin: 0;
}
/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.infobox-rows dl + dl {
	margin-top: -0.3em;
}
.infobox-rows dl:last-child {
	margin-bottom: 0.2em;
}

.infobox-invimages {
	max-width: 292px;
	display: inline-block;
}

/** Misc stuff **/
/* The blue header used throughout the wiki */
.mcwiki-header {
	background: #729FCF;
	border: 1px solid #CCC;
	border-bottom: 4px groove #999;
	border-right: 4px groove #999;
	padding: 5px;
}

/* Generic nowrap class */
.nowrap {
	white-space: nowrap;
}

/* Remove bullets/numbers from a list */
#mw-content-text .list-style-none ul, .list-style-none ol {
	list-style: none;
	margin-left: 0;
}

/* Bulletless lists, for list semantics without the visuals */
.bulletless ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

/* Various styling for message boxes */
.msgbox {
	display: flex;
	background: #FCFCFC;
	border: 1px solid #CCC;
	box-sizing: border-box;
	align-items: center;
	width: auto;
	padding: .4em .8em;
	margin: 0 auto;
	margin-bottom: 1em;
	max-width: none !important; /* Overrides inline style from [[Template:Message box]] */
}
.msgbox + .msgbox {
	border-top: none;
	margin-top: -1em;
}
:not(.msgbox) + .msgbox,
.msgbox:first-of-type {
	border-top-right-radius: .15em;
	border-top-left-radius: .15em;
}
.msgbox #msgbox-iconimage,
.msgbox #msgbox-image {
	margin: 0 1.5em 0 .5em;
}
.msgbox-mini {
	padding: .4em .5em;
	margin: 0 0;
	margin-bottom: 1em;
}
.msgbox-mini #msgbox-icon {
	align-self: flex-start;
}
.msgbox-mini #msgbox-iconimage,
.msgbox-mini #msgbox-image {
	margin: 0 .4em 0 .5em;
}
.msgbox-mini #msgbox-text {
	font-size: small;
}
.msgbox-red {
	background: #FDD;
	border-left: 4px solid #FAA;
}
.msgbox-orange {
	background: #FEC;
	border-left: 4px solid #DC8;
}
.msgbox-yellow {
	background: #FFC;
	border-left: 4px solid #DD8;
}
.msgbox-green {
	background: #DFD;
	border-left: 4px solid #9C9;
}
.msgbox-blue {
	background: #DEF;
	border-left: 4px solid #9CD;
}
.msgbox-magenta {
	background: #FDF;
	border-left: 4px solid #DAD;
}
.msgbox-purple {
	background: #EEF;
	border-left: 4px solid #AAD;
}

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

/* 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: var(--theme-link-color) !important /* Fixes wrong variable name used on [[MediaWiki:FandomMobile.css]] */
}
.jslink:hover {
	cursor: pointer;
}

/* Hatnotes and disambiguation notices */
.hatnote {
	font-style: italic;
}
.hatnote i {
	font-style: normal;
}
div.hatnote {
	padding-left: 1.6em;
	margin-bottom: 0.5em;
	margin-left: 0 !important; /* Overrides inline style from [[Template:Hatnote]] (which should be removed) */
}
div.hatnote + div.hatnote {
	margin-top: -0.5em;
}