base

         <!-- made by obsceny — a new era • originally 2021-->
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<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:texts" content="#ccc" />
<meta name="color:links" content="#ccc" />
<meta name="color:links hover" content="#ccc" />
<meta name="color:sidebar" content="#ccc" />

<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css'
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
<!-- by shythemes-->
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
{block:IndexPage}
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
{block:ifInfiniteScroll}
<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
{/block:ifInfiniteScroll}
{/block:IndexPage}
<script>
$(document).ready(function(){
   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '1px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   });
   {block:IndexPage}
   var $container = $('#conteudo');
   $container.masonry({ itemSelector: '.posts' });
   $container.imagesLoaded(function(){
       $container.masonry();
       $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
   });
   $container.infinitescroll({
       itemSelector: '.posts',
       navSelector: '.pagination',
       nextSelector: '.next',
       loadingImg: '',
       loadingText: '<em></em>',
       bufferPx: 2000
   },
   function( newElements ) {
       var $newElems = $( newElements );
       $newElems.find('.photo-slideshow').pxuPhotoset({
           lightbox: true,
           rounded: false,
           gutter: '1px',
           photoset: '.photo-slideshow',
           photoWrap: '.photo-data',
           photo: '.pxu-photo'
       },
       function(){
           $container.masonry();
       });
       $newElems.imagesLoaded(function(){
           $container.masonry( 'appended', $newElems );
           $newElems.animate({ opacity: 1, zIndex: 1 });
       });
   });
   {/block:IndexPage}
});
</script>
<!-- by shythemes-->

<style type="text/css">
::-webkit-scrollbar {width:17px;height:17px;}
::-webkit-scrollbar {background-color:rgb(255,255,255);}
::-webkit-scrollbar-track {border:8px solid rgb(255,255,255); background-color:rgb(230,230,230);}
::-webkit-scrollbar-thumb {border:8px solid rgb(255,255,255); background-color:rgb(144,144,144); min-height:24px; min-width:24px;}
body {background:{color:background}; font-size:10px; font-family:arial; text-align:justify; color:{color:texts}; transition: 0.5s ease-in-out ;}
a {color:{color:links}; text-decoration:none; transition:450ms;}
a:hover { color:{color:texts}; transition:450ms;}
b {text-decoration:bold;}

/* by shythemes */
.vignette, #vignette {opacity:0;}
.lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;}
.tmblr-lightbox, #tumblr_lightbox {background-color:rgba(245,245,245,.98)!important;}
.lightbox-image, #tumblr_lightbox img {border:5px solid #fff !important;-moz-box-sizing:border-box; box-sizing:border-box;}
{block:IndexPage}
.posts {opacity:0;z-index:-1;}
{/block:IndexPage}

.vsanna {display:none;}

#centralizacao {margin:0 auto; position:relative;}

#conteudo {width:850px; margin-left:150px;}
.posts{
    margin:15px;
    padding:10px;
    border:1px #000;
    width:200px;
    background:{color:sidebar};
}

.posts img {
    display:inline-block;
    width:100%;
}


</style>

</head>
    <body>

<div id="centralizacao">
    <div id="conteudo">
{block:Posts}
<div class="posts" id="{PostID}">

<!-- photo -->
{block:Photo}
<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" style="cursor:zoom-in"></a>
{/block:Photo}


{block:Photoset}
 {Photoset-500}
<!--
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div> -->

{/block:Photoset}


</div>
{/block:Posts}
</div>
</div>


<!------>
</body>

</html>