|
|
| (5 intermediate revisions by the same user not shown) |
| Line 12: |
Line 12: |
| | } | | } |
| | | | |
| − | /*
| + | .player_image { |
| − | * Main Page presentational styling. Positioning and layout is done inline.
| + | visibility: hidden; |
| − | */
| |
| − | | |
| − | /* 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 */
| |
| − | #mp-tfa,
| |
| − | #mp-tfl,
| |
| − | #mp-tfp {
| |
| − | background-color:#F5FFFA;
| |
| − | border-color:#CEF2E0;
| |
| − | }
| |
| − | #mp-tfa-h2,
| |
| − | #mp-tfl-h2,
| |
| − | #mp-tfp-h2 {
| |
| − | background-color: #CEF2E0;
| |
| − | }
| |
| − | /* H210 (blue) for ITN and OTD */
| |
| − | #mp-itn,
| |
| − | #mp-otd {
| |
| − | background-color:#F5FAFF;
| |
| − | border-color:#CEDFF2;
| |
| − | }
| |
| − | #mp-itn-h2,
| |
| − | #mp-otd-h2 {
| |
| − | background-color: #CEDFF2;
| |
| − | }
| |
| − | /* H270 (lavender) for DYK and BAE */
| |
| − | #mp-dyk,
| |
| − | #mp-bae {
| |
| − | background-color:#FAF5FF;
| |
| − | border-color:#DDCEF2;
| |
| − | }
| |
| − | #mp-dyk-h2,
| |
| − | #mp-bae-h2 {
| |
| − | background-color: #E0CEF2;
| |
| − | }
| |
| − | | |
| − | /* Top banner */
| |
| − | #mp-topbanner {
| |
| − | padding: 0;
| |
| − | border: 1px solid #DDDDDD;
| |
| − | background: #F9F9F9;
| |
| − | }
| |
| − | #mp-topbanner-inner {
| |
| − | padding: 1em;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | #mp-topbanner-right {
| |
| − | font-family: "Linux Libertine", "Nimbus Roman No9 L", "Times New Roman", Times, serif;
| |
| − | font-size: 17px;
| |
| − | line-height: 1.3;
| |
| | } | | } |
| | | | |
| − | /* Stack panels when screen width is 68em or less */
| + | #player-quotes { |
| − | @media screen and (max-width: 68em) {
| + | font-size: 11px; |
| − | .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;
| |
| − | }
| |
| | } | | } |
