Common.css: Difference between revisions
From Guiliani
No edit summary |
No edit summary |
||
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 12: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;}
}