theme 71

                                                   <!--------------------------------------------------------------------------!
THEME FEITO POR PATROADAVIBE

                                                    BASE POR WARVADA
!---------------------------------------------------------------------------->

<!-- start of script tooltip -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>



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

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

<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#aaaaaa"/>
<meta name="color:links" content="#aaaaaa"/>
<meta name="color:barra de rolagem" content="#aaaaaa"/>
<meta name="color:linkshover" content="#aaa" />
 <meta name="text:frase1" content="/" />


 <meta name="text:frase2" content="/" />



<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="heaven" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="coé" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="shit" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="designs" />



</head>

<style type="text/css" media="screen">

#s-m-t-tooltip {
line-height:8px;
font-family:consolas;
max-width:300px;
background-color:#fff;
border:1px solid #faa;
font-size:9px;
color: #000;
text-transform:none;
padding:4px 5px;
margin:15px 0px 0px 15px;
z-index:9999999999999999999999;
border-radius:.4px;}




/********************** corpo do theme
 AQUI VC MODIFICA A FONT DO THEME E O TAMANHO,TAMBEM A COR DE FUNDO QUE É O BACKGROUND **********************************/



body {color:{color:text};background-color:{color:background};background-image: url('{image:Background}'); background-attachment:fixed; font-family:corbel;
font-size:10px;text-align:justify;}



a:link, a:active, a:visited{color:{color:links}; text-decoration:none;}
a:hover{color:{color:linkshover};}

p {margin: 6px 0 0px 6px}
blockquote {margin: 0px; padding-left: -10px;
text-align:left;font-family: ;font-size:10px;
border:px solid #eee; }

/* barra de roagem personalizada */

::-webkit-scrollbar {height:5px; width:5px; background:{color:background};}
::-webkit-scrollbar-thumb:vertical {background:{color:barra de rolagem};}
::-webkit-scrollbar-thumb:horizontal {background:{color:barra de rolagem};}

/* posicionamento do post, e largura da pag de faq */


#content {width:800px; margin-left:450px;
margin-right:auto;}
#main {width:600px; float:right;
position:absolute;top:20px}

.caixa {background:{color:background};margin:10px 20px 10px 4px; width:250px;}
.caixa img{max-width:250px;}
.imaagem img{width:240px;}
.vsanna{display: none;}

/* as notas dos posts tipo reblogue e notes  */

.notes {text-transform:lowercase;padding:0px;width:252px; height:auto; background-color:#fff;font-size:10px; text-align:right; position: absolute;
color:#000; opacity:0;font-family:consolas;display:block; -webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out;margin-top:4px;
margin-left:-8px;}
.notes a{font-size:10px;
font-family:consolas;color:#000; text-transform:lowercase;}

.caixa:hover .notes {opacity:1; z-index:9;font-size:10px; text-transform:lowercase;-webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out;text-transform:lowercase;margin-top:4px;}

.notes2 {position:absolute;top:5px; left:0px; width:auto;height:auto; padding:2px; background:{color:background};border:1px dashed #ccc; text-align:center;
font-size:10px; text-transform: uppercase;display:block; opacity:0;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}

.notes2 a{ color:#000;}
.notes2 a:hover{text-shadow:0px 0px 1px #aaa;
color:#000;}
.caixa:hover .notes2  {left:10px; opacity:0.7;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;}

/* titulo  */


h1 {font-size:12px; padding:0px; margin:0px;color:{color:text};text-align:center;}
h2 {font-size:12.5px;font-family:consolas;padding:0px; margin:0px;
text-align:center;color:{color:text};}
.quote {text-align:justify; padding-bottom:5px;}
.source {font-size:9px; text-transform:uppercase;font-style:none; text-decoration:none; text-align:center; font-weight:bold;}

/* pergunta e resposta da ask */

.perguntou { text-transform:lowercase;box-shadow:0px 0px 0px ;
margin-left:0px; padding-top:3px;font-family:consolas;
font-size:10px; background:#eee; }
.asker { font-family:consolas; background:#eee;
font-size:10px; }
.asker:hover { font-family:consolas; background:#eee;
font-size:10px; color: {color:linkshover};}
.resposta {width:100%;font-family:consolas; height:auto; font-size:10px;}

 .kk {background-color:#fdd; height:7px;margin-top:2px;line-height:8px;width:150px;color:#fff; font-size:11px;font-family:vijaya;padding:3px;margin-left:50px; border:0px #fee solid ;border-bottom:1px dashed #eee;text-align:center; font-size:13px; font-family: elegant;text-transform:uppercase;}
.side{position:fixed; margin-top:70px; margin-left:200px; width:150px; height:200px;}
.kk1
 {background-color:; height:0px;margin-top:2px;line-height:10px;width:240px;color:#000; font-size:20px;font-family:vijaya;padding:1px;margin-left:0px; border:0px #fee solid ;border-top:1px solid #fee;text-align:center;}



.sideimg img{width:150px; height:200; margin-top:0px; margin-left:-10px;
}

.side:hover .sideimg {opacity:1; z-index:9999;
-webkit-transition: all 0.99s ease-out
;-moz-transition: all 0.3s ease-out;
all 0.3s ease-out;-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-filter: blur(1px) ;
-webkit-transition:All 1s ease;
}


 .frase1 {color:#000;position:fixed; width:135px; margin-left:-2px;height:15px; line-height:15px; margin-top:0px;;font-family: consolas;font-style:; text-align:center; font-size:9.5px; ;opacity:  10;transition:0.9s; transform : rotateX(360deg);
text-transform: ;z-index:9999;
}

 .side:hover .frase1 {color:#000;position:fixed; width:152px; margin-left:-20px;height:14px; line-height:15px; margin-top:2px;;font-family: consolas;font-style:; text-align:center; font-size:9px; opacity:  0;transition:0.9s; transform : rotateX(360deg);
text-transform: ;
}



 .frase2{color:#000;position:fixed; width:150px; margin-left:0px;height:11px; line-height:12px; margin-top:2px;;font-family: consolas;font-style:; text-align:left; font-size:10px; ;opacity:0;transition:0.9s; transform : rotateX(360deg);
text-transform: ;z-index:999999999999999
}
.side:hover .frase2 {background:#fff;opacity:10;font-family:consolas;font-style:;margin-top:0px;color:#000;;text-align:center;transition:1s; transform : rotateX(360deg); text-transform: ; margin-left:-10px; }



/* Barrinha por warvada. Não retire os créditos.*/
.wr12{position:fixed; left:400px; top:-1px; width:3px; height:700px; border-left:1px dashed white; border-right:3px double white;
background:#fdd; /*barrinha rosa*/}
.wr12b{position:fixed; margin-top:0px; margin-left:5px; width:3px; height:700px; border-right:1px dashed white; border-left:3px double white;
background:#DDD; /*barrinha cinza*/}
/* Barrinha por warvada. Não retire os créditos.*/
.barra {position:fixed; margin-top:4px; margin-left:-10px; width:150px; height:10px;  opacity:10px;border-bottom:2px solid #eee;}

.side:hover .barra {position:fixed; margin-top:4px; margin-left:20; width:105px; height:10px;  opacity:0px;border-bottom:1px dotted #eee;}

.links{position:fixed;margin-left:-5px;
margin-top:-20px;width:100px;
-webkit-transition: 0.4s ease-in;
-moz-transition: 0.4s ease-in;
transition: 0.4s ease-in;opacity:0;;text-shadow:2px 2px 2px #aaa;font-size:9; font-family:consolas; border-radius:px;}


.links a{width:100px;
background-color: #;
color:#000;border-radius:0px;
height:15px;line-height:17px;
text-align:center;padding-left:1px;
font-size:10px;-webkit-transition: 0.4s ease-in;
-moz-transition: 0.4s ease-in;
transition: 0.4s ease-in;
text-shadow:0px 0px 2px #aaa; left; display:block; border-left:1px solid #fee;background: rgba(250,250,250,.2); }

.links a:hover{color:{color:linkshover};
background-color: #;
  width:100px;opacity:; text-decoration: underline;width:100px;background: rgba(250,250,250,.5); padding-left:1px;}

.side:hover .links{opacity:10;
  perspective(400px) rotateX(360deg);
  -webkit-transform:perspective(400px) rotateX(0deg);
  padding-left:5px; margin-left:10px; margin-top:-85px;  display:block; border:1px #fff solid;background: rgba(250,250,250,.2); }





.cred {font-size:13px;font-family:gabriola; width:auto;height:10px; text-align:center; line-height:16px;margin-top:550px;position:fixed;left:1190px;line-height:15px; border-bottom:1px solid #ddd;}
.cred a {color:#000;text-indent:5px;padding:1px;border-bottom:1px dashed #eee;width:60px;BACKGROUND:#fff;height:1px;}



</style>

<body onkeydown="return false">


<div class="side">
 <div class="sideimg"><img src="{image:sidebar}"></div>
 <div class="frase1">{text:frase1}</div>
 <div class="frase2">{text:frase2}</div>
<div class="wr12"><div class="wr12b"></div></div>


  <div class="barra"></div>
  <div class="links">
<a href="{text:Link1}">{text:Link1 title} </a>
<a href="{text:Link2}">{text:Link2 title}  </a>
<a href="{text:Link3}">{text:Link3 title} </a>
<a href="{text:Link4}">{text:Link4 title}   </a> </div>
</div></div>
</div>

 <div class="cred"> <a href="http://patroadavibe.tumblr.com/" title="Don't copy,html por :patroadavibe!"> patroa <font color= #fdd>◆</font></a> </div>

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







</div>

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

</div></div>


<div id="content">
{block:Posts}
<div class="caixa">


{block:Text}
{block:Title}
<h2>{Title}</h2>
{/block:Title}
{body}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes</a>
</div>
{/block:indexpage}
{/block:Text}



{block:Photo}
{LinkOpenTag}
<div class="imaagem"><img src="{PhotoURL-250}"></div>
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes</a>
</div>
{/block:indexpage}
{/block:Photo}




{block:Photoset}
<div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes </a> </a>
</div>
{/block:indexpage}
{/block:Photoset}


{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}<div class="source"> {Source}</div>
{/block:Source}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes </a>
</div>
{/block:indexpage}
{/block:Quote}


{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:Lines}
<div class="chat">
<div class="lines">{block:Label}
<span>{Label}</span>
{/block:Label}
{Line}</div></div>
{/block:Lines}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes</a> </a>
</div>
{/block:indexpage}
{/block:Chat}


{block:Link}
<a href="{URL}" target="{Target}"><h2>{Title}</h2></a>
{block:Description}{Description}{/block:Description}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a>  <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes></a> </a>
</div>
{/block:indexpage}
{/block:Link}


{block:Audio}
{AudioPlayer}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <font color={color:menu hover}>?</font>
<a href="{permalink}">{NoteCount} notes<font color={color:menu hover}>?</font></a>
</div>
{/block:indexpage}
{/block:Audio}


{block:Video}
{block:Indexpage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <font color={color:menu hover}>?</font>
<a href="{permalink}">{NoteCount} notes<font color={color:menu hover}>?</font></a>
</div>
{/block:indexpage}
{/block:Video}
{block:Answer}
<div class="perguntou"><div class="kk">✿✿✿</div>{Asker}: {Question}</div>
<div class="resposta">  <div class="kk1"></div>{Answer}</div>
{block:indexpage}
<div class="notes">
<a href="{ReblogURL}" target="_blank">Rebola</a> <img src="http://media.tumblr.com/45f3dbd94b7e5b033d4863d6071e446a/tumblr_inline_mwfnb8IiEE1s72mij.png">
<a href="{permalink}">{NoteCount} notes</a>
</div>
{/block:indexpage}
{/block:Answer}

<div class="vsanna">
{block:RebloggedFrom}
<a href="{ReblogParentURL}">via</a>
{/block:RebloggedFrom}
{block:ContentSource}
<a href="{SourceURL}">source</a>
{/block:ContentSource}
</div>


 </div>
{/block:Posts}

</div>





<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#content').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : ".caixa",
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "<i> </i>",
},
// call masonry as a callback.
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
</script>




{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}



</body>
</html>