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
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* ===== Marupedia Mobile Homepage Fix ===== */
/* ===== 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 बड़ा करने के लिए */
/* ===== Logo large & centered ===== */
.page-Home img {
.page-Home img {
     max-width: 90% !important;
     max-width: 90% !important;
     height: auto !important;
     height: auto !important;
    margin: 0 auto 20px auto;
    display: block;
}
}


/* Title (Marupedia) */
/* ===== Big heading ===== */
.page-Home h1 {
.page-Home h1 {
     font-size: 28px !important;
     font-size: 28px !important;
     margin-top: 10px;
     text-align: center !important;
}
}


/* Subtitle */
/* ===== Fix search bar overflow on mobile ===== */
.page-Home p {
.page-Home form,
     font-size: 16px !important;
.page-Home .mw-search-form {
     max-width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}
}


/* Search box बड़ा */
/* Search input */
.page-Home input[type="search"],
.page-Home input[type="search"],
.page-Home input[type="text"] {
.page-Home input[type="text"] {
     width: 95% !important;
     width: 100% !important;
     font-size: 18px !important;
    max-width: 100% !important;
     font-size: 17px !important;
     padding: 12px !important;
     padding: 12px !important;
    box-sizing: border-box !important;
}
}


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


/* ऊपर की खाली जगह हटाने के लिए */
#mw-mf-page-center {
    padding-top: 0 !important;
}


/* Footer hide (mobile only) */
/* ===== Remove footer junk (last edited, license etc.) ===== */
.last-modified-bar,
.page-Home #footer-info,
.post-content-footer {
.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;
}