perfect looping and centered s6 background

This commit is contained in:
Omsi 2018-06-26 18:02:01 -07:00
parent f99ddf76f5
commit f1d9ac6a3b
4 changed files with 6 additions and 11 deletions

Binary file not shown.

View File

@ -31,9 +31,9 @@
</head>
<img id="loading" src="images/Loading.png">
<div id="snow" style="display: none; "></div>
<video autoplay muted loop id="stars" style="display: none;">
<source src="images/s6-bg.webm" type="video/webm">
</video>
<video autoplay muted loop id="stars" style="display: none;">
<source src="images/s6-bg.webm" type="video/webm">
</video>
<body id="body" style="height: 95vh;">
<div id="container" class="container" style="color:#4F5957; font-family: Typewriter; text-align:center; font-size: 11px; display:none">
<div id='game'>

View File

@ -259,6 +259,6 @@ function drawStudyTree() {
window.addEventListener('scroll', function() {
if (player.options.theme == "S6") document.getElementById("stars").style.top = window.scrollY+document.documentElement.clientHeight/2+"px";
//if (player.options.theme == "S6") document.getElementById("stars").style.top = window.scrollY+document.documentElement.clientHeight/2+"px";
});

View File

@ -1,15 +1,10 @@
#stars {
display: block !important;
position: absolute;
width: auto;
height: auto;
position: fixed;
left: 50%;
top: 50%;
z-index: -1000;
pointer-events:none;
overflow: hidden;
min-width: 100%;
min-height: 100%;
pointer-events: none;
transform: translate(-50%,-50%);
}