Line 270: |
Line 270: |
| End of Start Page css | | End of Start Page css |
| */ | | */ |
| + | |
| + | /* |
| | | |
| body { | | body { |
Line 363: |
Line 365: |
| background-image: url('https://i.imgur.com/ur4m5Ia.png') !important; | | background-image: url('https://i.imgur.com/ur4m5Ia.png') !important; |
| }*/ | | }*/ |
| + | |
| + | |
| + | */ |
| | | |
| code { | | code { |
Line 746: |
Line 751: |
| margin-left: 14em !important; | | margin-left: 14em !important; |
| padding: 1.25em 1.5em 1.5em !important; | | padding: 1.25em 1.5em 1.5em !important; |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | /* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */ |
| + | .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%; |
| + | } |
| + | /* Style the "other languages" box the same way as other boxes on the main page */ |
| + | .mw-pt-languages { |
| + | display: block; |
| + | background: none; |
| + | border: 1px solid #CCC; |
| + | box-shadow: 0 2px 2px rgba(0,0,0,0.1); |
| + | width: auto; |
| + | } |
| + | .mw-pt-languages-label { |
| + | background: none; |
| + | border-right: none; |
| + | } |
| + | |
| + | @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; |
| } | | } |