Más contenido relacionado
La actualidad más candente (19)
Theme04
- 1. <! theme diarios-de-um-otario.tumblr.com 04.0 !>
<html>
<head> <!-- DEFAULT VARIABLES -->
<meta name="color:background" content="#f2f2f2" />
<meta name="color:sidebar" content="#fff" />
<meta name="color:details sidebar" content="#000" />
<meta name="color:post" content="#fff" />
<meta name="color:text" content="#000" />
<meta name="color:text sidebar" content="#fff" />
<meta name="color:link" content="#000" />
<meta name="color:link hover" content="#888" />
<meta name="color:links hover" content="#fff" />
<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="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" />
<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}
- 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:310px; }
#postbox {width:500px; background-color:{color:post}; margin-bottom:3px;
padding:10px; text-align: justify; position: relative; border-top: 2px solid
{color:details sidebar};}
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: 0px 0px 0px 50px;}
#side {position: fixed; width:300px; margin-left:-2px;}
.photo {position:relative; width:251px; 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:251px; 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: 270; height: auto; padding:0px; margin-top:28px; margin-left:0px;
}
.links a {float: left;display: block; width: 120px; height: 6; line-height: 6px;
padding: 5px; font-family: verdana; font-size: 9px; text-align: center;
background-color: {color:sidebar}; color:{color:link}; 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}; 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:252px;height:15px; 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; }
.pg{position:fixed; font-size: 9px; font-family: verdana;text-align: right;
margin: -390px 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 {position:fixed;width:250px; font-size:9px;font-family:verdana; text-
align:right; font-style:; background-color:{color:details sidebar}; color:
{color:text sidebar}; padding: 5px; margin-top:82px; margin-left:1px;}
.credit a{ color:{color:text sidebar};}
.pg {font-size:11px;}
#tumblr_controls{position: fixed!important}
#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};}
- 4. </style>
<body>
<div id="content">
<div id="sidebar">
<div id="side">
<div class="photo">
<div id="description">
<div class="description"><h4>{description}</h4></div>
</div>
<img src="{image:sidebar}">
</div>
<div id="title"><b>{text:title}</b></div>
<div class="credit"><center>theme by <a href="http://diarios-de-um-
otario.tumblr.com/"><b>diarios-de-um-otario</b></a> ©</center>
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">«Previous</a> {/block:PreviousPage}
|
{block:NextPage}<a href="{NextPage}">Next»</a>{/block:NextPage}
{/block:Pagination}</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>
</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}
- 5. {/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
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} (reblog <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>