Theme04
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
403
On Slideshare
403
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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: 4pxsolid {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: all0.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:textsidebar}; margin-bottom: 1px; margin-right: 1px; -webkit-transition: all 0.4sease-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: all0.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}; repeatscroll 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} · <ahref="{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><divclass="tags">{block:HasTags}{block:Tags}#<ahref="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/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>