bubblegum jukebox

{Title} (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:700, tip_fade_speed:500, attribute:"title" }); }); })(jQuery); $(document).ready(function() { // $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend(''); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); $('body').append(''); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); }); /*----POP UP ASK----*/ #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ height:auto; display: none; /*--hidden by default--*/ background: #fff; padding: 20px; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; } img.btn_close { float: right; margin: -5px -5px 0 0; width:10px; height:10px; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; } ::-webkit-scrollbar-thumb { height:auto; background-color:{color:Scrollbar}; } ::-webkit-scrollbar { height:4px; width:7px; padding-right:2px; background-color:{color:Scrollbar Background}; } body { background:{color:Background}; color:{color:Message Text}; font-family:'calibri'; font-size:10px; text-decoration:none; text-transform:none; margin:0px; {block:IfMedium} font-size:11px; {/block:IfMedium} } a { color:{color:Link}; text-decoration:none; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } a:hover { color:{color:Hover}; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } #container { width:520px; height:130px; position:fixed; float:center; margin-left:27%; margin-top:15%; padding:40px; border:1px solid {color:Box Border}; box-shadow:5px 5px 5px {color:Box Shadow}; {block:IfMedium} width:540px; height:160px; {/block:IfMedium} {block:IfLarge} width:580px; height:180px; {/block:IfLarge} } .text { background-color:{color:Message Background}; color:{color:Message Text}; width:320px; height:65px; padding:30px; position:absolute; overflow-y:scroll; {block:IfMedium} height:70px; padding:40px; width:300px; font-size:11px; {block:IfImageLeft} left:65px; {/block:IfImageLeft} {/block:IfMedium} {block:IfImageLeft} margin-left:125px; {/block:IfImageLeft} {block:IfLarge} padding:50px; height:75px; font-size:12px; {block:IfImageLeft} left:85px; {/block:IfImageLeft} {/block:IfLarge} } .katie img { width:125px; height:125px; margin-left:380px; position:relative; {block:IfMedium} width:150px; height:150px; {/block:IfMedium} {block:IfImageLeft} margin-left:0px; {/block:IfImageLeft} {block:IfLarge} width:175px; height:175px; {/block:IfLarge} } #navlinks { width:auto; height:30px; line-height:100%; font-size:8px; text-transform:uppercase; position:absolute; margin-top:-7.5%; right:5%; {block:IfMedium} margin-top:-7.3%; font-size:9px; {/block:IfMedium} {block:IfLarge} margin-top:-7%; font-size:10px; {/block:IfLarge} } #navlinks a { margin-right:5px; padding:3px; letter-spacing:1px; color:{color:NavLinks}; background-color:{color:NavLinks Background}; border:1px solid {color:NavLinks Border}; } #navlinks a:hover { letter-spacing:3px; color:{color:NavLinks Hover}; background-color:{color:NavLinks Background Hover}; border:1px solid {color:NavLinks Border Hover}; } /*--CREDIT--*/ #spectrum { bottom:9px; right:7px; font-size:8px; font-family:'calibri'; letter-spacing:1px; text-transform:uppercase; position:fixed; } {CustomCSS} Return Ask {block:IfShowLink1}Link 1{/block:IfShowLink1} {block:IfShowLink2}Link 2{/block:IfShowLink2} Credit {text:Message} theme