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-jsslideshow { | .mw-body-content .mw-jsslideshow { | ||
background-color: #002B5C; | background-color: #002B5C; | ||
border: 2px solid #FF851B; | border: 2px solid #FF851B; | ||
border-radius: 8px; | border-radius: 8px; | ||
margin: 0 auto; | |||
padding: 10px; | padding: 10px; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
width: 100%; | width: 100%; | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | |||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
| Line 501: | Line 503: | ||
/* Slideshow element */ | /* Slideshow element */ | ||
.mw-jsslideshow slideshow { | .mw-body-content .mw-jsslideshow slideshow { | ||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
| Line 509: | Line 511: | ||
/* Each slide */ | /* Each slide */ | ||
.mw-jsslideshow slideshow div { | .mw-body-content .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 518: | Line 520: | ||
/* Images (these are swapped in from [[File:]] when rendered) */ | /* Images (these are swapped in from [[File:]] when rendered) */ | ||
.mw-jsslideshow slideshow div img { | .mw-body-content .mw-jsslideshow slideshow div img { | ||
width: 100%; | width: 100%; | ||
height: auto; /* Natural height! */ | height: auto; /* Natural height! */ | ||
| Line 528: | Line 530: | ||
/* Optional mobile-friendly tweaks */ | /* Optional mobile-friendly tweaks */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.mw-jsslideshow slideshow div img { | .mw-body-content .mw-jsslideshow slideshow div img { | ||
max-height: 70vh; /* Shorter slides on smaller screens */ | max-height: 70vh; /* Shorter slides on smaller screens */ | ||
} | } | ||