MediaWiki:Mobile.css
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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;
}
/* Main title */
.mw-parser-output h1 {
font-size: 28px !important;
}
/* Subtitle */
.mw-parser-output p {
font-size: 16px !important;
}
/* SEARCH BOX */
.mw-search-form,
.searchbox,
form[action*="Special:Search"] {
width: 100% !important;
max-width: 95% !important;
margin: 16px auto !important;
}
.mw-search-input {
width: 100% !important;
font-size: 18px !important;
padding: 12px !important;
}
.mw-search-submit {
width: 100% !important;
font-size: 18px !important;
padding: 10px !important;
margin-top: 8px;
}
/* Language links */
.mw-parser-output a {
font-size: 16px;
}
/* Footer text */
#footer {
font-size: 14px;
}
/* Remove edit/history tabs on mobile home */
#p-views,
#p-cactions,
#p-search {
display: none !important;
}
}