085, sidebar maneira

<!---------------------------------------------------------------------

THEME FEITO POR BIANCA DIAS (NEVALISCA). É PROIBIDA QUALQUER CÓPIA OU
     USO   DOS CÓDIGOS CONFORME A LEI PENAL, ARTIGO 184. ©

---------------------------------------------------------------------->


<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
 (function($){
$(document).ready(function(){
 $("[title]").style_my_tooltips();
 });
 })(jQuery);
</script>


<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
 (function($){
$(document).ready(function(){
 $("[title]").style_my_tooltips();
 });
 })(jQuery);
</script>



<!-- FIM DOS JAVAS -->

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


<!-- APPEARANCE -->


<meta name="image:sidebar" content="" />
<meta name="image:background" content=""/>

<meta name="text:frase" content="inspiration" />

<meta name="text:linkcasinha" content="/" />
<meta name="text:linkbaloes" content="/ask" />

<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="autorias" />

<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="favs" />

<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="blogroll" />

<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="links" />

<meta name="text:pesquisa" content="pesquisar" />


<meta name="color:background" content="#ffffff" />
<meta name="color:posts" content="#ffffff" />
<meta name="color:text" content="#000000" />
<meta name="color:link" content="#000000" />
<meta name="color:hover" content="#696969" />
<meta name="color:linksmenu" content="#888888" />
<meta name="color:sidebar" content="#444444" />
<meta name="color:bordasidebar" content="#dea5a6" />
<meta name="color:descri" content="#f0f0f0" />
<meta name="color:sombradescri" content="#000000" />
<meta name="color:frase" content="#dea5a6" />
<meta name="color:source quotes" content="#000000"/>
<meta name="color:scroll" content="#000000"/>
<meta name="color:h1" content="#000000" />
<meta name="color:tooltipbg" content="#000000" />
<meta name="color:tooltipfont" content="#ffffff"/>

<meta name="if:ffpersonalizado" content="1" />
<meta name="if:fadeimage" content="1" />
<meta name="if:hovergrayscale" content="0"/>



        <title>{Title}</title>

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

        <link rel="alternate" type="application/rss+xml" href="{RSS}">

        {block:Description}

            <meta name="description" content="{MetaDescription}" />

        {/block:Description}




        <!----- FONTES ------>

 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
 <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
 <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
 <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">

        <!----- FONTES ------>


       <style type="text/css">

@font-face {
font-family:'tumblr-message';
src:url('https://dl.dropboxusercontent.com/s/5eso5dxz3ewsepz/tumblr-message.ttf');
}


::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{
    display:block;
    height:0;
    background-color:transparent;}
::-webkit-scrollbar-track-piece{
    background-color:transparent;
    -webkit-border-radius:0;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;}

::-webkit-scrollbar-thumb:vertical{
    height:250px; background-color: {color:scroll};
    -webkit-border-radius:0px;}

::-webkit-scrollbar-thumb:horizontal{
    width:50px;
    background-color:{color:scroll};-webkit-border-radius:0px;}



::-moz-selection
   {color: {color:bordasidebar};
   background:;}
  ::selection
   {color: {color:bordasidebar};
   background:;}


body {background-color: {color:background};
background-image:url('{image:background}');
margin:0px auto 0px;
color: {color:text};
font-size:12.5px ;
text-align: center;
font-family:'Avalon', sans-serif;
background-attachment: fixed;
background-repeat: no-repeat;
background-size:100% 100%;
line-height:19px;
-webkit-animation: fade 5s;
-moz-animation: fade 5s;
-ms-animation: 5s;
-o-animation: fade 5s;
overflow-x:hidden;}


@-webkit-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}



a {color: {color:link}; text-decoration: none; text-transform: none;}
a:hover {color: {color:hover};}


p {margin: 6px 0 0 0}

blockquote {margin: 3px; border-left: 3px solid #fff; padding-left: 5px; }
blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff;}
blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }
blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }

blockquote img{max-width: 250px!important}
blockquote blockquote img{max-width: 250px!important}
blockquote blockquote blockquote img{max-width:250px!important}
blockquote blockquote blockquote blockquote img{max-width: 250px!important}

#content {
position: relative;
width:640px;
{block:permalinkpage}width:740px{/block:permalinkpage};
background: url('link do content');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px; }

#entry {
float:right;
width:440px;
{block:permalinkpage}width:540px;margin-left:150px;{/block:permalinkpage}
}


.posts {
width:400px;
margin:30px 0px 10px 10px;
padding:10px;
padding-bottom:6px;
background:{color:posts};
text-align: justify;
position: relative;
{block:permalinkpage}width:500px;{/block:permalinkpage}
}



/*---TITULOS---*/
h1 {
font-size:16px;
line-height: 14px;
margin-top:0px;
text-align:left;
color: {color:h1};
font-family:arial;
font-weight: bold;
text-transform:uppercase;
letter-spacing:1px;
}

h1 a {color: {color:h1};text-transform:uppercase;
letter-spacing:1px}
h1 a:hover {color: {color:hover};text-transform:uppercase;
letter-spacing:1px}


 /**FOTOS**/
.image {text-align: center;
    border: 0px;}

.image img {
width: 400px;
height:auto;
{block:permalinkpage}width:500px;{/block:permalinkpage}
{block:iffadeimage}opacity:0.8;{block:iffadeimage};
}

.image img:hover {
    opacity:1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    {block:ifhovergrayscale}-webkit-filter: grayscale(100%);{/block:ifhovergrayscale};
    }



 /**QUOTE**/
.quote {text-align: justify; line-height:19px;text-indent:px;}

.quote:first-letter{font-size:18px;}


.quotesource {
text-align:right;
color:{color:source quotes};
margin-top:5px;
transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
font-family: 'PT Sans', sans-serif;
font-size:10.5px;
text-transform:uppercase;
font-weight:bold;
}



.quotesource a{color:{color:source quotes};text-transform:uppercase;}




/***AUDIO***/

.album {position:absolute;}
.album img {width:50px;height:50px;float:left;}
.audio {width:20px;padding:7px 13px 9px 5px;overflow:hidden;}
.audiodescr {margin-left:55px;padding:0px;}
.i{display:block;padding:2px;font-size:10px;line-height:13px;}
.player {
position:absolute;
background:#FFF;
width:39px;
height:39px;
opacity:0.75;
padding:6px;
overflow:hidden;}


 /**CHAT POT DROPRED **/
.chat {line-height: 13px; list-style: none }
.chat ul {line-height: 13px; list-style: none; padding: 0px; line-height:14px;}
.person1 {color: {color:text}; padding: 2px; }
.person1 .label {font-weight: bold;  color:{color:text}}
.person2 {color: {color:text}; padding: 2px;  }
.person2 .label {font-weight: bold;  color:{color:text}}

.chat {background: #fff; margin: 0; font-size: 12px; }
.chat .lines {font-family: 'Play'; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #f0f0f0; padding: 5px; margin-bottom: 2px; font-size: 12px; color: #888; text-shadow: 1px 1px 0px #eee; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
.chat .lines:hover {background: #e0e0e0; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
.chat .lines span {font-weight: bold;}

/* --- PERMALINKPAGE ---- */

#perma{margin-left:8px}
#permalink{margin-bottom: 1px;
padding: 4px 5px;
background: #fafafa;
text-transform: none;
font-family: 'consolas', sans-serif;
font-size: 9px;
text-align:left;
width:513px;
text-transform:uppercase}
#permalink a{text-transform:uppercase;}

#bss ol, .notes-bottom ul {margin: 0;padding: 0;list-style: none;}
#bss li {background:{color:background};padding: 5px 0 10px 0;font-size: 9px;font-family:consolas;text-transform:uppercase; text-indent : 8px;-webkit-transition-duration: .50s; float: left; padding: 5px;width:513px;margin-top:5px;margin-left:1px;text-align:left;color:{color:text};border-bottom:solid 1px #f0f0f0;}
#bss li a{text-transform:uppercase;}
#bss li img.avatar {width: auto;padding: 2px; background: #fff; border: 3px solid #eee;display: block;float: left; margin: 0 5px 5px 0;}

/*/ NOTAS TEXTOS /*/
.notastextos {
width:400px;
margin-top:10px;
opacity:0;
transition-duration: 1s;
}

.posts:hover .notastextos{opacity:1;}

.notastextos a{
    background:{color:sidebar};
    padding:5px;
    color:#f0f0f0;
    margin-right:3px;
    text-transform:uppercase;
    text-shadow:1px 1px 0px {color:sombradescri};
    font-family:arial;
    font-size:9px;
    color:{color:descri};
}

.notastextos a i{color:{color:bordasidebar};}



/*/ NOTAS IMAGENS POR NEVALISCA, DON'T COPY /*/

#bibinotas{
width:400px;
height:calc(100% - 22px) !important;
background: rgba(0,0,0,0.5);
font-family:courier;
color:#fff;
font-size:9px;
position:absolute;
z-index:9;
opacity:0;
transition-duration: 1.2s;
}

.posts:hover #bibinotas{width:400px;opacity:1;}

.centralizar{
    position:absolute;
    width:400px;
    height:70px;
    top: 50%;
  transform: translateY(-50%);
}



#datenotes{
text-align:center;
font-family:'Avalon', sans-serif;
font-size:15px;
text-shadow:1px 1px 0px #000;
}

#datenotes a{
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
}

#reblog{text-align:center;
font-family:'Avalon', sans-serif;
font-size:15px;
text-shadow:1px 1px 0px #000;}

#reblog a{
    display:inline-block;
    text-transform:uppercase;
    color:{color:bordasidebar};
    font-weight:600;
}

/*/ ESTILO DE ASK #02 POR NEVALISCA, NÃO REMOVA OS CRÉDITOS, SEJA CRIATIVO /*/

#nevaliscaquestion{width:calc(100% - 65px);
    background:#eee;/*/ COR DA CAIXA DE PERGUNTA DA ASK /*/
    padding:10px;
    color:#9c9c9c9; /*/ cor da font da pergunta /*/
    border-radius:3px;
    margin-left:45px;
    border:solid 1px #ccc; /*/ cor da borda da caixa de pergunta da ask /*/
}

#seta{width:10px;
height:10px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background:#eee; /*/ cor da caixa de pergunta da ask /*/
margin-left:-16px;
margin-top:1px;
float:left;
border:solid 1px #ccc; /*/ cor da borda da caixa de pergunta da ask /*/
border-top: 0px;
border-right:0px;
}

#nevaliscaurl{width:relative;
color:#9c9c9c; /*/ cor do texto da url da pessoa /*/
text-align:right;
text-transform:uppercase;
font-family:consolas; /*/ fonte da url da pessoa /*/
font-size:9px;
letter-spacing:1px;
margin-top:5px;
}

#nevaliscaurl a{
text-transform:uppercase;
color:#9c9c9c; /*/ cor do texto da url /*/

}

#nevaliscaurl i{
    font-size:10px;
    color:{color:bordasidebar}; /*/ cor do simbilo ao lado da url /*/
    margin-left:5px;}

#nevaliscaft{
float:left;
margin-top:-10px;
font-size:6px;
margin-bottom:5px;
border-radius:100px
}

#nevaliscaft img{
width:30px; /*/tamanho da imgem /*/
float:left;
margin-left:-57px;
border-radius:100px;
border: solid 2px {color:bordasidebar}; /*/ cor da borda da imagem da PERGUNTA,
altere a cor pink pela cor que desejar usando o #Código da cor (ex:#000000) /*/

}

#nevaliscaresposta{
    width:calc(100% - 65px);
    background:#eee;/*/ COR DA CAIXA DE RESPOSTA DA ASK /*/
    padding:10px;
    color:#9c9c9c9; /*/ cor da font da RESPOSTA /*/
    border-radius:3px;
    border:solid 1px #ccc; /*/ cor da borda da caixa de RESPOSTA da ask /*/
   }

#seta2{
width:10px;
height:10px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background:#eee; /*/ cor da caixa de RESPOSTA da ask /*/
margin-right:-16px;
margin-top:1px;
float:right;
border:solid 1px #ccc; /*/ cor da borda da caixa de RESPOSTA da ask /*/
border-bottom: 0px;
border-left:0px;
}


#nevaliscaft2{
float:right;
margin-top:-10px;
font-size:6px;
margin-bottom:5px;
border-radius:100px
}

#nevaliscaft2 img{
width:30px; /*/tamanho da imgem /*/
float:right;
margin-right:-57px;
border-radius:100px;
border: solid 2px {color:bordasidebar}; /*/ cor da borda da imagem da RESPOSTA,
altere a cor pink pela cor que desejar usando o #Código da cor (ex:#000000) /*/
}


/*/ FIM DOS CÓDIGO, NÃO COPIE, CREDITE! /*/

/*------SIDEBAR-----*/

#header{
width:150px;
margin-left:0px;
margin-top:200px;
position:fixed;
padding:10px;
float:left;
background:{color:bordasidebar};

}

#sidebar{width:150px;
padding:10px;
float:left;
background:{color:sidebar};
}

#title{
font-size:16px;
line-height: 14px;
text-align:center;
color:{color:frase};
font-family:arial;
font-weight: bold;
text-transform:uppercase;
letter-spacing:1px;
}

#descri{
color:{color:descri};
text-shadow:1px 1px 0px {color:sombradescri};
margin-top:10px;
}

#bibiimage{
  width:60px;
  height:60px;
  margin-right:auto;
  margin-left:auto;
  border-radius:100px;
  margin-top:-18px;
  border:solid 3px {color:bordasidebar};
}

#bibiimage img{
width:60px;
height:60px;
border-radius:100px;
position: relative;

}


#linha{width:relative;
height:1px;
background:{color:bordasidebar};
-webkit-box-shadow:inset  -30px 0 0 0 #444, inset 30px 0 0 0 #444;
box-shadow: inset -30px 0 0 0 #444, inset 30px 0 0 0 #444;
margin-top:10px;
}
#bibimenu{margin-top:3px;
padding:5px;
}

#bibimenu a i{color:{color:bordasidebar};margin-right:8px;}

#bibilist{
top:1px;
left:1px;
position:relative;
display:inline;
}

#bibilist i{color:{color:bordasidebar};margin-right:5px;
}


#hmenu{
width:150px;
margin-left:640px;
{block:permalinkpage}margin-left:740px;{/block:permalinkpage}
top:20%;
padding:10px;
position:absolute;
border-left:3px solid {color:bordasidebar};
text-align:left;
}

#hmenu a{
color:{color:linksmenu};
text-transform:uppercase;
letter-spacing:2px;
font-size:10px;
transition-duration: 1s;
}


#hmenu a:hover{
margin-left:5px;
color:{color:bordasidebar};
text-shadow: 0 0 2px {color:bordasidebar};
letter-spacing:5px;
}



#search {display:inline-block;}

#search input {
    font-size:10px;
    text-transform:uppercase;
    text-align:left;
    width:150px;
    color:{color:linksmenu};
    margin-left:-5px;
}

#search input[type="text"] {
background:transparent;
border:0;
padding:5px;
}

#search input[type="text"]:focus {outline:none;}



/*-- FINAL DA SIDEBAR --*/

#s-m-t-tooltip {
    max-width:400px;
    padding:2px 5px 2px 6px;margin:20px 20px;
    background-color:{color:tooltipbg};
    font: 8px consolas;
    letter-spacing:1px;
    text-transform:uppercase;
    color:{color:tooltipfont};
    z-index:9999999;}



.tmblr-iframe, iframe#tumblr_controls {
    white-space: nowrap;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
    position: fixed;
    opacity:0.4;
    z-index:99999999999999999 !impoportant;
    {block:ifffpersonalizado}{block:indexpage}display:none;{/block:indexpage}{/block:ifffpersonalizado}
    }


#controles{
position:fixed;
right:5px;
top:10px;
z-index:99999;
}

#controles a{padding:5px;
margin-left:2px;
font-family:arial;
font-size:10px;
color:{color:descri};
text-shadow:1px 1px 0px {color:sombradescri};
background:{color:sidebar};
text-transform:uppercase;
}

#controles a:hover{
opacity:0.8;}


.icone1:before{
font-family:'tumblr-message';
content: "\e900";
color:{color:bordasidebar};
}

#controles a i{color:{color:bordasidebar};}

#creditos{
position:fixed;
right:5px;
bottom:30px;
background:{color:sidebar};
padding:5px;
height:12px;
width:12px;
line-height:12px;
z-index:9999;
}

#creditos a{color:{color:descri};
    font-family:calibri;
    font-size:9px;
    letter-spacing:1px;
    text-shadow:1px 1px 0px {color:sombradescri};
}



</style>

</head>

<!--THEME POR I-NGAGAR, não copie, plagio é crime-->
<script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hmenu").hide();
$("#bibilist").click(function(){
$(this).next("#hmenu").slideToggle('fast');
}); }); </script>


<body >

{block:ifffpersonalizado}
{block:indexpage}
<div id="controles">
<a href="https://www.tumblr.com/dashboard?conversation={name}" class="icone1">
<b>Message</b></a>

<a href="https://www.tumblr.com/follow/{name}"><i class="fa fa-user-plus"></i> <b>Follow</b></a>

<a href="https://www.tumblr.com/customize/{name}"><i class="fa fa-cogs"></i> customize</a>

<a href="https://www.tumblr.com"><i class="fa fa-home"></i> <b>Dashboard</b></a>
</div>
{/block:indexpage}
{/block:ifffpersonalizado}
<!-- Não tira essa merda aqi valeu, se vc tirar eu vou jogar uma praga tão forte em vc que tu vai se arrepender de ter tirado, e tenho dito!--->
<div id="creditos">
    <a href="https://nevalisca.tumblr.com"
    title="originally by nevalisca. Don't copy!">NV</a>
</div>

<!--- daqi pra baixo tire e mude o que quiser, só pra uso próprio--->


<div id="content">

<div id="header">
<div id="sidebar">
    <div id="bibiimage"><img src="{image:sidebar}"></div><br>
   <div id="title">{text:frase}</div>
    <div id="descri">{description}</div>
    <div id="linha"></div>

    <div id="bibimenu">
        <a href="{text:linkcasinha}"><i class="fa fa-home"></i></a>
        <a href="{text:linkbaloes}"><i class="fa fa-comments"></i></a>
       <p id="bibilist">   <i class="fa fa-navicon"></i></p>
      <div id="hmenu">
          {block:iflink1title}<a href="{text:link1}"> {text:link1 title}</a><br>{/block:iflink1title}
          {block:iflink2title}<a href="{text:link2}"> {text:link2 title}</a><br>{/block:iflink2title}
          {block:iflink3title}<a href="{text:link3}"> {text:link3 title}</a><br>{/block:iflink3title}
          {block:iflink4title}<a href="{text:link4}"> {text:link4 title}</a><br>{/block:iflink4title}

         {block:ifpesquisa}<form action="/search" method="get" id="search"
          style="text-align:left;"><input type="text"
          name="q" value="{text:pesquisa}"
          onfocus="if(this.value == this.defaultValue)
          this.value = ''" onblur="if(!this.value) this.value =
          this.defaultValue" /></form>{/block:ifpesquisa}



           </div>


    </div>

</div>

</div>
<div id="entry">

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

<!------ TEXTOS ---->
{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
{block:indexpage}
<div class="notastextos">
    <a href="{reblogurl}"><i class="fa fa-retweet"></i> <b>reblog</b></a>
    <a href="{permalink}"><i class="fa fa-star"></i> <b>{notecount} notes</b></a>
    <a href="{permalink}"><i class="fa fa-link"></i> <b>permalink</b></a>
</div>
{/block:indexpage}

{/block:Text}
<!------ TEXTOS ---->


<!------ PHOTOS ---->
{block:Photo}
{block:indexpage}
<div id="bibinotas">
<div class="centralizar">
<div id="datenotes">
    <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
    <a href="{permalink}">post with {notecount} notes</a>
</div>
<div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
</div>
</div>
{/block:indexpage}

<div class="image" ><a href="{Permalink}"><img src="{PhotoURL-500}"></a>
</div>
{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{LinkCloseTag}{/block:permalinkpage}
{/block:Photo}

<!------ PHOTOS ---->


<!------ PHOTOSETS ---->

{block:Photoset}
{block:indexpage}
<div id="bibinotas">
<div class="centralizar">
<div id="datenotes">
    <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
    <a href="{permalink}">post with {notecount} notes</a>
</div>
<div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
</div>
</div>
{/block:indexpage}
<div class="image">{block:indexpage}{photoset-400}{/block:indexpage}
    {block:permalinkpage}{photoset-500}{/block:permalinkpage}
</div>
{/block:Photoset}

<!------ PHOTOSETS ---->


<!------ QUOTE ---->
{block:Quote}
<div class="quote">{Quote}</div>
{block:Source}<div class="quotesource">&mdash; {Source}</div>{/block:Source}

{block:indexpage}
<div class="notastextos">
    <a href="{reblogurl}"><i class="fa fa-retweet"></i> <b>reblog</b></a>
    <a href="{permalink}"><i class="fa fa-star"></i> <b>{notecount} notes</b></a>
    <a href="{permalink}"><i class="fa fa-link"></i> <b>permalink</b></a>
</div>
{/block:indexpage}


{/block:Quote}

<!------ QUOTE ---->


<!------ LINKS ---->

{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{block:indexpage}
<div class="notastextos">
    <a href="{reblogurl}"><i class="fa fa-retweet"></i> <b>reblog</b></a>
    <a href="{permalink}"><i class="fa fa-star"></i> <b>{notecount} notes</b></a>
    <a href="{permalink}"><i class="fa fa-link"></i> <b>permalink</b></a>
</div>
{/block:indexpage}
{/block:Link}

<!------ LINKS ---->


<!------ CHAT ---->
{block:Chat}
{block:Title}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label}{Line}</div></div>{/block:Lines}</ul></div>

{block:indexpage}
<div class="notastextos">
    <a href="{reblogurl}"><i class="fa fa-retweet"></i> <b>reblog</b></a>
    <a href="{permalink}"><i class="fa fa-star"></i> <b>{notecount} notes</b></a>
    <a href="{permalink}"><i class="fa fa-link"></i> <b>permalink</b></a>
</div>
{/block:indexpage}
{/block:Chat}

<!------ CHAT---->


<!------ AUDIO ---->
{block:Audio}

{block:AlbumArt}<div class="album">
<img src="{AlbumArtURL}"></div>{/block:AlbumArt}
<div class="player"><div class="audio">{AudioPlayerWhite}</div></div>
<div class="audiodescr"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
<div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>

{block:indexpage}
<div class="notastextos">
    <a href="{reblogurl}"><i class="fa fa-retweet"></i> <b>reblog</b></a>
    <a href="{permalink}"><i class="fa fa-star"></i> <b>{notecount} notes</b></a>
    <a href="{permalink}"><i class="fa fa-link"></i> <b>permalink</b></a>
</div>
{/block:indexpage}
{/block:Audio}

<!------ AUDIO ---->



<!------ VIDEO ---->
{block:Video}
{block:indexpage}
<div id="bibinotas">
<div class="centralizar">
<div id="datenotes">
    <a href="{permalink}"> {DayofMonthWithZero} . {Month} . {year}</a><br>
    <a href="{permalink}">post with {notecount} notes</a>
</div>
<div id="reblog"><a href="{reblogurl}">reblog this post</a></div>
</div>
</div>
{/block:indexpage}

{block:indexpage}<div style="width:400px;
overflow:hidden">{Video-250}</div>
{block:indexpage}
{block:permalinkpage}{video-500}{/block:permalinkpage}
{/block:Video}
<!------VIDEO ---->


<!------ ASK ---->
{block:Answer}
<div id="nevaliscaquestion"><div id="nevaliscaft">
<img src="{AskerPortraitURL-30}"></div>
<div id="seta"></div>
{Question}
</div>
<div id="nevaliscaurl">volte sempre {asker}<i class="fa fa-comments-o"></i></div>
<div id="nevaliscaresposta"><div id="seta2"></div>
<div id="nevaliscaft2">
<img src="{PortraitURL-30}"></div>
{answer}</div>
{block:indexpage}
<div class="notastextos">
    <a href="{reblogurl}"><i class="fa fa-retweet"></i> <b>reblog</b></a>
    <a href="{permalink}"><i class="fa fa-star"></i> <b>{notecount} notes</b></a>
    <a href="{permalink}"><i class="fa fa-link"></i> <b>permalink</b></a>
</div>
{/block:indexpage}
{/block:Answer}

<!------ ASK ---->


{block:ContentSource}<a href="{SourceURL}">

        {/block:SourceLogo}{block:NoSourceLogo}{/block:NoSourceLogo}</a>
{/block:ContentSource}
 </div>

 {block:indexpage}
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>

<script type="text/javascript">
$(window).load(function(){
var $wall = $('#entry');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.posts',
isAnimated : true
});
});
$wall.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : '.posts',
loadingImg : "https://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
loadingText : "",
donetext : " ",
extraScrollPx : 1000,
bufferPx : 10100,
debug : false,
errorCallback: function() {
$('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
});
}); $('#entry').show(500);
});
</script>
{/block:indexpage}
{block:indexpage}

<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}


 {block:PostNotes}
<div class="caixa">
<div id="perma">
{block:NoteCount}<div id="permalink">
<img style="opacity: 0.6" src="https://static.tumblr.com/8yo5xxv/H7Fm5qdr1/heartttrrt.png">
{NoteCountWithLabel}</div>{/block:NoteCount}
{block:RebloggedFrom}
<div id="permalink">
<img style="opacity: 0.6" src="https://static.tumblr.com/tx5g7yp/MNemcrpul/ampersand_5x8.png">
 Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></div>{/block:RebloggedFrom}
{block:HasTags}<div id="permalink">
<img src="https://static.tumblr.com/8yo5xxv/Dgxm5qduh/tag.png">Tagged:
{block:Tags} <a href="{TagURL}">{Tag},
</a>{/block:Tags}</div>{/block:HasTags}
{block:Date}
<div id="permalink">
<img style="opacity: 0.6" src="https://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png">
{DayOfMonth} de <n>{Month}</n> de {Year}</div>{/block:Date}
{block:ContentSource}
<div id="permalink">
<img src="https://static.tumblr.com/wa79tuo/LApm1iuqc/user.png">
Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>
{/block:ContentSource}

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

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

</body>

</html>