93 lines
2.0 KiB
CSS
93 lines
2.0 KiB
CSS
.hotsPlayer-controls{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.hotsPlayer-controls *{
|
|
-webkit-transition: all .4s ease;
|
|
-moz-transition: all .4s ease;
|
|
-o-transition: all .4s ease;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
#player{
|
|
background-color: black;
|
|
opacity: 0.8;
|
|
}
|
|
.hotsPlayer-controls .hotsControl{
|
|
position: absolute;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-play a{
|
|
background: url(img/play.png) no-repeat center top;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: block;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-play.pause a{
|
|
background: url(img/pause.png) no-repeat center top;
|
|
}
|
|
.hotsPlayer-controls .hotsPlayer-controls-random a{
|
|
background: url(img/shuffle.png) no-repeat left top;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-random.active a{
|
|
opacity: 1;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-next a{
|
|
background: url(img/play-next.png) no-repeat left top;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-prev a{
|
|
background: url(img/play-prev.png) no-repeat left top;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-down a{
|
|
background: url(img/down.png) no-repeat left top;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-vol-down a{
|
|
background: url(img/volumen-low.png) no-repeat left top;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-vol-up a{
|
|
background: url(img/volumen-high.png) no-repeat left top;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.hotsPlayer-controls .hotsPlayer-controls-random a:hover,
|
|
.hotsPlayer-controls .hotsPlayer-controls-next a:hover,
|
|
.hotsPlayer-controls .hotsPlayer-controls-prev a:hover,
|
|
.hotsPlayer-controls .hotsPlayer-controls-down a:hover,
|
|
.hotsPlayer-controls .hotsPlayer-controls-vol-down a:hover,
|
|
.hotsPlayer-controls .hotsPlayer-controls-vol-up a:hover{
|
|
opacity: 1;
|
|
}
|
|
|