diff --git a/static/grandlyon-cut/_custom.scss b/static/grandlyon-cut/_custom.scss index 52105a6..35ab1e6 100644 --- a/static/grandlyon-cut/_custom.scss +++ b/static/grandlyon-cut/_custom.scss @@ -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; } -}