rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
theme by pouretrebelle.thecdexperiment.ocm
twitter script shamelessly stolen from Anthony anthagio.com
slidedown drawers with JQuery jquery.com
powered by Tumblr tumblr.com
/\ _ _ _ _
___ ___ _ _ _ _ ___ _| |_ _ _ ___ | |_ ___ | || | ___
| . \/ . \| | || '_>/ ._> | | | '_>/ ._>| . \/ ._>| || |/ ._>
| _/\___/`___||_| \___. |_| |_| \___.|___/\___.|_||_|\___.
|_|
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script>
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h2').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
var $headerheight = $("#header").css('height')
$("#shell").css("margin-top",$headerheight);
$("#top").css("top",$headerheight);
});
</script>
<meta name="color:Text" content="#1B1B1B"/>
<meta name="color:Link" content="#060045"/>
<meta name="color:Titles" content="#151329"/>
<meta name="color:Permalink" content="#060045"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Accents" content="#CCCCCC"/>
<meta name="font:Body" content="Trebuchet MS, Arial, Helvetica, sans-serif">
<meta name="image:Title" content=""/>
<meta name="image:Background" content=""/>
<meta name="text:Post Space" content="50px"/>
<meta name="text:Base Font Size" content="11px"/>
<meta name="image:Permalink" content=""/>
<meta name="if:Dotted Border" content="0"/>
<meta name="if:Fixed Header" content="0"/>
<meta name="if:Fixed Sidebar" content="1"/>
<meta name="if:Show Twitter" content="1"/>
{block:Following}<meta name="if:Show Following" content="1"/>{/block:Following}
<style type="text/css">
body {
font-size: {text:Base Font Size};
line-height: 1em;
background-color: {color:Background};
background-image: url('{image:Background}');
color: {color:Text};
font-family: {font:Body};
overflow-x: hidden;
}
a {
color: {color:Link};
text-decoration: underline;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
a:hover {
color: {color:Text};
border: 0px;
margin: 0px;
}
div#shell {
width: 600px;
margin: 0px auto;
}
div#side {
left: 50%;
padding-left: 320px;
width: 200px;
padding-top: 100px;
z-index: 123;
{block:IfNotFixedSidebar}
position:absolute;
{/block:IfNotFixedSidebar}
}
{block:IfFixedSidebar}
body>div#side {
position:fixed;
}
{/block:IfFixedSidebar}
div#header {
text-align: center;
background: transparent;
z-index: 123;
width: 100%;
top: 0px;
margin: 0px auto;
{block:IfNotFixedHeader}
position: absolute;
{/block:IfNotFixedHeader}
}
{block:IfFixedHeader}
body>div#header {
position:fixed;
}
{/block:IfFixedHeader}
div.post {
margin: 0px;
padding: 0px;
}
div.permalink a {
width: 150px;
margin-left: -190px;
text-align: right;
vertical-align: top;
font-size: 2.2em;
position: absolute;
z-index: 1000;
text-decoration: none;
color: {color:Permalink};
}
div.permalink {
opacity: 0;
filter:alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: -moz-opacity 0.5s ease-in;
transition: filter 0.5s ease-in;
}
div.post:hover div.permalink {
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
p.reblog, p.reblog a {
text-align: center;
margin-bottom: 1px;
text-decoration: none;
padding: 0.5em 0px;
}
div#twitter ul li {
list-style-type: none;
display: block;
padding: 0px 0px 6px;
}
div#twitter ul {
-webkit-padding-start: 0px;
padding-left: 0px;
}
div#twitter ul li a {
text-transform: uppercase;
text-decoration: none;
font-style: italic;
font-size: 0.7em;
display: block;
text-align: right;
}
div#twitter ul li span a {
text-transform: none;
font-style: normal;
colour: {color:Link};
font-size: 1em;
display: inline;
}
div.audio table {
width: auto;
margin: 0px auto;
padding: -8px 0px -4px 0px;
text-align: center;
}
div.audio table tr td {
border-radius: 4px;
height: 27px;
margin: 0px;
padding: 0px;
text-align: inherit;
vertical-align: middle;
background: #000000;
color: #FFFFFF;
}
div.audio table tr td a {
color: #FFFFFF;
text-decoration: none;
}
div.audio blockquote, div.audio p {
padding-left: 0px;
text-align: center;
border-left: 0px;
margin: -2px;
padding: 3px 0px;
}
div.chat td.label {
font-weight: bold;
font-variant: small-caps;
padding-right: 10px;
}
div.quotation {
font-size: 8em;
-webkit-transform: rotate(15deg);
display: block;
width: 20px;
font-family: 'Bookman Old Style', serif;
bottom: -2em;
height: 0px;
margin-left: -10px;
padding-top: 20px;
color: {color:Titles};
}
div.quote h4 {
padding-left: 50px;
}
div.quote p {
text-align: center;
text-decoration: overline;
}
h1, h1 a {
color: {color:Titles};
text-align: center;
letter-spacing: 2px;
line-height: 0.9em;
text-decoration: none;
font-weight: 100;
margin: 1em 0px;
font-size: 170%;
}
h2 {
padding: 0.8em 0 1em;
margin: 0px;
}
h3, h3 a {
color: {color:Titles};
font-weight: bold;
font-size: 1.2em;
margin: 0px;
padding: 1em 0px;
text-transform: uppercase;
}
h4 {
font-style: italic;
font-size: 1.4em;
word-spacing: -1px;
line-height: 1.5em;
font-weight: 100;
display: inline;
text-align: center;
}
blockquote {
padding-left: 10px;
border-left: 2px solid {color:Text};
margin: 3px 0 3px 10px;
}
iframe#ask_form {
overflow-y: hidden;
height: 100%;
}
div#search {
padding: 0.5em 0px;
margin: 0px 0px;
text-align: center;
width: 200px;
}
div#search input {
width: 180px;
border: 1px dotted {color:Accents};
color: {color:Text};
background: {color:Accents};
font-family: {font:Body};
font-size: {text:Base Font Size};
text-align: center;
}
div#following {
padding: 1em 0;
width: 100%;
}
div#following img {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: -moz-opacity 0.5s ease-in;
transition: filter 0.5s ease-in;
}
div#following img:hover {
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
ol.notes {
margin-left: -10px;
}
ol.notes li.note {
list-style-type: none;
padding: 0px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 5px;
width: 16px;
height: 16px;
}
ol.notes li.note blockquote {
border-left: 16px solid {color:Text};
padding: 6px 10px;
margin: 0px;
font-style: italic;
}
ol.notes li.note .answer_content {
font-weight: normal;
font-style: italic;
padding: 6px 10px;
border-left: 16px solid {color:Text};
display: block;
}
div#postinfo {
text-transform: uppercase;
font-size: 0.8em;
font-style: italic;
text-align: left;
padding: 2em 0;
}
div#pagination {
margin: 2em auto;
color: {color:Text};
font-size: 1.3em;
text-align: center;
}
div#pagination a {
color: {color:Text};
text-decoration: none;
}
div#pagination a:hover {
color: {color:Link};
}
.invisible {
visibility: hidden;
}
ul#drawers {
width: 200px;
list-style: none;
margin: 0 auto;
padding: 0px;
{block:IfDottedBorder}
border: 1px dotted {color:Accents};
{/block:IfDottedBorder}
border-top: 0px;
color: {color:Titles};
}
ul#drawers a {
text-decoration: none;
color: {color:Titles};
}
ul#drawers li h2 {
margin: 0;
padding: 4px;
text-transform: uppercase;
font-size: 1em;
text-align: center;
{block:IfDottedBorder}
border-top: 1px dotted {color:Accents};
{/block:IfDottedBorder}
background-color: {color:Background};
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
cursor: help;
}
ul#drawers li h2:hover {
background-color: {color:Accents};
}
h2.small {
display: table-cell;
width: 100px;
margin: 0px;
height: 100%;
}
li.drawer h2.open {
background-color: {color:Accents};
border-top: 0px;
}
li.drawer div {
padding: 1em;
margin: 0px;
line-height: 1em;
background-color: {color:Background};
}
li.drawer div li {
list-style-type: square;
}
li.drawer div ul {
-webkit-padding-start: 20px;
}
{CustomCSS}
</style>
<script type="text/javascript" src="/tweets.js"></script>
</head>
<body>
<div id="side">
<ul id="drawers">
<li class="drawer" id="info">
<h2>info</h2>
<div>
<p>{block:Description}{Description}{/block:Description}</p>
</div>
</li>
<li class="drawer" id="links">
<h2>links</h2>
<div>
<ul>
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
{block:SubmissionsEnabled}
<li><a href="/submit">{SubmitLabel}</a></li>
{/block:SubmissionsEnabled}
{block:AskEnabled}
<li><a href="/ask">{AskLabel}</a></li>
{/block:AskEnabled}
<li><a href="/archive">Archive</a></li>
<li><a href="{RSS}">RSS</a></li>
</ul>
</div>
</li>
{block:IfShowTwitter}
<li class="drawer" id="twitter">
<h2>twitter</h2>
{block:Twitter}<div id="twitter">
<div id="twitterfeed" style="padding: 0px;">
<ul id="twitter_update_list"></ul>
<script type="text/javascript" src="http://static.tumblr.com/3driglx/YU4l2tu9g/themocritytwitter.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{TwitterUsername}.json?callback=twitterCallback2&count=3"></script>
</div>
</div>{/block:Twitter}
</li>
{/block:IfShowTwitter}
<li class="drawer" id="search">
<h2>search</h2>
<div id="search">
<form method="get" action="/search">
<input type="text" class="search" value="{SearchQuery}" name="q" id="search-input"
onfocus="if (this.className=='search') { this.className = ''; this.value = ''; }"
onblur="if (this.value == '') { this.className = 'search'; this.value = 'Search'; }"/>
</form>
</div>
</li>
{block:IfShowFollowing}
<li class="drawer">
<h2>following</h2>
{block:Following}<div id="following">
{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-16}" width="16" height="16" style="padding: 2px;" />{/block:Followed}
</div>{/block:Following}
</li>{/block:IfShowFollowing}
</ul>
</div>
<div id="header" style="padding-top: {text:Post Space}">
<a href="/">
{block:IfTitleImage}<img src="{image:Title}" border="0" style="margin: 0px auto; padding-right: 16px;">{/block:IfTitleImage}
{block:IfNotTitleImage}<h1><a href="/">{Title}</a></h1>{/block:IfNotTitleImage}
</a>
</div>
<div id="shell" style="padding-top: {text:Post Space};">
<div style="height: {text:Post Space};"></div>
{block:TagPage}
<div class="post" style="padding: 0px 0px {block:IndexPage}{text:Post Space}{/block:IndexPage}{block:PermalinkPage}1em{/block:PermalinkPage} 0px;">
<h2>posts tagged <em style="text-transform: uppercase;">{Tag}</em></h2>
</div>
{/block:TagPage}
{block:SearchPage}
<div class="post" style="padding: 0px 0px {block:IndexPage}{text:Post Space}{/block:IndexPage}{block:PermalinkPage}1em{/block:PermalinkPage} 0px;">
<h2>search results for <em style="text-transform: uppercase;">{SearchQuery}</em>
{block:NoSearchResults}<br/>none found{/block:NoSearchResults}
</h2></div>
{/block:SearchPage}
{block:Posts}
<div class="post" style="padding: 0px 0px {block:IndexPage}{text:Post Space}{/block:IndexPage}{block:PermalinkPage}1em{/block:PermalinkPage} 0px;">
<br>
{block:IndexPage}
<div class="permalink"><a href="{Permalink}">{block:IfNotPermalinkImage}{text:Permalink Text}{/block:IfNotPermalinkImage}{block:IfPermalinkImage}<img src="{Image:Permalink}" alt="permalink">{/block:IfPermalinkImage}</a></div>
{/block:IndexPage}
<br>
<br>
{block:Text}<div class="text">
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
</div>{/block:Text}
{block:Photo}<div class="photo">
{block:IndexPage}
{block:RebloggedFrom}
<p class="reblog">
<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">{ReblogParentName}</a>
›
<a href="{ReblogRootURL}" title="originally from {ReblogRootName}">{ReblogRootName}</a>
</p>
{/block:RebloggedFrom}
{/block:IndexPage}
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="600px">
{LinkCloseTag}
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}
</div>{/block:Photo}
{block:Photoset}<div class="photoset">
{block:IndexPage}
{block:RebloggedFrom}
<p class="reblog">
<a href="{ReblogParentURL}">{ReblogParentName}</a>
‹
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</p>
{/block:RebloggedFrom}
{/block:IndexPage}
{Photoset-500}
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}
</div>{/block:Photoset}
{block:Quote}<div class="quote">
<div class="quotation">"</div>
<h4>{Quote}</h4>
<div class="quotation" style="float: right; margin-top: 20px; margin-left: 30px;">"</div>
{block:Source}<p> {Source} </p>{/block:Source} </div>{/block:Quote}
{block:Link}<div class="link">
<h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
{block:Description}<p>{Description}</p>{/block:Description}
</div>{/block:Link}
{block:Chat}<div class="chat">
{block:Title}<h3>{Title}</h3>{/block:Title}
<table class="chat">
{block:Lines}
<tr>
{block:Label}<td class="label">{Label}</td>{/block:Label}
<td class="line">{Line}</td>
</tr>
{/block:Lines}
</table>
</div>{/block:Chat}
{block:Audio}<div class="audio">
<table cellspacing="8px" cellpadding="0"><tr>
{block:AlbumArt}
<td><a href="{Permalink}">
<img border="0" src="{AlbumArtUrl}" width="27px" height="27px" style="border-radius: 4px;" />
</a></td>
{/block:AlbumArt}
<td width="211px">{AudioPlayerBlack}</td>
{block:ExternalAudio}
<td width="27px"><a href="{ExternalAudioURL}"><img border="0" src="http://static.tumblr.com/me5sfsd/HVel40cks/download.jpg" alt="download" /></a></td>
{/block:ExternalAudio}
</tr>
</table>
{block:Caption}<p>{Caption}</p>{/block:Caption}
</div>{/block:Audio}
{block:Video}<div class="video">
{block:IndexPage}
{block:RebloggedFrom}
<p class="reblog">
<a href="{ReblogParentURL}">{ReblogParentName}</a>
‹
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</p>
{/block:RebloggedFrom}
{/block:IndexPage}
<center>{Video-500}</center>
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}
</div>{/block:Video}
{block:Answer}<div class="answer">
<p><a href="http://{PlaintextAsker}.tumblr.com">Question</a>:<br />
<strong>{Question}</strong></p>
<p><a href="/">Answer</a>:<br />
{PlaintextAnswer}</p>
</div>{/block:Answer}
</div>
{block:Date}{block:PermalinkPage}
<div id="postinfo">
{block:Text}Text {/block:Text}
{block:Photo}Photo {/block:Photo}
{block:Photoset}Photoset {/block:Photoset}
{block:Video}Video {/block:Video}
{block:Audio}Audio {/block:Audio}
{block:Link}Link {/block:Link}
{block:Quote}Quote {/block:Quote}
{block:Chat}Conversation {/block:Chat}
{block:Answer}Response {/block:Answer}
posted {TimeAgo}{block:NoteCount}
with {NoteCountWithLabel}{/block:NoteCount}
{block:Audio} and {PlayCountWithLabel}{/block:Audio}
<br />
{block:HasTags}
Tags:
{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}
</div>
{/block:PermalinkPage}{/block:Date}
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}
<div id="pagination">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}"> newer</a> {/block:PreviousPage}
{CurrentPage}{TotalPages}
{block:NextPage} <a href="{NextPage}">older </a>{/block:NextPage}<br /><br />
{/block:Pagination}
{block:PermalinkPagination}
{block:PreviousPost}<a href="{PreviousPost}"> newer</a> {/block:PreviousPost}
{block:NextPost} <a href="{NextPost}">older </a>{/block:NextPost}<br /><br />
{/block:PermalinkPagination}
<font size="1em"><a href="http://pouretrebelle.thecdexperiment.com/themes">theme</a> by <a href="http://pouretrebelle.thecdexperiment.com/">pouretrebelle</a></font>
</div>
</div>
</body>
</html>