MediaWiki:Common.css: Difference between revisions
mNo edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 4,009: | Line 4,009: | ||
background-color: rgba(255, 255, 0, .4) | background-color: rgba(255, 255, 0, .4) | ||
} | } | ||
/*Slideshow/Carousel for main page*/ | |||
.carousel{ | |||
max-height: 360px; | |||
height:360px; | |||
position:relative; | |||
pointer-events: none; | |||
} | |||
.carousel>div{ | |||
animation: carousel 28s infinite; | |||
opacity:0 | |||
} | |||
.carousel img { | |||
top:50%; | |||
left:50%; | |||
transform:translate(-50%, -50%); | |||
max-width:100%; | |||
height:auto; | |||
position:absolute; | |||
} | |||
@keyframes carousel{ | |||
10%{opacity:1;} | |||
20%{opacity:0;} | |||
} | |||
.carousel>div:nth-child(7){animation-delay:0s;} | |||
.carousel>div:nth-child(6){animation-delay:4s;} | |||
.carousel>div:nth-child(5){animation-delay:8s;} | |||
.carousel>div:nth-child(4){animation-delay:12s;} | |||
.carousel>div:nth-child(3){animation-delay:16s;} | |||
.carousel>div:nth-child(2){animation-delay:20s;} | |||
.carousel>div:nth-child(1){animation-delay:24s;} | |||
/*QUD SHADERS*/ | /*QUD SHADERS*/ | ||
.qud-text { | .qud-text { | ||