Difference between revisions of "Template:Transclude excerpts as random slideshow/style.css"
(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; }