gummy vitamins theme

<html>

<!-- hiya !! theme by nurse @monsterfactorybutforthemes. pls dont use as a base (i made this from the basic mockup of a theme found in the tumblr customization documentation) and PLS keep the credit intact! thnx, love ya <3 -->
    <head>

        <title>{Title}</title>
        <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Accordion - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
        <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="http://i.imgur.com/RiEzbjV.png"/>
        <meta name="image:divider" content="http://i.imgur.com/SzbQZMJ.gif">
        <meta name="color:background" content="#d7cfff"/>
        <meta name="color:text" content="#ffffff"/>
        <meta name="color:text glow" content="#cfffff"/>
        <meta name="color:links" content="#dcffda"/>
        <meta name="color:links glow" content="#cfffff"/>
        <meta name="color:axnt" content="#7eff5d"/>
        <meta name="text:notesym" content="👿"/>
        <meta name="text:linkdiv" content="/"/>
        <meta name="text:asktext" content="faq, __ for private, etc! u can leave this blank"/>
        <meta name="text:tab1" content="when u click 3 i show up"/>
        <meta name="text:tab2" content="when u click 4 i show up"/>
        <meta name="text:clikmes" content="CLOSE!">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#aboutlink").click(function(){
        $("#box1").show("slow");
    });

});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#melink").click(function(){
        $("#box2").show("slow");

    });

});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#bup3").click(function(){
        $("#box1").hide("slow");

    });

});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#bup4").click(function(){
        $("#box2").hide("slow");

    });

});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#divider").click(function(){
        $("#description").slideToggle("slow");

    });

});
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>

        <style type="text/css">

            body{
                background:{color:background};
                color:{color:text};
                text-shadow: 0 0 3px {color:text glow};
                font-family:arial, helvetica, sans-serif;
                font-size:18px;
                text-align:center;
            }

            a{
                color:{color:links};
                text-shadow: 0 0 2px {color:links glow};
                text-decoration:underline;
            }

            #content{
                width:600px;
                margin:auto;
                text-align:center;
            }

            .post{
                width:500px;
                margin:auto;
                padding-bottom:20px;
                text-align:left;
                padding-top:20px;
            }

            #feets{
                text-align:center;
            }

            #footer{
                text-align:center;
            }

            blockquote{
                border-left:5px solid {color:text};
                padding-left:15px;
            }

            #header{
                width:200px;
                position:relative;
                margin:auto;
                top:20px;
            }

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

            #title{
                font-size:36px;
                font-family:arial, helvetica, sans-serif;
                text-decoration:bold;
                width:600px;
                text-align:center;
                position:relative;
                text-shadow: 0 0 3px {color:text glow}, 0 0 4px {color:text glow};
                color:{text};
                top:-10px;
            }

            #title a{
                text-decoration:none;
                color:{color:text};
                text-shadow: 0 0 5px {color:text glow}, 0 0 7px #fff;
            }

            #divider{
                /* screm */
            }

            #divider hover,#description{
                display:block;
            }

            #description{
                display:none;
            }

            #askbox{
                position:fixed;
                padding:10px;
                padding-left:15px;
                font-size:18px;
                text-align:left;
                width:430px;
                height:100%;
                overflow-y:scroll;
                border-right:5px solid {color:text};
                border-bottom:5px solid {color:text};
                background:{color:links};
                color:{color:text};
                text-shadow: 0 0 3px {color:text glow};
                display:none;
                left:-5px;
                top:-5px;
                z-index:1;
                overflow-y:scroll;
                text-align:center;
            }

            #box1{
                position:fixed;
                padding:25px;
                padding-left:35px;
                padding-bottom:0px;
                font-size:24px;
                text-align:left;
                height:100%;
                width:650px;
                border-right:5px solid {color:text};
                background:{color:links};
                color:{color:text};
                text-shadow: 0 0 3px {color:text glow};
                display:none;
                left:-5px;
                top:-5px;
                z-index:1;
                text-align:center;
                overflow-y:scroll;
            }

            #box2{
                position:fixed;
                padding:10px;
                padding-top:15px;
                padding-left:15px;
                font-size:24px;
                text-align:left;
                width:700px;
                height:100%;
                border-right:5px solid {color:text};
                border-bottom:5px solid {color:text};
                background:{color:links};
                color:{color:text};
                text-shadow: 0 0 3px {color:text glow};
                display:none;
                left:-5px;
                top:-5px;
                z-index:1;
                text-align:center;
                overflow-y:scroll;
            }

            #creditbox a{
                color:{color:text};
                text-shadow: 0 0 2px {color:links glow};
                font-size:30px;
            }

            #asklink {
                display:inline-block;
                position:relative;
                text-decoration:underline;
                color:{color:links};
                text-shadow: 0 0 2px {color:links glow};
            }

            #aboutlink {
                display:inline-block;
                position:relative;
                text-decoration:underline;
                color:{color:links};
                text-shadow: 0 0 2px {color:links glow};
            }

            #melink {
                display:inline-block;
                position:relative;
                text-decoration:underline;
                color:{color:links};
                text-shadow: 0 0 2px {color:links glow};
            }

            #bup2{
                padding:3px;
                padding-top:7px;
                text-align:center;
            }

            #bup3{
                padding:3px;
                padding-top:7px;
                text-align:center;
            }

            #bup4{
                padding:3px;
                padding-top:7px;
                text-align:center;
            }

            #copy{
                right:5px;
                top:30px;
                position: fixed;
            }

        </style>
    </head>
    <body onselectstart="return false;" ondragstart="return false;" onkeydown="return false">
    <div id="box1">{text:tab1}<br>
    <div id="bup3"><button>{text:clikmes}</button><br><br></div>
</p>
</div>
<div id="box2">{text:tab2}
<br><div id="bup4"><button>{text:clikmes}</button><br><br></div></div>
<div id="copy"><a href="http://monsterfactorybutforthemes.tumblr.com/"><button>THM!</button></a></div>
    <div id="content">
    <div id="header"><img src="{image:header}"></div>
        <div id="title"><a href="/">{Title}</a></div>
        <div id="divider"><img src="{image:divider}"></div><br>
        <div id="description">{Description}</div><br>
        <a href="/">1</a> {text:linkdiv} <a href="/ask">2</a> {text:linkdiv} <a id="aboutlink" content=false>3</a> {text:linkdiv} <a id="melink" content=false>4</a>
        {Block:Posts}

            <div class="post">

{block:Text}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
{Body}
{/block:Text}

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

{block:Photoset}
<div class="media">{Photoset-500}</div>
{block:PermalinkPage}{block:Caption}
<div class="caption">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}

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

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

{block:Audio}
<div class="media">
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
{AudioPlayerWhite}
{block:TrackName}{TrackName}<br>{/block:TrackName}
{block:Artist}{Artist}<br>{/block:Artist}
{block:Album}{Album}{/block:Album}
</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Answer}
<div class="question">{Asker}: {Question}</div>
<div class="caption">{Answer}</div>
{/block:Answer}


{block:Date}
<div id="feets">
<a href="{Permalink}">{block:NoteCount}({NoteCount}){/block:NoteCount} {text:notesym}</a>
<div id="teg">
{block:PermalinkPage}
{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:PermalinkPage}
</div>
</div>
</div>
</div>
{/block:Date}

</div>
{/block:Posts}

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