MediaWiki:Vector-dark.css: Difference between revisions
Cdjensen94 (talk | contribs) No edit summary |
Cdjensen94 (talk | contribs) No edit summary |
||
| Line 488: | Line 488: | ||
color: #FFFFFF; /* White text */ | color: #FFFFFF; /* White text */ | ||
} | } | ||
.mw- | .mw-content-ltr .mw-jsslideshow { | ||
background-color: #002B5C; | background-color: #002B5C; | ||
border: 2px solid #FF851B; | border: 2px solid #FF851B; | ||
| Line 503: | Line 503: | ||
/* Slideshow element */ | /* Slideshow element */ | ||
.mw- | .mw-content-ltr .mw-jsslideshow slideshow { | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
| Line 511: | Line 511: | ||
/* Each slide */ | /* Each slide */ | ||
.mw- | .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 520: | Line 520: | ||
/* Images (these are swapped in from [[File:]] when rendered) */ | /* Images (these are swapped in from [[File:]] when rendered) */ | ||
.mw- | .mw-content-ltr .mw-jsslideshow slideshow div img { | ||
width: 100%; | width: 100%; | ||
height: auto; /* Natural height! */ | height: auto; /* Natural height! */ | ||
| Line 530: | Line 530: | ||
/* Optional mobile-friendly tweaks */ | /* Optional mobile-friendly tweaks */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.mw- | .mw-content-ltr .mw-jsslideshow slideshow div img { | ||
max-height: 70vh; /* Shorter slides on smaller screens */ | max-height: 70vh; /* Shorter slides on smaller screens */ | ||
} | } | ||