/* MP3-jPlayer 1.8.1 - Silver Player (alternative style) */ /* === [mp3-jplayer] ============================== */ /* POSITION AND WIDTH */ div.wrap-MI { border:0; margin:0; background:transparent; /* position || float */ /* width */ min-width:116px; } div.jp-innerwrap, div.jp-interface, div.innertab, div.bars_holder, div.playlist-wrap-MI { width:100%; } div.jp-innerwrap { position:relative !important; background:transparent; border:0; margin:0; } div.jp-interface { position:relative !important; height:110px; min-height:85px; border:0; margin:0; cursor:default; } /* BACKGROUNDS */ div.innerx { position: absolute; width: auto; height: 20px; left: 9px; right: 88px; top: 0px; background: url('images/case2t-x.png') repeat-x left top; z-index:5; } div.innerleft { position: absolute; width: 10px; height: 20px; /* IE6 */ left: -1px; top: 0px; background: url('images/case2t-l.png') no-repeat left top; z-index:5; } div.innerright { position: absolute; width: 90px; height: 20px; /* IE6 */ right: -2px; top: 0px; background: url('images/case2t-r.png') no-repeat right top; z-index:5; } /* SCREEN BACKGROUND -------------- */ div.innertab { position: absolute; width: 100%; bottom: 10px; left: 0px; top: 0px; /* background */ /* opacity */ } /* SCREEN ----------------- */ div.player-track-title, div.jp-play-time, div.jp-total-time, div.statusMI { position:absolute; z-index:50; /* color set from admin */ font:normal normal 500 14px/16px 'verdana', 'Lucida Grande', 'arial', sans-serif; } div.player-track-title { top:13px; left:9px; width:auto; right:10px; } div.player-track-title span { font-size:10px; line-height:12px; padding-left:10px; max-width:95%; } div.jp-play-time, div.jp-total-time, div.statusMI { font-size:8px; line-height:10px !important; bottom:52px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; } div.jp-play-time { right:84px; } div.jp-total-time { right:6px; opacity:0.8; width:auto; } span.mp3-finding, span.Smp3-finding, span.mp3-tint, span.mp3-gtint { padding:0px 0px 0px 6px !important; font-size:8px !important; line-height:10px !important; height:10px !important; overflow:hidden !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } span.mp3-finding, span.Smp3-finding { margin:0px 0px 0px -2px; background:url('images/finding-bar1f.gif') repeat 0px 3px; } span.mp3-tint { margin:0px 2px 0px -6px; opacity:.5; filter:alpha(opacity=50); /* background set from admin */ } span.mp3-gtint { margin:0px 2px 0px -6px; opacity:.5; filter:alpha(opacity=50); background:#777; } span.Smp3-finding { margin:0px 0px 0px 3px; } span.tintmarg { margin:0 2px 0 3px; } div.statusMI { right:27px; width:52px !important; height:10px; } .statusMI span.mp3-finding, .statusMI span.Smp3-finding, .statusMI span.mp3-tint, .statusMI span.mp3-gtint { padding:0px 0px 0px 6px !important; } .statusMI span.mp3-tint, .statusMI span.mp3-gtint { margin:0px 2px 0px -6px; } .MI-image { position:absolute; top:0; left:0; padding:0; } .MI-image img { border:none; padding:0px; background-color:#bbb; } .MI-image a:hover img { /* background-colour set from admin */ } div.player-track-title.mp3j_widgetmods { font-size: 11px; top: 12px; left:5px; } div.player-track-title.mp3j_widgetmods span { font-size: 9px; } /* DIV TRANSPORT since 1.6 */ /* Transport wrap */ div.transport-MI { position:absolute; left:0px; height:39px; right:0px; bottom:0px; border:0; z-index:15; background:url('images/case2t-x.png') repeat-x left -65px; padding-right:2px; } /* playpause button */ div.buttons_mp3j { text-indent:-9999px !important; float:right; width:30px; height: 34px; margin:0px; background: transparent url("images/transport-hard.png") -110px 1px no-repeat !important; } div.buttons_mp3j:hover { background:transparent url("images/transport-hard.png") -110px -31px no-repeat !important; } div.buttons_mp3jpause { text-indent:-9999px !important; float:right; width:30px; height: 34px; margin:0px; background: transparent url("images/transport-hard.png") -2px 1px no-repeat !important; } div.buttons_mp3jpause:hover { background:transparent url("images/transport-hard.png") -2px -31px no-repeat !important; } /* prev & next buttons */ div.Prev_mp3j, div.Next_mp3j { text-indent:-9999px !important; float:right; height: 28px; } div.Prev_mp3j { width:22px; margin:0px 2px 0px 0px; background: transparent url("images/transport-hard.png") -32px -1px no-repeat !important; } div.Prev_mp3j:hover { background: transparent url("images/transport-hard.png") -32px -33px no-repeat !important; } div.Next_mp3j { width:19px; margin:0px 1px 0px 0px; background: transparent url("images/transport-hard.png") -57px -1px no-repeat !important; } div.Next_mp3j:hover { background: transparent url("images/transport-hard.png") -57px -33px no-repeat !important; } /* stop button */ div.stop_mp3j { text-indent:-9999px !important; float:right; width:26px; height: 34px; margin:0px 1px 0px 2px; background: transparent url("images/transport-hard.png") -81px 1px no-repeat !important; } div.stop_mp3j:hover { background:transparent url("images/transport-hard.png") -81px -31px no-repeat !important; } /* PLAYLIST TOGGLE */ div.playlist-toggle-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif; bottom:5px; left:1px; color:#707070; padding:2px 6px 2px 5px; line-height:9px; min-width:24px; background:#b9b9b9; -moz-border-radius:1px; -webkit-border-radius:1px; cursor:default; z-index:30; } div.playlist-toggle-MI:hover { background:#c6c6c6; color:#808080; border-right:1px solid #a9a9a9; } /* DOWNLOAD BUTTON */ div.dloadmp3-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; bottom:49px; margin:0px !important; font-size:9px !important; text-align:center; left:0px; width:41%; min-width:75px; max-width:225px; padding:0px 0px 0px 0px !important; border:0px; background:transparent url('images/t10b.png') repeat left top !important; color:#fff; line-height:11px !important; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; overflow:hidden; z-index:150; cursor:default; } div.dloadmp3-MI.betweenlinks { background:transparent url('images/t10b.png') repeat left top !important; } div.dloadmp3-MI.whilelinks, div.dloadmp3-MI.logintext { background:#696969 !important; } div.dloadmp3-MI.whilelinks:hover { background:#777 !important; } div.dloadmp3-MI a { color:#ececec; display:block; width:auto; padding:1px 5px 2px 2px !important; margin:0px !important; background:transparent; text-decoration:none !important; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; font-size:9px !important; line-height:11px !important; /* after font declaration */ height:100%; border-bottom:none; visibility:hidden; } div.dloadmp3-MI a:hover { outline: none; border-bottom: none; color: #ececec; } div.dloadmp3-MI.betweenlinks a { visibility: hidden; } div.dloadmp3-MI.whilelinks a { color: #f3f3f3; visibility: inherit; } div.dloadmp3-MI.whilelinks a:hover { color: #fff; } div.dloadmp3-MI p { color:#ececec; display:block; width:auto; padding:1px 5px 2px 2px !important; margin:0px !important; background:transparent; text-decoration:none !important; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif !important; font-size:9px !important; line-height:11px !important; /* after font declaration */ height:100%; border-bottom:none; visibility:visible; } /* POPOUT BUTTON */ div.mp3j-popout-MI { position:absolute; font:normal normal 500 9px 'trebuchet ms', 'Lucida Grande', 'arial', sans-serif; bottom:18px; left:0px; height:16px; color:#595959; padding:3px 5px 0px 28px; min-width:2px; line-height:11px; border:1px solid #acacac; background:#bfbfbf url('images/buttons-popout.png') no-repeat -5px -5px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:default; z-index:30; } div.mp3j-popout-MI:hover { color:#606060; background:#c6c6c6 url('images/buttons-popout.png') no-repeat -5px -35px; } /* sliders/bars */ .ui-state-disabled { cursor: default !important; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 100; 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; } div.MIsliderVolume { position:absolute; top:7px; right: 10px; width: 59px; height:2px; background: #555; border: 1px solid #606060; font-size: 1px; cursor: default; z-index:10; } div.MIsliderVolume .ui-widget-header { /* background */ } div.MIsliderVolume .ui-slider-handle { height: 11px !important; width: 10px !important; padding: 0px !important; margin-left: -4px; top: -5px; border: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: transparent url('images/vol-handle.png') no-repeat -1px 0px; overflow:hidden !important; } div.MIsliderVolume .ui-slider-handle:hover { border-color: #888; background: #606060; 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 solid #777; background: transparent url('images/vol-handle.png') no-repeat -21px 0px; outline: none; } div.bars_holder { position:absolute; bottom: 39px; left: 0px; right: 0px; width: auto; height: 9px; background: #989898; font-size: 1px; cursor: default; border-bottom: 1px solid #d8d8d8; z-index: 700; } div.bars_holder.ui-widget-header { border: 1px solid #555; border-left: 0px; border-right: 0px; margin-right: 20px; } div.poscolMI_mp3j { position:absolute; top:0px; left:0px; bottom:1px; /* background */ /* opacity */ } div.posbarMI_mp3j { position: absolute; /*background: #989898;*/ top: 0px; font-size: 5px; border: 0px solid #989898; border-bottom: 0px solid #888; border-left: 0px solid #888; left: 0px; right: 6px; width:auto; } div.posbarMI_mp3j .ui-slider-handle { top: -2px; margin-left: -2px; border: 0px; height: 13px; width: 12px; background: transparent url('images/pos-handleALT.png') no-repeat left top; z-index: 800; } div.posbarMI_mp3j .ui-slider-handle:hover { background: transparent url('images/pos-handleALT.png') no-repeat right top; } div.posbarMI_mp3j .ui-state-active, div.posbarMI_mp3j .ui-widget-content .ui-state-active { border: 0px solid #777; background: 989898 url('images/pos-handleALT.png') no-repeat right top; outline: none; } /* LOAD BAR */ div.loadMI_mp3j { position:absolute; top:6px; left:0px; bottom:0px; /* background */ /* opacity */ } div.bars_holder .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; /* background */ /* opacity */ } div.bars_holder .ui-slider-horizontal { height: 6px; z-index: 100; } /* PLAYLIST */ div.listwrap_mp3j { position:relative; padding: 0px 0px 0px 0px; margin-top:-2px; /* background */ } div.playlist-wrap-MI { position:relative; } div.playlist-wrap-MI ul { position:static; } div.playlist-colour { position:absolute; width:100%; height:100%; left:0px; top:0px; /* background */ /* opacity */ } ul.UL_mp3j { margin:0px !important; padding:0px 0px 0px 0px !important; list-style-type:none !important; list-style:none !important; list-style-image:none !important; } ul.UL-MI_mp3j { margin:0px !important; padding:0px 0px 0px 0px !important; list-style-type:none !important; list-style:none !important; list-style-image:none !important; font-weight: 500 !important; /* background */ } ul.UL_mp3j li { margin:0px !important; padding:0px 0px 0px 15px !important; background:none !important; } ul.UL_mp3j li:before { content:none !important; } ul.UL-MI_mp3j li { margin:0px !important; list-style-type:none !important; padding:0px 0px 1px 0px !important; font-weight:500 !important; line-height:16px !important; letter-spacing:0px !important; font-size:11px !important; word-spacing:0px !important; margin:0px 1px 0px 1px !important; } ul.UL-MI_mp3j li:before { content:none !important; } ul.UL-MI_mp3j.mp3j_widgetmods li { font-size:10px !important; line-height:14px !important; } ul.UL-MI_mp3j li a { font-size:11px !important; border:0 !important; line-height:16px !important; font-weight:500 !important; text-decoration:none !important; display:block !important; width:auto !important; font-family:'verdana', 'Lucida Grande', 'arial', sans-serif !important; outline:none !important; padding:6px 0px 6px 14px !important; } ul.UL-MI_mp3j.mp3j_widgetmods li a { font-size:10px !important; line-height:14px !important; } .MI-image { position:absolute; top:0; left:0; padding:0; } .MI-image a img { border:none; padding:1px; background-color:#ccc; } .MI-image a:hover img { /* background-colour */ } /* FORCED DOWNLOAD FRAME ------------------------ */ div.mp3j-dlframe, iframe.mp3j-dlframe { border:0px solid #ddd; width:1px; height:1px; overflow:hidden; margin:0; padding:0; display:none !important; } /* MESSAGES */ div.mp3j-finfo { position:absolute; top:36px; z-index:9999 !important; width:80%; left:10%; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:url('images/fdloadW-x.png') repeat-x left top; -webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.35); -moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.35); box-shadow:0px 1px 4px rgba(0, 0, 0, 0.35); padding:0; min-height:31px; overflow:hidden; min-width:170px; } div.mp3j-finfo * { font-family:Arial, Helvetica, sans-serif !important; } div.mp3j-finfo-sleeve { position:relative !important; width:100%; height:100%; } div.mp3j-finfo-gif { position:absolute !important; top:0; left:0; right:10%; bottom:0; background:url('images/loader.gif') no-repeat center 37px; width:auto; padding:0px; height:100%; } div.mp3j-finfo-txt { position:relative !important; margin:0px 15px 0 15px !important; padding:10px 0 10px 0 !important; width:auto; } div.mp3j-finfo-close { position:absolute !important; width:31px !important; height:27px !important; padding-top:5px !important; right:0 !important; top:0 !important; text-align:center !important; font-weight:700 !important; font-size:18px !important; line-height:22px !important; color:#aaa !important; border-bottom:1px solid #ccc !important; border-left:1px solid #ccc !important; background:url('images/t40w.png') repeat left top !important; } div.mp3j-finfo-close:hover { color:#888 !important; } div.mp3j-finfo-txt h2 { font-size:15px !important; color:#333 !important; margin:0 0 10px 0 !important; } div.mp3j-finfo-txt h3 { font-size:14px !important; color:#333 !important; margin:0 0 15px 0 !important; } div.mp3j-finfo-txt p { font-size:11px !important; color:#555 !important; line-height:13px !important; margin:0 0 5px 0 !important; } div.mp3j-finfo-txt a { } /*------------------------- [mp3j] & [mp3t] SHORTCODES ==================================== */ span.wrap_inline_mp3j { position:relative; width:auto; cursor:pointer; padding:0; white-space:nowrap; text-align:left; } /*span.wrap_inline_mp3j:hover .buttons_mp3j { background:transparent url('images/transport-shard-B.png') no-repeat -80px -35px; }*/ 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 */ 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/t20b.png') repeat; 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/t15b.png') repeat; 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; } span.buttons_mp3j { position:relative; margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-shard-B.png') no-repeat -80px -3px; } span.buttons_mp3j:hover { background:transparent url('images/transport-shard-B.png') no-repeat -80px -35px; } span.buttons_mp3jpause { position:relative; margin:0px; padding:2px 0px 3px 20px; background: transparent url('images/transport-shard-B.png') no-repeat -2px -3px; } span.buttons_mp3jpause:hover { background:transparent url('images/transport-shard-B.png') no-repeat -2px -35px; } /* 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:5px; 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:11px !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:-6px; 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; } /*---------------------- [mp3j-popout] SHORTCODE ================================================= */ .mp3j-popout-link-wrap { cursor:pointer; position:relative; clear:left; } .mp3j-popout-link { float:left; margin:0 5px 0 0; min-width:22px; min-height:18px; background:url('images/buttons-popout.png') no-repeat -10px -65px; } .mp3j-popout-link-wrap:hover .mp3j-popout-link { background:url('images/buttons-popout.png') no-repeat -10px -95px; } /*================================================= MODS (via 'style' param in shortcode) ================================================= */ /* ===== "nolistbutton" ===== */ .nolistbutton div.playlist-toggle-MI { visibility:hidden; } /* ===== "nopopoutbutton" ===== */ .nopopoutbutton div.mp3j-popout-MI { display:none; } /* ===== "nopn" ===== */ .nopn div.Prev_mp3j { display:none; } .nopn div.Next_mp3j { display:none; } /* ===== "nostop" ===== */ .nostop div.stop_mp3j { display:none; } /* ===== "bars100" ===== */ .bars100 div.player-track-title { left:112px; } .bars100 div.dloadmp3-MI { left:102px; width:36%;} .bars100 div.bars_holder { left:102px; width:auto; } .bars100 .MI-image img { padding:1px; } .bars100 div.player-track-title { top:20px; } /* ===== "bars150" ===== */ .bars150 div.player-track-title { left:162px; } .bars150 div.dloadmp3-MI { left:152px; width:33%;} .bars150 div.bars_holder { left:152px; width:auto; } .bars150 .MI-image img { padding:1px; } .bars150 div.player-track-title { top:20px; } /* ===== "bars200" ===== */ .bars200 div.player-track-title { left:212px; } .bars200 div.dloadmp3-MI { left:202px; width:30%; } .bars200 div.bars_holder { left:202px; width:auto; } .bars200 .MI-image img { padding:1px; } .bars200 div.player-track-title { top:20px; } /* ===== "bars250" ===== */ .bars250 div.player-track-title { left:262px; } .bars250 div.dloadmp3-MI { left:252px; width:27%;} .bars250 div.bars_holder { left:252px; width:auto; } .bars250 .MI-image img { padding:1px; } .bars250 div.player-track-title { top:20px; } /* ===== "bars300" ===== */ .bars300 div.player-track-title { left:312px; } .bars300 div.dloadmp3-MI { left:302px; width:24%; } .bars300 div.bars_holder { left:302px; width:auto; } .bars300 .MI-image img { padding:1px; } .bars300 div.player-track-title { top:20px; } /* ===== "bars350" ===== */ .bars350 div.player-track-title { left:362px; } .bars350 div.dloadmp3-MI { left:352px; width:21%;} .bars350 div.bars_holder { left:352px; width:auto; } .bars350 .MI-image img { padding:1px; } .bars350 div.player-track-title { top:20px; } /* ===== "bars400" ===== */ .bars400 div.player-track-title { left:412px; } .bars400 div.dloadmp3-MI { left:402px; width:18%; } .bars400 div.bars_holder { left:402px; width:auto; } .bars400 .MI-image img { padding:1px; } .bars400 div.player-track-title { top:20px; } /* ===== bigger1 ===== */ .bigger1 { font-size:18px; line-height:26px !important; margin:0 !important; } .bigger1 span.load_mp3j, .bigger1 span.loadB_mp3j { top:24px; left:0px; height:2px; } .bigger1 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 { top: 3px; margin-left:-3px !important; border:1px solid #999; 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 { background:url('images/mp3t-poshandle.png') repeat-y 0px 0px; border-color:#aaa; } .bigger1 span.buttons_mp3j { position:relative; margin:0px; margin-left:5px !important; padding:2px 0px 3px 20px; background: transparent url('images/transport-shard-B.png') no-repeat -80px 0px; } .bigger1 span.buttons_mp3j:hover { background:transparent url('images/transport-shard-B.png') no-repeat -80px -32px; } .bigger1 span.buttons_mp3jpause { position:relative; margin:0px; margin-left:5px !important; padding:2px 0px 3px 20px; background: transparent url('images/transport-shard-B.png') no-repeat -2px 0px; } .bigger1 span.buttons_mp3jpause:hover { background:transparent url('images/transport-shard-B.png') no-repeat -2px -32px; } .bigger1 span.vol_mp3j { position:absolute; top:-6px; right:7px; width:85%; max-width:100px; height:2px; } .bigger1 div.player-track-title { font:normal normal 500 18px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger1 div.player-track-title span { font:normal normal 500 14px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .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; } /* ===== "bigger2" ===== */ .bigger2 div.player-track-title { font:normal normal 500 36px/38px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger2 div.player-track-title span { font:normal normal 500 20px/22px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger2 ul.UL-MI_mp3j li a, .bigger2 ul.UL-MI_mp3j li { font-size:20px !important; line-height:24px !important; } .bigger2 { font-size:23px; line-height:25px !important; margin:0 !important; } .bigger2 span.load_mp3j, .bigger2 span.loadB_mp3j { top:26px; left:0px; height:2px; } .bigger2 span.posbar_mp3j .ui-slider-handle { top: 0px; height:28px; width:6px !important; margin-left:-3px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger2 span.posbarB_mp3j .ui-slider-handle { top: -1px; margin-left:-3px !important; border:1px solid #999; height:29px; width:8px !important; z-index:500; border-color:#aaa; background:url('images/mp3t-poshandle.png') repeat-y 0px 0px; cursor:default; padding:0px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger2 span.posbarB_mp3j .ui-slider-handle:hover { background:url('images/mp3t-poshandle.png') repeat-y -50px 0px; border-color:#999; } .bigger2 span.buttons_mp3j { font-family:Arial, Helvetica, sans-serif !important; padding:2px 0px 4px 20px !important; background:url('images/play-dark2-b.png') no-repeat -186px center; border:0px solid #bbb; margin-left:10px; } .bigger2 span.buttons_mp3j:hover { background:url('images/play-dark2-b.png') no-repeat -437px center; } .bigger2 span.buttons_mp3jpause { font-family:Arial, Helvetica, sans-serif !important; padding:0px 0px 2px 20px !important; background:url('images/stop-dark2-b.png') repeat-y 0px top; border:0px solid #bbb; margin-left:10px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger2 span.buttons_mp3jpause:hover { background:url('images/stop-dark2-b.png') repeat-y -350px top; } .bigger2 span.vol_mp3j { position:absolute; top:-12px; right:4px; width:85%; max-width:100px; height:2px; } .bigger2 span.vol_mp3t { position:absolute; top:-10px; width:85%; max-width:100px; height:2px; } .bigger2 .Smp3-finding, .bigger2 .mp3-tint, .bigger2 .mp3-gtint { margin-left:8px; margin-right:6px; padding:0px 0px 0px 10px !important; font-size:12px !important; line-height:12px !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .bigger2 .mp3-gtint { margin:0 6px 0 -16px; } .bigger2 .indi_mp3j { font-size: 0.5em !important; padding-left:0px; } .bigger2.wh .buttons_mp3j { font-family:Arial, Helvetica, sans-serif !important; padding:2px 0px 4px 20px !important; background:url('images/play-dark2-w.png') no-repeat -186px center; border:0px solid #bbb; margin-left:10px; } .bigger2.wh .buttons_mp3j:hover { background:url('images/play-dark2-w.png') no-repeat -437px center; } .bigger2.wh .buttons_mp3jpause { font-family:Arial, Helvetica, sans-serif !important; padding:0px 0px 2px 20px !important; background:url('images/stop-dark2-w.png') repeat-y 0px top; border:0px solid #bbb; margin-left:10px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger2.wh .buttons_mp3jpause:hover { background:url('images/stop-dark2-w.png') repeat-y -350px top; } /* ===== bigger3 ===== */ .bigger3 { font-size:28px; line-height:36px !important; margin:0 !important; } .bigger3 .load_mp3j, .bigger3 .loadB_mp3j { top:37px; left:0px; height:3px; } .bigger3 .posbar_mp3j .ui-slider-handle, .bigger3 .posbarB_mp3j .ui-slider-handle { top: 0px; border:1px solid #bbb; height:40px; width:12px !important; margin-left:-5px !important; background:url('images/stop-dark2.png') repeat-y -350px top; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger3 .posbar_mp3j .ui-slider-handle:hover, .bigger3 .posbarB_mp3j .ui-slider-handle:hover { background:url('images/stop-dark2.png') repeat-y 0px top; border:1px solid #aaa; } .bigger3 .indi_mp3j { font-size: 0.5em !important; } .bigger3 span.buttons_mp3j { font-family:Arial, Helvetica, sans-serif !important; padding:8px 0px 12px 30px !important; background:url('images/play-dark2.png') no-repeat -177px center; border:0px solid #bbb; margin-left:12px; } .bigger3 span.buttons_mp3j:hover { background:url('images/play-dark2.png') no-repeat -428px center; } .bigger3 span.buttons_mp3jpause { font-family:Arial, Helvetica, sans-serif !important; padding:2px 0px 6px 30px !important; background:url('images/stop-dark2.png') repeat-y 0px top; border:0px solid #bbb; margin-left:12px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger3 span.buttons_mp3jpause:hover { background:url('images/stop-dark2.png') repeat-y -350px top; } .bigger3 .vol_mp3j { height:1px; max-width:110px; right:64px; top:-8px; } .bigger3 .vol_mp3t { height:1px; max-width:110px; right:16px; top:-5px; } .bigger3 .vol_mp3j .ui-slider-handle, .bigger3 .vol_mp3t .ui-slider-handle { height:14px !important; width:33px !important; margin-left:-16px; border-bottom:1px solid #ccc !important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; top:-14px; background:url('images/volhandle-dark2.png') no-repeat -10px bottom; } .bigger3 .vol_mp3j .ui-slider-handle:hover, .bigger3 .vol_mp3t .ui-slider-handle:hover { background:url('images/volhandle-dark2.png') no-repeat -257px bottom; } .bigger3 .Smp3-finding, .bigger3 .mp3-tint, .bigger3 .mp3-gtint { margin-left:8px; padding:0px 0px 0px 14px !important; font-size:18px !important; line-height:20px !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .bigger3 .mp3-gtint { margin:0 2px 0 -14px; } .bigger3 div.player-track-title { font:normal normal 500 44px/46px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger3 div.player-track-title span { font:normal normal 500 28px/30px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger3 ul.UL-MI_mp3j li a, .bigger3 ul.UL-MI_mp3j li { font-size:28px !important; line-height:30px !important; } .bigger3.bl span.buttons_mp3j { background:url('images/play-dark2-b.png') no-repeat -177px center; } .bigger3.bl span.buttons_mp3j:hover { background:url('images/play-dark2-b.png') no-repeat -428px center; } .bigger3.bl span.buttons_mp3jpause { background:url('images/stop-dark2-b.png') repeat-y 0px top; } .bigger3.bl span.buttons_mp3jpause:hover { background:url('images/stop-dark2-b.png') repeat-y -350px top; } .bigger3.bl span.vol_mp3j .ui-slider-handle, .bigger3.bl span.vol_mp3t .ui-slider-handle { background:url('images/volhandle-dark2-b.png') no-repeat -10px bottom; } .bigger3.bl span.vol_mp3j .ui-slider-handle:hover, .bigger3.bl span.vol_mp3t .ui-slider-handle:hover { background:url('images/volhandle-dark2-b.png') no-repeat -257px bottom; } /* ===== bigger4 ===== */ .bigger4 { font-size:38px; line-height:46px !important; margin:0 !important; } .bigger4 .load_mp3j, .bigger4 .loadB_mp3j { top:46px; left:0px; height:3px; } .bigger4 .posbar_mp3j .ui-slider-handle, .bigger4 .posbarB_mp3j .ui-slider-handle { top: -2px; border:1px solid #bbb; height:52px; width:16px !important; margin-left:-8px !important; background:url('images/stop-dark2.png') repeat-y -350px top; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger4 .posbar_mp3j .ui-slider-handle:hover, .bigger4 .posbarB_mp3j .ui-slider-handle:hover { background:url('images/stop-dark2.png') repeat-y 0px top; border:1px solid #aaa; } .bigger4 .indi_mp3j { font-size: 0.5em !important; } .bigger4 span.buttons_mp3j { font-family:Arial, Helvetica, sans-serif !important; padding:8px 0px 12px 40px !important; background:url('images/play-dark2.png') no-repeat -167px center; border:0px solid #bbb; margin-left:15px; } .bigger4 span.buttons_mp3j:hover { background:url('images/play-dark2.png') no-repeat -418px center; } .bigger4 span.buttons_mp3jpause { font-family:Arial, Helvetica, sans-serif !important; padding:2px 0px 4px 40px !important; background:url('images/stop-dark2.png') repeat-y 0px top; border:0px solid #bbb; margin-left:15px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger4 span.buttons_mp3jpause:hover { background:url('images/stop-dark2.png') repeat-y -350px top; } .bigger4 .vol_mp3j { height:1px; max-width:110px; right:86px; top:-8px; } .bigger4 .vol_mp3t { height:1px; max-width:110px; right:20px; top:-5px; } .bigger4 .vol_mp3j .ui-slider-handle, .bigger4 .vol_mp3t .ui-slider-handle { height:20px !important; width:43px !important; margin-left:-21px; border-bottom:1px solid #ccc !important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; top:-20px; background:url('images/volhandle-dark2.png') no-repeat -10px bottom; } .bigger4 .vol_mp3j .ui-slider-handle:hover, .bigger4 .vol_mp3t .ui-slider-handle:hover { background:url('images/volhandle-dark2.png') no-repeat -257px bottom; } .bigger4 .Smp3-finding, .bigger4 .mp3-tint, .bigger4 .mp3-gtint { margin-left:8px; margin-right:6px; padding:0px 0px 0px 14px !important; font-size:18px !important; line-height:20px !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .bigger4 .mp3-gtint { margin:0 6px 0 -20px; } .bigger4 div.player-track-title { font:normal normal 500 44px/46px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger4 div.player-track-title span { font:normal normal 500 28px/30px 'verdana', 'Lucida Grande', 'arial', sans-serif; } .bigger4 ul.UL-MI_mp3j li a, .bigger4 ul.UL-MI_mp3j li { font-size:28px !important; line-height:30px !important; } .bigger4.bl .posbar_mp3j .ui-slider-handle, .bigger4.bl .posbarB_mp3j .ui-slider-handle { background:url('images/stop-dark2-b.png') repeat-y -350px top; } .bigger4.bl .posbar_mp3j .ui-slider-handle:hover, .bigger4.bl .posbarB_mp3j .ui-slider-handle:hover { background:url('images/stop-dark2-b.png') repeat-y 0px top; } .bigger4.bl .buttons_mp3j { background:url('images/play-dark2-b.png') no-repeat -167px center; } .bigger4.bl .buttons_mp3j:hover { background:url('images/play-dark2-b.png') no-repeat -418px center; } .bigger4.bl .buttons_mp3jpause { background:url('images/stop-dark2-b.png') repeat-y 0px top; } .bigger4.bl .buttons_mp3jpause:hover { background:url('images/stop-dark2-b.png') repeat-y -350px top; } .bigger4.bl .vol_mp3j .ui-slider-handle, .bigger4.bl .vol_mp3t .ui-slider-handle { background:url('images/volhandle-dark2-b.png') no-repeat -10px bottom; } .bigger4.bl .vol_mp3j .ui-slider-handle:hover, .bigger4.bl .vol_mp3t .ui-slider-handle:hover { background:url('images/volhandle-dark2-b.png') no-repeat -257px bottom; } /* ===== bigger5 ===== */ .bigger5 { font-size:48px; line-height:60px !important; margin:0 !important; } .bigger5 .load_mp3j, .bigger5 .loadB_mp3j { top:63px; left:0px; height:4px; } .bigger5 .posbar_mp3j .ui-slider-handle, .bigger5 .posbarB_mp3j .ui-slider-handle { top: -1px; border:1px solid #bbb; height:69px; width:20px !important; margin-left:-10px !important; background:url('images/stop-dark2.png') repeat-y -350px top; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger5 .posbar_mp3j .ui-slider-handle:hover, .bigger5 .posbarB_mp3j .ui-slider-handle:hover { background:url('images/stop-dark2.png') repeat-y 0px top; border:1px solid #aaa; } .bigger5 .indi_mp3j { font-size: 0.5em !important; } .bigger5 span.buttons_mp3j { font-family:Arial, Helvetica, sans-serif !important; padding:8px 0px 13px 52px !important; background:url('images/play-dark2.png') no-repeat -154px center; border:0px solid #bbb; margin-left:20px; } .bigger5 span.buttons_mp3j:hover { background:url('images/play-dark2.png') no-repeat -405px center; } .bigger5 span.buttons_mp3jpause { font-family:Arial, Helvetica, sans-serif !important; padding:3px 0px 8px 52px !important; background:url('images/stop-dark2.png') repeat-y 0px top; border:0px solid #bbb; margin-left:15px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .bigger5 span.buttons_mp3jpause:hover { background:url('images/stop-dark2.png') repeat-y -350px top; } .bigger5 .vol_mp3j { height:1px; max-width:170px; right:115px; top:-10px; } .bigger5 .vol_mp3t { height:1px; max-width:170px; right:33px; top:-5px; } .bigger5 .vol_mp3j .ui-slider-handle, .bigger5 .vol_mp3t .ui-slider-handle { height:30px !important; width:55px !important; margin-left:-21px; border-bottom:1px solid #aaa !important; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; top:-30px; background:url('images/volhandle-dark2.png') no-repeat -10px bottom; } .bigger5 .vol_mp3j .ui-slider-handle:hover, .bigger5 .vol_mp3t .ui-slider-handle:hover { background:url('images/volhandle-dark2.png') no-repeat -257px bottom; } .bigger5 .Smp3-finding, .bigger5 .mp3-tint, .bigger5 .mp3-gtint { margin-left:8px; margin-right:6px; padding:0px 0px 0px 14px !important; font-size:18px !important; line-height:20px !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .bigger5 .mp3-gtint { margin:0 6px 0 -20px; } .bigger5.bl .posbar_mp3j .ui-slider-handle, .bigger5.bl .posbarB_mp3j .ui-slider-handle { background:url('images/stop-dark2-b.png') repeat-y -350px top; border:1px solid #888; } .bigger5.bl .posbar_mp3j .ui-slider-handle:hover, .bigger5.bl .posbarB_mp3j .ui-slider-handle:hover { background:url('images/stop-dark2-b.png') repeat-y 0px top; border:1px solid #777; } .bigger5.bl .buttons_mp3j { background:url('images/play-dark2-b.png') no-repeat -154px center; border:0px solid #bbb; margin-left:20px; } .bigger5.bl .buttons_mp3j:hover { background:url('images/play-dark2-b.png') no-repeat -405px center; } .bigger5.bl .buttons_mp3jpause { background:url('images/stop-dark2-b.png') repeat-y 0px top; } .bigger5.bl .buttons_mp3jpause:hover { background:url('images/stop-dark2-b.png') repeat-y -350px top; } .bigger5.bl .vol_mp3j .ui-slider-handle, .bigger5.bl .vol_mp3t .ui-slider-handle { background:url('images/volhandle-dark2-b.png') no-repeat -10px bottom; } .bigger5.bl .vol_mp3j .ui-slider-handle:hover, .bigger5.bl .vol_mp3t .ui-slider-handle:hover { background:url('images/volhandle-dark2-b.png') no-repeat -257px bottom; } /* ===== "smaller" ===== */ .smaller div.player-track-title { font:normal normal 500 11px/13px 'verdana', 'Lucida Grande', 'arial', sans-serif !important; left:3px; right:5px; } .smaller div.player-track-title span { font:normal normal 500 10px/10px 'verdana', 'Lucida Grande', 'arial', sans-serif !important; padding:0; } .smaller ul.UL-MI_mp3j li a, .smaller ul.UL-MI_mp3j li { font-size:10px !important; font-family:'verdana', Helvetica, sans-serif !important; line-height:13px !important; } /* ===== outline ==== */ span.outline { font-size:14px; line-height:22px !important; margin:0 !important; } .outline span.vol_mp3t { position:absolute; top:-4px; right:4px; width:90%; max-width:100px; height:2px; background: transparent; } .outline span.vol_mp3j { position:absolute; top:-9px; right:7px; width:85%; max-width:100px; height:2px; background: transparent; } .outline span.buttons_mp3j { padding:2px 0px 5px 20px !important; background: transparent url('images/transport-outline.png') no-repeat -80px -1px; border:0; margin:0; } .outline span.buttons_mp3j:hover { background:transparent url('images/transport-outline.png') no-repeat -80px -33px; } .outline span.buttons_mp3jpause { padding:2px 0px 5px 20px !important; background: transparent url('images/transport-outline.png') no-repeat 1px -1px; border:0; margin:0; } .outline span.buttons_mp3jpause:hover { background:transparent url('images/transport-outline.png') no-repeat 1px -33px; } .outline span.posbarB_mp3j { position:absolute; width:100%; height:100%; border:0px solid #f77; } .outline span.posbarB_mp3j .ui-widget-header { z-index:-500; } .outline span.posbarB_mp3j .ui-slider-handle { top: 0px; margin-left:0px; border:1px solid #aaa; height:23px; width:5px !important; z-index:500; background:url('images/t10b.png') repeat; cursor:default; padding:0px !important; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .outline span.posbarB_mp3j .ui-slider-handle:hover { background:url('images/t20b.png') repeat; border-color:#777; } /* ===== wtransbars ==== */ .wtransbars div.loadMI_mp3j { background:#fff; opacity:0.1; filter:alpha(opacity=10); } .wtransbars div.poscolMI_mp3j { background:#fff url('images/posbar-soften-tipped-2.png') repeat-y right top; opacity:0.15; filter:alpha(opacity=15); } .wtransbars div.player-track-title { color:#fff; } /* ===== btransbars ==== */ .btransbars div.loadMI_mp3j { background:#000; opacity:0.1; filter:alpha(opacity=10); } .btransbars div.poscolMI_mp3j { background:#000 url('images/posbar-soften-tipped-2.png') repeat-y right top; opacity:0.15; filter:alpha(opacity=15); } .btransbars div.player-track-title { color:#000; }