Jump to content

MediaWiki:Vector-dark.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 514: Line 514:
/* 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 */
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 336 / 205;
    aspect-ratio: 336 / 205;
    overflow: hidden; /* In case there's weird padding */
    width: 100% !important;  /* Override any inline width */
    height: auto !important; /* Override any inline height */
    max-height: 90vh !important; /* Optional max height for tall images */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}
}
.mw-jsslideshow .slideshow div img {
/* Images (these are swapped in from [[File:]] when rendered) */
    width: 100% !important;
.mw-content-ltr .mw-jsslideshow .slideshow div img {
    height: auto !important;
    width: 100%;
    object-fit: contain !important;
    height: auto; /* Natural height! */
    max-height: 90vh !important; /* Keeps tall images in check */
    display: block;
    object-fit: contain; /* No cropping - show the whole image */
    max-height: 90vh; /* Optional, so slides don’t get too tall on desktop */
}
}
Retrieved from "https://continuum-universes.com/wiki/MediaWiki:Vector-dark.css"