MediaWiki:Gadget-mainpage.css

/** Responsive main page layout **/
#main-page {
	display: grid;
	gap: 0.5em;
}

#main-page.main-page {
	grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j";
	grid-template-columns: 1fr;
}
@media screen and (min-width:990px) {
	#main-page.main-page {
		grid-template-areas: "a a a" "b b c" "d d c" "e f g" "h i j";
		grid-template-columns: 1fr 1fr 1fr;
	}
}

#main-page.dungeons-main-page {
	grid-template-areas: "a" "b" "c" "d" "e" "f";
	grid-template-columns: 1fr;
}
@media screen and (min-width:990px) {
	#main-page.dungeons-main-page {
		grid-template-areas: "a a a" "b b c" "d e f";
		grid-template-columns: 1fr 1fr 1fr;
	}
}

#main-page.legends-main-page {
	grid-template-areas: "a" "b" "c" "d" "e" "f";
	grid-template-columns: 1fr;
}
@media screen and (min-width:990px) {
	#main-page.legends-main-page {
		grid-template-areas: "a a a" "b b c" "d e f";
		grid-template-columns: 1fr 1fr 1fr;
	}
}

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

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

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

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

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

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

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

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

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

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

.mainpage-platform {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

.mainpage-platform-version {
	font-size: 1.1em;
	font-weight: bold;
}

.wgl-theme-dark .image-invert {
	filter: invert(1);
}

.fp-section {
	background-color: var(--custom-main-page-background);
	vertical-align: top;
	margin: 1px;
	width: calc(100% - 4px);
}

.fp-section-normal.has-image {
	position: relative;
}

.fp-section-header {
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: white;
    padding: 5px;
	background-image: url('https://zh.minecraft.wiki/images/GrassBackground.png');
	border-top: 6px solid #81bb5b;
}
body.wgl-theme-dark .fp-section-header {
    background-image: url('https://zh.minecraft.wiki/images/Dark-GrassBackground.png');
    border-color: #0f6240 !important;
}

.dungeons-main-page .fp-section-header {
	background-image: url('https://zh.minecraft.wiki/images/DungeonsBackground.png');
	border-top-color: #bb4200;
}

.legends-main-page .fp-section-header {
	background-image: url('https://zh.minecraft.wiki/images/LegendsBackground.png');
	border-top-color: #2b69a4;
}

.fp-section-inner {
	margin: 0.5em 0.8em;
}

.fp-section-header-image {
	position: absolute;
	right: 8px;
	top: 12px;
}

#fp-1 .fp-section-inner {
	display: grid;
	grid-template-areas: "aa" "ac" "ab" "ad";
	grid-template-columns: 1fr;
	gap: 0.3em 1em;
	align-items: center;
	justify-items: center;
}
@media screen and (min-width:990px) {
	#fp-1 .fp-section-inner {
		grid-template-areas: "aa ab" "ac ac" "ad ad";
		grid-template-columns: 300px 1fr;
	}
}
@media screen and (min-width:1350px) {
	#fp-1 .fp-section-inner {
		grid-template-columns: 1fr 2fr;
	}
}

#fp-header-file {
	grid-area: aa;
}

#fp-header-links {
	grid-area: ab;
	justify-self: stretch;
}

#fp-header-text {
	grid-area: ac;
}

#fp-header-transfer {
	grid-area: ad;
}

#fp-header-links ul {
	-ms-columns: 90px;
	-moz-columns: 90px;
	-webkit-columns: 90px;
	columns: 90px;
	-ms-column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	margin-top: 0;
}

.fp-section-edition-desc {
	display: grid;
	gap: 0.5em;
	grid-template-columns: 85px 1fr;
	grid-template-areas: "img text";
	align-items: center;
}

.fp-section-edition-desc:nth-of-type(2n) {
	grid-template-columns: 1fr 85px;
	grid-template-areas: "text img";	
}

.fp-section-edition-desc .desc-img {
	grid-area: img;
}

.fp-section-edition-desc .desc-text {
	grid-area: text;
}

.fp-section-edition-desc .desc-text.spanned {
	grid-area: initial;
	grid-column: 1 / span 2;
}

h4.fp-section-edition-desc-title {
	text-align: center;
	font-size: 1.2em;
}

hr.fp-section-edition-divider,
hr.fp-section-edition-box-divider {
	margin: 1em 0;
}

.fp-section-edition-box-title {
	font-size: 1.15em;
}

.edition-grid {
	margin: 0.5em 0;
}

.edition-grid .mainpage-platform {
	margin: 0.5em 0;
}

.java-dev-grid,
.bedrock-release-grid,
.bedrock-preview-grid,
.education-release-grid,
.education-preview-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.dungeons-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.legends-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.fp-section-edition-box-more {
	background-color: var(--custom-background-gray);
	text-align: center;
	font-size: 1.1em;
}

#fp-section-weekly {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}

#fp-section-weekly .weekly-content {
	flex: 1 0 40%;
}

.fp-section-news-date {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}

.fp-section-news-date .year-month {
	color: white;
	white-space: nowrap;
	font-size: 9px;
	user-select: none;
}

.fp-section-news-date .day {
	color: black;
	font-size: 30px;
	line-height: 30px;
	user-select: none;
}

#mainpage-propose-update {
	text-align: right;
	margin: 0.2em 0.5em 0 0;
	font-size: 85%;
	font-style: italic;
}

/* Fix interwiki indicator conflict */
body.rootpage-Minecraft_Wiki #bodyContent {
	clear: both;
}