990,022
edits
Changes
no edit summary
/* CSS placed here will affect users of the mobile site */
/* CSS placed here will affect users of the mobile site */
/* ============================================================
KidzSearch Wiki – Mobile Gallery Full Width Fix
For MinervaNeue / MobileFrontend
============================================================ */
/* Make gallery images fill the device width on phones */
@media screen and (max-width: 720px) {
/* Traditional <gallery> output */
.mw-gallery-traditional .gallerybox {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
.mw-gallery-traditional .gallerybox .thumb,
.mw-gallery-traditional .gallerybox .thumbinner {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
box-sizing: border-box;
}
.mw-gallery-traditional .gallerybox .thumb img,
.mw-gallery-traditional .gallerybox .thumb a > img {
display: block;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
}
.mw-gallery-traditional .gallerytext {
width: 100% !important;
max-width: 100% !important;
padding: 6px 2px 0 2px !important;
box-sizing: border-box;
text-align: center;
}
}
/* Slight rounding so images look nicer on phones */
@media screen and (max-width: 720px) {
.mw-gallery-traditional .gallerybox .thumb {
border-radius: 10px;
overflow: hidden;
}
}