Theme 58 by myknightofflowers

<html>

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

    THEME 58 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="#ccc"/>

<meta name="text:link1" content=""/>
<meta name="text:link1text" content=""/>
<meta name="text:link2" content=""/>
<meta name="text:link2text" 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:450px;
margin-top:20px;
position:relative;
}

#post{
opacity:1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding:15px;
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:uppercase;
font-family:times;
font-size:7px;
padding-bottom:10px;
padding-top:10px;
letter-spacing:0.1em;
background:transparent;
}

#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:12px;font-family:georgia;}

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

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

#title {
font-size:30px;
text-transform:lowercase;
letter-spacing:0.1em;
font-family:times;
}

#description {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
opacity:0;
}

#side:hover #description {
opacity:1;
}

#linkses {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
opacity:0;
}

#side:hover #linkses {
opacity:1;
}


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

<div id="line"> </div>

<div id="side">
<div id="title"><a href="/">{title}</a></div>
<div id="description"><p>{Description}</p></div>
<div id="linkses">
<span title="Message"><a href="/ask">i.</a href></span>
<span title="{text:link1text}"><a href="{text:link1}">ii.</a href></span>
<span title="{text:link2text}"><a href="{text:link2}">iii.</a href></span>
<br><br>
{block:PreviousPage}<a href="{PreviousPage}">ice</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">fire</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">
<div id="notes">
<a href="{Permalink}">{TimeAgo}</a> with
<a href="{Permalink}">{NoteCountWithLabel}</a>
<hr>
</div>
{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">
❝<i>{Quote}</i>❞
</div>
-<br>
<span style="text-transform:uppercase; font-size:8px; 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}
{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>
{/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" style="text-align:right">
<hr>
{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}
</div>
</div>{/block:Posts}

</div>

</body>
</html>