Theme reforma #2 | 23/08/2014 #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:#fff; font-family: verdana; color: ; text-align: center; font-size: 11px; background-image:url('http://static.tumblr.com/fyc2dbo/ch9narm0g/3.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/fyc2dbo/InBnarq1l/3.png'); background-repeat:  repeat-x;  width:843px; margin-top: 50px; height:519px; margin-left: 250px;}

#ask {width:561px; margin-top: -250px; height:351px; margin-left: 392px;background:;}

#descre {width:465px;height:90px;background:;color:#fff;margin-top:-450px;font-family:visitor;font-size:13px;margin-left:436px;padding: 3px;line-height: 16px;text-shadow:1px 1px 0px #e5e5e5;}

@font-face {src: url('http://static.tumblr.com/fyc2dbo/m0xmxriah/visitor2.ttf'); font-family: visitor;}

/* Menu Arco-íris #2 exclusivo HD feito por Yara Jaine (d-epreessiva)*/
#arco3 {width:355px; height: 7px; float: left; margin-left: 790px; margin-top:-110px; padding: 0px; text-align: center; z-index:9999; opacity:0.9; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; opacity:0.9}
#arco3 a {display: inline-block;float: left; margin-left: 1px; font-family:PF Arma Five; font-size: 8px; text-align: center; margin-top: 1px; height:15px; width: 15px; color:TRANSPARENT; line-height: 14px;  text-transform: uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color: #fff; opacity:1;}
#arco3 a:hover{-webkit-animation: doidaya2 3s alternate infinite ease;-moz-animation: doidaya2 3s alternate infinite ease;color:#eee;background: #a3bece;width: 35px;}

@font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}


/*************** FIM DO CÓD. LEMBRE-SE PLAGIO É CRIME ! ************/


</style>


<body>

<div id="header"> </div>
<div id="ask"><iframe frameborder="0" scrolling="no" width="84%" height="190" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
</div>


<div id="descre">Descreva-se aqui, coloque a sua descrição aqui, fale sobre oque quiser, pelo que desativou, escolha a sua descrição ok ...Descreva-se aqui, coloque a sua descrição aqui, fale sobre oque quiser, pelo que desativou, escolha a sua descrição ok ...Descreva-se aqui, coloque a sua descrição aqui, fale sobre oque quiser, pelo que desativou, escolha a sua descrição ok .... E onde tem SEUTUMBLR coloca sua url para o povo mandar ask
</div>


<div id="arco3">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
<a href="">Link 4</a>
<a href="">Link 5</a>
</div>

</body>
 <div  style="position: fixed; font-size:12px;font-family:visitor;  bottom: 0px; left: 0px; background: ''; padding: 2px; left: 2px; top: 20px;text-shadow:1px 1px 0px #e5e5e5;">
<a href="http://helpdesigns.tumblr.com/" target="_blank" title="Theme por helpdesigns | Originally not copy.">@ HD</a></div>