reinventing the wheel theme

<!DOCTYPE html>
<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>\
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}

        <meta name="color:bg" content="#e4fef4"/>
        <meta name="color:text" content="#a4a4a4"/>
        <meta name="color:linx" content="#cfcfcf"/>
        <meta name="image:sbimg" content=""/>

        <style type="text/css">

        body{
            background:{color:bg};
            font-size:12px;
            font-family:ms gothic;
            color:transparent;
        }

        a{
            text-decoration:none;
            color:{color:linx};
            background:rgba(255,255,255,0.2);
            padding:2px;
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        #copy{
            position:fixed;
            left:8px;
            top:10px;
            color:{color:text};
            padding:2px;
        }

        #sb{
            width:200px;
            margin:auto;
            margin-top:40px;
            margin-bottom:30px;
            text-align:center;
            color:{color:text};
        }

        #sb a{
            background:rgba(255,255,255,0.2);
            padding:2px;
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        #sb a:hover{
            background:rgba(255,255,255,1);
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        #sb #tit{
            font-family:times new roman;
            font-size:18px;
            color:#fff;
            opacity:0.45;
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    margin-bottom:-15px;
        }

        #sb #tit:hover{
            opacity:1;
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        #sb #sbimg{
            width:150px;
            margin:auto;
        }

        #sb #sbimg img{
            width:150px;
            border:1px solid rgba(255,255,255,0.5);
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        #sb #sbimg img:hover{
            border:1px solid rgba(255,255,255,1);
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        .post{
            width:500px;
            border:1px solid #fff;
            background:rgba(255,255,255,0.3);
            padding:5px;
            margin:auto;
            margin-bottom:20px;
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    color:{color:text};
        }

        .post:hover{
            background:rgba(255,255,255,1);
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        .post img{
            margin-left:-2px;
        }

        #feets{
            background:rgba(255,255,255,0.2);
            width:496px;
            padding-top:6px;
            padding-bottom:-4px;
            border:1px solid #fff;
        }

        #feets a{
            background:transparent;
            padding:5px;
        }

        #feets #teg{
            margin-bottom:4px;
            background:transparent;
            padding:2px;
        }

        #feets #teg a{
            background:transparent;
        }

        #piss{
            /*
            idk lol
            */
        }

        #next{
            width:500px;
            padding:5px;
            background:rgba(255,255,255,0.45);
            margin:auto;
            position:relative;
            text-align:center;
            height:12px;
            margin-bottom:20px;
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border:1px solid #fff;
        }

        #next:hover{
            background:rgba(255,255,255,1);
            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
        }

        #next a{
            background:transparent;
            padding:none;
        }

        blockquote{
            border-left:1px solid {color:linx};
            padding-left:10px;
        }

        </style>
    </head>
    <body>

    <div id="piss">

    <div id="copy"><a href="http://ovwamelie.tumblr.com/">THM</a></div>

    <div id="sb">
    <div id="tit">
        <h1>{Title}</h1>
        </div>

        <div id="sbimg"><img src="{image:sbimg}"></div>

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


            </div>
{Block:Posts}

            <div class="post">

{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-500}</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-500}</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 id="feets">
<a href="{Permalink}">{TimeAgo} {block:NoteCount}({NoteCount}){/block:NoteCount}</a>
<div id="teg">
{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
</div>
</div>
</div>
</div>

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

</div>
{/block:Posts}
                </div>

<div id="next">
{block:PreviousPage}
                <a href="{PreviousPage}">&#171; Previous</a>
            {/block:PreviousPage}{block:NextPage}
                <a href="{NextPage}">Next &#187;</a>
            {/block:NextPage}

            </div>

    </body>
</html>