Skip to content

Instantly share code, notes, and snippets.

@levity
Created August 4, 2011 09:19
Show Gist options
  • Save levity/1124815 to your computer and use it in GitHub Desktop.
Save levity/1124815 to your computer and use it in GitHub Desktop.
tumblr theme for sympathizer
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="text:Twitter Username" content=""/>
<meta name="text:Flickr Username" content=""/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="color:Asterisk" content="#17f0ff"/>
<meta name="if:Facebook Comments" content="0"/>
<meta name="if:Disqus Comments" content="0"/>
<meta name="if:Show Notes" content="1"/>
<meta name="if:Show Asterisk" content="1"/>
<meta name="if:Light Theme" content="0"/>
<meta name="if:Show Portrait in Sidebar" content="0"/>
<meta name="if:Disable Infinate Scrolling" content="0"/>
<meta name="text:Google Analytics ID" content=""/>
<title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link href="http://static.tumblr.com/xz44nnc/lgull993s/style.css" rel="stylesheet" />
<script src="http://static.tumblr.com/xz44nnc/o5lkyivqw/jquery-1.3.2.min.js"></script>
<script src="http://static.tumblr.com/xz44nnc/6eHll98ci/poop.js"></script>
{block:IfNotDisableInfinateScrolling}
<script>
$(function(){
$('#content ol').infinitescroll({
navSelector: "div#pagination",
nextSelector: "a#next_page",
itemSelector: "#content ol li",
loadingImg: "http://static.tumblr.com/xz44nnc/G0Zkyivrt/loading.gif",
loadingText: "",
donetext: "We've reached the end...",
bufferPx: 400
});
});
</script>
{/block:IfNotDisableInfinateScrolling}
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
/* Source logos */
#content .meta a img {
border: none;
background: none;
padding: 0;
margin: 0;
vertical-align: text-top;
-moz-opacity: 0.1;
opacity: 0.1;
}
#content .meta a:hover img {
-moz-opacity: 0.15;
opacity: 0.15;
}
div.fbDarkWidget {
border: none !important;
background-color: none !important;
}
{block:IfLightTheme}
body { background: #fff; }
ol#nav li.home a { color: #333; }
ol#nav { background: #e7e7e7 url(http://static.tumblr.com/xz44nnc/oe5ll93v8/side-light.png) repeat-y fixed 0 0; }
ol#nav li a { color: #333; }
ol#nav li a:hover { background: #fff; }
body.show #content ol li { border-bottom: 1px solid #ddd; }
#content .regular h3 a { color: #111; }
#content ol li.quote blockquote { color: #333; }
#content img, #content embed { background: #f1f1f1; border: 1px solid #dfdfdf; }
#content ol li#notes ol li { border-bottom: 1px solid #ddd;}
#content a { color: #111; }
#content a:hover { color: #666; }
#content p.meta a { color: #999; }
#content a.button { color: #333; }
{/block:IfLightTheme}
/* LW */
#lion { position: fixed; top: 26px; left: 18px; z-index: 2; display: block; border: 0 }
ol#nav { padding-top: 240px; width: 200px; z-index: 1; background-position: 40px 0 }
div#content { left: 230px }
/* /LW */
body.show #content ol li ol li, body.show #content ol li ul li { border: none; }
ol#nav li.home a { color: {color:Asterisk}; }
{block:IfShowPortraitinSidebar}
ol#nav { padding-top: 70px; }
ol#nav li a#photo-nav:hover { background: none; }
{/block:IfShowPortraitinSidebar}
{CustomCSS}
</style>
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID']);
_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>
{/block:IfGoogleAnalyticsID}
</head>
<body{block:IfUseLightTheme} id="light"{/block:IfUseLightTheme}{block:IndexPage} class="show"{/block:IndexPage}>
<!-- LW -->
<a id="lion" href="/"><img src="http://www.levityisland.com/articles/flipped_lion3.png"/></a>
<ol id="nav">
{block:IfShowPortraitinSidebar}<li><a id="photo-nav" href="/" title="{Title}"><img src="{PortraitURL-96}"></a></li>{/block:IfShowPortraitinSidebar}
<li><a href="/">{lang:Home}</a></li>
{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
{block:IfFlickrUsername}<li><a href="http://flickr.com/photos/{text:Flickr Username}">Flickr</a></li>{/block:IfFlickrUsername}
{block:IfTwitterUsername}<li><a href="http://twitter.com/{text:Twitter Username}">@{text:Twitter Username}</a></li>{/block:IfTwitterUsername}
<li><a href="http://mechaluv.tumblr.com">Mecha luv</a></li>
<li><a href="http://ngramluv.tumblr.com">Ngram luv</a></li>
<li><a href="/archive">{lang:Archive}</a></li>
<li><a href="{RSS}">{lang:RSS}</a></li>
</ol>
<!-- /LW -->
<div id="content">
<ol>
{block:Posts}
{block:Text}
<li class="regular">
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{Body}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Text}
{block:Photo}
<li class="photo">
<p class="noborder">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</p>
{block:Caption}{Caption}{/block:Caption}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Photo}
{block:Photoset}
<li class="photoset">
{block:Photos}
{block:HighRes}<p><img src="{PhotoURL-HighRes}" alt="photo"></p>{/block:HighRes}
{block:Caption}<p>{Caption}</p>{/block:Caption}
{/block:Photos}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Photoset}
{block:Quote}
<li class="quote">
<blockquote>{Quote}</blockquote>
{block:Source}<cite>&ndash; {Source}</cite>{/block:Source}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Quote}
{block:Link}
<li class="link">
<h3><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h3>
{block:Description}{Description}{/block:Description}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Link}
{block:Video}
<li class="video">
{Video-500}
{block:Caption}{Caption}{/block:Caption}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Video}
{block:Chat}
<li class="chat">
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Lines}<p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>{/block:Lines}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Chat}
{block:Audio}
<li class="audio">
{AudioPlayerBlack}
{block:Caption}{Caption}{/block:Caption}
<p class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
{block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
{block:ContentSource}
&nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
{/block:ContentSource}
</p>
</li>
{/block:Audio}
{/block:Posts}
{block:PermalinkPage}
{block:IfShowNotes}
{block:PostNotes}
<li id="notes">
{PostNotes}
</li>
{/block:PostNotes}
{/block:IfShowNotes}
{block:IfDisqusComments}
{block:IfDisqusShortname}
<li id="comments">
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=jessakalani">comments powered by Disqus.</a></noscript>{/block:Permalink}<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>
</li>
{/block:IfDisqusShortname}
{/block:IfDisqusComments}
{block:IfNotLightTheme}
{block:IfFacebookComments}
<li id="comments">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="{Permalink}" num_posts="20" width="620" colorscheme="dark"></fb:comments>
</li>
{/block:IfFacebookComments}
{/block:IfNotLightTheme}
{block:IfLightTheme}
{block:IfFacebookComments}
<li id="comments">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="{Permalink}" num_posts="20" width="620" colorscheme="light"></fb:comments>
</li>
{/block:IfFacebookComments}
{/block:IfLightTheme}
{/block:PermalinkPage}
</ol>
<div id="pagination">
{block:NextPage}<a class="button next" id="next_page" href="{NextPage}">&larr; {lang:Older}</a>{/block:NextPage}
{block:PreviousPage}<a class="button right" href="{PreviousPage}">{lang:Newer} &rarr;</a>{/block:PreviousPage}
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment