mirror of
https://github.com/Oreolek/shooter.git
synced 2024-05-19 17:28:20 +03:00
50 lines
1 KiB
SCSS
50 lines
1 KiB
SCSS
.volume {
|
|
//width: 150px;
|
|
height: auto;
|
|
margin-top: 1em;
|
|
text-align: center;
|
|
}
|
|
#slider{
|
|
max-width: 8em;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #333 #333 #777 #333;
|
|
border-radius: 25px;
|
|
width: 100px;
|
|
position: absolute;
|
|
height: 13px;
|
|
background-color: #8e8d8d;
|
|
background: url('../img/bg-track.png') repeat top left;
|
|
box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5),
|
|
0 1px 0 0px rgba(250, 250, 250, .5);
|
|
left: 20px;
|
|
}
|
|
.voldisplay {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url('../img/volume.png') no-repeat 0 -50px;
|
|
margin-top: -5px;
|
|
}
|
|
.ui-slider-handle {
|
|
z-index: 2;
|
|
width: 25px;
|
|
height: 25px;
|
|
cursor: pointer;
|
|
background: url('../img/handle.png') no-repeat 50% 50%;
|
|
font-weight: bold;
|
|
color: #1C94C4;
|
|
outline: none;
|
|
top: -7px;
|
|
margin-left: -12px;
|
|
}
|
|
.ui-slider-range {
|
|
@include gradient-vertical(#fff, #eaeaea);
|
|
position: absolute;
|
|
border: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
border-radius: 25px;
|
|
}
|