Skip to content

Instantly share code, notes, and snippets.

@ojhp
Created April 23, 2010 14:47
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 ojhp/376606 to your computer and use it in GitHub Desktop.
Save ojhp/376606 to your computer and use it in GitHub Desktop.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
{block:Description}
<meta name="description" value="{MetaDescription}"/>
{/block:Description}
<meta name="color:Background" content="#333333"/>
<meta name="color:Sidebar" content="#666666"/>
<meta name="color:Post Boxes" content="#444444"/>
<meta name="color:Text" content="#dddddd"/>
<meta name="color:Links" content="#ffffff"/>
<meta name="if:Show People I Follow" content="1"/>
<style type="text/css">
body {
background-color: {color:Background};
font-family: sans-serif;
color: #ffffff;
}
p {
color: {color:Text};
text-align: justify;
font-size: 10pt;
}
a {
color: {color:Links};
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#sidebar {
position: fixed;
top: 0px;
left: 0px;
width: 230px;
height: 100%;
border-right: 2px solid #999999;
background-color: {color:Sidebar};
padding: 10px 0px 0px 0px;
margin: 0px;
}
img#portrait {
display: block;
margin-left: auto;
margin-right: auto;
border: 10px solid #999999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#sidebar > * {
margin: 15px;
}
#sidebar h2 {
font-size: 12pt;
margin: 15px 0px;
padding: 5px 15px;
background-color: #777777;
border-top: 2px solid #999999;
border-bottom: 2px solid #999999;
}
#sidebar ul {
list-style-type: none;
padding: 0px;
}
#sidebar ul li:before {
content: '\0000bb ';
}
#sidebar ul.follow-list {
margin-left: 35px;
}
#sidebar ul.follow-list li:before {
content: '';
}
#themeinfo {
position: fixed;
bottom: 5px;
right: 5px;
font-size: 8pt;
margin: 0px;
padding: 0px;
}
#content {
margin-left: 240px;
padding: 0px;
width: 600px;
}
#title {
font-family: monospace;
font-size: 50px;
text-align: right;
margin: 10px;
}
#title a:hover {
text-decoration: none;
}
div.post, div#pagination {
display: block;
margin: 0px 0px 15px 0px;
padding: 5px 15px;
background-color: {color:Post Boxes};
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
div.photo, div.photoset {
text-align: center;
}
img.photo {
margin-top: 20px;
border: 2px solid #999999;
}
div.caption p, p.source, p.reblog {
text-align: center;
}
p.reblog {
background-color: #666666;
border-radius: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
p.reblog img {
position: relative;
top: 2px;
}
p.quote {
font-size: 18pt;
font-style: italic;
color: #ffffff;
padding: 20px;
}
span.quote-mark {
color: #dddddd;
font-weight: bold;
}
p.link {
font-size: 24pt;
text-align: center;
}
ul.chat {
list-style-type: none;
margin: 10px;
padding: 0px;
}
ul.chat li {
margin: 3px 0px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
ul.chat li.odd {
background-color: #666666;
}
ul.chat li.even {
background-color: #555555;
}
span.label {
float: left;
width: 80px;
margin-right: 5px;
text-align: right;
}
div.audio_player, div.video_player {
margin: 15px auto;
padding: 10px;
width: 207px;
height: 27px;
background-color: #666666;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center;
}
p.question {
color: #88ff88;
}
p.answer {
color: #8888ff;
}
p.next {
float: right;
margin: 0px;
padding: 0px;
}
p.previous {
float: left;
margin: 0px;
padding: 0px;
}
.clear {
clear: both;
height: 0px;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="sidebar">
<img id="portrait" src="{PortraitURL-96}"/>
{block:Description}
<p class="description">{Description}</p>
{/block:Description}
{block:HasPages}
<h2>Pages</h2>
<ul>
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
</ul>
{/block:HasPages}
{block:IfShowPeopleIFollow}
{block:Following}
<h2>Following</h2>
<ul class="follow-list">
{block:Followed}
<li style="list-style-image: url({FollowedPortraitURL-16});"><a href="{FollowedURL}" alt="{FollowedName}">{FollowedTitle}</a></li>
{/block:Followed}
</ul>
{/block:Following}
{/block:IfShowPeopleIFollow}
</div>
<div id="content">
<h1 id="title"><a href="/">{Title}</a></h1>
{block:Posts}
{block:Text}
<div class="post text">
{block:Title}
<h2 class="post-title"><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div class="post photo">
{LinkOpenTag}<img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="post photoset">
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="post quote">
<p class="quote"><span class="quote-mark">&ldquo;</span>{Quote}<span class="quote-mark">&rdquo;</span></p>
{block:Source}
<p class="source">{Source}</p>
{/block:Source}
{/block:Quote}
{block:Link}
<div class="post link">
<p class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></p>
{block:Description}
<p class="description">{Description}</p>
{/block:Description}
{/block:Link}
{block:Chat}
<div class="post chat">
<ul class="chat">
{block:Lines}
<li class="{Alt}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:Title}
<p class="source">{Title}</h2>
{/block:Title}
{/block:Chat}
{block:Audio}
<div class="post audio">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">
{Caption}
{block:ExternalAudio}
(<a href="{ExternalAudioURL}">download</a>)
{/block:ExternalAudio}
</div>
{/block:Caption}
{/block:Audio}
{block:Video}
<div class="post video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Video}
{block:Answer}
<div class="post answer">
<p class="question">Q: {Question}</p>
<p class="answer">A: {Answer}</p>
<p class="asker">Asked by: {Asker}</p>
{/block:Answer}
{block:RebloggedFrom}
<p class="reblog"><img src="{ReblogParentPortraitURL-16}"/> Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.</p>
{/block:RebloggedFrom}
</div>
{/block:Posts}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<p class="previous"><a href="{PreviousPage}">&laquo; Previous</a></p>
{/block:PreviousPage}
{block:NextPage}
<p class="next"><a href="{NextPage}">Next &raquo;</a></p>
{/block:NextPage}
<br class="clear"/>
</div>
{/block:Pagination}
</div>
<p id="themeinfo">Design by: <a href="mailto:owen.platt@virginmedia.com">Owen Platt</a></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment