Changes

no edit summary
Line 1: Line 1:  
/* CSS placed here will affect users of the mobile site */
 
/* CSS placed here will affect users of the mobile site */
    +
/* Phone-only: make gallery thumbs larger, up to 320px (do not change layout) */
 +
@media screen and (max-width: 600px) {
 +
 +
  /* traditional <gallery> thumbnails */
 +
  .mw-gallery-traditional .gallerybox .thumb img,
 +
  .mw-gallery-traditional .gallerybox .thumb a > img {
 +
    width: auto !important;
 +
    height: auto !important;
 +
 +
    /* key: allow bigger thumbs, but cap at 320 */
 +
    max-width: 320px !important;
 +
 +
    /* prevent overflow */
 +
    max-height: none !important;
 +
  }
 +
 +
  /* let the container expand up to the same cap */
 +
  .mw-gallery-traditional .gallerybox .thumb,
 +
  .mw-gallery-traditional .gallerybox .thumbinner {
 +
    width: auto !important;
 +
    max-width: 320px !important;
 +
  }
 +
}