Line 1: |
Line 1: |
| | | |
| + | #mp-topbanner { |
| + | clear: both; |
| + | position: relative; |
| + | box-sizing: border-box; |
| + | width: 100%; |
| + | margin-top: 1.2em; |
| + | min-width: 47em; |
| + | border-color: #ddd; |
| + | background-color: #F9F9F9; |
| + | white-space: nowrap; |
| + | } |
| + | |
| + | .mp-bordered, .mp-h2, body.skin-timeless .mp-h2 { |
| + | /* Timeless needs a higher specificity */ |
| + | border-width: 1px; |
| + | border-style: solid; |
| + | } |
| + | |
| + | #mp-topbanner, .mp-h2, #mp-left { |
| + | color: #000; |
| + | } |
| + | |
| + | #mp-welcomecount { |
| + | margin: 0.4em; |
| + | width: 22em; |
| + | text-align: center; |
| + | } |
| + | |
| + | #mp-welcome { |
| + | font-size: 162%; |
| + | padding: 0.1em; |
| + | } |
| + | |
| + | #mp-free { |
| + | font-size: 95%; |
| + | } |
| + | |
| + | #articlecount { |
| + | font-size: 85%; |
| + | } |
| + | |
| + | #mp-portals { |
| + | position: absolute; |
| + | right: -1em; |
| + | top: 50%; |
| + | margin-top: -2.4em; |
| + | width: 38%; |
| + | min-width: 25em; |
| + | font-size: 95%; |
| + | } |
| + | |
| + | #mp-portals li { |
| + | position: absolute; |
| + | left: 0; |
| + | top: 0; |
| + | } |
| + | |
| + | #mp-portals .portal-hmid { |
| + | left: 33%; |
| + | } |
| + | |
| + | #mp-portals .portal-hright { |
| + | left: 66%; |
| + | } |
| + | |
| + | #mp-portals .portal-vmid { |
| + | top: 1.6em; |
| + | } |
| + | |
| + | #mp-portals .portal-vbot { |
| + | top: 3.2em; |
| + | } |
| + | |
| + | .portal-hright.portal-vbot { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | #mp-banner { |
| + | margin-top: 4px; |
| + | padding: 0.5em; |
| + | background-color: #fffaf5; |
| + | border-color: #f2e0ce; |
| + | } |
| + | |
| + | .mp-h2, body.skin-timeless .mp-h2 { |
| + | /* Timeless needs a higher specificity */ |
| + | margin: 0.5em; |
| + | padding: 0.2em 0.4em; |
| + | font-size: 120%; |
| + | font-weight: bold; |
| + | font-color: %fff; |
| + | font-family: sans-serif; |
| + | } |
| + | |
| + | h2.mp-h2::after { |
| + | /* Remove borders in Timeless */ |
| + | border: none; |
| + | } |
| + | |
| + | .mp-later { |
| + | font-size: 85%; |
| + | font-weight: normal; |
| + | } |
| + | |
| + | #mp-upper { |
| + | width: 100%; |
| + | margin-top: 4px; |
| + | margin-bottom: 0; |
| + | border-spacing: 0; |
| + | border-collapse: separate; |
| + | } |
| + | |
| + | #mp-upper .mid-table { |
| + | border-color: transparent; |
| + | } |
| + | |
| + | #mp-left { |
| + | width: 50%; |
| + | background: #fff; |
| + | border: 1px solid #CCC; |
| + | } |
| + | |
| + | #mp-right { |
| + | width: 50%; |
| + | background: #fff; |
| + | border: 1px solid #CCC; |
| + | } |
| + | |
| + | #mp-left, #mp-right { |
| + | padding: 0; |
| + | vertical-align: top; |
| + | } |
| + | |
| + | #mp-left .mp-h2 { |
| + | color: #fff; |
| + | font-family: sans-serif; |
| + | background: #594F9F; |
| + | border: 1px solid #CCC;} |
| + | |
| + | #mp-right .mp-h2 { |
| + | background: #C06FBE; |
| + | color: #fff; |
| + | font-family: sans-serif; |
| + | border: 1px solid #CCC; |
| + | } |
| + | |
| + | #mp-tfa, #mp-dyk, #mp-itn, #mp-otd, #mp-other-lower>div { |
| + | padding: 0.1em 1em; |
| + | } |
| + | |
| + | #mp-dyk-h2, #mp-otd-h2 { |
| + | clear: both; |
| + | } |
| + | |
| + | #mp-middle { |
| + | /* Used for middle lower box on start page */ |
| + | margin-top: 4px; |
| + | border-color: #ddd; |
| + | background: #fff; |
| + | } |
| + | |
| + | #mp-middle, #mp-lower, #mp-other-lower { |
| + | overflow: auto; |
| + | } |
| + | |
| + | #mp-tfl-h2 { |
| + | /* Used for middle lower box header on start page */ |
| + | border-color: #ddd; |
| + | background: #594F9F; |
| + | color: #fff; |
| + | font-family: sans-serif; |
| + | } |
| + | |
| + | #mp-tfl { |
| + | padding: 0.3em 0.7em; |
| + | } |
| + | |
| + | #mp-lower { |
| + | /* Not used currently */ |
| + | color: #fff; |
| + | font-family: sans-serif; |
| + | margin-top: 4px; |
| + | background: #E9F1FF; |
| + | border-color: #ddd; |
| + | } |
| + | |
| + | #mp-tfp-h2 { |
| + | /* Not used currently */ |
| + | color: #fff; |
| + | font-family: sans-serif; |
| + | background: #fff; |
| + | border-color: #00388c; |
| + | } |
| + | |
| + | #mp-tfp { |
| + | margin: 0.1em 0.4em 0.6em; |
| + | } |
| + | |
| + | #mp-other-lower { |
| + | /* Used for bottom box on start page, box */ |
| + | margin-top: 4px; |
| + | border-color: #FFE6FF; |
| + | background: #fff; |
| + | } |
| + | |
| + | #mp-dyk, #mp-otd, #mp-other-lower { |
| + | padding-bottom: 0.5em; |
| + | } |
| + | |
| + | #mp-other-lower .mp-h2 { |
| + | /* Used for bottom box on start page, header */ |
| + | background: #594F9F; |
| + | color: #fff; |
| + | font-family: sans-serif; |
| + | border-color: #ddd; |
| + | } |