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

Localized dependencies, restyled player, removed logging

Browse Source
This commit is contained in:
Nixo
2014-12-14 19:21:33 +01:00
parent 8632aefa40
commit 2972b782db
7 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/playercontrols.js
View File

@@ -99,7 +99,7 @@ function changeQuality()
function setVolume(vol) function setVolume(vol)
{ {
ytplayer.setVolume(vol); ytplayer.setVolume(vol);
console.log(vol); /*console.log(vol); //NO LOGS FOR U LOL
if(vol == 0){ if(vol == 0){
console.log("no volume"); console.log("no volume");
}else if(vol < 33){ }else if(vol < 33){
@@ -108,7 +108,7 @@ function setVolume(vol)
console.log("medium-volume"); console.log("medium-volume");
}else if(vol > 66){ }else if(vol > 66){
console.log("full-volume"); console.log("full-volume");
} }*/
} }
function playPause() function playPause()

2
php/footer.php
View File

@@ -2,7 +2,7 @@
&copy; 2014 <a class="anim" href="//nixo.no">Nixo</a> &amp; <a class="anim" href="//kasperrt.no">KasperRT </a> &copy; 2014 <a class="anim" href="//nixo.no">Nixo</a> &amp; <a class="anim" href="//kasperrt.no">KasperRT </a>
</div> </div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="static/js/iscroll.js"></script> <script type="text/javascript" src="static/js/iscroll.js"></script>
<script type="text/javascript" src="static/js/list.js"></script> <script type="text/javascript" src="static/js/list.js"></script>
<script type="text/javascript" src="static/js/playercontrols.js"></script> <script type="text/javascript" src="static/js/playercontrols.js"></script>

1
php/header.php
View File

@@ -3,5 +3,4 @@
<link rel="stylesheet" type="text/css" href="static/style.css" title="Default" /> <link rel="stylesheet" type="text/css" href="static/style.css" title="Default" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="static/favicon.png"/> <link rel="icon" type="image/png" href="static/favicon.png"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="static/controlstyle.css">/ <link rel="stylesheet" type="text/css" href="static/controlstyle.css">/

26
static/controlstyle.css
View File

@@ -2,7 +2,7 @@
#controls #controls
{ {
height:30px; height:30px;
background-color:rgba(255, 255, 255, 0.40); background-color:rgba(255, 255, 255, 0.25);
position:absolute; position:absolute;
width:54%; width:54%;
} }
@@ -12,11 +12,16 @@
-webkit-filter:brightness(300%); -webkit-filter:brightness(300%);
} }
#q:hover, #fullscreen:hover, #playpause:hover
{
-webkit-filter:brightness(100%);
}
#q #q
{ {
cursor:pointer; cursor:pointer;
float:right; float:right;
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-lighthh-vflueFmNN.webp) 0 -1023px; background: no-repeat url(player.webp) 0 -1023px;
background-size: auto; background-size: auto;
width: 30px; width: 30px;
height: 27px; height: 27px;
@@ -53,7 +58,7 @@
#fullscreen #fullscreen
{ {
cursor:pointer; cursor:pointer;
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-lighthh-vflueFmNN.webp) 0 -1054px; background: no-repeat url(player.webp) 0 -1054px;
background-size: auto; background-size: auto;
width: 30px; width: 30px;
height: 27px; height: 27px;
@@ -78,20 +83,22 @@
position: absolute; position: absolute;
left: 200px; left: 200px;
margin: 12px auto; margin: 12px auto;
height:4.5px; height:5px;
width: 75px; width: 75px;
background-color:grey; background-color:rgba(0, 0, 0, 0.5);
border: none; border: none;
outline: none; outline: none;
border-radius: 2px;
} }
#volume .ui-slider-range-min { #volume .ui-slider-range-min {
height:4.5px; height:5px;
width: 75px; width: 75px;
position: absolute; position: absolute;
background-color:#ED207F; background-color:rgba(255, 255, 255, 0.7);
border: none; border: none;
outline: none; outline: none;
border-radius: 2px;
} }
#volume .ui-slider-handle { #volume .ui-slider-handle {
@@ -102,6 +109,7 @@
cursor: pointer; cursor: pointer;
outline: none; outline: none;
border: none; border: none;
display: none;
} }
.ui-slider-handle .ui-slider-handle
@@ -117,7 +125,7 @@
.play .play
{ {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-lighthh-vflueFmNN.webp) 0 -496px; background: no-repeat url(player.webp) 0 -496px;
background-size: auto; background-size: auto;
width: 55px; width: 55px;
height: 27px; height: 27px;
@@ -125,7 +133,7 @@
.pause .pause
{ {
background: no-repeat url(//s.ytimg.com/yts/imgbin/player-lighthh-vflueFmNN.webp) 0 -2139px; background: no-repeat url(player.webp) 0 -2139px;
background-size: auto; background-size: auto;
width: 55px; width: 55px;
height: 27px; height: 27px;

BIN
static/open_sans.woff Normal file
View File

Binary file not shown.

BIN
static/player.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

11
static/style.css
View File

@@ -11,7 +11,7 @@ body{background:#000; margin:0; }
::-moz-input-placeholder{color: #FEFEFE;} ::-moz-input-placeholder{color: #FEFEFE;}
::input-placeholder{color: #FEFEFE;} ::input-placeholder{color: #FEFEFE;}
.innbox, .innbox a{ .innbox, .innbox a{
width:90%; height: 50px; border-radius:7px; border:none; font-family: 'Open Sans', sans-serif; font-size: 25px; margin-bottom: 20px; width:90%; height: 50px; border-radius:4px; border:none; font-family: 'Open Sans', sans-serif; font-size: 25px; margin-bottom: 20px;
color:#f15; text-align: center;-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s; transition:background 1s; color:#f15; text-align: center;-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s; transition:background 1s;
background-color: rgba(255, 255, 255, 0.22); background-color: rgba(255, 255, 255, 0.22);
} }
@@ -122,3 +122,12 @@ input[type="radio"]{display: none;}
} }
.footer{font-size: 40px; margin-top: 150px;} .footer{font-size: 40px; margin-top: 150px;}
} }
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(open_sans.woff) format('woff');
}