Module:Random slideshow/styles.css

From The League Wiki
Jump to navigation Jump to search
/* {{pp-template}} */
/* Hide the toggle gallery button */
.randomSlideshow-container > .gallery.mw-gallery-slideshow > .gallerycarousel > div > div > div > span:nth-child(2)  {
	display: none;
}

@media screen and ( max-width: 720px ) {
	/* On mobile devices, only show the first four images */
	.randomSlideshow-container > .gallery.mw-gallery-slideshow > li:nth-child(n+5)  {
		display: none;
	}
	
	.randomSlideshow-container > .gallery.mw-gallery-slideshow {
	    padding-left: 0;
	    padding-right: 0;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	    align-items: flex-start;
	}
	
	.randomSlideshow-container > .gallery.mw-gallery-slideshow > li {
	    width: initial !important; /* overrides inline style */
	    margin: 0 0.5em;
	}
	
	.randomSlideshow-container > .gallery.mw-gallery-slideshow > li > div > div > div {
	    margin: 0.5em 0 !important; /* overrides inline style */
	}
}