Posterous Layouts

Skulls With Colorful Glasses

Next layout

Preview

Share on Tumblr

Save Layout

Layout's Author

olehen

Layout's Stats

Current Rating:

Category:

Date Added:Nov 11, 2010

Code For Layout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:="en" lang="en">
<head>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="color:Background" content="#6945B6"/>
<meta name="text:Disqus Shortname" content="" />

.quote .quotation {font-family:"Hoefler Text", "Garamond", "Palatino", "Palatino Linotype", serif; background-color:#ffc61f;font-size:2em;}
.post .date {text-align:right;font-size:2em;color:#222;}
.photo {text-align:center;}
.chat li.odd {background-color:#efebe8;border-bottom:1px solid #b7b8b6;}
.chat li.even {border-bottom:1px solid #b7b8b6;}
.chat span.label {font-size:1.1667em;}
.chat .odd span.label {color:#0076a5;}
.chat .even span.label {color:#dd318b;}
.post .permalink {margin-top:1.5em;}
.post .permalink .notes {width:260px;float:left;text-align:left;}
.post .permalink .time-ago {width:230px;float:right;text-align:right;}
.tumblr {background:url('http://hotlayouts2u.com/posterous-layouts/pre_img/1288823506more_icons.png') no-repeat -350px 0px; height:45px; width:64px;}
ol.notes {padding:0px;margin:25px 0px;list-style-type:none;border-bottom:solid 1px #ccc;text-align:left;}
ol.notes li.note {border-top:solid 1px #ccc;padding:10px;}
ol.notes li.note img.avatar {vertical-align:-4px;margin-right:10px;width:16px;height:16px;}
ol.notes li.note span.action {font-weight:bold;}
ol.notes li.note .answer_content {font-weight:normal;}
ol.notes li.note blockquote {border-left:2px solid #eee;padding:4px 10px;margin:10px 0px 0px 25px;}
ol.notes li.note blockquote a {text-decoration: none;}
.pagination {width:520px;padding:20px;margin-bottom:20px;background-color:#fff;}
.pagination .previous, .pagination .next {text-transform:uppercase;font-weight:bold;font-size:2em;}
.pagination .previous {width:210px;float:left;text-align:left;}
.pagination .count {width:100px;float:left;text-align:center;}
.pagination .next {width:210px;float:left;text-align:right;}
h1,h2,h3,h4,.post .date,.chat span.label,.pagination .previous, .pagination .next,.navigation #query {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

.post .permalink .source-url {
margin-left: 8px;
text-decoration: none;
}

.post .permalink .source-url span {
text-decoration: underline;
}

.post .permalink .source-url:hover span {
text-decoration: none;
}

.post .permalink .source-url img {
vertical-align: text-top;
margin-left: 1px;
}

{CustomCSS}
</style>
</head>
<body>
<div class="container">
<h1><a href="/">{Title}</a></h1>

{block:Posts}

{block:Quote}
<div class="post quote">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

<p>
<img src="http://hotlayouts2u.com/posterous-layouts/pre_img/1288823507quote.png" alt="quote" class="left" />
<span class="quotation">{Quote}</span>
</p>

{block:Source}
<div class="caption">
� {Source}
</div>
{/block:Source}

</div>
{block:Date}
{block:Date}
<div class="time-ago">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfDisqusShortname}
 <a href="{Permalink}#disqus_thread" style="text-decoration: none;"></a>
{block:IfDisqusShortname}

{block:IfDisqusShortname}
{block:Permalink}
<div id="disqus_thread" style="margin: 30px 0"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
{/block:Permalink}
{/block:IfDisqusShortname}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Quote}

{block:Link}
<div class="post link">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

{block:Description}
<div class="caption">
{Description}
</div>
{block:Description}

</div>
{block:Date}
<div class="time-ago">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfDisqusShortname}
 <a href="{Permalink}#disqus_thread" style="text-decoration: none;"></a>
{block:IfDisqusShortname}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Link}

{block:Text}
<div class="post text">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

{block:Title}<h2>{Title}</h2>{/block:Title}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Text}

{block:Audio}
<div class="post audio">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

{AudioPlayerBlack}

{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}

<div>{PlayCountWithLabel}</div>
</div>
{block:Date}
<div class="time-ago">
<a href="{Permalink}">{TimeAgo}</a>
{block:IfDisqusShortname}
 <a href="{Permalink}#disqus_thread" style="text-decoration: none;"></a>
{block:IfDisqusShortname}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Audio}

{block:Chat}
<div class="post chat">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

{block:Title}<h4>{Title}</h4>{/block:Title}

<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
</li>
{/block:Lines}
</ul>

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Chat}

{block:Video}
<div class="post video">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

{Video-500}

{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Video}

{block:Photo}
<div class="post photo">
<div class="date">{ShortMonth} {DayOfMonthWithZero}</div>

{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}

{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}

{block:ContentSource}
<a href="{SourceURL}" class="source-url">
<span>{lang:Source}:</span>
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}
</div>
{/block:Date}
<div class="clear"></div>
</div>
{block:IfDisqusShortname}
{block:Permalink}
<div id="disqus_thread" style="margin: 30px 0"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
{/block:Permalink}
{/block:IfDisqusShortname}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Photo}

{/block:Posts}

{block:Pagination}
<div class="pagination">
<div class="previous">
{block:PreviousPage} <a href="{PreviousPage}">Previous</a> {/block:PreviousPage}
</div>
<div class="count">
</div>
<div class="next"> {block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
</div>
<div class="clear"></div>
</div>
{/block:Pagination}

</div>

<div class="navigation">
<p class="description">
{Description}
</p>

{block:Following}
<ul class="icons">
{block:Followed}
<li><a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-40}" alt="{FollowedName}" /></a></li>
{/block:Followed}
</ul>
<div class="clear"></div>
{/block:Following}

<p class="links">
{block:AskEnabled}<a href="/ask">{AskLabel}</a><br/>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a><br/>{/block:SubmissionsEnabled}
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a><br/>{/block:Pages}
{/block:HasPages}
<a href="{RSS}">RSS</a>
</p>

<p class="attribution">Theme by <a href="http://hotlayouts2u.com.com/">Hotlayouts2u.com</a></p>
</div>
</div>

{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
</body>
</html><br>Get <a href="/posterous-layouts" target="_blank"><b>Tumblr Layouts</b></a><br>Get <a href="http://pickatheme.com/" target="_blank"><b>Skulls with Colorful Glasses</b></a>

More Layouts By olehen:

Submit Your Posterous Layouts