Theme Britney (6)

<!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.

------>


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

<!------------------------------Aparência------------------------------->
<meta name="image:sidebar" content="http://33.media.tumblr.com/58219856ddca39ae192f077e6a728f3b/tumblr_nd1inhrvln1rpvjvho1_250.gif"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Title" content="#000"/>
<meta name="color:Text" content="#000"/>
<meta name="color:links" content="#000"/>
<meta name="color:hover" content="#000"/>
<meta name="color:hover" content="#000" />
<meta name="color:strong" content="#333" />
<meta name="color:italic" content="#696969" />
<meta name="color:post" content="#ffffff" />
<meta name="color:description" content="#000" />
<meta name="color:chat1" content="#fcfcfc" />
<meta name="color:chat2" content="#f9f9f9" />
<meta name="color:askbg" content="#f6f6f6" />
    <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" />
<!------------------------------Complemento------------------------------>


<style type="text/css">




/* --- scrollbar --- */
::-webkit-scrollbar-thumb {height:auto;background-color: {color:Text};border: 2px solid {color:background};}
::-webkit-scrollbar {height:9px;width:9px;background-color: {color:Text};border: 4px solid {color:background};}


/* --- body --- */
body {background:{color:background};margin:0px;color:{color:Text};font-family:tahoma;font-size:9px;line-height:150%;}


/* --- basic style --- */
b {font-family:georgia;font-weight:normal;text-transform:lowercase;color:{color:strong};}
i, em, italic {color:{color:italic};}
a {text-decoration: none;color:{color:links};text-decoration:none;}
a:hover {color: {color:hover};text-decoration:none;}
.title {font-weight:bold;font-style:italic;font-size:14px; }
ul, li {list-style:square;text-transform:square;}
small {font-size:9px;font-family:cambria;}
sub {font-size:9px;font-family:cambria;}
u, underline {text-decoration:none; border-bottom: 1px solid {color:Text};}


/* --- muito importante --- */
#posts {left:160px;top:50px;max-width:500px;position:relative;margin:0 auto;padding:10px;}
#posts img {max-width:500px}
.entries {width:500px;margin-bottom:90px;}
#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:post}; }
#footer .wrap {width:680px;margin:0 auto;}



/*--- quote ---*/
.post_quote {padding:5px; }
.quotes {font-size:120px;background:transparent;color:{color:Text};font-family:'Keania One', arial; }
.quote {color:{color:italic};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};text-decoration:underline;font-style:italic;}


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


/*--- notes ---*/
.notes li {font-size:8px;text-transform:uppercase;margin-right:0px;padding:5px;background:{color:chat1};border-bottom:1px solid {color:border}; }
.notes li:hover {background:{color:chat2};}
.notes img { display:none;}


/* --- permalink --- */
#info {width:500px;text-align:left;font-size:9px;text-transform:lowercase;
margin-bottom:10px;line-height:90%;color:{color:description};font-family:tahoma;}
.tags {font-size:10px;margin-top:-8px;padding-left:0px;}
.tags a {text-transform:lowercase;background:transparent;text-decoration:none;margin-left:-10px;padding-left:5px;}



/* --- 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:chat1};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:245px;margin-left:0px;margin-top:230px;opacity:1;height:auto;}
#title {text-transform:lowercase;margin-top:2%;font-size:15px;font-style:italic;}
#description {margin-left:-4px;position:relative;margin-top:-1%;font-family:tahoma;line-height:130%;font-size:10px;width:245px;padding:3px;text-align:justify;color:{color:description};margin-bottom:0%;overflow-y:hidden;text-transform:lowercase;}
#description a {color:{color:description};-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}
.pagi {position:relative;text-transform:lowercase;text-align:center;margin-top:7px;}


{CustomCSS}</style></head><body>
<link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="stylesheets/style.css"  media="screen" title="no title" >

<div id="container">
<div id="sidebar">
<center><img src="{image:sidebar}"/ width="245px"></center>
<div id="title">.{title}</div>
<div id="description">
{description}<br>
<center><select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 160px; font-family:arial; font-size:11px;">
<option value="/">navigation</option>
<option value="/">home</option>
{block:ifLink}
<option value="{text:link}">{text:link Title}</option>{/block:ifLink}
{block:ifLink1}
<option value="{text:link1}">{text:link1 Title}</option>{/block:ifLink1}
{block:ifLink2}
<option value="{text:link2}">{text:link2 Title}</option>{/block:ifLink2}
{block:ifLink3}
<option value="{text:link3}">{text:link3 Title}</option>{/block:ifLink3}
{block:ifLink4}
<option value="{text:link4}">{text:link4 Title}</option>{/block:ifLink4}
{block:ifLink5}
<option value="{text:link5}">{text:link5 Title}</option>{/block:ifLink5}
<option value="http://buckygyllenhaal.tumblr.com/">theme by ©</option>
</select></div></center>

{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 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"><question>{Asker}:</question> {Question} </div>
<div class="answer">{Answer}</div>
</div>{/block:Answer}


<div id="info">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a> {block:NoteCount}  › with <a href="{Permalink}"> {NoteCount} notes{/block:NoteCount}</a> {block:ContentSource}</a> › <a href="{SourceURL}">source</a>{/block:ContentSource}  › <a href="{ReblogURL}">Reblog</a></div>


<div class="tags">
{block:HasTags}
tags:
{block:Tags}
&nbsp;<a href="{TagURL}"><i>  #{Tag}</i></a>
{/block:Tags}
{/block:HasTags}
</div></div>

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


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

<script type="text/javascript">
window.onload = function() {
    $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
    $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
    $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
    $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
}
</script>
</body></html>