<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<head>
<title>{Title}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
<iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/t0iuumg/4v8mjttyi/top.txt"></script>
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
</head>
<style type="text/css">
/* --- Geral ------------------------------- */
body{color: #bbb; font-family: Trebuchet Ms; font-size: 11px; margin:0; text-align: left; background: #f3f3f3; }
/* --- Links ------------------------------- */
a{text-decoration: none; color: #555; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
a:hover{color: #eee; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.ls {background: #eee; display: block; padding: 3px; margin-left: -4px; margin-right: -4px; margin-bottom: -4px;}
/* --- Theme ------------------------------- */
#content {background:#; margin:auto;{block:IndexPage}width: 940px; position:relative;{/block:IndexPage}
{block:PermalinkPage} width: 653px; {/block:PermalinkPage} overflow: hidden;}
.titi {background: #eee; text-align: center; top: 0; text-align: justify; height: 100%; width: 140px; padding: 0px; float: left; position: fixed; {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage}}
/* --- Postagem ------------------------------- */
.posts{float: right; margin-top: 0px; {block:IndexPage} background: #; margin-bottom: 1px; width: 800px; position:relative; {/block:IndexPage}
{block:PermalinkPage}
width: 500px; margin-top: 0px; margin-bottom: 0px;
{/block:PermalinkPage}}
/* --- Caixa ------------------------------- */
.caixap{
{block:IndexPage}background:#f5f5f5; padding: 0px; margin: 0px; width: 200px; float:left; position: relative; overflow: hidden;{/block:IndexPage}
{block:PermalinkPage} width: 500px;{/block:PermalinkPage}}
/* --- Blockquote, pre ------------------------------- */
blockquote {text-align: justify; padding: 5px 7px; background:#f8f8f8; color: #aaa; font-family: Calibri; margin: 3px -2px; font-size: 12px; border-left: 6px solid #eee;}
blockquote a{color: #f8f2cb;}
pre {text-align: justify; padding: 5px 7px; background:#f8f8f8; color: #aaa; font-family: 'Electrolize', sans-serif; margin: 3px -2px; font-size: 12px; border-left: 6px solid #f8f2cb; overflow: scroll;}
/* --- Caption, description ------------------------------- */
.capt{text-align: justify; margin: -13px 4px -9px 4px;}
.caption{margin-left: 10px; margin-right: 10px; text-align: justify; margin-bottom: -9px;}
.cap{text-align: justify; margin: -8px 5px -9px 5px;}
#description{text-align: justify; font-family: 'Play', sans-serif; font-size: 12px;}
/* --- Seleção ------------------------------- */
::selection{background: #; color: #000;}
::-moz-selection{background: #; color: #000;}
/* --- Imagem, vídeo, photoset ------------------------------- */
.borderimage{{block:IndexPage}margin-bottom: -5px; width: 250px!important;{/block:IndexPage}
{block:PermalinkPage}margin: 0px 0 -5px 0px; width: 500px!important;{/block:PermalinkPage}}
/* --- Classes ------------------------------- */
strong, b, bold {color: #ccc; text-decoration:none; font-weight:bold;}
i, em, italic {color: #; }
u, underline {text-decoration:none; color: #e8c9d2; border-bottom: 1px dotted #eee;}
s, strike {color: #;}
/* --- Título ------------------------------- */
.h1{color: #b6b4ae; font-family: Calibri; font-size: 11px; display: block; margin: 3px 7px 6px 7px; text-transform: uppercase;}
.h1 a{color:#000;}
.link {color: #b6b4ae; font-family: Calibri; font-size: 11px; display: block; margin: 3px 7px 6px 7px; text-transform: uppercase;}
.link a{color: #999;}
/* --- Quote ------------------------------- */
.quote {color: #999; font-family: Calibri; font-size: 10px; display: block; text-transform: uppercase; text-align: justify;}
.source{float: right; color: #999; border-bottom: 3px solid #eee; font-family: Calibri; font-size: 9px; display: block; margin: 3px 7px 6px 7px; text-transform: uppercase;}
.source a{color: #999;}
.source a:hover {background: #f2e584;}
/* AUDIO */
.audio{border:1px solid #EEE;padding:3px;
{block:ifRoundEdges}border-radius:5px;{/block:ifRoundEdges}}
.artcover {position:absolute;}
.artcover img {width:36px;height:36px;float:left;}
.audioplayer {width:20px;padding:4px;overflow:hidden;}
.audioinfo {margin-left:39px;padding:0px 3px;border-left:2px solid #EEE;}
.i{display:block;padding:1px 0px;height:10px;}
.i b, strong{font-family:Consolas;}
.play{position:absolute;background:#FFF;width:30px;height:30px;
opacity:0.75;padding:3px;overflow:hidden;}
/* --- Chat ------------------------------- */
.chat {margin: 1px 1px 0 1px; font-size: 11px; color: #b3b3b3;}
.chat .chat1 {margin-left: 0px;}
.chat .chat1 .chat2 {background:#eee; margin-bottom: 1px; padding: 0px 5px; font-family: 'Electrolize', sans-serif; line-height: 20px;}
.chat .chat1 .chat2.even {background: #eee;}
.chat b{color: #fff; background: #fff; padding: 5px; font-size: 9px; font-weight: normal; margin: 0 0 0 -5px; color: #999; text-transform: uppercase;}
.chat1 a, .chat2 a{color: #a2a2a2;}
/* --- Footer ------------------------------- */
#footer {left:0px; bottom :0px; position:absolute; width:100%; background: url('http://static.tumblr.com/8yo5xxv/wh9m7n4cf/faixinha.png'); height: 45px; position: fixed !important; z-index: 1000;}
/* --- Permalink e outros ------------------------------- */
#notes {margin: -10px 1px;}
#notes ol {list-style: none;}
#notes ol li {margin-bottom: 1px; padding: 4px 5px; margin-left: -40px; background: #f9f9f9; font-family: Calibri; font-size: 11px;}
#notes ol li a{color: #999;}
#notes ol li blockquote{margin: 4px 0 0 0; background: #; display: none;}
#notes ol li blockquote a{color: #aaa; display: none;}
#notes .avatar {display: none;}
#notes ol li:hover {text-decoration: none;}
#perma{margin: 1px 1px 0 1px;}
#permalink{margin-bottom: 1px; padding: 4px 5px; background: #f9f9f9; font-family: Calibri; font-size:11px;}
#permalink b{color:#999;}
#permalink a {color:#999;}
#permalink img{padding: 0 3px 0 0;}
/* --- Reblogue e outros ------------------------------- */
.likep a:hover {background-position: 0px 0px;}
.likep a {background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat; background-position: 0px 0px; z-index: 9999999; margin-top: -24px; margin-left: 28px; position: absolute;}
.likep img {width: 21px; height: 20px;}
#likeiframe {display: none;}
.notas{margin-top: -22px; margin-left: 22px; position: absolute;}
.notas a{background: url('http://static.tumblr.com/t0iuumg/Lkpmm3cye/ddddd.png'); padding: 3px 4px 2px 4px; font-family: Trebuchet MS; font-weight: bold; text-align: center; color: #fff; font-size: 10px;}
.notas a:hover {color: #111;}
.info{left: 0; top: 0; position: absolute; z-index: 998; height: 10px; width: 100%;}
.caixap:hover .info{ -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; opacity:1; background-color: rgba(255, 255, 255, 0.0);}
.coisas{position: absolute; left: 5px; top: -25px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
.caixap:hover .coisas{top: 5px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
/* --- Float ------------------------------- */
.left {float: left; margin: 0;}
.right {float: right; margin: 0;}
/* --- Fontes píxel ------------------------------- */
@font-face {font-family: "pixie";
src: url('http://static.tumblr.com/8yo5xxv/YKEm7paar/pixie_by_shaketheskyy.ttf'); format("truetype");}
@font-face {font-family: "04b03";
src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
format("truetype");}
@font-face {font-family: 'silkscreen'; src: url('http://static.tumblr.com/8yo5xxv/WoDm5okz2/slkscr.ttf'); src: url('silkscreen?#iefix') format('embedded-opentype'), url('silkscreen.svg#Locaweb-Icons') format('svg'), url('silkscreen.ttf') format('truetype'); font-weight: normal; font-style: normal;}
.cont{font-family:"silkscreen", small fonts; font-size:8px; text-transform: uppercase; display: inline;}
/* --- Ask me ------------------------------- */
.pergunta {display: block; margin: 1px 1px 0 1px; background: #eee; padding: 4px; overflow: hidden; text-shadow: 0px 1px 1px #; color: #999; font-family: Calibri; font-size: 10px; text-align: justify;}
.resposta {background: #; padding: 1px 5px; margin: 0 1px 1px 1px; text-align: justify;font-family: Calibri; font-size: 10px; display: block;}
.resposta2{margin-top: -8px; margin-bottom: -8px;}
.perguntou {display: block; margin: 1px; background: #eee; line-height: 5px; font-style: none; color: #a0a0a0; height: 16px; text-align: left; text-shadow: 1px 1px 1px #fff; line-height: 18px; padding: 2px 6px 3px 6px; font-family: Calibri; font-size: 10px; text-transform:uppercase;}
.perguntou a {color: #998;}
.fotoask {background: #fff; padding: 2px; float: left; margin: 1px 4px 1px 1px;}
/* --- Avatar ------------------------------- */
.avatar_side{margin: -4px 0 0 -4px;}
/* --- Ícones ------------------------------- */
.icons{position: absolute; margin: 3px 0 0 4px; opacity: 0.3; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.icons a{display: block; margin-top: 0px; opacity: 0.8; overflow: hidden;}
.icons a:hover{opacity: 1;}
.caixa:hover .icons{margin: 3px 0 0 159px; opacity: 1; overflow: hidden; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
/* --- Fonte píxel ------------------------------- */
@font-face {font-family: "04b03";
src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
@font-face {font-family: "charnarr";
src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
.minu { text-align: center; position: absolute; float: left; color: #b6b4ae; width: 30px; font-family: Calibri; font-size: 12px; display: inline-block; margin-top: 32px; margin-left: 0px; margin-bottom: 0px; background: #eae8e8; text-transform: uppercase; height: 100%;}
.minu a {margin-bottom: 9px; text-align: center; font-size: 10px; display: block; color: #999;}
.minu a:hover {color: #111;}
.titii {line-height: 17px; position: absolute; color: #b6b4ae; font-family: Calibri; font-size: 10px; display: inline-block; margin-top: 0px; margin-left: 11px; margin-bottom: 0px; background: #efeeef; text-transform: none; padding: 5px;}
.algo {background: #eae8e8; display: block; padding: 4px; text-align: center;}
</style>
<body>
<div id="content">
<div class="titi">
<div class="algo">{title}</div>
<div class="minu">
<a href="/"> 01</a>
<a href="/ask"> 02</a>
<a href="/submit"> 03</a>
</div>
<img style="margin-right: -11px; margin-top: 0px;" src="{PortraitURL-30}">
<div class="titii">{description} </div>
</div>
<div class="posts">
{block:Posts}
<div class="caixap">
{block:Text}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div style="padding: 5px;">
{block:Title}<a href="{Permalink}" class="h1">{Title}</a>{/block:Title}
<div class="cap">{Body}</div></div>
{/block:Text}
{block:Photo}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div class="efeito">
{block:IndexPage}
{LinkOpenTag}<div class="borderimage"><img src="{PhotoURL-250}" width="210"></div>{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<div class="borderimage"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div class="efeito">
{block:IndexPage}<div style="margin-left: -30px;">
<center><div class="borderimage">{Photoset-250}</div></div>{/block:IndexPage}</center>
{block:PermalinkPage}<div class="borderimage">{Photoset-500}</div>{/block:PermalinkPage}
</div>
{/block:Photoset}
{block:Quote}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div style="padding: 5px;">
<div class="quote">{Quote}</div>
{block:Source}<div class="source">{Source}</div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div style="padding: 5px;">
<div class="link"><a href="{URL}">{Name}</a></div>
{block:Description}<div class="cap">{Description}</div>{/block:Description}
</div>
{/block:Link}
{block:Chat}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div style="padding: 5px;">
<div class="chat">
<div class="chat1">
{block:Lines}
<div class="chat2 {Alt}">
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}</div>
{/block:Lines}
</div>
</div></div>
{/block:Chat}
{block:Audio}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div style="padding: 5px;">
<div class="audio efeito">
{block:AlbumArt}<div class="artcover">
<img src="{AlbumArtURL}"></div>{/block:AlbumArt}
<div class="play"><div class="audioplayer">{AudioPlayerWhite}</div></div>
<div class="audioinfo"><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></div>
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}<div class="b"><div class="coisas">
<a href="{ReblogURL}" class="reblogue" target="_blank"><img src="http://static.tumblr.com/t0iuumg/3TSmm3cx9/ddd.png"></a>
{block:NoteCount} <div class="notas"><a href="{Permalink}">{NoteCount}</a></div>{block:NoteCount}
</div></div>{/block:IndexPage}
<div class="efeito">
{block:IndexPage}<div class="borderimage">{Video-250}</div>{block:IndexPage}
{block:PermalinkPage}<div class="borderimage">{Video-500}</div>{/block:PermalinkPage}
{block:Caption}<div class="capt">{Caption}</div>{/block:Caption}
</div>
{/block:Video}
{block:Answer}
<div class="pergunta">
<img src="{AskerPortraitURL-30}" class="fotoask">
{Question}</div>
<div class="perguntou">Asked by: {Asker}</div>
<div class="resposta"><div class="resposta2">{Answer}</div></div>
{/block:Answer}
{block:PostNotes}
</div>
<div style="margin-top: 11px;"></div>
<div class="caixap"><div id="perma">
{block:NoteCount}<div id="permalink"><img src="http://static.tumblr.com/8yo5xxv/H7Fm5qdr1/heartttrrt.png"> {NoteCountWithLabel}</div>{/block:NoteCount}
{block:RebloggedFrom}<div id="permalink"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png"> Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></div>{/block:RebloggedFrom}
{block:HasTags}<div id="permalink"><img src="http://static.tumblr.com/8yo5xxv/Dgxm5qduh/tag.png">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
{block:Date}<div id="permalink"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png"> {DayOfMonth} de <b>{Month}</b> de {Year}</div>{/block:Date}
{block:ContentSource}<div id="permalink"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png"> Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>{/block:ContentSource}
</div></div>
<div style="margin-top: 17px;"></div>
<div class="caixap"><div id="notes">{PostNotes}</div></div>
{/block:PostNotes}
<!---- Fechando a caixa ------------>
</div>
<!---- Importante ------------>
{/block:Posts}
</div></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 () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : ".caixap",
bufferPx : 1000,
extraScrollPx: 1000,
loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
loadingText : "<i> </i>",
},
// call masonry as a callback.
function() { $('.posts').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>