Skip to content

Instantly share code, notes, and snippets.

@andrewchee
Created July 29, 2012 16:51
Show Gist options
  • Save andrewchee/3200168 to your computer and use it in GitHub Desktop.
Save andrewchee/3200168 to your computer and use it in GitHub Desktop.
My Posterous theme
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
<meta name="color:Accent" content="#009900"/>
-->
<title>{PageTitle}</title>
<style>
body {
background-color: #efefef;
}
body, p, h1, h2, h3, h4, a, blockquote {
font-family: courier !important;
font-size: 12px !important;
font-weight: normal !important;
color: #444;
line-height: 14px !important;
padding: 0px !important;
margin: 0px !important;
}
a, a:link, a:hover, a:visited {
color: #444 !important;
}
ul, ol, li {
list-style: none !important;
margin: 0px !important;
padding: 0px !important;
}
.container {
padding: 28px;
width: 62%;
min-width: 600px;
background-color: #fff;
}
.postunit {
padding: 0px 0px 0px 0px;
margin: 28px 28px 0px 0px;
width: 100%;
height: auto;
}
/* specific posterous classes */
.posterous_short_quote {
display: none;
}
.pagination {
margin-top: 28px;
}
.search-section {
margin-bottom: 28px;
}
blockquote {
/*padding-left: 14px !important;*/
border-left: none !important;
}
/* custom classes */
.nameplate {
margin-bottom: 14px;
}
</style>
</head>
<body>
<div class="container">
<!-- main ///////////////////////////////////////////////////////////////////////////// -->
<div class="main">
<div class="search-section">
{block:NotSearchOrTag}
<form method='get'>
<input type='hidden' name='sort' value="{SearchSort}"/>
<input type='text' name='search' value='{SearchQuery}' class="search" id="searchbox"/>
<input type='submit' value='Search' class="searchbox_button" id="searchbox_button"/>
</form>
{/block:NotSearchOrTag}
</div>
<div class="header-section">
{block:HeaderImage}
<div><a href="{SiteURL}"><img src="{HeaderImageURL-500}" alt="{Title} - {Description}"/></a></div>
{/block:HeaderImage}
</div>
</div>
<!-- /main ///////////////////////////////////////////////////////////////////////////// -->
<div class="sidebar">
{block:HeaderImage}{Else}
<div class="nameplate">
<h1><a href="{SiteURL}">{Title}</a></h1>
{block:Description}
<div class="tagline">{Description}</div>
{/block:Description}
</div>
{/block:HeaderImage}
{block:Show}
<p><a href="{SiteURL}">&laquo; Back</a></p>
<div class="sidebar-block">
<div><span class="metricLabel">Viewed </span><span class="metricValue">{PostViews} times</span></div>
<div id="favorite_fans">
<span class="metricLabel">Favorited </span>
<span class="metricValue"> <a href="#" id="favorite_fans_link" onclick="return false;">{FavoriteCount} times</a></span>
</div>
<div id="fan_hidden" class="sidebarunit">
{block:Fans}
<h5>Fans of this post</h5>
<ul class="fans">
{block:Fan}
<li>
<a href="{FanProfileLink}" rel='nofollow'><img src="{FanPortraitURL-20}" class='profile_border'/></a>
<a href="{FanProfileLink}" rel='nofollow'>{FanName}</a>
</li>
{/block:Fan}
</ul>
{/block:Fans}
</div>
{block:Showonclick action_id='favorite_fans_link' hidden_div='fan_hidden'/}
</div>
{/block:Show}
<!--
<div class="sidebar-block">
<h5>About</h5>
<p>{Profile}</p>
</div>
-->
<!--
{block:List}
<div class="sidebar-block">
<h5>Connect</h5>
{ProfileExternalLinks}
</div>
-->
<!--
<div class="sidebar-block">
{block:Contributors}
<div class="contributors">
<h5>Contributors</h5>
<ul class="contribs">
{block:Contributor}
<li>
<a href="{ContributorProfileLink}"><img src="{ContributorPortraitURL-20}" class='profile_border' /></a>
<a href="{ContributorProfileLink}">{ContributorName}</a>
</li>
{/block:Contributor}
</ul>
</div>
{/block:Contributors}
</div>
-->
<div class="sidebar-block">
{block:TagList}
<div class="tags">
<!--<h5>Categories</h5>-->
<ul class="tag">
{block:TagListing collapsible='true' count='10' action_id='seemore_link'}
{block:TagListingMore}
<li><a href="#" id="seemore_link" class="more-tags">View all {NumTags} tags &raquo;</a></li>
{/block:TagListingMore}
{block:TagItem}
<li><a href="{TagLink}">{TagName}</a> ({TagCount})</li>
{/block:TagItem}
{block:TagItemSelected}
<li class="tag_item_selected"><strong>{TagName}</strong> ({TagCount})</li>
{/block:TagItemSelected}
{/block:TagListing}
</ul>
</div>
{/block:TagList}
</div>
{/block:List}
<!--
<div class="sidebar-block">
{block:Subscription}
<h5>Get Updates</h5>
{block:SubscriptionUnsubscribed action_id='subscribe_link' content_div='subscribe_div'}
<div id="subscribe_div" class="subscribe-posterous">
<a href="{SubscribeLink}" id="subscribe_link" class="subscribe-link">Subscribe to this posterous &raquo;</a>
</div>
{/block:SubscriptionUnsubscribed}
{block:SubscriptionSubscribed action_id='unsubscribe_link' content_div='unsubscribe_div'}
<div id="unsubscribe_div" class="subscribe-posterous">
<a href="{UnsubscribeLink}" id="unsubscribe_link" class="subscribe-link">Unsubscribe &raquo;</a>
</div>
{/block:SubscriptionSubscribed}
{block:Subscriptionloading}
<img src="/images/loading.gif">
{/block:Subscriptionloading}
{/block:Subscription}
{block:NotSearchOrTag}
<div class="subscribe-rss"><a href="{RSS}" class="subscribe-link">Subscribe via RSS</a></div>
{/block:NotSearchOrTag}
</div>
-->
</div><!-- /.sidebar -->
<div class="main">
<div id="posts">
{block:SearchPage}
<div class="search-results">
<h2>
{block:SearchResultOne}
One result found searching for
{/block:SearchResultOne}
{block:SearchResultMany}
{SearchResultCount} results found searching for
{/block:SearchResultMany}
{block:SearchResultNone}
No results found searching for
{/block:SearchResultNone}
</h2>
<form method='get'>
<input type='hidden' name='sort' value="{SearchSort}"/>
<input type='text' name='search' value='{SearchQuery}' class="searchbox searchbox_large" id="searchbox"/>
<input type='submit' value='Search' class="searchbox_button" id="searchbox_button"/>
<a href="{CurrentURL}" class="xsmall">clear</a>
</form>
<ul class="searchsort">
<li>Sort by</li>
<li>{block:SearchSortBestmatch}<b>Best match</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li>
<li>{block:SearchSortRecent}<b>Most recent</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=recent">Most recent</a>{/block:SearchSortRecent}</li>
<li>{block:SearchSortInteresting}<b>Most interesting</b>{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li>
</ul>
<br/>
<a href="{PosterousURL}/explore/?search={SearchQuery}">Search all of posterous for <b>{SearchQuery}</b> &raquo;</a>
</div>
{/block:SearchPage}
{block:Tag}
<div class="tag-results">
Filed under
<h2>{Tag}</h2>
<a href="{GlobalTagURL}" id="see_all_tags">
See all posts on posterous with this tag »
</a>
</div>
{/block:Tag}
{block:Posts}
<div id="postunit_{PostID}" class="postunit">
{block:EditBox}
<div class="editbox">{EditBoxContents} </div>
{/block:EditBox}
<div id="post_{PostID}" class="post">
{block:Private}
<div class="private-post">
<a href="{Permalink}" class="tooltip_link"><img src="/images/icons/lock12.png" alt='Private'/>
<span>
<b>Private Post</b><br/>
This post has a secret URL and not linked on your public blog. Send the secret URL to share it with anyone.
</span>
</a>
</div>
{/block:Private}
{block:Title}<h2 id="posttitle_{PostID}"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:SMS}
<div class="sms_notice">Posted from my mobile phone (SMS)</div>
{/block:SMS}
<p>
{Body}
</p>
<!--
{block:Retweet}
<img src="/images/icons/services/twitter11.png" />
<span id="retweet_count_{PostID}">
<a href="{RetweetLink}">
{NumRetweets}
<span id="retweet_count_label_{PostID}">mentions</span>
</a>
</span>
{RetweetButton}
{/block:Retweet}
-->
{block:List}
{block:TagList}
<div class="infobar tagsbar">
Filed under //
{block:TagListing}
<a href="{TagLink}">{TagName}</a>
{/block:TagListing}
</div>
{/block:TagList}
{/block:List}
<div class="infobar">
<!--
<div class="details">
<div class="comment_list">
{block:Comments}
{block:CommentsList action_id='comment_link_{PostID}' target_element='post_commentarea_{PostID}'}
<span><a href="{Permalink}#comment" id='comment_link_{PostID}' class="comments-name">Comment{CommentCountPluralized}</a><span class="comments-quantity">({CommentCount})</span></span>
{/block:CommentsList}
{/block:Comments}
<div class="clear"></div>
</div>
</div>
-->
<div class="location">
<span class="date">{block:NewDayDate}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:NewDayDate}
{block:Author}
{block:AuthorUser}
by <a href="{AuthorURL}">{AuthorName}</a>
<!--<a href="{AuthorURL}"><img src="{AuthorPortraitURL-35}" class='profile_border' /></a>-->
{/block:AuthorUser}
{block:AuthorEmail}
by email
{/block:AuthorEmail}
{/block:Author}
</span>
{block:PostLocations}
<br /><div id="location_collapsed_{PostID}" class="loc"><a href="#" id="post_location_expander_{PostID}" class="location-name">{LocationsSummary}</a></div>
{/block:PostLocations}
</div>
</div><!-- /.infobar -->
{block:Comments}
<div id="post_commentarea_{PostID}" class="comment-area"></div>
{/block:Comments}
{block:Comments}
{block:CommentsShow}
<a name="comment"></a>
<h4>{CommentCount} comment{CommentCountPluralized}</h4>
{CommentCode}
<h4>Leave a comment...</h4>
{NewCommentCode}
{/block:CommentsShow}
{/block:Comments}
<div class="clear"></div>
{block:PostLocations}
<div class="location-map" id="post_location_expanded_{PostID}">
<div class="map">
{MapIframe}
</div>
<div class="location-details">
<b>Posted from</b><br/>
{block:PostLocation uniq_by='summary'}
{LocationSummary}<br/>
{/block:PostLocation}
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
{block:Showonclick action_id='post_location_expander_{PostID}' hidden_div='post_location_expanded_{PostID}' to_hide_id='location_collapsed_{PostID}'/}
{/block:PostLocations}
{block:Favorite hover_id='postunit_{PostID}' position_id='postunit_{PostID}'/}
</div><!-- /.post -->
<div class="clear"></div>
</div><!-- /.postunit -->
{/block:Posts}
{block:Pagination/}
</div><!-- /#posts -->
</div><!-- /.main -->
<div class="clear"></div>
</div><!-- /.container -->
</body>
</html>​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment