css: remove mouse scroll animation

This commit is contained in:
Serghei Mihai 2019-05-20 10:28:24 +02:00
parent 5341ac222f
commit 14c89636f9
1 changed files with 0 additions and 127 deletions

View File

@ -332,16 +332,6 @@ div#main-content {
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 3em;
&.mouse_scroll {
display: block;
margin: 0 auto;
width: 28px;
height: 100px;
margin-top: 25px;
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
@media screen and (max-width: $mobile-limit) {
column-count: 1;
-moz-column-count: 1;
@ -1033,75 +1023,6 @@ div#nav {
display: none;
}
/* scroll down animation effect */
/* credits from https://codepen.io/rightblog/pen/EagNMN */
.m_scroll_arrows {
display: block;
width: 5px;
height: 5px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
border-right: 2px solid #000;
border-bottom: 2px solid #000;
margin: 0 0 3px 4px;
width: 16px;
height: 16px;
}
.one {
margin-top: 1px;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-direction: alternate;
}
.one, .two, .three {
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
}
.two {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-direction: alternate;
margin-top: -6px;
}
.three {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-direction: alternate;
margin-top: -6px;
}
.mouse {
height: 42px;
width: 24px;
border-radius: 14px;
transform: none;
border: 2px solid #000;
top: 170px;
}
.wheel {
height: 5px;
width: 2px;
display: block;
margin: 5px auto;
background: white;
position: relative;
height: 4px;
width: 4px;
border: 2px solid #000;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-animation: mouse-wheel 0.6s linear infinite;
-moz-animation: mouse-wheel 0.6s linear infinite;
}
/* a2 password widgets */
.helptext.a2-password-ok, .helptext.a2-password-nok {
background: #d5eee0;
@ -1129,51 +1050,3 @@ div#nav {
background: #fbd3d3;
}
}
@-webkit-keyframes mouse-wheel {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
}
@-moz-keyframes mouse-wheel {
0% { top: 1px; }
25% { top: 2px; }
50% { top: 3px;}
75% { top: 2px;}
100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {
0% { opacity: 0;}
50% { opacity: .5;}
100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}