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

More aligning and prettified playbar somewhat

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-10-14 13:20:23 +02:00
parent 47974a4711
commit 5b0b779530
1 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
server/public/assets/css/style.css
View File

@@ -1997,14 +1997,16 @@ nav ul li:hover, nav ul li.active {
padding-top: 3px; padding-top: 3px;
} }
.margin-playbar, #volume-button .margin-playbar
{ {
margin-left:10px; /*margin-left:10px;*/
} }
#volume-button{ #volume-button{
padding-top: 3px; padding-top: 3px;
/* padding-left: 10px; */ padding-left: 2px;
padding-right: 5px;
margin-left: 5px;
} }
#playpause:hover, #volume-button:hover, #fullscreen:hover #playpause:hover, #volume-button:hover, #fullscreen:hover
@@ -2016,9 +2018,11 @@ nav ul li:hover, nav ul li.active {
{ {
float:right; float:right;
color:white; color:white;
margin-right:15px; margin-right: 0px;
/* margin-top: 2px; */ /* margin-top: 2px; */
padding-top: 4px; padding-top: 4px;
padding-right: 3px;
padding-left: 3px;
} }
#duration, #viewers #duration, #viewers
@@ -2310,6 +2314,11 @@ nav ul li:hover, nav ul li.active {
padding-bottom: 0px; padding-bottom: 0px;
} }
.margin-playbar {
margin-left:10px;
}
#chat-container { #chat-container {
height: calc(100vh - 48px - 64px - 120px) !important; height: calc(100vh - 48px - 64px - 120px) !important;
} }
@@ -2500,6 +2509,7 @@ nav ul li:hover, nav ul li.active {
font-size: 31px; font-size: 31px;
font-size: 31px !important; font-size: 31px !important;
margin-top: 8px; margin-top: 8px;
line-height: 31px;
} }
.skip.playbar, .prev.playbar, #playpause { .skip.playbar, .prev.playbar, #playpause {
@@ -2520,7 +2530,7 @@ nav ul li:hover, nav ul li.active {
.volume-container { .volume-container {
position: absolute; position: absolute;
right: 0%; right: 0%;
width: 40px; width: 37px;
top: -127px; top: -127px;
height: 127px; height: 127px;
left: auto; left: auto;
@@ -2532,7 +2542,7 @@ nav ul li:hover, nav ul li.active {
} }
.volume-container-cast { .volume-container-cast {
right: 9.5%; right: 10.1%;
} }
#volume { #volume {
@@ -2573,7 +2583,10 @@ nav ul li:hover, nav ul li.active {
#volume-button{ #volume-button{
float: right; float: right;
margin-right: 5px; /* margin-right: 5px; */
padding-right: 3px;
margin-left: 0px;
padding-left: 3px;
height: 51px; height: 51px;
padding-top: 0px; padding-top: 0px;
} }