Theme Beauty and a Beat

<!--- THEME BY BRUNA BORGES © 2013 (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
<!--- THEME BY BRUNA BORGES © 2013 (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
<!--- THEME BY BRUNA BORGES © 2013 (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="if:Opacidade" content="1"/>
<meta name="if:Efeito" content="1"/>
<meta name="if:Shadow" content="1"/>
<meta name="if:Player" content="1"/>
<meta name="text:contador" content="Nome do seu tumblr"/>
<meta name="text:Link Musica" content="URL" />
<meta name="color:Menu" content="#fff"/>
<meta name="image:Background Image" content="" />
<meta name="color:Background" content="#f1f1f1"/>
<meta name="color:Blockquote" content="#eee"/>
<meta name="color:Box Permalink" content="#f1f1f1"/>
<meta name="color:Titulo" content="#b9b3ad"/>
<meta name="color:Titulo 2" content="#949491"/>
<meta name="color:Titulo Tumblr" content="#949491"/>
<meta name="color:Links" content="#af9987"/>
<meta name="color:LinksHover" content="#79b7b5"/>
<meta name="color:Font Bold" content="#ee8a95"/>
<meta name="color:Font Italic" content="#d69595"/>
<meta name="color:Font Sublinhado" content="#db7171"/>

<!--- FONTES (HTTP://ENDSTONIGHT.TUMBLR.COM/)--->
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
</head>
<style type="text/css">
/*** Corpo ♡ - endstonight|tumblr**/
body {background: {color:Background}; background-image:url('{image:Background Image}') fixed;}
.page{margin: 0px auto;width: 800px;}
#content {width: 1040px;margin-left:-130px;
{block:PermalinkPage}margin-left:140px;top: 20px;width: 800px;{/block:PermalinkPage}top: 3px;float:left;}
#header{margin: auto;margin-top: 45px;margin-bottom: 15px; color: #A4A4A4;
font-family:calibri;  font-size:12px; width: 1015px; text-align: justify; margin-left:-120px;{block:PermalinkPage}width: 500px; margin-left: 149px;{/block:PermalinkPage}}
.left{float: left;margin-right: 20px;width: auto; }
.right{float: right;width: 200px;}

/*** Tumblr Constrols ♡ - endstonight|tumblr**/
#tumblr_controls{position:fixed !important;opacity: 0.4;}
#tumblr_controls{position:fixed !important;opacity: 0.4;}
#tumblr_controls{position:fixed !important;opacity: 0.4;}

/*** Blockquote, Link ♡ - endstonight|tumblr**/
blockquote { float:center; text-align: justify; padding: 1px 1px 1px 1px; margin: 0px; line-height: 14px; color:#666;background:{color:Blockquote}}
a{cursor:hand;color: {color:Links}; text-decoration:none; line-height: 14px;-webkit-transition-duration: .60s}a:hover{color: {color:LinksHover}; cursor:hand;}

/*** Bold, Italic, Sublinhado ♡ - endstonight|tumblr**/
b {color: {color:Font Bold};} i {color: {color:Font Italic}; text-decoration: none;} s {color: {color:Font Sublinhado};}

/*** Boxes ♡ - endstonight|tumblr**/
.entry {text-align:justify; float:left; display: block;overflow:hidden;width:250px;{block:PermalinkPage}width:500px;margin-left:25px; {/block:PermalinkPage}font-family:calibri;  font-size:12px; line-height:11px; margin: 08px 0px 0px 08px; color: #A4A4A4; z-index: 50; padding: 0px;}
.box{background: #fff; padding: 3px; }
.boxz {background: #FAFAFA;padding:6px; border-left: 0px solid #e8e9c2; }

/*** Hover Notes ♡ - endstonight|tumblr**/
.caixapost {margin: 0px 0px 0px -20px; padding: 8px ; position: absolute; opacity:0;ffont-family:Pixel; font-size:11px;text-align:center;-webkit-transition-duration: .50s;-webkit-transition-duration: .50s;z-index: 6; width: auto;text-transform:uppercase;background:#fff; }
.entry:hover .caixapost {margin: 0px 0px 0px 0px ; width:auto; color: #6e91af; opacity: 0.8; background:#c7d278;background: #fff; }
.caixalike{margin: 0px 0px 0px 225px; padding: 8px ; position: absolute; opacity:0;ffont-family:Pixel; font-size:11px;text-align:center;-webkit-transition-duration: .50s;-webkit-transition-duration: .50s;z-index: 6; width: auto;text-transform:uppercase;background:#fff; }
.entry:hover .caixalike{margin: 0px 0px 0px 214px ; width:auto; color: #6e91af; opacity: 0.8; background:#c7d278;background: #fff; }

/*** permalink houver / shadow ♡ - endstonight|tumblr**/
.buh {padding:6px; font-family:calibri;  font-size:11px;line-height:11px; margin-top: 0px;  height:12px; letter-spacing: 1px; display: block;overflow:hidden;background: {color:Box Permalink};}
#brubs {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; opacity: 0; margin-top: -10px}
.entry:hover #brubs {margin-top: 00px; opacity: 1;}
#brubs2 {position: absolute; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.entry:hover #brubs2 {margin-top: 10px; opacity: 0; }
.shadow{margin-top: -4px;{block:PermalinkPage}margin-top: -2px;{/block:PermalinkPage} }

/*** Lista e Chat ♡ - endstonight|tumblr**/
li{background: #eee; margin: 2px 2px 2px -37px; padding:8px; -webkit-transition-duration: .40s;list-style: none;text-indent : 2px; }
.lista{background: #eee; margin: 2px 2px 2px 2px; padding:8px; -webkit-transition-duration: .40s;list-style: none;text-indent : 5px; text-transform: uppercase; font-size: 11px; border-left: {color:Links} 1px solid}
c{color: #6E6E6E; background: #fff; padding : 5px;}
.chat{background: #eee; margin: 2px 2px 2px 2px; padding:5px; -webkit-transition-duration: .40s;list-style: none;text-indent : -4px;
line-height:16px; font-size:12px; }

/*** Efeitos ♡ - endstonight|tumblr**/
{block:IfEfeito} img{-webkit-filter:grayscale(0.7); -webkit-transition:all .7s linear; -moz-transition:all .7s linear; transition:all .7s linear;}
img:hover {-webkit-filter:grayscale(0);}{/block:IfEfeito}
{block:IfOpacidade} img{-webkit-transition:all .7s linear; -moz-transition:all .7s linear; transition:all .7s linear;  opacity: 0.6;}
img:hover {opacity: 0.9;}{/block:IfOpacidade}

/*** fontes ♡ - endstonight|tumblr**/
h1 {font-family: 'Voltaire', sans-serif;  font-size:14px;line-height:15px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px; text-align:justify;color:{color:Titulo};}
h2 {font-family: 'Voltaire', sans-serif;  font-size:14px;line-height:19px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px; text-align:justify;color: {color:Titulo 2};}
.title {font-family: 'Voltaire', sans-serif;  font-size:25px;line-height:32px;font-weight:normal;margin:0px;padding:0px;margin-bottom: 15px;text-align:center;letter-spacing: 1px;color: {color:Titulo Tumblr};}

/*** Post Notes ♡ - endstonight|tumblr**/
.notesavatar ol, .notes-bottom ul {margin: 0;padding: 0;list-style: none;}
.notesavatar li {background:#eee;margin: 2px 2px 2px 2px;padding: 5px 0 10px 0;font-size: 11px; text-indent : 8px;border-left: 0px solid #a7d9db;-webkit-transition-duration: .50s;}
.notesavatar li:hover {background: #f4f4f4;font-size: 11px;position: relative; text-indent : 15px;}
.notesavatar li img.avatar {margin: 0 5px 0px 8px;float: left;width: auto;padding: 2px; background: #fff;}

/*** Ask ♡ - endstonight|tumblr**/
.border {border: 3px solid #fff; z-index:0}
#asker {background: #f1f1f1; padding:10px; position: relative;  margin: 1px 0px 0px 0px; z-index:100}
.caixa {background: #f1f1f1; padding:10px; position: relative;  margin: 1px 0px 0px 0px; z-index:0; text-indent : 5px;}
h6 {color:#949491!important;font-family: 'Voltaire', sans-serif;  font-size:12px; line-height: 12px;font-weight:normal;margin:0px;padding:2px;margin-bottom:1px;text-align:left;letter-spacing: 1px;}

/*** Player ♡ - endstonight|tumblr**/
.player{ height:50px; position: fixed; margin-top: -44px; margin-left: 00px; display: block; width:40px; padding: 1px;font-family:calibri;  font-size:13px;line-height:17px; background: ;z-index:1000 ; -webkit-transition-duration: .50s; opacity: 0.4; -webkit-filter:grayscale(.8)}
.player:hover{margin-top: -25px; opacity: 0.4}

/*** Menu ♡ - endstonight|tumblr**/
.menu{ height:26px; position: absolute; top: -1px; ; display: block; z-index:500;text-align:right; margin-left: 157px; position: fixed}
#nav{font-family: 'Voltaire', sans-serif;  font-size:12px; text-transform:uppercase; display: inline-block; text-align: center; color:#fff;  float: center; margin:1px; padding:2px;  border: 0px solid #fff;  border-right: 0px solid #eee; height:15px; width:87px; padding-top:3px; -webkit-transition-duration: .70s;font: italic 10px;
alpha(Opacity=40); opacity:.40; margin-top: -1px; background: {color:Menu} }
#nav:hover{cursor:hand;alpha(Opacity=85); opacity:.85;}

.by{  position: fixed; margin-top: -8px; margin-left: -8px; display: block; width:auto; padding: 8px; font-family:calibri;  font-size:11px;line-height:17px; background: #fff;z-index:1000 ; -webkit-transition-duration: .50s; padding: 2px; color: #D1D1D1; bottom: -1px}
.by a{color:#9A9A9A}

</style>
<body>
{block:IfPlayer}<div class="player">
<embed src="{text:Link Musica}" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
<img src="http://static.tumblr.com/8buytvw/2rBml0rkk/plywe.png"></div>
{/block:IfPlayer}
<div class="by"><a href="http://endstonight.tumblr.com" ; title=" Copyright © 2013.">THEME BY</a></div>
<div class="page">
<div id="header">
<div class="title">{Title}</div>
{block:Description}{Description}{/block:Description}

[<b><a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-family:Verdana;font-size:10px;text-decoration:none;'>
<script language='JavaScript' src='http://blogutils.net/olct/online.php?site=http://{text:contador}.tumblr.com/&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank'></a></b> /

<b><script src="http://fastwebcounter.com/secure.php?s=www.{text:contador}.tumblr.com"></script></b>]

<br>
</div>
<div class="menu">
    <div id="nav"><a href="/">home</a></div>
    <div id="nav"><a href="/ask">ask</a></div>
    <div id="nav"><a href="/submit">submit</a></div>
    <div id="nav"><a href="/random">random</a></div>
    <div id="nav"><a href="/archive">archive</a></div>
</div>

<div class="left"><div id="content">

{block:Posts}

{block:ContentSource}<a href="{SourceURL}" target="_blank"></a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
<div class="entry">

{block:Text}{block:Title}<div class="boxz"><h1><center>{Title}</center></h1></div>{/block:Title}<div class="box">{Body}</div>
<div class="buh">
<div id="brubs2">posted {TimeAgo}</div>
<div id="brubs"># <a class="reblogue" href="{ReblogURL}" target="_blank">reblog</a> . # <a class="notes" href="{Permalink}">permalink</a></div></div>
{block:IfShadow}<img src="http://static.tumblr.com/hqb6dzr/t2Qmo171x/sombrinha.png" style="width:100%; opacity: 0.4" >{/block:IfShadow}
{/block:Text}

{block:Photo}
{block:IndexPage}
<div class="caixapost">
<a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
<div class="caixalike">
<a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
{/block:IndexPage}
<center>
<img src="{PhotoURL-500}"   alt="{PhotoAlt}"
{block:PermalinkPage}width="500px"{/block:PermalinkPage}
{block:IndexPage}width="250" {/block:IndexPage}/>
</center>
{block:PermalinkPage}<center>{Photo-500}</center>
{/block:PermalinkPage}
{block:IfShadow}<div class="shadow"><img src="http://static.tumblr.com/hqb6dzr/t2Qmo171x/sombrinha.png" style="width:100%; opacity: 0.7;"></div> {/block:IfShadow}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<div class="caixapost">
<a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
<div class="caixalike">
<a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
{/block:IndexPage}
{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{block:IndexPage}
{/block:IndexPage}
{/block:Photoset}

{block:Answer}<div class="box">
<div id="asker"><img src="{AskerPortraitURL-24}" align="right" class="border"  style="margin-right: -6px; margin-top: -6px"/>  <h6>{Asker} pergunta:</h6></div>
<div class="caixa">{Question}</div>
{Answer}</div>
{/block:Answer}


{block:Video}
<div class="box">
{block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
{block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
</div>
{/block:Video}

{block:Link}
<div class="box">
{block:IndexPage}
<div class="caixapost">
<a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
<div class="caixalike">
<a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
{/block:IndexPage}
<a href="{URL}"><h1><center>{Name}</center></h1></a>{block:Description}{Description}{/block:Description}
</div>
{block:IfShadow}<img src="http://static.tumblr.com/hqb6dzr/t2Qmo171x/sombrinha.png" style="width:100%; opacity: 0.4" >{/block:IfShadow}
{/block:link}

{block:Quote}
<div class="box">
<h2>{Quote}</h2>
{block:Source}<div class="buh">
<div id="brubs2">- {Source} </div>
<div id="brubs"># <a class="reblogue" href="{ReblogURL}" target="_blank">reblog</a> . # <a class="notes" href="{Permalink}">permalink</a></div>
</div>{/block:Source}</div>
{/block:Quote}

{block:Chat}
{block:IndexPage}
<div class="caixapost">
<a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
<div class="caixalike">
<a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
{/block:IndexPage}
<div class="box">
{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
<div class="chat">{block:Label} <c>{Label}</c> {/block:Label}{Line}</div>
{/block:Lines}</div>{Line}{/block:Lines}
{block:IfShadow}<img src="http://static.tumblr.com/hqb6dzr/t2Qmo171x/sombrinha.png" style="width:100%; opacity: 0.4" >{/block:IfShadow}
{/block:Chat}

{block:Audio}<div class="box">
{block:IndexPage}
<div class="caixapost">
<a  href="{ReblogURL}" target="_blank"> <img src="http://static.tumblr.com/hqb6dzr/Pmnmnzddw/sinchronize.png" width="20px" style="opacity:0.4"></a></div>
<div class="caixalike">
<a  href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/heart.png" width="20px" style="opacity:0.4"></a></div>
{/block:IndexPage}
<div class="lista">{block:Caption} {Caption}{/block:Caption}</div>
<div class="lista">{block:Album}<b>Album</b> - {Album}{/block:Album}</div>
<div class="lista">{block:Artist}<b>Artista</b> - {Artist}{/block:Artist}</div><br>
<center><div style="width:248px; margin-top: -6px;margin-bottom: -16px;"><div style="float:center">{AudioPlayerGrey}</div></div><br><br>
</center></div>{block:IfShadow}<img src="http://static.tumblr.com/hqb6dzr/t2Qmo171x/sombrinha.png" style="width:100%; opacity: 0.4" >{/block:IfShadow}{/block:Audio}

{/block:PermalinkPage}
{block:PostNotes}
<div class="box">

<div class="lista"><img src="http://cdn1.iconfinder.com/data/icons/duesseldorf/32/user.png" width="10px" style="opacity:0.4"> via <a href="{SourceURL}" target="_blank">{block:ContentSource}{SourceTitle}{/block:ContentSource}</a>
 / reblog from<a href="{ReblogParentURL}" target="_blank">
 {ReblogParentTitle}</a>{/block:RebloggedFrom}</div>

<div class="lista"><img src="http://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/date-16.png" width="10px" style="opacity:0.4"> {block:Date} Posted {DayOfMonthWithZero} {Month} de {Year} às {24Hour}:{Minutes} {/block:Date}</div>

<div class="lista">
<img src="http://cdn1.iconfinder.com/data/icons/System%20Tray%20Icons%20v2/16/Last.FM_Alt.png" width="11px" style="opacity:0.4">
{NoteCount} lovers </div>

<div class="lista">
<img src="http://cdn1.iconfinder.com/data/icons/iconsweets2/40/tags.png" width="12px" style="opacity:0.4">
Tags: {block:HasTags}
{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:HasTags}</div>
<div class="notesavatar">{PostNotes}</div></div>{/block:PostNotes}
</div>
{/block:Posts}
</div></div></div></div></div></div>

{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/8buytvw/aQ1mg3x23/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#content');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );

});
});
});
</script>
{/block:IndexPage}
</div></div></div></div></div>
</body></html>