MediaWiki:Minerva.css

/* All CSS here will be loaded for users of the MinervaNeue skin */

/**
 * See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates.
 *
 * See [[MediaWiki:Vector.css]] for desktop theme related styles.
 * See [[MediaWiki:Vector-theme-dark.css]] for desktop dark theme related styles.
 *
 * See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.
 */

/* Default styles [[File:Mobile-header.png]] */
:root {
	--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header.png');
	--mobile-header-background-color: #58B5FE;
	--content-background-color: #E6EFF4;
	--content-text-color: #202122;
}

/* Dungeons [[File:Mobile-header-dungeons.png]] */
html body.rootpage-Minecraft_Dungeons,
html body.rootpage-Talk_Minecraft_Dungeons,
html body.ns-10000,
html body.ns-10001  {
	--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header-dungeons.png');
	--mobile-header-background-color: #FEA158;
	--content-background-color: #F2EEE7;
}

/* Earth [[File:Mobile-header-earth.png]] */
html body.rootpage-Minecraft_Earth,
html body.rootpage-Talk_Minecraft_Earth,
html body.ns-10002,
html body.ns-10003 {
	--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header-earth.png');
	--mobile-header-background-color: #58B5FE;
	--content-background-color: #E5EDFF;
}

/* Legends [[File:Mobile-header-legends.png]] */
html body.rootpage-Minecraft_Legends,
html body.rootpage-Talk_Minecraft_Legends,
html body.ns-10006,
html body.ns-10007 {
	--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header-legends.png');
	--mobile-header-background-color: #58B5FE;
	--content-background-color: #DAEAE9;
}

/* Story Mode [[File:Mobile-header-storymode.png]] */
body.rootpage-Minecraft_Story_Mode,
body.rootpage-Talk_Minecraft_Story_Mode,
body.rootpage-Minecraft_Story_Mode_-_Season_Two,
body.rootpage-Talk_Minecraft_Story_Mode_-_Season_Two,
body.ns-10004,
body.ns-10005 {
	--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header-storymode.png');
	--mobile-header-background-color: #9E9AE4;
	--content-background-color: #f9eddc;
}

/* Movie [[File:Mobile-header-movie.png]] */
body.rootpage-A_Minecraft_Movie,
body.rootpage-Talk_A_Minecraft_Movie,
body.ns-10012,
body.ns-10013 {
	--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header-movie.png');
    --mobile-header-background-color: #70A8E6;
	--content-background-color: #E8E3E1;
}

/** Minecraft skin **/
.overlay.search-overlay,
.overlay.editor-overlay {
	padding-top: 90px;
}

input#searchInput,
input {
    color: #000000;
}

/* Grass header background */
.skin-minerva #mw-mf-page-center .header-container,
.skin-minerva .search-overlay .header-container {
    position: relative;
    background: var(--mobile-header-background) left bottom repeat-x,linear-gradient(0deg,var(--content-background-color) 50%,var(--mobile-header-background-color) 50%);
    background-size: 48px auto;
    right: 0;
    left: 0;
    height: 96px;
}

.skin-minerva .header-container {
    background-color: transparent;
    box-shadow: none;
}

.overlay-header,
.minerva-header {
	padding-top: 7px;
}

/* Hide grass when editing on small screens to maximise editing space */
@media all and (max-width: 999px) {
	.overlay-enabled .editor-overlay {
		padding-top: 3.35em;
	}
	.overlay-enabled .overlay.editor-overlay .header-container:after {
		bottom: 0;
		background-position: left bottom -29px;
	}
}

.overlay .overlay-header-container.header-container {
	z-index: 2;
}

.minerva-header .branding-box {
    opacity: 1;
}

.notification-count {
	background: none;
}

/* Background color */
.overlay-enabled,
.overlay-content,
.mw-body {
	background-color: var(--content-background-color);
}

/* Fix editor colour */
#wikitext-editor {
	background-color: #FFF;
}

/* Give the footer the stone texture: [[File:Mobile-background.png]] */
.minerva-footer {
	background: url('filepath://Mobile-background.png') #202020;
}

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

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

.last-modified-bar {
	background-color: #EAECF0;
}

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

.wikitable > tbody {
	background-color: #f8f9fa;
}

/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
.content ul {
	list-style-image: url('filepath:///resources/assets/mc/List_bullet.svg');
}

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

/* Fix hlist gaps being too wide */
.hlist > ul li {
	margin-right: 0;
}

/* Fix changes autocollapsing in recent changes */
.mw-changeslist-edit, .mw-changeslist-line {
	display: table-row !important;
}
.mw-changeslist-line-inner {
	padding-top: 1.5em;
}
.mw-enhanced-rc-nested {
    padding-top: 0.5em;
}

/* 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),
.alternaterows tr:nth-child(even) td,
.infobox-rows tr:nth-child(even) td {
	background-color: #F9F9F9;
}

/* Show TOC */
@media (max-width: 512px) {
	.skin-minerva .toc-mobile {
		display: block;
	}
}

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

/* Hatnotes and disambiguation notices */
.hatnote {
	font-style: italic;
}
.hatnote i {
	font-style: normal;
}
div.hatnote {
    padding-left: 0;
	margin-bottom: 0.5em;
    font-size: 0.8125rem;
}
div.hatnote + div.hatnote {
	margin-top: -0.5em;
}
div.msgbox {
    font-size: 0.8125rem;
    max-width: revert !important;
}
@media all and (min-width: 511px) {
	div.msgbox-subtle {
		max-width: 306px !important;
	}
}

/* Fix animated infobox images shifting the screen when images have different dimensions */
.content span.animated a > img,
.content span.animated a > .lazy-image-placeholder,
.content noscript span.animated > img {
    max-width: initial !important;
}

body.page-Main_Page #firstHeading {
    display: none;
}

/* Hide nomobile */
.nomobile,
.msgbox .msgbox-image {
	display: none;
}

/* Remove blank space when editing */
.action-edit .overlay-header-container + .overlay-content {
    padding-top: 0;
}
.editor-overlay .content {
    margin-top: 0;
}

/* Add a background color to the overlay header and remove the padding */
.overlay-header {
    background-color: var(--content-background-color);
    padding-top: 0;
}

.content li {
    margin-bottom: 2px;
}

.content .mw-parser-output > h2, .content .section-heading {
    border-bottom: 1px solid #c8ccd1;
}

dl {
    margin-bottom: 5px;
}

.mcw-mainpage-icons {
    padding: 0;
}

/* Force collapsed navbox headers to full width */
.content table.navbox {
	display: table;
	border-collapse: separate;
}

/* Margin is too big */
.page-heading {
	margin-bottom: 0;
}

/* DiscussionTools */
.ext-discussiontools-replytool-enabled dl,
.rootpage-Minecraft_Wiki_Admin_noticeboard dl,
.ns-10008 dl,
.ns-talk dl {
	border-left: 1px dotted var(--content-text-color);
	margin-left: 0;
}

.ext-discussiontools-replytool-enabled:not(.ns-4) dd,
.rootpage-Minecraft_Wiki_Admin_noticeboard dd,
.ns-10008 dd,
.ns-talk dd {
	margin-left: 1em;
}

.ext-discussiontools-replytool-enabled:not(.ns-4) dl:has(+ dl),
.ext-discussiontools-replytool-enabled:not(.ns-4) dl dl,
.rootpage-Minecraft_Wiki_Admin_noticeboard dl:has(+ dl),
.rootpage-Minecraft_Wiki_Admin_noticeboard dl dl,
.ns-10008 dl:has(+ dl),
.ns-10008 dl dl,
.ns-talk dl:has(+ dl),
.ns-talk dl dl {
	margin-bottom: -0.5em;
	padding-bottom: 0.5em;
}

body:is(
	.ext-discussiontools-replytool-enabled:not(.ns-4),
	.rootpage-Minecraft_Wiki_Admin_noticeboard,
	.ns-10008,
	.ns-talk
) dd:first-child:not(:has(> dl:first-child)) {
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px dotted var(--content-text-color);
}

body:is(
	.ext-discussiontools-replytool-enabled:not(.ns-4),
	.rootpage-Minecraft_Wiki_Admin_noticeboard,
	.ns-10008,
	.ns-talk
) dd:not(:last-child):has([data-mw-comment-end]) {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted var(--content-text-color);
}

/* Hide page title on all main pages */
body.rootpage-Minecraft_Wiki .page-heading,
body.rootpage-Movie_Wiki .page-heading,
body.rootpage-Dungeons_Wiki .page-heading,
body.rootpage-Legends_Wiki .page-heading,
body.rootpage-Story_Mode_Wiki .page-heading,
body.rootpage-Earth_Wiki .page-heading {
	display: none;
}

/* Hide page/talk and edit bar links to match normal main page */
body.rootpage-Movie_Wiki .minerva__tab-container,
body.rootpage-Movie_Wiki .page-actions-menu,
body.rootpage-Dungeons_Wiki .minerva__tab-container,
body.rootpage-Dungeons_Wiki .page-actions-menu,
body.rootpage-Legends_Wiki .minerva__tab-container,
body.rootpage-Legends_Wiki .page-actions-menu,
body.rootpage-Story_Mode_Wiki .minerva__tab-container,
body.rootpage-Story_Mode_Wiki .page-actions-menu,
body.rootpage-Earth_Wiki .minerva__tab-container,
body.rootpage-Earth_Wiki .page-actions-menu {
	display: none;
}


.mainpage-body .tile-row {
    width: inherit;
    display: block !important;
}


.mainpage-left .tile {
    padding: 2.5em 1.75em 2em;
}

.mainpage-left .tile h2 {
    padding: 0;
    margin: 0.65em 0.5em;
}

.mainpage-left .tile-halves h2 {
    padding: 0;
    margin: 0.65em 0.5em;
}

.mainpage-recent-updates {
    padding: 1.5em 1em 2.5em;
}

.mainpage-recent-updates::before {
    content: 'Recent updates';
    display: block;
    margin-left: 1.5em;
    color: var(--byline-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    grid-column: 1 / 4;
}

.mainpage-recent-updates .tile-halves {
    display: inline-block;
    width: 100%;
    white-space: initial;
    flex: unset;
}

.mainpage-recent-updates .tile-halves:nth-child(1) {
    animation: 0.9s 0.2s both slide-up;
}

.mainpage-recent-updates .tile-halves:nth-child(2) {
    animation: 0.9s 0.4s both slide-up;
}

.mainpage-recent-updates .tile-halves:nth-child(3) {
    animation: 0.9s 0.6s both slide-up;
}

.mainpage-recent-updates .tile-top {
    height: 9em;
    overflow: hidden;
}

.mainpage-recent-updates .tile-bottom {
    padding-bottom: 0.5rem;
}

.mainpage-recent-updates .byline {
    margin: 0;
}

.mainpage-recent-updates .byline + h2 {
    margin: 0.025em 0 0;
    padding: 0;
}

@media only screen and (max-width: 720px) {
    .mainpage-recent-updates::before {
          text-align: center;
          margin: 0;
          grid-column: auto;
    }

}

.mainpage-contents {
    background: #ffffff;
    border: 1px solid #146433;
    padding: 55px 2em 2em 2em;
    overflow-x: auto;
    grid-template-columns: repeat(6, 1fr) !important;
    position: relative;
    scroll-snap-align: center;
}

.mainpage-contents::before {
    margin: 1em;
    position: absolute;
    top: 0;
    color: inherit;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    grid-column: 1 / 6;
}

.mainpage-contents .tile-halves {
    border: none;
    background: none;
    box-shadow: none;
    margin-top: 1rem;
    border: 1px solid #146433;
}

.tile-image {
	justify-content: center;
}

.mainpage-contents .tile-top {
    padding: 0;
    height: initial;
}

.mainpage-contents .tile-bottom {
    border: none;
}

.mainpage-contents h2 {
    width: 100%;
}

@media only screen and (max-width: 1000px) {
    .mainpage-skills .tile-top ul {
          margin: 0;
    }

}

.mainpage-discord .tile-top {
    padding: 1em 2em;
    height: 70px;
}

.mainpage-discord .tile-top .partner-icon {
    margin-right: 1em;
}

.mainpage-discord .tile-top .server-name {
    margin: 0;
}

.mainpage-discord .tile-top .server-tagline {
    margin: 0;
}

.mainpage-twitter {
    margin-bottom: 0;
}

.mainpage-twitter .tile-top {
    padding: 1em 2em;
    height: 70px;
}

.mainpage-twitter .tile-top .twitter-logo {
    margin-right: 1em;
}

.mainpage-twitter .tile-top .twitter-name {
    margin: 0;
}

.mainpage-twitter .tile-top .twitter-tagline {
    margin: 0;
}