MediaWiki:Mobile.css
Revision as of 11:09, 4 March 2021 by HK (talk | contribs) (Created page with "→All CSS here will be loaded for users of the mobile site: →CSS placed here will be applied to all skins: /*body.page-Welcome.action-view h1.firstHeading, body.page-W...")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* All CSS here will be loaded for users of the mobile site */ /* CSS placed here will be applied to all skins */ /*body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; } */ body.page-No_page_title h1.firstHeading { display:none; } /* 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; } }