#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; 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 .icon { margin-right: 1ex; min-width: 1.5rem; flex-basis: 1.5rem; text-decoration: none; border-bottom: none; position: relative; box-sizing: content-box; } .tinyplayer button.play{ background: transparent; width: auto; overflow: visible; margin: 0; padding: 0.4ex 0; border: none; width: 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%; padding: 0.4ex 0; } .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; }