Skip to content

Instantly share code, notes, and snippets.

@teamon

teamon/tumblr theme

Created April 29, 2010 10:09
Show Gist options
  • Save teamon/383400 to your computer and use it in GitHub Desktop.
Save teamon/383400 to your computer and use it in GitHub Desktop.
Download ZIP
tumblr theme
Raw
tumblr theme
<!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">
<head>
<meta name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="{MetaDescription}" />
<meta name="text:Disqus Shortname" content="" />
<title>
{block:PostTitle}{PostTitle} / {/block:PostTitle}{Title}
</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">
/*<![CDATA[*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,var{ font-style:normal; font-weight:normal;}
ol,ul{ 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;}
/* 1NTR0 */
body{ background:#c9c9c9 url(http://static.tumblr.com/fozw2ob/Lq4kw5q0t/body.gif) repeat top left; color:#5e5d5d; font-family:Arial,Verdana,sans-serif; font-size:13px; line-height:18px; overflow-x:hidden;}
a{ color:#004376; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:13px;}
/* SH4R3D */
.name,
.nav,
.post-title,
.post-caption,
.post-quote,
.post-source,
.post-link,
.post-chat,
.audio .post-description{ letter-spacing:-1px;}
.post-type{ overflow:hidden; text-indent:-290486px;}
.name,
.nav{ text-shadow:#fff 0 1px 0;}
.side,
.title,
.post-content,
.post-tags,
.note,
.pagination{ text-shadow:#e4e4e4 0 1px 0;}
/* C0MM0N */
.wrap{ margin:0 auto; position:relative; width:1000px;}
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}
.btn{ background:no-repeat top left; color:#fff; display:block; float:left; font-family:Arial,Verdana,sans-serif; font-size:12px; font-weight:bold; height:32px; line-height:32px; margin-right:10px; padding:0 10px 0 20px; position:relative;}
.btn-bkg{ background:no-repeat top right; display:block; height:32px; position:absolute; right:-10px; top:0; width:10px;}
/* H34D3R */
.wall{ background:url(http://static.tumblr.com/fozw2ob/3Mfkw5q2a/wall.gif) repeat-y -40px 0; min-height:800px;}
.roof{ background:url(http://static.tumblr.com/fozw2ob/euxkw5q30/roof.gif) repeat-x top left; height:2px;}
.header{ background:#f0f0f0 url(http://static.tumblr.com/fozw2ob/ctekw5q3k/header.gif) repeat-x bottom left; font-size:24px; font-weight:bold; line-height:24px; padding:40px 0 40px 200px; position:relative;}
.header .wrap{ margin:0; width:500px;}
.name,
.name a{ color:#363636;}
.name{ font-weight:bold; float:left; width:280px;}
.logo{ border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:48px; left:-72px; overflow:hidden; position:absolute; top:-12px; width:48px;}
.nav,
.nav a{ color:#8a8a8a;}
.nav{ float:right; font-size:16px; font-weight:bold; line-height:24px; text-align:right; width:220px;}
.search{ left:740px; position:absolute; top:37px;}
.search-query input{ background:#fff url(http://static.tumblr.com/fozw2ob/RIEkw5q4a/search.gif) no-repeat top left; border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; color:#c9c9c9; font-size:13px; font-weight:bold; padding:6px 5px 4px 25px; width:206px;}
.search-submit{ display:none;}
/* M41N */
.main{ overflow:hidden; position:relative; width:980px;}
.title{ font-size:32px; font-weight:bold; line-height:32px; margin:20px 0 0 200px;}
.title strong{ color:#363636;}
/* S1D3 */
.side{ float:right; padding-top:20px; width:240px;}
.bloc{ margin-bottom:20px;}
.section{ color:#363636; font-size:16px; font-weight:bold; line-height:18px;}
/* P0ST */
.post{ position:relative; width:720px;}
.post-side{ float:left; padding-right:65px; position:relative; width:115px; min-height: 20px}
.post-info,
.post-info a{ color:#a8a8a8;}
.post-info{ color:#a8a8a8; font-size:11px; letter-spacing:.1em; line-height:16px; margin-top:20px; text-align:right; text-shadow:#000 0 1px 2px; text-transform:uppercase;}
.post-type{ background:url(http://static.tumblr.com/fozw2ob/Tz4kw5q56/post-type.png) no-repeat top left; display:block; height:52px; position:absolute; right:0; top:20px; width:51px;}
.post-content{ float:left; font-size:13px; line-height:18px; padding:20px; width:500px;}
.post-title,
.post-quote,
.post-link{ font-size:32px; font-weight:bold; line-height:32px; margin-bottom:18px; padding-top:9px;}
.post-caption,
.post-source,
.audio .post-description{ font-size:16px; line-height:20px; font-weight:bold; margin-top:10px;}
.post-quote,
.post-chat{ color:#292929; font-family:Georgia,Times,serif;}
.post-tags,
.note{ background:#b8b8b8; background:rgba(167, 167, 167, 0.5); -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 -1px 0 #9f9f9f; -webkit-box-shadow:0 -1px 0 #9f9f9f; display:block; margin:0 0 2px 200px; padding:5px 10px; width:480px;}
.post-tags li{ display:inline;}
.post-tags a,
.note a{ color:#363636;}
.notes{ padding-bottom:18px;}
.note img{ vertical-align:bottom;}
.text .post-content{ padding-bottom:0;}
.text .post-content a{ color:#864303;}
.post-text p,
.post-text ol,
.post-text ul{ padding-bottom:20px; }
.post-text ul { padding-left: 20px; }
.post-text li { list-style: disc; }
.photo .post-type{ background-position:0 -100px;}
.photo .post-content a{ color:#004376;}
.photo .post-text{ font-size:16px; font-weight:bold; line-height:20px; margin-top:10px;}
.quote .post-type{ background-position:0 -200px;}
.quote .post-content a{ color:#da356a;}
.post-quote{ font-weight:normal; margin-bottom:0;}
.link .post-type{ background-position:0 -300px;}
.link .post-content a{ color:#3f580b;}
.chat .post-type{ background-position:0 -400px;}
.chat .post-content a,
.post-chat strong{ color:#605145;}
.post-chat{ font-size:24px; line-height:24px; padding-top:5px;}
.post-chat p{ margin-top:8px;}
.post-chat strong{ font-weight:normal;}
.audio .post-type{ background-position:0 -500px;}
.audio .post-content a{ color:#5d3875;}
.post-audio{ height:27px; margin-bottom:21px; overflow:hidden; padding-top:12px;}
.video .post-type{ background-position:0 -600px;}
.video .post-content a{ color:#b52a2a;}
.pagination,
.pagination a{ color:#5a7486;}
.pagination{ font-size:12px; font-weight:bold; height:22px; letter-spacing:.05em; line-height:22px; margin:0 0 20px 200px; text-align:right; text-transform:uppercase; width:500px;}
.pagination span{ float:right; margin-right:10px;}
.prev,.next{ background:no-repeat top left; float:right; height:22px; width:22px;}
.prev{ background-image:url(http://static.tumblr.com/fozw2ob/Nkbkw5q6c/prev.png);}
.next{ background-image:url(http://static.tumblr.com/fozw2ob/9Hlkw5q75/next.png);}
code { background-color: #222; color: #6CDBF6; padding: 1px 3px;}
em { background-color: #eee; padding: 0 1px}
.disqus_footer { text-align: right; font-size: 8pt; }
{CustomCSS}
/*]]>*/
</style>
</head>
<body>
<div class="wall">
<div class="roof"></div>
<div class="header">
<div class="wrap">
<h1 class="name">
<a href="/">{Title}</a>
</h1>
<a class="logo"><img src="{PortraitURL-48}" alt="Logo" height="48" /></a>
<p class="nav">
<a href="/archive">archive</a>
| <a href="{RSS}">rss</a>
| <a href="/random">random</a>
| <a href="/mobile">mobile</a>
</p>
<div class="cb"></div>
</div>
<div class="search">
<form action="/search" method="get">
<p class="search-query">
<input type="text" name="q" value="{SearchQuery}" />
</p>
<p class="search-submit">
<input type="submit" value="Search" />
</p>
</form>
</div>
<div class="ds-bottom"></div>
</div>
<div class="main">
<!-- Sidebar -->
<div class="side">
{block:Description}
<div class="bloc">
<h3 class="section">about</h3>
<p>{Description}</p>
</div>
{/block:Description}
<div class="bloc">
<h3 class="section">
contact
</h3>
<ul class="tags">
<li>&rarr; email/xmpp: [email protected]</li>
<li>&rarr; irc.freenode.net #scala.pl</li>
</ul>
</div>
<div class="bloc">
<h3 class="section">tags</h3>
<ul class="tags">
<li>&rarr; <a href="/tagged/testing">testing</a></li>
<li>&rarr; <a href="/tagged/scala">scala</a></li>
</ul>
</div>
<div class="bloc">
<h3 class="section">projects</h3>
<ul class="tags">
<li>&rarr; <a href="http://gemcutter.org/gems/merb-flash">merb-flash</a></li>
<li>&rarr; <a href="http://gemcutter.org/gems/merb-colorful-logger">merb-colorful-logger</a></li>
<li>&rarr; <a href="http://gemcutter.org/gems/jogger">jogger</a></li>
<li>&rarr; <a href="http://klp.heroku.com">KLP Printer</a></li>
<li>&rarr; <a href="http://github.com/teamon/lift-widgets-tabs">lift-widget-tabs</a></li>
<li>&rarr; <a href="http://yayetee.com">w.i.n.k.o</a></li>
</ul>
</div>
{block:Following}
<div class="bloc">
<h3 class="section">following</h3>
{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" alt="{FollowedName}" /></a>
{/block:Followed}
</div>
{/block:Following}
</div>
{block:TagPage}
<p class="title">
Posts tagged <strong>{Tag}</strong>
</p>
{/block:TagPage}
{block:SearchPage}
<p class="title">
[{SearchResultCount}] Search: <strong>{SearchQuery}</strong>
</p>
{/block:SearchPage}
{block:Posts}
{block:Text} <!-- Text -->
<div id="post-{PostID}" class="post text">
<div class="post-side">
<a class="post-type" href="{Permalink}">Text</a>
<div class="post-info">
<p class="post-date">{ShortMonth} {DayOfMonthWithZero}</p>
<p class="post-notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></p>
{block:IfDisqusShortname}
<a href="{Permalink}#disqus_thread">view comments</a>
{/block:IfDisqusShortname}
</div>
</div>
<div class="post-content">
{block:Title}
<h2 class="post-title">
<a href="{Permalink}">{Title}</a>
</h2>
{/block:Title}
<div class="post-text">{Body}</div>
</div>
</div>
{/block:Text}
{block:Photo} <!-- Photo -->
<div id="post-{PostID}" class="post photo">
<div class="post-side">
<a class="post-type" href="{Permalink}">Photo</a>
<div class="post-info">
<p class="post-date">{ShortMonth} {DayOfMonthWithZero}</p>
<p class="post-notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></p>
{block:IfDisqusShortname}
{block:NoteCount}X{/block:NoteCount} <a href="{Permalink}#disqus_thread">view comments</a>
{/block:IfDisqusShortname}
</div>
</div>
<div class="post-content">
<p class="post-photo">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
</p>
{block:Caption}
<div class="post-caption">{Caption}</div>
{/block:Caption}
</div>
</div>
{/block:Photo}
{block:Quote} <!-- Quote -->
<div id="post-{PostID}" class="post quote">
<div class="post-side">
<a class="post-type" href="{Permalink}">Quote</a>
<div class="post-info">
<p class="post-date">{ShortMonth} {DayOfMonthWithZero}</p>
<p class="post-notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></p>
{block:IfDisqusShortname}
{block:NoteCount}X{/block:NoteCount} <a href="{Permalink}#disqus_thread">view comments</a>
{/block:IfDisqusShortname}
</div>
</div>
<div class="post-content">
<blockquote class="post-quote">
<p>&ldquo; {Quote} &rdquo;</p>
</blockquote>
{block:Source}
<div class="post-source">
<p><a>{Source}</a></p>
</div>
{/block:Source}
</div>
</div>
{/block:Quote}
{block:Link} <!-- Link -->
<div id="post-{PostID}" class="post link">
<div class="post-side">
<a class="post-type" href="{Permalink}">Link</a>
<div class="post-info">
<p class="post-date">{ShortMonth} {DayOfMonthWithZero}</p>
<p class="post-notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></p>
{block:IfDisqusShortname}
{block:NoteCount}X{/block:NoteCount} <a href="{Permalink}#disqus_thread">view comments</a>
{/block:IfDisqusShortname}
</div>
</div>
<div class="post-content">
<p class="post-link">
<a href="{URL}">&rarr; {Name}</a>
</p>
{block:Description}
<div class="post-description">
{Description}
</div>
{/block:Description}
</div>
</div>
{/block:Link}
{block:Chat} <!-- Chat -->
<div id="post-{PostID}" class="post chat">
<div class="post-side">
<a class="post-type" href="{Permalink}">Chat</a>
<div class="post-info">
<p class="post-date">{ShortMonth} {DayOfMonthWithZero}</p>
<p class="post-notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></p>
{block:IfDisqusShortname}
{block:NoteCount}X{/block:NoteCount} <a href="{Permalink}#disqus_thread">view comments</a>
{/block:IfDisqusShortname}
</div>
</div>
<div class="post-content">
<div class="post-chat">
{block:Lines}
<p class="{Alt} user-{UserNumber}">
{block:Label}<strong>{Label}</strong>{/block:Label} {Line}
</p>
{/block:Lines}
</div>
</div>
</div>
{/block:Chat}
{block:Audio} <!-- Audio -->
<div id="post-{PostID}" class="post audio">
<div class="post-side">
<a class="post-type" href="{Permalink}">Audio</a>
<div class="post-info">
<p class="post-date">
{ShortMonth} {DayOfMonthWithZero}
</p>
<p class="post-notes">
<a href="{Permalink}#notes">{NoteCountWithLabel}</a>
</p>
</div>
</div>
<div class="post-content">
<div class="post-audio">
{AudioPlayerBlack}
</div>
{block:Caption}
<div class="post-description">
{Caption}
</div>
{/block:Caption}
</div>
</div>
{/block:Audio}
{block:Video} <!-- Video -->
<div id="post-{PostID}" class="post video">
<div class="post-side">
<a class="post-type" href="{Permalink}">Video</a>
<div class="post-info">
<p class="post-date">{ShortMonth} {DayOfMonthWithZero}</p>
<p class="post-notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></p>
{block:IfDisqusShortname}
{block:NoteCount}X{/block:NoteCount} <a href="{Permalink}#disqus_thread">view comments</a>
{/block:IfDisqusShortname}
</div>
</div>
<div class="post-content">
<div class="post-video">
{Video-500}
</div>
{block:Caption}
<div class="post-caption">
{Caption}
</div>
{/block:Caption}
</div>
</div>
{/block:Video}
<div class="cl"></div>
{block:HasTags}
<p class="post-tags">
Tagged {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
</p>
{/block:HasTags}
{block:PostNotes}
<div id="notes"></div>{PostNotes}
{/block:PostNotes}
{block:IfDisqusShortname}
{block:Permalink}
<div class="post-side"></div>
<div class="post-content">
<div class="notecontainer">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript>
<a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a>
</noscript>
</div>
<div class="disqus_footer">
<a href="http://disqus.com">
blog comments powered by <span class="logo-disqus">Disqus</span>
</a>
</div>
</div>
{/block:Permalink}
{/block:IfDisqusShortname}
{/block:Posts}
{block:Pagination}
<p class="pagination">
{block:NextPage}
<a class="next" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a class="prev" href="{PreviousPage}"></a>
{/block:PreviousPage}
<span>Page {CurrentPage} of {TotalPages}</span>
</p>
{/block:Pagination}
</div>
</div>
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
<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-9997784-7");
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