<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="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#555555"/>
<meta name="color:Link Hover" content="#cccccc"/>
<meta name="if:2 Column" content="1"/>
<meta name="image:Sidebar" content=""/>
<!--Styling,css-->
<style type="text/css">
body{
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 */
}
/* What your entries are on*/
#post{
{block:If2Column}
width:600px;{/block:If2Column}
{block:IfNot2Column}width:508px;{block:IfNot2Column}
margin-left:300px;
margin-right:300px;
background-color:transparent;/* Background color for posts*/
padding:20px;
}
/* Links */
a{color:{color:Link};text-decoration:none;} a:hover{color:{color:Link Hover};}
/* Entries */
.entry{
padding:2px;
background-color:#fff;
{block:If2Column}width:250px;{block:If2Column}
{block:IfNot2Column}width:250px;{block:IfNot2Column}
float:right;
margin:2px;/* Spacing of entries*/
}
.entry img{
{block:IfNot2Column}width:250px;{block:IfNot2Column}
float:right;
margin:2px;
}
/* Permalinks on hover*/
.entry .perm{
background:#fff;
padding:5px;
text-align:center;
margin-top:3px;
margin-left:-20px;
position:absolute;
opacity:0.0;
}
.entry:hover .perm{opacity:.7;margin-left:0px; }
/* Sidebar*/
#sidebar{
background-color:#fff;
width:220px;
margin-top:250px;
margin-left:1000px;
position:fixed;
padding:3px;
border:1px solid #555454;
text-align:center;
float:center;
<div id="description">
<center> }
/* Sidebar image*/
#sidebar img{border:1px solid #555454;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>
<a href="/">home</a>
-
<a href="/ask">message</a>
{block:ifshowlinkone}
-
<a href="{text:link one}" class="nave">{text:link one title}</a>
{block:ifshowlinkone}
{block:ifshowlinktwo}
-
<a href="{text:link two}" class="nave">{text:link two title}</a>
{block:ifshowlinktwo}
{block:ifshowlinkthree}
-
<a href="{text:link three}" class="nave">{text:link three title}</a>
{/block:ifshowlinkthree}
</center> <br> {Description}</div>
</div>
<!--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}
{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> ·{/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://i-nspirador-a.tumblr.com/" title="theme por i-nspirador-a, base por repealinq">CREDIT</a></div>
</body>
</html>