Line 1: |
Line 1: |
− | /* For the Top banner on Start Page */
| |
| | | |
− | #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-family: inherit;
| |
− | }
| |
− |
| |
− | h2.mp-h2::after { /* Remove borders in Timeless */
| |
− | border: none;
| |
− | }
| |
− |
| |
− | .mp-later {
| |
− | font-size: 85%;
| |
− | font-weight: normal;
| |
− | }
| |
− |
| |
− | /* End of Top banner on Start Page */
| |
− |
| |
− | /* For the rest of the Start Page */
| |
− |
| |
− | .mainpage_row {
| |
− | display: flex;
| |
− | flex-direction: row;
| |
− | flex-flow: row wrap;
| |
− | justify-content: space-between;
| |
− | padding: 0;
| |
− | margin: 0 -5px 0 -5px;
| |
− | }
| |
− | .mainpage_box {
| |
− | flex: 1;
| |
− | margin: 5px;
| |
− | min-width: 210px;
| |
− | border: 1px solid #CCC;
| |
− | padding: 0 10px 10px 10px;
| |
− | box-shadow: 0 2px 2px rgba(0,0,0,0.1);
| |
− | }
| |
− | .mainpage_box h3 {
| |
− | /* Reset padding so is equal across skins */
| |
− | padding: 0;
| |
− | margin: 0.5em 0;
| |
− |
| |
− | }
| |
− | .mainpage_box h3 .header_icon {
| |
− | float: left;
| |
− | margin-right: 5px;
| |
− |
| |
− | }
| |
− | .mainpage_box .items {
| |
− | border-top: 1px solid #CCC;
| |
− | padding-top: 0.5em;
| |
− | }
| |
− | .mainpage_box p:last-child {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | .mainpage_boxcontents_small {
| |
− | font-size: 95%;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 719px) {
| |
− | .thumb {
| |
− | float: none;
| |
− | }
| |
− | .thumb, .thumbinner {
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | }
| |
− | }
| |
− |
| |
− | .pw-ui-button, .pw-ui-progressive {
| |
− | border-radius: 4px !important;
| |
− | border: 1px solid #40798C !important;
| |
− | color: #40798C !important;
| |
− | background: #fff !important;
| |
− | text-shadow: 0px 0px 0px;
| |
− | }
| |
− |
| |
− | .pw-ui-button.pw-ui-progressive:hover, .pw-ui-button.pw-ui-progressive:focus, .pw-ui-button.pw-ui-progressive:active, .pw-ui-button:hover, .pw-ui-progressive:hover, .pw-ui-button:focus, .pw-ui-progressive:focus {
| |
− | box-shadow: 0px 0px 0px !important;
| |
− | text-shadow: 0px 0px 0px !important;
| |
− | border: 1px solid #40798C !important;
| |
− | }
| |
− |
| |
− | /* End for the Start Page */
| |
− |
| |
− |
| |
− | body {
| |
− | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
| |
− | background: #fff !important;
| |
− | }
| |
− |
| |
− | p {
| |
− | font-weight: 300 !important;
| |
− | line-height: 1.9 !important;
| |
− | }
| |
− |
| |
− |
| |
− | table, td, th {
| |
− | border: 0px !important;
| |
− | border-collapse: collapse !important;
| |
− | padding: 5px !important;
| |
− | }
| |
− |
| |
− |
| |
− | ul, li {
| |
− | background: transparent !important;
| |
− | border: 0px !important;
| |
− | line-height: 1.8 !important;
| |
− | font-size: 14px !important;
| |
− | font-weight: 300 !important;
| |
− | }
| |
− |
| |
− | li span {
| |
− | background: transparent !important;
| |
− | border: 0px !important;
| |
− | font-size: 14px !important;
| |
− | }
| |
− |
| |
− | .referencetooltip {
| |
− | background-color: #EEE !important;
| |
− | }
| |
− |
| |
− | dl {
| |
− | font-weight: 300 !important;
| |
− | }
| |
− |
| |
− | dt {
| |
− | font-style: italic;
| |
− | font-size: 16px !important;
| |
− | margin-top: 10px !important;
| |
− | }
| |
− |
| |
− | dd {
| |
− | font-size: 15px !important;
| |
− | }
| |
− |
| |
− | .mw-wiki-logo {
| |
− | padding-left: 15px !important;
| |
− | padding-top: 10px !important;
| |
− | border: none !important;
| |
− | }
| |
− |
| |
− | /*#p-logo a {
| |
− | background-image: url('https://i.imgur.com/ur4m5Ia.png') !important;
| |
− | }*/
| |
− |
| |
− | code {
| |
− | padding: 3px !important;
| |
− | background: transparent !important;
| |
− | color: #39892f !important;
| |
− | }
| |
− |
| |
− | tt {
| |
− | font-family: 'Source Code Pro', 'Lucida Sans Unicode', 'Courier New' !important;
| |
− | font-size: 16px !important;
| |
− | }
| |
− |
| |
− | .new, .new:link, .new:visited {
| |
− | color: #cd5b45 !important;
| |
− | }
| |
− |
| |
− | blockquote {
| |
− | border: 0px !important;
| |
− | font-style: italic !important;
| |
− | font-size: 20px !important;
| |
− | margin: 35px 75px !important;
| |
− | line-height: 1.5 !important;
| |
− | font-weight: 300 !important;
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | select {
| |
− | padding: 0px 10px;
| |
− | }
| |
− |
| |
− | .mw-ui-button, .mw-ui-progressive {
| |
− | border-radius: 4px !important;
| |
− | border: 1px solid #347Bff !important;
| |
− | color: #347Bff !important;
| |
− | background: #fff !important;
| |
− | text-shadow: 0px 0px 0px;
| |
− | }
| |
− |
| |
− | .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button:hover, .mw-ui-progressive:hover, .mw-ui-button:focus, .mw-ui-progressive:focus {
| |
− | box-shadow: 0px 0px 0px !important;
| |
− | text-shadow: 0px 0px 0px !important;
| |
− | border: 1px solid #347Bff !important;
| |
− | }
| |
− |
| |
− | #wpSave, #wpPreview, #wpDiff {
| |
− | border-radius: 4px !important;
| |
− | border: 1px solid #347Bff !important;
| |
− | color: #347Bff !important;
| |
− | background: #fff !important;
| |
− | text-shadow: 0px 0px 0px;
| |
− | padding: 0.5em 1em;
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | #wpSave:hover, #wpPreview:hover, #wpDiff:hover {
| |
− | color: rgba(52, 123, 255, 0.5) !important;
| |
− | ;
| |
− | }
| |
− |
| |
− | /* Search */
| |
− |
| |
− | #simpleSearch {
| |
− | background: transparent !important;
| |
− | border-color: #ccc !important;
| |
− | }
| |
− |
| |
− | #searchInput {
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .mw-ui-input {
| |
− | border: 1px solid #347Bff !important;
| |
− | color: #000 !important;
| |
− | background: #fff !important;
| |
− | font-size: 16px !important;
| |
− | }
| |
− |
| |
− | .mw-ui-input:focus {
| |
− | box-shadow: 0px 0px 0px !important;
| |
− | }
| |
− |
| |
− | .mw-content-ltr pre {
| |
− | font-family: "Courier New", Lucida Console, sans-serif !important;
| |
− | color: #000d26 !important;
| |
− | }
| |
− |
| |
− | .suggestions {
| |
− | font-weight: 300 !important;
| |
− | font-size: 15px !important;
| |
− | max-width: 300px !important;
| |
− | margin-top: 15px !important;
| |
− | border: 0px !important;
| |
− | box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
| |
− | }
| |
− |
| |
− | .suggestions-results {
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | .suggestions-result {
| |
− | padding: 10px !important;
| |
− | }
| |
− |
| |
− | .imeselector, #searchEngines {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | .mw-search-formheader {
| |
− | border: 0px !important;
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .central-featured-logo {
| |
− | background-image: url('https://i.imgur.com/nRDTbeb.png') !important;
| |
− | }
| |
− |
| |
− | .mw-search-result-heading, .searchresult, .searchmatch {
| |
− | font-size: 14px !important;
| |
− | font-weight: 400 !important;
| |
− | padding: 3px 0px !important;
| |
− | }
| |
− |
| |
− | .searchmatch {
| |
− | font-weight: 700 !important;
| |
− | }
| |
− |
| |
− | /*
| |
− | .mw-search-result-data, .mw-search-createlink {
| |
− | display: none;
| |
− | }
| |
− | */
| |
− |
| |
− | #mw-page-base, .vectorTabs {
| |
− | background: transparent !important;
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | #content {
| |
− | border: 0px !important;
| |
− | margin-left: 215px !important;
| |
− | }
| |
− |
| |
− | .portal {
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | #mw-panel {
| |
− | width: 200px !important;
| |
− | border-right: 1px solid #bbb;
| |
− | background: white !important;
| |
− | padding-left: 10px !important;
| |
− | }
| |
− |
| |
− | #p-logo {
| |
− | left: 0px;
| |
− | padding-left: 10px;
| |
− | background-color: white;
| |
− | }
| |
− |
| |
− | #p-logo a {
| |
− | padding-left: 40px;
| |
− | background-color: white;
| |
− | left: 0px;
| |
− | border-right: 1px solid #aaa;
| |
− | }
| |
− |
| |
− | #p-logo a:hover {
| |
− | opacity: 1.0;
| |
− | }
| |
− |
| |
− | #mw-head {
| |
− | background-color: #f9f9f9;
| |
− | opacity: 1.0;
| |
− | box-shadow: 0px 1px 2px #aaa;
| |
− | -webkit-transition-property: opacity !important;
| |
− | -moz-transition-property: opacity !important;
| |
− | -o-transition-property: opacity !important;
| |
− | -ms-transition-property: opacity !important;
| |
− | transition-property: opacity !important;
| |
− | -webkit-transition-duration: 0.5s !important;
| |
− | -moz-transition-duration: 0.5s !important;
| |
− | -o-transition-duration: 0.5s !important;
| |
− | -ms-transition-duration: 0.5s !important;
| |
− | transition-duration: 0.25s !important;
| |
− | }
| |
− |
| |
− | #mw-head:hover {
| |
− | opacity: 1.0 !important;
| |
− | }
| |
− |
| |
− | .uls-settings-trigger {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | #left-navigation {
| |
− | margin-left: 233px !important;
| |
− | }
| |
− |
| |
− | .wikitable {
| |
− | font-weight: 300 !important;
| |
− | }
| |
− |
| |
− | .wikitable td, .wikitable th {
| |
− | border: 1px dashed rgba(0, 0, 0, 0.07) !important;
| |
− | }
| |
− |
| |
− | pre {
| |
− | line-height: 1.3 !important;
| |
− | font-family: "Courier New", Lucida Console, sans-serif !important;
| |
− | border: 0px !important;
| |
− | background: 0px !important;
| |
− | font-size: 16px !important;
| |
− | }
| |
− |
| |
− | .mw-code {
| |
− | border: 0px !important;
| |
− | padding: 17px !important;
| |
− | background: 0px !important;
| |
− | font-size: 16px !important;
| |
− | }
| |
− |
| |
− | .toc {
| |
− | background: transparent !important;
| |
− | border-style: dashed !important;
| |
− | display: block !important;
| |
− | max-width: 300px !important;
| |
− | }
| |
− |
| |
− | .toctoggle {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | .thumbinner, .thumb, .toccolours, .graytable {
| |
− | background: transparent !important;
| |
− | border: 0px !important;
| |
− | font-size: 16px !important;
| |
− | }
| |
− |
| |
− | .thumbimage {
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | .thumbcaption {
| |
− | font-style: italic !important;
| |
− | margin: 7px 0px !important;
| |
− | }
| |
− |
| |
− | .thumbimage:hover {
| |
− | opacity: 0.85 !important;
| |
− | }
| |
− |
| |
− | .dablink {
| |
− | margin: 14px 0px !important;
| |
− | font-weight: 300 !important;
| |
− | font-size: 18px !important;
| |
− | }
| |
− |
| |
− | #siteSub, .flaggedrevs_preview {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | .ambox, .tmbox, .Note, .informationbox {
| |
− | margin: 5px 0px !important;
| |
− | font-size: 18px !important;
| |
− | font-weight: 700 !important;
| |
− | line-height: 1.5 !important;
| |
− | border: 1px dashed #aaa !important;
| |
− | max-width: 550px !important;
| |
− | font-weight: 300 !important;
| |
− | }
| |
− |
| |
− | .ambox td, .tmbox td {
| |
− | padding: 10px !important;
| |
− | }
| |
− |
| |
− | .ambox-text-small, .mbox-text, .Note td {
| |
− | font-size: 14px !important;
| |
− | font-weight: 300 !important;
| |
− | color: #000 !important;
| |
− | }
| |
− |
| |
− | .ambox-image, .mbox-image {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #request_for_deletion, .ambox-serious {
| |
− | background: rgba(255, 0, 0, 0.1) !important;
| |
− | border: 1px dashed rgba(255, 0, 0, 0.15) !important;
| |
− | color: #a00000 !important;
| |
− | }
| |
− |
| |
− | .tmbox-notice, .tmbox-move, .Note {
| |
− | background: rgba(150, 75, 0, 0.1) !important;
| |
− | border: 1px dashed rgba(150, 75, 0, 0.15) !important;
| |
− | }
| |
− |
| |
− | .informationbox {
| |
− | background: #fff !important;
| |
− | padding: 10px !important;
| |
− | font-size: 14px !important;
| |
− | }
| |
− |
| |
− | .editOptions {
| |
− | background: #fff !important;
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | .catlinks {
| |
− | background: transparent !important;
| |
− | border: 1px dashed #aaa !important;
| |
− | font-size: 16px !important;
| |
− | }
| |
− |
| |
− | .infobox, .tright, .toccolours {
| |
− | border: 0px !important;
| |
− | background: transparent !important;
| |
− | border-collapse: collapse !important;
| |
− | }
| |
− |
| |
− | .infobox td, .infobox th, .tright td, .tright th, .toccolours td, .toccolours th {
| |
− | padding: 5px !important;
| |
− | background: transparent !important;
| |
− | font-weight: 400 !important;
| |
− | border: 1px dashed rgba(0, 0, 0, 0.07) !important;
| |
− | }
| |
− |
| |
− | .image img:hover {
| |
− | opacity: 0.85 !important;
| |
− | }
| |
− |
| |
− | .globegris {
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .mw-editsection-bracket, .references-small b, .mw-cite-backlink, .plainlinksneverexpand {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | #floating_object {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .navbox, .nowraplinks {
| |
− | margin: 10px 0px !important;
| |
− | border-collapse: collapse !important;
| |
− | }
| |
− |
| |
− | .navbox td, .navbox th, .nowraplinks td, .nowraplinks th {
| |
− | padding: 9px 6px !important;
| |
− | font-size: 14px !important;
| |
− | font-weight: 300 !important;
| |
− | border: 1px solid #fff !important;
| |
− | }
| |
− |
| |
− | .NavFrame {
| |
− | border: 0px !important;
| |
− | background: transparent !important;
| |
− | padding: 0px !important;
| |
− | }
| |
− |
| |
− | .NavHead {
| |
− | margin: 10px 0px !important;
| |
− | padding: 12px !important;
| |
− | font-size: 16px !important;
| |
− | font-weight: 700 !important;
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | .Boxmerge {
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | #coordinates {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | #mw-fr-revisiontag, #mw-fr-reviewnotice {
| |
− | display: none !important;
| |
− | }
| |
− |
| |
− | div#footer {
| |
− | margin-left: 14em !important;
| |
− | padding: 1.25em 1.5em 1.5em !important;
| |
− | }
| |
− |
| |
− |
| |
− | /* General styling */
| |
− | :root {
| |
− | --primary-color: #40798C;
| |
− | --primary-color-light:#B8C4CA;
| |
− | --secondary-color: #70A9A1;
| |
− | --dark-color: #0B2027;
| |
− |
| |
− | --success-color: #11620B;
| |
− | --success-color-light: #D2FBD0;
| |
− |
| |
− | --warning-color: #FFC107;
| |
− | --warning-color-light: #FFEED8;
| |
− |
| |
− | --error-color: #CC0000;
| |
− | --error-color-light: #E5B4B4;
| |
− | }
| |
− |
| |
− | h1, h2, h3, h4, h5, h6 {
| |
− | color: var(--primary-color);
| |
− | border: 0px;
| |
− | font-family: 'Arial';
| |
− | }
| |
− |
| |
− | h1 {
| |
− | font-weight: 700;
| |
− | font-size: 36px;
| |
− | }
| |
− |
| |
− | h2 {
| |
− | font-weight: 400;
| |
− | font-size: 26px;
| |
− | }
| |
− |
| |
− | h3 {
| |
− | font-weight: 400;
| |
− | font-size: 16px;
| |
− | }
| |
− |
| |
− | a, a:visited,
| |
− | #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited,
| |
− | .mw-parser-output a.external, .mw-parser-output a.external:visited,
| |
− | .vectorTabs span a, .vectorTabs span a:visited {
| |
− | color: var(--primary-color);
| |
− | }
| |
− |
| |
− | a:hover,
| |
− | #mw-panel .portal .body li a:hover,
| |
− | .mw-parser-output a.external:hover,
| |
− | .vectorTabs span a:hover{
| |
− | color: var(--secondary-color);
| |
− | }
| |
− |
| |
− | #bodyContent a, #bodyContent a:link, #bodyContent a:visited, #bodyContent a:focus {
| |
− | text-decoration: underline;
| |
− | }
| |
− |
| |
− | #bodyContent a:hover {
| |
− | background-color: var(--secondary-color);
| |
− | text-decoration: none;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box{
| |
− | margin: 12px;
| |
− | padding: 12px;
| |
− | border-width: 1px;
| |
− | border-left-width:5px;
| |
− | border-style: solid;
| |
− | border-color: black;
| |
− | border-radius:6px;
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box h1{
| |
− | margin-top: 0;
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.info{
| |
− | border-color: var(--primary-color);
| |
− | color: var(--primary-color);
| |
− | background-color: var(--primary-color-light);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.info a,
| |
− | #bodyContent div.pw-box.info a:visited{
| |
− | color: var(--primary-color);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.warning{
| |
− | border-color: var(--warning-color);
| |
− | color: var(--warning-color);
| |
− | background-color: var(--warning-color-light);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.warning a,
| |
− | #bodyContent div.pw-box.warning a:visited{
| |
− | color: var(--warning-color);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.error{
| |
− | border-color: var(--error-color);
| |
− | color: var(--error-color);
| |
− | background-color: var(--error-color-light);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.error a,
| |
− | #bodyContent div.pw-box.error a:visited{
| |
− | color: var(--error-color);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.success{
| |
− | border-color: var(--success-color);
| |
− | color: var(--success-color);
| |
− | background-color: var(--success-color-light);
| |
− | }
| |
− |
| |
− | #bodyContent div.pw-box.success a,
| |
− | #bodyContent div.pw-box.success a:visited{
| |
− | color: var(--success-color);
| |
− | }
| |
− |
| |
− | #bodyContent .mw-ui-button, #bodyContent .mw-ui-progressive{
| |
− | border-color: var(--primary-color) !important;
| |
− | color: var(--primary-color) !important;
| |
− | }
| |