Theme 5

<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}" />
            <meta name="color:link color" content="" />
            <meta name="color:background color" content="" />
            <meta name="image:background image"

content="http://fc05.deviantart.net/fs71/f/2015/058/7/c/galaxy_by_lilcherrybearr-d8jq6n3.jpg" />
            <meta name="font:title font" content="" />
        {/block:Description}

        <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet'

type='text/css'>

        <script type="text/javascript"
    src="http://www.google.com/jsapi"></script>

<script type="text/javascript">
  google.load("jquery", "1.3");
  google.setOnLoadCallback(function() {
    jQuery(function($) {

    });
  });
</script>

    </head>

    <style>
        #posts2 {
            width:500px;
            padding:10px;
            border-bottom:2px dotted {color:link color};
            margin:10px;
            overflow:auto;
        }

        #content {
            width:650px;
            padding:5px;
            margin:0px;
            position:relative;
            left:-10px;
            top:-10px;
        }

        #content .posts {
            list-style:none;
        }

        #tags {
            height:auto;
        }

        #gradient {
            width:1050px;
            height:700px;
             background:-webkit-linear-gradient(left, {color:background color}, rgba(255,255,255,0));
            background:-moz-linear-gradient(left, {color:background color}, rgba(255,255,255,0));
            position:absolute;
            position:fixed;
            left:-10px;
            top:-10px;
            z-index:-1;
        }

        #permalink {
            text-decoration:none;
            margin-left:0px;
            text-align:right;
            padding:5px;
            font-size:20px;
            position:absolute;
            margin-top:-90px;
            line-height:30%;
            background:-webkit-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
            background:-moz-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
            width:500px;
            opacity:0;
            transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
        }
        #permalink:hover {
            text-decoration:none;
            margin-left:300px;
            text-align:right;
            padding:5px;
            font-size:20px;
            position:absolute;
            margin-top:-70px;
            line-height:30%;
            background:-webkit-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
            background:-moz-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
            width:200px;
            opacity:1;
        }

        #permalink a{
            color:white;
        }

        a {
            text-decoration:none;
            color:{color:link color};
        }
        a:hover {
            text-decoration:none;
            color:{color:link color};
            z-index:1;
        }

        body{
            background-image:url({image:background image});
            background-attachment:fixed;
            background-position:right center;
        }

        #all_links {
            position:fixed;
            z-index:1;
        }
        #all_links li {
            display:inline;
            position:relative;
            left:600px;
            top:545px;
            padding:0 10px 0 10px;
            margin:5px;
            font-size:20px;
            background-color:rgba(0,0,0,.6);
             transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
        }
         #all_links li:hover {
            display:inline;
            position:relative;
            left:600px;
            top:545px;
            padding:0 10px 0 10px;
            margin:5px;
            font-size:20px;
            background-color:rgba(0,0,0,.8);
            box-shadow:0 0 10px white;
        }

        #all_links .links {
            display:inline;
        }

        #title {
            position:relative;
            position:fixed;
            top:400px;
            left:610px;
            text-shadow:0 0 10px white;
            width:500px;
            text-align:center;
            font-family:{font:title font};
            z-index:1;
        }

        #description {
            width:400px;
            height:85px;
            background:rgba(0,0,0,.6);
            padding:5px;
            margin:5px;
            position:relative;
            position:fixed;
            left:650px;
            top:450px;
            color:white;
            overflow:auto;
            text-align:center;
        }

        #footer #next {
            background-color:rgba(0,0,0,.6);
            font-size:20px;
            padding:10px;
            position:relative;
            left:250px;
             transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
        }
        #footer #next:hover {
            background-color:rgba(0,0,0,.9);
            font-size:20px;
            padding:10px;
            position:relative;
            left:250px;
            box-shadow:0 0 10px white;
        }

        #footer #previous {
            background-color:rgba(0,0,0,.6);
            font-size:20px;
            padding:10px;
            position:relative;
            left:150px;
             transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
        }
        #footer #previous:hover {
            background-color:rgba(0,0,0,.9);
            font-size:20px;
            padding:10px;
            position:relative;
            left:150px;
            box-shadow:0 0 10px white;
        }

        form {
                width:300px;
                margin:50px auto;
                position:relative;
                position:fixed;
                top:550px;
                left:670px;
                z-index:1;
        }

        #search {
            width:150px;
            background-color:rgba(0,0,0,.5);
            border:1px solid black;
            padding:2px;
             transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
            color:white;
        }
         #search:hover {
            width:150px;
            background-color:rgba(0,0,0,.5);
            border:1px solid black;
            padding:2px;
            box-shadow:0 0 10px white;
            color:white;
        }

        #button {
            background-color:rgba(0,0,0,.9);
            color:{color:link color};
            border:1px groove black;
            transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
        }
        #button:hover {
            background-color:rgba(0,0,0,.9);
            color:{color:link color};
            border:1px groove black;
            box-shadow:0 0 10px white;
        }

        #credit img {
            position:relative;
            top:600px;
            left:1280px;
            position:fixed;
            height:50px;
            width:50px;
            transition:all 1s ease-in-out;
            -webkit-transition:all 1s ease-in-out;
            -moz-transition:all 1s ease-in-out;
        }
        #credit img:hover {
            position:relative;
            top:600px;
            left:1280px;
            position:fixed;
            height:50px;
            width:50px;
            box-shadow:0 0 10px white;
        }

    </style>

    <body>

            <h2 id="title">{Title}</h2>
            <div id="gradient"></div>
        {block:Description}
            <div id="description">{Description}</div>
        {/block:Description}
        <ul id="all_links">
            <li> <a href="{BlogURL}"> Home </a> </li>
            <li> {block:AskEnabled} <a href="/ask"> {AskLabel} </a> {/block:AskEnabled} </li>
            <li> {block:SubmissionsEnabled} <a href="/submit"> {SubmitLabel} </a>

{/block:SubmissionsEnabled} </li>
            <li> <a href="/archive">Archive</a> </li>
            {block:HasPages}{block:Pages}<li><a href="{url}"><div class="links">{Label}

</div></a></li>{/block:Pages}{/block:HasPages}
        </ul>

        <form action="/search" method="get">
            <input id="search" type="text" name="q" value="{SearchQuery}" placeholder="Search..." />
            <input id="button" type="submit" value="Search">
        </form>

        <div id="credit"><a title="theme by LilCherryBearr"

href="http://themebylilcherrybearr.tumblr.com/"> <img

src="https://31.media.tumblr.com/avatar_aa05499ce1b8_128.png" /> </a> </div>

        <ol id="content">
            {block:Posts}
        <div id="posts2">
            {block:Text}
                    <li class="posts">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}{Body}
                    </li>
            {/block:Text}

            {block:Photo}
                    <li class="posts">
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Photo}

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

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

            {block:Quote}
                    <li class="posts">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </li>
            {/block:Quote}

            {block:Link}
                    <li class="posts">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
            {/block:Link}

            {block:Chat}
                    <li class="posts">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}{Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
            {/block:Chat}

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

            {block:Audio}
                    <li class="posts">
                        {AudioEmbed}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
            {/block:Audio}


        {block:HasTags}<div id="tags">
        {block:Tags}#<a href="{TagURL}">{Tag}</a>
{/block:Tags}
        </div> <!--tags-->
        {/block:HasTags}

        {block:PostNotes}
        <div id="notecontainer">{PostNotes}</div>
        {/block:PostNotes}


        <div id="permalink">
            <p><a href="{Permalink}">
            {block:Date}{lang:Posted TimeAgo}{/block:Date}</p>
            <p>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</p>
            </a>
        </div> <!--permalink-->

        </div> <!--posts2-->
            {/block:Posts}

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