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

Stopped using jQuery UI

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2018-04-23 16:42:43 +02:00
parent 5adf770af0
commit daa5f16945
13 changed files with 388 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
server/public/assets/css/embed.css
View File

@@ -324,10 +324,10 @@
top: -.3em;
margin-left: -.6em;
}
#volume {
border-radius: 10px;
cursor:pointer;
float:left;
float:left;
position: relative;
left: 10px;
margin: 13px auto;
@@ -337,17 +337,52 @@
background:rgba(0, 0, 0, 0.5) 50% 50% repeat-x;
border: none;
outline: none;
border-radius: 2px;
/*border-radius: 2px;*/
}
#volume .ui-slider-range-min {
height:5px;
width: 75px;
#volume.vertical {
border-radius: 0px;
}
#volume .volume-slid {
border-radius: 10px;
background: white;
height: 5px;
width: 0%;
}
#volume .volume-slid.vertical {
width: 100%;
height: 0%;
border-radius: 0px;
bottom: 0px;
position: absolute;
background-color:rgba(255, 255, 255, 0.8);
border: none;
outline: none;
border-radius: 2px;
}
#volume .volume-handle {
height: 15px;
width: 15px;
background: white;
border-radius: 15px;
border: 1px solid lightgrey;
margin-top: -9.75px;
position: absolute;
left: 0%;
margin-left: -5.75px;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
#volume .volume-handle.vertical {
bottom: 0%;
display: none;
}
#volume .volume-handle.ui-state-active {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.01), 0 0 0 7px rgba(255,255,255,0.3);
position: absolute;
width: 14px;
height: 14px;
border-radius: 21px;
background: #dadada;
}
#toast-container{
@@ -365,33 +400,6 @@
cursor: pointer;
}
#volume .ui-slider-handle {
height: 14px;
width: 14px;
background: #fff 50% 50% repeat-x;
position: absolute;
cursor: pointer;
outline: none;
border: none;
margin-left: -7.5px;
margin-top: 0;
border-radius: 1000px;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
#volume .ui-state-active {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.01), 0 0 0 7px rgba(255,255,255,0.3);
position: absolute;
width: 14px;
height: 14px;
border-radius: 21px;
background: #dadada;
}
.ui-slider-handle
{
margin-top:-4px;
}
.play
{
background-size: auto;