MediaWiki:Mobile.css: Difference between revisions
From Kirby Speedrunning Wiki
Jump to navigationJump to search
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
Line 82: | Line 82: | ||
border: 3px solid #009933; | border: 3px solid #009933; | ||
background: rgba(57, 144, 113, 0.42); | background: rgba(57, 144, 113, 0.42); | ||
} | } | ||
Revision as of 23:05, 28 June 2023
/* ----- Site-wide CSS ----- */ /* Search bar - moved it over cuz our wiki name is too long lol */ .minerva-header #searchInput { margin-left: 30px; } /* Makes it so all images on the wiki don't go past the screen borders */ img { max-width: 100%; height: auto; } /* MAIN PAGE STYLING */ body.page-Main_Page h1.firstHeading { display:none; } body.page-Main_Page { background-color: #e6ffb4; } body.page-Main_Page #content { background-color: pink; } /*Links*/ .mainpage-links-container { text-align: center; width: 100%; line-height: 1.8; margin-top: 0px; display: flex; align-items: center; justify-content: space-around; padding: 0; } .mainpage-links-container ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .mainpage-links-container li { display: inline-block; width: 100%; vertical-align: middle; flex-direction: column-reverse; } .mainpage-links img { width: 35%; height: auto; } .mainpage-header-boxes { width: 100%; padding: 6px; margin: 10px; text-align: left; } /* Top boxes on main page */ .header-boxes-container { width: 100%; background: none; line-height: 200%; text-align: center; font-size: 20px; display: flex; margin: 15px; } .mainpage-header-boxes { width: 100%; padding: 6px; margin: 10px; text-align: left; } .mainpage-left-box { border: 3px solid #e65c00; background: rgba(194, 166, 105, 0.42); vertical-align: top; } .mainpage-right-box { border: 3px solid #009933; background: rgba(57, 144, 113, 0.42); } /* Do not show lists on game main pages */ .game-page-links-container ul { list-style: none; } /* for links that do not need an external link icon (example is links that link back to kirbyspeedrun.com/wiki) */ .no-external-link-icon a.external { background-image: none !important; padding-right: 0px !important; }