Updated snowfall

This commit is contained in:
Kasper Rynning-Tønnesen
2016-11-22 17:29:55 +01:00
parent 35bc7f5177
commit 66dde0c2e0
3 changed files with 8 additions and 10 deletions

View File

@@ -182,7 +182,7 @@
<div id="player_overlay_text" class="valign center-align"> <div id="player_overlay_text" class="valign center-align">
Waiting for Video Waiting for Video
</div> </div>
<div id="player_overlay_controls" class="valign-wrapper"> <div id="player_overlay_controls" class="hide valign-wrapper">
<div id="playpause-overlay" class="valign center-align"> <div id="playpause-overlay" class="valign center-align">
<i id="play-overlay" class="mdi-av-play-arrow hide"></i> <i id="play-overlay" class="mdi-av-play-arrow hide"></i>
<i id="pause-overlay" class="mdi-av-pause"></i> <i id="pause-overlay" class="mdi-av-pause"></i>

View File

@@ -1968,21 +1968,17 @@ nav ul li:hover, nav ul li.active {
} }
@keyframes snow { @keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 500px, 400px 400px, 300px 300px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
} }
@-moz-keyframes snow { @-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 500px, 400px 400px, 300px 300px;}
100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
} }
@-webkit-keyframes snow { @-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 500px, 400px 400px, 300px 300px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
} }
@-ms-keyframes snow { @-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 500px, 400px 400px, 300px 300px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
} }

View File

@@ -294,6 +294,7 @@ function hide_native(way){
Player.stopInterval = true; Player.stopInterval = true;
//$("#player").toggleClass("hide"); //$("#player").toggleClass("hide");
$("#player_overlay").removeClass("hide"); $("#player_overlay").removeClass("hide");
$("#player_overlay_controls").removeClass("hide");
//$("#player_overlay").css("display", "block"); //$("#player_overlay").css("display", "block");
$("#player_overlay").css("height", "100%"); $("#player_overlay").css("height", "100%");
$("#player_overlay_text").toggleClass("hide"); $("#player_overlay_text").toggleClass("hide");
@@ -309,6 +310,7 @@ function hide_native(way){
Player.durationSetter(); Player.durationSetter();
//$("#player").toggleClass("hide"); //$("#player").toggleClass("hide");
$("#player_overlay").addClass("hide"); $("#player_overlay").addClass("hide");
$("#player_overlay_controls").addClass("hide");
$("#player_overlay").css("height", "100%"); $("#player_overlay").css("height", "100%");
$("#player_overlay_text").toggleClass("hide"); $("#player_overlay_text").toggleClass("hide");
$("#player_overlay_controls").css("display", "none"); $("#player_overlay_controls").css("display", "none");