Base #3 by ladysephi | tunestofly

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

<!--
        Base por: Sephi

Fique a vontade para edita-lo ao seu gosto, mantenha os créditos no html.
Qualquer dúvida me procure nos tumblrs, ask.fm/tunestofly, twitter.com/tunestofly.
                ~be happy


Base by: Sephi

Feel free to edit it to your liking, keep the credits in html.
Any questions look me in the tumblrs, ask.fm/tunestofly, twitter.com/tunestofly.
                ~be happy

       © http://ladysephi.tumblr.com/ | http://tunestofly.tumblr.com/
-->
<head>

    <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: #ffffff;
    font-family: arial;
    font-size:9px;
    color: #aaaaaa;
    overflow: auto;}

a:link, a:active, a:visited { /* links */
        text-decoration: none;
        color:#d7d4d4;
        -moz-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out; }

a:hover {  /* links hover */
        text-decoration: none;
        color:#d7d4d4;
        -moz-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out; }

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

blockquote, pre, li {/*blockquote, texto pre, e listas*/
}

h1 { /* titulo posts*/
    text-transform: uppercase;
    letter-spacing: 5px;
}

::-moz-selection {  /* SELEÇÃO COLORIDA */
        color: #ffffff;
        background: #aaaaaa;
        }

::selection {
        color: #ffffff;
        background: #aaaaaa;
        }

/*ALINHAMENTO*/
#tudo {
        width: 800px;
        margin-left: auto; /* CENTRALIZA O THEME */
        margin-right: auto; /* CENTRALIZA O THEME */
        }
/*ALINHAMENTO*/

#side {
        float: left;  /* MANTÉM A SIDE NA ESQUERDA... PARA MUDA-LÁ PRA DIREITA MUDE DE "LEFT" PRA "RIGHT"  E O CONTENT DE "RIGHT" PARA "LEFT"*/
        }

#content {
        float: right;
        }

/* sidebar */

.caixas {
        position: fixed;
        width: 180px; /* TAMANHO DA SIDE */
        background:  #ffffff; /* FUNDO SIDE */
        padding: 7px;
        height: 100%;
        border-right: thin #eee solid;}
/* sidebar */

/* caixas dos posts */

.caixa {
        position: relative;
        width: 500px; /* TAMANHO */
        background:  #ffffff; /* FUNDO */
        padding: 7px;
        top: 0px;}

/* caixa dos posts */

/* paginação */

.paginacao {
    line-height: 20px;
}

/* paginação */

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

        </style>

</head>
<body>
<div id="tudo">
        <div id="side">
                <div class="caixas">


 <!-- deixa o conteudo da side a 100px do topo --> <div style="margin-top: 100px;">


 <!-- aqui você adiciona o conteudo da side, sinta-se a vontade para mudar a paginação, descrição e colocar o que quiser -->

{description}

 <!-- linha -->
<center><div style="width: 97%; border-top: thin #eee solid; margin-top: 7px;"></div></center>

 <!-- linha -->
 <!-- paginação com setinhas -->
<center><div class="paginacao">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ← </a>{/block:PreviousPage}{/block:Pagination}

{block:JumpPagination length="10"}
{block:CurrentPage}{PageNumber}{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}

{block:Pagination}{block:NextPage}<a href="{NextPage}"> → </a>{/block:NextPage}{/block:Pagination}
</div></center>

</div>
 <!-- paginação -->

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

        <div id="content">


 <!-- tags de postagens --><div class="caixa">

{block:Posts}
     <div class="post">

                {block:Text}
                        {block:Title}
                            <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
                        {/block:Title}

                        {Body}
                {/block:Text}


{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}


{block:Photoset}

   <center> {block:Photos}
        <img src="{PhotoURL-500}" />

        {block:Caption}
            {Caption}
        {/block:Caption}
    {/block:Photos}</center>

    {block:Caption}
        {Caption}
    {/block:Caption}
{/block:Photoset}

                {block:Quote}
                         <center><h1>"{Quote}"</h1></center>

                        {block:Source}
                            <p align="right">- {Source}</p>
                        {/block:Source}
                {/block:Quote}

                {block:Link}
                       <center> <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>

</center>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                {/block:Link}

                {block:Chat}
                        {block:Title}
                            <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}

                                    {Line}
                            {/block:Lines}
                        </ul>
                {/block:Chat}

                {block:Video}
                    <li class="post video">
                        {Video-400}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                {/block:Video}

                {block:Audio}
                        {AudioPlayerwhite}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}

                {/block:Audio}

 {block:Answer}
 <img src="{AskerPortraitURL-40}" align="left">
<p style="text-transform: uppercase; text-align: center;">{Question}</p>
 <p align="right">- {Asker}</p>
 {Answer}
{/block:Answer}


 <!-- esconde o via e source -->
<div style="display: none;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
 <!-- esconde o via e source -->


 <!-- notes -->
 <p align="right"><span style="display: block; padding: 3px; padding-bottom: 15px;">
{block:Date}{TimeAgo}&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;&nbsp;with
{/block:Date} <a class="" href="{Permalink}">{NoteCountWithLabel}</a>
<br>  <!-- notes -->

<!-- tags -->Tagged: <span style="text-tranform: uppercase;">{block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</span>
</span></p> <!-- tags -->


 <!-- notes que aparecem na página dos posts -->{block:PostNotes}<div id="post_notes">{PostNotes}</div>{/block:PostNotes}<!-- notes que aparecem na página dos posts -->

           {/block:Posts}


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


 <!-- creditos -->
<div class="naoretire">
<a href="" target="_blank" style="text-transform: uppercase;">&copy; Créditos do theme</a>
 <!-- creditos -->
</div>
</body>
</html>