Theme03

<! #THEME POR DIARIOS-DE-UM-OTARIO NÃO TIRE OS CRÉDITOS !>

<html>

<head> 
<meta name="color:background" content="#222222" />
<meta name="color:sidebar" content="#000000" />
<meta name="color:post" content="#222222" />
<meta name="color:text" content="#ffffff" />
<meta name="color:link" content="#ffffff" />
<meta name="color:link hover" content="#222222" />
<meta name="color:text sidebar" content="#ffffff" />
<meta name="color:links" content="#222222" />
<meta name="color:links text" content="#000" />
<meta name="color:links text hover" content="#fff" />
<meta name="color:border" content="#f0f0f0" />
<meta name="color:scroll" content="#000" />
<meta name="color:scroll bg" content="#fff" />

<meta name="image:background" content="" />
<meta name="image:sidebar" content="" />

<meta name="text:Title" content="" />

<meta name="text:Link1" content="" />
<meta name="text:Link1 Title" content="" />

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<style type="text/css">

body {background: {color:background} url('{image:background}') repeat; color:
{color:text}; font-family:verdana; font-size:11px; line-height:110%}

a { text-decoration:none; color:{color:link};}
a:hover {text-decoration:none; color:{color:link hover};}

p {margin: 6px 0 0 0}

blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background};
padding-left: 5px; }
blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid
{color:background};}
blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px
solid {color:background}; }
blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-
left: 4px solid {color:background}; }

blockquote img{max-width: 470px!important}
blockquote blockquote img{max-width: 450px!important}
blockquote blockquote blockquote img{max-width: 430px!important}
blockquote blockquote blockquote blockquote img{max-width: 410px!important}

#content {width:850px; margin: 20px auto 20px auto; }

#post {float:left; margin-left:270px; }

#postbox {width:500px; background-color:{color:post}; margin-bottom:1px;
padding:10px; text-align: justify; position: relative; border-right: 2px solid
{color:border}; }

h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px;
text-align: center; text-transform:uppercase; font-weight:normal; }
h1 a {color:{color:link}}
h1 a:hover {color:{color:link hover}}

.image {text-align: center; border: 0px}
.image img {max-width: 500px; margin-bottom: 2px }

.quote {font-family: georgia; text-align: center; font-size: 14px; line-height:
16px; padding: 3px;}
.quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
.quotesource a, a:hover{text-transform: none;}

.chat {line-height: 13px; list-style: none }
.chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
.person1 {color: {color:text}; padding: 2px; }
.person1 .label {font-weight: bold; color:{color:text}}
.person2 {color: {color:text}; padding: 2px; }
.person2 .label {font-weight: bold; color:{color:text}}

.player {background-color: #000; text-align: left; display:block;}

#asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
.answer {padding: 2px}
.answer img {max-width: 470px;}

#date {text-align: left; font-size: 9px; font-family: verdana; text-transform:
lowercase; z-index: 11; }
#date a {font-size: 9px; }

.tags {color: {color:text}; font-size: 9px; font-family: verdana; display:
inline; list-style: none; text-transform: lowercase;}
.tags a {font-size: 9px; color: verdana; display: inline; list-style: none;
text-transform: lowercase;}

#cap {width: 500px; margin-top: -2px;}
.source {display: none;}

.notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-
size: 9px; text-align: left}
ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
.notes img{display: none; border:0px}

#sidebar {position: fixed; margin: 0px 0px 0px 70px;}

#side {position: fixed; width:200px; margin-left:-1px;}

#title { font-size:14px; padding: 2px; }

#image {padding:5px; background-color:{color:sidebar}; margin-top:0px; margin-
left:0px;}
#image img {width:190px; height:auto;}

.nav {width: 200; height: auto; padding:0px; margin-top:-58px; margin-left:13px;
}
.nav a {float: left; display: block; width: 80px; height: 8px; line-height: 8px;
padding: 3px; font-family: verdana; font-size: 9px; text-align: center;
background-color: {color:links}; color:{color:links text}; text-decoration:
none; text-transform: lowercase; margin-right: 1px; margin-bottom: 1px;
opacity:0.7; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s
ease-out;}
.nav a:hover { background-color: transparent; color:{color:links text hover};
letter-spacing: 0px; font-weight: normal;}

#desc{width: 160px; height: auto; font-size: 9px; font-family: verdana;padding:
2px; border: 3px solid {color:sidebar}; text-align: center;color: {color:text};
background-color: {color:sidebar}; overflow:hidden; margin-top:20px;}

.pg{position:fixed; font-size: 9px; font-family: verdana;text-align: right;
margin: -299px 0px 0px -16px;}
.pg a{display: block; margin-bottom: 1px; width: 10px; height: 11px; padding:
3px 3px 3px 2px; background-color: {color:sidebar}; background-color:
{color:sidebar}; -webkit-transition: all 0.4s ease-out; -moz-transition: all
0.4s ease-out;}
.pg a:hover{opacity:0.7; }

.credit { font-size:9px;font-family:verdana; text-align:center; background-
color:{color:sidebar}; color:{color:text}; padding: 5px; margin-top:59px;
margin-left:0px;}

#tumblr_controls{position: fixed!important}

::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-
color:transparent;}
::-webkit-scrollbar-track-piece{background-color: {color:scroll bg}; -webkit-
border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-
left-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:
{color:scroll};-webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:
{color:scroll};-webkit-border-radius:px;}

</style>

</head>

<body>
<div id="content">

<div id="sidebar">
<div id="side">

<div id="image"><img src="{image:sidebar}"/></div>

<div class="nav">

<a href="{text:Link1}">{text:Link1 Title}</a>
</div>

<div class="credit">theme <a href="http://diarios-de-um-
otario.tumblr.com/"><b>diarios-de-um-otario</b> </a>, <a
href="http://thefirewar.tumblr.com/">++</a> ©</div>

<div class="pg">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
{/block:Pagination}</div>

<div class="description"><div
id="title"><center><b>{text:title}</b></center></div>
{description}</div>

</div>
</div>

<div id="post">

{block:Posts}
<div id="postbox">
{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-
500}"></div>{LinkCloseTag}{/block:Photo}

{block:Photoset}{Photoset-500}{/block:Photoset}

{block:Quote}
<div class="quote">“{Quote}“</div>
{block:Source}<div class="quotesource"> “ {Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<div class="chat"><ul>{block:Lines}
<li class="person{UserNumber}">{block:Label}
<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul></div>
{/block:Chat}

{block:Audio}
<div class="player">{AudioPlayerBlack}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}{Video-500}{/block:Video}

{block:Answer}
<div id="asker"><b>{Asker} asked:</b> {Question}</div>
<div class="answer">{Answer}</div>
{/block:Answer}

<div id="cap">
{block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

<div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}"
alt="{SourceTitle}" />
{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}
{/block:NoSourceLogo}</a>
{/block:ContentSource}</div></div>
<br>

<div id="date">
{block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a
href="{TagURL}">{Tag}</a>  {/block:Tags}<br>{/block:HasTags}
<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a
href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage}
· <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
{block:RebloggedFrom}<br> via <a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}{block:RebloggedFrom} (original<a href="{ReblogRootURL}"
title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom}

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

{/block:Posts}
{block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}

</div>
</div>
</div>

</body>
</html>

Theme03

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (6)

Similar to Theme03

Similar to Theme03 (20)

Recently uploaded

Recently uploaded (18)

Theme03