exotic-026

<html>
<head>

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

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<meta name="color:background" content="#ffffff">
<meta name="color:text" content="#000000">
<meta name="color:link" content="#0000FF">
<meta name="color:active" content="#FF0000">
<meta name="text:link one title" content="home">
<meta name="text:link one" content="/">
<meta name="text:link two title" content="ask">
<meta name="text:link two" content="/">
<meta name="text:link three title" content="submit">
<meta name="text:link three" content="/">
<meta name="text:link four title" content="more">
<meta name="text:link four" content="/">
<meta name="text:reblog text" content="Share">
<meta name="if:White Buttons" content="1"/>


<style type="text/css">

#tumblr_controls{
position:fixed !important;
{block:ifwhitebuttons}
-webkit-filter: invert(100%) ;
{/block:ifwhitebuttons}
}

body {
padding: 50px;
margin: 0px;
background-image:url();
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

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

a:active{
color:{color:active};
}

div.center {
margin:0 auto 0 auto;
}

#posts{
-webkit-perspective:1000px;
perspective:1000px;
margin:0 auto 0 auto;
margin-bottom:150px;
margin-top:30px;
margin-left:15%;
}

blockquote {
border-left: 3px solid;
padding-left: 15px;
margin-left: 10px;
font-style: italic;
color:{color:blockquote};
}

blockquote img{
width:450px;
height:auto;
}

.entry {
padding:30px;
width:500px;
-webkit-transform: rotateY(1deg);
transform: rotateY(1deg);
{block:permalinkpage}
max-width:500px;
{/block:permalinkpage}
}

#permalink{
width:500px;
}

#permalink #permalink1{
text-align:left;
}

#permalink #permalink2{
text-align:right;
}

#title{
font-size:larger;
text-decoration:underline;
}

#titlequote{
font-size:larger;
text-decoration:italic;
}

#source{
text-align:right;
width:500px;
}

#pagination{
letter-spacing:1px;
}

#pagination a{
color:{color:link};
}

.sidebar{
position:fixed;
margin-left:75%;
margin-top:200px;
width:200px;
z-index:99;
font-size:larger;
font-weight:bold;
}

.links{
font-weight:normal;
font-size:smaller;
}

.cred a{
text-decoration:none;
}

#pagination{
text-align:center;
}

</style>

{CustomCSS}
</style>
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
{/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" />

</style>

</head>

<body>


<div class="sidebar">

    {title}

<div class="links">
<a href="{text:link one}">{text:link one title}</a>
<a href="{text:link two}">{text:link two title}</a>
<a href="{text:link three}">{text:link three title}</a>
<a href="{text:link four}">{text:link four title}</a>

    <br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
{description}

</div>

</div>


<div class="center">
<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}<a href="{permalink}">
<img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
{/block:Photo}

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

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

{block:Audio}
{AudioEmbed-500}
{/block:Audio}

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


{block:indexpage}
<div id="permalink"><i><div id="permalink1">
<a href="{ReblogURL}" >{text:reblog text}</a></div><div id="permalink2">{block:NoteCount}<a href="{Permalink}">{NoteCountwithLabel}</a>{/block:NoteCount}</div></i></div>
{/block:indexpage}


{block:permalinkpage}<br><br><center>{caption}<br>
{block:RebloggedFrom}<b>via: </b><a href="{ReblogParentURL}">{ReblogParentName}</a>
{block:ContentSource}<b> &nbsp;||&nbsp;source: </b><a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:ContentSource}{block:NoteCount}&nbsp;||&nbsp; <b>notes: </b>{notecount}{/block:NoteCount}
{/block:RebloggedFrom}
</center>
<br>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:permalinkpage}

</div>

{/block:Posts}

</div>
</div>

{block:Pagination}<div id="pagination">
{block:PreviousPage}<a class="jump_page" href="{PreviousPage}" style="text-decoration:none;">← Previous&nbsp;&nbsp;&nbsp;&nbsp;</a>{/block:PreviousPage}
{block:NextPage}<a class="jump_page" href="{NextPage}" style="text-decoration:none;">&nbsp;&nbsp;&nbsp;&nbsp;Next →</a>{/block:NextPage}</div>
{/block:Pagination}

</body>

<!-- i spent so much time and effort pls dont remove credits
    i tried to make them as out of the way as possible
    thank you dear -->

 <div class="cred" style="margin-left:-40px;display:block;bottom:5px;font-size:25px;font-family:georgia;position:fixed;z-index:5;padding:3px;"><a href="http://cigerettes.tumblr.com/"><small>☐</small></a>

</html>