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.
 
 
 
 

177 lines
3.6 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:4px 15px 16px 20px;
background:#eeeeee;
border-radius:30px;
}
.audio:after {
clear:both;
}
.lecture{
float:left;
}
.controles{
float:left;
margin-left: 15px;
width:80%;
}
.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;
}
.controles .lesinfos {
font-size: 13px;
line-height: 1.3em;
margin: 0 0 10px 75%;
color:#999999;
}
.controles .lesinfos .file {
display:none;
}
.time, .duration, .file{
display:inline;
font-family:helvetica,arial,sans-serif;
}
.progress_bar{
float:left;
height:15px;
width:70%;
position:relative;
border-radius:0;
border:0;
padding:0;
background:#ffffff;
cursor:pointer;
}
.progress_bar .position{
background:#990000;
height: 15px;
position: absolute;
width:0px;
}
.ui-progressbar-value{
position:absolute;
height: 15px;
}
.progress_bar .loading{
height: 15px;
cursor:pointer;
background:#000000;
width:0px;
}
.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}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.lecture, .controles, .progress_bar{
float:none;
}
.controles .lesinfos{
margin:10px 0 10px 0%;
}
.controles .track.sans_titre{
height:0;
}
.controles{
width:100%;
}
.haudio, .audio{
padding:15px 15px 0px;
}
}