MediaWiki:Mobile.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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