routine theme by charlie toc

<!--
routine theme by charlie @toc
don't remove this segment
!-->
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" 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:header" content=""/>
        <meta name="image:bg" content=""/>
        <meta name="image:content bg" content=""/>

        <meta name="color:text" content=""/>
        <meta name="color:links" content=""/>
        <meta name="color:link hover" content=""/>
        <meta name="color:bg" content=""/>
        <meta name="color:content bg" content=""/>
        <meta name="color:link glow" content=""/>
        <meta name="color:border" content=""/>
        <meta name="color:posts" content=""/>
        <meta name="color:scrollbar" content="">
        <meta name="color:scrollbar bg" content="">

        <meta name="text:custom desc" content="fake bio here"/>
        <meta name="text:font" content=""/>
        <meta name="text:font size" content="20px"/>
        <meta name="text:header width" content="155px"
        <meta name="text:link 1 url" content=""/>
        <meta name="text:link 2 url" content=""/>
        <meta name="text:link 3 url" content=""/>
        <meta name="text:link 4 url" content=""/>

       <meta name="if:icon" content=""/>
        <meta name="if:round posts" content=""/>
        <meta name="if:full bg" content=""/>
        <meta name="if:full content bg" content=""/>
        <style>
          body{
              padding:8px;
              font-family: 'Press Start 2P', cursive;
              font-size:{text:font size};
              background-color:{color:bg};
              background-image:url('{image:bg}');
              background-attachment:fixed;
              {block:iffullbg}
              background-size:cover;
              {/block:iffullbg}
          }

          a{
              color:{color:links};
              font-weight:bold;
              text-decoration:none;
              text-shadow: 0px 0px 4px {color:link glow};
          }

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

          #icon{
              background-color:transparent;
              width:150px;
          }

          #icon img{
              width:150px;
              border-radius:10px;
          }

          .title{
              {block:iftitleglow}
              text-shadow: 0px 0px 11px {color:title glow};
              {/block:iftitleglow}
              color:{color:title};
          }
          .desc{
              width:500px;
              margin-top:5px;
              color:{color:text};
          }

          .section{
              width: 500px;
              height:390px;
              overflow-y:scroll;
              overflow-x:hidden;
              float:center;
              border: 10px solid {color:border};
              background: #fff;
              position: relative;
              padding:5px;
              background-color:{color:content bg};
              background-image:url('{image:content bg}');
              background-attachment:fixed;
              {block:iffullcontentbg}
              background-size:cover;
              {/block:iffullcontentbg}
              border-radius:2px;
          }

           ::-webkit-scrollbar {
    width:11px;
    height:11px;}

    ::-webkit-scrollbar-track {
    border:5px solid {color:scrollbar bg};
    background:{color:Scrollbar};}

    ::-webkit-scrollbar-thumb:vertical{
    border:2px solid {color:Scrollbar bg};
    width:2px;
    background:{color:Scrollbar};
    }

    ::-moz-selection {background:none; color:{color:selection};
    {block:iftextshadow}
    text-shadow:0 0 3px {color:selection};
    {/block:iftextshadow}
    }
    ::selection {background:none; color:{color:selection};
    {block:iftextshadow}
    text-shadow:0 0 3px {color:selection};
    {/block:iftextshadow}
    }

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

    .perma{
        text-align:center;
    }

        </style>
    </head>
    <body>
    <center>
    {block:ificon}
      <div id="icon">
      <img src="{image:header}">
      </div>
      {/block:ificon}
      <div class="desc">
          {Description}
      </div><br>
      <div class="section">
    {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-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-400}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}


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


<div id="perma"><center><a href="{Permalink}">perma</a> / {TimeAgo}</center></div>


{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}


{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}
<a href="{PreviousPage}">&#171;</a>
                <a href="{NextPage}">&#187;</a>

</div>
  </div>

        </div>
    </body>
</html>