Theme03
- 1. <! #THEME POR DIARIOS-DE-UM-OTARIO NÃO TIRE OS CRÉDITOS !>
<html>
<head> <!-- DEFAULT VARIABLES -->
<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="" />
<meta name="text:Link2" content="" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content="" />
<meta name="text:Link3 Title" content="" />
<meta name="text:Link4" content="" />
<meta name="text:Link4 Title" content="" />
<meta name="text:Link5" content="" />
<meta name="text:Link5 Title" content="" />
<meta name="text:Link6" content="" />
<meta name="text:Link6 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}; }
- 2. 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; }
- 3. #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}
#tumblr_controls{position: fixed!important}
#tumblr_controls{position: fixed!important}
#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">
- 4. <a href="{text:Link1}">{text:Link1 Title}</a>
<a href="{text:Link2}">{text:Link2 Title}</a>
<a href="{text:Link3}">{text:Link3 Title}</a>
<a href="{text:Link4}">{text:Link4 Title}</a>
<a href="{text:Link5}">{text:Link5 Title}</a>
<a href="{text:Link6}">{text:Link6 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}
- 5. {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>