KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-12-07 20:18:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styled volumeslider on mobileremote to match other

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-02-01 21:18:27 +01:00
parent ab2a1b0942
commit 3b3a984689
4 changed files with 60 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
public/css/style.css
View File

@@ -1722,6 +1722,15 @@ nav ul li:hover, nav ul li.active {
background: #dadada;
}
#volume-control-remote .ui-state-active {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.01), 0 0 0 15px rgba(1,1,1,0.15);
position: absolute;
width: 14px;
height: 14px;
border-radius: 21px;
background: #464646 !important;
}
.ui-slider-handle
{
margin-top:-5px;
@@ -2161,21 +2170,55 @@ nav ul li:hover, nav ul li.active {
height: 10px;
border-radius: 4px;
margin-bottom: 20px;
cursor: pointer;
float:left;
position: relative;
/* left: 10px; */
/* margin: 13px auto; */
/* height:5px; */
/* width: 75px; */
/*background-color:rgba(0, 0, 0, 0.5);*/
background:rgba(0, 0, 0, 0.5) 50% 50% repeat-x;
border: none;
outline: none;
/*border-radius: 2px;*/
}
#volume-control-remote .ui-slider-range-min{
margin-left:0px;
margin-top: 0px;
height:10px;
background: black;
/* margin-top: 0px; */
/* height:10px; */
/* background: black; */
height: 10px;
/* width: 75px; */
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
border: none;
outline: none;
}
#volume-control-remote .ui-slider-handle{
margin-left:-25px !important;
margin-left: -12.5px !important;
width: 40px;
margin-top:-3px;
background: #2d2d2d;
border:none;
display: none;
/* display: none; */
/* height: 14px; */
/* width: 10px; */
height: 25px;
padding: 0;
border: 1px solid white;
width: 25px;
background: #000 50% 50% repeat-x;
position: absolute;
cursor: pointer;
outline: none;
/* border: none; */
margin-left: -7.5px;
/* margin-top: 0px; */
border-radius: 1000px;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
.slider-vol{