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

26
static/controlstyle.css
View File

@@ -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;

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;}
::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');
}