Difference between revisions of "Template:Transclude excerpts as random slideshow/style.css"

From Wiki.Agency
Jump to: navigation, search
(adjust "use the full available width" rule so that it works for mobile website with screen size bigger than 720px)
 
m (1 revision imported)
 
(No difference)

Latest revision as of 09:06, 6 November 2018

/* Hide the toggle gallery button */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2)  {
	display: none;
}

/* Hide the blank placeholder image */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div:nth-child(2)  {
	display: none;
}

/* Reduce spacing below buttons */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div:nth-child(1)  {
	padding-bottom:0;
}

/* --- Rules for when gallerycarousel isn't present (i.e. mobile website) --- */
/* only show the first item (if on desktop site, this is just the gallerycarousel) */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li:nth-child(n+2) {
	display: none;
}

/* use the full available width */
div.excerptSlideshow-container .gallery .gallerybox,
div.excerptSlideshow-container .gallery .gallerybox div {
	width:100% !important; /* overrides inline style */
	max-width:100%;
}

/* Hide the blank placeholder image */
div.excerptSlideshow-container > ul.gallery.mw-gallery-slideshow > li:not(.gallerycarousel) > div > div:nth-child(1) {
	display: none;
}