KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added hardware acceleration to main

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2015-01-30 23:04:59 +01:00
parent e0c192f676
commit 24e36e6d40
5 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
index.php
View File

@@ -35,9 +35,8 @@
</div> </div>
</div> </div>
</div> </div>
<div id="controls"></div>
</div> </div>
<div id="controls"></div>
</div> </div>
</div> </div>
<?php include("php/footer.php"); ?> <?php include("php/footer.php"); ?>

8
js/playercontrols.js
View File

@@ -64,8 +64,12 @@ function initControls()
function fitToScreen() function fitToScreen()
{ {
document.getElementById("controls").style.top = document.getElementById("player").offsetTop + $("#player").height() + "px"; //document.getElementById("controls").style.top = document.getElementById("player").offsetTop + $("#player").height() + "px";
document.getElementById("controls").style.left = document.getElementById("player").offsetLeft + "px"; document.getElementById("controls").style.top = $("#player").position()["top"] + $("#player").height() + "px";
//document.getElementById("controls").style.left = document.getElementById("player").offsetLeft + "px";
document.getElementById("controls").style.left = $("#player").position()["left"] + "px";
//document.getElementById("controls").style.left = "10px";
$("#controls").width($("#player").width());
} }
function initSlider() function initSlider()

5
js/search.js
View File

@@ -82,7 +82,11 @@ function search(search_input){
//console.log(wrapper); //console.log(wrapper);
//$("#results").append(wrapper).show("slow"); //$("#results").append(wrapper).show("slow");
if(wrapper.length > 0) if(wrapper.length > 0)
{
$(".main").addClass("blurT"); $(".main").addClass("blurT");
//$("#controls").addClass("blurT");
}
$("<div style='display:none;'>"+wrapper+"</div>").appendTo('#results').slideDown('slow'); $("<div style='display:none;'>"+wrapper+"</div>").appendTo('#results').slideDown('slow');
} }
@@ -92,6 +96,7 @@ function search(search_input){
}); });
}else{ }else{
$(".main").removeClass("blurT"); $(".main").removeClass("blurT");
$("#controls").removeClass("blurT");
} }
} }

6
static/controlstyle.css
View File

@@ -5,6 +5,12 @@
background-color:rgba(255, 255, 255, 0.25); background-color:rgba(255, 255, 255, 0.25);
position:absolute; position:absolute;
width:54%; width:54%;
transition: 0.75s -webkit-filter linear;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} }
#q, #fullscreen, #playpause #q, #fullscreen, #playpause

6
static/style.css
View File

@@ -51,7 +51,11 @@ body{background:#000; margin:0; }
.result_info{color:#D7D7D7; font-size: 12px; /* float:right; */padding-top: 6px;} .result_info{color:#D7D7D7; font-size: 12px; /* float:right; */padding-top: 6px;}
.thumb{height: 55px; border-radius:3px; float: left; margin: 7px 0px 7px 15px;} .thumb{height: 55px; border-radius:3px; float: left; margin: 7px 0px 7px 15px;}
.main{width:90%; margin: 0 auto 0 auto;transition: 0.75s -webkit-filter linear;} .main{width:90%; margin: 0 auto 0 auto;transition: 0.75s -webkit-filter linear; -webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);}
.playlist{width:37%; margin-left: 0px; display: inline-block; font-size: 14px; border-radius: 3px; vertical-align: top; height: calc(87% - 183px);} .playlist{width:37%; margin-left: 0px; display: inline-block; font-size: 14px; border-radius: 3px; vertical-align: top; height: calc(87% - 183px);}
.lresult{padding:10px 0 10px 5px; height: 70px; border-top: none; cursor: default; border-bottom: solid 1px rgba(255,255,255,0.2); } .lresult{padding:10px 0 10px 5px; height: 70px; border-top: none; cursor: default; border-bottom: solid 1px rgba(255,255,255,0.2); }
.lthumb{height: 70px; margin:0;margin-right: 10px; display: inline; width: 109px; border-radius: 3px; box-shadow: 0 8px 11px -4px black;} .lthumb{height: 70px; margin:0;margin-right: 10px; display: inline; width: 109px; border-radius: 3px; box-shadow: 0 8px 11px -4px black;}