#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; }