Jump to content

Module:Random slideshow/styles.css

Permanently protected module
From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Izno (talk | contribs) at 23:32, 2 January 2021 (some whitespace, remove uber-conservative selectors). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
/* {{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 */
	}
}