Line 1: |
Line 1: |
| + | /* For the Top banner on Start Page */ |
| + | |
| #mp-topbanner { | | #mp-topbanner { |
| clear: both; | | clear: both; |
Line 104: |
Line 106: |
| } | | } |
| | | |
| + | /* End of Top banner on Start Page */ |
| + | |
| + | /* For the rest of the Start Page */ |
| + | |
| + | |
| + | |
| + | /* 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 { |
− | End of Start Page css
| + | box-shadow: 0px 0px 0px !important; |
− | */
| + | text-shadow: 0px 0px 0px !important; |
| + | border: 1px solid #40798C !important; |
| + | } |
| | | |
| + | /* End for the Start Page */ |
| | | |
| | | |
Line 162: |
Line 239: |
| } | | } |
| | | |
− | /*
| + | |
| table, td, th { | | table, td, th { |
| border: 0px !important; | | border: 0px !important; |
Line 168: |
Line 245: |
| padding: 5px !important; | | padding: 5px !important; |
| } | | } |
− | */
| + | |
| | | |
| ul, li { | | ul, li { |
Line 594: |
Line 671: |
| 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;
| |
| } | | } |