Theme 60 by myknightofflowers

<html>

<!--*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧

    THEME 60 BY MYKNIGHTOFFLOWERS | DON'T DO ANY OF THE STUFF YOU AREN'T
                     SUPPOSED TO DO AND HAVE A LOVELY DAY

*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*:･ﾟ✧*-->

<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<meta name="color:text" content="#aaaaaa"/>
<meta name="color:link" content="#ce9b9b"/>
<meta name="color:link hover" content="#ccc"/>
<meta name="color:lines" content="#efefef"/>
<meta name="color:sidebar" content="#bbb"/>

<meta name="text:link1" content=""/>
<meta name="text:link1text" content=""/>
<meta name="text:link2" content=""/>
<meta name="text:link2text" content=""/>
<meta name="text:link3" content=""/>
<meta name="text:link3text" content=""/>

<style type="text/css">

body{font-family:arial;font-size:10px;text-align:justify;background:#ffffff;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;color:{color:text};margin:0;overflow-y: scroll;overflow-x: hidden;}

a:link {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-decoration:none; color:{color:link hover};}
a:active {text-decoration:none;}

#cent{
margin-left:390px;
margin-top:15px;
position:relative;
}

#post{
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding:20px;
position:relative;
width:400px;
}

#post:hover {
opacity:0.85;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

#notes {
text-transform:lowercase;
font-family:arial;
font-size:8px;
line-height:10px;
letter-spacing:0.1em;
padding:8px;
padding-bottom:25px;
text-align:center;
letter-spacing:0.9em;
}

#notes a, #notes a:link:hover,
#notes a:visited:hover {
text-decoration:none;
color:{color:text};
letter-spacing:0.1em;
}

hr {border: 0;height: 1px;background: {color:lines};}
img{vertical-align:text-bottom}
h1 {font-family:times;font-size:19px;font-style:italic;}
blockquote {padding-left: 10px;border-left: 2px solid #f5f5f5;}
#quotee {font-size:10px;font-family:arial;text-transform:uppercase;letter-spacing:0.2em;}

#side {
margin-top:350px;
margin-left:110px;
position:fixed;
text-align:center;
font-size:9px;
font-family:arial;
width:200px;
text-transform:lowercase;
}

#side a, #side a:link:hover,
#side a:visited:hover {
text-decoration:none;
color:{color:link};
}

#title {
text-transform:lowercase;
font-size:13px;
font-weight:bold;
background:{color:sidebar};
width:198px;
padding-top:20px;
padding-bottom:20px;
color:white;
}

#description {
padding-top:5px;
padding-bottom:5px;
border:solid 1px {color:lines};
width:186px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
}

#description a, #description a:link:hover,
#description a:visited:hover {
color:{color:text};
}

#linkses a {
padding:9px;
background:{color:sidebar};
text-align:center;
color:white;
}

#linkses a:link:hover,
#linkses a:visited:hover {
font-style:italic;
color:white;
background:#ddd;
}

{CustomCSS}</style>
</head>
<body>
<body link="#ce9b9b" vlink="#ce9b9b" alink="#aaa">

<div id="side">
<p><div id="title">{title}</div></p>
<p><div id="description">{Description}</div></p>
<br><div id="linkses">
{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
<span title="Home"><a href="/">i.</a></span>
<span title="Message"><a href="/ask">ii.</a href></span>
<span title="{text:link1text}"><a href="{text:link1}">iii.</a href></span>
<span title="{text:link2text}"><a href="{text:link2}">iv.</a href></span>
<span title="{text:link3text}"><a href="{text:link3}">v.</a href></span>
{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}
</div>
</div>

<div style="position:fixed; bottom:0px; right:10px; font-size:7px;z-index:999999;">
<a href="http://myknightofflowers.tumblr.com/">T H E M E    </a><br><br>
</div>

<div id="cent">

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

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

{block:Photo}
<a href="{permalink}"><img src="{PhotoURL-400}" width="400"/></a>
<br>
{/block:Photo}

{block:Photoset}
{Photoset-400}
{/block:Photoset}

{block:Quote}
<div align="center">
<div id="quotee">
{Quote}
</div>
-<br>
<span style="text-transform:uppercase; font-size:7px; letter-spacing:0.2em;">
{block:Source}{Source}{/block:Source}
</span>
</div>
{/block:Quote}

{block:Video}
{Video-400}<br>
{PlayCountWithLabel}
{/block:Video}

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

{block:Chat}
<hr>
{block:Lines}
{block:Label}
<br><div style="display:inline; letter-spacing:0.2em; text-transform:uppercase;">{Label}</div>
{/block:Label}
<span style="font-style:italic">{Line}</span>
{/block:Lines}
<br><br>
{/block:Chat}

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

{block:Answer}
<div style="padding-bottom:10px; border-bottom:double {color:lines}">
<b>Q:</b> {Question} - ({Asker})
</div>
{Answer}
{/block:Answer}

{block:PermalinkPage}
{NoteCountWithLabel}
{block:Caption}
{Caption}
{/block:Caption}
<br><br>
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}

<div id="notes">
<a href="{Permalink}">{TimeAgo}</a> -
<a href="{Permalink}">{NoteCountWithLabel}</a> -
{block:ContentSource}
<a href="{SourceURL}">src</a> -
{/block:ContentSource}
{block:RebloggedFrom}
<a href="{ReblogParentURL}">via</a>
{/block:RebloggedFrom}
{block:Tags} - <a href="{TagUrl}">{Tag}</a> {/block:Tags}
<br><br>
</div>
<hr>
</div>{/block:Posts}

</div>

</body>
</html>