Skip to content

Instantly share code, notes, and snippets.

@hernanflores

hernanflores/Tumblr Theme

Created May 4, 2010 02:40
Show Gist options
  • Save hernanflores/388881 to your computer and use it in GitHub Desktop.
Save hernanflores/388881 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Tumblr Theme
<!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" dir="ltr" lang="en-US">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}</title>
<meta name="description" content="{MetaDescription}" />
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<title> {Title} </title>
<style type="text/css">
body {
background: #FBFBFB;
font: 12px/20px 'Courier New', 'Monaco', monospace;
margin: 0;
padding: 0;
color: #323232;
}
p {
margin: 0 0 15px 0;
padding: 0;
}
a:link, a:visited {
text-decoration: none;
color: #323232;
}
a:hover {
color: #323232;
}
img {
border: none;
padding: 12px;
background: #323232;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
img.description {
border: none;
background: none;
}
h1 {
font: 48px Helvetica, Arial, sans-serif;
margin: 10px 0 0 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
h2, h3, h2 a, h3 a {
font: 20px Helvetica, Arial, sans-serif;
margin: -5px 0 2px 0;
padding: 0;
font-weight: bold;
}
.hdets{
text-transform: uppercase;
font-weight: bold;
}
h4 {
font: 20px Helvetica, Arial, sans-serif;
margin: -5px 0 2px 0;
padding: 0;
}
#header {
width: 900px;
float: left;
padding: 20px 0 20px 80px;
margin: 0 0 20px 0;
border-bottom: 1px solid #CACBCB;
}
#header a {
background: none;
}
#logo {
float: left;
}
#menu {
width: 700px;
float: right;
text-align: right;
padding: 25px 0 0 0;
text-transform: uppercase;
}
#menu a {
color: #FFFFFF;
}
#menu ul {
width: 700px;
margin: 0;
padding: 0;
height: 30px;
list-style: none;
}
#menu li {
height: 24px;
margin: 0 0 0 8px;
background: #323232;
color: #FFFFFF;
float: right;
font-weight: bold;
font-size: 15px;
text-align: center;
padding: 10px 10px 0 10px;
}
li.selected {
background-position: 0 -30px;
}
#content {
float: left;
padding: 0 0 80px 0;
}
.content-item {
width: 900px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 0 80px;
border-bottom: 1px dashed #CACBCB;
}
.nothing {
border-bottom: none;
}
.last-item {
margin: 0 0 0px 85px;
border-bottom: none;
}
.content-body {
width: 660px;
margin: 0 0 0 30px;
float: left;
}
.entry a {
background: #E9E9E9;
}
.content-dets {
width: 210px;
float: left;
}
.content-dets a, .content-dets-alt a {
font-weight: normal;
}
.content-dets-alt {
width: 210px;
float: left;
}
ul.dets {
margin: 0;
padding: 0;
list-style: none;
}
input#submit {
cursor: pointer;
border: none;
width: 67px;
height: 34px;
padding: 0;
background: url(images/submit.jpg) top left no-repeat;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dotted #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.tags {
float:left;
}
.tags a {
font-size: 11px;
padding-right:3px;
}
.tags li {
display: inline;
}
/* CHAT */
.chat h5 {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #dddddd;
}
.chat ul {
padding-left: 0;
list-style: none;
}
.chat li {
list-style: none;
margin-bottom: 3px;
padding: 3px 3px 3px 7px;
font: 12px 'Courier New', 'Monaco', monospace;
}
.chat .label {
font-weight: bold;
font-size: 1.em;
}
.chat li p {
display: inline;
list-style:none;
}
.chat .even {
}
.chat .odd {
background: #f1f1f1;
}
/* AUDIO */
div.audio_player {
margin-bottom: 10px;
}
cite{
text-transform: uppercase; letter-spacing:2px; font-style:normal;
}
em{font-style:normal;}
form {
padding: 0 0 15px; 0;
margin: -5px 0 0 0;
}
.notes{
list-style: none;
}
img.avatar{
border: none;
padding: 0px;
background: transparent;
}
.cufon-canvas{text-indent:0!important;}@media screen,projection{.cufon-canvas{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}.cufon-canvas .cufon-alt{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}.cufon-canvas canvas{position:relative!important;}}@media print{.cufon-canvas{padding:0!important;}.cufon-canvas canvas{display:none!important;}.cufon-canvas .cufon-alt{display:inline!important;}}
{CustomCSS}
</style>
<script src="http://static.tumblr.com/nbxilpo/Natl01x7w/jquery.min.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/nbxilpo/Qsol01x6l/jquery.fade.js" type="text/javascript"></script>
<!-- Corners -->
<script src="http://static.tumblr.com/nbxilpo/J9Al01x67/jquery.curvycorners.js" type="text/javascript"></script>
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6 },
tr: { radius: 6 },
bl: { radius: 6 },
br: { radius: 6 },
antiAlias: true
}
curvyCorners(setting, ".page_item");
}
</script>
<!-- Fancybox -->
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/nbxilpo/DCDl01x70/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="http://static.tumblr.com/nbxilpo/CN6l01x7k/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.fancy").fancybox();
});
</script>
<!-- CUFON -->
<script src="http://static.tumblr.com/d3cc6nc/LQ8l0so2c/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/d3cc6nc/hH0l0unyl/brandonreg_390.font.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/d3cc6nc/ar8l0solp/junction_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, #menu, value', { fontFamily: 'BrandonReg' });
Cufon.replace('h3, .twitter-item, .delicious-link, h2, cite', { fontFamily: 'junction' });
</script>
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="/" title="{Title}">{Title}</a></h1>
</div>
<div id="menu">
<ul id="nav">
<li> <a href="/"> Home </a> </li>
<li> <a href="/archive"> Archive </a> </li>
<li> <a href="/ask"> Preguntas? </a> </li>
{block:HasPages}
{block:Pages}
<li> <a href="URL"> {Label} </a> </li>
{/block:Pages}
{/block:HasPages}
</ul>
</div>
</div> <!-- end header -->
<div id="content">
<div class="content-item">
<div class="content-dets">
<h3 class="hdets">Search</h3>
</div>
<div class="content-body">
<form action="/search" method="get">
<input name="q" type="text" value="{SearchQuery}" />
<input class="button"type="submit" value="Search" />
</form>
</div>
</div> <!-- end search -->
{block:Posts}
{block:Text}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets"> Text</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
{block:Title}<h3> <a href="{Permalink}">{Title}</a></h3>{/block:Title}
<div class="entry">
<p>{Body}</p>
</div>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end text -->
{/block:Text}
{block:Photo}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets">Photo</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
{block:Title}<h3> <a href="{Permalink}">{Title}</a></h3>{/block:Title}
<div class="entry">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="fancy" />{LinkCloseTag}
{block:Caption}
<p>[Click para ver Hi-Res]</p>
<p><em>{Caption}</em></p>
{/block:Caption}
</div>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end photo -->
{/block:Photo}
{block:Chat}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets"> Chat</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
{block:Title}<h3> <a href="{Permalink}">{Title}</a></h3>{/block:Title}
<div class="chat">
<ul>
{block:Lines}
<h4><li class="{Alt}">
{block:Label}
{Label}
{/block:Label}
{Line}
</li> </h4>
{/block:Lines}
</ul>
</div>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end chat -->
{/block:Chat}
{block:Video}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets"> Video</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
{block:Title}<h3> <a href="{Permalink}">{Title}</a></h3>{/block:Title}
<div class="entry">
{Video-400}
{block:Caption}
<p> {Caption} </p>
{/block:Caption}
</div>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end video -->
{/block:Video}
{block:Audio}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets"> Audio</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
<h3><a href="{Permalink}">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</a></h3>
<div class="entry">
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist},{block:TrackName}{TrackName}{/block:TrackName}" width="184px"/>
{/block:AlbumArt}
{AudioPlayerGrey}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<noscript>Para reproducir el audio necesitas flash. Si estas accediendo desde un lector de RSS, accede al <a href="{Permalink}">post original</a>.</noscript>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end audio -->
{/block:Audio}
{block:Quote}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets">Quote</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
{block:Title}<h3> <a href="{Permalink">{Title}</a></h3>{/block:Title}
<div class="entry">
<h2>{Quote}</h2>
{block:Source}
<cite> {Source} </cite>
{/block:Source}
</div>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end quote -->
{/block:Quote}
{block:Link}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets">Link</h3>
{block:Date}
<ul class="dets">
<li>{DayofMonth}.{ShortMonth}.{Year}</li>
<li>{block:NoteCount} <div class="notes"> {NoteCount} Notes </div> {/block:NoteCount}</li>
<li><a href="{Permalink}">Permalink</a></li>
</ul>
{/block:Date}
</div>
<div class="content-body">
<div class="entry">
<h3> <a href="{URL}"> {Name} </a></h3>
{block:Description} <p>{Description}</p> {/block:Description}
</div>
{block:HasTags}
<ul class="tags"><li><strong>Tags: </strong></li>{block:Tags} <li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
{/block:HasTags}
</div>
</div> <!-- end text -->
{/block:Link}
{/block:Posts}
<!--NOTES-->
{block:PostNotes}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets">Notes</h3>
</div>
<div class="content-body">
<div class="entry">
{PostNotes}
</div>
</div>
</div>
{/block:PostNotes}
<!-- end NOTES -->
<!-- Navigation -->
{block:Pagination}
<div class="content-item">
<div class="content-dets">
<h3 class="hdets">Nav</h3>
</div>
<div class="content-body">
<div class="entry notes">
{block:PreviousPage}
<a href="{PreviousPage}">&#171; Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next &#187;</a>
{/block:NextPage}
</div>
</div>
</div> <!-- end text -->
{/block:Pagination}
</div>
<div class="last-item">
<div class="content-dets">
<h3 class="hdets">Credits</h3>
</div>
<div class="content-body">
<div class="entry">
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
<!-- Please do not remove credits! -->
<p>Remix de un theme de Tumblr de <a href="http://www.brandbuildsell.com">Brand. Build. Sell.</a> by <a href="blog.hernanfloresleyes.com.ar">Hernan</a></p>
<!-- Thanks! -->
</div>
</div>
</div> <!-- end search -->
</div>
<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