Locus Stans Only theme by charlie @toc

<!--
Locus Stans Only theme by charlie @toc
DO NOT remove credit. I will confront you about it
If you use this theme and you'd like to show me I'd love to
see what you do with it! feel free to dm me
!-->

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<html>
    <head>
        <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:header" content=""/>
        <meta name="image:bg" content=""/>

        <meta name="color:text" content=""/>
        <meta name="color:links" content=""/>
        <meta name="color:link hover" content=""/>
        <meta name="color:title" content=""/>
        <meta name="color:bg" content=""/>
        <meta name="color:perma" content=""/>
        <meta name="color:footer" content=""/>
        <meta name="color:posts" content=""/>
        <meta name="color:header" content=""/>
        <meta name="color:sidebar" content=""/>
        <meta name="color:scrollbar" content="">
        <meta name="color:scrollbar bg" content="">

        <meta name="text:custom desc" content="fake bio here"/>
        <meta name="text:header width" content="155px"/>
        <meta name="text:link 1 url" content=""/>
        <meta name="text:link 1" content="link"/>

        <meta name="if:full bg" content=""/>
        <meta name="if:full header" content=""/>
        <meta name="if:circle icon" content=""/>


        <style>
        @-webkit-keyframes fadein {
            0% { opacity: 0; }
            100% { opacity: 1; }

        }

        @keyframes fadein {
            0% { opacity: 0; }
            100% { opacity: 1; }

        }
             body{
              padding:8px;
              font-family: 'Open Sans', sans-serif;
              font-size:17px;
              padding:10;
              margin:0;
              background-color:{color:bg};
              background-image:url('{image:bg}');
              background-attachment:fixed;
              {block:iffullbg}
              background-size:cover;
              {/block:iffullbg}
              -webkit-animation: fadein 0.5s;
                animation: fadein 0.5s;
          }

           a{
              color:{color:links};
              text-decoration:underline;
              -webkit-transition-duration: .3s;
                -moz-transition-duration: .3s;
                -o-transition-duration: .3s;
          }

          a:hover{
              color:{color:link hover};
              -webkit-transition-duration: .3s;
                -moz-transition-duration: .3s;
                -o-transition-duration: .3s;
          }

          #sidebar{
              width:250px;
              min-height:300px;
              height:auto;
              padding-bottom:10px;
              height:relative;
              border-radius:10px;
              margin-top:20px;
              margin-left:20px;
              position:fixed;
              background-color:{color:sidebar};
              -webkit-box-shadow: 10px 10px 20px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 20px 1px rgba(0,0,0,0.2);
box-shadow: 10px 10px 20px 1px rgba(0,0,0,0.2);
          }

          #header{
              background-color:{color:header};
              background-image:url('{image:header}');
              background-attachment:fixed;
              border-top-right-radius:10px;
              border-top-left-radius:10px;
              margin-left:5px;
              margin-top:5px;
              height:145px;
              width:240px;
              position:fixed;
          }

          #headerfit{
              {block:iffullheader}

              {/block:iffullheader}
          }

          #headerfit img{
              {block:iffullheader}
              height:145px;
              width:240px;
              border-top-right-radius:10px;
              border-top-left-radius:10px;
              position:fixed;
              {/block:iffullheader}
          }

          #icon{
              height:80px;
              width:80px;
              background-color:transparent;
              position:fixed;
              margin-top:100px;
              border-radius:10px;
              margin-left:20px;
              border-style:solid;
              border-width:3px;
              border-color:{color:sidebar};
              {block:ifcircleicon}
              border-radius:100%;
              {/block:ifcircleicon}
          }

          #icon img{
              height:80px;
              width:80px;
              border-radius:5px;
              {block:ifcircleicon}
              border-radius:100%;
              {/block:ifcircleicon}
          }

          #links{
              position:fixed;
              height:30px;
              width:130px;
              background-color:transparent;
              margin-top:155px;
              margin-left:110px;
          }

          .links{
              font-size:15px;
          }

          .links a{
              font-size:15px;
              text-decoration:none;
          }

          #title{
              width:220px;
              height:150px;
              background-color:transparent;
              position:fixed;
              margin-top:190px;
              margin-left:20px;
          }

          .title{
              font-size:20px;
              color:{color:title};
          }

          .title a{
              color:{color:title};
              text-decoration:none;
          }

          .title a:hover{
              color:{color:link hover};
          }

          .desc{
              color:{color:text};
              font-size:15px;
              margin-top:3px;
          }

          .post{
              width:450px;
              margin-left:400px;
              margin-top:20px;
              background-color:{color:posts};
              padding:10px;
              border-radius:10px;
              color:{color:text};
              text-align:left;
          }

          .post img{
              text-align:center;
              border-radius:10px;
          }

          .footer{
              height:30px;
              width:100%;
              text-align:center;
              background-color:{color:footer};
              border-radius:10px;
              color:{color:perma};
          }


        </style>


    </head>
    <body>


        <div id="sidebar">
        <div id="header">
              {block:iffullheader}
              <div id="headerfit">
                  <img src="{image:header}">
              </div>
              {/block:iffullheader}
        </div>
        <div id="icon">
            <img src="{image:icon}"/>
        </div>
        <div id="links">
        <div class="links">
        <a href="{PreviousPage}">←</a>
            <a href="/ask">✉</a>
            <a href="/">↺</a>
            <a href="{text:link 1 url}">☼</a>
            <a href="http://www.toc.tumblr.com">©</a>
            <a href="{NextPage}">→	</a>

            </div>
        </div>
        <div id="title">
        <div class="title">
            <a href="/">{Title}</a>
        </div>
        <div class="desc">
        {Description}
        </div>
        </div>
        </div>
        </div>


{block:Posts}

<div class="post">


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


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


{block:Photoset}
{Photoset-400}
{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}

<!-- !-->
<div class="footer">
{block:Date}<p><a href="{Permalink}">	↺</a>{/block:Date} /


{block:NoteCount}{NoteCountWithLabel}</p>{/block:NoteCount}
</div>


{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>


    </body>
</html>