Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
662 lines (540 sloc) 27.2 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en" lang="en">
Vacant - 1.2.1
Designed by CoSnap.
<!-- Favicon -->
<link rel="shortcut icon" href="{Favicon}" />
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="" />
<!-- JavaScript -->
<script type="text/javascript" src=""></script>
{block:IfInfiniteScroll}<script type="text/javascript" src=""></script>{/block:IfInfiniteScroll}
<style type="text/css">
Basics Page Setup
html, body {background: {color:Background}; height: 100%; color: rgb(82,82,82); font-family: Helvetica, Arial, Sans-Serif;}
#Wrapper {width: 960px; margin: 0 auto;}
#Header, #Body {width: 960px; margin: 40px 10px 0 10px; float: left; clear: both;}
#Body {width: 940px;}
a:link, a:visited {color: {color:Highlight}; text-decoration: none;}
a:hover {color: rgb(63,63,63);}
a:active {color: rgb(177,181,185);}
#SideBar, .Caption, .TextPostBody, .Source, .Description, .AudioInfo, .AudioEmbedCaption, .PhotoCaption {line-height: 1.5;}
#BlogTitle, .PostTitle, .Quote {text-shadow: 0 -1px 1px rgba(255,255,255,0.01);}
#Posts b, #Posts strong {font-weight: bold;}
#Posts em, #Posts i {font-style: italic;}
#BlogTitle {width: 620px; float: left; clear: none; font-size: 48px; font-weight: bold;}
#BlogTitle a, #BlogTitle a:link, #BlogTitle a:visited {color: {color:Title};}
#BlogTitle a:hover { opacity: 0.5; }
#BlogTitle a:active {top:1px; position:relative;}
{block:IfSmallTitle}#BlogTitle {font-size: 25px; margin: 22px 0 0 0;}{/block:IfSmallTitle}
#TopNavNumbers {width: 320px; float: left; clear: none; font-family: Georgia, "Times New Roman", Serif; color: rgb(169,170,173); font-size: 13px;}
#TopNavNumbers li {width: 60px; float: left; clear: none; margin: 33px 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(169,170,173); z-index: 2; position: relative;}
.Search, #Search {width: 140px !important;}
.HeaderBreak {width: 940px; float: left; clear: both; height: 1px; background: rgb(209,210,213); margin-top: -1px;}
#LowerHeader {width: 940px; float: left; clear: both; margin: 20px 0; font-family: Georgia, "Times New Roman", Serif; font-size: 13px; color: {color:Highlight};}
#SubTitle {width: 620px; height: auto; display: block; float: left; clear: none; font-style: italic;}
.HeaderLinks {width: 60px; float: right; clear: none; margin: 0 0 0 20px; font-family: Georgia, "Times New Roman", Serif; color: {color:Highlight};}
.SearchBox {float: right; clear: none; background: none; border: none; color: rgb(0,153,203); margin-left: 20px; outline: none;}
input::-webkit-input-placeholder {color: {color:Highlight};}
input:-moz-placeholder {color: {color:Highlight});}
#SideBar {width: 140px; float: left; clear: none; font-size: 12px; margin: 0 20px 0 0; color: {color:AltText};}
#Description {width: inherit; float: left; clear: both; margin: 0 0 10px 0;}
#ProfilePhoto {margin: 0 0 10px 0;}
#SideBarNav {width: 140px; float: left; clear: none; border-top: 1px solid rgb(209,210,213); font-weight: bold; font-size: 14px;}
#SideBarNav li {width: 140px; border-bottom: 1px solid rgb(209,210,213); margin: 5px 0; padding-bottom: 5px;}
#SideBarNav li a {color: {color:AltText};}
#SideBarNav li a:hover {color: rgb(0,0,0);}
#SocialLinks {width: 140px; float: left; clear: both;}
#SocialLinks a {float: left; clear: none; margin: 5px 5px 0 0;}
#SocialLinks a:hover {opacity: 0.5;}
Page Content
#Posts {width: 780px; float: right; clear: none;}
.PhotoPost, .TextPost, .QuotePost, .LinkPost,
.ChatPost, .VideoPost, .AudioPost, .AnswerPost,
.PhotoSetPost {
width: 780px;
float: left;
clear: none;
padding: 20px 0 0 0;
border-top: 2px solid {color:Highlight};
background: white;
#Disqus {
width: 780px;
float: left;
clear: none;
border-top: 2px solid {color:Highlight};
background: white;
.Caption, .TextPostBody, .Source, .Description,
.Chat, .PhotoCaption, .VideoCaption, .AudioEmbedCaption {
width: 680px;
float: right;
clear: none;
padding-right: 20px;
font-family: Georgia, "Times New Roman", Serif;
font-size: 15px;
.Caption a, .TextPostBody a, .Source a, .Description a,
.Chat a, .PhotoCaption a, .VideoCaption a, .AudioEmbedCaptio a {
max-width: 680px;
.Caption {margin-top: 20px;}
.AudioInfo {width: 440px; float: right; clear: none; padding-right: 20px; font-family: Georgia, "Times New Roman", Serif; font-size: 15px;}
.Source {margin-bottom: 20px;}
.TextPostBody ul {margin-bottom: 15px;}
.TextPostBody li {list-style: disc; padding-left: 10px; margin: 0 0 5px 18px;}
.TextPostBody blockquote, .PhotoPost blockquote,
.QuotePost blockquote, .LinkPost blockquote,
.VideoPost blockquote, .AudioEmbedCaption blockquote {
border-left: solid 1px rgb(88,88,89);
margin-bottom: 20px;
padding-left: 20px;
.TextPostBody img {float: left; clear: both; display: block; max-width: 620px; margin: 0 -20px 20px 0;}
.TextPostBody p, .PhotoPost p, .LinkPost p,
.VideoPost p, .PhotoSetPost p, .AudioEmbedCaption p {
display: block;
clear: both;
margin-bottom: 20px;
.PhotoIcon, .TextIcon, .QuoteIcon, .LinkIcon,
.ChatIcon, .VideoIcon, .AudioIcon, .AnswerIcon,
.PhotoSetIcon {
width: 80px;
height: 28px;
float: left;
clear: none;
.AlbumArtHolder {width: 220px; height: 220px; float: left; margin: 0 0 20px 80px; background: url( no-repeat;}
.AlbumArt {max-width: 220px;}
.PlayCount {font-style: italic; margin: 10px 0 0 0; display: block; color: rgb(177,181,185);}
.AudioCaption {margin: 10px 0 0 0; display: block;}
.AudioEmbedWrapper {width: 780px; margin: -20px 0 0 0; padding: 20px 0; float: left; background: #262525; box-shadow: inset 0 0 20px #1b1b1b;}
.AudioEmbed {width: 640px; margin: 0 auto;}
.AudioEmbedCaption { margin: 20px 0 0 0;}
.PhotoIcon{background: url( no-repeat center top;}
.TextIcon {background: url( no-repeat center bottom;}
.QuoteIcon {background: url( no-repeat center bottom;}
.LinkIcon {background: url( no-repeat center bottom;}
.ChatIcon {background: url( no-repeat center bottom;}
.VideoIcon {background: url( no-repeat center top;}
.AudioIcon {background: url( no-repeat center bottom;}
.AnswerIcon {background: url( no-repeat center bottom;}
.PhotoSetIcon {background: url( no-repeat center top;}
.PhotoPostImage {max-width: 780px; width: 780px; margin: -20px 0 20px 0;}
.SmallPhotoSet { margin: 0 0 20px 0;}
.PostTitle {width: 700px; float: right; clear: none; margin: 0 0 20px 0; padding-bottom: 10px; font-weight: bold; font-size: 30px; border-bottom: 1px solid rgb(235,237,239);}
.PostTitle a:link, .PostTitle a:visited {color: rgb(82,82,82);}
.PostTitle a:hover {color: rgb(0,0,0);}
.Quote {width: 680px; float: left; clear: none; margin: 0 20px 20px 0; font-family: Georgia, "Times New Roman", Serif; font-style: italic; font-size: 35px;}
.Chat {width: 700px; margin: 0 -20px 20px 0;}
.Chat li.odd, .Chat li.even {padding: 5px; border-top: 1px solid rgb(241,241,241);}
.Chat li.odd:first-of-type {border-top: none;}
.Chat .Label {font-style: italic; color: {color:Highlight};}
.Chat li.even .Label {color: rgb(70,70,70);}
.VideoPost object, .VideoPost embed, .VideoPost iframe {width: 780px !important; max-width: 780px; height: 445px; margin: -20px 0 20px 0;}
.Question {width: 680px; float: left; clear: both; margin: 0 -20px 10px 0; padding-bottom: 10px; font-style:italic; border-bottom: 1px solid rgb(243,245,247);}
.QuestionHighlight { display: block; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; font-style: normal; color: {color:Highlight};}
.note { font-size: 13px; height: auto; width: 780px; float: left; clear: both; margin-right: 80px; }
ol.notes li.note { padding: 10px 0px 10px 0px; border-top: 1px solid rgb(209,210,213); }
ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; }
ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
.Footer {width: 780px; float: right; clear: both; background: white;}
.FooterLine {height: 1px; width: 700px; float: right; clear: both; background: rgb(235,237,239);}
.FooterBoarder {width: 780px; height: 6px; float: left; clear: both;background: url( no-repeat bottom; margin-bottom: 40px;}
.Footer ol, .CameraMeta {width: 700px; float: right; clear: both;}
.CameraMeta {clear: none;}
.Footer li {float: left; clear: none; margin: 10px 10px 10px 0; font-weight: bold; text-transform: uppercase; font-size: 10px; color: rgb(177,181,185);}
.CameraMeta li { float: left; clear: none; margin: 0 10px 10px 0; font-weight: bold; text-transform: uppercase; font-size: 10px; color: rgb(177,181,185); }
.Tags {float: left; clear: none; margin: 10px 10px 10px 0; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.Tags a {margin-right: 5px;}
.Footer a {color: rgb(177,181,185);}
.Footer a:hover {color: rgb(127,129,132);}
.Footer li img, .Tags img {margin: 0 4px -3px 0;}
.Pagination {width: 780px; float: right; clear: both; margin: 0 10px 0 0; padding: 20px 0; border-top: 1px solid rgb(209,210,213);}
.Pagination a:link, .Pagination a:visited {color: {color:AltText};}
.Pagination a:hover {color: rgb(0,0,0);}
#Next, #Back, #TotlePages {width: 60px; float: right; clear: none; padding: 20px 0; margin: -21px 0; font-weight: bold; color: {color:AltText}; border-top: 1px solid rgb(169,170,173);}
#TotlePages {width: 140px; float: left; clear: none;}
#PageOf {font-family: Georgia, "Times New Roman", Serif; font-style: italic; font-weight: normal; }
#Back {margin: -21px 100px -21px 0;}
#Copyright {width: 780px; float: right; clear: both; font-size: 11px; padding: 10px 0 50px 0; margin: 0 10px 0 0; color: {color:AltText}; border-top: 1px solid rgb(209,210,213);}
#disqus_thread {width: 680px; float: right; padding: 20px 20px 0 0; border-top: 1px solid rgb(235,237,239);}
.DisqusCredit {width: 700px; float: right; font-size: 11px; margin-bottom: 20px;}
#Disqus {border: none;}
Custom CSS
<!-- End of CSS -->
<script type="text/javascript">
$(document).ready(function() {
//Removes small photo sets if high-res version exists
jQuery.fn.exists = function(){return jQuery(this).length>0;}
$(".PhotoSetPost").each(function(index) {
if ($('.HighResPhotoSet', this).exists()) {
$('.SmallPhotoSet', this).css('display','none');
//Tumblr infinite scroll
navSelector : "div.Pagination",
nextSelector : "div#Next a:link",
itemSelector : "#Posts",
loadingText : "",
donetext : "",
loadingImg : ""
<meta name="if:Small Title" content="0"/>
<meta name="if:Infinite Scroll" content="0"/>
<meta name="text:Blog Subtitle" content="..."/>
<meta name="color:Title" content="#525252"/>
<meta name="color:AltText" content="#3f3f3f"/>
<meta name="color:Background" content="#e3e5e8"/>
<meta name="color:Highlight" content="#0099cb"/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="text:Dribbble Username" content=""/>
<meta name="text:Facebook Username" content=""/>
<meta name="text:Flickr Username" content=""/>
<meta name="text:Forrst Username" content=""/>
<meta name="text:Foursquare Username" content=""/>
<meta name="text:GitHub Username" content=""/>
<meta name="text:GooglePlus Usernumber" content=""/>
<meta name="text:Lastfm Username" content=""/>
<meta name="text:LetterBoxd Username" content=""/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Vimeo Username" content=""/>
<!-- <meta name="text:YouTube Username" content=""/> -->
</head><!-- End Head -->
<div id="Wrapper">
<div id="Header">
<div id="BlogTitle"><a href="/" title="{Title}">{Title}</a></div>
<ol id="TopNavNumbers">
<li class="Search">00.</li>
</ol><!-- End Top Navigation -->
<div class="HeaderBreak"></div>
<div id="LowerHeader">
{block:IfBlogSubtitle}<div id="SubTitle">{text:Blog Subtitle}</div>{/block:IfBlogSubtitle}
<a class="HeaderLinks" href="/archive">Archive</a>
<a class="HeaderLinks" href="/random">Random</a>
<form action="/search" method="get" >
<input id="Search" class="SearchBox" type="text" name="q" value="{SearchQuery}" placeholder="Search"/>
</form><!-- End Search Box Form -->
</div><!-- End Lower Header -->
<div class="HeaderBreak"></div>
</div><!-- End Header -->
<div id="Body">
<div id="SideBar">
<img id="ProfilePhoto" src="{PortraitURL-128}" alt="Profile Photo" />
{block:Description}<div id="Description">{Description}</div>{/block:Description}
<ol id="SideBarNav">
{block:AskEnabled}<li><a href="/ask" title="Ask a question">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
<li><a href="{RSS}" title="RSS Feed">RSS Feed</a></li>
<li><a href="/mobile" title="View mobile version">Mobile</a></li>
{block:HasPages}{block:Pages}<li><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}{/block:HasPages}
</ol><!-- End SideBar Navigation -->
<div id="SocialLinks">
<a href="{text:Dribbble Username}" title="Dribbble">
<img src="" alt="Dribble Icon"/>
</a><!-- End Dribbl e Link -->
<a href="{text:Facebook Username}" title="Facebook">
<img src="" alt="Facebook Icon"/>
</a><!-- End Facebook Link -->
<a href="{text:Flickr Username}" title="Flickr">
<img src="" alt="Flickr Icon"/>
</a><!-- End Flickr Link -->
<a href="{text:Forrst Username}" title="Forrst">
<img src="" alt="Forrst Icon"/>
</a><!-- End Forrst Link -->
<a href="{text:Foursquare Username}" title="Foursquare">
<img src="" alt="Foursquare Icon"/>
</a><!-- End Foursquare -->
<a href="{text:GitHub Username}" title="GitHub">
<img src="" alt="GitHub"/>
</a><!-- End GitHub Link -->
<a href="{text:GooglePlus Usernumber}" title="Google Plus">
<img src="" alt="GooglePlus Icon"/>
</a><!-- End Google Plus Link -->
<a href="{text:Lastfm Username}" title="Last fm">
<img src="" alt="Last fm Icon"/>
</a><!-- End Last fm Link -->
<a href="{text:LetterBoxd Username}" title="LetterBoxd">
<img src="" alt="LetterBoxd Icon"/>
</a><!-- End LetterBoxd Link -->
<a href="{text:Twitter Username}" title="Twitter">
<img src="" alt="Twitter Icon"/>
</a><!-- End Twitter Link -->
<a href="{text:Vimeo Username}" title="Vimeo">
<img src="" alt="Vimeo Icon"/>
</a><!-- End Vimeo Link -->
<!-- {block:IfYouTubeUsername}
<a href="{text:YouTube Username}" title="YouTube">
<img src="" alt="YouTube Icon"/>
{/block:IfYouTubeUsername} -->
</div><!-- End Social Links -->
</div><!-- End Side Bar -->
<div id="Posts">
<div class="AnswerPost">
<div class="AnswerIcon"></div>
<div class="PostTitle">{Asker} Asked</div>
<div class="TextPostBody">
<span class="Question"><span class="QuestionHighlight">Question</span>{Question}</span>
<span class="Answer"><span class="QuestionHighlight">Answer</span>{Answer}</span>
</div><!-- End Post Body -->
</div><!-- End Answer Post -->
<div class="PhotoPost">
<div class="PhotoWrapper">
<img class="PhotoPostImage" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
</div><!-- End Photo Wrapper -->
<div class="PhotoIcon"></div>
{block:Caption}<div class="PhotoCaption">{Caption}</div>{/block:Caption}
<ol class="CameraMeta">
<li>{block:Camera}Camera: {Camera}{/block:Camera}</li>
<li>{block:Aperture}Aperture: {Aperture}{/block:Aperture}</li>
<li>{block:Exposure}Exposure: {Exposure}{/block:Exposure}</li>
<li>{block:FocalLength}Focal Length: {FocalLength}{/block:FocalLength}</li>
</ol><!-- End Camera Exif Info -->
</div><!-- End Photo Post -->
<!-- Photoset Post -->
<div class="PhotoSetPost">
<a class="HighResPhotoSet" href="{PhotoURL-HighRes}">
<img class="PhotoPostImage" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
</a><!-- End HighRes Photo Set -->
<div class="SmallPhotoSet">{Photoset-500}</div>
<div class="PhotoSetIcon"></div>
<div class="PhotoCaption">{Caption}</div>
</div><!-- End Photoset Post -->
<div class="TextPost">
<div class="TextIcon"></div>
{block:Title}<div class="PostTitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
<div class="TextPostBody">{Body}</div>
</div><!-- End Text Post -->
<div class="QuotePost">
<div class="QuoteIcon"></div>
<div class="Quote">"{Quote}"</div>
{block:Source}<div class="Source">&#8212; {Source}</div>{/block:Source}
</div><!-- End Quote Post -->
<div class="LinkPost">
<div class="LinkIcon"></div>
<div class="PostTitle"><a href="{URL}" {Target}>{Name}</a></div>
{block:Description}<div class="Description">{Description}</div>{/block:Description}
</div><!-- End Link Post -->
<div class="ChatPost">
<div class="ChatIcon"></div>
{block:Title}<div class="PostTitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
<ul class="Chat">
<li class="{Alt} user_{UserNumber}">
<span class="Label">{Label}</span>
</li><!-- End Chat Line -->
</ul><!-- End Chat Block -->
</div><!-- End Chat Post -->
<div class="AudioPost">
<div class="AudioEmbedWrapper">
<div class="AudioEmbed">{AudioEmbed-640}</div>
</div><!-- End Audio Embed Wrapper -->
<span class="AudioEmbedCaption">{block:Caption}{Caption}{/block:Caption}</span>
<div class="AudioIcon"></div>
<div class="PostTitle">
<a href="{Permalink}" title="{Artist} &#8211; {block:TrackName}{TrackName}{/block:TrackName}">{Artist} {block:TrackName}&#8211; {TrackName}{/block:TrackName}</a>
</div><!-- End Audio Post Title / Artist / Track Name -->
<div class="AlbumArtHolder">
{block:AlbumArt}<img class="AlbumArt" src="{AlbumArtURL}" alt="Album Art"/>{/block:AlbumArt}
</div><!-- End AlbumArt Wrapper -->
<div class="AudioInfo">
<span class="AudioCaption">{block:Caption}{Caption}{/block:Caption}</span>
<span class="PlayCount">Played {PlayCount} times.</span>
</div><!-- End Audio Info / Player -->
</div><!-- End Audio Post -->
<div class="VideoPost">
<div class="VideoIcon"></div>
{block:Caption}<div class="VideoCaption">{Caption}</div>{/block:Caption}
</div><!-- End Video Post -->
<div class="Footer">
<div class="FooterLine"></div>
<a href="{Permalink}" title="Date Posted">
<img src="" alt="Date Posted Icon"/>
{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}
</a><!-- End Date Posted Link -->
</li><!-- End Date Posted Wrapper -->
<a href="{ReblogParentURL}" title="{ReblogParentTitle}">
<img src="" alt="Reblogged Icon"/>
Reblogged From {ReblogParentName}
</a><!-- End Reblog From Link -->
</li><!-- End Rebloged From Wrapper -->
<a href="{Permalink}" title="Notes">
<img src="" alt="Notes Icon"/>
Notes: {NoteCount}
</a><!-- End Notes Link -->
</li><!-- End Notes Wrapper -->
<div class="Tags">
<img src="" alt="Tags Icon"/>
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div><!-- End Post Tags -->
</ol><!-- End Post Footer -->
</div><!-- End Post Footer Wrapper -->
<div id="Disqus">
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
<script type="text/javascript">
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
<noscript>Please enable JavaScript to view the <a href="{text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
<a class="DisqusCredit" href="">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = '{text:Disqus Shortname}/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
</div><!-- End Disqus -->
<div class="FooterBoarder"></div>
<!-- End Footer -->
</div><!-- End Posts -->
</div><!-- End Body Content -->
<div class="Pagination">
<div id="TotlePages">
Page {CurrentPage} <span id="PageOf">of</span> {TotalPages}
</div><!-- End Totle Pages -->
<div id="Next">
<a href="{NextPage}" title="Go to the next page">Next</a>
</div><!-- End Next Page Button -->
<div id="Back">
<a href="{PreviousPage}" title="Go to the previous page">Back</a>
</div><!-- End Back Page Button -->
</div><!-- End Pagination -->
<div id="Copyright">This blog is powered by <a href="" title="Tumblr">Tumblr</a> and designed by <a href="" title="The CoSnap website">CoSnap</a>.</div>
</div><!-- End Page Wrapper -->
</body><!-- End Body -->
</html><!-- End HTML -->