Perimetre
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
Perimetre by xantheose
-->
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(700);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
<meta name="if:Endless Scrolling" content="0"/>
<meta name="if:Italic Title" content="0"/>
<meta name="if:Photo Caption" content="1"/>
<meta name="if:Sidebar image" content="0"/>
<meta name="if:Repeat Background Image" content="0"/>
<meta name="font:Body" content="Arial"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#444444"/>
<meta name="color:Link" content="#646464"/>
<meta name="color:Sidebar" content="#000000"/>
<meta name="color:Title" content="#CACACA"/>
<meta name="color:Description" content="#CACACA"/>
<meta name="color:Sidebar Links" content="#CACACA"/>
<meta name="color:Sidebar Borders" content="#444444"/>
<meta name="color:Post Borders" content="#DDDDDD"/>
<meta name="color:Permalink" content="#666666"/>
<meta name="color:Chat" content="#F5F5F5"/>
<meta name="text:Title font size" content="18"/>
<meta name="text:Post title font size" content="16"/>
<meta name="text:Body font size" content="11"/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
<style type="text/css">
iframe#tumblr_controls{
top: 1px !important;
margin: 0 0 0 0;
right: 6px !important;
position: fixed !important;
}
body{
display: none;
margin: 0px;
background-color: {color:Background};
background-image: url({image:Background});
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right;
{block:IfRepeatBackgroundImage}background-repeat: repeat;{/block:IfRepeatBackgroundImage}
font-size: {text:Body font size}px;
font-family: {font:Body};
line-height: 16px;
color: {color:Text};
}
a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
::-webkit-scrollbar-thumb:vertical{
background-color: {color:Borders};
height: 100px;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal{
background-color: {color:Borders};
height: 10px;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar{
height: 10px;
width: 8px;
background-color: {color:Background};
}
div#content{background-color: {color:Background}; margin-left: 180px; width: 460px; border-right: 1px solid {color:Post Borders};}
div#side{
background-color: {color:Sidebar};
text-align: center;
position: fixed;
left: 0px;
top: 0px;
width: 180px;
height: 100%;
}
.title{
font-size: {text:title font size}px;
line-height: 24px;
color: {color:Title};
padding: 100px 10px 10px 10px;
margin-top: 0px;
border-bottom: 1px solid {color:Sidebar Borders};
{block:IfItalicTitle}font-style: italic;{/block:IfItalicTitle}
}
.info{padding: 10px; color: {color:Description}; border-bottom: 1px solid {color:Sidebar Borders};}
a.nav{
display: inline-block;
margin-left: -4px;
width: 80px;
padding: 5px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: {color:Sidebar Links};
border-bottom: 1px solid {color:Sidebar Borders};
border-left: 1px solid {color:Sidebar Borders};
}
a.nav2{
display: block;
padding: 5px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: {color:Sidebar Links};
border-bottom: 1px solid {color:Sidebar Borders};
}
.page{
display: inline-block;
margin-left: -4px;
width: 80px;
padding: 5px;
border-bottom: 1px solid {color:Sidebar Borders};
border-left: 1px solid {color:Sidebar Borders};
{block:IfEndlessScrolling}display: none;{/block:IfEndlessScrolling}
}
.page a{color: {color:Sidebar Links}; font-size: 10px; letter-spacing: 1px; text-transform: uppercase;}
.post_title{
font-size: {text:Post title font size}px;
color: {color:Post title};
line-height: 20px;
}
.entry{
width: 400px;
margin: 0px 30px 0px 0px;
{block:IndexPage}border-bottom: 1px solid {color:Post Borders};{/block:IndexPage}
padding: 25px 30px 20px 30px;
{block:IfPhotoCaption}padding: 25px 30px 10px 30px;{/block:IfPhotoCaption}
overflow: hidden;
}
.entry img{max-width:400px;}
.border{
display: block;
border-top: 1px solid {color:Post Borders};
margin-top: 4px;
margin-right: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.entry:hover .border{
margin-right: 0px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
blockquote{
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 1px;
border-left: 2px solid {color:Post Borders};
}
.caption{
width: 250px;
font-size: {text:Body font size}px;
border-bottom: 1px solid {color:Borders}
}
.caption blockquote{
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 1px;
border-left: 2px solid {color:Borders};
}
.permalink{
display: block;
position: absolute;
left: 640px;
margin-left: 5px;
font-size: 10px;
color: {color:Permalink};
opacity: 0;
{block:IfPhotoCaption}margin-top: -10px;{/block:IfPhotoCaption}
filter: alpha(opacity = 0);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.permalink a{font-size: 10px; color: {color:Permalink};}
.entry:hover .permalink{
margin-left: 20px;
opacity: 1;
filter: alpha(opacity = 100);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
div#chat li {padding: 4px; background-color: {color:Chat}; margin-top: 2px;}
div#chat ul{
list-style: none;
padding: 0px;
margin-top: 5px;
margin-bottom: 10px;
width: 400px;
}
.audio{background-color: #000000; height: 27px; width: 400px;}
div#postnotes{padding: 0px 30px 0px 30px;}
div#postnoteswrap{border-top: 1px solid {color:Post Borders}; margin-top: -10px; margin-bottom: 15px; padding-top:10px;}
.postnotes{display: block; margin-bottom: 3px;}
ol.notes{
padding: 0px;
margin: 0px;
list-style-type: none;
border-bottom: solid 1px {color:Post Borders};
}
ol.notes li.note{border-top: solid 1px {color:Post Borders}; padding: 4px;}
ol.notes li.note img.avatar{
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action{font-weight: normal;}
ol.notes li.note .answer_content{font-weight: normal;}
ol.notes li.note blockquote{
padding: 0px 0px 0px 5px;
margin: 5px 0px 5px 30px;
border-left: 2px solid {color:Post Borders};
}
ol.notes li.note blockquote a{text-decoration: none; font-size:10px;}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display: none;}
{CustomCSS}
</style>
<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 id="side">
<div class="title">{Title}</div>
{block:IfSidebarImage}<img src="{image:sidebar}" width="160" style="margin-top: 10px;"/>{/block:IfSidebarImage}
{block:Description}<div class="info">{Description}</div>{/block:Description}
<a href="/" class="nav">Home</a>
<a href="/archive" class="nav">Archive</a>
<a href="/random" class="nav2">Random</a>
{block:AskEnabled}<a href="/ask" class="nav2">Message</a>{/block:AskEnabled}
{block:HasPages}{block:Pages}<a href="{URL}" class="nav2">{Label}</A>{/block:Pages}{/block:HasPages}
{block:SubmissionsEnabled}<a href="/submit" class="nav2">{SubmitLabel}</a>{/block:SubmissionsEnabled}
<a href="http://xantheose.tumblr.com/" {block:IfEndlessScrolling}class="nav2"{/block:IfEndlessScrolling} {block:IfNotEndlessScrolling}{block:IndexPage}class="nav"{/block:IndexPage} {block:PermalinkPage}class="nav2"{/block:PermalinkPage}{/block:IfNotEndlessScrolling} target="_blank">Theme</a>
{block:IndexPage}{block:Pagination}<div class="page">{block:PreviousPage}<a href="{PreviousPage}">Back / </a>{/block:PreviousPage}{block:nextPage}<a href="{nextPage}">Next</a>{/block:nextPage}</div>{/block:Pagination}{/block:IndexPage}
</div>
<div id="content">
{block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>{/block:IfEndlessScrolling}
{block:IfEndlessScrolling}<div class="autopagerize_page_element">{/block:IfEndlessScrolling}
{block:Posts}
{block:Text}
<div class="entry">
{block:Title}<span class="post_title">{Title}</span><p>{/block:Title}
{Body}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Text}
{block:Photo}
<div class="entry">
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{block:IndexPage}</a>{/block:IndexPage}
{block:IndexPage}{block:Caption}{block:IfPhotoCaption}{Caption}{/block:IfPhotoCaption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
{Photoset-400}
{block:IndexPage}{block:Caption}{block:IfPhotoCaption}{Caption}{/block:IfPhotoCaption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Photoset}
{block:Quote}
<div class="entry">
<div class="post_title">❝ {Quote}</div>
{block:Source}<p>— {Source}</p>{/block:Source}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Quote}
{block:Chat}
<div class="entry">
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
<div id="chat">
<ul>{block:Lines}<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>{/block:Lines}</ul>
</div>
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Chat}
{block:Link}
<div class="entry">
<span class="post_title"><a href="{URL}">{Name}</span><p></a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Link}
{block:Audio}
<div class="entry">
{block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="150"/><p>{/block:AlbumArt}
<div class="audio">{AudioPlayerBlack}</div>
{block:Caption}{Caption}
<small>{PlayCount} listens</small> {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Audio}
{block:Video}
<div class="entry">
{Video-400}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Video}
{block:Answer}
<div class="entry">
<div style="font-weight:bold; padding-bottom:5px; border-bottom:1px solid {color:Borders};">{Asker} : {Question}</div>
{Answer}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target_"blank">Reblog</a><div class="border"></div></div>{/block:IndexPage}
</div>
{/block:Answer}
<div id="postnotes">
{block:PermalinkPage}{block:Date}<div id="postnoteswrap"><div class="postnotes">Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:Date}{block:RebloggedFrom}<div class="postnotes">Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></div><div class="postnotes">Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}{block:HasTags}<div class="postnotes">Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:posts}
</div>
{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
<!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH -->
</body>
</html> Pasted: May 28, 2012, 2:37:23 pm
Views: 30,219