Theme Desativação html #juh


<html>

 <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    //
//When you click on a link with class of poplight and the href starts with a #

$('a.poplight[href^=#]').click(function() {

    var popID = $(this).attr('rel'); //Get Popup Name

    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query & Variables from href URL

    var query= popURL.split('?');

    var dim= query[1].split('&');

    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button

    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/w5ebxu1/spJmust9t/botao.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css

    var popMargTop = ($('#' + popID).height() + 80) / 2;

    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup

    $('#' + popID).css({

        'margin-top' : -popMargTop,

        'margin-left' : -popMargLeft

    });

    //Fade in Background

    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.

    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

    return false;

});


//Close Popups and Fade Layer

$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...

    $('#fade , .popup_block').fadeOut(function() {

        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});

});
</script>


<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
    <style type="text/css">

body {background-color:#404040; font-family: verdana; color: ; text-align: center; font-size: 11px; background-image:url('http://static.tumblr.com/w5ebxu1/zF5musrih/sem_t__tulo-1.png'); background-attachment: fixed; overflow-y:hidden;
5.
overflow-x:hidden;}

a {color: #fff; text-decoration: none; text-transform: none;}
a:hover {color: #fff; background-color: transparent; text-decoration: none;}


#header {background: url('http://static.tumblr.com/w5ebxu1/f37musrkl/sem_t__tulo-1.png'); background-repeat:  repeat-x;  width:561px; margin-top: 150px; height:351px; margin-left: 400px;}

/*******by futurasuicida usar credite ao helpdesigns pegar sem credito vai ter porrada.*** *******/
#linkinvidia {width:388px; height: 42px; float: left; margin-left:575px; margin-top:-175px; text-align: center; position: fixed;}
#linkinvidia a {display: inline-block;float: left; font: 8px PF Arma Five;text-align:center text-align: center; margin-top: 0px; height: 15px; width: 43px; color:#ffffff; line-height: 15px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:; opacity:1;; -webkit-transition: all 0.5s ease-in-out;text-shadow: 5px 20px 0px transparent;}
#linkinvidia a:hover{background-color:; color:#fff;-webkit-transition: all 0.5s ease-in-out; text-shadow: 0px 2px 0px #242323;}
@font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
/*helpdesigns*/

/*** MENU POP-UP (helpdesigns) ***/


#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{
    display: none; /*--hidden by default--*/
    background: #ffffff;
    padding: 20px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
z-index:10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;    background: #404040;
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000; /*--Sombras--*/
    -moz-box-shadow: 0px 0px 20px #000; /*--Sombras--*/
    box-shadow: 0px 0px 20px #000; /*--Sombras--*/
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    margin: -17px -18px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}


.wishlist {font: 8px  'PF Arma Five'; line-height: 10px; text-indent : 5px; vertical-align : middle; no-repeat left;  text-align: left;  color:#fff;
padding-bottom : 2px;padding:5px; padding-left:1px; background:; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;}
@font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}

#foto{border-radius:0px 50px 50px 50px;-webkit-transition-duration: .90s;}
#foto:hover{border-radius:50px 50px 0px 50px;-webkit-transition-duration: .90s;}

.parc {width:500px;margin:2px 0px 0px 0px;margin-left:-5px;}
.parc a {background:#404040;color:#fff;padding:12px;text-shadow: 1px 1px 0px #;display: inline-block;letter-spacing:1px;width: 20px; height: 12px;text-indent: center;}
.parc a:hover{box-shadow: inset 0px 0px 0px 0px #404040;-webkit-transition: all 0.5s ease-in-out;}


#s-m-t-tooltip {max-width:300px;  padding:3px 4px 5px 4px;margin:15px 20px;background-color:#343434; font-family:calibri;  font-size:9px;  letter-spacing:1px;   text-transform:uppercase; color:#fff; z-index:99999999999999999999999999;text-shadow: 0px 1px 0px #2d2d2d; border: 2px solid #2d2d2d;}/*********helpdesigns******/

#direita{float:right;width:49%;margin-top:0px; text-align:left;}
#esquerda{float:right;width:49%;margin-top:0px; text-align:left;}

 b, strong, bold {color:#CORDONEGRITO;}

u, span.sublinha {cursor: help; text-decoration: none; border-bottom: 1px dotted #fc85d5;}

i, em{color: #CORDOITALICO;}

s {color: #CORDORISCADO;}

</style>
 <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){

        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


<body>

<div id="header">

</div>

<div id="linkinvidia">
<a href="#?w=500" rel="motivo" class="poplight">Motivo</a>
<a href="#?w=500" rel="mod" class="poplight">modera</a>
<a href="#?w=500" rel="par" class="poplight">partners</a>
<a href="#?w=500" rel="cre" class="poplight">Credits</a>
</a></div>


</body>

<div id="motivo" class="popup_block">
<div class="wishlist"><img height="64" img src="{PortraitURL-64}"  align="left"  width="64" style="border:3px solid #2d2d2d;">Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok? Aqui vai ficar o motivo no qual vocês desativaram. ok?
</div>
<div class="wishlist"><p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com/ask" width="100%"></iframe></p></div>
</div></div></div>

<div id="par" class="popup_block"><div class="parc">
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>
<a href="url" title="Nome">?</a>

</div></div></div></div></div></div>

<div id="mod" class="popup_block">
<div class="wishlist"><center>
<a href="url" title="Nome"><img height="94" img src="http://31.media.tumblr.com/6649e76f36db60fa3be2592fe280f6be/tumblr_mlqivp8p921s59bjpo2_250.png"  width="94" style="border:3px solid #2d2d2d;"></a></a>

<a href="url" title="Nome"><img height="94" img src="http://24.media.tumblr.com/9b1b6f18cb44adb3275b946c9a541eb5/tumblr_mlqivp8p921s59bjpo6_250.png"width="94" style="border:3px solid #2d2d2d;"></a></a>

<a href="url" title="Nome"><img height="94" img src="http://24.media.tumblr.com/719102389e3fd938059ee75ae415b51f/tumblr_mlqivp8p921s59bjpo7_250.png"width="94" style="border:3px solid #2d2d2d;"></a></a>

<a href="url" title="Nome"><img height="94" img src="http://31.media.tumblr.com/ac33913a7ab310eb2842a4c214b34619/tumblr_mlqivp8p921s59bjpo8_250.png"width="94" style="border:3px solid #2d2d2d;"></a></a></center>

</div></div></div>


<div id="cre" class="popup_block">
<div class="wishlist"><font color=#fc85d5>·</font></a> <a href="http://futurasuicida.tumblr.com/">Juliane Meira - Codificação e Design. </a></div>
<div class="wishlist"><font color=#fc85d5>·</font></a> <a href="http://aprendiz-de-feiticeir4.tumblr.com/">beatrice Lepek  - Parceiros </a></div>
<div class="wishlist"><font color=#fc85d5>·</font></a> <a href="http://helpdesigns.tumblr.com/">helpdesigns  - Várias Ajudas </a></div>
<div class="wishlist"><font color=#fc85d5>·</font></a> <a href="http://iloveavatars.tumblr.com/">iloveavatars - Avatares </a></div>

<div class="wishlist"><div style="text-align:right"><u>Themes Helpdesigns  </u> </a></div>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
</html>