Created
March 29, 2009 02:21
-
-
Save gkojax/87265 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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" xml:lang="en" lang="en"> | |
<head> | |
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> | |
<link rel="icon" href="{Favicon}"/> | |
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
<meta name="viewport" content="width=775"/> | |
<!-- DEFAULT COLORS --> | |
<meta name="color:Background" content="#eee"/> | |
<meta name="color:Content Background" content="#fff"/> | |
<meta name="color:Description Background" content="#eee"/> | |
<meta name="color:Chat Background Even" content="#fff"/> | |
<meta name="color:Chat Background Odd" content="#eee"/> | |
<meta name="color:Sidebar Background" content="#e0e0e0"/> | |
<meta name="color:Code Background" content="#eee"/> | |
<meta name="color:Code Border" content="#ddd"/> | |
<meta name="color:Content Background" content="#fff"/> | |
<meta name="color:Content Background" content="#fff"/> | |
<meta name="color:Description Shadow" content="#ddd"/> | |
<meta name="color:Sidebar Shadow" content="#ddd"/> | |
<meta name="color:Content Border" content="#ccc"/> | |
<meta name="color:Footer Border" content="#ccc"/> | |
<meta name="color:Blockquote Border" content="#ccc"/> | |
<meta name="color:Chat Border" content="#ccc"/> | |
<meta name="color:Chat Odd" content="#9B3321"/> | |
<meta name="color:Chat Even" content="#7F99B4"/> | |
<meta name="color:Content Font" content="#555"/> | |
<meta name="color:Header and Footer Font" content="#555"/> | |
<meta name="color:Headings" content="#aaa"/> | |
<meta name="color:Hyperlink" content="#596C86"/> | |
<meta name="color:Sidebar Hyperlink" content="#555"/> | |
<meta name="color:Sidebar Hyperlink Border" content="#999"/> | |
<meta name="color:Visited Hyperlink" content="#582525"/> | |
<!-- END DEFAULT COLORS --> | |
<style type="text/css"> | |
body, h1, h2, h3, blockquote, p, ul, ol, img { border: 0; margin: 0; padding: 0; font-size: 1em; } | |
body { | |
background: {color:Background}; | |
color: {color:Content Font}; | |
font: 62.5% Helvetica, Arial, sans-serif; | |
} | |
a { color: {color:Hyperlink}; } | |
a:visited { color: {color:Visited Hyperlink}; } | |
#header p, .post .sidebar p, .description, #footer .footer, #footer .description p { | |
font-size: 1.1em; | |
line-height: 1.6363em; | |
} | |
code, pre { | |
background: {color:Code Background}; | |
padding: 3px; | |
font-size: 11px; | |
} | |
pre { | |
border: 1px solid {color:Code Border}; | |
} | |
#container { | |
margin: 0 auto; | |
width: 70em; | |
} | |
#header { | |
padding: 3em; | |
} | |
#header h1 { | |
position: relative; | |
height: 6em; | |
overflow: hidden; | |
margin-bottom: 1em; | |
} | |
#header h1 a { | |
color: {color:Header and Footer font}; | |
line-height: 1em; | |
letter-spacing: -0.1em; | |
margin-left: -0.06em; | |
text-decoration: none; | |
} | |
#header p { | |
color: {color:Header and Footer Font}; | |
padding-right: 25em; | |
} | |
#contents .post { | |
background: {color:Sidebar Background}; | |
border-top: 1px solid {color:Content Border}; | |
clear: right; | |
} | |
#contents .post:first-child { | |
border-top: 0; | |
} | |
.post .sidebar { | |
float: right; | |
padding: 3em 0 0; | |
width: 21em; | |
} | |
.post .sidebar h2 { | |
color: {color:Headings}; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 150%; | |
margin-bottom: 0.618em; | |
} | |
.post .sidebar a { | |
color: {color:Sidebar Hyperlink}; | |
text-decoration: none; | |
border-bottom: 1px dotted {color:Sidebar Hyperlink Border}; | |
} | |
.post .content { | |
background: {color:Content Background}; | |
border-right: 0.5em solid {color:Sidebar Shadow}; | |
margin-right: 23.5em; | |
min-height: 7.2em; | |
padding: 3em; | |
} | |
.post .description { | |
background: {color:Description Background}; | |
border-top: 1px solid {color:Description Shadow}; | |
margin-top: 2em; | |
padding: 1.5em; | |
} | |
.description + .description { | |
margin-top: 0; | |
} | |
#footer { | |
padding: 3em; | |
} | |
#footer .description { | |
float: left; | |
width: 29em; | |
padding-bottom: 1.2em; | |
} | |
#footer .follow { | |
float: right; | |
width: 29em; | |
margin-left: 3em; | |
padding-bottom: 3em; | |
} | |
#footer .footer { | |
clear: both; | |
margin-top: 1em; | |
border-top: 1px solid {color:Footer Border}; | |
padding-top: 3em; | |
text-align: center; | |
} | |
#footer h2 { | |
color: {color:Headings}; | |
font-size: 1.7em; | |
font-weight: normal; | |
line-height: 1.5em; | |
margin-bottom: 0.618em; | |
} | |
#footer .description p { | |
color: {color:Header and Footer Font}; | |
margin-bottom: 1.6363em; | |
} | |
#footer .description img { | |
float: left; | |
margin-right: 10px; | |
} | |
#footer .follow ul li { | |
float: left; | |
margin-right: 2px; | |
list-style: none; | |
} | |
/* General */ | |
.post h3 { | |
font-size: 1.7em; | |
font-weight: normal; | |
line-height: 1.5em; | |
margin-bottom: 0.618em; | |
} | |
.post blockquote { | |
border-left: 0.5em solid {color:Blockquote Border}; | |
padding-left: 1em; | |
font-style: italic; | |
} | |
.post p, .post blockquote, .post ul, .post ol { | |
margin-top: 1.0em; | |
} | |
.post p:first-child, .post blockquote:first-child, .post ul:first-child, .post ol:first-child { | |
margin-top: 0; | |
} | |
.post .nav { | |
min-height: 0 !important; | |
} | |
/* Links */ | |
.post .link h3 { | |
margin: 0; | |
} | |
/* Quote */ | |
.post .quote .symbol { | |
font-size: 5em; | |
margin-top: -0.1em; | |
float: left; | |
} | |
.post .quote .quote { | |
font-size: 14px; | |
line-height: 150%; | |
margin-left: 1.5em; | |
} | |
/* Conversation */ | |
.post .conversation ul { | |
list-style: none; | |
border-left: 0.5em solid {color:Chat Border}; | |
} | |
.post .conversation ul li { | |
font-size: 1.2em; | |
line-height: 1.5em; | |
padding: 0.25em 0.5em; | |
} | |
.post .conversation ul li { | |
background: {color:Chat Background Even}; | |
} | |
.post .conversation ul li.odd { | |
background: {color:Chat Background Odd}; | |
} | |
.post .conversation .label { | |
color: {color:Chat Even}; | |
font-weight: bold; | |
} | |
.post .conversation .odd .label { | |
color: {color:Chat Odd}; | |
} | |
/* Text */ | |
.post .text .go { | |
font-size: 1.2em; | |
line-height: 1.5em; | |
} | |
.post .text blockquote { | |
line-height: 1.5em; | |
} | |
.post .text ul, .post .text ol, .post .description ol, .post .description ul { | |
padding-left: 2.5em; | |
} | |
{CustomCSS} | |
</style> | |
</head> | |
<body> | |
<div id="container"> | |
<div id="contents"> | |
{block:Posts} | |
<div class="post"> | |
<div class="sidebar"> | |
<p> | |
{ShortYear}/{MonthNumberWithZero}/{DayOfMonthWithZero} {24HourWithZero}:{Minutes}:{Seconds}<br/> | |
{block:RebloggedFrom} | |
<a href="{ReblogRootURL}">{ReblogRootTitle}</a> -><br/> | |
{/block:RebloggedFrom} | |
{block:NoteCount}{NoteCountWithLabel}<br/>{/block:NoteCount} | |
{block:Regular} | |
<a href="{Permalink}">Some nice text</a></p> | |
</div> | |
<div class="content text"> | |
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title} | |
<div class="go"> | |
{Body} | |
</div> | |
{/block:Regular} | |
{block:Photo} | |
<a href="{Permalink}">A nice image</a></p> | |
</div> | |
<div class="content image"> | |
{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
{block:Caption} | |
<div class="description">{Caption}</div> | |
{/block:Caption} | |
{/block:Photo} | |
{block:Quote} | |
<a href="{Permalink}">A memorable quote</a></p> | |
</div> | |
<div class="content quote"> | |
<div class="symbol">“</div> | |
<div class="quote"> | |
{Quote} | |
</div> | |
{block:Source} | |
<div class="description">— {Source}</div> | |
{/block:Source} | |
{/block:Quote} | |
{block:Link} | |
<a href="{Permalink}">Super hyperlink!</a></p> | |
</div> | |
<div class="content link"> | |
<h3><a href="{URL}" class="link" {Target}>{Name}</a></h3> | |
{block:Description} | |
<div class="description">{Description}</div> | |
{/block:Description} | |
{/block:Link} | |
{block:Conversation} | |
<a href="{Permalink}">Worth remembering</a></p> | |
</div> | |
<div class="content conversation"> | |
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title} | |
<ul> | |
{block:Lines} | |
<li class="{Alt}"> | |
{block:Label}<span class="label">{Label}</span>{/block:Label} | |
{Line} | |
</li> | |
{/block:Lines} | |
</ul> | |
{/block:Conversation} | |
{block:Audio} | |
<a href="{Permalink}">Audio</a></p> | |
</div> | |
<div class="content audio"> | |
{AudioPlayerGrey} | |
{block:Caption} | |
<div class="description">{Caption}</div> | |
{/block:Caption} | |
{/block:Audio} | |
{block:Video} | |
<a href="{Permalink}">Awesome video</a></p> | |
</div> | |
<div class="content video"> | |
{Video-250} | |
{block:Caption} | |
<div class="description">{Caption}</div> | |
{/block:Caption} | |
{/block:Video} | |
</div> | |
</div> | |
{/block:Posts} | |
{block:IndexPage} | |
<div class="postb"> | |
<div class="content nav"> | |
{block:PreviousPage} | |
<a href="{PreviousPage}">previous</a> | |
{/block:PreviousPage} | |
{block:NextPage} | |
<a href="{NextPage}">next »</a> | |
{/block:NextPage} | |
</div> | |
</div> | |
{/block:IndexPage} | |
</div> | |
<a name="description"></a> | |
<div id="footer"> | |
<div class="description"> | |
<p>{Description}</p> | |
</div> | |
<div class="follow"> | |
</div> | |
<p class="footer"><a href="/">{Title}</a> / Design by <a href="http://www.purrito.net">Marcus Olovsson</a> / Powered by <a href="http://www.tumblr.com">Tumblr</a> / Here's a <a href="{RSS}">feed</a> if you want.</p> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment