Theme 4 Themes #1 by ladysephi | tunestofly

<html xmlns="http://www.w3.org/1999/xhtml">

<!--
    Theme por: Sephi
    http://ladysephi.tumblr.com/
    http://tunestofly.tumblr.com/

----------------------------------------------------------
Como postar seus themes:
Crie uma nova postagem de texto, selecione o modo de edição em html (botão "< html >") e cole o seguinte código:

    <img src="URL">
    <br><br>

    <p><span class="menuzin"> NOME DO THEME</span> <a class="menuzin">preview</a><a class="menuzin">code</a></p>

---------------------------------------------------------

How to post your themes:
Create a new posting text, select the edit mode in html button ("<html>") and paste the following code:

    <img src="URL">
    <br> <br>

   <p><span class="menuzin">THEME NAME</span> <a class="menuzin">preview</a><a class="menuzin">code</a></p>

-->
<head>

<meta name="image:side" content="http://static.tumblr.com/nqcm3ld/JHVn1ucna/fundo.png"/>

<meta name="color:Cor4" content="#f3f3f3"/>
<meta name="color:Cor3" content="#d7d4d4"/>
<meta name="color:Cor2" content="#aaa"/>
<meta name="color:Cor1" content="#fff"/>

<meta name="text:suaurl" content="testeseajustesdasephi"/>


<meta name="text:titulolink1" content="ver as skins"/>
<meta name="text:titulolink2" content="voltar"/>


<script type="text/javascript">
function changeNavigation(id) {document.getElementById('descrip').innerHTML=document.getElementById(id).innerHTML}
</script>

<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>

    <link rel="shortcut icon" href="{Favicon}">
    <title>{title}</title>

    <style type="text/css">
iframe#tumblr_controls {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    }

body {
    background: {color:Cor1}; /* FUNDO */
    font-family: Arial, Helvetica, sans-serif;
    font-size:9px;
    color: {color:Cor2};
    overflow: auto;}

a:link, a:active, a:visited, a:hover {
    text-decoration: none;
    color:{color:Cor3};
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out; }

b,  strong, i, em, u, underline, s, strike {
    color:{color:Cor3};
    }

h1 {
    font-family: 'Allura', cursive;
    font-size: 35px;
    color: {color:Cor3};
    margin-bottom: -5px;
    margin-top: -7px;
}

::-moz-selection {  /* SELEÇÃO COLORIDA */
    color: {color:Cor1};
    background: {color:Fonte};
    }

::selection {
    color: {color:Cor1};
    background: {color:Fonte};
    }

/*NÃO MEXER - ALINHAMENTO*/
#tudo {
    width: 600px;
    margin-top: 30px;
    padding: 10px;
    background: #f9f9f9;
    height: 600px;
    margin-left: auto; /* CENTRALIZA O THEME */
    margin-right: auto; /* CENTRALIZA O THEME */
    }


.imagem {
    float: right;
    width: 240px;
}

#descrip {
    float: left;
    width: 350px;
}
/*NÃO MEXER - ALINHAMENTO*/

.naoretire {
    position: fixed;
    bottom: 1px;
    right: 3px;}

li {
    list-style-type: none;
    border-left: 3px {color:Cor4} solid;
    padding: 5px;
    margin-bottom: 1px;
    margin-left: -10px;
    width: 60%;
}

.menuzin {
    background: {color:Cor4};
    padding: 5px;
    margin: 3px;
}

.about {
    height: 330px;
    overflow: auto;
}

.posts {
    height: 580px;
    overflow: auto;
}

.posts img  {
    width: 340px;
}
    </style>

</head>
<body>
<div id="tudo">
    <div id="descrip">
    <center><h1>{title}</h1></center><br>

    <div class="about">
{description}
<br><br><br>

</div>

<center><a onClick="changeNavigation('01')" class="menuzin">{text:titulolink1}</a> <a href="{text:suaurl}" class="menuzin">{text:titulolink2}</a></center>

<p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:suaurl}.tumblr.com/" width="100%"></iframe> <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
    </div>


    <div class="imagem">
        <img src="{image:side}" height="600">
    </div>

</div><!--fim div id tudo-->

<div class="naoretire">
<a href="http://ladysephi.tumblr.com/" target="_blank" style="text-transform: uppercase;">&copy; Theme by LadySephi</a>
</div>


<div id="01" style="display:none">
 <div class="posts">

{block:Posts}


 <div class="box">

{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
<div style="display: inline-block; float: right; margin-right: 35px; margin-top: -100px;">{LikeButton color="grey" size="15"}</div>
</div>
{/block:Posts}


</div>
</div>

</body>
</html>