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 { 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 .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; }	margin-top: 0 !important; }	border: none !important; }
 * 1) mp-body h2 {
 * 1) mp-body h2::after {

/* 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; } }