83 lines
1.6 KiB
CSS
83 lines
1.6 KiB
CSS
/* Empty. Add your own CSS if you like
|
|
.scroll-content{
|
|
background: url("../img/background.svg") no-repeat center center fixed;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
background-size: cover;
|
|
|
|
}
|
|
*/
|
|
|
|
.scroll-content {
|
|
|
|
|
|
background: url("../img/background.svg");
|
|
-webkit-animation: backgroundScroll 50s linear infinite;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
background-size: cover;
|
|
animation: backgroundScroll 50s linear infinite;
|
|
}
|
|
|
|
@-webkit-keyframes backgroundScroll {
|
|
from {background-position: 0 0;}
|
|
to {background-position: -2000px 0;}
|
|
}
|
|
|
|
.myborder{
|
|
display: inline-block;
|
|
border-radius: 6px;
|
|
color: black;
|
|
border-style: solid;
|
|
border-color:black;
|
|
border-width: 2px;
|
|
}
|
|
|
|
.myborder:active {
|
|
background-color: #3e8e41;
|
|
box-shadow: 0 5px #666;
|
|
transform: translateY(4px);
|
|
}
|
|
|
|
.mentorborder {
|
|
position:fixed;
|
|
bottom:0;
|
|
left:0;
|
|
width: 256px;
|
|
height: 256px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mentor {
|
|
width: 256px;
|
|
height: 2560px;
|
|
background: url('../img/mentor.png') left center;
|
|
-webkit-animation: mentorsprite 4.5s steps(10) infinite;
|
|
}
|
|
|
|
@-webkit-keyframes mentorsprite {
|
|
100% { background-position: 0 -2560px; }
|
|
}
|
|
|
|
|
|
.mentorborderbravo {
|
|
position:fixed;
|
|
bottom:0;
|
|
right:0;
|
|
width: 256px;
|
|
height: 256px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mentorbravo {
|
|
width: 256px;
|
|
height: 1024px;
|
|
background: url('../img/mentor_bravo.png') left center;
|
|
-webkit-animation: mentorspritebravo 2.5s steps(4) infinite;
|
|
}
|
|
|
|
@-webkit-keyframes mentorspritebravo {
|
|
100% { background-position: 0 -1024px; }
|
|
}
|
|
|