Basebook Theme

<!--basebook theme by charlie toc dont remove credit!-->
<html>
    <head>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
        <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="image:icon" content=""/>
        <meta name="image:ad 1" content=""/>

        <meta name="text:name" content="name">
        <meta name="text:font size" content=""/>
        <meta name="text:ext" content="bio/lyrics/whatever here"
        <meta name="text:link 1" content="link"/>
        <meta name="text:link 2" content="link"/>
        <meta name="text:link 3" content="link"/>
        <meta name="text:link 1 url" content="/"/>
        <meta name="text:link 2 url" content="/"/>
        <meta name="text:link 3 url" content="/"/>

        <style>

        ::-webkit-scrollbar {
            display: none;

        }

            body{
                margin: 0 auto;
                padding: 0 auto;
                background-color:white;
                font-family:open sans;
                font-size:17px;
                color:#580811;
            }

            a{
                color:#580811;
                text-decoration:none;
                text-shadow: 0px 0px 4px red;
            }

            a:hover{
                color:black;
            }

            #header{
                height:50px;
                width:100%;
                background-color:#580811;
                margin:0;
                padding:0;
                top:0;
                text-align:left;
                color:white;
                position:fixed;
                float: right;
                z-index:999999999999;
            }

            .logo{
                font-family: 'Titillium Web', sans-serif;
                font-size:35px;
                margin-left:50px;
            }

            #profile{
                float:left;
                width:300px;
                height:100vh;
                background-color:white;
                position:fixed;
                border-right:3px;
            }


            .divider{
                position:absolute;
                left:100%;
                top:0%;
                bottom:10%;
                height:100vh;
                border-left:3px solid lightgray;

            }

            .divider2{
                position:absolute;
                right:100%;
                top:0%;
                bottom:10%;
                height:100vh;
                border-left:3px solid lightgray;

            }



            #profile img{
                height:200px;
                width:200px;
                -webkit-box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.75);
                box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.75);
                margin-top:70px;
            }

            #profile a{
                color:#580811;
                text-decoration:none;
                text-shadow: 0px 0px 4px red;
            }

            #profile a:hover{
                color:black;
            }

            .post{
                margin-top:100px;
                width:500px;
            }

            #keysmash{
                width:800px;
                height:100vh;
                margin-left:304px;
                background-color:white;
                overflow-y:scroll;
                overflow-x:hidden;
                position:absolute;
            }

            #keysmash img{
                border-style:solid;
                border-width:3px;
                border-color:#580811;
            }

            #ad{
                float:right;
                width:300px;
                height:100vh;
                background-color:white;
                border-right:3px;
                position:fixed;
                right:0px;
                margin-top:-10px;
                font-size:17px;
            }

            .hr{
                color:black;
                background-color:gray;
                height: 3px;
            }

            #ad img{
                max-width:200px;
            }

        </style>

    </head>
    <body>
        <div id="header">
            <div class="logo">
                <b><b>Basebook</b></b>
            </div>
        </div>
        <div id="profile">
        <center>
        <img src="{image:icon}"><br><br>
        <a href="{text:link 1 url}">{text:link 1}</a> /
        <a href="{text:link 2 url}">{text:link 2}</a> /
        <a href="{text:link 3 url}">{text:link 3}</a><br>
        <a href="/">{text:name}</a> - <a href="https://www.tumblr.com/dashboard">Log Out</a>
        </center>
        <div class="divider"></div>
        </div>


        <div id="keysmash">
{block:Posts}
<center>
<div class="post">


{block:Text}
{block:Title}<h3>{Title}</h3>{/block:Title}
{Body}
{/block:Text}


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


{block:Photoset}
{Photoset-500}
{block:Caption}<p>{Caption}</p>{/block:Caption}
{/block:Photoset}


{block:Quote}
<h4>"{Quote}"</h4>
{block:Source}<p>{Source}</p>{/block:Source}
{/block:Quote}


{block:Link}
<h3><a href="{URL}" target="_blank">{Name}</a></h3>
{block:Description}<p>{Description}</p>{/block:Description}
{/block:Link}

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


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


{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}


{block:Answer}
{Asker} said: "{Question}"
{Answer}
{/block:Answer}



{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}/<a href="{Permalink}"> perma</a>


{block:PermalinkPage}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

{/block:PermalinkPage}


{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
</div>

{/block:Posts}

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

            <a href="/archive">Archive</a>
        </p>
        <div class="divider"></div>
        </div>

        <div id="ad">
        <center><br><br>
        <img src="{image:ad 1}"><br>
        {text:ext}<br><br>
        <a href="toc.tumblr.com">theme</a>
        </center>
            <div class="divider2"></div>
        </div>
    </body>
</html>