MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→All CSS here will be loaded for users of the mobile site: →========================= Marupedia Mobile Homepage =========================: →Home page only: body.page-Home { →Remove extra top padding: .mw-body { padding-top: 0 !important; } →Center everything: .mw-parser-output { text-align: center; } →LOGO: .mw-parser-output img { max-width: 90% !important; height: auto !important; margin: 16px auto !important; } /*..." |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* ===== CLEAN TOP AREA (remove white gap) ===== */ | ||
.mw-mf-page-center, | |||
.header-container, | |||
.minerva-header { | |||
margin-top: 0 !important; | |||
. | |||
padding-top: 0 !important; | padding-top: 0 !important; | ||
} | } | ||
/* | /* ===== Hide top bars on Home page ===== */ | ||
. | .page-Home .minerva__tabs, | ||
.page-Home .minerva__navigation, | |||
.page-Home .minerva__header { | |||
display: none !important; | |||
} | } | ||
/* | /* ===== Logo large & centered ===== */ | ||
. | .page-Home img { | ||
max-width: 90% !important; | max-width: 90% !important; | ||
height: auto !important; | height: auto !important; | ||
} | } | ||
/* | /* ===== Big heading ===== */ | ||
. | .page-Home h1 { | ||
font-size: 28px !important; | font-size: 28px !important; | ||
text-align: center !important; | |||
} | } | ||
/* | /* ===== Fix search bar overflow on mobile ===== */ | ||
.mw- | .page-Home form, | ||
.page-Home .mw-search-form { | |||
max-width: 100% !important; | |||
padding: 0 12px !important; | |||
box-sizing: border-box !important; | |||
} | } | ||
/* | /* Search input */ | ||
. | .page-Home input[type="search"], | ||
. | .page-Home input[type="text"] { | ||
width: 100% !important; | width: 100% !important; | ||
max- | max-width: 100% !important; | ||
font-size: 17px !important; | |||
font-size: | |||
padding: 12px !important; | padding: 12px !important; | ||
box-sizing: border-box !important; | |||
} | } | ||
. | /* Buttons alignment */ | ||
.page-Home input[type="submit"], | |||
font-size: | .page-Home button { | ||
padding: | font-size: 15px !important; | ||
margin-top: | padding: 8px 12px !important; | ||
margin-top: 6px !important; | |||
} | } | ||
/* | /* ===== Remove footer junk (last edited, license etc.) ===== */ | ||
#footer | .page-Home #footer-info, | ||
.page-Home #footer-places, | |||
.page-Home .last-modified-bar, | |||
.page-Home .printfooter { | |||
# | |||
display: none !important; | display: none !important; | ||
} | } | ||
Latest revision as of 14:45, 12 January 2026
/* ===== CLEAN TOP AREA (remove white gap) ===== */
.mw-mf-page-center,
.header-container,
.minerva-header {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ===== Hide top bars on Home page ===== */
.page-Home .minerva__tabs,
.page-Home .minerva__navigation,
.page-Home .minerva__header {
display: none !important;
}
/* ===== Logo large & centered ===== */
.page-Home img {
max-width: 90% !important;
height: auto !important;
}
/* ===== Big heading ===== */
.page-Home h1 {
font-size: 28px !important;
text-align: center !important;
}
/* ===== Fix search bar overflow on mobile ===== */
.page-Home form,
.page-Home .mw-search-form {
max-width: 100% !important;
padding: 0 12px !important;
box-sizing: border-box !important;
}
/* Search input */
.page-Home input[type="search"],
.page-Home input[type="text"] {
width: 100% !important;
max-width: 100% !important;
font-size: 17px !important;
padding: 12px !important;
box-sizing: border-box !important;
}
/* Buttons alignment */
.page-Home input[type="submit"],
.page-Home button {
font-size: 15px !important;
padding: 8px 12px !important;
margin-top: 6px !important;
}
/* ===== Remove footer junk (last edited, license etc.) ===== */
.page-Home #footer-info,
.page-Home #footer-places,
.page-Home .last-modified-bar,
.page-Home .printfooter {
display: none !important;
}