Difference between revisions of "MediaWiki:Common.css"
m |
m |
||
| Line 11: | Line 11: | ||
.slide-wrapper { | .slide-wrapper { | ||
| − | width: | + | width: 950px; |
| − | animation: | + | animation: 50s autoplay6 infinite linear; |
} | } | ||
| Line 19: | Line 19: | ||
height: 400px; | height: 400px; | ||
width: 950px; | width: 950px; | ||
| + | opacity: 0.0; | ||
} | } | ||
| Line 29: | Line 30: | ||
} | } | ||
| − | + | .slide:nth-child(1) {animation-delay: 0s;} | |
| − | + | .slide:nth-child(2) {animation-delay: 5s;} | |
| − | + | .slide:nth-child(3) {animation-delay: 10s;} | |
| − | + | .slide:nth-child(4) {animation-delay: 15s;} | |
| − | + | .slide:nth-child(5) {animation-delay: 20s;} | |
| − | + | .slide:nth-child(6) {animation-delay: 25s;} | |
| − | + | .slide:nth-child(7) {animation-delay: 30s;} | |
| − | + | .slide:nth-child(8) {animation-delay: 35s;} | |
| − | + | .slide:nth-child(9) {animation-delay: 40s;} | |
| − | + | .slide:nth-child(10) {animation-delay: 45s;} | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | @keyframes autoplay6 { | |
| − | + | 0% {opacity: 0.0} | |
| − | + | 0.01% {opacity: 1.0} | |
| − | + | 0.08% {opacity: 1.0} | |
| − | + | 0.09% {opacity: 0.0} | |
| − | + | 100% {opacity: 0.0} | |
| − | |||
| − | 100% { | ||
} | } | ||
Revision as of 14:50, 26 July 2023
/* CSS placed here will be applied to all skins */
#slideshow {
text-align: center;
overflow: hidden;
height: 400px;
width: 950px;
margin: 0 auto;
}
.slide-wrapper {
width: 950px;
animation: 50s autoplay6 infinite linear;
}
.slide {
float: left;
height: 400px;
width: 950px;
opacity: 0.0;
}
.slide-number {
color: #000;
text-align: center;
font-size: 10em;
}
.slide:nth-child(1) {animation-delay: 0s;}
.slide:nth-child(2) {animation-delay: 5s;}
.slide:nth-child(3) {animation-delay: 10s;}
.slide:nth-child(4) {animation-delay: 15s;}
.slide:nth-child(5) {animation-delay: 20s;}
.slide:nth-child(6) {animation-delay: 25s;}
.slide:nth-child(7) {animation-delay: 30s;}
.slide:nth-child(8) {animation-delay: 35s;}
.slide:nth-child(9) {animation-delay: 40s;}
.slide:nth-child(10) {animation-delay: 45s;}
@keyframes autoplay6 {
0% {opacity: 0.0}
0.01% {opacity: 1.0}
0.08% {opacity: 1.0}
0.09% {opacity: 0.0}
100% {opacity: 0.0}
}