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.
 
 
 
 

205 lines
4.0 KiB

#HTTP_HEADER{Content-Type: text/css}
#CACHE{24*3600,cache-client}
/* Lecteur audio */
.haudio, .audio {
margin:25px 0;
text-align: left;
line-height:1.5em;
width:auto;
padding:10px 20px;
background:#eeeeee;
border-radius:30px;
display: grid;
align-items: center;
grid-template-columns: min-content 1fr;
grid-column-gap: 15px;
}
.audio button,
.haudio 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;
}
.audio button svg,
.haudio button svg {
width: 20px;
height: 20px;
}
.audio button.play #btn-play,
.audio button.play.playing #btn-pause,
.haudio button.play #btn-play,
.haudio button.play.playing #btn-pause {
display: inline-block;
}
.audio button.play.playing #btn-play,
.audio button.play #btn-pause,
.haudio button.play.playing #btn-play,
.haudio button.play #btn-pause {
display: none;
}
.audio:after {
clear:both;
}
.lecture{
grid-row: 1 / 3;
}
.controles{
width:100%;
}
.controles .track.sans_titre{
height:1em;
}
.controles .track {
margin: 0 0 5px 0;
font-family:helvetica,arial,sans-serif;
}
.controles .descriptif{
text-align: left;
line-height:1em;
font-size:small;
}
.descriptif {
grid-column: 2 / 3;
}
.controles .lesinfos {
font-size: 13px;
line-height: 1.3em;
width: auto;
padding-left: 1em;
color:#999999;
}
.controles .lesinfos .file {
display:none;
}
.time, .duration, .file{
display:inline;
font-family:helvetica,arial,sans-serif;
}
.progress_container {
display: flex;
align-items: center;
justify-content: space-between;
}
.progress_bar{
height:15px;
flex-grow: 2;
position:relative;
border-radius:0;
border:0;
padding:0;
background:#ffffff;
cursor:pointer;
}
.progress_bar .position{
background:#990000;
height: 15px;
position: absolute;
width:0px;
z-index: 100;
}
.ui-progressbar-value{
position:absolute;
height: 15px;
}
.progress_bar .loading{
height: 15px;
cursor:pointer;
background:#000000;
opacity: 0.2;
width:0px;
z-index: -100;
}
.controles .ui-widget-header {
margin:0;
background: #333333;
border:0;
border-radius:0;
}
.lecture button.play {
background: #eeeeee;
border:0;
margin:2px 0 0 0;
cursor: pointer;
display: inline-block;
margin-right: 0.1em;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
text-decoration: none !important;
}
.lecture button.play span{
position:relative;
top:auto;
left:auto;
width:45px;
height:41px;
display: block;
overflow: hidden;
text-indent: -99999px;
margin:6px 0 0 0;
}
.lecture button.play .ui-icon-play {
background:url("[(#CHEMIN{skins/playpause.png}|url_absolue)]") no-repeat 0 0;
}
.lecture button.play:hover .ui-icon-play {
background:url("[(#CHEMIN{skins/playpause.png}|url_absolue)]") no-repeat -45px 0;
}
.lecture button.play .ui-icon-pause {
background:url("[(#CHEMIN{skins/playpause.png}|url_absolue)]") no-repeat -90px 0;
}
.lecture button.play:hover .ui-icon-pause {
background:url("[(#CHEMIN{skins/playpause.png}|url_absolue)]") no-repeat -135px 0;
}
.lecture button.play .ui-button-text {
padding:0;
}
/* Liens audio */
.spip_ancre.laudio{color:inherit;border-bottom:1px solid #f9d7db;padding-bottom:2px}
h3 .spip_ancre.laudio{padding-bottom:4px}
.spip_ancre.laudio:hover{color:#ea7c87;border-bottom:0}
.spip_ancre.laudio:before{content:' ';display:inline-block;width:.6em;height:.6em;margin-right:3px;background-image:url('[(#CHEMIN{skins/playrose.svg}|url_absolue)]');background-repeat:no-repeat;background-position:center center;background-size:100%;vertical-align:middle;opacity:0.3;transition-duration:.2s;transition-property:opacity;-moz-transition-duration:.2s;-moz-transition-property:opacity;-webkit-transition-duration:.2s;-webkit-transition-property:opacity}
.spip_ancre.laudio.on{animation-duration:800ms;animation-name:border;animation-iteration-count:infinite;animation-direction:alternate}
.spip_ancre.laudio:hover:before{opacity:1}
.spip_ancre.laudio.on:before{animation-duration:800ms;animation-name:opacite;animation-iteration-count:infinite;animation-direction:alternate}