|
|
| Line 1: |
Line 1: |
| .ca-talk { display:none!important; } | | /* Hide talk page link for CA namespace */ |
| /* {{pp|small=yes}} */ | | .ca-talk { |
| | display: none !important; |
| | } |
| | |
| | /* Common styling for all main page boxes */ |
| .mp-box { | | .mp-box { |
| border: 1px solid #9ACD32; /* Yellow Green */ | | border: 1px solid #aaa; |
| padding: 0 0.5em 0.5em; | | padding: 0.5em; |
| margin-top: 4px; | | margin-top: 4px; |
| | background: #f9f9f9; /* Set a common background color */ |
| } | | } |
|
| |
|
| .mp-h2,
| | /* Styling for main headings */ |
| body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
| | .mp-h2 { |
| border: 1px solid #9ACD32; /* Yellow Green */ | | border: 1px solid #aaa; |
| margin: 0.5em 0; | | margin: 0.5em 0; |
| padding: 0.2em 0.4em; | | padding: 0.2em 0.4em; |
| Line 15: |
Line 20: |
| font-weight: bold; | | font-weight: bold; |
| font-family: inherit; | | font-family: inherit; |
| | background: #cef2e0; /* Set a background color */ |
| } | | } |
|
| |
|
| | /* Styling for subheadings */ |
| .mp-later { | | .mp-later { |
| font-size: 85%; | | font-size: 85%; |
| Line 22: |
Line 29: |
| } | | } |
|
| |
|
| #mp-topbanner {
| | /* Welcome section */ |
| background: #87CEFA; /* Light Sky Blue */
| |
| border-color: #4682B4; /* Steel Blue */
| |
| }
| |
| | |
| #mp-welcomecount { | | #mp-welcomecount { |
| text-align: center; | | text-align: center; |
| Line 44: |
Line 47: |
| } | | } |
|
| |
|
| #mp-free {
| | /* Clear fix */ |
| font-size: 95%;
| |
| }
| |
| | |
| #articlecount {
| |
| font-size: 85%;
| |
| }
| |
| | |
| /* clear fix */ | |
| .mp-contains-float::after { | | .mp-contains-float::after { |
| content: ""; | | content: ""; |
| Line 59: |
Line 54: |
| } | | } |
|
| |
|
| #mp-banner {
| | /* Responsive adjustments */ |
| background: #FFB6C1; /* Light Pink */
| |
| border-color: #FF69B4; /* Hot Pink */
| |
| }
| |
| | |
| #mp-left {
| |
| background: #98FB98; /* Pale Green */
| |
| border-color: #556B2F; /* Dark Olive Green */
| |
| }
| |
| | |
| #mp-left .mp-h2 {
| |
| background: #AFEEEE; /* Pale Turquoise */
| |
| border-color: #4682B4; /* Steel Blue */
| |
| }
| |
| | |
| #mp-right {
| |
| background: #FFDAB9; /* Peach Puff */
| |
| border-color: #CD853F; /* Peru */
| |
| }
| |
| | |
| #mp-right .mp-h2 {
| |
| background: #FFA07A; /* Light Salmon */
| |
| border-color: #CD5C5C; /* Indian Red */
| |
| }
| |
| | |
| #mp-middle {
| |
| background: #F0E68C; /* Khaki */
| |
| border-color: #DAA520; /* Goldenrod */
| |
| }
| |
| | |
| #mp-middle .mp-h2 {
| |
| background: #F0E68C; /* Khaki */
| |
| border-color: #DAA520; /* Goldenrod */
| |
| }
| |
| | |
| #mp-lower {
| |
| background: #FFDAB9; /* Peach Puff */
| |
| border-color: #CD853F; /* Peru */
| |
| }
| |
| | |
| #mp-lower .mp-h2 {
| |
| background: #FFA07A; /* Light Salmon */
| |
| border-color: #CD5C5C; /* Indian Red */
| |
| }
| |
| | |
| #mp-bottom {
| |
| /* no background */
| |
| border-color: #FFDAB9; /* Peach Puff */
| |
| }
| |
| | |
| #mp-bottom .mp-h2 {
| |
| background: #F0E68C; /* Khaki */
| |
| border-color: #DAA520; /* Goldenrod */
| |
| }
| |
| | |
| @media (max-width: 875px) { | | @media (max-width: 875px) { |
| /* We need to improve Template:POTD as used on the main page so that these | | /* Specific adjustments for smaller screens if needed */ |
| * hacks aren't necessary */
| |
| #mp-tfp table,
| |
| #mp-tfp tr,
| |
| #mp-tfp td,
| |
| #mp-tfp tbody {
| |
| display: block !important;
| |
| width: 100% !important;
| |
| box-sizing: border-box;
| |
| }
| |
| | |
| #mp-tfp tr:first-child td:first-child a {
| |
| text-align: center;
| |
| display: table;
| |
| margin: 0 auto;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 875px) {
| |
| #mp-upper {
| |
| display: flex;
| |
| }
| |
|
| |
| #mp-left {
| |
| flex: 1 1 100%;
| |
| margin-right: 2px;
| |
| }
| |
|
| |
| #mp-right {
| |
| flex: 1 1 100%;
| |
| margin-left: 2px;
| |
| }
| |
| } | | } |
