Skip to content

Instantly share code, notes, and snippets.

@gkojax

gkojax/gist:87265

Created March 29, 2009 02:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gkojax/87265 to your computer and use it in GitHub Desktop.
Save gkojax/87265 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.htm
<!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>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=775"/>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#eee"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Description Background" content="#eee"/>
<meta name="color:Chat Background Even" content="#fff"/>
<meta name="color:Chat Background Odd" content="#eee"/>
<meta name="color:Sidebar Background" content="#e0e0e0"/>
<meta name="color:Code Background" content="#eee"/>
<meta name="color:Code Border" content="#ddd"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Description Shadow" content="#ddd"/>
<meta name="color:Sidebar Shadow" content="#ddd"/>
<meta name="color:Content Border" content="#ccc"/>
<meta name="color:Footer Border" content="#ccc"/>
<meta name="color:Blockquote Border" content="#ccc"/>
<meta name="color:Chat Border" content="#ccc"/>
<meta name="color:Chat Odd" content="#9B3321"/>
<meta name="color:Chat Even" content="#7F99B4"/>
<meta name="color:Content Font" content="#555"/>
<meta name="color:Header and Footer Font" content="#555"/>
<meta name="color:Headings" content="#aaa"/>
<meta name="color:Hyperlink" content="#596C86"/>
<meta name="color:Sidebar Hyperlink" content="#555"/>
<meta name="color:Sidebar Hyperlink Border" content="#999"/>
<meta name="color:Visited Hyperlink" content="#582525"/>
<!-- END DEFAULT COLORS -->
<style type="text/css">
body, h1, h2, h3, blockquote, p, ul, ol, img { border: 0; margin: 0; padding: 0; font-size: 1em; }
body {
background: {color:Background};
color: {color:Content Font};
font: 62.5% Helvetica, Arial, sans-serif;
}
a { color: {color:Hyperlink}; }
a:visited { color: {color:Visited Hyperlink}; }
#header p, .post .sidebar p, .description, #footer .footer, #footer .description p {
font-size: 1.1em;
line-height: 1.6363em;
}
code, pre {
background: {color:Code Background};
padding: 3px;
font-size: 11px;
}
pre {
border: 1px solid {color:Code Border};
}
#container {
margin: 0 auto;
width: 70em;
}
#header {
padding: 3em;
}
#header h1 {
position: relative;
height: 6em;
overflow: hidden;
margin-bottom: 1em;
}
#header h1 a {
color: {color:Header and Footer font};
line-height: 1em;
letter-spacing: -0.1em;
margin-left: -0.06em;
text-decoration: none;
}
#header p {
color: {color:Header and Footer Font};
padding-right: 25em;
}
#contents .post {
background: {color:Sidebar Background};
border-top: 1px solid {color:Content Border};
clear: right;
}
#contents .post:first-child {
border-top: 0;
}
.post .sidebar {
float: right;
padding: 3em 0 0;
width: 21em;
}
.post .sidebar h2 {
color: {color:Headings};
font-size: 14px;
font-weight: normal;
line-height: 150%;
margin-bottom: 0.618em;
}
.post .sidebar a {
color: {color:Sidebar Hyperlink};
text-decoration: none;
border-bottom: 1px dotted {color:Sidebar Hyperlink Border};
}
.post .content {
background: {color:Content Background};
border-right: 0.5em solid {color:Sidebar Shadow};
margin-right: 23.5em;
min-height: 7.2em;
padding: 3em;
}
.post .description {
background: {color:Description Background};
border-top: 1px solid {color:Description Shadow};
margin-top: 2em;
padding: 1.5em;
}
.description + .description {
margin-top: 0;
}
#footer {
padding: 3em;
}
#footer .description {
float: left;
width: 29em;
padding-bottom: 1.2em;
}
#footer .follow {
float: right;
width: 29em;
margin-left: 3em;
padding-bottom: 3em;
}
#footer .footer {
clear: both;
margin-top: 1em;
border-top: 1px solid {color:Footer Border};
padding-top: 3em;
text-align: center;
}
#footer h2 {
color: {color:Headings};
font-size: 1.7em;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 0.618em;
}
#footer .description p {
color: {color:Header and Footer Font};
margin-bottom: 1.6363em;
}
#footer .description img {
float: left;
margin-right: 10px;
}
#footer .follow ul li {
float: left;
margin-right: 2px;
list-style: none;
}
/* General */
.post h3 {
font-size: 1.7em;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 0.618em;
}
.post blockquote {
border-left: 0.5em solid {color:Blockquote Border};
padding-left: 1em;
font-style: italic;
}
.post p, .post blockquote, .post ul, .post ol {
margin-top: 1.0em;
}
.post p:first-child, .post blockquote:first-child, .post ul:first-child, .post ol:first-child {
margin-top: 0;
}
.post .nav {
min-height: 0 !important;
}
/* Links */
.post .link h3 {
margin: 0;
}
/* Quote */
.post .quote .symbol {
font-size: 5em;
margin-top: -0.1em;
float: left;
}
.post .quote .quote {
font-size: 14px;
line-height: 150%;
margin-left: 1.5em;
}
/* Conversation */
.post .conversation ul {
list-style: none;
border-left: 0.5em solid {color:Chat Border};
}
.post .conversation ul li {
font-size: 1.2em;
line-height: 1.5em;
padding: 0.25em 0.5em;
}
.post .conversation ul li {
background: {color:Chat Background Even};
}
.post .conversation ul li.odd {
background: {color:Chat Background Odd};
}
.post .conversation .label {
color: {color:Chat Even};
font-weight: bold;
}
.post .conversation .odd .label {
color: {color:Chat Odd};
}
/* Text */
.post .text .go {
font-size: 1.2em;
line-height: 1.5em;
}
.post .text blockquote {
line-height: 1.5em;
}
.post .text ul, .post .text ol, .post .description ol, .post .description ul {
padding-left: 2.5em;
}
{CustomCSS}
</style>
</head>
<body>
<div id="container">
<div id="contents">
{block:Posts}
<div class="post">
<div class="sidebar">
<p>
{ShortYear}/{MonthNumberWithZero}/{DayOfMonthWithZero} {24HourWithZero}:{Minutes}:{Seconds}<br/>
{block:RebloggedFrom}
<a href="{ReblogRootURL}">{ReblogRootTitle}</a> -&gt;<br/>
{/block:RebloggedFrom}
{block:NoteCount}{NoteCountWithLabel}<br/>{/block:NoteCount}
{block:Regular}
<a href="{Permalink}">Some nice text</a></p>
</div>
<div class="content text">
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
<div class="go">
{Body}
</div>
{/block:Regular}
{block:Photo}
<a href="{Permalink}">A nice image</a></p>
</div>
<div class="content image">
{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}
<div class="description">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Quote}
<a href="{Permalink}">A memorable quote</a></p>
</div>
<div class="content quote">
<div class="symbol">&#147;</div>
<div class="quote">
{Quote}
</div>
{block:Source}
<div class="description">&mdash; {Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<a href="{Permalink}">Super hyperlink!</a></p>
</div>
<div class="content link">
<h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Conversation}
<a href="{Permalink}">Worth remembering</a></p>
</div>
<div class="content conversation">
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Conversation}
{block:Audio}
<a href="{Permalink}">Audio</a></p>
</div>
<div class="content audio">
{AudioPlayerGrey}
{block:Caption}
<div class="description">{Caption}</div>
{/block:Caption}
{/block:Audio}
{block:Video}
<a href="{Permalink}">Awesome video</a></p>
</div>
<div class="content video">
{Video-250}
{block:Caption}
<div class="description">{Caption}</div>
{/block:Caption}
{/block:Video}
</div>
</div>
{/block:Posts}
{block:IndexPage}
<div class="postb">
<div class="content nav">
{block:PreviousPage}
<a href="{PreviousPage}">previous</a> &nbsp;&nbsp;&nbsp;
{/block:PreviousPage}
{block:NextPage}
&nbsp;&nbsp;&nbsp;<a href="{NextPage}">next &#187;</a>
{/block:NextPage}
</div>
</div>
{/block:IndexPage}
</div>
<a name="description"></a>
<div id="footer">
<div class="description">
<p>{Description}</p>
</div>
<div class="follow">
</div>
<p class="footer"><a href="/">{Title}</a> &nbsp;/&nbsp; Design by <a href="http://www.purrito.net">Marcus Olovsson</a> &nbsp;/&nbsp; Powered by <a href="http://www.tumblr.com">Tumblr</a> &nbsp;/&nbsp; Here's a <a href="{RSS}">feed</a> if you want.</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment