Jump to content

Module:Random slideshow/styles.css

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Pppery (talk | contribs) at 00:49, 24 October 2018 (Pppery moved page Template:Random slideshow/style.css to Template:Random slideshow/styles.css without leaving a redirect: TemplateStyles naming convention). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
/* Hide the toggle gallery button */
div.randomSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2)  {
	display: none;
}

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