Module:Random slideshow/styles.css: Difference between revisions

Revision as of 23:31, 2 January 2021

Revision as of 23:32, 2 January 2021

Line 1:

/* {{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 ) {

/* On mobile devices, only show the first four images */

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-rightleft: 0;

displaypadding-right:flex 0;

flex-wrapdisplay:wrap 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 */

}

}