theme 005

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

<meta name="color:background colour" content="#eae8e2" />
<meta name="image:background image" content="" />
<meta name="image:sidebar image" content="" />
<meta name="color:sidebar colour" content="#ffffff" />
<meta name="color:font colour" content="#ccc8bb" />
<meta name="color:link colour" content="#ada794" />
<meta name="color:link hover colour" content="#ccc8bb" />
<meta name="text:link one title" content="here's link one" />
<meta name="text:link one url" content="" />
<meta name="text:link two title" content="here's link two" />
<meta name="text:link two url" content="" />
<meta name="text:link three title" content="here's link three" />
<meta name="text:link three url" content="" />

<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>

<script type="text/javascript">
$(window) .load(function () {$('#entry')
.masonry({itemSelector : "#post",}, function() { $('#entry')
.masonry({ appendedContent: $(this) }); } ); });
</script>

<style type="text/css">
body {  background: {color:background colour};
        background-image: url('{image:background image}'); }

a {     color: {color:link colour}; text-decoration: none; }
a:hover { color: {color:link hover colour}; }

#sidebarcontainer { position: fixed; left: 200px; top: 50px;
        width: 250px; opacity: 1; z-index: 99; }

#sidebarimgcontainer { background-color: {color:sidebar colour};
        padding: 5px; height: auto; width: 250px; margin-bottom: 15px; }

#sidebarpic img { max-width: 250px; }

#title { color: {color:sidebar colour}; letter-spacing: 2px;
        text-align: center; text-transform: lowercase;
        font-size: 25px; font-family: georgia; font-style:none;
        position: relative; margin-top: -10px; margin-bottom: -10px;
        width: 260px; }

#description { background: {color:sidebar colour};
        color: {color:font colour}; text-align: justify;
        font-size: 9px; font-family: helvetica; letter-spacing: 1px;
        width: 240px; margin-top: 5px; margin-bottom: 5px;
        padding: 10px; }

#link { background:  {color:sidebar colour};
        color: {color:link colour}; letter-spacing: 2px;
        text-align: center; text-transform: lowercase;
        font-family: helvetica; font-size: 9px;
        width: 252px; margin-bottom: 5px; padding: 5px; }

#entry { position: absolute; top: 50px; left: 470px;
        width: 850px; float: left; }

#post { background-color:  {color:sidebar colour};
        color: {color:font colour}; text-align: justify;
        font-size: 9px; font-family: helvetica;
        margin-right: 10px; margin-bottom:10px; width: 250px;
        padding: 5px; padding-bottom: 25px; }

#page { background:  {color:sidebar colour}; letter-spacing: 2px;
        font-family: helvetica; font-size: 9px; text-align: center;
        width: 254px; margin-bottom: 5px; padding: 3px; }

img {   -webkit-transition: opacity 0.8s linear; opacity: 0.50; }
img:hover{ -webkit-transition: opacity 0.8s linear; opacity: 1; }

h2 {    color: {color:font colour}; text-align: justify;
        font-family: helvetica; font-size: 9px; font-weight: normal;
        margin-left: 10px; width: 230px; }

#credit { position: fixed; bottom: 10px; left: 10px;
        text-decoration: none; font-family: arial; font-size: 10px; }
#credit a { color: {color:font hover colour}; text-decoration: none; }

</style>
</head>
<body>
<div id="credit"><a href="http://kissedmequick.tumblr.com/" target="_blank">kissedmequickthemes</a></div>

<div id="sidebarcontainer"><center>

<div id="sidebarimgcontainer"><div id="sidebarpic">
<a href="/"><img src="{image:sidebar image}"/></a></div></div>

<div id="title">{Title}</div>

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

<div id="link"><a href="{text:Link One url}">{text:Link One Title}</a></div><div id="link"><a href="{text:Link Two url}">{text:Link Two Title}
</a></div><div id="link"><a href="{text:Link Three url}">{text:Link Three Title}</a></div>

{block:IndexPage}<div id="page">
{block:PreviousPage}<a href="{PreviousPage}">⟻</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">⟼
</a>{/block:NextPage}</div>{/block:IndexPage}</div>

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

{block:Text}<h2>{Body}</h2>{/block:Text}
{block:Quote}<h2>{Quote} - {Source}</h2>{/block:Quote}
{block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
{block:Photo}
<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>{LinkCloseTag}</center>{block:Caption}{/block:Caption}{/block:Photo}
{block:Photoset}<center>{Photoset-250}</center>
{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Chat}<h2></h2>{block:Title}<t>{Title}</t></h2><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Audio}<span class="audio"><center>{AudioPlayerBlack}
</center></span>{/block:Audio}
{block:PermalinkPage}{block:Caption}{Caption}
{/block:Caption}{/block:PermalinkPage}
</div>{/block:Posts}</div>

</body></html>