Skip to content

Instantly share code, notes, and snippets.

@scottjacksonx

scottjacksonx/Damon's Tumblr Theme

Created July 23, 2010 15:55
Show Gist options
  • Save scottjacksonx/487625 to your computer and use it in GitHub Desktop.
Save scottjacksonx/487625 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Damon's Tumblr Theme
<!DOCTYPE html>
<html>
<head>
<title>{Title}</title>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Link" content="#000000"/>
<meta name="font:Text" content="Helvetica"/>
<meta name="viewport" content="width= 600">
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<style type="text/css">
body {
font-family: {font:Text};
font-size: 10pt;
color: {color:Text};
background-color: {color:Background};
}
#content {
width: 500px;
margin: 0 auto;
padding-top: 20px;
}
h1 {
font-size: 22px;
letter-spacing: -2px;
text-align: center;
font-weight: normal;
}
h2 {
font-weight: normal;
font-size: 18px;
text-transform: lowercase;
font-color: #000;
text-align: center;
}
h3 {
font-size: 14px;
letter-spacing: -1px;
}
h4 {
font-size: 14px;
}
.links {
text-align: center;
font-size: 8pt;
letter-spacing: 2px;
background-color: #F5F5F5;
padding-top: 5px;
padding-bottom: 5px;
margin: 0 auto;
top: 0px;
left: 0px;
width: 100%;
position: absolute;
}
.postspace {
margin-bottom: 40px;
}
.image {
border:none;
}
.image:hover {
text-decoration: none;
}
a {
color: {color:Link};
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #000;
}
.header {
z-index: 2;
line-height: 1px;
border-top:0px solid #272424;
padding-bottom:0px;
background-color:{color:background};
opacity:.81;
}
.description {
font-size: 8pt;
background-color:{color:background};
}
.posts {
font-size: 11px;
margin-top: 10px;
}
.permalink {
margin-top: 20px;
margin-bottom: 5px;
text-align: left;
}
.credit {
font-size: 8pt;
text-align: center;
vertical-align: middle;
padding: 5px;
margin-top: 20px;
border-top: 1px solid #999;
}
.nav {
font-size: 18pt;
text-align: center;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="links">
<a href="/">home</a> /
<a href="/ask">ask</a> /
<a href="/archive">archive</a> /
<a href="{RSS}">rss</a> /
<a href="http://twitter.com/dieburgschaft">twitter</a> /
<a href="/about">about</a>
</div>
<div id="content">
<div class="header">
<h1>
<a href="/">{Title}</a>
</h1>
</div>
<div class="description">
{Description}
</div>
<div class="posts">
{block:Posts}
{block:Pages}
{/block:Pages}
{block:IndexPage}
<div class="permalink">
<a href="{Permalink}">+</a>
</div>
{/block:IndexPage}
{block:Text}
<div class="postspace">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="postspace">
{LinkOpenTag}
<div class="image">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
</div>
{LinkCloseTag}
{block:Caption}
<div class="caption">
<p>{Caption}</p>
</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Photoset}
<div class="postspace">
{Photoset-500}
{block:Caption}
<div class="caption">
<p>{Caption}</p>
</div>
{/block:Caption}
</div>
{/block:Photoset}
{block:Answer}
<div class="postspace">
<h3>{Asker} asked:</h3> {Question}
<h3><a href="/">I</a> answered:</h3> {Answer}
</div>
{/block:Answer}
{block:Quote}
<div class="postspace">
<blockquote>
{Quote}
</blockquote>
{block:Source}
{Source}
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="postspace">
<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>
{block:Description}
<div class="description">
<p>{Description}</p>
</div>
{/block:Description}
</div>
{/block:Link}
{block:Chat}
<div class="postspace">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<ul class="chat">
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</div>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Video}
<div class="postspace">
{Video-500}
{block:Caption}
<div class="caption">
<p>{Caption}</p>
</div>
{/block:Caption}
</div>
{/block:Video}
{block:Audio}
<div class="postspace">
{AudioPlayerGrey}
{block:Caption}
<div class="caption">
<p>{Caption}</p>
</div>
{/block:Caption}
</div>
{/block:Audio}
{/block:Posts}
{block:PostNotes}
<div id="postnotes">
<h3 id="notes">Notes</h3>
<p>{PostNotes}</p>
</div>
{/block:PostNotes}
</div>
<div class="nav">
<span style="float:left;">{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}</span>
<span style="float:right">{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</span>
</div>
<div class="credit">
<a href="http://scottjackson.org">(theme by)</a>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17546831-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment