Halcyon
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
Halcyon 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>
<style>
.my-like {
font-family: Georgia;
cursor:pointer;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
.my-liked, .my-like:hover {
font-family: Georgia;
color: red;
cursor: pointer;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
</style>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
var myLike = event.target;
if( myLike.className.indexOf( 'my-like' ) > -1 ) {
var frame = document.getElementById( 'my-like-frame' ),
liked = ( myLike.className == 'my-liked' ),
command = liked ? 'unlike' : 'like',
reblog = myLike.getAttribute( 'data-reblog' ),
id = myLike.getAttribute( 'data-id' ),
oauth = reblog.slice( -8 );
frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false );
};
</script>
<meta name="if:Repeat Background Image" content="0"/>
<meta name="if:Bigger Posts" content="0"/>
<meta name="if:Side Image" content="0"/>
<meta name="if:Show Archive Link" content="1"/>
<meta name="if:Show Caption" content="0"/>
<meta name="if:Show Tags On Photos" content="1"/>
<meta name="if:Endless Scrolling" content="0"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Post" content="#FFFFFF"/>
<meta name="color:Borders" content="#EDEDED"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Post title" content="#363636"/>
<meta name="color:Nav Links Background Hover" content="#DDDDDD"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#636363"/>
<meta name="color:Chat" content="#F5F5F5"/>
<meta name="font:Body" content="Arial"/>
<meta name="text:Title font size" content="11"/>
<meta name="text:Post title font size" content="12"/>
<meta name="text:Body font size" content="11"/>
<meta name="image:Background" content=""/>
<meta name="image:Side Image" 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-position: bottom right;
background-repeat: no-repeat;
{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: 6px;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar{
height: 6px;
width: 6px;
background-color: {color:Background};
}
div#content{
margin-top: 30px;
margin-left: 360px;
{block:IndexPage}
width: 250px;
{block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
{/block:IndexPage}
{block:PermalinkPage}width: 500px; margin-bottom: 30px;{/block:PermalinkPage}
}
div#side{
text-align: center;
width: 200px;
position: fixed;
left: 80px;
top: 100px;
}
.sideimage{
width: 180px;
padding: 10px 9px 7px 9px;
border: 1px solid {color:Borders};
}
.title{
{block:IfSideImage}
display: block;
width: 180px;
position: absolute;
margin: 11px 0px 0px 10px;
background-color: rgba(255, 255, 255, 0.75);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
{/block:IfSideImage}
padding: 5px 0px 5px 0px;
{block:IfNotSideImage}
border-top: 1px solid {color:Borders};
border-bottom: 1px solid {color:Borders};
{/block:IfNotSideImage}
}
.title a{
text-transform: uppercase;
letter-spacing: 2px !important;
font-size: {text:Title font size}px !important;
color: {color:Title} !important;
background: none !important;
}
div#side:hover .title{
background-color: rgba(255, 255, 255, 0.85);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
}
.info{padding: 15px;}
.navi{
border-top: 1px solid {color:Borders};
border-bottom: 1px solid {color:Borders};
}
a.nav{
display: inline-block;
margin-right: -3px !important;
padding: 3px 4px 3px 4px;
color: {color:Title};
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
a.nav:hover{
background: {color:Nav Links Background Hover};
color: {color:Title};
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.post_title{
font-size: {text:Post title font size}px;
color: {color:Post title};
line-height: 18px;
}
.entry{
padding: 10px 10px 7px 10px;
background: {color:Background};
border: 1px solid {color:Borders};
{block:IndexPage}
{block:IfNotBiggerPosts}width: 250px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
margin-bottom: 20px;
{/block:IndexPage}
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
}
.entry img{
{block:IndexPage}
{block:IfNotBiggerPosts}max-width: 250px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}max-width: 500px;{/block:IfBiggerPosts}
{/block:IndexPage}
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
}
blockquote{
padding: 0px 0px 0px 5px;
margin: 2px 0px 0px 5px;
border-left: 2px solid {color:Borders};
}
pre{overflow: auto;}
.perma{
position: absolute;
{block:IfNotBiggerPosts}margin-left: 270px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}margin-left: 520px;{/block:IfBiggerPosts}
opacity: 0;
filter: alpha(opacity = 0);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
{block:PermalinkPage}display: none;{/block:PermalinkPage}
}
.p{
display: block;
font-family: Verdana;
font-size: 7px;
letter-spacing: 1px;
}
.entry:hover .perma{
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#tags_p{
position: absolute;
background-color: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
opacity: 0;
filter: alpha(opacity = 0);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tags_pdetails a{
color: #000;
text-transform: lowercase;
font-size: 9px;
padding: 5px;
}
.entry:hover div#tags_p{
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-bottom: 2px;}
div#chat ul{
list-style: none;
padding: 0px;
margin: 0px;
{block:IndexPage}
{block:IfNotBiggerPosts}width: 250px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
{/block:IndexPage}
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
}
.album{margin-bottom: 10px;}
.audio{
background: #E4E4E4;
height: 27px;
{block:IndexPage}
{block:IfNotBiggerPosts}width: 250px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
{/block:IndexPage}
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
}
div#postnotes{width: 500px; margin-top: 20px;}
.details{display: block; margin-bottom: 5px;}
ol.notes{
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px {color:Borders};
}
ol.notes li.note{
border-top: solid 1px {color:Borders};
padding: 5px;
}
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{
border-color: {color:Borders};
padding: 0px 0px 0px 8px;
margin: 8px 0px 5px 30px;
}
ol.notes li.note blockquote a{text-decoration: none;}
.page{
background: {color:Background};
text-align: center;
display: block;
padding: 10px;
background: {color:Background};
border: 1px solid {color:Borders};
{block:IndexPage}
{block:IfNotBiggerPosts}width: 250px;{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
margin-bottom: 20px;
{/block:IndexPage}
{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
font-size: 14px;
font-family: Arial;
{block:IfEndlessScrolling}display: none;{/block:IfEndlessScrolling}
}
.jump_page{margin: 10px; font-size: 11px !important;}
.current_page{margin: 10px; font-weight: bold; font-size: 11px !important;}
.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" />
{block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScrolling}
</head>
<body>
<div id="side">
<div class="title"><a href="/" class="nav">{Title}</a></div>
{block:IfSideImage}<div class="sideimage"><img src="{image:Side Image}" width="180"></div>{/block:IfSideImage}
{block:Description}<div class="info">{Description}</div>{/block:Description}
<div class="navi">
{block:AskEnabled}<a href="/ask"class="nav">MSG</a>{/block:AskEnabled}
{block:IfShowArchiveLink}<a href="/archive" class="nav">ARCHV</a>{/block:IfShowArchiveLink}
{block:HasPages}{block:Pages}<a href="{URL}" class="nav">{Label}</a>{/block:Pages}{/block:HasPages}
{block:SubmissionsEnabled}<a href="/submit"class="nav">SBMT</a>{/block:SubmissionsEnabled}
<a href="http://xantheose.tumblr.com/" class="nav" target="_blank">THM</a>
</div>
</div>
<div id="content">
{block:IfEndlessScrolling}<div class="autopagerize_page_element">{/block:IfEndlessScrolling}
{block:Posts}
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
{block:ContentSource}<!-- {SourceURL}
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:Text}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
{block:Title}<div class="post_title">{Title}</div>{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
{block:IndexPage}{block:IfShowTagsOnPhotos}<div id="tags_p">{block:HasTags}<div class="tags_pdetails">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IfShowTagsOnPhotos}{/block:IndexPage}
<img src="{PhotoURL-HighRes}"/>
{block:IndexPage}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
{block:IndexPage}{block:IfShowTagsOnPhotos}<div id="tags_p">{block:HasTags}<div class="tags_pdetails">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:IfShowTagsOnPhotos}{/block:IndexPage}
{block:IndexPage}{block:IfNotBiggerPosts}{Photoset-250}{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}
{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Photoset}
{block:Quote}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
<div class="post_title">❝ {Quote} ❞</div>
{block:Source}<p>— {Source}</p>{/block:Source}
</div>
{/block:Quote}
{block:Chat}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
{block:Title}<div class="post_title">{Title}</div>{/block:Title}
<div id="chat">
<ul>{block:Lines}<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>{/block:Lines}</ul>
</div>
</div>
{/block:Chat}
{block:Link}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
<div class="post_title"><a href="{URL}">■ {Name}</a></div>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Audio}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
{block:AlbumArt}<img src="{AlbumArtURL}" width="150" class="album"/>{/block:AlbumArt}
<div class="audio">{AudioPlayerGrey}</div>
{block:IndexPage}{block:Caption}{Caption}<small>{PlayCountWithLabel}</small>{/block:Caption}{/block:IndexPage}
</div>
{/block:Audio}
{block:Video}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><a href="{ReblogURL}" class="p">■ RBLG</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
{block:IndexPage}
{block:IfNotBiggerPosts}{Video-250}{/block:IfNotBiggerPosts}
{block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}
{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:IndexPage}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Video}
{block:Answer}
<div class="entry">
<div class="perma"><a href="{Permalink}" class="p">■ {NoteCount}</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">♥</div></div>
<div style="padding-bottom: 5px; border-bottom: 1px solid {color:Borders};">{Asker} : {Question}</div>
{Answer}
</div>
{/block:Answer}
{block:PostNotes}
<div id="postnotes">
<div class="details">■ Posted {TimeAgo} with {NoteCountWithLabel}</div>
{block:HasTags}<div class="details">■ Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
{block:RebloggedFrom}
<div class="details">■ Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
<div class="details">■ Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
{/block:RebloggedFrom}
{PostNotes}
</div>
{/block:PostNotes}
{/block:posts}
{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
{block:IndexPage}{block:Pagination}
<div class="page">
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:JumpPagination length="5"}{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}</div>{/block:Pagination}{/block:IndexPage}
</div>
<!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH -->
</body>
</html> Pasted: Apr 11, 2013, 6:57:38 pm
Views: 13,176