MediaWiki:Gadget-MainPageStyle.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 31: Line 31:
.main-page-left-col, .main-page-right-col {
.main-page-left-col, .main-page-right-col {
display: block !important;
display: block !important;
width: 100% !important;
width: auto !important;
padding: 0 !important;
padding: 0 !important;
}
}

Revision as of 18:37, March 6, 2022

/* CSS styling and responsive support for the main page */

/* Site styles */
.main-page-left-col {
	width: 65%;
	vertical-align: top;
}
.main-page-right-col {
	padding-left: 8px;
	vertical-align: top;
}

/* Responsive fixes */
.mp-welcome > p {
	margin: 0 !important;
}
.mp-welcome-container {
	border-spacing: 0 !important;
}
@media all and (max-width: 719px) {
	.mp-welcome {
		font-size: 110% !important;
		padding-bottom: 0 !important;
	}
	.mp-flower-mobile {
		margin-top: 10px !important;
	}
	.mp-flower-desktop {
		display: none !important;
	}
	.main-page-left-col, .main-page-right-col {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
	}
}
@media all and (min-width: 720px) {
	.mp-flower-mobile {
		display: none !important;
	}
	.main-page-right-col > .titledBox:first-of-type {
		margin-top: 0 !important;
	}
}