MediaWiki:Mobile.css: Difference between revisions

From Marupedia
Jump to navigation Jump to search
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
Line 26: Line 26:
}
}


/* ===== Search box full width ===== */
/* ===== 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="search"],
.page-Home input[type="text"] {
.page-Home input[type="text"] {
     width: 100% !important;
     width: 100% !important;
     font-size: 18px !important;
    max-width: 100% !important;
     padding: 14px !important;
     font-size: 17px !important;
     box-sizing: border-box;
     padding: 12px !important;
     box-sizing: border-box !important;
}
}


/* ===== Search buttons bigger ===== */
/* Buttons alignment */
.page-Home input[type="submit"],
.page-Home input[type="submit"],
.page-Home button {
.page-Home button {
     font-size: 16px !important;
     font-size: 15px !important;
     padding: 10px 14px !important;
     padding: 8px 12px !important;
    margin-top: 6px !important;
}
}


/* ===== Remove footer junk (last edited, license etc.) ===== */
/* ===== Remove footer junk (last edited, license etc.) ===== */

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;
}