Jump to content

MediaWiki:Vector-dark.css: Difference between revisions

← Older editNewer edit →
Line 494: Line 494:
         padding: 10px;
         padding: 10px;
    width: 100%; /* Full-width unless constrained by a parent */
    width: 100%; /* Full-width unless constrained by a parent */
    aspect-ratio: 16 / 9;      /* Maintain 16:9 ratio - change if needed */
    max-width: 100%; /* No overflow */
    max-width: 100%; /* No overflow */
    height: auto; /* Maintain aspect ratio based on content */
    height: auto; /* Maintain aspect ratio based on content */
    overflow: hidden; /* Just in case */
    overflow: hidden;         /* Just in case */
    display: block; /* Ensure proper block flow */
    position: relative;       /* Allows overlays/captions if you want */
    position: relative; /* Allows positioning if you add captions or overlays */
    display: block;
         color: #FFFFFF;
         color: #FFFFFF;
     }
     }
 
   
/* Optional: If the slideshow has images inside */
/* Images inside the slideshow */
.mw-jsslideshow img {
.mw-jsslideshow img {
    width: 100%; /* Stretch images to fit */
    width: 100%;             /* Images scale with container */
    height: auto; /* Maintain aspect ratio */
    height: 100%;            /* Fill the height fully (optional) */
    object-fit: cover;       /* Crop nicely */
    display: block;
    display: block;
    object-fit: cover; /* Or 'contain', depending on preference */
}
}
/* Optional: Responsive tweaks for smaller screens */
@media (max-width: 768px) {
    .mw-jsslideshow {
        aspect-ratio: 4 / 3;  /* More square-like for phones */
    }
}
/* Even smaller screens — tall and narrow */
@media (max-width: 480px) {
    .mw-jsslideshow {
        aspect-ratio: 1 / 1;  /* Perfect square for the smallest screens */
    }
}
     /* ===== Table of Contents (TOC) ===== */
     /* ===== Table of Contents (TOC) ===== */
     #toc {
     #toc {
Retrieved from "https://continuum-universes.com/wiki/MediaWiki:Vector-dark.css"