#27

<!-- ─────────╔╗────────────╔╗
─────────║║───────────╔╝╚╗
╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
──────║║
──────╚╝
-->

<head>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".links_body").hide();
$(".links_head").click(function(){
$(this).next(".links_body").slideToggle('fast');
}); }); </script>

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

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Perma bg" content="#ffffff"/>
<meta name="color:Text" content="#82868a"/>
<meta name="color:Link" content="#cab1da"/>
<meta name="color:Tooltip Bg" content="#cab1da"/>
<meta name="color:Tooltip text" content="#ffffff"/>
<meta name="color:Link Hover" content="#7bd7c2"/>
<meta name="color:Nav link" content="#888888"/>
<meta name="color:Sidebar border" content="#eee"/>
<meta name="if:BubbleMusic" content="1"/>
<meta name="if:ShackEfect" content="1"/>
<meta name="if:ZoomOnPosts" content="0"/>
<meta name="image:Background" content=""/>
<meta name="text:Codigo do player" content="codigo" />
<meta name="text:Sua Url" content="amplamente" />
<meta name="text:link1" content="link 1" />
<meta name="text:link1url" content="/" />
<meta name="text:link2" content="link 2" />
<meta name="text:link2url" content="/" />
<meta name="text:link3" content="link 3" />
<meta name="text:link3url" content="/" />
<meta name="text:link4" content="link 4" />
<meta name="text:link4url" content="/" />
<meta name="text:link5" content="link 5" />
<meta name="text:link5url" content="/" />
<meta name="color:Scrollbar" content="#cab1da"/>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){

        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

{block:IfShackEfect}
<link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
{/block:IfShackEfect}
<!-- Other fonts - Outras fontes -->

<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
<meta name="text:Twitter Link" content="amplamente" />
<meta name="text:Pinterest Link" content="amplamente" />
<meta name="text:Facebook Link" content="amplamente" />
<meta name="text:LinkedIn Link" content="amplamente" />
<meta name="text:Instagram Link" content="amplamente" />

<style type="text/css">
iframe#tumblr_controls {
white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
}
#tumblr_controls{
position:fixed !important;
-webkit-filter: invert(100%)
}

#credit{
position:fixed;
font-family:calibri;
font-weight:bold;
text-transform:uppercase;
z-index:99;
bottom:10px;
right:10px;
width:11px;
border-radius:100%;
height:9px;
padding:10px;
overflow:hidden;
text-align:center;
font-size:12px;
letter-spacing:1px;
opacity:1;
border:1px solid {color:background};
background:{color:link};
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}


#credit a{
color:{color:background};
}

#credit a:hover{

color:{color:link};

}

#credit:hover {

background:{color:background}; color:{color:link}; border-color:{color:link};

}
.credit_u{
line-height:10px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#credit a:hover .credit_u{
margin-top:0px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.credit_h{
line-height:16px;
font-size:8px;
}



.reblog {
    display:inline-block;
    margin:5px;
    margin-top:10px;
    background:{color:perma bg};
    padding:10px;
    border-radius:0px;
{block:PermalinkPage}
display:none;
{/block:PermalinkPage}
}

#bubble-music {
    position:fixed;
    left:20px;
    bottom:20px;
    width:27px;
    height:27px;
    background-color:transparent;
    overflow:hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index:5;

}

#bubble-music:hover {
    width:140px;
    height:27px;
}

.music_embed {
    margin:-23px 0 0 70px;
    z-index:1;
    font-family:consolas;
    font-size:8px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}

#bubble-music:hover .music_embed {
    margin:-23px 0 0 34px;
    opacity:1;
}


.popup_block{
    display:none;
    background:#fff;
    padding:20px;
    border:1px solid #eee;
    float:left;
    position:fixed;
    top:50%;left:50%;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #eee;
    -moz-box-shadow: 0px 0px 20px #eee;
    box-shadow: 0px 0px 20px #000;
}

*html #fade {position: absolute;}
*html .popup_block {position: absolute;}
#fade {
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:9999;
    background:#000;
    opacity:0.5;
}

#sidebar {
    position:fixed;
    height:170px;
    left:157px;
    top:360px;
    width:170px;
background-color:transparent;
    z-index:3;
     border-top:1px solid {color:sidebar border};
     border-left:1px solid {color:sidebar border};


}

#sidebar img {
position:fixed;
left:70px;
top:240px;
border-right:1px solid {color:sidebar border};
border-bottom:1px solid {color:sidebar border};
height:100px;
padding:10px;
background:transparent;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

#sidebar img:hover {

-webkit-filter: grayscale(0.7);
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

a{
    color:{color:Link};
    text-decoration:none;
    -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;

}

a:hover{

    color:{color:Link Hover};
       -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;

}

#amplos {

font-family: Poiret One;
font-weight:bold;
font-size:20px;
margin-bottom:25px;
margin-top:15px;
text-align:center;
background:#fff;
text-transform:uppercase;

}

#amplos a{color:{color:Title};}
#amplos a:hover {color:{color:Title Hover};}

body{
    cursor:crosshair;
color:{color:Text};
font-family: 'Baumans', cursive;
font-size:13px;
background: {color:background} url("{image:background}") fixed;

}

#post{
margin-top:10px;
width:800px;
margin-left:370px;
background-color:transparent;
padding:5px;
}

.entry{

border-bottom:1px solid {color:sidebar border};
border-right:1px solid {color:sidebar border};

padding:10px;
background-color:transparent;
width:205px;
float:right;
margin:0px;
{block:PermalinkPage}
width:500px;
height:auto;
{/block:PermalinkPage}
-webkit-animation: tada 2s;
-moz-animation: tada 2s;
-ms-animation: tada 2s;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;

}

.entry:hover {
{block:IfZoomOnPosts}
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3) ;
-ms-transform: scale(1.3);
transform: scale(1.3) ;
{/block:IfZoomOnPosts}
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
{block:IfZoomOnPosts}
z-index: 9999999999999999999;
{/block:IfZoomOnPosts}
}
.entry img{
max-width:250px;
float:right;
margin:2px;
}

.entry .perm{

    text-transform:uppercase;
    background:transparent;
    padding:0px;
    text-align:center;
    margin-top:-8px;
    margin-left:-56px;
    width:150px;
    height:auto;
    position:absolute;
    opacity:0.0;
    font-family: 'Open Sans', sans-serif;
    font-size:8px;

    -webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;

}

.entry:hover .perm{

    opacity:1;
    -webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;

}

::-moz-selection { background: #fff; color: #000; }
::selection { background: #fff; color: #000; }

#side{

    margin-right:auto;
    margin-left:auto;
    float:left;
    width:100px;
    padding:5px;
    border-radius:100%;

}

.pagination {
display: none;
}

::-webkit-scrollbar {height:5px; width:6px;}

::-webkit-scrollbar-track-piece {
    background-color:{color:background};
}

::-webkit-scrollbar-thumb {
    width:5px; height:5px;
    border-radius:3px;
    background-color:{color:scrollbar};
    border:2px solid {color:background};
}

#poxa {margin-top:17px;
margin-left:20px;
}
#poxa a {
background:transparent;
padding:2px;
font-size:10px;
text-align:left;
margin-left:3px;
width:50px;
margin-bottom:7px;
font-family:calibri;
text-transform:uppercase;
color:{color:nav link};
display:inline-block;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#poxa a:hover {
padding-left:25px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

.description {

      position:fixed;
      margin-bottom:10px;
      padding:2px;
      left:200px;
      top:250px;
      height:95px;
      width:120px;
      overflow:auto;
      font-weight:normal;
      background:transparent;
      font-size:10.5px;
font-family: 'Baumans', cursive;
text-align:left;
      color:{color:text};

}

#viadaje {

padding:5px;
border-radius:100%;
width:120px;
background:transparent;
margin-left:18px;
margin-top:10px;


}

#s-m-t-tooltip {

       font-weight:bold;
       max-width:300px;
       padding:8px;
       margin:15px 20px;
       background-color:{color:tooltip bg};
       font-family:baumans;
       font-size:10px;
       letter-spacing:1px;
       text-transform:uppercase;
       color:{color:tooltip text};
       z-index:9999999;

}

#rede{
background:transparent;
width:20px;
left:120px;
top:380px;
position:fixed;
}


{CustomCSS}

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script

src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('#post');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.entry',
});
});
$container.infinitescroll({
itemSelector : ".entry",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

</head>
<body>
{block:IfBubbleMusic}
<div id="bubble-music">
<img style="margin:7px;" src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
    <div class="music_embed">
     {text:codigo do player}
    </div>
</div>
{/block:IfBubbleMusic}

<div id="sidebar">

<img src="{favicon}">

<div id="poxa">

<a href="{text:link1url}">{text:link1}</a></br>
<a href="#?w=300" rel="box1" class="poplight">ask</a></br>
<a href="{text:link2url}">{text:link2}</a></br>
<a href="{text:link3url}">{text:link3}</a></br>
<a href="{text:link4url}">{text:link4}</a></br>
<a href="{text:link5url}">{text:link5}</a></br>

</div>

</div>

<div class="description">{description}</div>

<div id="rede">
<div>
<a href="{text:Twitter Link}">
<img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" width="25" height="25" />
</a></br>
<a href="{text:Pinterest Link}">
<img title="Pinterest" alt="Pinterest" src="https://socialmediawidgets.files.wordpress.com/2014/03/13_pinterest.png" width="25" height="25" />
</a>
<a href="{text:Facebook Link}">
<img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook.png" width="25" height="25" />
</a>
<a href="{text:LinkedIn Link}">
<img title="LinkedIn" alt="LinkedIn" src="https://socialmediawidgets.files.wordpress.com/2014/03/07_linkedin.png" width="25" height="25" />
</a>
<a href="{text:Instagram LInk}">
<img title="Instagram" alt="RSS" src="https://socialmediawidgets.files.wordpress.com/2014/03/10_instagram.png" width="25" height="25" />
</a>
</div></div>

<div id="post">
{block:Posts}
<div class="entry">

<div class="perm">

<div class="reblog" >{ReblogButton color="gray" size="12"}</div>

</div>

{block:Title}<h1>{Title}</h1>{/block:Title}

{block:Text}{Body}{/block:Text}

{block:Photo}
<a href="{permalink}" ><img title="{notecountwithlabel}" src="{PhotoURL-500}" width="200"/></a>

{/block:Photo}

{block:Photoset}

{Photoset}

{/block:Photoset}


{block:Quote}
{Quote}
<div align="right">
{block:Source}-{Source}{/block:Source}
</div>
{/block:Quote}


{block:Video}
{Video-20}
 <br>
{PlayCountWithLabel}
{/block:Video}


{block:Link}
<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Lines}
{block:Label}
<br>{Label}
{/block:Label}
&nbsp;{Line}
{/block:Lines}
{/block:Chat}

{block:Audio}
{AudioPlayerGrey}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}


{block:Answer}
{Asker} asked <b>{Question}</b><Br>
{Answer}
{/block:Answer}

{block:PermalinkPage}
<center>{block:Caption}{Caption}{/block:Caption}</center></br></hr>
<center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center></br>
<center>{block:PostNotes}{PostNotes}{/block:PostNotes}</center>
{/block:PermalinkPage}

</div>

{/block:Posts}

</div>
<!--Pagination-->
<div class="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
</div>

<div id="box1" class="popup_block">

<iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:sua url}.tumblr.com" width="100%"></iframe><br>

</div>

<div id="credit"><a href="http://amplamente.tumblr.com" title="theme by amplamente"><div class="credit_u">❤</div><div class="credit_h"></div></a></div>


</body>
</html>