Skip to content

Instantly share code, notes, and snippets.

@meleyal
Created February 10, 2010 11:31
Show Gist options
  • Save meleyal/300227 to your computer and use it in GitHub Desktop.
Save meleyal/300227 to your computer and use it in GitHub Desktop.
theme.jstn.cc
<!doctype html>
<html lang="en">
<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="icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
<meta name="color:Link Hover" content="#ff0000">
<style type="text/css">
/* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}a{outline:none;}
body { background: #fff; font: normal 12px/17px helvetica,sans-serif; }
h1, h2, h3, p, ul, ol { margin-bottom: 1em; }
a { color: #000; }
a:hover { color: {color:Link Hover}; }
strong { font-weight: bold; }
em { font-style: italic; }
ul.tumblr { width: 500px; margin: 0 auto; padding-top: 15px; }
ul.tumblr li.post { margin-bottom: 60px; position: relative; }
ul.tumblr li.post h2 { font-weight: bold; }
ul.tumblr li.post ul li { list-style-type: disc; list-style-position: inside; }
ul.tumblr li.post .quote q { font-size: 21px; line-height: 23px; }
ul.tumblr li.post .quote .source { font-size: 11px; margin-top: 4px; }
ul.tumblr li.post .conversation em { padding-right: 0.25em; }
ul.tumblr li.post .audio .caption, ul.tumblr li.post .photo .caption, ul.tumblr li.post .video .caption { padding-top: 6px; }
ul.tumblr li.post .audio .playcount { color: #ccc; margin-top: 3px; font-size: 11px; }
ul.tumblr li.post blockquote { border-left: 3px solid #000; padding: 0px 15px; margin: 5px 10px 15px 10px; }
ul.tumblr li.post p { margin-bottom: 1em; }
ul.tumblr li.post div.digest { position: absolute; top: 0px; left: 500px; padding-left: 30px; width: 100px; }
ul.tumblr li.post div.digest .date { margin-bottom: 5px; font-size: 11px; color: #ccc; }
ul.tumblr li.post div.permalink a { text-decoration: none; font-size: 11px; color: #ccc; }
ul.tumblr li.post div.permalink a:hover { color: #666; }
ul.tumblr li.pagers { text-align: center; margin: 60px 0 20px 0; }
ul.tumblr li.pagers span { font-size: 11px; color: #ccc; }
ul.tumblr li.pagers a { font-weight: bold; }
ul.tumblr li.footer { text-align: left; margin-bottom: 30px; font-size: 10px; color: #999; }
ul.tumblr li.footer a { color: #999; }
ul.tumblr li.footer a:hover { color: {color:Link Hover}; }
div.flag { position: fixed; top: 0; left: 0; width: 165px; padding: 8px 0 0 15px; }
div.flag h1 { font-weight: bold; font-size: 16px; line-height: 30px; margin-bottom: 0.8em; }
div.flag h1 a { text-decoration: none; }
div.flag h1 a:hover { color: {color:Link Hover}; }
div.flag p { margin: 10px 0; }
</style>
<!--[if lte IE 6]>
<style type="text/css">
div.flag { position: absolute; }
</style>
<![endif]-->
<style type="text/css">{CustomCSS}</style>
</head>
<body>
<div class="flag">
<h1><a href="/">{Title}</a></h1>
{block:Description}
{Description}
{/block:Description}
{block:Pagination}
<li class="pagers">
<span>{CurrentPage} of {TotalPages}</span>
{block:NextPage}
<a href="{NextPage}">Past &rarr;</a>
{/block:NextPage}
</li>
{/block:Pagination}
</div>
<ul class="tumblr">
{block:Posts}
<li class="post">
{block:Regular}
<div class="regular content">
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
</div>
{/block:Regular}
{block:Photo}
<div class="photo content">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Photo}
{block:Quote}
<div class="quote content">
<q class="{Length}">{Quote}</q>
{block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link content">
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Description}<div class="caption">{Description}</div>{/block:Description}
</div>
{/block:Link}
{block:Conversation}
<div class="conversation content">
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:Lines}
{block:Label}<em>{Label}</em>{/block:Label} {Line}<br />
{/block:Lines}
</div>
{/block:Conversation}
{block:Audio}
<div class="audio content">
{AudioPlayerBlack}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="video content">
{Video-500}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>
{/block:Video}
<div class="digest">
{block:NewDayDate}
<div class="date">
<span>&darr; {DayOfMonth} {ShortMonth} {Year}</span>
</div>
{/block:NewDayDate}
<div class="permalink"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a></div>
</div>
</li>
{/block:Posts}
</ul>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-730987-15");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment