MediaWiki:User:Nihiltres/NewRetroMainPage.css

/* * Main Page presentational styling. Positioning and layout is done inline. */

/* Hide stuff from Main Page */ .page-Wikipedia_Main_Page_2016_redesign h1.firstHeading, .page-Wikipedia_Main_Page_2016_redesign #mp-enable, .page-Wikipedia_Main_Page_2016_redesign #siteSub, .page-Wikipedia_Main_Page_2016_redesign #contentSub, .page-Wikipedia_Main_Page_2016_redesign #catlinks { display: none; }

/* Set maximum width */ .rootpage-Wikipedia_Main_Page_2016_redesign #mw-content-text { margin: 0 auto; max-width: 122em; min-width: 36em; }

/* Basic panel styling */ .mp-panel { margin-top: 1em; padding: 1em; overflow: hidden; border: 1px solid #E0E0E0; background-color: #FAFAFA; }

/* Basic heading styling */ .mw-body .mp-h2 { border-bottom: none; margin: -1em -1em .6em -1em; padding: .5em 1em .2em 1em; font-size: 1.7em; line-height: 1.3; background-color: #E0E0E0; } /* H150 (green) for TFA, TFL, and TFP */ background-color:#F5FFFA; border-color:#CEF2E0; }   background-color: #CEF2E0; } /* H210 (blue) for ITN and OTD */ background-color:#F5FAFF; border-color:#CEDFF2; }   background-color: #CEDFF2; } /* H270 (lavender) for DYK and BAE */ background-color:#FAF5FF; border-color:#DDCEF2; }   background-color: #E0CEF2; }
 * 1) mp-tfa,
 * 2) mp-tfl,
 * 3) mp-tfp {
 * 1) mp-tfa-h2,
 * 2) mp-tfl-h2,
 * 3) mp-tfp-h2 {
 * 1) mp-itn,
 * 2) mp-otd {
 * 1) mp-itn-h2,
 * 2) mp-otd-h2 {
 * 1) mp-dyk,
 * 2) mp-bae {
 * 1) mp-dyk-h2,
 * 2) mp-bae-h2 {

/* Top banner */ padding: 0; border: 1px solid #DDDDDD; background: #F9F9F9; }   padding: 1em; overflow: hidden; }   font-family: "Linux Libertine", "Nimbus Roman No9 L", "Times New Roman", Times, serif; font-size: 17px; line-height: 1.3; }
 * 1) mp-topbanner {
 * 1) mp-topbanner-inner {
 * 1) mp-topbanner-right {

/* Stack panels when screen width is 68em or less */ @media screen and (max-width: 68em) { .mp-flex { display: block !important; }   .mp-margin-left { margin-left: 0 !important; }           .mp-float-left, .mp-float-right, #mp-topbanner-left, #mp-topbanner-right { float: none !important; width: auto !important; }   #mp-topbanner-right br { display: none; } }

/* Dynamic layout for Picture of the Day */ @media screen and (max-width: 880px) { .potd-container { -ms-flex-direction: column !important; -webkit-flex-direction: column !important; flex-direction: column !important; }   .potd-image { float: none !important; margin: 0 0 0.5em 0 !important; } } @media screen and (min-width: 1280px) { .potd-container { -ms-flex-direction: row !important; -webkit-flex-direction: row !important; flex-direction: row !important; }   .potd-image { float: left !important; margin: 0 1em 0 0 !important; } }