#02

<head>

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

<!--Default Variables-->
<meta name="color:Background" content="#000"/>
<meta name="color:sidebar color" content="#000000"/>
<meta name="color:post bg" content="#fff"/>
<meta name="color:shadow" content="#fff"/>
<meta name="color:scrollbar" content="#fff" />
<meta name="font:link font" content=""/>
<meta name="color:Link" content="#fff"/>
<meta name="color:Link Hover" content="#fff"/>
<meta name="if:2 Column" content="1"/>
<meta name="image:Sidebar" content=""/>
<meta name="color:Text" content="#000000"/>
<meta name="text:link1" content="link1" />
<meta name="text:link1url" content="http://" />
<meta name="text:link2" content="link2" />
<meta name="text:link2url" content="http://" />

<!--Styling,css-->
<style type="text/css">
body{cursor:crosshair;
color:{color:Text};
font-family:calibri;/* The main font, you can change this anytime*/
font-size:10px;/* Font size */
background-color:{color:Background};/* Background color */
}

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

#post{
{block:If2Column}
width:600px;{/block:If2Column}
{block:IfNot2Column}width:508px;{block:IfNot2Column}
margin-left:auto;
margin-right:auto;
background-color:#000;/* Background color for posts*/
padding:5px;
}
/* Links */
a{color:{color:Link};text-decoration:none; font-family:{font:link font};} a:hover{color:{color:Link Hover}; text-shadow: 1px 0px 3px {color:shadow};}
/* Entries  */
.entry{box-shadow: 0px 0px 10px 2px {color:shadow}; padding:2px;
background-color:{color:post bg};
{block:If2Column}width:250px;{block:If2Column}
{block:IfNot2Column}width:300px;{block:IfNot2Column}
float:right;
margin:10px /* Spacing of entries*/
}

.entry img{
{block:IfNot2Column}width:300px;{block:IfNot2Column}
float:right;
margin:0px;
}
 /* Permalinks on hover*/
.entry .perm{text-transform:uppercase;
    background:{color:background};
    padding:5px;
    text-align:center;
    margin-top:3px;
    margin-left:-20px;
    position:absolute;
    opacity:0.0;

}

.entry:hover .perm{opacity:.7;margin-left:72px; margin-top:135px; box-shadow: 0px 0px 10px 2px {color:shadow};}

 /* Sidebar*/
#sidebar{box-shadow: 0px 0px 10px 3px {color:shadow}; color:{color:post bg};
background-color:{color:sidebar color};
width:220px;
margin-top:20px;
margin-left:60px;
position:fixed;
padding:3px;
border:2px solid #eee;
text-align:center;
float:center;
}
 /* Sidebar image*/
#sidebar img{border:0px solid #eee;width:180px;height:auto;padding:5px;}

.pagination {
display: none;
}

{CustomCSS]</style>
<!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
<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>

</head>
<body>
<!--Sidebar-->
<div id="sidebar">

<img src="{image:Sidebar}">
<br>
{description}<br><br>
<a href="/"> Home </a>
<a href="/ask">| Ask </a>
<a href="{text:link1url}">| {text:link1} </a>
<a href="{text:link2url}">| {text:link2}</a>
</div></div><!--End of sidebar-->

<!--Posts and entries-->
<div id="post">
{block:Posts}
<div class="entry">

<div class="perm"><a href="{Permalink}">{TimeAgo}</a> / <a href="{ReblogURL}">Reblog</a><br><a href="{Permalink}">{NoteCountWithLabel}</a></div>

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

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

{block:Photo}
{block:If2Column}
<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If2Column}

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

{block:Photoset}

{block:If2Column}
{Photoset-250}
{/block:If2Column}

{block:IfNot2Column}
{Photoset-500}
{/block:IfNot2Column}

{/block:Photoset}


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


{block:Video}
{block:If2Column}
{Video-250}
{/block:If2Column}

{block:IfNot2Column}
{Video-500}
{/block:IfNot2Column}<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}
{block:Caption}
{Caption}
{/block:Caption}
<br>
{block:NoteCount}
{NoteCount} notes
{/block:NoteCount}
<Br>
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/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>

<!--You can delete this because this is a base code or replace it with yours x-->
<div style="bottom:5px;left:10px;position:fixed;font-size:8px;"><a href="http://amplamente.tumblr.com" title="Base code by repealinq on tumblr" target="_blank">THEME</a></div>
</body>
</html>