Line 1: |
Line 1: |
− | /* {{pp|small=yes}} */
| |
| #mp-topbanner { | | #mp-topbanner { |
| clear: both; | | clear: both; |
Line 12: |
Line 11: |
| } | | } |
| | | |
− | .mp-bordered, | + | .mp-bordered { |
− | .mp-h2,
| |
− | body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
| |
| border-width: 1px; | | border-width: 1px; |
| border-style: solid; | | border-style: solid; |
Line 20: |
Line 17: |
| | | |
| #mp-topbanner, | | #mp-topbanner, |
− | .mp-h2,
| + | { |
− | #mp-left {
| |
| color: #000; | | color: #000; |
| } | | } |
Line 43: |
Line 39: |
| font-size: 85%; | | 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-color: #ddd;
| |
− | }
| |
− |
| |
− | #mp-right {
| |
− | width: 50%;
| |
− | background: #fff;
| |
− | border-color: #ddd;
| |
− | }
| |
− |
| |
− | #mp-left,
| |
− | #mp-right {
| |
− | padding: 0;
| |
− | vertical-align: top;
| |
− | }
| |
− |
| |
− | #mp-left .mp-h2 {
| |
− | border-color: #ddd;
| |
− | color: #fff;
| |
− | font-family: sans-serif;
| |
− | background: #594F9F;
| |
− | }
| |
− |
| |
− | #mp-right .mp-h2 {
| |
− | background: #C06FBE;
| |
− | border-color: #ddd;
| |
− | color: #fff;
| |
− | font-family: sans-serif;
| |
− | }
| |
− |
| |
− | #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;
| |
− | }
| |
− |
| |
− | @media (max-width: 875px) {
| |
− |
| |
− | body.skin--responsive #mp-welcomecount {
| |
− | width: auto;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-topbanner {
| |
− | min-width: 0;
| |
− | white-space: normal;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-portals {
| |
− | display: block;
| |
− | position: static;
| |
− | width: auto;
| |
− | min-width: 0;
| |
− | text-align: center;
| |
− | border-top: 1px solid #ddd;
| |
− | padding: 0.4em 0;
| |
− | margin: 0 0.4em;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-portals li {
| |
− | position: static;
| |
− | display: inline;
| |
− | padding: 0 5px;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-topbanner .portal-hright {
| |
− | white-space: nowrap;
| |
− | }
| |
− |
| |
− | body.skin--responsive table,
| |
− | body.skin--responsive tr,
| |
− | body.skin--responsive td,
| |
− | body.skin--responsive tbody {
| |
− | display: block !important;
| |
− | width: 100% !important;
| |
− | box-sizing: border-box;
| |
− | }
| |
− |
| |
− | body.skin--responsive #mp-tfp tr:first-child td:first-child a {
| |
− | text-align: center;
| |
− | display: table;
| |
− | margin: 0 auto;
| |
− | }
| |
− | }
| |
− |
| |
− | /* End of wikipedia css */
| |
| | | |
| body { | | body { |