Theme Quietus (16)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!-----

theme by buckygyllenhaal ©
● respect my work, do not remove the credits.
● do not use as a basis.

------>

<!------------------------------- Essencial --------------------------------->
                                   <head>
                           <title>{title}</title>
                 <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">

<!------------------------------- Aparência --------------------------------->
<meta name="image:image" content="https://secure.static.tumblr.com/cir8k0k/5Plnn0mn0/11.png"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Title" content="#aaa"/>
<meta name="color:Text" content="#858585"/>
<meta name="color:Links" content="#777"/>
<meta name="color:Border" content="#eeeeee"/>
<meta name="color:hover" content="#696969" />
<meta name="color:strong" content="#696969" />
<meta name="color:italic" content="#858585" />
<meta name="color:askbg" content="#f7f7f7" />
<meta name="color:menu" content="#efefee" />
    <meta name="text:Link" content="/" />
    <meta name="text:Link Title" content="link" />
    <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" />


 <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,400italic,700italic' rel='stylesheet' type='text/css'>


</head><style type="text/css">


/* --- body --- */
body {background:{color:background};margin:0px;color:{color:Text};font-family: 'Signika Negative', sans-serif;font-size:11px;}


/* --- basic style --- */
b {color:{color:strong};}
i, em, italic {color:{color:italic};}
a {text-decoration: none;color:{color:Links};text-decoration:none;-moz-transition:0.3s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
a:hover {color: {color:hover};text-decoration:underline;-moz-transition:0.5s ease-in;-webkit-transition: 0.5s ease-in;-o-transition:0.5s ease-in;transition:0.5s ease-in;}
.title {font-weight:bold;font-style:italic;font-size:14px;}
u, underline {text-decoration:none; border-bottom: 1px dotted {color:Text};}
small {font-size:10px;}
sub {font-size:10px;}
li {text-transform:square;}
blockquote {border-left: 1px solid #CCC; color:{color:Text}; margin-right: 4px; padding:5px; margin-left: 5px;  padding: 2px;  margin-top:10px; overflow: hidden; margin-bottom: 7px;text-align:left;padding-left:10px;}


/* --- muito importante --- */
#posts {left:200px;top:50px;width:500px;position:relative;margin:0 auto;padding:10px;}
#posts {max-width:500px}
.entries {width:500px;margin-bottom:80px;}
#container {left:100px;width:830px;top:50px;margin:0 auto; }
#footer {margin:0;clear:both;padding:10px;bottom:0;position:fixed;width:100%;background:{color:background}; }
#footer .wrap {width:0px;margin:0 auto;}


/*--- quote ---*/
.post_quote {padding:10px;background:#fafafa;border-radius:5px;}
.quotes {font-size:120px;background:#transparent;color:{color:Text};font-family:'Keania One', arial; }
.quote {color:{color:Text};margin-left:40px;font-size:14px;font-weight:bold;font-style:italic; }
.source {margin-top:5px;text-align:right;letter-spacing:1px;text-transform:uppercase;font-size:8px; }


/*--- question ---*/
.question {background:{color:askbg};padding:10px;border-radius:5px;}
.question a {color:{color:Text};font-family: 'Signika Negative', sans-serif;font-size:11px;text-decoration:underline;}


/*--- chat ---*/
.user_1 { background-color:#fcfcfc;padding:5px; }
.user_2 { background-color:#f9f9f9;padding:5px; }
.user_3 { background-color:#fcfcfc;padding:5px; }
.user_4 { background-color:#f9f9f9;padding:5px; }
.user_5 { background-color:#fcfcfc;padding:5px; }
.user_6 { background-color:#f9f9f9;padding:5px; }
.user_7 { background-color:#fcfcfc;padding:5px; }
.user_8 { background-color:#f9f9f9;padding:5px; }
.user_9 { background-color:#fcfcfc;padding:5px; }
.user_10 { background-color:#f9f9f9;padding:5px; }


/*--- notes ---*/
.notes li {font-size:8px;text-transform:uppercase;margin-left:-50px;padding:5px;background:{color:background};border-bottom:1px solid {color:Border};width:500px;}
.notes img { display:none;}


/* --- audio --- */
.audio {height:60px;padding:5px;margin-bottom:5px; }
.audio-album {position:absolute;width:60px; }
.audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid {color:Border};width:25px;height:25px;overflow:hidden;position:absolute;
z-index:2;margin-left:15px;margin-top:15px; }
.audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}


/* --- sidebar --- */
#sidebar {position:fixed;width:300px;margin-left:-25px;margin-top:200px;opacity:1;height:auto;transition-duration:0.5s;}
#sidebarimage {width:300px;}
#sidebarimage img {width:300px;padding:3px 0;}
.desc {font-size:10px;position:relative;font-family: 'Signika Negative', sans-serif;width:250px;padding:3px 0;text-align:left;color:{color:Text};margin-left:30px; border-left:1px solid #d7d7d7;padding-left:8px;}
.desc1 {font-size:12px;position:relative;font-family: 'Signika Negative', sans-serif;width:300px;padding-bottom:8px;text-align:left;color:{color:Text};margin-left:10px;font-style:italic;}
.desc a {color:{color:Text};}
.titles {font-size:15px;margin-top:6px;font-family: 'tahoma';line-height:130%;width:245px;padding:3px 0;text-align:center;color:{color:strong};padding-bottom:1px;font-weight:bold;font-style:italic;}
.link {width:280px;padding: 10px;margin-left:0px;text-align:leftmargin-top:2px;margin-bottom:5px;background:#efefee;}
.link a {padding:2px;font-size:11px;letter-spacing:0px;color:{color:Text};margin-left:3px;text-align:justify;font-family: 'Signika Negative', sans-serif;}
.pagi {position:relative;text-transform:lowercase;text-align:center;margin-top:7px;}



{CustomCSS}</style></head><body>
<div id="container">

<div id="sidebar">


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

<div class="link">
{block:ifLink}<a href="{text:Link}">{text:Link Title}</a>{/block:ifLink}
{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
<a href="http://buckygyllenhaal.tumblr.com/">©</a>
</div>

<div class="desc1"><b><code>.{title}</b></code></div>

<div class="desc"><code>{description}</code></div>


{block:Pagination}<div class="pagi">
{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
― {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
</div>{/block:Pagination}</div></div>



<div id="posts">
{block:Posts}
<div class="entries">
{block:Text}
<div class="post_text">
{block:Title}
<a class="title" href="{Permalink}">{Title}</a>{/block:Title}
{Body}</div>{/block:Text}{block:Photo}

<div class="post_photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div>{/block:Photo}{block:Photoset}<div class="post_photoset">
<div class="photoset"><div class="move">{Photoset-500}</div></div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}


 {block:Quote}
<div class="post_quote">
<div class="quote">{Quote}</div>
 {block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class="post_link">
<a href="{URL}" class="title" {Target}>{Name}</a>
 {block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Chat}
<div class="post_chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}</li>{/block:Lines}
</ul></div>{/block:Chat}

{block:Video}
<div class="post_video">
{Video-500}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}</div>{/block:Video}

{block:Audio}
<div class="audio">
{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
<div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
<div class="audio-info">
{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
{block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
{block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
</div></div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Answer}
 <div class="post_answer">
<div class="question">{Asker}: {Question} </div>
<div class="answer">{Answer}</div>
</div>{/block:Answer}


{block:HasTags}
<div class="tags" style="margin-top:10px;background:#f6f6f6;padding:10px">{block:Tags}
#<a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;{/block:Tags}
</div>{/block:HasTags}

<table style="font-size:8px;color:{color:hover};border-top:1px solid #f0f0f0;margin-top:5px;text-transform: uppercase;" width="100%"><tr><td>
{block:RebloggedFrom} <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> / {/block:RebloggedFrom}
{block:ContentSource} <b>source:</b> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}</td>

<td style="text-align:right;">
{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a></td></tr></table></div>

{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>
{/block:PostNotes}
{/block:Posts}</div></div></div>
</div></div></div>


</div></div></div><div class="footer"></div>

</body></html>