<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss/">
<title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
<style>
/* Basic formatting */
html {
background: url(http://data.tumblr.com/UakmKxshP1owu1i5vKq50q0A_500.png) #F0F0D8 left repeat-y;
}
body {
padding-left: 100px;
}
h1 {
margin-top: 1em;
margin-bottom: 1em;
}
#menu {
float: left;
width: 200px;
}
img {
display: block;
margin-top: 5px;
padding-top: 10px;
margin-bottom: 1em;
}
#nav {
list-style: none;
padding: 0;
margin-left: 0;
}
#nav li a {
display: block;
padding: .2em;
padding-left: 0;
}
#content {
width: 530px;
float: left;
padding: 0;
margin-top: 1.5em;
margin-left: 60px;
}
a img { border: none; }
/* Posts */
.post {
margin-left: 30px;
margin-bottom: 4em;
}
.date {
margin-bottom: 1.5em;
margin-top: 3px;
}
.perma {
margin-top: 3px;
float: left;
}
blockquote {
background: #FFF;
margin-left: 0;
margin-right: 0;
width: 500px;
padding: 0.5em;
border-left: .1em #604848 solid;
}
blockquote blockquote { max-width: 90%; }
#time-machine {
padding-bottom: 1em;
border-bottom: 1px #604848 solid;
width: 500px;
}
#time-machine span, #time-machine a {
margin-left: 1em;
}
#time-machine a {
border-bottom: none;
}
/* Everything pertaining to fonts and text formatting */
body {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1, h2, h3, h4, #time-machine a {
font-family: Georgia, serif;
}
h1 {
font-weight: normal;
text-transform: uppercase;
font-size: 1.5em;
line-height: 1em;
}
h1 a {
color: #604848;
text-decoration: none;
}
#description {
font-size: 0.75em;
line-height: 1.5em;
}
#nav li a {
text-decoration: none;
color: #604848;
text-transform: uppercase;
}
#nav {
line-height: 1.31em;
font-size: 0.88em;
}
h1 a:hover, #nav li a:hover {
color: #000;
}
.post h2 a {
color: #604848;
font-weight: lighter;
line-height: 24px;
text-decoration: underline;
font-size: 0.9em;
}
.post h2 a:hover {
text-decoration: underline; color: #333; background: #F0F0D8;
}
.date {
font-size: 1em;
color: #333;
font-weight: normal;
text-transform: uppercase;
}
.perma {
color: #604848;
text-decoration: none;
font-family: Verdana, serif;
vertical-align: bottom;
}
.perma:hover {
background: #604848;
color: #FFF;
}
.text h2 a, .chat h2 a {
text-decoration: none;
}
.post {
line-height: 18px;
font-size: 0.88em;
}
.link h2 a {
text-decoration: none;
}
p a, .post a {
color: #604848;
}
p a:hover, .post a:hover {
text-decoration: none;
background: #FFF;
}
object, embed {
display: block;
margin-bottom: 1em;
}
#time-machine, #footer {
text-align: center;
}
#time-machine a {
text-transform: uppercase;
}
{CustomCSS}
</style>
</head>
<body>
<div id="menu">
<h1><a href="/">{Title}</a></h1>
<ul id="nav">
<li><a href="{RSS}">RSS feed</a></li>
<li><a href="/archive/">Archive</a></li>
</ul>
<p id="description">
{Description}
</p>
</div>
<div id="content">
{block:Posts}
{block:NewDayDate}
<h2 class="date">{Month} {DayOfMonth}, {Year}</h2>
{/block:NewDayDate}
{block:Text}
<a href="{Permalink}" class="perma">...</a>
<div class="post link">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Text}
{block:Quote}
<a href="{Permalink}" class="perma">∞</a>
<div class="post quote">
<blockquote class="the-quote">
{Quote}
</blockquote>
{block:Source}{Source}{/block:Source}
</div>
{/block:Quote}
{block:Link}
<a href="{Permalink}" class="perma">→</a>
<div class="post link">
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{Description}
</div>
{/block:Link}
{block:Chat}
<a href="{Permalink}" class="perma">∞</a>
<div class="post chat">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<blockquote>
{block:Lines}
<p>
{block:Label}
<strong>{Label}</strong>
{/block:Label}
{Line}
</p>
{/block:Lines}
</blockquote>
</div>
{/block:Chat}
{block:Audio}
<a href="{Permalink}" class="perma">♫</a>
<div class="post audio">
{AudioPlayerWhite}
{block:Caption}
{Caption}
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<a href="{Permalink}" class="perma">∞</a>
<div class="post video">
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
</div>
{/block:Video}
{block:Photo}
<a href="{Permalink}" class="perma">∞</a>
<div class="post photo">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
</div>
{/block:Photo}
{/block:Posts}
<div class="post">
<p id="time-machine">
{block:NextPage}
<a href="{NextPage}">← Backward in time</a>
{/block:NextPage}
<span>Page {CurrentPage} of {TotalPages}</span>
{block:PreviousPage}
<a href="{PreviousPage}">Forward in time →</a>
{/block:PreviousPage}
</p>
<p id="footer">Powered by <a href="http://tumblr.com/">Tumblr</a>. Design by <a href="http://dailymeh.tumblr.com/">Simen</a>.</p>
</div>
</div>
</body>
</html>