m |
m |
||
| Line 8: | Line 8: | ||
| − | /* Code for | + | /* Code for slideshow template */ |
| − | + | #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 16:03, 2 January 2024
/* CSS placed here will be applied to all skins */
/* Pad Google AdSense box in portlet in sidebar */
#p-googleadsense .pBody {
padding-top: 5px;
text-align: center;
}
/* Code for slideshow template */
#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;}
}
