Sie sind auf Seite 1von 12

<?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="/images/favicon.png" type="image/x-png"/>

<style type="text/css">
*{
margin: 0;
padding: 0;
}
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: #fff;
font-family: Arial,Helvetica,sans-serif;
color: #7e7e7e;
font-size: 12px;
}
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: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial,Helvetica,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: 2em;
font-size: 14px;
padding-top: 10px;
}
.about-details {
margin: 5px 0 40px;
}
.search-section {
height: 50px;
padding-bottom: 20px;
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: 29px;
padding: 5px 10px 5px 25px;
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.5em;
font-size: 14px;
}
.post p {
margin: 15px 0px;
}
.sidebar-block p { margin: 10px 0px; }
.galleryLabel {
color: #676767;
}
.infobar {
color: #aaa;
min-height: 15px;
height: auto !important;
height: 15px;
margin: 10px 0 0;
padding: 5px 0;
}
.tagsbar {
font-size: 11px;
line-height: 14px;
margin-top: 20px
}
.infobar .location {
display: block !important;
font-size: 12px;
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-size: 11px;
font-weight: bold;
padding-bottom: 3px;
text-transform: uppercase;
}

.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; }
#posterous_bar { position: absolute; top: 0px; left: 50%; margin-left: -140px; }
div.posterous_quote_citation { margin: 5px 0px 15px;}
</style>
</head>

<body>
{block:PosterousBar direction="right" translucent="true"}{/block:PosterousBar}
<div class="container">

<div class="main">

<div class="header-section">
{block:HeaderImage}
<div style="margin-left:-220px; margin-bottom: 10px;">
<a href="{SiteURL}" style="border: none;">
<img src="{HeaderImageURL}" alt="{Title} - {Description}"/>
</a>
</div>
{/block:HeaderImage}
</div>
</div> <!-- /.main-->

<div class="sidebar" style="clear: both;">


{block:HeaderImage}{Else}
<div style="">
<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}">&laquo;&nbsp;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;">

<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>

<h5>About Me</h5>
<p style="margin-top: 2px;">{Profile}</p>
<p style="margin-top: 10px;"><a href="{ProfileLink}"><img src="{PortraitURL-35}" width="35" height="35"
style="border: 1px solid #aaa;"></a></p>
</div>

{block:List}
<div class="sidebar-block">
<h5>My Other Sites</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>Tags</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&nbsp;&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&nbsp;&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&nbsp;&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"/>
&nbsp;&nbsp;<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> &raquo;</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}&nbsp;</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:List}
{block:TagList}
<div class="infobar tagsbar">
Filed under &nbsp;//&nbsp;
{block:TagListing}
<a href="{TagLink}" style="color: #676767">{TagName}</a>&nbsp;&nbsp;
{/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>&nbsp;
<a href="{AuthorURL}"><img src="{AuthorPortraitURL-35}" width='11' height='11'
class='profile_border' /></a>
{/block:AuthorUser}
{block:AuthorEmail}
by email&nbsp;
{/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>