happy 1999 theme

<!DOCTYPE html>
<html>
<head>
<!--
hey! this theme has a new revised version at https://mythcore.tumblr.com/post/181533192043/y2k-theme-by-jeff-code-here-i-revised-another-one

happy 1999 theme by jeff os2/mythcore !! -->

<title>{Title}</title>
    <link rel="shortcut icon" href="{image:favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}
        <meta name="description" content="{MetaDescription}" />
    {/block:Description}
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

<meta name="image:sidebar image">
<meta name="image:blog bg">
<meta name="image:container bg">
<meta name="image:favicon">
<meta name="color:text">
<meta name="color:link">
<meta name="color:link hover">
<meta name="color:link outline">
<meta name="color:blog bg">
<meta name="color:container bg">

<meta name="text:font size" content="12pt">

<meta name="text:font" content="arial">


<meta name="text:link 1 name" content="link 1">
<meta name="text:link 2 name" content="link 2">
<meta name="text:link 3 name" content="link 3">
<meta name="text:link 1 url" content="/">
<meta name="text:link 2 url" content="/">
<meta name="text:link 3 url" content="/">
<meta name="text:previous page" content="back">
<meta name="text:next page" content="next">
<meta name="text:custom box" content="you can put whatever here, cool">
<meta name="if:show description">
<meta name="if:full blog bg">
<meta name="if:full container bg">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><style src="http://static.tumblr.com/rtrqcib/OpYnlh8s6/style-my-tooltips.css"></style><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true,tip_delay_time:50,tip_fade_speed:150,attribute:"title"});});})(jQuery);</script>

<style type="text/css">

    #s-m-t-tooltip {
        border: 1px solid;
        padding: 5px;
        background-color: {color:container bg};
        margin: 20px;
    }

    body {
        background-color: {color:blog bg};
        background-image: url('{image:blog bg}');
        background-attachment: fixed;
        {block:iffullblogbg}
        background-size: cover;
        {/block:iffullblogbg}
        color: {color:text};
        font-size: {text:font size};
        font-family: {text:font};
		word-wrap: break-word;
    }

    a {
        color: {color:link};
        text-decoration: none;
        text-shadow: 1px 1px {color:link outline}, 1px 0 {color:link outline}, 0 1px {color:link outline}, -1px 1px {color:link outline}, -1px -1px {color:link outline}, -1px 0 {color:link outline}, 0 -1px {color:link outline}, 1px -1px {color:link outline};
        letter-spacing: 1px;
    }

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

    #blogcontent {
        width: 675px;
        padding: 20px;
        margin: auto;
        background-color: {color:container bg};
        background-image: url('{image:container bg}');
        background-attachment: fixed;
        {block:iffullcontainerbg}
        background-size: cover;
        {/block:iffullcontainerbg}
        min-height: calc(100vh - 40px);
        border-left: 3px solid {color:link};
        border-right: 3px solid {color:link};
    }


    .post {
        width: 500px;
        margin-left: 175px;
        margin-bottom: 15px;
    }

    #sidebar {
        text-align: center;
        width: 150px;
        position: fixed;
    }

    #navigation {
        text-align: center;
    }

    img {
        max-width: 100%;
    }

    .footer {
        margin-top: 10px;
        padding: 5px;
        border: 1px solid;
        background-color: {color:container bg};
    }

    .media {
        text-align: center;
    }

    .postcontents blockquote {
        border-left: 1px solid;
        padding-left: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    p#description {
        border: 1px solid;
        padding: 5px;
        background-color: {color:container bg};
    }

    ol.notes {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    a#xc {
        position: fixed;
        bottom: 2px;
        left: 2px;
        font-size: 12px;
    }

	{CustomCSS}

</style>

</head>
<body>
<div id="blogcontent">
    <div id="sidebar">
        <a href="/"><img src="{image:sidebar image}"></a>
        {block:ifshowdescription}{block:Description}<p id="description">{Description}</p>{/block:Description}{/block:ifshowdescription}
        {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url}<br><a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url}<br><a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}

        {block:Pagination}
        <div id="navigation">
            {block:PreviousPage}<a href="{PreviousPage}" style="float:left">{text:previous page}</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" style="float:right">{text:next page}</a>{/block:NextPage}
        </div>
        <div style="clear:both"></div>
    {/block:Pagination}<br>
    {text:custom box}
    </div>
{block:Posts}
    <div class="post">
    <div class="postcontents">
    {block:Text}
    {block:Title}<h3>{Title}</h3>{/block:Title}
    {Body}
    {/block:Text}

    {block:Photo}
    {LinkOpenTag}
    <div class="media">
    <img src="{PhotoURL-HighRes}">
    </div>
    {LinkCloseTag}
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photo}

    {block:Panorama}
    <div class="media">
    {LinkOpenTag}
    <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
    {LinkCloseTag}
    </div>
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Panorama}

    {block:Photoset}
    <div class="media">
    {Photoset}
    </div>
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photoset}

    {block:Quote}
    <h3>{Quote}</h3>
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote}

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

    {block:Chat}
    {block:Title}<h3>{Title}</h3>{/block:Title}
    {block:Lines}
    <div class="{Alt}">
    {block:Label}
    <b>{Label}</b>&nbsp;
    {/block:Label}
    {Line}
    </div>
    {/block:Lines}
    {/block:Chat}

    {block:Audio}
    <div class="media">
    {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
    </div>
    {block:Caption}{Caption}{/block:Caption}
    {/block:Audio}

    {block:Video}
    <div class="media">
    {VideoEmbed-500}
    </div>
    {block:Caption}{Caption}{/block:Caption}
    {/block:Video}

    {block:Answer}
    {Question}
    <br />
    {Asker}
    {Answer}
    {/block:Answer}
    </div>
    {block:Date}
    <div class="footer"><a href="{Permalink}">{TimeAgo} + {NoteCountWithLabel}</a><br>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource} <a href="{ReblogURL}">reblog</a>
    {block:HasTags}<br />{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
    {/block:Date}

    {block:PostNotes}{PostNotes}{/block:PostNotes}
    </div>
{/block:Posts}
<a href="https://tmblr.co/mMrwR1OD_xVBhz2U079xgQw" id="xc">theme</a>
</div>

</body>
</html>