You can rename to .txt instead of .html. Or just copy this:
<!DOCTYPE html>
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta charset="utf-8">
<link rel="icon" href="/images/favicon.png" type="image/x-png">
<title>{PageTitle}</title>
<meta name="color:Links" content="#7d6868"/>
<meta name="color:SidebarLinks" content="#4f4543"/>
<meta name="color:Headers" content="#635252"/>
<meta name="color:Body" content="#4f4543"/>
<meta name="color:PostInfo" content="#7c7c7c"/>
<link rel="stylesheet" href="/themes/vintage/burstmybubble.css">
<style type="text/css">
* {padding:0;margin:0;}
img {border:0;}
.clear {clear:both;font-size:5px;}
.left {float:left;}
.right {float:right;}
.text-right {text-align:right;}
.center {text-align:center;}
.small {font-size:.857em !important;} /* 12px */
.xsmall {font-size:.786em !important;} /* 11px */
.xxsmall {font-size:9px;}
.normal {font-size:12px !important;}
.big {font-size:14px !important;}
.bigger {font-size:16px !important;}
.black {color:#000;}
.green1,.green1:hover {color:#7ba709;}
.green2,.green2:hover {color:#6f9904;}
.darkgray {color:#333;}
.strong {font-weight:bold;}
.absolute-right {position:absolute;top:0;right:0;}
.white {color:#fff;}
.red {color:#f00;}
header,hgroup,footer,aside,nav,article,section,time {display:block;}
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: FontSite Inc.
* License URL: http://www.fontspring.com/fflicense/fontsite
*
*
*/
@font-face {
font-family: 'AlternateGothicFSNo3';
src: url('/themes/vintage/AlternateGothicNo3-webfont.eot');
src: local('☺'), url('/themes/vintage/AlternateGothicNo3-webfont.woff') format('woff'), url('/themes/vintage/AlternateGothicNo3-webfont.ttf') format('truetype'), url('/themes/vintage/AlternateGothicNo3-webfont.svg#webfontUJOPMwss') format('svg');
font-weight: normal;
font-style: normal;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2010 */
@font-face {
font-family: 'BurstMyBubbleRegular';
src: url('/themes/vintage/burstmybubble-webfont.eot');
src: local('☺'), url('/themes/vintage/burstmybubble-webfont.woff') format('woff'), url('/themes/vintage/burstmybubble-webfont.ttf') format('truetype'), url('/themes/vintage/burstmybubble-webfont.svg#webfontqyw9xSck') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background:url(/themes/vintage/bg.jpg) repeat #e4e0db;
color:{color:Body};
font-family:"Helvetica Neue",Arial,Helvetica;
font-size:.875em; /* 14px */
}
a {
color:{color:Links};
text-decoration:underline;
}
.header-bg {
background:url(/themes/vintage/header.jpg) top center repeat-x;
left:0;
height:192px;
position:absolute;
right:0;
top:0;
}
.container {
margin:0 auto;
padding:0 20px 70px;
position:relative;
width:960px;
z-index:1;
}
.cw {
bottom:30px;
color:{color:Headers} !important;
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.429em;
letter-spacing:-.05em;
position:absolute;
text-align:center;
text-transform:uppercase;
width:880px;
}
.cw a {
color:#1e1e1e !important;
text-decoration:none;
}
.cw a:hover {
text-decoration:underline;
}
#page_header {
padding:70px 0 60px 160px;
}
article header h1 {
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.714em;
font-weight:normal;
line-height:1em;
padding:5px 0 10px;
text-transform:uppercase;
}
header#page_header h1.header_image {
padding-left:160px;
}
article header h1 a {
color:{color:Headers} !important;
text-decoration:none;
}
article header h1 a:hover {
}
header#page_header hgroup {
background:url(/themes/vintage/logo.png) no-repeat;
margin-left:-50px;
min-height:65px;
padding-left:70px;
}
header#page_header hgroup h1 {
display:inline;
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:2.571em;
font-weight:normal;
letter-spacing:-.05em;
line-height:1em;
text-transform:uppercase;
}
header#page_header hgroup h1 a {
color:{color:Headers};
filter:dropshadow(color=#fff,offX=0,offY=1);
text-shadow:0 1px 2px #fff;
text-decoration:none;
/* -webkit-text-stroke:1px black; */
}
header#page_header hgroup h2 {
display:inline-block;
color:#1b1624;
font-family:BurstMyBubbleRegular,Arial, Helvetica, sans-serif;
font-size:1.714em;
font-weight:normal;
margin-top:5px;
padding-left:5px;
text-shadow:0 1px 0 rgba(255,255,255,.15);
filter:dropshadow(color=#5e556f,offX=0,offY=1);
}
nav {
float:right;
padding-top:15px;
}
nav li {
display:inline-block;
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.429em;
list-style:none;
margin-top:0; /* override default */
margin-right:20px;
text-transform:uppercase;
}
nav li a {
color:#5f5a57;
text-decoration:none;
text-shadow:1px 1px 0 rgba(255,255,255,.75);
filter:dropshadow(color=#fff,offX=1,offY=1);
}
nav#navigation ul li a.current {
font-weight:bold;
}
form.search input.text {
font-size: 12px;
padding: 2px 2px 2px 20px;
border: 1px solid #ccc;
background:#fff url('/images/icons/search16.png') no-repeat 3px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
aside#sidebar {
float:right;
width:200px;
}
aside#sidebar a {
color:{color:SidebarLinks};
text-decoration:none;
}
aside#sidebar a:hover {
text-decoration:underline;
}
aside#sidebar section {
display:block;
padding:15px 0;
}
aside section#profile {
padding-top:0;
}
aside#sidebar section h1,.profile-link {
color:{color:Headers};
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.286em;
font-weight:normal;
text-shadow:0 1px 2px #fff;
text-transform:uppercase;
filter:dropshadow(color=#fff,offX=0,offY=1);
}
aside#sidebar section ul li {
font-size:.786em;
list-style: none;
line-height:1.2em;
padding:0 3px;
}
.profile_image {
background:#d2cac7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:10px;
padding:7px;
}
.profile p {
line-height:1.5em;
padding-top:5px;
}
.external {
padding-top:10px;
}
#search {
padding:15px 0;
}
#searchbox {
background:url(/themes/vintage/search-white-100.png) no-repeat 7px 7px #a3948e;
border:solid 1px rgba(0,0,0,.5);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#fff;
font-size:14px;
padding:3px 5px 3px 23px;
width:165px;
}
#searchbox_button {
font-size:.875em;
font-weight:bold;
height:auto;
margin-top:5px;
padding:3px 10px;
}
section#search_results {
background:#d2cac7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:solid 1px rgba(0,0,0,.35);
padding:20px;
margin-bottom:35px;
margin-left:160px;
}
section#search_results .submit {
font-size:.875em;
font-weight:bold;
height:auto;
margin-top:5px;
padding:3px 10px;
}
section#search_results h1,section#filed_under h1 {
color:{color:Headers};
font-family:AlternateGothicFSNo3,"Arial Narrow";
font-size:1.429em;
line-height:1em;
text-transform:uppercase;
}
section#search_results h1 {
padding-bottom:5px;
}
section#search_results a {
text-decoration:none;
}
section#filed_under {
margin-left:182px;
}
section#filed_under h1 {
font-size:1em;
margin-bottom:25px;
}
section#search_results ul {}
section#search_results li {
display:inline-block;
font-size:.786em;
list-style:none;
margin-right:5px;
}
.back_to_blog {
display:block;
font-weight:bold;
margin-bottom:15px;
margin-left:182px;
}
.back_to_blog a {
color:{color:Headers};
text-decoration:none;
}
.fav_star {
z-index:10;
}
section#contributors li a:first-child {
padding-right:3px;
text-decoration:none;
}
section#contributors li a img {
background:#d2cac7;
border:0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:20px;
padding:3px;
vertical-align:middle;
width:20px;
}
section#contributors li a {
vertical-align:middle;
}
section#subscriptions {
padding-bottom:3px !important;
}
section#subscriptions h1 {
padding-bottom:5px;
}
section#rss {
padding-top:3px !important;
}
section#subscriptions a,section#rss a {
display:block;
font-size:.786em;
height:14px;
padding-left:18px;
}
section#subscriptions a {
background:url(/images/favicon.png) no-repeat -1px -1px;
}
section#rss a {
background:url(/images/feed-icon-14x14.png) no-repeat -1px -1px;
}
section#statistics {
font-size: 10px;
}
section#statistics strong {
}
section#tags ul {
line-height:1.75em;
}
section#tags li {
background:#998e86;
border-top:solid 1px rgba(0,0,0,.5);
border-bottom:solid 1px rgba(0,0,0,.25);
color:#fff;
display:inline;
}
section#tags li a {
color:#fff;
}
section#tags li.selected a {
padding:1px 3px;
font-weight:bold;
}
section#tags li a:hover {
text-decoration:none;
}
section#tags li.selected a:hover {
cursor:pointer;
}
section#fans {
}
section#fans h1 {
font-size:.786em;
}
section#fans li {
list-style:none;
}
section#fans li a img {
background:#d2cac7;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
box-shadow:0 0 3px rgba(0,0,0,.3);
height:20px;
padding:2px;
vertical-align:middle;
width:20px;
}
section#fans li a {
color:{color:PostInfo};
font-size:.786em;
text-decoration:none;
vertical-align:middle;
}
article header aside.sms {
font-size: 11px;
}
footer section.locations h1 {
font-weight: normal;
line-height: 21px;
margin-top: 0px;
}
input, select, textarea {
font-size: 1.6em;
line-height:1.3em !important;
padding: 5px;
}
input[type='text'], input[type='password'], select, textarea {
background-color: #fff;
border: 1px solid #ccc;
}
input[type='button'], input[type='submit'] {
height: 2em;
font-size: 1.4em;
color: #000;
margin-top: 10px;
}
section.share {
margin-bottom: 18px;
}
#post_column {
float:left;
width:700px;
}
#post_column .body a {
color:{color:Links};
}
#post_column a:hover {
}
div#articles {
}
.article-frame {
{block:Page}padding-left:115px;{Else}padding-left:160px;{/block:Page}
position:relative;
width:540px;
}
.article-frame .meta {
font-size:.786em;
left:0;
position:absolute;
text-align:right;
text-shadow:1px 1px 0 #fff;
filter:dropshadow(color:#fff,offX=1,offY=1);
top:30px;
width:140px;
}
.article-frame .meta a {
text-decoration:none;
}
.article-frame time {
}
.article-frame time div {display:inline;}
.comment-count-line {
background:#b5adac;
display:inline-block;
height:1px;
margin:15px 0;
width:41px;
}
.meta h1 {
background:url(/themes/vintage/comment-icon.png) no-repeat;
display:inline-block;
font-size:28px;
height:37px;
line-height:5px;
padding-top:25px;
padding-right:1px;
position:relative;
text-align:center;
width:40px;
}
.meta h1 a {
color:#4d4d4d !important;
display:table-cell;
font-family:BurstMyBubbleRegular,"Arial Narrow";
font-weight:normal;
letter-spacing:-.05em;
height:37px;
position:absolute;
text-shadow:0 1px 0 rgba(255,255,255,.15);
filter:dropshadow(color=#5e556f,offX=0,offY=1);
top:16px;
width:40px;
vertical-align:middle;
}
article {
border-left:dotted 2px #b5adac;
padding:20px 20px 45px;
position:relative;
width:500px;
}
article header {
}
article header section {
min-height:40px;
padding-top:17px;
}
article header aside.sms {
float:left;
padding-top:10px;
}
div.editbox {
height:16px;
position:absolute;
top:0;
visibility:hidden;
}
div.editbox ul.mini_commands {
margin-top:0;
}
ul.mini_commands li a {
color:{color:Links};
}
article:hover div.editbox {
visibility:visible;
}
article div.body {
/* padding-top:10px; */
}
article div.body div.inner {
line-height:1.75em;
}
.inner iframe,.inner .posterous_video_main_div,.inner .posterousGalleryMainDiv,.inner img {
border:solid 10px #ede9de;
line-height:1em;
-moz-box-shadow:0 3px 8px rgba(0,0,0,.25);
-webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);
box-shadow:0 3px 8px rgba(0,0,0,.25);
display:inline-block;
max-width:480px;
}
.inner object,.inner embed {
border:solid 10px #ede9de;
line-height:1em;
-moz-box-shadow:0 3px 8px rgba(0,0,0,.25);
-webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);
box-shadow:0 3px 8px rgba(0,0,0,.25);
display:block;
}
.inner object embed {
border:none !important;
line-height:normal !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}
.inner .posterousGalleryMainDiv .img,.posterousGalleryMainDiv .posterousGalleryMainlink img,.inner #mainImage {
border:none !important;
line-height:normal !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
width:auto !important;
}
.posterousGalleryMainDiv {
background:#f4f1e9
}
.posterousGalleryMainDiv .posterousGalleryMainlink img {
width:480px !important;
}
.posterousGalleryNavigationDiv img,.posterousGalleryThumbnailsDiv img,.gallerySelectedImage img {
border:none;
width:auto;
}
a.gallerySelectedImage img {
border:solid 2px #333;
}
.posterousGalleryMainDiv .show {
line-height:2em;
}
article div.body div.inner > :first-child {
margin-bottom:0;
margin-top:0;
}
article div.body div.inner > p:first-child {
/* margin-top:15px; */
}
article div.body p, article div.body blockquote {
margin:15px 0 18px;
}
article div.body div.posterousGalleryMainDiv {
margin:0 0 15px;
}
div.posterousVideoMainDiv {
margin:0;
}
.posterousGalleryMainDiv a.posterousGalleryMainlink {
text-decoration:none !important;
}
article div.body div.inner a {
text-decoration:underline;
}
article div.body div.inner a:hover {
}
article div.body div.inner ul,article div.body div.inner ol {
padding-bottom:5px;
padding-left:30px;
}
.galleryLabel {
color:{color:Body};
}
blockquote {
border-left:solid 4px #c2b8b4 !important;
}
article footer {
{block:List}border-bottom:solid 3px #d1c5be;{/block:List}
margin-top:10px;
padding-top:10px;
position:relative;
}
footer section {
margin-bottom:10px;
}
footer section.author {
color:{color:PostInfo};
font-size:.786em;
padding-bottom:10px;
}
footer section.author a {
color:{color:PostInfo} !important;
}
footer section.author h1 {
display:inline;
font-size:1em;
font-weight:normal;
}
footer section.comments_box {
border-top:solid 3px #d1c5be;
margin-top:10px;
padding-top:10px;
}
footer section.comments h1 {
font-size:.857em;
font-weight:normal;
}
footer section.comments h1 a {
text-decoration:none;
}
div.comment_none_yet_msg {
font-style:italic;
font-weight:normal;
margin-top:5px;
}
.commentunit .comment_value label {
color:{color:Body} !important;
}
footer section.comments section h1 {
font-size:1em;
font-weight:bold;
}
div.comment {
}
div.comment b {
font-weight:normal;
}
div.comment_label {
padding-top: 2px;
margin-top: 0px;
}
div.comment_date {
}
div.commentunit {
/* margin: 10px 0px; */
}
.comment_profile_description {
font-weight:bold;
}
.comment_profile_description div {
font-weight:normal;
}
div.comment_value {
}
div.comment_avatar {
margin-top:10px;
}
div.commentunit div.profile_icon {
margin-top:5px;
}
div.commentname {
margin-bottom:5px;
}
div.comment_loading_div {
/* margin-left:155px; */
}
div.comment_area {
color:#d3d3d3 !important;
clear:left;
float:left;
padding-top:20px;
}
.comment_hide_button {display:none !important;}
div.comment_area a {
color:{color:Body};
}
footer section.comments h4 {
}
.comment_value input[type="submit"] {
font-size:.875em;
font-weight:bold;
height:auto;
margin-top:5px;
padding:3px 10px;
}
footer section .comment_loading_div,.loading {
background:url(/themes/vintage/loading1-white.gif) no-repeat;
display:inline-block;
height:11px;
width:16px;
}
footer section .comment_loading_div {
margin-top:5px;
}
footer section .comment_loading_div img {
display:none;
}
div.posterous_comments h4, div.spanningheader h4 {
margin:0;
}
footer section.tags {
color:{color:PostInfo};
font-size:.786em;
padding-bottom:10px;
}
footer section.tags a {
color:{color:PostInfo} !important;
}
footer section.tags h1 {
display:inline;
font-size:11px;
margin:0;
padding-right:5px;
}
footer section.tags h1 span {
font-weight:normal;
}
footer section.tags ul {
display:inline;
margin:0;
}
footer section.tags ul li {
display:inline;
list-style:none outside none;
padding-right:10px;
}
footer section.tags ul li a {
color:{color:Links};
}
footer section.locations {
margin-bottom:0;
}
footer section.locations h2 {
font-size:11px;
margin-top:0;
}
footer section.locations ul {
display:block;
margin:0;
}
footer section.locations ul li {
display:block;
list-style:none outside none;
}
footer section.locations div.location_detail {
background:#D1C5BE;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
margin:10px 0;
overflow:auto;
padding:8px;
}
footer section.locations div.location_detail div.map {
float:left;
height:150px;
width:300px;
}
footer section.locations div.location_detail div.summary {
float:right;
width:172px;
}
footer section.share, footer section.tags, footer section.locations {
display:block;
/* margin-left:155px; */
}
footer#pagination {
/* margin-left:155px; */
overflow:hidden;
padding:50px 0 50px 160px;
}
.pagination {
margin:3px;
padding:3px;
text-align:center;
}
.pagination a {
background:rgba(255,255,255,.1);
border:solid 1px {color:Body};
color:{color:Body};
margin:2px;
padding:0 5px;
text-decoration:none;
}
.pagination span.disabled {
border:solid 1px rgba(0,0,0,.25);
color:rgba(0,0,0,.25);
margin:2px;
padding:2px 5px;
}
.pagination a:hover, .pagination a:active {
border:solid 1px #000;
color:#000;
}
.pagination span.current {
color:{color:Body};
font-weight:bold;
padding:2px 5px;
margin:2px;
}
footer section.share {
height:25px;
}
/* misc */
div.ajaxResult {
color:#009900;
font-size:10px;
margin-bottom:10px;
}
div.retweet {
background:url("/images/icons/services/twitter11.png") no-repeat scroll left center transparent;
display:inline-block;
min-height:11px;
min-width:1px;
padding-left:15px;
vertical-align:middle;
}
.twitter-share-button {
float:left;
}
div.facebook_like {
display:inline;
float:left;
margin-left:5px;
position:relative;
}
table {
border:medium none;
border-spacing:0;
font-size:11px;
line-height:16px;
margin:10px 0 0;
text-align:left;
}
td {
border-color:-moz-use-text-color -moz-use-text-color #EEEEEE;
border-style:none none solid;
border-width:medium medium 1px;
margin:0;
padding:4px;
vertical-align:top;
}
th {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:medium medium 1px;
font-weight:bold;
padding:4px;
text-align:left;
vertical-align:bottom;
}
hr {
border:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:10px;
}
div.posterousListComments div.comment, div.posterousAddNewComment div.comment, div.posterousAddNewComment div.comment_value {
/* margin-left:25px; */
}
section.private {
left:-35px;
position:absolute;
top:5px;
}
article header section.private {
min-height:0; /* overwrite default */
padding-top:0; /* overwrite default */
}
section.private:hover div.private_post_message {
display:block;
}
div.private_post_message {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border: solid 1px rgba(0,0,0,.75);
background:rgba(0,0,0,.25);
color:#fff;
display:none;
padding:10px;
position:absolute;
right:-5px;
text-align:left;
top:-5px;
width:100px;
}
div.private_post_message h1 {
float:none;
font-size:11px;
margin:0 0 5px;
padding:0;
width:auto;
}
div.private_post_message p {
font-size:10px;
margin:0;
}
div.posterous_retweet_widget {
margin:0 0 10px;
}
</style>
<!--[if IE 9]>
<style type="text/css">
h1 {letter-spacing:0;}
</style>
<![endif]-->
<!--[if lte IE 9]>
<style type="text/css">
</style>
<![endif]-->
</head>
<body>
<div class="header-bg"></div>
{block:PosterousBar direction="right" translucent="false"}{/block:PosterousBar}
<div class="container">
<div class="cw"><a href="http://themes.watilo.com" target="_blank">Posterous theme</a> by <a href="http://watilo.com" target="_blank">Cory Watilo</a><img src="http://c.statcounter.com/6285077/0/7399712f/1/"></div>
<header id="page_header">
{block:HasPages}
<nav id="navigation">
<ul>
{block:Pages}
<li><a href="{URL}" class="{Current}" rel="{External}">{Label}</a></li>
{/block:Pages}
</ul>
</nav>
{/block:HasPages}
{block:HeaderImage}
<h1 class="header_image"><a href="{SiteURL}" title="{Title}" rel="index"><img src="{HeaderImageURL-500}" alt="{Title} - {Description}"></a></h1>
{Else}
<hgroup>
<h1><a href="{SiteURL}" title="{Title}" rel="index">{Title}</a></h1><br>
{block:Description}
<h2>{Description}</h2>
{/block:Description}
</hgroup>
{/block:HeaderImage}
</header>
<aside id="sidebar">
<section id="profile">
<h1>
<a href="{ProfileLink}" title="{OwnerName}'s profile">
<img src="{PortraitURL-75}" alt="{OwnerName}" class="profile_image">
</a>
</h1>
<a href="{ProfileLink}" class="profile-link">{OwnerName}</a>
<div class="profile small">
<p>{Profile}</p>
</div>
<div class="external">{ProfileExternalLinks}</div>
</section>
{block:NotSearchOrTag}
<section id="search">
<form class="search">
<input type="hidden" name="sort" value="{SearchSort}">
<input type="text" name="search" class="text" value="{SearchQuery}" id="searchbox">
<input type="submit" value="Search" class="submit" id="searchbox_button" style="display:none">
</form>
{block:SearchBox searchbox_button="searchbox_button" searchbox="searchbox"/}
</section>
{/block:NotSearchOrTag}
{block:HasLinks}
{block:LinkCategories}
<section class="links">
<h1>{Label}</h1>
<ul>
{block:Links}
<li><a href="{URL}" rel="external">{Label}</a></li>
{/block:Links}
</ul>
</section>
{/block:LinkCategories}
{/block:HasLinks}
{block:Subscription}
<section id="subscriptions">
<h1>Subscribe...</h1>
{block:SubscriptionUnsubscribed action_id="subscribe_link" content_div="subscribe"}
<div id="subscribe">
<a href="{SubscribeLink}" id="subscribe_link">Subscribe to this Posterous</a>
</div>
{/block:SubscriptionUnsubscribed}
{block:SubscriptionSubscribed action_id="unsubscribe_link" content_div="unsubscribe"}
<div id="unsubscribe">
<a href="{UnsubscribeLink}" id="unsubscribe_link">Unsubscribe</a>
</div>
{/block:SubscriptionSubscribed}
{block:SubscriptionLoading}
<div class="loading"></div>
{/block:SubscriptionLoading}
</section>
<section id="rss">
<a href="{RSS}" rel="alternate" type="application/rss+xml">Subscribe via RSS</a>
</section>
{/block:Subscription}
{block:List}
{block:TagList}
<section id="tags">
<h1>Tags</h1>
<ul>
{block:TagListing collapsible="true" count="10" action_id="see_more_tags"}
{block:TagListingMore}
<li><a href="#" id="see_more_tags" style="display:inline-block">View all {NumTags} tags »</a></li>
{/block:TagListingMore}
{block:TagItem}
<li><a href="{TagLink}">{TagName}</a> <span>({TagCount})</span></li>
{/block:TagItem}
{block:TagItemSelected}
<li class="selected"><a href="{TagLink}">{TagName}</a> <span>({TagCount})</span></li>
{/block:TagItemSelected}
{/block:TagListing}
</ul>
</section>
{/block:TagList}
{block:Contributors}
<section id="contributors">
<h1>Contributors</h1>
<ul>
{block:Contributor collapsible="true" count="10" action_id="see_more_contributors"}
{block:ContributorMore}
<li><a href="#" id="see_more_contributors">View all {NumContributors} contributors »</a></li>
{/block:ContributorMore}
<li>
<a href="{ContributorProfileLink}" rel="contributor" title="{ContributorName}'s profile">
<img src="{ContributorPortraitURL-20}" alt="{ContributorName}">
</a>
<a href="{ContributorProfileLink}" rel="contributor">{ContributorName}</a>
</li>
{/block:Contributor}
</ul>
</section>
{/block:Contributors}
{/block:List}
</aside>
<div id="post_column">
{block:ShowOrList}
{block:Show}
<section id="extra_links" class="back_to_blog">
<a href="{BlogURL}" rel="up">← Back to blog</a>
</section>
{/block:Show}
{/block:ShowOrList}
{block:Tag}
<section id="filed_under">
<h1>Filed under: {Tag}</h1>
<div>
<a href="{GlobalTagURL}" style="display:none" id="global_tags">See all posts on Posterous with this tag »</a>
</div>
{block:ShowOnHover action_id="extra_links" hidden_div="global_tags"/}
</section>
{/block:Tag}
{block:SearchPage}
<section id="search_results">
<h1>
{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}
</h1>
<form class="search">
<input type="hidden" name="sort" value="{SearchSort}">
<input type="text" name="search" class="text" id="searchbox" value="{SearchQuery}">
<input type="submit" value="Search" class="submit"> <a href="{CurrentURL}" class="xsmall">clear</a>
</form>
<ul>
<li>Sort by:</li>
<li>{block:SearchSortBestmatch}Best match{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li>
<li>{block:SearchSortRecent}Most recent{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=recent">Most recent</a>{/block:SearchSortRecent}</li>
<li>{block:SearchSortInteresting}Most interesting{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li>
</ul>
<a href="{PosterousURL}/explore/?search={SearchQuery}" id="search_all" class="xsmall">Search all of Posterous for <strong>{SearchQuery}</strong> »</a>
</section>
{/block:SearchPage}
<div id="articles">
{block:Posts}
<div class="article-frame">
<div class="meta">
{block:NewDayDate}
<time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}" pubdate="pubdate"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></time>
{/block:NewDayDate}
{block:Comments}
{block:CommentsList action_id="comment_link_{PostID}" target_element="post_commentarea_{PostID}"}
<div class="comment-count-line"></div><br>
<h1><a href="{Permalink}#comment" id="comment_link_{PostID}">{CommentCount}</a></h1>
{/block:CommentsList}
{/block:Comments}
</div>
<article class="post clearfix" id="post_{PostID}">
<header>
{block:Private}
<section class="private">
<aside>
<a href="{Permalink}" class="tooltip_link"><img src="/images/icons/lock12.png"></a>
<div class="private_post_message">
<h1>Private Post</h1>
<p>This post has a secret URL and not linked on your public blog. Send the secret URL to share it with anyone.</p>
</div>
</aside>
</section>
{/block:Private}
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
{block:SMS}
<aside class="sms">Posted from my mobile phone (SMS)</aside>
{/block:SMS}
<div class="editbox">
{block:EditBox}
{EditBoxContents}
{/block:EditBox}
</div>
</header>
<div class="body">
<div class="inner">
{Body}
{block:Page}<br>{/block:Page}
</div>
</div>
{block:ShowOrList}
<footer>
{block:Sharing}
<section class="share">
{block:Tweet /}
<div class="facebook_like">{block:FbLike /}</div>
</section>
{/block:Sharing}
<section id="statistics" class="author locations">
{block:Show}
{block:Author}
{block:AuthorUser}
<h1>Posted by <a href="{AuthorURL}" rel="author">{AuthorName}</a></h1>
{/block:AuthorUser}
{block:AuthorEmail}
<h1>by email</h1>
{/block:AuthorEmail}
{/block:Author}
{/block:Show}
{block:PostLocations}
<h1 id="location_collapsed_{PostID}">Posted from <a href="#" id="post_location_expander_{PostID}" onClick="return false;">{LocationsSummary}</a></h1>
<div class="location_detail" style="display:none" id="post_location_expanded_{PostID}">
<div class="map">
{MapIframe}
</div>
<div class="summary">
<h2>Posted from</h2>
<ul>
{block:PostLocation uniq_by="summary"}
<li>{LocationSummary}</li>
{/block:PostLocation}
</ul>
</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:Show}
|
Viewed {PostViews} times |
Favorited <a href="#" id="fans_link" onClick="return false;" title="View fans of this post">{FavoriteCount} times</a>
{/block:Show}
</section>
{block:Show}
{block:TagList}
<section class="tags">
Filed under:
{block:TagListing}
<a href="{TagLink}" rel="tag">{TagName}</a>
{/block:TagListing}
</section>
{/block:TagList}
{/block:Show}
{block:Show}
<section id="fans" style="display:none">
<div>
{block:Fans}
<h1>Fans of this post:</h1>
<ul>
{block:Fan}
<li>
<a href="{FanProfileLink}" rel="nofollow" title="{FanName}'s profile">
<img src="{FanPortraitURL-20}" alt="{FanName}">
</a>
<a href="{FanProfileLink}" rel="nofollow">{FanName}</a>
</li>
{/block:Fan}
</ul>
{/block:Fans}
</div>
{block:ShowOnClick action_id="fans_link" hidden_div="fans"/}
</section>
{/block:Show}
{/block:ShowOrList}
{block:ShowOrList}
{block:Comments}
<section class="comments{block:Show} comments_box{/block:Show}">
{block:CommentsList}
<div id="post_commentarea_{PostID}" class="comment_area"></div>
{/block:CommentsList}
{block:CommentsShow}
<a name="comment"></a>
<section class="comments_list">
<h1>{CommentCount} Comment{CommentCountPluralized}</h1>
{CommentCode}
</section>
<section class="comment_create">
<h1>Leave a comment...</h1>
{NewCommentCode}
</section>
{/block:CommentsShow}
</section>
{/block:Comments}
</footer>
{/block:ShowOrList}
{block:Favorite hover_id="post_{PostID}" position_id="post_{PostID}"/}
</article>
</div><!-- /.article-frame -->
{/block:Posts}
</div>
<footer id="pagination">
{block:Pagination/}
</footer>
</div><!-- /#post_column -->
<div class="clear"></div>
</div><!-- /.container -->
</body>
</html>