Untitled

<!doctype html>
<html lang="en">
    <head>
    <title>{TITLE}</title>
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <meta name="description" content="description" />
    <meta name="keywords" content= "nature, taylor swift, cute, pets, kawaii, minimalistic" />
    <meta name="author" content= "title" />

    <!-- booleans -->
    <meta name="if:avatar" content="0" />
    <meta name="if:link one" content= "1" />
    <meta name="if:link two" content= "1" />
    <meta name="if:Underline" content= "0" />


    <!-- custom text -->
    <meta name="text:link one Url" content="/" />
    <meta name="text:link one Text" content="link one" />
    <meta name="text:link two Url" content="/" />
    <meta name="text:link two Text" content="link two" />
    <meta name="text:ask text" content= "ask" />

    <!-- images -->
    <meta name="image:avatar" content= ""/>
    <meta name="image:background" content= "" />

    <!-- colors -->
    <meta name="color:background" content="#F5F6F7" />
    <meta name="color:text" content="#171717" />
    <meta name= "color:content" content= "#FFF" />
    <meta name= "color:sidebar" content= "FFF" />
    <meta name= "color:link"content= "#171717" />
    <meta name= "color:hover" content= "#FF0000" />
    <meta name= "color:boxshadow" content= "FF0000" />

        <style>
            *{
                margin: 0;
                padding: 0;
            }
            body{
                background: url('{image:background}') {color:background};
                color: {color:text};
            }
            a:link, a:visited{
                color: {color:link};
                text-decoration: {block:ifUnderline}Underline{/block:ifUnderline} none;
            }
            a:hover{
                color: {color:hover};
                transition: all 0.5x ease-out;
            }
            #wrap{
                position: relative;
                margin: 110px auto;
                width: 500px;
                left: 15%;
            }
            #content {
                width: 500px;
                padding:10px;
                background: {color:content};
                box-shadow: 1px 1px 1px 5px {color:boxshadow};
                margin: 20px;
            }
            #sidebar {
                background: {color:sidebar};
                position: absolute;
                left: 5%;
                top:100px;
                width:250px;
                height: auto;
                min-height: 400px;
                box-shawdow: 1px 1px 1px 1px;
            }

            .wrap{
                padding: 10px 25px 10px;
                width: auto;
                height: auto;
            }
            .wrap h2{
               text-alight:center;
               font-size: 30px;
               font-weight: bold;
            }
            .nav{
                position: absolute;
                bottom: 5px;
            }
            .info{
                position: absolute;
                width: 100%;
                height: 20px;
                background: rgba(225, 225,225, 0.8);
            }
            .info .items{
                text-align: center;
            }
            .info .items a:link, a:visited{
                color: #1b1b1b;
                padding:0px 10px 0px 10px ;
            }
            .info .items a:hover {
                color: #FF0000;
                transition: 0.5s;
            }
        </style>
    </head>
        <body>
        <div id="sidebar">
            <div class="wrap">
            {block:ifAvatar}
        <a href="{blogURL}"><img src="{image:avatar}" width="200px" alt= "Avatar"></a>
            {/block:ifAvatar}
            <h2>{TITLE}</h2>
            <p>{NAVIGATION}</p>

                {block:ifLinkOne}
                <a href="{text: Link One Url}">{text:Link One Text}</a><br />
                {/block:iflinkone}

                {block:ifLinkTwo}
                <a href="{text: Link Two Url}">{text:Link Two Text}</a><br />
                {/block:ifLinkTwo}

                {block:AskEnabled}
                <a href="{BlogURL}ask">{text:Ask Text}</a><br />
                {/block:AskEnabled}

                <div class="nav">
                    {block:PreviousPage}
                    <a href="{PreviousPage}">Previous</a><br />
                    {/block:PreviousPage}

                    {block:NextPage}
                    <a href="{NextPage}">Next</a><br />
                    {/block:NextPage}
                </div>
            </div>

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

    {block:Text}
        {block:Title}
            <h1><a href="{Permalink}">{Title}</a></h1>
        {block:Title}{Body}
    {/block:Text}

    {Block:Photo}
    <div class = "info" >
        <div class= "items">
            {block:NoteCount}
            <a href="{Permalink}">{NoteCountWithLabel}</a>
            {/block:NoteCount}
            <a href= "{ReblogURL}">Reblog</a>
            <a href= "{Permalink}">Permalink</a>
        </div>
    </div>
        {LinkOpenTag}
            <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/>
        {LinkCloseTag}
    {/Block:Photo}

    {block:Panorama}
        {linkOpenTag}
            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
        {LinkCloseTag}
    {/block:Panorama}

    {block:Photoset}
        {Photoset-500}
    {/block:Photoset}

    {block:Quote}
    {Quote}
    {block:Source}
        {Source}
    {/block:Source}
    {/block:Quote}

    {block:Chat}
        <h3>{Title}</h3>
        <ul class="chat">
    {block:Lines}
        <li>
            {block:Label}
                    {Label}
            {/block:Label}
            {Line}
        </li>
    {/block:Lines}
        </ul>
    {/block:Chat}

    {block:Link}
    <a href="{URL}" {Target}>{Name}</a>
    {/block:Link}

    {block:Video}
        {Video}
    {block:Caption}
        {Caption}
    {/block:Caption}
    {/block:Video}


    {block:Audio}
                {block:Artist}
                <p>Artist: {Artist}</p>
                <p>Song:{block:TrackName}{TrackName}{/block:TrackName}</p>
                <p>{block:Album}Album: {Album}{/block:Album}</p>
                {AudioPlayerWhite}
                {/block:Artist}
                {block:Caption}{Caption}{/block:Caption}
                {/block:Audio}

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