/* MP3-jPlayer 1.8.1 - Silver www.sjward.org */ /* BARS ----------------- */ .ui-state-disabled { cursor:default !important; } .ui-slider { position:relative; text-align:left; } .ui-slider .ui-slider-handle { position:absolute; z-index:200; cursor:default; } .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; } .ui-slider-horizontal .ui-slider-range { top:0; height:100%; } .ui-slider-horizontal .ui-slider-range-min { left:0; } .ui-slider-horizontal .ui-slider-range-max { right:0; } .ui-state-default, .ui-widget-content .ui-state-default { outline:none; border:0px; } /* VOLUME */ div.MIsliderVolume { position:absolute; top:0px; right:4px; width:108px; height:4px !important; background:transparent; border:0px; font-size:1px; cursor:default; z-index:150; } div.MIsliderVolume .ui-widget-header { /* background set from admin */ } div.MIsliderVolume .ui-slider-handle { border:0px; height:11px !important; width:10px !important; padding:0px !important; margin-left:-5px; top:-3px; border:0px !important; -moz-border-radius:2px; -webkit-border-radius:2px; background:transparent url('images/vol-handle.png') no-repeat -1px 0px; z-index:150; overflow:hidden !important; cursor:default; } div.MIsliderVolume .ui-slider-handle:hover { background:transparent url('images/vol-handle.png') no-repeat -21px 0px; } div.MIsliderVolume .ui-state-active, div.MIsliderVolume .ui-widget-content .ui-state-active { border:0px; background:transparent url('images/vol-handle.png') no-repeat -21px 0px; outline:none; } /* LOADER AND POS SLIDER */ div.bars_holder, div.loadMI_mp3j, div.poscolMI_mp3j, div.posbarMI_mp3j { position:absolute; top:0px; left:0px; } div.bars_holder { right:0; width:100%; bottom:38px; font-size:1px; cursor:default; background:transparent url('images/t60w.png') repeat-x left bottom;/* 1px highlight top of control bar */ } div.loadMI_mp3j { bottom:1px; background:#241E23; opacity:0.7; filter:alpha(opacity=70); } div.poscolMI_mp3j { bottom:1px; /* background set from admin */ /* opacity set from admin */ } div.bars_holder .ui-widget-header, div.bars_holder .ui-widget-content { border:0px !important; background:none; } div.bars_holder .ui-slider-horizontal { top:0px; bottom:1px; height:auto; z-index:90; } div.posbarMI_mp3j { bottom:1px; width:100%; } div.posbarMI_mp3j .ui-slider-handle { top:-6px; margin-left:-1px !important; border:0; bottom:-2px; width:2px !important; z-index:100; background:none; cursor:default ; padding:0px !important; } div.posbarMI_mp3j .ui-slider-handle:hover { background:none; z-index:100; } /*------------------------- [mp3j] & [mp3t] SHORTCODES ==================================== */ span.wrap_inline_mp3j { position:relative; width:auto; cursor:pointer; padding:0; white-space:nowrap; text-align:left;font-weight:400 !important} span.indi_mp3j { position:relative; padding-left:2px; font-size: 0.7em !important; } /* BARS */ span.bars_mp3j { position:absolute; width:100%; height:100%; } span.load_mp3j, span.loadB_mp3j { position:absolute; background:#241E23; opacity:0.7; filter:alpha(opacity=70); top:20px; left:0px; height:2px; } /* mp3t */ span.posbar_mp3j { position:absolute; width:100%; height:100%; border:0px solid #f77; } span.posbar_mp3j .ui-widget-header { z-index:-500; } span.posbar_mp3j .ui-slider-handle { top: 2px; margin-left:-2px; border:1px solid #999; height:21px; width:4px; z-index:500; background:url('images/mp3t-poshandle.png') repeat-y -50px 0px; cursor:default; padding:0px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } span.posbar_mp3j .ui-slider-handle:hover { background:url('images/mp3t-poshandle.png') repeat-y -0px 0px; border-color:#aaa; } /* mp3j */ span.posbarB_mp3j { position:absolute; width:100%; height:100%; border:0; z-index:450; cursor:pointer; } span.posbarB_mp3j .ui-widget-header { background:transparent; z-index:450; height:100%; } span.posbarB_mp3j .ui-slider-handle { top: 0px; margin-left:-6px !important; border:0px solid #888; height:23px; width:12px !important; z-index: 500; background: transparent url('images/inlineHandle2.png') no-repeat -3px -3px; cursor: default; padding:0px !important; } span.posbarB_mp3j .ui-slider-handle:hover { background: transparent url('images/inlineHandle2.png') no-repeat -3px -33px; } /* SPAN TRANSPORT */ span.group_wrap { position:relative; margin:0px 0px 0px 0px; width:auto; } span.textbutton_mp3j, span.T_mp3j { position:relative; width:auto; margin:0px; padding:0px !important; font-weight: 400; } /* VOLUMES */ span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; } span.vol_mp3j { position:absolute; top:-9px; right:6px; width:85%; max-width:100px; height:2px; } span.vol_mp3j.flipped { right:4px; } span.vol_mp3t .ui-widget-header, span.vol_mp3j .ui-widget-header { background: transparent url('images/vol-grad60b2.png') repeat left top; z-index:500; height:100%; } span.vol_mp3t .ui-slider-handle, span.vol_mp3j .ui-slider-handle { height:9px !important; width:10px !important; padding:0px !important; margin-left:-5px; border:0px !important; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; z-index:600; overflow:hidden !important; cursor:default; top:-5px; background: transparent url('images/vol-handle.png') no-repeat -1px 0px; } span.vol_mp3t .ui-slider-handle:hover, span.vol_mp3j .ui-slider-handle:hover { background: transparent url('images/vol-handle.png') no-repeat -21px 0px; } span.vol_mp3t .ui-state-active, span.vol_mp3t .ui-widget-content .ui-state-active, span.vol_mp3j .ui-state-active, span.vol_mp3j .ui-widget-content .ui-state-active { background:transparent url('images/vol-handle.png') no-repeat -21px 0px; outline:none; border:0px; } /*================================================= MODS (via 'style' param in shortcode) ================================================= */ /* ===== bigger1 ===== */ .bigger1, .bigger1p { font-size:16px; line-height:21px !important; margin:0 !important; }/*!!!*/ .bigger1 span.load_mp3j, .bigger1p span.load_mp3j, .bigger1p span.loadB_mp3j, .bigger1 span.loadB_mp3j { top:24px; left:0px; height:2px; } .bigger1 span.posbar_mp3j .ui-slider-handle, .bigger1p span.posbar_mp3j .ui-slider-handle{ top: 3px; height:24px; width:6px !important; margin-left:-3px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger1 span.posbarB_mp3j .ui-slider-handle, .bigger1p span.posbarB_mp3j .ui-slider-handle { top: 3px; margin-left:-3px !important; border:1px solid #E1001A; height:24px; width:6px !important; z-index:500; background:url('images/mp3t-poshandle.png') repeat-y -50px 0px; cursor:default; padding:0px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger1 span.posbarB_mp3j .ui-slider-handle:hover, .bigger1p span.posbarB_mp3j .ui-slider-handle:hover{ background:url('images/mp3t-poshandle.png') repeat-y 0px 0px; border-color:#E1CED0; } .bigger1 span.buttons_mp3jpause, .bigger1 span.buttons_mp3j { position:relative; margin:0px; margin-left:5px !important; padding: 3px 0px 2px 20px !important;} .bigger1 span.buttons_mp3j { background: transparent url('images/play.png') no-repeat; background-size: contain;} .bigger1 span.buttons_mp3j:hover { background:transparent url('images/playHover.png') no-repeat; background-size: contain;} .bigger1 span.buttons_mp3jpause, .bigger1p span.buttons_mp3jpause { background: transparent url('images/pause.png') no-repeat; background-size: contain;} .bigger1 span.buttons_mp3jpause:hover, .bigger1p span.buttons_mp3jpause:hover{ background:transparent url('images/pauseHover.png') no-repeat; background-size: contain;} .bigger1 span.vol_mp3j { position:absolute; top:-5px; right:7px; width:85%; max-width:100px; height:2px;} .bigger1 div.player-track-title { font:normal normal 400 18px 'ddddemi'; } .bigger1 div.player-track-title span { font:normal normal 500 14px 'ddddemi'; } .bigger1 ul.UL-MI_mp3j li a, .bigger1 ul.UL-MI_mp3j li { font-size:16px !important; line-height:19px !important; } .bigger1 .indi_mp3j { font-size: 0.6em !important; } /*bibliographie*/ .page-id-454 .bigger1 span.buttons_mp3j, .page-id-454 .bigger1p span.buttons_mp3j{ background: transparent url('images/audio.png') no-repeat; background-size: contain;} .page-id-454 .bigger1 span.buttons_mp3j:hover, .page-id-454 .bigger1p span.buttons_mp3j:hover{ background:transparent url('images/audioHover.png') no-repeat; background-size: contain;} .page-id-454 .bigger1 span.vol_mp3j { top: -10px;} .page-id-454 .bigger1p span.vol_mp3j { top: -7px;} .page-id-454 .bigger1 span.buttons_mp3jpause, .page-id-454 .bigger1 span.buttons_mp3j { padding: 15px 0px 20px 60px !important;} .page-id-454 .bigger1p span.buttons_mp3jpause, .page-id-454 .bigger1p span.buttons_mp3j { padding: 5px 0px 20px 27px !important;}