theme 22 - silhouettes

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

<!---

silhouettes (theme #22) by melodypcnd(.tumblr.com)

- do not remove the credit or edit it
- do not remove it and put the credit on another page
- do not steal or claim this as your own
- do not use this as a base code
- and lastly, don't take parts of the code, as that it also stealing

but please like or reblog the post! :) enjoy the theme! <3

--->

<head>

<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}

<meta name="text:link1" content="" />
<meta name="text:link1 URL" content="" />

<meta name="text:link2" content="" />
<meta name="text:link2 URL" content="" />

<meta name="text:link3" content="" />
<meta name="text:link3 URL" content="" />

<meta name="text:link4" content="" />
<meta name="text:link4 URL" content="" />

<meta name="text:link5" content="" />
<meta name="text:link5 URL" content="" />

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<style type="text/css">

div#qTip {
padding:4px;
display:none;
text-align:center;
position:absolute;
font-size:7px;
margin-left:15px;
font-style:none;
z-index:999999999999;
color:#fff;
letter-spacing:3px;
background-color:#000;
text-transform:uppercase;
}

::-webkit-scrollbar{width:2px;height:auto;background:#ffffff;}
::-webkit-scrollbar-corner{background:#000;}
::-webkit-scrollbar-thumb:vertical{background:#000;}
::-webkit-scrollbar-thumb:horizontal{background:#000;}

body {
background:#fff;
color:#000;
font-size:9px;
font-family:'Libre Baskerville', serif;
letter-spacing:1px;
line-height:150%;
}

a {color:#000;text-decoration:none;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;}

a:hover {color:#aaa;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;}

blockquote {
border-left:2px solid #ccc;
padding:2px 10px;
margin-left:10px;
}

h1 {
padding:5px;
text-transform:lowercase;
letter-spacing:1px;
font-size:18px;
font-style:italic;
font-weight:normal;
margin-bottom:-2.5px;
text-align:left;
}

#header {
position:relative;
width:500px;
left:50%;
margin-left:-250px;
margin-top:100px;
text-align:justify;
z-index:99999999;
}

#title {
padding:15px 5px;
border-bottom:1px dotted #aaa;
text-transform:lowercase;
letter-spacing:1px;
font-size:25px;
font-style:italic;
}

#desc {
padding:15px 0px;
border-bottom:1px dotted #aaa;
font-size:9px;
line-height:200%;
}

#links {
text-align:right;
margin-top:10px;
font-size:8px;
text-transform:uppercase;
font-weight:bold;
}

#links a {padding:5px;margin-left:9px;border-bottom:1px solid transparent}

#links a:hover {border-bottom:1px dotted #aaa;color:#000;}

#entry {
position:absolute;
width:500px;
left:50%;
margin-left:-250px;
margin-top:75px;
position:absolute;
text-align:center;
}

#post {
width:500px;
margin-bottom:75px;
font-style:none;
background-color:#fff;
}

.cap {
padding:5px;
text-align:left;
}

#quote {
font-size:15px;
font-style:italic;
line-height:125%;
text-align:left;
text-transform:none;
}

#src {text-align:left;margin:10px 0px;}

#chat {
text-align:left;
}

.line {
border-bottom:1px dotted #ccc;
padding-bottom:7px;
}

.newplayerbutton {
position:relative;
width:28px;
height:27px;
overflow:hidden;
}

.playerbuttonhug {
position:absolute;
top:-11px;
left:-12px;
}

.tumblr_audio_player {
border:none;
padding:0px;
margin:0px;
height:50px;
width:500px;
padding-left:12.5px;
}

.playerbuttonbg {
position:absolute;
left:20px;
top:20px;
width:28px;
height:28px;
background-color:#ffffff;
border:1px dotted #aaa;
padding:10px;
opacity:.4;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity:0.4;
transition:opacity .7s ease-in-out;
-moz-transition:opacity .7s ease-in-out;
-webkit-transition:opacity .7s ease-in-out;
}

.playerbuttonbg:hover {
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
}

.audioimgwrapper {
position:absolute;
left:0px;
top:0px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
overflow:hidden;
width:88px;
height:88px;
}

.audioimgwrapper img {
width:100%;
height:auto;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
opacity:0;
}

.trackdetails {
width:auto;
display:inline-block;
margin-left:100px;
min-height:85px;
text-transform:uppercase;
line-height:160%;
font-size:8px;
}

.audiowrapper {
position:relative;
display:block;
background-color:#fff;
border:1px dotted #ccc;
padding:2px;
}

#q {
padding:10px;
font-size:9px;
letter-spacing:1px;
line-height:200%;
border-bottom:1px dotted #ccc;
}

#info {
margin-top:5px;
padding:5px;
font-size:7px;
font-style:none;
text-align:left;
text-transform:uppercase;
color:{color:Link};
line-height:200%;
border-top:1px dotted #ccc;
}

.notecont {
width:500px;
font-size:7px;
letter-spacing:1px;
word-spacing:5px;
text-transform:lowercase;
text-align:left;
}

.notecont li {
list-style-type:circle;
line-height:325%;
}

.notecont img {
display:none;
}

#pagi {
padding-top:3px;
text-transform:uppercase;
}

#pagi a {
padding:5px 10px;
letter-spacing:4px;
font-size:11px;
}

#poop {
font-size:8px;
font-family:calibri, sans-serif;
letter-spacing:2px;
}

#poop a {
position:fixed;
width:20px;
padding-top:3px;
padding-bottom:3px;
bottom:5px;
right:5px;
text-align:center;
box-align:center;
text-transform:none;
color:#777;
background-color:#eee;
border:3px double #fff;
}

</style></head><body>

<div id="header">
<div id="title">{Title}</div>
<div id="desc">{Description}</div>
<div id="links">
<a href="{text:link1 URL}">{text:link1}</a>
<a href="{text:link2 URL}">{text:link2}</a>
<a href="{text:link3 URL}">{text:link3}</a>
<a href="{text:link4 URL}">{text:link4}</a>
<a href="{text:link5 URL}">{text:link5}</a>
</div>
</div>

<div id="entry">
{block:Posts}
<div id="post">

{block:Text}
<h1>
{block:Title}
{Title}
{/block:Title}
</h1>
<div class="cap">{Body}</div>
{/block:Text}

{block:blockquote}
{/block:blockquote}

{block:Photo}
<center>
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</center>
{/block:Photo}

{block:Photoset}
{Photoset-500}
{/block:Photoset}

{block:Quote}
<div id="quote">❝{Quote}❞</div><p>
{block:Source}
<div id="src">—{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<h1>
<a href="{URL}"{Target}>{Name}</a>
</h1>
{block:Description}
<div class="cap">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
<div id="chat">
{block:Title}
<h1>
{Title}
</h1>
{/block:Title}
{block:Lines}
{block:Label}
<div class="line">
<b>{Label}</b>
{/block:Label}
{Line}
</div><br>
{/block:Lines}
</div>
{/block:Chat}

{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div></div></div>
<div class="trackdetails"><br><br>
{block:TrackName}{TrackName}{/block:TrackName}<br>
{block:Artist}{Artist}{/block:Artist}<br>
{PlayCountWithLabel}
</div></div>
{/block:AudioPlayer}

{block:Video}
{Video-500}
{/block:Video}

{block:Answer}
<div id="q">
<span style="text-transform:uppercase;font-weight:bold;font-size:11px;"><a href="{askerURL}">{Asker}:</a></span><br>
{Question}
</div>
<div class="cap">{Answer}</div>
{/block:answer}

{block:PermalinkPage}
{block:Caption}
<div class="cap">{Caption}</div>
{/block:Caption}
{/block:PermalinkPage}

<div id="info">
{block:Date}
<a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a>
{/block:Date}
{block:NoteCount}
&nbsp;/&nbsp; <a href="{Permalink}">+{NoteCount}</a>
{/block:NoteCount}
{block:RebloggedFrom}
&nbsp;/&nbsp; <a href="{ReblogParentURL}">via</a>
{/block:RebloggedFrom}
{block:ContentSource}
&nbsp;/&nbsp; <a href="{SourceURL}">src</a>
{/block:ContentSource}
<br>
<div class="tags">
{block:HasTags}
{block:Tags}
<a href="{TagURL}">#{Tag}</a>&nbsp;
{/block:Tags}
{/block:HasTags}
</div>
</div>

{block:PostNotes}
<div class="notecont">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Posts}

<div id="post">
<div id="pagi">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
{/block:Pagination}
</div>
</div>

<div id="poop">
<a href="http://melodypcnd.tumblr.com/">mk</a>
</div>

</body></html>