Você está na página 1de 15

<!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:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>


{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}
<title>{Title} {block:PostTitle} {PostTitle} {/block:PostTitle}</title>

<link rel="shortcut icon" href="{Favicon}">


<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="viewport" content="width=660"/>


<link rel="apple-touch-icon" href="{PortraitURL-128}"></link>

<meta name="text:Disqus Shortname" content="" />

<style type="text/css" media="screen">


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
ALL BROWSER RESET
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

html, body, div, span, applet, object, iframe,


h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus { outline: 0; }

body {
line-height: 1;
color: black;
background: white;
margin-left: auto;
margin-right: auto;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 5;
}

caption, th, td {
text-align: center;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
BODY, WRAPPINGS, ANCHORS, anything sitewide
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */
Georgia, "Times New Roman", Times
html {
font-size: 13px; }

body {
font-family: Arial, "Arial", Arial, serif;
font-size: 11px;
line-height: 1.5em;
color: #919191;
background: #fff;
padding: 10px 60px 60px 60px;
width: 500px; }

a { color: #6DC0A9; text-decoration: none; }

a:hover { color: #4A8D75; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

#header {
margin: 0 0 7em 0; }

#header h1 a {
font: normal 2em Arial, "Arial", Arial, serif;
color: #000; }

#header h1 a:hover { color: #000; }

#description {
color: #919191;
margin: 0 0 1em 0;

#description a {
color: #000000; }

#description a:hover {
color: #000000; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

.post {
width: 500px;
margin: 0 0 7em 0; }

.permalink {
float: right;
margin-top: -200px; }
.permalink a, .permalink a:link, .permalink a:visited {
color: #3F3F3F;}

.permalink a:hover {
color: #000; }

#content blockquote {
padding-right: 60px;
border-left: 1px dotted #d0d0d0; }
#content blockquote p {
line-height: 25px; }

.postmeta {
margin-top: 50px;
font: italic 11px Helvetica, Arial, sans-serif; }

.postmeta a, .postmeta a:link, .postmeta a:visited {


color: #ccc;
border-bottom: 1px dotted #ddd; }

.postmeta a:hover {
color: #333;
border-bottom: 1px dotted #333 }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
QUOTE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

.quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote,


#footer {
color: #333; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
PHOTO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

.photo img, .photo a img, .video object {


}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
CONVERSATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

#content .conversation {
line-height: 2em; }

.member1 {
color: #5d838b;
background: #f9f9f9; }

.label {
font-weight: bold;
font-style: italic;
color: #999;
padding-right: 10px; }

.member1 .label { color: #5d838b; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
TEXT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

.text h2, .conversation h2 {


color: #555;
font: normal 14px Georgia, "Times New Roman", Times, serif;
margin: 0 0 1.5em 0; }

.text p, .audio p {
margin: 0 0 1.5em 0; }

.text blockquote {
margin: 0 0 1.5em 1.5em;
padding: 0 0 0 1.5em;
border-left: 1px solid #304156; }
ul {
list-style-type: none; }

ol {
list-style-type: none;
margin: 0 0 1.5em 2.5em; }

ol.notes li {
width: 500px;
padding: 3px 0;
margin: 0 0 3px -28px;
border-bottom: 1px solid #f5f5f5; }

ol.notes li:hover {
border-bottom: 1px solid #e0e0e0; }

ol.notes li img {
padding-right: 10px;
margin-bottom: -5px;
opacity: 0.85;
filter:alpha(opacity=85); }

ol.notes li img:hover {
opacity: 1;
filter:alpha(opacity=100); }

strong { color: #333; }

em { color: #333; font-style: italic; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
AUDIO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

span.playcount {
font: italic 11px Georgia, "Times New Roman", Times, serif; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

#navigation {
margin-bottom: 20px; }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++ */

#footer {
margin: 0 0 7em 0;
float: right;}

#searchform input {
border: none;
background: #fff;
padding: 3px;
color: #888; }

#footer a { color: #6DC0A9; }

#footer a:hover { color: #4A8D75; }

.attribution {
text-align: right; }

</style>

<!-- DEFAULT COLORS -->


<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#919191"/>
<meta name="color:Links" content="#6DC0A9"/>
<meta name="color:Links Hover" content="#4A8D75"/>
<meta name="color:Heading" content="#000"/>
<meta name="color:Heading Hover" content="#000"/>
<meta name="color:Description" content="#919191"/>
<meta name="color:Permalink" content="#3F3F3F"/>
<meta name="color:Permalink Hover" content="#000000"/>
<meta name="color:Text Alt" content="#919191"/>

<style type="text/css" media="screen">

{CustomCSS}

body {
background: {color:Background};
color: {color:Text}; }

a { color: {color:Links}; }

a:hover { color: {color:Links Hover}; }


#header h1 a { color: {color:Heading}; }

#header h1 a:hover { color: {color:Heading Hover}; }

#description { color: {color:Description}; }

.permalink a { color: {color:Permalink}; }

.permalink a:hover { color: {color:Permalink Hover}; }

#footer, .quote p, .photo p, .video p, .audio p, #content .conversation,


.text blockquote { color: {color:Text Alt}; }

#disqus_thread { width: 500px; padding: 0 0 75px 0; }


</style>

</head>

<body>

<div id="header">
<h1><a href="/">{Title}</a></h1>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
</div>

<div id="content">

{block:Posts}

{block:Quote}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="quote post">


<h2>"{Quote}"</h2>

{block:Source}
<p>{Source}</p>
{/block:Source}

<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

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

{/block:Quote}

{block:Photo}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="photo post">

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

{block:Caption}
<p>{Caption}</p>
{/block:Caption}

<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

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

{block:Video}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="video post">

{Video-500}

{block:Caption}
<p>{Caption}</p>
{/block:Caption}

<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

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

{/block:Video}

{block:Link}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="link post">

<h2><a href="{URL}" {Target}>{Name}</a></h2>

{block:Description}
<p>{Description}</p>
{/block:Description}
<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

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

{/block:Link}

{block:Chat}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="conversation post">

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

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

<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

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

{/block:Chat}
{block:Text}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="text post">

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

{Body}

<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

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

{/block:Text}

{block:Audio}

<div class="permalink">
{block:IfNotDisqusShortname}<a
href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:IfDisqusShortname}<a
href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}
</div>

<div class="post audio">

{AudioPlayerGrey}

{block:Caption}
{Caption} <span
class="playcount">({FormattedPlayCount} plays)</span>
{/block:Caption}
{block:ExternalAudio}
<p><a
href="{ExternalAudioURL}">Download</a></p>
{/block:ExternalAudio}

<div class="postmeta"><a
href="{Permalink}">{TimeAgo}</a>&nbsp; <a href="{Permalink}">notes
({NoteCount})</a></div>

</div>

{block:IfDisqusShortname}
{block:Permalink}
<div id="disqus_thread"></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">View the discussion thread.</a></noscript>
{/block:Permalink}
{/block:IfDisqusShortname}

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

{/block:Audio}

{/block:Posts}

{block:Pagination}

<div id="navigation">

{block:NextPage}
<a href="{NextPage}" id="nav-next">&larr; older</a>
{/block:NextPage}

{block:PreviousPage}
| <a href="{PreviousPage}" id="nav-prev">newer &rarr;</a>
{/block:PreviousPage}

</div>

{/block:Pagination}

{block:PermalinkPagination}
<div id="navigation">

{block:PreviousPost}
<a href="{PreviousPost}" id="nav-prev">&larr; older</a>
{/block:PreviousPost}
|
{block:NextPost}
<a href="{NextPost}" id="nav-next">newer &rarr;</a>
{/block:NextPost}

</div>

{/block:PermalinkPagination}

<!-- Footer -->


<div id="footer">

<form action="/search" method="get" id="searchform">


<p><input type="search" name="q" value="" results="5"
/></p>
</form>

</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}
</div>
</body>

</html>

Você também pode gostar