Skip to content

Instantly share code, notes, and snippets.

@hernanflores

hernanflores/blankTumblrTemplate.html

Created May 10, 2010 04:59
Show Gist options
  • Save hernanflores/395697 to your computer and use it in GitHub Desktop.
Save hernanflores/395697 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
blankTumblrTemplate.html
<html>
<head>
<title>{Title}</title>
<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">
/* ================ */
/* = The 1Kb Grid = */ /* 9 columns, 80 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 { width:80px; }
.grid_2 { width:180px; }
.grid_3 { width:280px; }
.grid_4 { width:380px; }
.grid_5 { width:480px; }
.grid_6 { width:580px; }
.grid_7 { width:680px; }
.grid_8 { width:780px; }
.grid_9 { width:880px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 900px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
{CustomCSS}
</style>
<script src="http://static.tumblr.com/nbxilpo/quml01x54/cufon.js" type="text/javascript"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/YcIl0oza3/titillium_400_mod.font.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/7Qhl0ozb0/titillium_800_mod.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1,h2,h3,h4', { fontFamily: 'Titillium-800' });
Cufon.replace('h2.quote', { fontFamily: 'Titillium-400' });
</script>
</head>
<body>
<!-- Header -->
<div class="row">
<div class="column grid_7">
<h1 id="title">{Title}</h1>
</div>
<div class="column grid_2">
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
</div>
</div>
<!-- Search -->
<div class="row">
<div id="search" class="column grid_9">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>
</div>
<!-- content -->
<div class="row">
<div class="column grid_6">
{block:Posts}
{block:Text}
<div class="post text">
{block:Title}
<h3 class="post_title"><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Text}
{block:Video}
<div class="post video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Video}
{block:Audio}
<div class="post audio">
{block:TrackName}
<h3 class="post_title">{TrackName}{block:Artist}, {Artist}{/block:Artist}</h3>
{/block:TrackName}
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="" class="albumart" />
{/block:AlbumArt}
{AudioPlayerGrey}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Audio}
{block:Photo}
<div class="post photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:HighRes}<a href="{PhotoURL-HighRes}">Version hi-res</a> {/block:HighRes}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Photo}
{block:Photoset}
<div class="post photoset">
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Photoset}
{block:Quote}
<div class="post quote_{Length}">
<h2 class="quote">"{Quote}"</h2>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Quote}
{block:Chat}
<div class="post chat">
{block:Title}
<h3><a class="post_title" href="{Permalink}">{Title}</a></h3>
{/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>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Chat}
{block:Link}
<div class="post link">
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
<div class="meta">
<p class="permalink"><a href="{Permalink}" class="date">{TimeAgo}</a>, &#x2605; <a href="{Permalink}" class="notes">{NoteCount}</a></p>
{block:HasTags}
<ul class="tags">
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}
</div>
{/block:Link}
{block:Answer}
<div class="post answer">
<div class="question">
{Question}
<div class="asker">
<p class="asker_name">{Asker}</p>
<img src="{AskerPortraitURL-24}" alt="{Asker}" class="asker_avatar" />
</div>
</div>
<div class="answer">
</div>
</div>
{/block:Answer}
{/block:Posts}
</div>
<div class="column grid_1"></div>
<div class="column grid_2"></div>
</div>
<!-- Navigation -->
{block:Pagination}
<div class="row">
<div class="column grid_1">{block:NextPage}<a href="{NextPage}">&larr;Pasado</a>{/block:NextPage}</div>
<div class="column grid_1">{CurrentPage} de {TotalPages}</div>
<div class="column grid_1">{block:PreviousPage}<a href="{PreviousPage}">Futuro&rarr;</a>{/block:PreviousPage}</div>
<div class="column grid_6"></div>
</div>
{/block:Pagination}
<!-- footer -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment