MediaWiki:Gadget-MainPageStyle.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 35: Line 35:
.mainpagebox.shroom-box,
.mainpagebox.shroom-box,
.mainpagebox.mwe-box {
.mainpagebox.mwe-box {
        margin-top: 10px;
margin: 10px 0 0 !important;
}
}
.mainpagebox #mf-poll > .PDS_Poll,
.mainpagebox #mf-poll > .PDS_Poll,
Line 61: Line 61:
text-align: center;
text-align: center;
padding: 2px 2px 0;
padding: 2px 2px 0;
margin-top: 10px;
margin: 10px 0 0 !important;
}
}
.mainpagebox h2 {
.mainpagebox h2 {
Line 102: Line 102:
text-align: center;
text-align: center;
padding: 2px 2px 0;
padding: 2px 2px 0;
margin-top: 10px;
margin: 10px 0 0 !important;
}
}
.mainpagebox#niwa {
.mainpagebox#niwa {

Revision as of 20:00, March 6, 2022

/* 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 {
	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 #mf-poll > .PDS_Poll,
.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: 3px 2px 2px;
}

/* Main page poll */
body.page-Main_Page .pds-box {
	width: 100% !important;
	max-width: none !important;
}
body.page-Main_Page .pds-question-top {
	padding-left: 3px !important;
}

/* Responsive fixes */
@media all and (max-width: 719px) {
	#welcome > tbody > tr > td {
		display: block !important;
	}
	#niwa #links > td,
	#mp-body > tbody > tr > td {
		display: block !important;
		width: auto !important;
	}
	table#mp-body {
		margin: 1px -7px 1px -9px !important;
	}
	#mp-body > tbody > tr > td + td {
		margin-top: 8px !important;
	}
	#niwa-logo,
	#mw-content-text .mainpagebox.maintain {
		display: none !important;
	}
	#niwa-intro {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	#niwa #links td {
		padding: 0 !important;
	}
	#niwa #links table {
		padding-left: 5% !important;
	}
	#niwa #links tr > td:first-of-type {
		width: 25px !important;
	}
}