Base Code

<!--
<!-- Theme © Lia Werner
<!-- August 7th, 2017
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>


        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">
        </script>


        <meta name="color:Background" content="#252624"/>
        <meta name="image:Background" content=""/>


        <meta name="select:Body Font" content="8px"/>
        <meta name="select:Body Font" content="9px"/>
        <meta name="select:Body Font" content="10px"/>
        <meta name="select:Body Font" content="11px"/>
        <meta name="select:Body Font" content="12px"/>
        <meta name="select:Body Font" content="13px"/>
        <meta name="select:Body Font" content="14px"/>


        <meta name="color:Body Font" content="#b5b9b1"/>

        <meta name="text:Post Width" content="350px"/>


        <!-- <style type="text/css"> -->
        <style type="text/css">


            /*//  body styling  //*/


            * {
                 /* this is where you'd put your custom cursor */
            }

            ::-webkit-scrollbar {
                /* styling scrollbar */
            }

            ::-webkit-scrollbar-thumb {
				/* styling scrollbar */
            }

            ::selection, ::-moz-selection {
				/* styling what happens when u highlight text */
            }

            body {
				/* styling the body of your theme */
                background: {color:Background}
                            url('{image:Background}')
                            no-repeat left top fixed;
                font-family: arial;
                font-size: {select:Body Font};
                color: {color:Body Font};
                letter-spacing: .8px;
                line-height: 170%;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                font-smoothing: antialiased;
            }

            small, sub, sup, small sub, small sup {
                font-size: {select:Body Font};
            }

            blockquote, blockquote p {
            }

            a {

            }

                a:visited {

                }

                a:after {

                }

                a:hover {

                }

                a:hover:after {

                }

            b, strong {

            }

            code {

            }

            i, em {

            }

            h1, h2, h3, h4, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

            }

            ins {

            }

            del {

            }

            mark {

            }

            img {
                max-width: {text:Post Width} !important;
                height: auto;
            }

            pre {

            }


            /*//  container styling //*/

            .contained {
                overflow-x: hidden;
                overflow-y: scroll;
            }

            /*//  end of container styling //*/


            /*//  post styling  //*/


            .posts {
				width: {text:Post Width};
            }

                .title {

                }

                .quote {

                }

                    .quotesource {

                    }

                .chat {

                }

                .audio {

                }

                    .play {

                    }

                    .au {

                    }

                    .track {

                    }

                    .artist {

                    }

                .video {

                }

                    .video-player {

                    }

                .question {

                }

                    .answer {

                    }

                .tags {

                }


            /*//  end of post styling  //*/


        </style>
    </head>
    <body>

        <!-- post styling -->

        <div class="contained">
            {block:Posts}
                <div class="posts">

                    <!-- TEXT POST -->
                    {block:Text}
                        {block:Title}
                        <h1 class="title">
                            <a href="{Permalink}">{Title}</a>
                        </h1>
                        {/block:Title}
                        {Body}
                    {/block:Text}


                    <!--PHOTO POST-->
                    {block:Photo}
                        {block:IndexPage}
                        {LinkOpenTag}
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
                        {LinkCloseTag}
                        {/block:IndexPage}
                        {block:PermalinkPage}
                        {LinkOpenTag}
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
                        {LinkCloseTag}{/block:PermalinkPage}
                    {/block:Photo}


                    <!--PHOTOSET POST-->
                    {block:Photoset}
                        {block:IndexPage}{Photoset}{/block:IndexPage}
                        {block:PermalinkPage}{Photoset}{/block:PermalinkPage}
                    {/block:Photoset}


                    <!--QUOTE POST-->
                    {block:Quote}
                        <div class="quote">{Quote}</div>
                        {block:Source}
                        <div class="quotesource">{Source}</div>
                        {/block:Source}
                    {/block:Quote}


                    <!--LINK POST-->
                    {block:Link}
                        <h1 class="title"><a href="{URL}">{Name}</a></h1>
                        {block:Description}{Description}{/block:Description}
                    {/block:Link}



                     <!-- CHAT POST -->
                    {block:Chat}
                    <div class="chat">
                    {block:Title}<h2>{Title}</h2>{/block:Title}
                    {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
                    </div>
                    {/block:Chat}



                    <!-- AUDIO POST -->
                    {block:Audio}
                    <div class="audio">
                    {block:AudioPlayer}<div class="play">{AudioPlayerBlack}</div>{/block:AudioPlayer}
                    <div class="au">
                        {block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}
                        {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}
                    </div>
                    </div>
                    {/block:Audio}


                    <!--VIDEO POST-->
                    {block:Video}
                    <div class="video">
                        <div class="video-player">{Video-500}</div>
                    {/block:Video}


                    <!--ANSWER POST-->
                    {block:Answer}

                        <b>{Asker}:</b></span>
                    <span class="question">{Question}</span>
                    <p><div class="answer">{Answer}</div>
                    {/block:Answer}

                    <!--CAPTIONS-->
                    {block:Ifhidecaptions}
                        {block:permalink}
                            {block:Caption}
                                {Caption}
                            {/block:Caption}
                        {/block:permalink}
                    {/block:Ifhidecaptions}
                    {block:Ifnothidecaptions}
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                    {/block:Ifnothidecaptions}

                    <!--POST INFORMATION-->
                        <!--PERMALINK-->
                        <a href="{Permalink}">
                            {block:Date}
                            {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
                            {/block:Date}
                        </a>

                        <!--NOTES-->
                        {block:NoteCount}
                            <a href="{Permalink}"> + {NoteCount} </a>
                        {/block:NoteCount}

                        <!--VIA AND SOURCE--
                        {block:RebloggedFrom}
                            ( <a href="{ReblogParentURL}">Via</a>
                        {/block:RebloggedFrom}
                        {block:ContentSource}
                            & <a href="{SourceURL}">Source</a>
                        {/block:ContentSource}
                        {block:RebloggedFrom} ){/block:RebloggedFrom}
                       -->

                       {block:PermalinkPage}
                            <!--TAGS-->
                            {block:HasTags}
                                <div class="tags">
                                    {block:Tags}
                                    <a href="{TagURL}">#{Tag},</a>
                                    {/block:Tags}
                                </div>
                            {/block:HasTags}
                       {/block:PermalinkPage}

                    <!--POST NOTES-->
                    {block:PostNotes}
                        <div class="pagenotes">{PostNotes-16}</div>
                    {/block:PostNotes}


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

        <!-- end of post styling -->


    </body>
</html>