internet angel theme

<!DOCTYPE html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
<script src="https://use.fontawesome.com/a6a3864563.js"></script>

<!-----
THIS IS SO OLD
theme by @classicevelynn
base code by @animecharacter
pls dont fuck with the credit or use as a base thnx
----->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="color:bgcolor" content="#fff"/>
<meta name="color:textcolor" content="#000"/>
<meta name="color:linkcolor" content="#ccc"/>
<meta name="color:linkglowcolor" content="#000"/>
<meta name="color:bordercolor" content="#000"/>
<meta name="color:footercolor" content="#999"/>
<meta name="color:footerlinkcolor" content="#fff"/>
<meta name="image:sidebar" content=""/>
<meta name="image:pixel" content=""/>
<meta name="if:round" content="0"/>
<meta name="if:rightsidebar" content="0"/>
<meta name="if:glowlinks" content="1"/>
<meta name="select:borderstyle" content="none"/>
<meta name="select:borderstyle" content="dashed"/>
<meta name="select:borderstyle" content="solid"/>
<meta name="text:titletext" content="🐟"/>
<meta name="text:link1url" content="/link"/>
<meta name="text:link1title" content="link"/>
<meta name="text:fontsize" content="14px"/>
<meta name="text:tagfontsize" content="12px"/>
<meta name="text:titletextsize" content="18px"/>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

<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:bgcolor};
font-family: comic sans ms;
font-size:{text:fontsize};
line-height:140%;
color: {color:textcolor};
}

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{
color:{color:linkcolor};
text-decoration:none;
{block:ifglowlinks}
text-shadow: 0 0 5px {color:linkglowcolor};
{/block:ifglowlinks}
}

li{
margin-left:-15px;
}

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

#sidebar{
    top:100px;
width:100px;
position:fixed;
text-align:center;
{block:ifrightsidebar}
margin-left:500px;
{/block:ifrightsidebar}
}

#content{
width:400px;
margin-left:200px;
{block:ifrightsidebar}
margin-left:0px;
{/block:ifrightsidebar}
overflow:hidden;
}

.post{
    margin-top:100px;
width:400px;
margin:0 0 50px 0;
overflow:hidden;
}

#tags {
    font-size:{text:tagfontsize};
    text-align:left;
    margin-bottom:5px;
}

#sidebarimage img {
    border:3px {color:bordercolor} {select:borderstyle};
{block:ifround}
border-radius:50%;
{/block:ifround}
background-color:{color:footercolor};
}

#titletext {
    font-size:{text:titletextsize};
    text-align:center;
    margin-bottom:5px;
}

.post img{
max-width:100%;
}

#nav{
margin:50px 0 0 0;
text-align:center;
}

#copy{
    top:3px;
    left:3px;
    position:fixed;
    font-size:20px;
}


/*
content in the body of the posts - quotes, asks, etc
"media" contains photos, photosets, videos, audio posts
*/
.media{
margin:0 0 10px 0;
}

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

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

.question{
margin-bottom:10px;
}

blockquote{
margin:0 0 10px 10px;
padding:0 0 0 10px;
 border-left: 3px {select:borderstyle} {color:bordercolor};
}

/*
post footers - date, tags, via and source
*/
.post .footer{
text-align:center;
border: 3px {select:borderstyle} {color:bordercolor};
background-color:{color:footercolor};
{block:ifround}
border-radius:10px
{/block:ifround}
}

.post .footer a{
    color:{color:footerlinkcolor};
}

/*
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>

<body>
<div id="copy"><a href="http://classicevelynn.tumblr.com/tagged/myth*" title="theme!"><i class="fa fa-heartbeat" aria-hidden="true"></i></a></div>
<div id="wrapper">


<div id="sidebar">
<div id="titletext">{text:titletext}</div>
<div id="sidebarimage"><img src="{image:sidebar}" width="100px"></div>
{block:Description}
<p>{Description}</p>{/block:Description}

<img src="{image:pixel}"> <a href="/">index</a> <img src="{image:pixel}"><br>
<img src="{image:pixel}"> <a href="/ask">inbox</a> <img src="{image:pixel}"><br>
<img src="{image:pixel}"> <a href="{text:link1url}"</a>{text:link1title}</a> <img src="{image:pixel}">
</div>



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

<div class="post">
<div id="tags">
{block:HasTags}<br><img src="{image:pixel}"> {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}{/block:HasTags}</div>

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

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

{block:Photoset}
<div class="media">{Photoset-400}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

{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="media">{Video-400}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}
<div class="media">
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
{AudioPlayerWhite}
{block:TrackName}{TrackName}<br>{/block:TrackName}
{block:Artist}{Artist}<br>{/block:Artist}
{block:Album}{Album}{/block:Album}
</div>
{block:Caption}{Caption}{/block:Caption}
{/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}">{TimeAgo} <img src="{image:pixel}"> {block:NoteCount} {NoteCount}{/block:NoteCount}</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:PreviousPage}<a href="{PreviousPage}">prev</a> / {/block:PreviousPage}

{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
</div>
{/block:Pagination}
</div>
</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>