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 Þjarkur (talk | contribs) at 09:46, 22 February 2020 (Temporary fix for phab:T245553). 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 */
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 */
	}
}

/* Temporary fix for phab:T245553 */
.mw-gallery-slideshow-img-container { max-width: 300px; } 
.mw-gallery-slideshow-buttons { padding: 10px 0!important; }