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.
 
 
 
 

111 lines
1.7 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;
}
.contenu_texte .tinyplayer .progress_bar {
width: 99%;
}
.tinyplayer .progress_bar .position {
position: absolute;
z-index:0;
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: 1.6ex 2ex;
font-size: 1.25rem;
display: flex;
align-items: center;
}
.tinyplayer button {
background: transparent;
margin: 0;
padding: 0;
border: none;
width: 20px;
height: 20px;
position: relative;
overflow: visible;
margin-right: 1.5ex;
min-width: 1.5rem;
flex-basis: 1.5rem;
text-decoration: none;
border-bottom: none;
}
.tinyplayer button svg {
width: 20px;
height: 20px;
}
.tinyplayer button.play #btn-play,
.tinyplayer button.play.playing #btn-pause {
display: inline-block;
}
.tinyplayer button.play.playing #btn-play,
.tinyplayer button.play #btn-pause {
display: none;
}
.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;
}