Sunteți pe pagina 1din 13

<!DOCTYPE HTML PUBLIC "­//W3C//DTD HTML 4.

01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http­equiv="Content­Type" content="text/html; charset=utf­8"/>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="/rss">
<style type="text/css">
body {
background: #090708 url(http://i40.tinypic.com/et7h37.png) repeat­x top center 
fixed;
font­family: Lucida Grande, Arial, Helvetica, sans­serif;
font­size: 11px;
color: #ddd;
margin: 0;
}

strong, em, b, i, bold {
font­family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans­serif;
}

a:link, a:visited {
color: #777;
text­decoration: underline;
}

a:hover, a:link:hover, a:visited:hover {
color: #fff;
text­decoration: none;
}

a:link img, a:visited img {
border: 0px;
text­decoration: none;
}

#wrap {
margin: 0 auto;
text­align: left;
padding­top: 20px;
}

div#container {
padding: 10px;
margin­bottom: 3em;
width: 600px;
margin­left: 300px;
}

#post {
margin­bottom: 1.5em;
border­bottom: 1px solid #222;
}

h2.entry­title {
margin­left: 80px; 
font­family: Arial;
font­size: 20px;
}

div.entry­type {
float: left;
font­size: 12px;
margin­right: 10px;
width: 70px;
}

div.entry­content {
margin­bottom: 1.5em;
margin­left: 80px;
}

.link­title {
font­size: 13px;
font­weight: bold;
}

.cite {
display: block;
text­align: right;
}

div.quotation blockquote {
font­family: Georgia, Times New Roman, serif;
font­size: 13px;
color: #fff;
}

.chat ul {
padding: 0px;
margin:0px;
}

.chat ul li {
list­style: none;
font­size: 11px;
color: #fff;
padding: 5px;
margin: 0px;
}

.label {
font­weight: bold;
}

li.odd {
background­color: transparent;
}

li.even {
background: #222;
}
#pagenav {
margin: 60px 0 0 0;
padding­bottom: 1.5em;
}

#pagenav .inside {
text­align: center;
position: relative;
}

#back, #forward {
font­family: Lucida Grande, Arial, Helvetica, sans­serif;
font­size: 11px;
color: #666;
text­transform: uppercase;
padding: 7px;
text­decoration: none;
display: block;
position: absolute;
top: ­7px;
}

#back:hover, #forward:hover {
color: #fff;
}

#back {
float:left;
text­align: left;
left: 0px;
}

#forward {
float: right;
text­align: right;
right: 0px;
}
#pages {
color: #eee;
font­family: Lucida Grande, Arial, Helvetica, sans­serif;
font­size: 11px;
text­transform: uppercase;
text­align: center;
}

.small {
font­size: 10px;
color: #555;
}

#left {
width: 235px;
padding: 10px;
margin­top: 50px;
                margin­left: 20px;
position: fixed;
line­height: 15px;
}

#left h1 {
                font­size: 30px;
font­family: Georgia, Calibri, Arial, Helvetica, sans­serif;
color: #FFF;
margin­bottom: 5px;
width: 235px;
line­height: 22px;
}

#left h1 a {
color: #FFF;
text­decoration: none;
}

#left h1 a:hover {
color: #777;
text­decoration: none;
}

#menu {
font­size: 11px;
line­height: 20px;
}

#menu a {
color: #777;
text­decoration: none;
}

#menu a:hover {
color: #fff;
border­bottom: 1px solid #322c2c;
}

#menu ul {
padding­left: 0px;
margin­left: 0px;
}

#menu li {
display: inline;
list­style: none;
margin­right: 15px;
}

#menu li a {
padding­bottom: 2px;
}

#description {
margin­top:­120px;
                border­bottom: 1px solid #322c2c;
color: #FFF;
padding­bottom: 9px;
text­align: justify;
}

#description a {
color: #777;
text­decoration: none;
}

#description a:hover {
color: #FFF;
text­decoration: underline;
}

#credit {
                border­top: 1px solid #322c2c;
color: #443a3f;
font­size: 10px;
padding­top: 10px;
                margin­top: 40px;
}

#credit a:hover {
color: #fff;
text­decoration: underline;
}

#credit a:hover.rubedo {
color: #FFF;
border­bottom: 1px solid #DD0000;
text­decoration: none;
}

.tags {
color: #555;
font­size: 10px;
padding: 6px 3px 0 0;
}
.tags a {
padding: 1px 3px;
margin: 0 0 3px 3px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left">
<h1>{Title}</h1>
<div id="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/archive">Archive</a></li>
<li><a href="/rss">Feed</a></li>
</ul>
</div>
<div id="description">
{Description}
</div>
                <div id="credit">
Designed by <a class="rubedo" href="http://redfield.tumblr.com">Redfield</a>. 
Icons by <a href="http://cameron.io/">Cameron Hunt</a>.
</div>

        </div>

<div id="container">

{block:Posts}

{block:Text}
<div id="post">
{block:Title}<h2 class="entry­title">{Title}</h2>{/block:Title}
<div class="entry­type">
<a href="{Permalink}"><img src="http://i39.tinypic.com/2en421x.gif" 
alt="Text"></a>
</div>
<div class="entry­content"><p>{Body}</p>
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
</div>
{/block:Text}

{block:Photo}
<div id="post">
<div class="entry­type"><a href="{Permalink}"><img 
src="http://i41.tinypic.com/nvsf2x.gif" alt="Photograph"></a></div>
<div class="entry­content"><p>{LinkOpenTag}<img src="{PhotoURL­500}" 
class="photo" alt="{PhotoAlt}" /></a></p>{LinkCloseTag}<p>
{block:Caption}
{Caption}
{/block:Caption}
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
</div>
{/block:Photo}

{block:Link}
<div id="post">
<div class="entry­type"><a href="{Permalink}"><img 
src="http://i40.tinypic.com/2rrthxs.gif" alt="Link"></a></div>
<div class="entry­content"><p><a href="{URL}" class="link­title" 
{Target}>{Name}</a><p>{block:Description}  {Description} {/block:Description}</p>
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
</div>
{/block:Link}

{block:Video}
<div id="post">
<div class="entry­type"><a href="{Permalink}"><img 
src="http://i43.tinypic.com/afjww7.gif" alt="Video"></a></div>
<div class="entry­content"><p>{Video­500}<p>{block:Caption} {Caption} 
{/block:Caption}
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
</div>
{/block:Video}

{block:Quote}
<div id="post" class="quotation">
<div class="entry­type"><a href="{Permalink}"><img 
src="http://i42.tinypic.com/15kffs.gif" alt="Quote"></a></div>
<div class="entry­
content"><blockquote>&ldquo;{Quote}&rdquo;</blockquote><p 
class="cite">{block:Source}&mdash; {Source}{/block:Source}</p>
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
</div>
{/block:Quote}

{block:Audio}
<div id="post">
<div class="entry­type"><a href="{Permalink}"><img 
src="http://i41.tinypic.com/53jnkn.gif" alt="Audio"></a></div>
<div class="entry­content"><p>{AudioPlayerBlack}<p>{block:ExternalAudio}<a 
href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</p>{block:Caption}{Caption}
{/block:Caption}
<br /><br />
<span class="small">Played {FormattedPlayCount} time(s).</span>
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
</div>
{/block:Audio}

{block:Chat}
<div id="post" class="chat">
{block:Title}<h2 class="entry­title">{Title}</h2>{/block:Title}
<div class="entry­type"><a href="{Permalink}"><img 
src="http://i43.tinypic.com/35bgtig.gif" alt="Chat"></a></div>
<div class="entry­content"><ul>
{block:Lines}
<li class="{Alt}">{block:Label}<span 
class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
{/block:Lines}
</ul>
<br /><br />
{block:HasTags}<div class="tags">Tags: {block:Tags}<a href="{TagURL}" 
class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
<p align="right" class="small">{Month} {DayOfMonthWithZero}, {Year}, 
{12Hour}:{Minutes}{AmPm}</p>
<div style="font­size: 10px; text­align: right;"><a 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
</div>
<div style="font­size: 10px; text­align: left;"><a class="dsq­comment­count" 
href="{Permalink}#disqus_thread">Comments (View)</a></div>
        </div>
{/block:Chat}

{/block:Posts}
{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title 
="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script charset="utf­8" type="text/javascript" 
src="http://disqus.com/forums/blackbriar/embed.js"></script>
<a href="http://disqus.com" class="dsq­brlink">blog comments powered by <span 
class="logo­disqus">Disqus</span></a>
{/block:Permalink}
<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/blackbriar/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>

<div id="pagenav">
<div class="inside">
{block:IndexPage} 
{block:NextPage}<a id="back" 
href="{NextPage}">&larr;&nbsp;Retrograde</a>{/block:NextPage}
<span id="pages">Page {CurrentPage} of {TotalPages}</span>
{block:PreviousPage}<a id="forward" 
href="{PreviousPage}">Anterograde&nbsp;&rarr;</a>{/block:PreviousPage}
{/block:IndexPage}

{block:PermalinkPagination} 
{block:NextPost}<a id="forward" 
href="{NextPost}">Anterograde&nbsp;&rarr;</a> {/block:NextPost}
<span id="pages">~</span>
{block:PreviousPost}<a id="back" 
href="{PreviousPost}">&larr;&nbsp;Retrograde</a>{/block:PreviousPost}
{/block:PermalinkPagination}
</div>
</div>
</div>
</div>

</body>
</html>

S-ar putea să vă placă și