Skip to content

Instantly share code, notes, and snippets.

@jdp

jdp/gist:177390

Created August 29, 2009 04:53
Show Gist options
  • Save jdp/177390 to your computer and use it in GitHub Desktop.
Save jdp/177390 to your computer and use it in GitHub Desktop.
Download ZIP
My tumblr themes/edits
Raw
gistfile1.txt
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
<link rel="icon" href="{Favicon}"/>
<!-- custom colours -->
<meta name="color:Regular Entry" content="#5a308d"/>
<meta name="color:Video Entry" content="#bb225a"/>
<meta name="color:Audio Entry" content="#cf4039"/>
<meta name="color:Link Entry" content="#8abd50"/>
<meta name="color:Photo Entry" content="#90deec"/>
<meta name="color:Twitter Entry" content="#01dded"/>
<meta name="color:Description Link" content="#73b8c4"/>
<!-- end custom colours -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/xhpdxdi/YpZkip18h/style.css">
<meta name="viewport" content="width=775"/> <!-- iPhone -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xhpdxdi/iGMkinf8r/jqwidont-compressed.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xhpdxdi/3mkkinfa8/shortcut.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xhpdxdi/1H9kinfb0/lightbox.js"></script>
<script type="text/javascript" src="http://jbd2.appspot.com/static/tumblr_theme/me.js"></script>
<script type="text/javascript">
// enter your twitter username if you want it to display your most recent status.
{block:IndexPage}
var twitter_username = ""
{/block:IndexPage}
function next_page(){
//{block:NextPage}
window.location = "{NextPage}"
//{/block:NextPage}
}
function previous_page(){
//{block:PreviousPage}
window.location = "{PreviousPage}"
//{/block:PreviousPage}
}
var current_page = {CurrentPage}
</script>
<style type="text/css">
.regular,
.conversation,
.quote{
background-color:{color:Regular Entry};
}
.regular .caption h3 a,
.conversation .caption h3 a,
.quote .caption h3 a{
color:{color:Regular Entry};
}
.video{
background-color:{color:Video Entry};
}
.audio{
background-color:{color:Audio Entry};
}
.link{
background-color:{color:Link Entry};
}
.link .caption h3 a{
color:{color:Link Entry};
}
.photo{
background-color:{color:Photo Entry};
}
#twitter{
background-color:{color:Twitter Entry};
}
#right a{
color:{color:Description Link};
}
{CustomCSS}
</style>
<!--[if lt IE 7]>
<style type="text/css">
</style>
<![endif]-->
</head>
<body>
<div id="bg"></div>
<div id="border_overlay"></div>
<div id="loading"></div>
<div id="right">
<h1><a href="/" class="title">{Title}</a></h1>
<p class="description">{Description}</p>
<div class="panel" id="search">
<form action="/search" method="get">
<input type="text" name="q" value="Type and press enter to search." id="searchfield" />
</form>
</div>
<p class="colphon"><a href="/archive" id="archive_link">Archive</a> | <a href="{RSS}">RSS</a></p>
</div>
<div id="posts">
<div id="twitter" class="entry hide">
<div class="icon">
<a href="#" class="permalink"></a>
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<p class="latest">Latest on twitter:</p>
<p id="twitter_status"></p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.entry #twitter -->
<!-- SEARCH RESULTS -->
<!-- {block:SearchPage} -->
<div class="entry search">
<div class="icon">
<a class="permalink" href="/search?q={SearchQuery}"></a>
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<p>Your search for '<span class="query">{SearchQuery}</span>' returned {SearchResultCount} result(s).</p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.entry .search -->
<!-- {/block:SearchPage} -->
<!-- {block:Posts} -->
<!-- DATES -->
<!-- {block:NewDayDate} -->
<div class="entry date">
<div class="icon">
<a class="permalink" href="/archive/{Year}/{MonthNumber}"></a>
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<p><a href="/archive/{Year}/{MonthNumber}">{Month} {DayOfMonth} {Year}</a></p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.entry .date -->
<!-- {/block:NewDayDate} -->
<!-- PHOTO -->
<!-- {block:Photo} -->
<div class="post photo" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:HighRes}<a href="{PhotoURL-HighRes}" rel="lightbox" class="zoom"></a>{/block:HighRes}
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div>
<div class="content">
<div class="the_photo">
<div class="photo_inner photo_loading">
{LinkOpenTag}<img src="{PhotoURL-500}" class="faint" alt="{PhotoAlt}"/>{LinkCloseTag}
</div>
</div><!-- .the_photo -->
<!--{block:Caption}-->
<div class="caption">
<p>{Caption}</p>
</div><!-- /.caption -->
<!--{/block:Caption}-->
</div><!-- /.content -->
</div><!-- /.post .photo -->
<!-- {/block:Photo} -->
<!-- VIDEO -->
<!-- {block:Video} -->
<div class="post video" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div><!-- /.icon -->
<div class="content">
<div class="player">{Video-500}</div>
<!--{block:Caption}-->
<div class="caption">
<p>{Caption}</p>
</div><!-- /.caption -->
<!--{/block:Caption}-->
</div><!-- /.content -->
</div><!-- /.post .video -->
<!-- {/block:Video} -->
<!-- LINK -->
<!-- {block:Link} -->
<div class="post link" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<h3><a href="{URL}" {Target}>{Name}</a></h3>
<p><span class="description">{Description}</span></p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.post .link -->
<!-- {/block:Link} -->
<!-- REGULAR -->
<!-- {block:Regular} -->
<div class="post regular" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<h3><a href="{Permalink}">{Title}</a></h3>
<p>{Body}</p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.post .regular -->
<!-- {/block:Regular} -->
<!-- QUOTE -->
<!-- {block:Quote} -->
<div class="post quote" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<p class="the_quote {Length}"><span class="quote_mark">"</span>{Quote}<span class="quote_mark">"</span></p>
<!-- {block:Source} -->
<p class="source">&mdash; {Source}</p>
<!-- {/block:Source} -->
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.post .quote -->
<!-- {/block:Quote} -->
<!-- AUDIO -->
<!-- {block:Audio} -->
<div class="post audio" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:ExternalAudio}<a href="{ExternalAudioURL}" class="download"></a>{/block:ExternalAudio}
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div><!-- /.icon -->
<div class="content">
<div class="the_player">{AudioPlayerGrey}</div>
<div class="caption">
<p>{Caption}</p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.post .quote -->
<!-- {/block:Audio} -->
<!-- CONVERSATION -->
<!-- {block:Conversation} -->
<div class="post conversation" id="p_{PostID}">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
{block:IndexPage}
{block:NoteCount}<a href="{Permalink}" class="notes">*{NoteCount}<br></a>{/block:NoteCount}
{/block:IndexPage}
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<!-- {block:Title} -->
<h3><a href="{Permalink}">{Title}</a></h3>
<!-- {/block:Title} -->
<p>
<ul>
<!-- {block:Lines} -->
<li>
{block:Label}<span class="label {Alt}">{Label}</span>{/block:Label}
{Line}
</li>
<!-- {/block:Lines} -->
</ul>
<p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.post .conversation -->
<!-- {/block:Conversation} -->
<!--{block:PermalinkPage}-->
<!--{block:PostNotes}-->
<div class="entry post_notes">
<div class="icon">
<a class="permalink" href="{Permalink}"></a>
</div><!-- /.icon -->
<div class="content">
<div class="caption">
<div class="the_notes">
{PostNotes}
</div>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.entry .notes -->
<!--{/block:PostNotes}-->
<!--{/block:PermalinkPage}-->
<!-- {/block:Posts} -->
<!-- PAGINATION -->
<!--{block:IndexPage}-->
<div class="entry pagination">
<div class="icon">
</div>
<div class="content">
<div class="caption">
<p>{block:PreviousPage}<a href="{PreviousPage}"><span>&#171;</span> Previous</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next <span>&#187;</span></a>{/block:NextPage}</p>
</div><!-- /.caption -->
</div><!-- /.content -->
</div><!-- /.entry .pagination -->
<!-- {/block:IndexPage} -->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment