MediaWiki:Mobile.css: Difference between revisions

From Marupedia
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
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* ===== Marupedia Mobile Homepage Fix ===== */
/* =========================
  Marupedia Mobile Homepage
  ========================= */


/* Home page only */
/* Logo बड़ा करने के लिए */
body.page-Home {
.page-Home img {
 
/* 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;
     max-width: 90% !important;
     height: auto !important;
     height: auto !important;
     margin: 16px auto !important;
     margin: 0 auto 20px auto;
    display: block;
}
}


/* Main title */
/* Title (Marupedia) */
.mw-parser-output h1 {
.page-Home h1 {
     font-size: 28px !important;
     font-size: 28px !important;
    margin-top: 10px;
}
}


/* Subtitle */
/* Subtitle */
.mw-parser-output p {
.page-Home p {
     font-size: 16px !important;
     font-size: 16px !important;
}
}


/* SEARCH BOX */
/* Search box बड़ा */
.mw-search-form,
.page-Home input[type="search"],
.searchbox,
.page-Home input[type="text"] {
form[action*="Special:Search"] {
     width: 95% !important;
     width: 100% !important;
    max-width: 95% !important;
    margin: 16px auto !important;
}
 
.mw-search-input {
    width: 100% !important;
     font-size: 18px !important;
     font-size: 18px !important;
     padding: 12px !important;
     padding: 12px !important;
}
}


.mw-search-submit {
/* Search button */
    width: 100% !important;
.page-Home button,
     font-size: 18px !important;
.page-Home input[type="submit"] {
     padding: 10px !important;
     font-size: 16px !important;
    margin-top: 8px;
     padding: 10px 14px !important;
}
}


/* Language links */
/* ऊपर की खाली जगह हटाने के लिए */
.mw-parser-output a {
#mw-mf-page-center {
     font-size: 16px;
     padding-top: 0 !important;
}
}


/* Footer text */
/* Footer hide (mobile only) */
#footer {
.last-modified-bar,
    font-size: 14px;
.post-content-footer {
}
 
/* Remove edit/history tabs on mobile home */
#p-views,
#p-cactions,
#p-search {
     display: none !important;
     display: none !important;
}
}
}

Revision as of 14:32, 12 January 2026

/* ===== Marupedia Mobile Homepage Fix ===== */

/* Logo बड़ा करने के लिए */
.page-Home img {
    max-width: 90% !important;
    height: auto !important;
    margin: 0 auto 20px auto;
    display: block;
}

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

/* Subtitle */
.page-Home p {
    font-size: 16px !important;
}

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

/* Search button */
.page-Home button,
.page-Home input[type="submit"] {
    font-size: 16px !important;
    padding: 10px 14px !important;
}

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

/* Footer hide (mobile only) */
.last-modified-bar,
.post-content-footer {
    display: none !important;
}