Difference between revisions of "Common.css"
From Guiliani
Line 4: | Line 4: | ||
margin-top: 1.0em; | margin-top: 1.0em; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
+ | } | ||
+ | |||
+ | /* CSS Image Slideshow created by CSS | ||
+ | * | ||
+ | * @author: Unknown | ||
+ | * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia] | ||
+ | */ | ||
+ | |||
+ | .containerphoto{ | ||
+ | height: 500px; | ||
+ | width: 500px; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .photoslide{ | ||
+ | position:absolute; | ||
+ | animation:round 20s infinite; | ||
+ | opacity:0; | ||
+ | |||
+ | } | ||
+ | @keyframes round{ | ||
+ | 25%{opacity:1;} | ||
+ | 40%{opacity:0;} | ||
+ | } | ||
+ | |||
+ | img:nth-child(5){animation-delay:0s;} | ||
+ | img:nth-child(4){animation-delay:4s;} | ||
+ | img:nth-child(3){animation-delay:8s;} | ||
+ | img:nth-child(2){animation-delay:12s;} | ||
+ | img:nth-child(1){animation-delay:16s;} | ||
} | } |
Revision as of 14:33, 25 January 2017
/* CSS placed here will be applied to all skins */
/* body.page-Welcome_to_Guiliani_de.action-view h2.title, body.page-Welcome_to_Guiliani_de.action-submit h2.title { display: none; } */
h2, h3, h4, h5, h6 {
margin-top: 1.0em;
margin-bottom: 0.3em;
}
/* CSS Image Slideshow created by CSS
*
* @author: Unknown
* current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
*/
.containerphoto{
height: 500px;
width: 500px;
overflow:hidden;
position:relative;
}
.photoslide{
position:absolute;
animation:round 20s infinite;
opacity:0;
}
@keyframes round{
25%{opacity:1;}
40%{opacity:0;}
}
img:nth-child(5){animation-delay:0s;}
img:nth-child(4){animation-delay:4s;}
img:nth-child(3){animation-delay:8s;}
img:nth-child(2){animation-delay:12s;}
img:nth-child(1){animation-delay:16s;}
}