[(#CACHE{0})] @font-face { font-family: 'HeydingsControlsRegular'; src: url('#CHEMIN{composants/player/fonts/heydings_controls.ttf}') format('truetype'); font-weight: normal; font-style: normal; } .mmplayer { min-width: #VAR{acsPlayerlmin,120px}; max-width: #VAR{acsPlayerlmax,350px}; margin: 5px; text-align: center; } .mmplayer video { min-width: #VAR{acsPlayerlmin,120px}; max-width: #VAR{acsPlayerlmax,350px}; } .mmplayer:hover .controls, .mmplayer:focus .controls { opacity: 1; } .mmplayer .controls { padding: 1px; visibility: hidden; opacity: 0.5; border-radius: 10px; transition: 1s all; display: inline-block; [ background: (#VAR{acsPlayerFondPlayer,black});][ (#MODELE{c_css_shadow}{c=Player})] } .mmplayer .controls button { margin: 0; padding: 0; border: 0; width: 25px; height: 25px; background: none; float: left; } .mmplayer button:before { font-family: HeydingsControlsRegular, Wingdings, 'Zapf Dingbats', sans-serif; font-size: 18px; text-align: center; content: attr(data-icon);[ color: (#VAR{acsPlayerBtn,lightgreen});] text-shadow: 1px 1px 0px #VAR{acsPlayerTextShadow,black}; cursor:pointer; background: none; border-radius: 10px; } .mmplayer button:hover::before {[ color: (#VAR{acsPlayerBtnOver,green});] text-shadow: 0px 0px 5px #cccc00; } .mmplayer .timer { min-width: 100px; height: 18px; font-size: 12px; font-family: monospace; text-shadow: 1px 1px 0px #VAR{acsPlayerTextShadow,black}; position: relative; float: left; } .mmplayer .timer div { position: absolute; background-color: #VAR{acsPlayerProgressBar,rgba(255,255,255,0.3)}; left: 0; top: 6px; width: 0; height: 16px; z-index: 2; } .mmplayer .timer span { position: absolute; left:0; top:6px; z-index: 3; width: 100%; text-align: center; color: #VAR{acsPlayerTrackStatus,#00afdf}; } .doc_player { min-width: #VAR{acsPlayerlmin,120px}; max-width: #VAR{acsPlayerlmax,350px}; margin: 0 5px 5px; padding: 0 5px 5px; } .playlist { text-align: left;[ margin-bottom: (#VAR{acsFondSpacer});][ background: (#VAR{acsPlayerFond});][ border-width: (#VAR{acsPlayerBord/Width});][ border-style: (#VAR{acsPlayerBord/Style});][ border-color: (#VAR{acsPlayerBord/Color});][ (#MODELE{c_css_shadow}{c=Player})] } .playlist .pagination { text-align: center; [background: (#VAR{acsPlayerTitreFond});] [border-top: 1px solid (#VAR{acsRubnavSep});] margin : 0; padding-left: 5px; padding-right: 5px; } .playlist .bloc-title { text-align : center; font-weight: bold; [background: (#VAR{acsPlayerTitreFond})[ url("(#ACS_CHEMIN{trame/#VAR{acsPlayerTitreImage}})") repeat top left];] } .playlist .mp3player { [border-top: 1px solid (#VAR{acsRubnavSep});] padding-top: 4px; } .playlist ul.playliste { margin: 0; padding: 0; list-style: none; } .playlist .track_status, .playlist .playliste .track_status { color: #VAR{acsPlayerTrackStatus,00afdf}; } .playlist .playliste li, .playlist .playliste li .play_ { [border-top: 1px solid (#VAR{acsPlayerSep});] } .playlist .playliste li.over { background: #VAR{acsPlayerMp3hover,#af8f00}; } .playlist .playliste li.play_on { background: #VAR{acsPlayerMp3on,#4422aa}; } .playlist .playliste a.mp3 { padding-#LANG_LEFT: 2px; } .playlist .playliste a.article { color: #VAR{acsPlayerArticleColor,#080}; } .playlist .playliste a.article:hover { color: #VAR{acsPlayerArticleColorHover,#808}; } .playlist .playliste a.podcast { float: #LANG_RIGHT; padding: 2px; color: #VAR{acsPlayerPodcastColor,#f40}; } .playlist .playliste a.podcast:hover { color: #VAR{acsPlayerPodcastColorHover,#008}; }