Jump to content

MediaWiki:Mobile.css: Difference between revisions

From Babhan Wiki
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */


/* Restore thumbnail boxes on mobile */
/* Force thumbnail boxes in Minerva mobile skin */
.thumbinner {
body.skin-minerva .content figure,
body.skin-minerva .content .thumb,
body.skin-minerva .content .thumbinner {
     border: 1px solid #c8ccd1 !important;
     border: 1px solid #c8ccd1 !important;
     background-color: #f8f9fa !important;
     background-color: #f8f9fa !important;
     padding: 5px !important;
     padding: 6px !important;
    margin: 10px 0 !important;
    display: table !important; /* Keeps the box wrapping tightly around the image */
    box-sizing: border-box !important;
}
}


.thumbcaption {
/* Style the caption text to match desktop */
body.skin-minerva .content figcaption,
body.skin-minerva .content .thumbcaption {
    font-size: 0.85em !important;
     padding-top: 5px !important;
     padding-top: 5px !important;
    color: #54595d !important;
    line-height: 1.4 !important;
    text-align: left !important;
    display: block !important;
}
}

Latest revision as of 07:12, 19 July 2026

/* All CSS here will be loaded for users of the mobile site */

/* Force thumbnail boxes in Minerva mobile skin */
body.skin-minerva .content figure,
body.skin-minerva .content .thumb,
body.skin-minerva .content .thumbinner {
    border: 1px solid #c8ccd1 !important;
    background-color: #f8f9fa !important;
    padding: 6px !important;
    margin: 10px 0 !important;
    display: table !important; /* Keeps the box wrapping tightly around the image */
    box-sizing: border-box !important;
}

/* Style the caption text to match desktop */
body.skin-minerva .content figcaption,
body.skin-minerva .content .thumbcaption {
    font-size: 0.85em !important;
    padding-top: 5px !important;
    color: #54595d !important;
    line-height: 1.4 !important;
    text-align: left !important;
    display: block !important;
}