You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

146 lines
2.5 KiB

#HTTP_HEADER{Content-Type: text/css}
#CACHE{24*3600,cache-client}
:focus {
outline: 0;
}
.tinyplayer {
display: flex;
}
.tinyplayer .audio {
position: relative;
border-radius: unset;
position: relative;
border: 2px solid black;
margin:1.2em 0 ;
padding:0;
font-family: helvetica, sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.5em;
}
.tinyplayer .progress_bar {
position: relative;
float: none;
height: 100%;
width: 100%;
cursor: default;
}
.tinyplayer .progress_bar .position {
position: absolute;
background-color: rgba(21, 29, 31, 0.15) ;
width: 0%;
height: 100%;
}
.tinyplayer .progress_bar .loading {
background-color:transparent;
position: absolute;
width: 0%;
height: 100%;
}
.tinyplayer .player_info {
margin: 2ex 2ex;
font-size: 1.25rem;
display: flex;
align-items: center;
}
.tinyplayer .icon {
margin-right: 1ex;
min-width: 1.5rem;
flex-basis: 1.5rem;
text-decoration: none;
border-bottom: none;
position: relative;
}
.tinyplayer button.play{
background: transparent;
width: auto;
overflow: visible;
margin: 0;
padding: 0;
border: none;
width: 20px;
height: 20px;
background-size: 80%;
margin-right: 1ex;
min-width: 1.5rem;
flex-basis: 1.5rem;
text-decoration: none;
border-bottom: none;
position: relative;
}
.tinyplayer button.play span{
display: block;
position: relative;
text-indent: -99999px;
top: auto;
left: auto;
height: 20px;
width: 20px;
background-size: 80%;
overflow: hidden;
}
.tinyplayer .ui-icon-play, .ui-icon-pause{
margin-right: 1ex;
min-width: 1.5rem;
flex-basis: 1.5rem;
text-decoration: none;
border-bottom: none;
position: relative;
}
.tinyplayer .play .ui-icon-play{
background: url('#CHEMIN{skins/play.svg}') no-repeat center center transparent;
height: 20px;
width: 20px;
background-size: 80%;
}
.tinyplayer .play .ui-icon-pause {
background: url('#CHEMIN{skins/pause.svg}') no-repeat center center transparent;
background-size: auto;
height: 20px;
width: 20px;
background-size: 80%;
}
.tinyplayer .icon.ui-icon-stop {
background: url('#CHEMIN{skins/stop.svg}') no-repeat center center transparent;
background-size: auto;
height: 20px;
width: 20px;
background-size: 80%;
}
.tinyplayer .track {
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
font-weight: 700;
text-overflow: ellipsis;
}
.tinyplayer .track a {
text-decoration: none;
color: black;
}
.tinyplayer .timer {
margin: 0ex 1ex;
white-space: nowrap;
}
.tinyplayer .play,
.tinyplayer .stop {
cursor: pointer;
}