exotic-021

<!DOCTYPE html>
<head><script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<html lang="en">
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<!-- exotic-021 by cigerettes.tumblr.com
  download @ exoticlayouts.tumblr.com -->

<style type="text/css">

body {
padding: 0px;s
margin: 0px;
color:{color:text};
background-color: {color:Background};
background-image:url();
background-attachment: fixed;
background-size: ;
font-family: arial;
font-size: 11px;
color:{color:text};
}

a:link, a:visited{
color: black;
text-decoration: none;
}

a:active{
color:transparent;
}


.entry{
margin:0px;
padding-bottom: 5px;
float:left;
background-color: #fff;
font-size: 11px;
margin-top:70px;
line-height:25px;
{block:IndexPage}
width:500px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
margin-top:100px;
{/block:PermalinkPage}
}

.entry #reblog{
opacity:0;
text-align:right;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.entry:hover #reblog{
opacity:1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#posts {
position:relative;
width: 500px;
margin-left: 555px;
margin-top: 0px;
}

#permalink{
background-color:#d0cfcf;
}

.player {
width:30px;
height:25px;
overflow:hidden;
position:absolute;
background:white;}

.audioinfo {
margin-left:50px;
}

#pagination{
letter-spacing:1px;
}

.jump_page {
padding-left:10px;
padding-right:10px;
}

.current_page {
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

.sidebar{
margin-left:150px;
margin-top:200px;
text-align:right;
width:300px;
overflow:hidden;
position:fixed;
}

.blogt{
font-size:70px;
}

.blogt a{
-webkit-text-stroke-width: 2px;
letter-spacing:3px;
-webkit-text-stroke-color: black;
color:white;
}

.links{
font-size:20px;
line-height:35px;
}

{CustomCSS}
</style>
{block:IndexPage}

<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : '#pagination',
nextSelector : '#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: 'you have reached the end',
img: 'http://www.polaroin.com/images/loading.gif'
},
bufferPx : 300,
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>
</style>
{/block:IndexPage}

<title>{title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />


</head>
<body>


<div class="sidebar">
<div class="blogt">
<a href="/">{title}</a>
</div>
<br><div class="links">
<a href="/ask">mail</a><br>
<a href="/archive">index</a><br>
<a href="http://cigerettes.tumblr.com/">themes</a>
</div>
</div>

<div id="posts">


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


{block:Quote}


<div id="titlequote">“{Quote}”</div>
{block:Source}<div id="source">&mdash; <i>{Source}</i></div>{/block:Source}
{/block:Quote}


{block:Text}

{block:Title}
<div id="title"><u>{Title}</u></div>{/block:Title}
{Body}
{/block:Text}

{block:Link}
<div id="title"><a href="{URL}"><u>{Name}</u></a></div>{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h1><u>{Title}</u></h1>
{/block:Title}
<ul>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ul>
{/block:Chat}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

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

{block:Video}
{Video-500}
{/block:Video}

{block:Audio}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><i>{Artist}</i>{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<b>{Asker}:</b>
{Question}
<i>{Answer}</i>
{/block:Answer}


{block:Date}
<div id="permalink">
<a href="{Permalink}" >&nbsp;&nbsp;{ShortMonth} {DayOfMonth}{Dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}"> : {NoteCount}</a>{/block:NoteCount}</div>
{block:indexpage}<div id="reblog"><a href="{reblogurl}"><i>reblog</i></a></div>{/block:indexpage}

{/block:Date}
<br>
{block:permalinkpage}<center>
{block:RebloggedFrom}( <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> -
{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
{/block:ContentSource}
 ){/block:RebloggedFrom}
</center>
{/block:permalinkpage}

</div>

{/block:Posts}

  <br><br>
  <center>
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">⇤</a>{/block:PreviousPage}
{block:JumpPagination length="3"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">⇥</a>{/block:NextPage}
{/block:Pagination}
    </center>

</div>

{block:IndexPage}<br>
{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}
</div>
<br>

</body>

</html>