Sign In
Register
Help
(forgot to attach) Code Starts Here
<?xml version="1.0" encoding="utf-8"?>
<!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>
<link rel="icon" href="INSERT FAVICON LINK HERE " type="image/x-png"/> <!-- Favicon-->
<style type="text/css">
* {
margin: 0;
padding: 0;
}b
img {
border: 0;
}
.clear {
clear: both;
font-size: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.text-right {
text-align: right;
}
.center {
text-align: center;
}
.xxsmall {
font-size: 10px;
}
.xsmall {
font-size: 11px;
}
.small {
font-size: 12px;
}
.normal {
font-size: 14px;
}
.big {
font-size: 16px;
}
.black {
color: #000;
}
.strong {
font-weight: bold;
}
.float {
float: left;
}
.right {
float: right;
}
.uppercase {
text-transform: uppercase;
}
.absolute-right {
position: absolute;
top: 0;
right: 0;
}
body {
background: #ffffff;
background-image: url(http://i48.tinypic.com/1ifpc1.jpg); <!-- Bacground Image-->
background-repeat: repeat-x;
font-family: "trebuchet MS",sans-serif;
font-size: 12px;
word-spacing: 0.4pt;
line-height: 1.9;
color: #7e7e7e;
font-size: 10px;
}
a:focus {
outline: none; /
}
a {
color: {color:Accent};
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.reverse {
text-decoration: underline;
}
a.reverse:hover {
text-decoration: none;
}
.no-ul {
text-decoration: none
}
.no-ul:hover {
text-decoration: underline !important
}
h1,h2,.about-details {
font-family: "trebuchet MS",sans-serif;;
line-height: 1.1em;
}
.container {
margin: 0 auto;
width: 720px;
}
.sidebar {
float: left;
padding: 15px 30px 0px 0px;
overflow: hidden;
width: 190px;
}
.content {
float: right;
margin: 0 auto;
width: 500px;
}
h1 {
color: {color:Accent};
font-size: 30px;
line-height: 30px;
}
h1 a {
color: {color:Accent};
text-decoration: none;
}
h1 a:hover {
text-decoration: none;
}
h2 {
color: {color:Accent};
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
h2 a {
color: {color:Accent};
text-decoration: none;
}
h2 a:hover {
color: {color:Accent};
text-decoration: none;
}
h4 {
color: #555;
}
.tagline {
color: #444;
line-height: 1em;
font-size: 10px;
padding-top: 10px;
}
.about-details {
margin: 5px 0 40px;
}
.search-section {
height: 50px;
padding-top: 10px;
text-align: right;
}
.search {
background: url(/themes/search-light.gif) no-repeat 3px 2px #fff;
border: solid 1px #e5e5e5;
color: #aaa;
font-size: 11px;
margin-bottom: 2px;
margin-top: 30px;
padding: 5px 7px 5px 23px;
width: 153px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.search-results, .tag-results {
margin: 38px 0px 0px 0px;
}
.search-results h2, .tag-results h2 {
font-size: 16px;
}
.search:focus {
color: #333;
}
.main {
float: right;
width: 500px;
}
.postunit {
margin: 20px 0px;
padding: 15px 0px;
position: relative;
}
.date {
color: #7e7e7e;
font-size: 11px;
}
.date a {
color: #7e7e7e;
text-decoration: none;
}
.date a:hover {
text-decoration: underline;
}
.date img {
vertical-align: middle;
}
.post {
float: right;
position: relative;
width: 500px;
}
.post {
line-height: 1.7em;
font-size: 12px;
}
.post p, .post pre, .post blockquote { margin: 15px 0px; }
.post ol { margin: 15px 0px 15px 20px;}
.post ul { margin: 15px 0px 15px 15px;}
.sidebar-block p { margin: 10px 0px; }
.galleryLabel {
color: #676767;
}
.infobar {
color: #aaa;
min-height: 15px;
height: auto !important;
height: 15px;
margin: 10px 0 0;
}
.tagsbar {
font-size: 10px;
line-height: 1px;
margin-top: 2px
}
.infobar .location {
display: block !important;
font-size: 10px;
float: right;
text-align: right;
}
.infobar .loc {
margin-bottom: 5px;
}
a.location-name {
color: {color:Accent};
text-decoration: none;
}
a.location-name:hover {
text-decoration: underline;
}
.infobar .details {
float: left;
font-size: 10px;
}
.infobar .posted,.infobar .comments-name {
color: {color:Accent};
font-size: 12px;
}
.infobar a.timestamp,.infobar .comments-quantity {
color: #828282;
font-size: 10px;
}
.comments-quantity {
position: relative;
top: -1px;
}
.comment-area {
clear: both;
}
.infobar .comment_list {
display: inline !important;
}
.comment {
color: #444;
}
.posterousAddNewComment .commentunit {
margin: 20px 0px;
}
.commentunit {
margin: 10px 0px;
}
.commentname a {
text-decoration: none !important;
}
.commentname a:hover {
text-decoration: underline !important;
}
.comment h4 {
margin: 0 !important;
}
.comment ul.mini_commands {
clear: both;
margin: 0;
padding: 0;
position: relative;
text-align: right;
top: 0;
}
.comment ul.mini_commands li {
margin: 0;
}
.comment_value label {
margin-right: 10px;
}
.comment_value input[type='submit'] {
margin: 5px 0px;
}
.comment_none_yet_msg {
color: #888;
font-size: 11px;
font-weight: normal;
margin-top: 5px;
}
.infobar .details a {
text-decoration: none;
}
.infobar .details a:hover {
text-decoration: underline;
}
.location-map {
background: #eaeaea;
margin-top: 5px;
padding: 8px;
}
.map {
float: left;
height: 150px;
width: 300px;
}
.location-details {
color: #676767;
float: right;
width: 175px
}
.private-post {
float: right;
}
.private-post a.tooltip_link:hover span {
background: #eaeaea;
color: #555;
right: 0px;
width: 200px !important;
}
.private-post a.tooltip_link:hover span b {
color: #555;
}
.pagination {
color: #c5c5c5;
padding: 15px 0 50px;
font-size: 11px;
}
.pagination a, .pagination span {
color: {color:Accent};
display: inline-block;
display: -moz-inline-box;
font-weight: bold;
margin: 0 8px;
padding: 2px 2px;
}
.pagination span {
color: #333;
}
.pagination a:hover {
background: {color:Accent};
color: #fff;
text-decoration: none;
}
.pagination .disabled {
color: #c5c5c5;
}
.pagination .current {
color: #000;
font-weight: bold;
padding: 2px 2px 0;
}
.sidebar-block {
margin-bottom: 30px;
}
h5 {
color: {color:Accent};
font-family: "trebuchet MS",sans-serif;
font-size: 13px;
}
.tag {
margin: 0;
padding-top: 7px;
}
#more-tags-listing ul {
margin: 0;
}
.tag li,#more-tags-listing li,.taglist li {
color: {color:Accent};
font-size: 10px;
list-style: none;
margin: 0;
vertical-align: top;
}
.taglist ul {
margin: 0 !important;
}
.tag li a,#more-tags-listing li a,.taglist li a {
color: #666;
display: inline-block;
font-size: 12px;
margin-bottom: 7px;
text-decoration: none;
}
.tag li a:hover,#more-tags-listing li a:hover,.taglist li a:hover {
text-decoration: underline;
}
a.more-tags {
color: {color:Accent} !important;
font-size: 10px !important;
text-decoration: none;
}
a.more-tags:hover {
text-decoration: underline;
}
li.tag_item_selected {
color: #ddd;
font-size: 12px;
padding-bottom: 7px;
}
.contributors {
margin: 10px 0;
}
ul.contribs li, ul.contribs li a, ul.fans li, ul.fans li a {
font-size: 11px;
color: #666;
list-style: none;
}
ul.contribs li img, ul.fans li img {
vertical-align: middle;
}
#subscribe_div {
margin-bottom: 3px;
}
.subscribe-link {
color: #666;
font-size: 11px;
padding-left: 20px;
line-height: 20px;
position: relative;
top: -2px;
}
.subscribe-posterous {
background: url(/images/favicon.png) no-repeat -1px -1px;
height: 20px;
margin: 3px 0px;
}
.subscribe-rss {
background: url(/images/feed-icon-14x14.png) no-repeat;
height: 16px;
margin: 3px 0px;
}
.posterousHeader {
margin: 0px 0px;
}
.editbox { visibility: hidden; position: absolute; top: -10px; }
.postunit:hover .editbox { visibility: visible;}
.metricLabel { font-size: 10px; color: #aaa; }
.metricValue { font-size: 10px; color: #444; font-weight: bold; }
</style>
</head>
<body>
<div class="container">
<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" style="display:none;" id="searchbox_button"/>
</form>
{/block:NotSearchOrTag}
</div>
<div class="header-section">
{block:HeaderImage}
<div style="margin-top: 10px; margin-bottom: 10px;margin-left: -226px;">
<a href="{SiteURL}" style="border: none;">
<img src="{HeaderImageURL-500}" alt="{Title} - {Description}"/>
</a>
</div>
{/block:HeaderImage}
</div>
</div> <!-- /.main-->
<div class="sidebar" style="clear: both;">
{block:HeaderImage}{Else}
<div style="margin-top: 20px;">
<h1><a href="{SiteURL}">{Title}</a></h1>
{block:Description}
<div class="tagline">
{Description}
</div>
{/block:Description}
</div>
{/block:HeaderImage}
{block:Show}
<p style="margin: 30px 0px; font-size: 14px;"><a href="{SiteURL}">« Back to blog</a></p>
<div class="sidebar-block" style="margin-top: 30px;">
<div><span class="metricLabel">Viewed </span><span class="metricValue">{PostViews} times</span></div>
<div style="margin-top: 5px;" 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" style="display: none; margin-top: 20px;">
{block:Fans}
<h5>Fans of this post</h5>
<ul class="fans">
{block:Fan}
<li>
<a href="{FanProfileLink}" rel='nofollow'>
<img src="{FanPortraitURL-20}" width="20" height="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" style="margin-top: 30px;">
<h5>About</h5>
<p style="margin-top: 2px;">{Profile}</p>
<p style="margin-top: 10px;"></p>
</div>
{block:List}
<div class="sidebar-block">
<h5>Connect</h5>
{ProfileExternalLinks}
</div>
<div class="sidebar-block" style="margin-top:20px;">
{block:Contributors}
<div class="contributors">
<h5>Contributors</h5>
<ul class="contribs">
{block:Contributor}
<li>
<a href="{ContributorProfileLink}">
<img src="{ContributorPortraitURL-20}"
width='16' height='16' class='profile_border' style="margin-right: 3px;"/>
</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 style="font-size:0;"><a href="#" id="seemore_link" class="more-tags">View all {NumTags} tags »</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 »</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 »</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" style="color: #999; font-size: 10px;">
<li style="margin-left: 0px;">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}" style="font-size: 10px;">Search all of posterous for <b>{SearchQuery}</b> »</a>
</div>
{/block:SearchPage}
{block:Tag}
<div class="tag-results">
Filed under
<h2 style="margin-top: 0px; color: #111">{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" width='12' height='12' 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" style="vertical-align: middle; position: relative; top: -1px;" />
<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}" style="color: #676767">{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><!-- /.comment_list -->
</div><!-- /.details -->
<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}" width='11' height='11' 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 style="margin-top: 25px;">Leave a comment...</h4>
{NewCommentCode}
{/block:CommentsShow}
{/block:Comments}
<div class="clear"></div>
{block:PostLocations}
<div class="location-map" style="display: none;" 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>
MultiQuote
