Theme #2 by ladysephi | tunestofly

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

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

<meta name="image:icon" content="http://static.tumblr.com/nqcm3ld/yNrmzgqhu/icon.png"/>
<meta name="text:link1" content="/"/>
<meta name="text:link2" content="/ask"/>
<meta name="text:link3" content="link1"/>
<meta name="text:link4" content="link2"/>
<meta name="text:link5" content="link3"/>
<meta name="text:link6" content="link4"/>

<meta name="text:title1" content="home"/>
<meta name="text:title2" content="ask"/>
<meta name="text:title3" content="link title 1"/>
<meta name="text:title4" content="link title 2"/>
<meta name="text:title5" content="link title 3"/>
<meta name="text:title6" content="link title 4"/>

<meta name="color:Fonte" content="#aaaaaa"/>
<meta name="color:Links" content="#d7d4d4"/>
<meta name="color:Background" content="#ffffff"/>


    <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:Background}; /* FUNDO */
    font-family: arial;
    font-size:9px;
    color: {color:Fonte};
    overflow: auto;}

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

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

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

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

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

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

/*NÃO MEXER - ALINHAMENTO*/
#tudo {
    width: 800px;
    margin-left: auto; /* CENTRALIZA O THEME */
    margin-right: auto; /* CENTRALIZA O THEME */
    }
/*NÃO MEXER - 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;
    }

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

/*CONTEÚDO *-**/
.caixa {
    position: relative;
    width: 500px; /* TAMANHO */
    background:  {color:Background}; /* FUNDO */
    padding: 7px;
    top: 0px;}
/*CONTEÚDO *-**/

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

.descript {
    text-indent: 10px;
}
.descript:first-letter {
    font-weight: bold;
    font-size: 16px;
}

.menu {
    display: inline-block;
    margin-left: 3px;
    letter-spacing: 3px;
    line-height: 13px;
}

.um:hover {
    font-weight: bold;
}

.dois:hover {
    font-style:italic;
}
    </style>

</head>
<body>
<div id="tudo">
    <div id="side">
        <div class="caixas">
<div style="margin-top: 100px;"><img src="{image:Icon}" width="75" align="top" style="margin-left: 10px;">
<div class="menu">
    <a href="{text:link1}" class="um">{text:title1}</a><br>
    <a href="{text:link2}" class="dois">{text:title2}</a><br>
    <a href="{text:link3}" class="um">{text:title3}</a><br>
    <a href="{text:link4}" class="dois">{text:title4}</a><br>
    <a href="{text:link5}" class="um">{text:title5}</a><br>
    <a href="{text:link6}" class="dois">{text:title6}</a><br>

</div>

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

<p class="descript">{description}</p>


<center><div style="width: 97%; border-top: thin #eee solid; margin-top: 7px;"></div></center>
<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>
        </div>

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

    <div id="content">
        <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}

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

 <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>
Tagged: <span style="text-tranform: uppercase;">{block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</span>
</span></p>

{block:PostNotes}<div id="post_notes">{PostNotes}</div>{/block:PostNotes}

           {/block:Posts}


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


</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>
</body>
</html>