MediaWiki:Gadget-MainPageStyle.css
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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 .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 #niwa-list {
font-size: 12px !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 {
font-size: 90% !important;
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;
}
}
