Difference between revisions of "MediaWiki:Common.css"
m (Replaced content with "→CSS placed here will be applied to all skins: ") |
m |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | |||
+ | #slideshow { | ||
+ | text-align: center; | ||
+ | overflow: hidden; | ||
+ | height: 510px; | ||
+ | width: 728px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .slide-wrapper { | ||
+ | width: 2912px; | ||
+ | -webkit-animation: slide 18s ease infinite; | ||
+ | } | ||
+ | |||
+ | .slide { | ||
+ | float: left; | ||
+ | height: 510px; | ||
+ | width: 728px; | ||
+ | } | ||
+ | |||
+ | .slide:nth-child(1) { | ||
+ | background: #D93B65; | ||
+ | } | ||
+ | |||
+ | .slide:nth-child(2) { | ||
+ | background: #037E8C; | ||
+ | } | ||
+ | |||
+ | .slide:nth-child(3) { | ||
+ | background: #36BF66; | ||
+ | } | ||
+ | |||
+ | .slide:nth-child(4) { | ||
+ | background: #D9D055; | ||
+ | } | ||
+ | |||
+ | .slide-number { | ||
+ | color: #000; | ||
+ | text-align: center; | ||
+ | font-size: 10em; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slide { | ||
+ | 20% {margin-left: 0px;} | ||
+ | 30% {margin-left: -728px;} | ||
+ | 50% {margin-left: -728px;} | ||
+ | 60% {margin-left: -1456px;} | ||
+ | 70% {margin-left: -1456px;} | ||
+ | 80% {margin-left: -2184px;} | ||
+ | 90% {margin-left: -2184px;} | ||
+ | } |
Revision as of 12:42, 26 July 2023
/* CSS placed here will be applied to all skins */
#slideshow {
text-align: center;
overflow: hidden;
height: 510px;
width: 728px;
margin: 0 auto;
}
.slide-wrapper {
width: 2912px;
-webkit-animation: slide 18s ease infinite;
}
.slide {
float: left;
height: 510px;
width: 728px;
}
.slide:nth-child(1) {
background: #D93B65;
}
.slide:nth-child(2) {
background: #037E8C;
}
.slide:nth-child(3) {
background: #36BF66;
}
.slide:nth-child(4) {
background: #D9D055;
}
.slide-number {
color: #000;
text-align: center;
font-size: 10em;
}
@-webkit-keyframes slide {
20% {margin-left: 0px;}
30% {margin-left: -728px;}
50% {margin-left: -728px;}
60% {margin-left: -1456px;}
70% {margin-left: -1456px;}
80% {margin-left: -2184px;}
90% {margin-left: -2184px;}
}