Tumblr

<html>

    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">

        <style type="text/css">

            .title {
                font-style:italic;
                color:black;
                font-weight:bold;
                font-size:50px;
            }


            .description {
                font-style:italic;
                color:black;
            }


            .body {
                position:relative;
                margin:auto;
                width:600px;
                text-align:center;
            }


            .sidebar {
                position:fixed;
                left:50%;
                margin-left:-520px;
                top:100px;
                width:200px;
                text-align:center;
                padding-top:10px;
            }


            .sidebar a {
                color:black;
                text-decoration:none;
            }


            .sidebar a:hover {
                color:grey;
                text-decoration:none;
            }


            .sidebox {
                border:solid #1A1A1A 2px;
                background:white;
                margin-bottom:2px;
            }


            .posts {
                border:solid 1px #333333;
                border-radius:15px 15px 15px 15px;
                color:black;
                margin-bottom:20px;
                min-height:120px;
                padding-left:20px;
                text-align:left;
            }


            .date {
                background:white;
                border-radius:0px 50px 50px 0px;
                height:80px;
                width:80px;
                color:black;
                text-align:center;
                position:absolute;
                right:-80px;
                color:black;
                border:solid 1px #333333;
                border-left:solid 1px white;
                margin-top:20px;
                padding-top:10px;
            }


            .footer {

                text-align:center;
                color:black;

            }

        </style>

        <script type="text/javascript"
src="http://codysherman.com/tools/infinite-scrolling/code" ></script>


    </head>


    <body style="background:white;">

        <div class="sidebar">
            <a href="{BlogURL}"><img src="{PortraitURL-96}" style="border-radius:60px;border:solid 5px white;"/></a>
            <br/>
            <br/>
            {block:SubmissionsEnabled}
                <div class="sidebox">
                    <a href="/submit">{SubmitLabel}</a>
                </div>
            {/block:SubmissionsEnabled}

            {block:AskEnabled}
                <div class="sidebox">
                    <a href="/ask">{AskLabel}</a>
                </div>
            {/block:AskEnabled}

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


        <div class="body">

            <div class="title">
                {title}
            </div>

            <div class="description">
                {description}
            </div>

            <br/>


            {block:Posts}
                {block:Date}
                    <div class="date">
                        <font style="font-weight:bold;font-size:30px">
                            {DayOfMonth}
                        </font>
                        <br/>
                        <font style="">
                            {ShortMonth}
                        </font>
                    </div>
                {/block:Date}
                <div class="posts">

                    {block:Text}
                        <br/>
                        {block:Title}
                            <strong>{title}</strong>
                        {/block:Title}
                        {Body}
                    {/block:Text}


                    {block:Photo}
                        <br/>
                        <center><a href="{Permalink}"><img src="{PhotoURL-500}"/></a><center>
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                        <br/>
                    {/block:Photo}


                    {block:Panorama}
                        <br/>
                        <center>
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" width="500px"/>
                        {LinkCloseTag}
                        </center>
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                    {/block:Panorama}


                    {block:Photoset}
                        <br/>
                        <center>
                        {Photoset-500}
                        </center>
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                    {/block:Photoset}


                    {block:Quote}
                        <br/>
                        "{Quote}"
                        <br/>
                        -<strong>{Source}</strong>
                        <br/>
                    {/block:Quote}


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


                    {block:Chat}
                        {block:Title}
                            {Title}
                        {/block:Title}
                        <br/>
                        {block:Lines}
                            {block:Label}
                                {Label} {Line}<br/>
                            {/block:Label}
                        {/block:Lines}
                    {/block:Chat}


                    {block:Audio}
                        <br/>
                        <center>
                        {block:AudioEmbed}
                            {AudioEmbed-500}
                        {/block:AudioEmbed}
                        <center>

                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                    {/block:Audio}


                    {block:Video}
                    <br/>
                        <center>{Video-500}</center>
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                    {/block:Video}


                    {block:Answer}
                        <br/>
                        <i>{Asker}: {Question}</i>
                        <br/>
                        {Answer}
                    {/block:Answer}
                </div>
            {/block:Posts}
        </div>


        <div class="footer">
            {block:Pagination}
                {block:PreviousPage}
                    <a href="{PreviousPage}"><<</a>
                {/block:PreviousPage}
                Page {CurrentPage} of {TotalPages}
                {block:NextPage}
                    <a href="{NextPage}">>></a>
                {/block:NextPage}
            {/block:Pagination}

        </div>


    </body>


</html>