Tumblr Theme #07 by pinksman - It's a metaphor

<!--
Theme 07 by PINKSMAN @ tumblr
Title: "It's a metaphor" - Augustus Waters, The Fault in our Stars
Please, don't remove the credit.

second version of Theme 02 - as requested
!-->



<html>
<head>


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>


<!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><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}
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>

<!--Default Variables-->
<!--Colors-->

<meta name="color:Background" content="#fffffff">
<meta name="color:Links" content="#c0e6e8">
<meta name="color:LinksHover" content="#414242">
<meta name="color:Hovers" content="#ffffff">
<meta name="color:Text" content="#585757">
<meta name="color:BlogTitle" content="#94cbc2">
<meta name="color:SidebarText" content="#cbcbcb">
<meta name="color:SidebarLinks" content="#fafafa">

<!--Images-->

<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>

<!--Links-->

<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="" />
<meta name="text:Link6" content="/" />
<meta name="text:Link6 Title" content="" />

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {
    background-color: {color:Topbar};
    height:30px;
    }

::-webkit-scrollbar-thumb:horizontal {
    background-color: {color:Topbar};
    height:5px;
    }

::-webkit-scrollbar {
    color:{color:Background};
    height:auto;
    width:8px;
    padding-top: 30px;
    }

::selection {background: #ffffff; color:{color:BlogTitle};}
::-moz-selection {background: #ffffff; color:{color:BlogTitle};}
::-webkit-selection {background: #ffffff; color:{color:BlogTitle};}



/* BODY AND TEXT */

body {
background-color: {color:Background};
background-image: url('{image:background}');
color: {color:Text};
font-family: 'Noto Sans';
font-size:11px;
line-height:100%;
margin: 0px;
/*CHANGE THIS IN CASE OF BG IMAGE*/
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left bottom;
}

a:link, a:visited, a:active {
text-decoration: none;
color: {color:Links};
}

a:hover {
color: {color:LinksHover};
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

img {
border:none;
}

titles {
font-size: 10px;
font-family: "Helvetica";
text-transform: uppercase;
font-weight: bold;
letter-spacing: 4px;
}

b, strong{
}

i, em {
}

big, small {
}

p{
}

blockquote {
padding-left:5px;
border-left: none;
}

blockquote img {
}

ul, li img {
}



/* POSTS */


#audioplayer {
background-color: #ffffff;
width: 27px;
height: 27px;
overflow: hidden;
position: absolute;
margin-top: 25px;
margin-left: 35px;
opacity: 0.7;
}

.playerinfo {
font-family: 'Helvetica';
font-size: 12px;
color: {color:SidebarText};
padding-top: 15px;
}

#albumart {
float: left;
margin-left: 10px;
border: 8px solid {color:SidebarLinks};
}


#entries {
padding:10px;
width:500px;
margin-top: -20px;
margin-left: 340px;
margin-bottom: 60px;
}


#post {
width:500px;
font-family: 'Noto Sans';
opacity:1;
margin-top: 60px;
margin-left: 0px;
font-size: 10px;
padding-bottom: 15px;
line-height: 110%;
}


#notes {
font-family: 'Noto Sans';
font-size:10px;
color: {color:LinksHover};
width: 500px;
text-align: left;
}



/* SIDEBAR AND LINKS */


#sidebar {
background-color: {color:Background};
width:350px;
position:fixed;
margin-top: 20px;
margin-left: 0px;
height: 100%;
opacity:1;
}


#title {
font-family: 'Helvetica';
color: {color:BlogTitle};
font-size: 12px;
text-transform: uppercase;
text-align: center;
width:150px;
position:fixed;
margin-left: 110px;
margin-top: 17px;
letter-spacing: 2px;
}


#sidebarimage img {
width: 90px;
height: 90px;
padding: 1px;
margin-left: 135px;
margin-top: 100px;
border: 4px solid {color:SidebarLinks};
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
opacity: 1;
}


#sidelinks1 {
background-color: {color:Background};
position: fixed;
font-family: Inconsolata;
color: #ffffff;
font-size:8px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
width: 70px;
margin-top: 35px;
margin-left: 120px;
}

#sidelinks2 {
background-color: {color:Background};
position: fixed;
font-family: Inconsolata;
color: #ffffff;
font-size:8px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
width: 70px;
margin-top: 35px;
margin-left: 180px;
}

.sidelinks a {
background-color: {color:SidebarLinks};
color: {color:SidebarText};
display:inline-block;
height: 10px;
width: 50px;
opacity: 1;
padding: 3px;
}

.sidelinks a:hover {
background-color: {color:Hovers};
color: {color:SidebarLinks};
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease
}

#description {
padding: 10px;
opacity: 1;
width: 116px;
margin-top: 110px;
margin-left: 118px;
}


.description {
font-family: 'Helvetica';
color: {color:SidebarText};
font-size: 9px;
text-align: center;
}


#pages {
margin-top: 5px;
margin-left: 120px;
width: 120px;
position: fixed;
}

.pages {
font-family: 'Helvetica';
color: {color:SidebarText};
font-size: 8px;
text-align: center;
text-transform: uppercase;
}



/* DATE AND NOTES */


#info {
font-family: 'Helvetica';
font-size: 9px;
color: {color:SidebarLinks};
text-align: center;
width:500px;
margin-top: 15px;
padding-top: 5px;
border-top: 1px dotted #e4e4e4;
text-transform: lowercase;
}



/* MESSAGES */


#questions {
background-color: {color:Background};
padding-right: 10px;
width: 500px;
}

.asker {
font-family: 'Helvetica';
font-size: 10px;
text-transform: lowercase;
color: {color:SidebarText};
font-style: italic;
font-weight: bold;
padding-bottom: 10px;
}

.what {
background-color: {color:SidebarLinks};
font-family: 'Helvetica';
font-size: 11px;
padding: 10px;
}

.answer {
font-family: 'Calibri';
font-size: 12px;
color: {color:SidebarText};
padding-left: 20px;
text-align: justify;
}


{CustomCSS}</style></head><body>


<div id="sidebar">


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

 <div id="title"><a href="/">{title}</a></div>


 <div id="sidelinks1" class="sidelinks">
<p>{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</p>
<p>{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</p>
<p>{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</p></div>

 <div id="sidelinks2" class="sidelinks">
<p>{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</p>
<p>{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}</p>
<p>{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}</p>
</div>



<div id="description" class="description">{Description}</div>



<div class="pages">

{block:IndexPage}<div id="pages">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big>&laquo;</big></a> {/block:PreviousPage} &nbsp;{CurrentPage} of {TotalPages}&nbsp; {block:NextPage}<a href="{NextPage}"><big>&raquo;</big></a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}


</div>



</div>

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

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

{block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{Body}{/block:Text}

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

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

{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

{block:Link}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<titles>{Title}</titles>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

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



{block:Audio}
<div id="audioplayer">{AudioPlayerWhite}</div>
<div id="albumart">{block:AlbumArt}
<img src="{AlbumArtURL}" width="60">
{/block:AlbumArt}</div>

<div class="playerinfo"><br />
&nbsp;&nbsp;&nbsp;{block:Artist}{Artist}{/block:Artist}<br />
&nbsp;&nbsp;&nbsp;{block:TrackName}{TrackName}{/block:TrackName}</div>

<br /><br /><br />
{block:caption}{caption}{/block:caption}
{/block:Audio}



{block:Answer}<div id="questions"><div class="asker">{Asker} asked:</div>
<div class="what">{Question}</div>
<div class="answer">{Answer}</div>{/block:Answer}


<div id="info">

<span style="text-transform: uppercase; font-size: 8px;"><a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} &nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &nbsp; <a href="{ReblogRootURL}" title="{ReblogRootName}">orig</a>{/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}">reblog</a></span>
<br>
{block:HasTags}{block:Tags}&nbsp;&nbsp;<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}

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


<div style="background-color: #ffffff; border: 1px solid #ebebeb; padding: 2px; font-family: 'Times'; font-size: 6px; float: right; position: fixed; bottom: 3px; right: 3px; text-transform:uppercase;"><a href="http://pinksmanthms.tumblr.com">PNKSMN</a></div>

</body>

</html>