Theme01
- 1. <! #THEME POR DIARIOS-DE-UM-OTARIO NÃO TIRE OS CRÉDITOS !>
<html>
<head> <!-- DEFAULT VARIABLES -->
<meta name="color:background" content="#ffffff" />
<meta name="color:sidebar" content="#000000" />
<meta name="color:details sidebar" content="#000000" />
<meta name="color:details post" content="#000000" />
<meta name="color:post" content="#ffffff" />
<meta name="color:text" content="#000000" />
<meta name="color:text sidebar" content="#ffffff" />
<meta name="color:fonte sidebar" content="#ffffff" />
<meta name="color:link" content="#000000" />
<meta name="color:link hover" content="#888888" />
<meta name="color:links hover" content="#888888" />
<meta name="color:scroll" content="#000000" />
<meta name="color:scroll bg" content="#ffffff" />
<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="link" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="link" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="link" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="link" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="link" />
<meta name="text:Link6" content="/" />
<meta name="text:Link6 Title" content="link" />
<meta name="text:Link7" content="/" />
<meta name="text:Link7 Title" content="link" />
<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}
- 2. 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:345px; }
#postbox {width:500px; background-color:{color:post}; margin-bottom:3px;
padding:10px; text-align: justify; position: relative; border-top: 2px solid
{color:details post};}
h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px;
text-align: center; 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: right; 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: right}
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: 80px 0px 0px 80px;}
#side {position: fixed; width:300px; margin-left:50px;}
.photo {position:relative; width:201px; padding:5px; background-color:
{color:details sidebar}; overflow: hidden;-webkit-transition: all 0.6s ease;}
- 3. .photo:hover {background-color:{color:sidebar};opacity:1;-webkit-transition: all
0.6s ease;}
.photo img {display: block;width:200px; height:auto;}
.photo:hover #description {margin-top:0px;height:auto;margin-left:0px;}
.photo:hover #description2 {margin-top:24px;height:auto;margin-left:0px;}
#description {position:absolute;float:left; display:block; width:230px;
height:auto; margin-left: 0px; color:{color:text sidebar}; font-family:verdana;
font-size:9px; text-align:center; padding:5px; margin-top:400px; opacity:0.9;
overflow:hidden; -webkit-transition: all 0.7s ease;}
#description a {float:left; display:block; width:47px; line-height:13px;
padding:5px;background-color:{color:details sidebar}; color:{color:text
sidebar}; margin-bottom: 1px; margin-right: 1px; -webkit-transition: all 0.4s
ease-out; -moz-transition: all 0.4s ease-out;}
#description a:hover{background-color:transparent; color:{color:links hover};
font-weight: bold;}
.links {width: 250; height: auto; padding:0px; margin-top:-180px; margin-left:-
178px; }
.links a {float: left;display: block; width: 170px; height: 6; line-height: 5px;
padding: 4px; font-family: Orator Std; font-size: 10px; text-align: center;
background-color: {color:details sidebar}; color:{color:fonte sidebar}; text-
decoration: none; text-transform: lowercase; margin-right: 1px; margin-bottom:
1px; border-bottom: 1px solid {color:details}; -webkit-transition: all 0.3s
ease-out; -moz-transition: all 0.3s ease-out;}
.links a:hover { background-color: {color:details sidebar}; color:
{color:sidebar}; letter-spacing: 0px; font-weight:bold;}
#desc{width: 193px; 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;}
#title {position:fixed;width:201px;height:10px; font-size:9px; font-
family:verdana; text-align:center; background-color:{color:details sidebar};
color:{color:text sidebar}; padding: 5px; margin-top:1px; margin-left:0px;
overflow:hidden; }
.sd2 {position:fixed;width:201px; font-size:9px;font-family:verdana; text-
align:right; font-style; background-color:{color:details sidebar}; color:
{color:text sidebar}; padding: 5px; margin-top:22px; margin-left:0px;}
.sd2 a{ color:{color:text sidebar};}
#pagination {font-family: verdana; font-size: 8px; text-align: center;}
#pagination a {background-color: {color:sidebar}; margin: 0 1px 0 0; padding:
2px 4px; color: {color:fonte sidebar};}
#pagination a:hover {background-color: {color:background}; color: {color:link
hover};}
#pagination span.pagina_atual {background: {color:sidebar}; margin: 0 1px 0 0;
padding: 2px 4px;; color: {color:text}; font-weight: bold; text-decoration:
none;}
.pagination { font-size:9px; font-family:verdana; text-align:center; background-
color:transparent; color:{color:fonte sidebar}; padding: 5px; margin-top:130px;
margin-left:-400px; border-top: 0px dotted {color:text};}
.credit {position:fixed;width:170px; font-size:8px;font-family:verdana; text-
align:right; line-height: 4px; padding: 5px; font-style; background-color:
{color:sidebar}; color:{color:text sidebar}; padding: 5px; margin-top:112px;
margin-left:-178px;}
.credit a{ color:{color:text sidebar};}
.pg {font-size:5px;}
#tumblr_controls{position: fixed!important}
- 4. #tumblr_controls{position: fixed!important}
#tumblr_controls{position: fixed!important}
#tumblr_controls{position: fixed!important}
::-webkit-scrollbar {width: 5px; height: 5px;}
::-webkit-scrollbar-track-piece {background-color: {color:scroll bg}; repeat
scroll 0 0 transparent;}
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color:
{color:scroll};}
::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color:
{color:scroll};}
</style>
<body>
<div id="content">
<div id="sidebar">
<div id="side">
<div class="photo">
<div id="description">
</div>
<img src="{image:sidebar}">
</div>
<div id="title"><b>{text:title}</b></div>
<div class="sd2"><div class="description">{description}</div></div>
<div class="links">
<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>
<a href="{text:Link7}">{text:Link7 Title}</a>
</div>
<div class="credit"><center>theme by <a href="http://diarios-de-um-
otario.tumblr.com/"><b>diarios-de-um-otario</b> ©</a></center></div>
<div class="pagination"><div id="pagination">
{block:JumpPagination length="5"}
{block:CurrentPage}<span
class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page"
href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
</div></div>
</div>
</div>
- 5. <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}
<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a
- 6. 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}<br><div
class="tags">{block:HasTags}{block:Tags}#<a
href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
</div>
</div>
</div>{/block:Date}
{/block:Posts}
{block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
</div>
</div>
</div>
</body>
</html>