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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the mobile site */
/* Infobox Mobile Responsive CSS */
.infobox-wrapper {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 1em 0 !important;
    box-sizing: border-box !important;
}

.infobox {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.infobox img {
    max-width: 100% !important;
    height: auto !important;
}

.infobox th {
    width: auto !important;
    min-width: 30% !important;
}

.infobox td {
    width: auto !important;
}

/* Optional: Make infobox stand out more on mobile */
.infobox {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    border-radius: 4px !important;
}

.infobox th:first-child {
    border-top-left-radius: 4px !important;
}

.infobox th:last-child {
    border-top-right-radius: 4px !important;
}