MediaWiki:Gadget-MainPageStyle.css

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

/* Site styles */
.MainTopText a {
	color: black !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}
.mainpagebox {
	border: 2px solid #496C9C;
	padding: 2px;
	background: #F8F8FF;
	border-radius: 1em;
}
.mainpagebox p, #WithText {
	margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
	padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0;
	background: #FDFDFF;
	border-color: #999;
}
.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 .pds-question-top {
	padding-left: 3px !important;
}
.mainpagebox #poll-container > .PDS_Poll {
	margin-bottom: -1.84em !important;
}
.mainpagebox #polltable {
	margin-bottom: 25px;
}
.mainpagebox .crowdsignal {
	margin-bottom: 10px;
}
@media all and (min-width: 1240px) {
	#polltable .crowdsignal {
		margin-right: 5px;
	}
}
.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 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	border: 2px solid #567CAF;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 0.75em;
}
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 2px;
	margin: 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;
	}
	body.mediawiki table#mp-body {
		margin: 1px -7px 1px -9px !important;
	}
	#mp-body > tbody > tr > td + td {
		margin-top: 8px !important;
	}
	#niwa-logo, #poll-extra-links,
	.mainpagebox .poll__question-media,
	#mw-content-text .mainpagebox.maintain {
		display: none !important;
	}
	#WelcomeDiv {
		font-size: 150% !important;
		margin-top: 0 !important;
	}
	#WithText {
		font-size: 95% !important;
		margin-top: 0.4em !important;
	}
	.mainpagebox#welcome .floatleft,
	.mainpagebox#welcome .floatright {
		margin-top: 0.3em !important;
	}
	.mainpagebox#nav ul {
		margin-left: 5px !important;
		margin-bottom: 0.4em !important;
	}
	.mainpagebox #poll-container > .PDS_Poll {
		margin-bottom: -2.4em !important;
	}
	#niwa-intro {
		padding-left: 5px !important;
	}
	#niwa-list {
		column-count: 2 !important;
		padding-left: 0.5em !important;
	}
}