from shadows theme

<!DOCTYPE html>
<head>

<!-----
from shadows theme by ophie kravitz
dont delete credit pwease uwu thx
base code by animecharacter
----->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="image:icon" content=""/>
<meta name="image:background" content=""/>
<meta name="image:favicon" content=""/>

<meta name="color:text" content="fff"/>
<meta name="color:link" content="fff"/>
<meta name="color:link hover" content="fff"/>
<meta name="color:link border" content="fff"/>
<meta name="color:background" content="fff"/>
<meta name="color:tooltip" content="fff"/>
<meta name="color:tooltip text" content="fff"/>
<meta name="color:scrollbar" content="fff"/>
<meta name="color:scrollbar thumb" content="fff"/>

<meta name="if:background cover" content=""/>
<meta name="if:title" content=""/>
<meta name="if:description" content=""/>
<meta name="if:captions" content=""/>
<meta name="if:rounded posts" content=""/>
<meta name="if:rounded icon" content=""/>
<meta name="if:circle icon" content=""/>
<meta name="if:side nav" content=""/>
<meta name="if:link border" content=""/>
<meta name="if:album art" content=""/>
<meta name="if:custom tooltip" content=""/>
<meta name="if:rounded tooltip" content=""/>
<meta name="if:custom scrollbar" content=""/>

<meta name="select:sidebar align" content="left"/>
<meta name="select:sidebar align" content="center"/>
<meta name="select:sidebar align" content="right"/>

<meta name="select:post align" content="left"/>
<meta name="select:post align" content="center"/>
<meta name="select:post align" content="right"/>

<meta name="select:footer align" content="left"/>
<meta name="select:footer align" content="center"/>
<meta name="select:footer align" content="right"/>

<meta name="select:font" content="arial"/>
<meta name="select:font" content="verdana"/>
<meta name="select:font" content="consolas"/>
<meta name="select:font" content="times new roman"/>
<meta name="select:font" content="raleway"/>
<meta name="select:font" content="short stack"/>
<meta name="select:font" content="indie flower"/>

<meta name="text:font size" content="16"/>
<meta name="text:sidebar size" content="200"/>
<meta name="text:icon hover" content="make bumbleby canon"/>
<meta name="text:link divider" content="♡"/>
<meta name="text:link 1" content="i"/>
<meta name="text:link 1 url" content=""/>
<meta name="text:link 2" content="ii"/>
<meta name="text:link 2 url" content=""/>
<meta name="text:link 3" content="iii"/>
<meta name="text:link 3 url" content=""/>

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

<title>{Title}</title>

<link rel="shortcut icon" href="{image:favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">

<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>

<style type="text/css">


/*
general text styles, fonts and colours
*/

body {
margin:0px;
background:{color:background} url('{image:background}') top left fixed repeat;
{block:ifbackgroundcover} background-size: cover; {/block:ifbackgroundcover}
font-family:{select:font};
font-size:{text:font size}px;
line-height:140%;
color:{color:text};
letter-spacing:.5px;
}

p{
margin:0 0 10px 0;
padding:0;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

a, a:visited{
color:{color:link};
{block:iflinkborder}
text-shadow: -1px 0  {color:link border}, 0 1px  {color:link border}, 1px 0  {color:link border}, 0 -1px  {color:link border};
{/block:iflinkborder}
text-decoration:none;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

a:hover{
color:{color:link hover};
}

li{
margin-left:-15px;
}

{block:ifcustomscrollbar}
::-webkit-scrollbar {
width: 20px;
background:{color:scrollbar};
}

::-webkit-scrollbar-thumb {
background:{color:scrollbar thumb};
}
{/block:ifcustomscrollbar}

/*
containers etc
*/
#wrapper{
width:600px;
margin:50px auto;
}

#sidebar{
width:{text:sidebar size}px;
margin-top:125px;
position:fixed;
padding:15px;
text-align:{select:sidebar align};
}

#content{
width:400px;
margin-left:275px;
overflow:hidden;
padding:40px;
}

.post{
width:400px;
margin:0 0 50px 0;
overflow:hidden;
text-align:{select:post align};
}

#sidebar img{
width:{text:sidebar size}px;
{block:ifcircleicon}
border-radius:100%;
{/block:ifcircleicon}
{block:ifroundedicon}
border-radius:7%;
{/block:ifroundedicon}
}

.post img{
{block:ifroundedposts}
border-radius:7px;
{/block:ifroundedposts}
{block:ifnotroundedposts}
border-radius:0px;
{/block:ifnotroundedposts}
max-width:100%;
}

#photoset{
}

#photoset iframe{
max-width:100%;
{block:ifroundedposts}
border-radius:7px;
{/block:ifroundedposts}
}

#nav{
text-align:center;
}

#credit{
padding:10px;
position:fixed;
border-radius:100%;
bottom:5px;
left:3px;
}


/*
content in the body of the posts - quotes, asks, etc
"media" contains photos, photosets, videos, audio posts
*/

.video{
margin:0 0 10px 0;
{block:ifroundedposts}
border-radius:7px;
{/block:ifroundedposts}
{block:ifnotroundedposts}
border-radius:0px;
{/block:ifnotroundedposts}
}

.media{
margin:0 0 10px 0;
}

.title{
font-weight:normal;
font-size:{text:font size}px;
margin:0 0 10px 0;
}

.quote{
font-weight:normal;
font-size:16px;
font-style:italic;
margin:0 0 10px 0;
}

.question{
margin-bottom:10px;
}

/*
post footers - date, tags, via and source
*/
.post .footer{
margin:0;
text-align:{select:footer align};
}

/*
post notes
*/
ol.notes{
list-style-type:none;
padding:0;
margin:0;
}

ol.notes li.note img{
width:16px;
height:16px;
}

ol.notes li.note{
margin:0px;
}

{CustomCSS}
</style>
</head>
{block:ifcustomtooltip}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>

<style>
.tooltip{
display: inline;
position: relative;}

#s-m-t-tooltip {
text-align:center;
max-width:200px;
padding:3px;
margin:20px;
background-color:{color:tooltip};
color:{color:tooltip text};
font-size:15px;
letter-spacing:1px;
{block:ifnotroundedtooltip}
border-radius:0px;
{/block:ifnotroundedtooltip}
{block:ifroundedtooltip}
border-radius:7px;
{/block:ifroundedtooltip}
word-wrap:break-word;
z-index:999999999999999999999999999999999999;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}
</style>
{/block:ifcustomtooltip}
<body>
<div id="wrapper">


<div id="sidebar">

{block:iftitle}
<div class="title">
<a href="/">{Title}</a>
</div>
{/block:iftitle}

<a href="/" title="{text:icon hover}"><img src="{image:icon}"></a>

{block:ifdescription}
<p>{Description}</p>
{/block:ifdescription}

<a href="{text:link 1 url}">{text:link 1}</a>
{text:link divider}
<a href="{text:link 2 url}">{text:link 2}</a>
{text:link divider}
<a href="{text:link 3 url}">{text:link 3}</a>

{block:pagination}
<div id="nav">
{block:ifsidenav}
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
{/block:ifsidenav}
</div>
{/block:pagination}

{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a><br>
{/block:Pages}
{/block:HasPages}
</div>



<div id="content">
{block:Posts}
<div class="post">
{block:Text}
{block:Title}
<a href="/"><div class="title">{Title}</div></a>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
{block:ifcaptions}<div class="caption">{Caption}</div>{/block:ifcaptions}
{/block:Photo}

<div id="photoset">{block:Photoset}<div class="media" style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div>{block:ifcaptions}<div id="caption">{Caption}</div>{/block:ifcaptions}{/block:Photoset}</div>

{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}

{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>{/block:Label}
&nbsp;{Line}
</div>
{/block:Lines}
{/block:Chat}

{block:Video}
<div class="video">{Video-500}</div>
{block:ifcaptions}<div class="caption">{Caption}</div>{/block:ifcaptions}
{/block:Video}

{block:Audio}
<div class="media">
{block:ifalbumart}<div id="albumart">{block:albumArt}<img src="{AlbumArtURL}" width="200">{/block:albumArt}</div>{/block:ifalbumart}
{AudioPlayerWhite}
{block:TrackName}<i>{TrackName}</i><br>{/block:TrackName}
{block:Artist}{Artist}<br>{/block:Artist}
</div>
{block:ifcaptions}{Caption}{/block:ifcaptions}
{/block:Audio}

{block:Answer}
<div class="question">{Asker}: {Question}</div>
<div class="caption">{Answer}</div>
{/block:Answer}

{block:Date}

<div class="footer">
<a href="{Permalink}">{24HourWithZero}:{Minutes}</a>
</div>

{block:PermalinkPage}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}

</div>
{/block:Posts}

{block:Pagination}
<div id="nav">
{block:ifnotsidenav}
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
{/block:ifnotsidenav}
</div>
{/block:Pagination}
</div>
</div>

<div id="credit">
<a title="theme by ophie!" href="http://kravitz.tumblr.com">★</a>
</div>

</div>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>

    </body>
</html>