<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
<style>
/* General styling */
body {
padding: 0; margin: 0;
background: #FFF;
font: 14px/20px Georgia, serif;
}
h1 { width: 540px; margin: 0 auto; }
h1 a, h1 {
color: #000; line-height: 1.2;
text-decoration: none;
font-family: Georgia, serif;
font-size: 19px;
font-weight: normal;
}
h1 a:hover { color: inherit; }
h2 { margin-top: 0; font-size: 16px; }
/* "fake smallcaps" */
h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
object { margin-bottom: 1em; margin-top: 0.5em; }
sup { line-height: 1; }
p, pre { margin-top: 0; padding-top: 0; }
img { display: block; margin-bottom: 20px; margin-top: 5px; }
a { color: #346b9a; text-decoration: none; }
a:hover { color: #9A6934; }
a img { outline: 0; border: none; }
blockquote {
width: 470px;
margin-left: -30px;
padding-left: 30px;
color: #222;
/* This is the quote mark in the left corner (also, the only image
in this theme). Remove if you don't want it. */
background: url(http://static.tumblr.com/zipqugy/HJFkikpts/aster.png)
top left no-repeat;
font-style: italic;
margin-top: 0;
}
/* Make nested blockquotes behave. */
blockquote blockquote { margin-left: 0; }
/* ems in blockquotes look like normal text. Could be confusing; should work
fine unless there is a giant em block at the end of the blockquote, or
worse, making up the whole blockquote. Remove if you don't want to take
that risk, but instead suffer from a lack of distinguished emphasis in
blockquotes. */
blockquote em { font-style: normal; }
blockquote ul, blockquote ol { padding-left: 2em; }
ul, ol { padding-left: 0; }
/* Specific elements. */
div#head {
padding: 60px;
}
div#main {
width: 800px;
margin: 0 auto;
}
a#past { float: left; }
a#future { float: right; margin-right: 4px; }
span#page { float: left; width: 300px; text-align: center; color: #666; }
div#last { margin-bottom: 2em; }
ul#bottom {
list-style: none; padding-top: 0; margin-top: 0; padding-left: 0; margin-left: 0;
width: 340px; float: left; margin-bottom: 2em;
}
ul#bottom li {
float: left; margin-right: 40px; padding-left: 0;
}
div#foot {
width: 540px; margin: 0 auto;
margin-bottom: 40px;
}
/* Various repeated elements. */
span.permalink {
float: left; width: 130px;
font-size: 12px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
}
span.permalink a {
text-decoration: none;
}
div.realpost {
float: left;
width: 650px;
margin-bottom: 4em; padding-top: 0; margin-top: 0;
}
div.realpost div {
/* sorry, css gods */
width: 500px;
padding-top: 0;
}
div.audio embed { margin-top: .3em; margin-bottom: 1em; }
div.chat ol {
list-style: none; margin-top: 0;
}
span.label { font-weight: bold; }
h2 { margin-top: 0; font-size: 16px; }
div.text h2 a { color: #000; }
/* In case you want to quote in quote post, we need to distinguish
*the* quote from any other blockquotes in the post. (No yo dawgs
here. It might be useful.) */
blockquote.thequote {
font-size: 1.25em; line-height: 1.3; color: #000;
}
{CustomCSS}
</style>
</head>
<body>
<div id="head">
<h1><a href="/">{Title}</a> <em>is a tumblelog</em>.</h1>
</div>
<div id="main">
{block:SearchPage}
<div class="post search">
<span class="permalink">Search</span>
<div class="realpost"><div>
{SearchResultCount} result(s) for <strong>{SearchQuery}</strong>.
</div></div></div>
{/block:SearchPage}
{block:Posts}
{block:Link}
<div class="post link">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
</div></div>
</div>
{/block:Link}
{block:Chat}
<div class="post chat">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ol>
{block:Lines}
<li>{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</li>
{/block:Lines}
</ol>
</div></div>
</div>
{/block:Chat}
{block:Video}
<div class="post video">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
{Video-500}
{block:Caption}{Caption}{/block:Caption}
</div></div>
</div>
{/block:Video}
{block:Audio}
<div class="post audio">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
{AudioPlayerBlack}
{block:Caption}{Caption}{/block:Caption}
</div></div>
</div>
{/block:Audio}
{block:Photo}
<div class="post photo">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
{LinkOpenTag}
<img src="{PhotoUrl-500}" />
{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
</div></div>
</div>{/block:Photo}
{block:Quote}
<div class="post quote">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
<blockquote class="thequote">{Quote}</blockquote>
{block:Source}{Source}{/block:Source}
</div></div>
</div>{/block:Quote}
{block:Text}
<div class="post text">
<span class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></span>
<div class="realpost"><div>
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div></div>
</div>{/block:Text}
{/block:Posts}
{block:IndexPage}
{block:Pagination}
<div class="post">
<span class="permalink"><strong>Navigate</strong></span>
<div class="realpost"><div>
{block:NextPage}<a href="{NextPage}" id="past">« To the past</a>{/block:NextPage}
<span id="page">Page {CurrentPage} of {TotalPages}</span>
{block:PreviousPage}<a href="{PreviousPage}" id="future">To the future »</a>{/block:PreviousPage}
</div></div>
</div>
{/block:Pagination}
{/block:IndexPage}
<div class="post last">
<span class="permalink"><strong>About</strong></span>
<div class="realpost" id="last"><div>
{Description}
You can <a href="/rss/">subscribe via RSS</a>.
</div></div>
</div>
<div id="foot">
<ul id="bottom">
<li><a href="http://tumblr.com/">Tumblr</a></li>
<li>Theme by <a href="http://dailymeh.tumblr.com/">Simen</a></li>
</ul>
<form action="/search" method="get">
<input type="text" name="q" value="search" onclick="javascript:if (this.value == 'search') this.value = '';"/>
</form>
</div>
</div>
</body>
</html>