MediaWiki:Vector-dark.css: Difference between revisions
Cdjensen94 (talk | contribs) No edit summary |
Cdjensen94 (talk | contribs) No edit summary |
||
| Line 504: | Line 504: | ||
/* Slideshow element */ | /* Slideshow element */ | ||
.mw-content-ltr .mw-jsslideshow slideshow { | .mw-content-ltr .mw-jsslideshow .slideshow { | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
| Line 513: | Line 513: | ||
/* Each slide */ | /* Each slide */ | ||
.mw-content-ltr .mw-jsslideshow slideshow div { | .mw-content-ltr .mw-jsslideshow .slideshow div { | ||
flex: 0 0 100%; /* Each slide takes full width */ | flex: 0 0 100%; /* Each slide takes full width */ | ||
display: flex; | display: flex; | ||
| Line 523: | Line 523: | ||
/* Images (these are swapped in from [[File:]] when rendered) */ | /* Images (these are swapped in from [[File:]] when rendered) */ | ||
.mw-content-ltr .mw-jsslideshow slideshow div img { | .mw-content-ltr .mw-jsslideshow .slideshow div img { | ||
width: 100%; | width: 100%; | ||
height: auto; /* Natural height! */ | height: auto; /* Natural height! */ | ||
| Line 533: | Line 533: | ||
/* Optional mobile-friendly tweaks */ | /* Optional mobile-friendly tweaks */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.mw-content-ltr .mw-jsslideshow slideshow div img { | .mw-content-ltr .mw-jsslideshow .slideshow div img { | ||
max-height: 70vh; /* Shorter slides on smaller screens */ | max-height: 70vh; /* Shorter slides on smaller screens */ | ||
aspect-ratio: 336 / 205; | aspect-ratio: 336 / 205; | ||