MediaWiki:Gadget-MainPageStyle.css

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

/* Site styles */
.MainTopText a {
	color: #000 !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: #000;
	text-decoration: underline;
}
.mainpagebox {
	background: #F8F8FF;
	border: 2px solid #496C9C;
	border-radius: 1em;
	padding: 2px;
}
.mainpagebox p, #WithText {
	margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
	padding: 2px 2px 2px 0;
}
.mainpagebox#welcome td {
	overflow: visible;
}
.mainpagebox#welcome .floatleft,
.mainpagebox#welcome .floatright {
	margin: 0 !important;
}
.mainpagebox#nav {
	font-size: 120%;
	background: #FDFDFF;
	border-color: #999;
	padding: 2px 0 5px;
}
.mainpagebox#nav ul {
	margin-left: 20px;
}
.mainpagebox#poll,
.mainpagebox#dyk,
.mainpagebox.shroom-box,
.mainpagebox.mwe-box {
	margin: 10px 0 0 !important;
}
.mainpagebox .pds-box {
	width: 100% !important;
	max-width: none !important;
}
.mainpagebox .poll__question-media > div {
	border: 1px solid #3B587E;
}
.mainpagebox #poll-container > .PDS_Poll {
	margin-bottom: -1.84em !important;
}
.mainpagebox .crowdsignal {
	margin-bottom: 10px;
}
.mainpagebox#poll .throbber {
	display: none;
}
.mainpagebox#right {
	padding: 2px 2px 5px;
}
.mainpagebox.maintain {
	text-align: center;
	padding: 2px 2px 0;
	margin: 10px 0 0 !important;
}
.mainpagebox h2 {
	color: #fff;
	font-size: 120% !important;
	font-weight: bold;
	text-align: center;
	border-color: #567CAF;
	border-radius: 0.75em;
	border: 2px solid !important;
	margin-bottom: 1px !important;
	padding: 4px 5px 2px;
}
body .mainpagebox#featured h2 {
	background: #009D00;
	border-color: #005100 !important;
}
body .mainpagebox#poll h2 {
	background: #9B04FF;
	border-color: #4F0084 !important;
}
body .mainpagebox#news h2 {
	background: #1C49FF;
	border-color: #001C8A !important;
}
body .mainpagebox#dyk h2 {
	background: #FF8000;
	border-color: #914800 !important;
}
body .mainpagebox#shroom-left h2,
body .mainpagebox#shroom-right h2 {
	background: #EC0000;
	border-color: #9D0000 !important;
}
body .mainpagebox#mwe-left h2,
body .mainpagebox#mwe-right h2 {
	background: #FF4868;
	border-color: #C60023 !important;
}
.mainpagebox#announce {
	text-align: center;
	padding: 2px 2px 0;
	margin: 10px 0 0 !important;
}
.mainpagebox#niwa {
	padding: 4px 6px 3px 2px;
	margin: 0 !important;
}

/* Skin fixes */
body.mobile #mp-body {
	display: block !important;
}
body.mobile #WelcomeDiv {
	margin-top: -5px !important;
}
body.mobile .mainpagebox#nav ul {
	margin-bottom: 0.31em !important;
}
body.skin-minerva .mainpagebox#nav ul {
	margin-left: 5px !important;
}
body.skin-minerva #WithText {
	margin-top: 4px !important;
}
#mp-body h2 {
	margin-top: 0 !important;
}
#mp-body h2::after {
	border: none !important;
}

/* Responsive fixes */
@media all and (max-width: 719px) {
	#welcome > tbody > tr > td {
		display: block !important;
	}
	#mp-body > tbody > tr > td {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
	}
	#mp-body > tbody > tr > td + td {
		margin-top: 10px !important;
	}
	#niwa-logo, .niwa-series,
	.mainpagebox .poll__question-media,
	#mw-content-text .mainpagebox.maintain {
		display: none !important;
	}
	#WelcomeDiv {
		font-size: 150% !important;
	}
	#WithText {
		font-size: 95% !important;
	}
	body.skin-timeless .mainpagebox#welcome {
		font-size: 85% !important;
	}
	.mainpagebox #nav-container {
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}
	.mainpagebox#nav ul {
		margin-left: 5px !important;
	}
	body:not(.skin-minerva) .mainpagebox#nav ul {
		margin-left: 15px !important;
	}
	body.mediawiki .mainpagebox ul {
		margin-bottom: 0;
	}
	body:not(.skin-timeless) .mainpagebox #poll-container > .PDS_Poll {
		margin-bottom: -2.3em !important;
	}
	body.skin-timeless.mobile .mainpagebox #poll-container > .PDS_Poll {
		margin-bottom: -2.11em !important;
	}
	#niwa-intro {
		padding-left: 5px !important;
	}
	#niwa-list {
		column-count: 2 !important;
		column-width: auto !important;
		padding-left: 1em !important;
	}
}
@media all and (max-width: 850px) {
	#poll-extra-links {
		display: none !important;
	}
}
@media all and (min-width: 720px) {
	.mainpagebox #polltable {
		margin-bottom: 3px;
	}
}
@media all and (min-width: 1240px) {
	#polltable .crowdsignal {
		margin-right: 5px;
	}
}