diff --git a/js/playercontrols.js b/js/playercontrols.js index 4b155461..a4b2a262 100644 --- a/js/playercontrols.js +++ b/js/playercontrols.js @@ -99,7 +99,7 @@ function changeQuality() function setVolume(vol) { ytplayer.setVolume(vol); - console.log(vol); + /*console.log(vol); //NO LOGS FOR U LOL if(vol == 0){ console.log("no volume"); }else if(vol < 33){ @@ -108,7 +108,7 @@ function setVolume(vol) console.log("medium-volume"); }else if(vol > 66){ console.log("full-volume"); - } + }*/ } function playPause() diff --git a/php/footer.php b/php/footer.php index f1052630..b45ca44c 100755 --- a/php/footer.php +++ b/php/footer.php @@ -2,7 +2,7 @@ © 2014 Nixo & KasperRT - + diff --git a/php/header.php b/php/header.php index 11604c89..c386ebb5 100755 --- a/php/header.php +++ b/php/header.php @@ -3,5 +3,4 @@ - / \ No newline at end of file diff --git a/static/controlstyle.css b/static/controlstyle.css index 98071f22..ee73163c 100644 --- a/static/controlstyle.css +++ b/static/controlstyle.css @@ -2,7 +2,7 @@ #controls { height:30px; - background-color:rgba(255, 255, 255, 0.40); + background-color:rgba(255, 255, 255, 0.25); position:absolute; width:54%; } @@ -12,11 +12,16 @@ -webkit-filter:brightness(300%); } +#q:hover, #fullscreen:hover, #playpause:hover +{ + -webkit-filter:brightness(100%); +} + #q { cursor:pointer; 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; width: 30px; height: 27px; @@ -53,7 +58,7 @@ #fullscreen { 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; width: 30px; height: 27px; @@ -78,20 +83,22 @@ position: absolute; left: 200px; margin: 12px auto; - height:4.5px; + height:5px; width: 75px; - background-color:grey; + background-color:rgba(0, 0, 0, 0.5); border: none; outline: none; + border-radius: 2px; } #volume .ui-slider-range-min { - height:4.5px; + height:5px; width: 75px; position: absolute; - background-color:#ED207F; + background-color:rgba(255, 255, 255, 0.7); border: none; outline: none; + border-radius: 2px; } #volume .ui-slider-handle { @@ -102,6 +109,7 @@ cursor: pointer; outline: none; border: none; + display: none; } .ui-slider-handle @@ -117,7 +125,7 @@ .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; width: 55px; height: 27px; @@ -125,7 +133,7 @@ .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; width: 55px; height: 27px; diff --git a/static/open_sans.woff b/static/open_sans.woff new file mode 100644 index 00000000..90b828fe Binary files /dev/null and b/static/open_sans.woff differ diff --git a/static/player.webp b/static/player.webp new file mode 100644 index 00000000..03e5ca2d Binary files /dev/null and b/static/player.webp differ diff --git a/static/style.css b/static/style.css index 2480c0d2..90b1de59 100755 --- a/static/style.css +++ b/static/style.css @@ -11,7 +11,7 @@ body{background:#000; margin:0; } ::-moz-input-placeholder{color: #FEFEFE;} ::input-placeholder{color: #FEFEFE;} .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; background-color: rgba(255, 255, 255, 0.22); } @@ -122,3 +122,12 @@ input[type="radio"]{display: none;} } .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'); + +} \ No newline at end of file