Jump to content

MediaWiki:Mobile.css: Difference between revisions

From Babhan Wiki
Created page with "All CSS here will be loaded for users of the mobile site: Restore the standard thumbnail box in mobile view: .skin-minerva .thumbinner { border: 1px solid #c8ccd1 !important; background-color: #f8f9fa !important; padding: 5px !important; margin: 0.5em auto !important; } .skin-minerva .thumbcaption { padding-top: 5px !important; font-size: 0.9em !important; }"
 
No edit summary
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 the standard thumbnail box in mobile view */
/* Force Minerva mobile skin to frame thumbnails */
.skin-minerva .thumbinner {
.skin-minerva figure[typeof^="mw:File/Thumb"] {
     border: 1px solid #c8ccd1 !important;
     border: 1px solid #c8ccd1 !important;
     background-color: #f8f9fa !important;
     background-color: #f8f9fa !important;
     padding: 5px !important;
     padding: 5px !important;
     margin: 0.5em auto !important;
     margin: 0.5em auto !important;
    display: block !important;
}
}


.skin-minerva .thumbcaption {
.skin-minerva figure[typeof^="mw:File/Thumb"] figcaption {
     padding-top: 5px !important;
     padding-top: 5px !important;
     font-size: 0.9em !important;
     font-size: 0.9em !important;
    line-height: 1.4 !important;
    text-align: left !important;
    color: #222 !important;
}
}

Revision as of 21:46, 18 July 2026

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

/* Force Minerva mobile skin to frame thumbnails */
.skin-minerva figure[typeof^="mw:File/Thumb"] {
    border: 1px solid #c8ccd1 !important;
    background-color: #f8f9fa !important;
    padding: 5px !important;
    margin: 0.5em auto !important;
    display: block !important;
}

.skin-minerva figure[typeof^="mw:File/Thumb"] figcaption {
    padding-top: 5px !important;
    font-size: 0.9em !important;
    line-height: 1.4 !important;
    text-align: left !important;
    color: #222 !important;
}