Skip to content

Instantly share code, notes, and snippets.

@ebot
Created September 12, 2008 20:25
Show Gist options
  • Save ebot/10512 to your computer and use it in GitHub Desktop.
Save ebot/10512 to your computer and use it in GitHub Desktop.
<!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"/>
<link rel="alternate" type="application/rss+xml" title="RSS"
href="{RSS}"/>
<meta name="viewport" content="width=670"/> <!-- iPhone -->
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="icon" href="{Favicon}"/>
<style type="text/css">
:focus{ outline: 0; }
body{
font-family: 'Lucida Grande', Arial, sans-serif;
color: #fff;
background: #000;
font-size: 11px;
padding: 40px 0 0 0;
line-height: 18px;
}
*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
a.permalink {
white-space: nowrap;
}
#header{
width: 650px;
margin: 0px auto;
}
#header #left{
float: left;
background: url(/themes/9/headerleft.gif) left center no-repeat;
width: 585px;
height: 43px;
border-right: 1px #1F4CA3 solid;
margin: 0;
}
#header #left h1{
line-height: 46px;
margin: 0 0 0 20px;
font-weight: normal;
}
#header #left h1 a{
color:#fff;
text-shadow: #000 0px 1px 0px;
}
#header #RSS{
float: right;
height: 43px;
width: 64px;
border-bottom: 1px #E39329 solid;
margin: 0;
padding: 0;
}
#header #RSS a{
display: block;
height: 43px;
width: 64px;
text-indent: -9999px;
background: url(/themes/9/rss.gif) right center no-repeat;
margin: 0 -1px 0 0;
}
#header #RSS a:hover{
background: url(/themes/9/rss_o.gif) center center no-repeat;
}
#container div.post .date a{
color: #777;
border-bottom: 1px solid #aaa;
margin: 0 0 0 5px !important;
}
#container div.post .date a:hover{
color: #eee;
border-bottom: 1px solid #fff;
}
#container div.post div.link .date{
line-height: 34px;
}
.clear{
clear: both;
}
#container{
width: 648px;
margin: 0px auto;
background: url(/themes/9/c_bg.gif) center center repeat-y;
padding: 0 1px 1px 1px;
}
#container a{
color: #2a69bb;
}
#container a:hover{
color: #3181ea;
}
#container p{
padding: 0;
margin: 0 0 18px 0;
}
#container #description{
background: #2b2b2b url(/themes/9/ds_bg.gif) top left repeat-x;
padding: 20px 20px 20px 20px;
border-bottom: 1px #353535 solid;
border-top: 1px #4168A8 solid;
margin: -1px 0 1px 0;
}
#container #description a{
background: transparent !important;
padding: 0 !important;
}
#container #description div.i{
background: url(/themes/9/i.gif) left center no-repeat;
padding: 0 0 0 40px;
margin: 0;
}
#container div.post{
position: relative;
margin: 0 0 30px 0;
padding: 30px 45px 0 45px;
clear: both;
border-top: 1px #222 solid;
}
#container div.post div.regular h2{
font-weight: normal;
margin: 0 0 8px 0;
line-height: 18px;
}
#container div.post div.regular h2 a{
background: transparent !important;
padding: 0 !important;
text-shadow: #000 0px 1px 2px;
color: #fff;
font-size: 18px;
}
#container div.post div.regular blockquote{
margin: 0 0 0 20px;
border-left: 1px #333 solid;
padding: 0 0 0 10px;
}
#container div.post div.regular ul{
list-style: circle;
margin: 0 0 0 20px;
}
#container div.post div.regular ul li{
margin: 0 0 8px 0;
}
#container div.post div.link{
margin: 0 0 0 0;
}
#container div.post div.link div.link-bg{
background: url(/themes/9/link-l.gif) left center no-repeat;
padding: 26px 0 26px 19px;
margin: 0 0 0 -45px;
font-size: 14px;
display: inline;
}
#container div.post div.link div.link-bg a.link{
background: url(/themes/9/link-r.gif) right center no-repeat !important;
padding: 26px 35px 26px 0 !important;
margin: 0;
font-size: 14px;
color: #fff !important;
text-shadow: #000 0px 1px 1px;
}
#container div.post div.link div.link-bg a.link:hover{
background: url(/themes/9/link-r-o.gif) right center no-repeat !important;
color: #161616 !important;
text-shadow: #000 0px 0px 0px;
}
#container div.post div.link .description{
line-height: 34px;
display: inline;
margin: 0 0 0 10px;
}
#container div.post div.photo{
margin: 0;
padding: 0 0 1px 0;
overflow: hidden;
}
#container div.post div.photo img{
float: left;
margin: 0 10px 0 0;
border-width: 0px;
}
#container div.post div.photo .caption{
float: left;
margin: 0px -30px 0 0;
width: 150px;
}
#container div.post div.audio {
overflow: hidden;
}
#container div.post div.audio .caption{
float: right;
width: 325px;
}
#container div.post div.video{
position: relative;
overflow: hidden;
}
#container div.post div.video .caption{
width: 145px;
float: right;
}
#container div.post div.quote span.quote{
color: #fff;
text-shadow: #000 0px 1px 2px;
}
#container div.post div.quote span.long{
font-size: 14px;
line-height: 18px;
margin: 0 0 0 -7px;
}
#container div.post div.quote span.medium{
font-size: 18px;
line-height: 20px;
margin: 0 0 0 -10px;
}
#container div.post div.quote span.medium big a{
vertical-align: -2px;
}
#container div.post div.quote span.short{
font-size: 22px;
line-height: 24px;
margin: 0 0 0 -14px;
}
#container div.post div.quote span.short big a{
vertical-align: -5px;
}
#container div.post div.quote big a{
background: transparent !important;
padding: 0 !important;
font-family: Georgia;
}
#container div.post div.quote div.source{
text-align: right;
margin: 5px 0 0 0;
}
#container div.post div.conversation{
width: 500px
}
#container div.post div.conversation h2{
margin: 0 0 10px 0;
}
#container div.post div.conversation ul {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0;
}
#container div.post div.conversation ul li {
padding: 4px 0px 4px 0;
color: #fff;
margin-bottom: 0px;
}
#container div.post div.conversation ul li span.label {
font-weight: bold;
}
#navigation{
background: url(/themes/9/nav.gif) center center no-repeat;
height: 38px;
width: 650px;
line-height: 38px;
margin: 0px auto;
position: relative;
clear: both;
}
#navigation span{
text-align: center;
margin: 0 25% 0 25%;
color: #999;
width: 50%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 20;
}
#navigation a.next{
float: right;
background: url(/themes/9/next.gif) center center no-repeat;
text-indent: -9999px;
display: block;
height: 38px;
width: 48px;
margin: 0 0 0 0;
z-index: 5000;
position: absolute;
top: 0;
right: 0;
}
#navigation a.next:hover{
background: url(/themes/9/next-o.gif) center center no-repeat;
}
#navigation a.prev{
float: left;
background: url(/themes/9/prev.gif) center center no-repeat;
text-indent: -9999px;
display: block;
height: 38px;
width: 49px;
position: absolute;
top: 0;
left: 0;
margin: 0 0 -38px 0;
z-index: 5000;
}
#navigation a.prev:hover{
background: url(/themes/9/prev-o.gif) center center no-repeat;
}
#footer{
width: 650px;
margin: 0px auto;
padding: 40px 0 30px 0;
text-align: center;
}
#footer a{
background: url(/themes/9/alink.gif) right center no-repeat;
padding: 0 14px 1px 0;
color: #2a69bb;
margin: 0 2px 0 2px;
}
#footer a:hover{
background: url(/themes/9/alink_o.gif) right center no-repeat;
color: #3181ea;
}
#search { text-align: right; margin-top: 10px; }
#searchresultcount { text-align: center; margin: 15px 0 20px; }
.query { font-weight: bold; font-style: italic; }
{CustomCSS}
</style>
</head>
<body>
<img src="/themes/9/rss_o.gif" style="display: none" />
<img src="/themes/9/alink_o.gif" style="display: none" />
<img src="/themes/9/link-r-o.gif" style="display: none" />
<img src="/themes/9/next-o.gif" style="display: none" />
<img src="/themes/9/prev-o.gif" style="display: none" />
<div id="header">
<div id="left">
<h1><a href="/">{Title}</a></h1>
</div>
<div id="RSS">
<a href="/rss">RSS</a>
</div>
<br style="clear: both;" />
</div>
<div id="container">
{block:Description}
<div id="description">
<div class="i">{Description}</div>
<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>
</div>
{/block:Description}
{block:SearchPage}
<div id="searchresultcount">
<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s).</p>
</div>
{/block:SearchPage}
{block:Posts}
<div class="post">
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body} <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Regular}
{block:Photo}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
<div class="caption">{block:Caption}
{Caption}
{/block:Caption}<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
<br class="clear" />
</div>
{/block:Photo}
{block:Quote}
<div class="quote">
<span class="quote {Length}">
<big class="quote"><a href="{Permalink}">“</a></big>{Quote}<big class="quote2"><a href="{Permalink}">”</a></big>
</span>
<div class="source {Length}">{block:Source}— {Source}{/block:Source} <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span></div>
</div>
{/block:Quote}
{block:Link}
<div class="link">
<div class="link-bg"><a href="{URL}" class="link" {Target}>{Name}</a></div>
<div class="description">{block:Description}
{Description}
{/block:Description}</div><span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Link}
{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Conversation}
{block:Audio}
<div class="audio">
<div class="caption">
{Caption}
<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{AudioPlayerGrey}
<br class="clear" />
</div>
{/block:Audio}
{block:Video}
<div class="video">
{Video-400}
<div class="caption">{block:Caption}
{Caption}
{/block:Caption}<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span></div>
</div>
{/block:Video}
</div>
{/block:Posts}
</div>
<div id="navigation">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">previous page</a>   
{/block:PreviousPage}
<span>Page {CurrentPage} of {TotalPages}</span>
{block:NextPage}
<a href="{NextPage}" class="next">next page</a>
{/block:NextPage}
</div>
<div id="footer">
<a href="{RSS}">RSS</a> the feed   
<a href="/archive" target="_blank">Archive</a> the history   
<a href="http://www.tumblr.com/" target="_blank">Tumblr</a> the engine   
<a href="http://cameron.io">Cameron</a> the designer
</div>
</body>
</html>
<!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"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta name="viewport" content="width=670"/> <!-- iPhone -->
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="icon" href="{Favicon}"/>
<style type="text/css" media="screen">
body {
font-family: verdana;
font-size: .9em;
background-color: #000000;
color: #ffffff;
margin: 0 10% 0 10%; }
body a:link {
color: #73b34d;
text-decoration: none; }
body a:visited {
color: #73b34d;
text-decoration: none; }
body a:active {
color: #222222;
text-decoration: underline; }
body a:hover {
color: #222222;
text-decoration: underline; }
#header {
border-bottom: solid 1px #515151;
padding-bottom: 0px; }
#header span a {
color: #73b34d;
text-decoration: none;
padding-right: 12px;
padding-left: 12px;
padding-top: 50px;
padding-bottom: 10px; }
#header span a:hover {
color: #73b34d;
background: #222222;
text-decoration: none; }
#header h1 {
text-align: right; }
#description {
float:left;
padding-top: 8px;
width: 60% }
#bottom_line {
margin-bottom: 3px; }
#bottom_line h5 {
font-size: 1.1em;
text-align: center;
border-bottom: solid 1px #515151; }
#bottom_line ul {
list-style-type: none;
padding-left: 0px; }
#bottom_line li {
width: 100%;
margin-top: 4px; }
#bottom_line a:link {
color: #73b34d;
text-decoration: none; }
#bottom_line a:visited {
color: #73b34d;
text-decoration: none; }
#bottom_line a:active {
color: #73b34d;
text-decoration: none;
background-color: #222222; }
#bottom_line a:hover {
color: #73b34d;
text-decoration: none;
background-color: #222222; }
#bottom_line #article_list {
display: inline;
margin: 10px;
padding: 0px;
width: 195px;
float: left; }
#bottom_line #article_list a {
text-decoration: underline; }
#bottom_line #tag_list {
float: left;
margin: 10px 13px;
padding: 0px;
width: 460px;
display: inline;
position: relative;
text-align: center; }
#bottom_line #blog_meta {
display: inline;
position: relative;
margin: 10px 10px 10px 0px;
padding: 0px;
width: 195px;
float: right; }
#content {
padding-top: 1px; }
#content h2 {
color: #ffffff;
border-bottom: solid 1px #515151; }
#content h3 {
color: #ffffff;
border-bottom: solid 1px #515151; }
#content h3 a:hover {
color: #73b34d;
text-decoration: none;
background-color: #222222; }
#content h4 {
text-decoration: underline; }
#content input, #content textarea {
background-color: #515151;
border: solid thin #ffffff;
color: #ffffff;
padding: 2px; }
#content textarea {
width: 600px; }
#content #links {
float: right;
margin: 20px 0 10px 10px; }
#content #links .sidetitle {
font-weight: bolder;
border-bottom: solid thin #515151;
margin-bottom: 3px; }
#content input#openid_url {
background: url(http://openid.net/login-bg.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px; }
.article_list table {
border: solid 1px#ffffff;
background-color: #515151;
width: 650px; }
.article_list table td {
background-color: #515151;
padding: 3px; }
.article_list table th {
background-color: #515151; }
.article_list table .num {
text-align: right; }
#clear {
clear: both; }
.post {
border-bottom: solid 5px #73b34d;
margin-bottom: 3px; }
.post img {
border: 0; }
.post_meta {
border-bottom: solid thin #515151;
padding-left: 10px;
color: #fffd7b; }
#footer {
clear: both;
border-top: solid 1px #515151;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
padding-top: 2px; }
#footer div {
padding-top: 4px; }
.gist {
line-height: 1.3em !important;
color: #ffffff !important;
}
.gist .gist-file {
border: 0 !important;
}
.gist .gist-file .gist-data {
background-color: #333 !important;
padding-bottom: 1em;
}
</style>
</head>
<body>
<div id="header">
{block:Description}
<div id="description">
{Description}
</div>
{/block:Description}
<h1>edbotz.us</h1>
</div>
<div id='content'>
{block:SearchPage}
<div id="searchresultcount">
<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s).</p>
</div>
{/block:SearchPage}
<div class="post">
{block:Posts}
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Regular}
<div class="regular">
<div class='post_meta'>
<table>
<p>Written By Ed Botzum.</p>
<p>
Created <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</p>
</table>
</div>
{Body}
</div>
{/block:Regular}
{block:Quote}
<div class="quote">
<div class='post_meta'>
<table>
<p>
Posted <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</p>
</table>
</div>
<span class="quote {Length}">
<big class="quote"><a href="{Permalink}">&#147;</a></big>{Quote}<big class="quote2"><a href="{Permalink}">&#148;</a></big>
</span>
<div class="source {Length}">{block:Source}&mdash; {Source}{/block:Source}</div>
</div>
{/block:Quote}
{block:Photo}
<div class="photo">
<div class='post_meta'>
<table>
<p>
Posted <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</p>
</table>
</div>
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}
</div>
</div>
{/block:Photo}
{block:Link}
<div class="link">
<div class='post_meta'>
<table>
<p>
Posted <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</p>
</table>
</div>
<div class="link-bg"><a href="{URL}" class="link" {Target}>{Name}</a></div>
<div class="description">
{block:Description}
{Description}
{/block:Description}
</div>
</div>
{/block:Link}
{/block:Posts}
</div>
<div id="bottom_line">
<div id="article_list">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">previous page</a> &nbsp;&nbsp;
{/block:PreviousPage}
<span>Page {CurrentPage} of {TotalPages}</span>
{block:NextPage}
<a href="{NextPage}" class="next">next page</a>
{/block:NextPage}
</div>
<div id="blog_meta">
<form action="/search" method="get">
<input id="search_criteria" type="text" name="q" value="{SearchQuery}"/>
<input name="commit" type="submit" value="Find"/>
</form>
</div>
</div>
<div id="footer">
<a href="{RSS}">RSS</a> |
<a href="/archive" target="_blank">Archive</a> |
<a href="http://www.tumblr.com/" target="_blank">Tumblr</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment