Theme 11: Lonely Hearts Club

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

<!---- theme by manya aka austrliya.tumblr.com --->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="color:accent" content="#b8b8b8"/>
<meta name="color:sb link" content="#fff"/>
<meta name="color:sb link bg" content="#000"/>
<meta name="image:sidebar" content=""/>
<meta name="text:link1" content="link"/>
<meta name="text:link1 url" content=""/>
<meta name="text:link2" content="link"/>
<meta name="text:link2 url" content=""/>
 <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<style type="text/css">

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:inconsolata;
    font-size:10px;
    line-height:100%;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}

img {
    border:none;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:15px;
}

#entries {
    padding:10px;
    width:500px;
    margin-left:500px;
    margin-top:40px;
}

#post {
    width:500px;
    padding-bottom:20px;
}

#sidebar {
    width:160px;
    position:fixed;
    margin-left:270px;
    margin-top:270px;

}

#title {
    font-family:times new; line-height:100%; font-style:italic; font-size:18px; letter-spacing:0px; text-transform:uppercase; color:{color:link}; margin-bottom:3px; border-bottom:3px double {color:accent}; width: 200px;;
}

#sidebarimage {
    width 90px;
    height:90px;
}

#links {
width:35px;
background-color #000;
font-family:consolas;
font-size:9px;
opacity:1;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
padding:5px;
margin-top:-110px;
margin-left:100px;
}

#linkie {
color:{color:sb link};
background-color: {color:sb link bg};
text-align:center;
width:35px;
padding:2px;
border:1px dotted #454545;
margin-bottom:-40px;
margin-left:110px;
}

#linkie:hover {
margin-left:120px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease}


#sidebarimage img {
    width:90px;
    height:90px;
}

#description {
    padding:5px;
    text-align:justify;
    width:90px;
    margin-top:35px;
    line-height:80%;
}

#pagination {
    font-size:15px;
    text-align:center;
    margin-left:150px;
    margin-top:-20px;
}

#info { color:{color:text}; font-family:calibri; text-transform: uppercase; font-style:italic; margin-left:0px;letter-spacing:1px;font-size: 8px;  color:{color:accent}; text-align:left; width: 500px; border-top:1px solid #f0f0f0; margin-bottom:-7px;}

#tags {color:{color:text}; width:235px; font-size:8px; text-transform:uppercase; letter-spacing: 1px; font-style:normal; border-top:1px solid {color:accent};}

#asker {
    float:left;
    margin-right:5px;
}

.dont {
    text-align:center;
    position:fixed;
    bottom:15px;
    right:5px;
    font-size:7px;
    }

.dont a {
    font-family:'Trebuchet MS';
    border: 1px solid #eee;
    letter-spacing: 2px;
    padding:5px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    }

.dont a:hover {
    color:white;
    background-color:black;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    }


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


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

<div class="links">
<a href="{text:link2 url}"><div id="linkie">
{text:link2}
</div></a>
<a href="{text:link1 url}"><div id="linkie">
{text:link1}
</div></a>
<a href="/ask"><div id="linkie">
mssg
</div></a>
<a href="/"><div id="linkie">
home
</div></a></div>

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

<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
</div>

</div>
<div class="dont"><a href="http://caradlvnge.tumblr.com/">MANYA</a></div>
<div id="entries">{block:Posts}<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{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}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

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

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}

<div id="info">
{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
{NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

</body></html>