/* Hide the toggle gallery button */.randomSlideshow-container > .gallery.mw-gallery-slideshow > .gallerycarousel > div > div > div > span:nth-child(2)
/* Visually hide the labels' text content, but retain screenreader access (hopefully) */.randomSlideshow-container .randomSlideshow-sr-only
/******************************************************************************* * MOBILE-ONLY STYLES ******************************************************************************* * Mobile-only can targeted by prefixing these selectors: * * .randomSlideshow-container ul.gallery:first-child * * This is becaue the div with class "nomobile" only gets included in the html * for the desktop website, and not on mobile (except in Template namespace). ******************************************************************************/
/* Make labels sit side-by-side */.randomSlideshow-container ul.gallery:first-child label
/* Position the radio input in the center */.randomSlideshow-container ul.gallery:first-child label,.randomSlideshow-container ul.gallery:first-child input /* Make radio inputs bigger */.randomSlideshow-container ul.gallery:first-child input
/* Hide the "Show all" option */.randomSlideshow-container ul.gallery:first-child label:last-child
.randomSlideshow-container ul.gallery:first-child .gallerybox
/* Remove excess padding around captions */.randomSlideshow-container ul.gallery:first-child .gallerybox li,.randomSlideshow-container ul.gallery:first-child .gallerybox div,.randomSlideshow-container ul.gallery:first-child .gallerybox p
/* Center the gallery within its container */.randomSlideshow-container ul.gallery.mw-gallery-slideshow:first-child /* Place radio inputs at the top, and gallery contents below */.randomSlideshow-container ul.gallery:first-child .gallerybox .randomSlideshow-container ul.gallery:first-child label
/* Allow descriptions to take up the full width of the container */.randomSlideshow-container ul.gallery:first-child .gallerybox .randomSlideshow-container ul.gallery:first-child .gallerybox > div,.randomSlideshow-container ul.gallery:first-child .gallerybox > div > div
/******************************************************************************* * DESKTOP-ONLY STYLES ******************************************************************************* * Desktop-only can targeted by prefixing these selectors: * * .randomSlideshow-container .nomobile+ul * * This is becaue the div with class "nomobile" only gets included in the html * for the desktop website, and not on mobile (except in Template namespace). ******************************************************************************/
/* Hide all the switcher labels */.randomSlideshow-container .nomobile+ul label