Midnight Dream by 512kb

<html>

<!--MIDNIGHT DREAM page for TUMBLR by 512KB.
Don't delete the credits--->

<head>
<title>{Title}</title>
<meta name="description" content="{MetaDescription}"/>
<link rel="shortcut icon" href="{Favicon}" />

<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">
/*-DON'T TOUCH THIS-*/
@font-face {
    font-family: 'Bebas';
    src: url('http://static.tumblr.com/bqhwk03/1S7n4xigg/bebas___.ttf');
}
/*-----------------*/
body {
    background:url('http://subtlepatterns.com/patterns/stardust.png');
    /*main background, if you want to put an image, change the link*/
  }

b {
    color:#000; /*-bolded words color-*/
    text-transform:uppercase;
}

i {
    color:#F0FFFF; /*-italic words color-*/
}

a {
color:#000; /*-link color-*/
font-family:tahoma;
font-size:11px;


}

/*-DON'T TOUCH THIS-*/
#s-m-t-tooltip {
    position:relative;
    overflow:hidden;
    z-index:999;
    max-width:150px;
    padding:2px 6px 2px 6px;
    font-size:10px;
    letter-spacing:1px;
    color:#fff;
    background:#000;
    font-family:times;
    text-align:left;
    font-style:italic;
    margin-top:5px;
    margin-left:15px;
    border:1px solid #fff;
    outline:1px solid #000;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}
/*-----------------*/

#abox {
    position:relative;
    top:100px;
    left:400px;
    width:400px;
    height:auto;
    padding:10px;
    background:rgba(255,255,255,.5); /*-color of the box-*/
    border-radius:20px;
    border:5px solid white; /*-border color and thick-*/
    box-shadow:5px 5px 0px 0px black; /*-shadow color 'n stuff-*/
}


#abox h1 {
    position:relative;
    margin-top:-45px;
    font-family:'Bebas';
    color:#000; /*-Title color-*/
    text-transform:uppercase;
    font-size:30;
    text-align:right;
}

#abox img {
    position:relative;
    left:15px;
    border:4px double white;
    -webkit-filter: brightness(1.3);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#abox img:hover {
    -webkit-filter: brightness(1);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.things {
    position:relative;
    top:-90px;
    margin-left:140px;
    font-family: tahoma;
    font-size:11px;
}

.pagraph {
    text-align:justify;
    font-family:tahoma;
    font-size:11px;
    position:relative;
    top:-50px;
    padding-left:15px;
    padding-right:15px;
    color:#696969; /*-main text color-*/
}

.links {
    position:relative;
    font-family:tahoma;
    font-size:10px;
    background:white; /*--basic links color--*/
    width:13%;
    padding:3px;
}
</style>

</head>
<body>

<div id="abox">
<h1>Midnight Dream</h1>
<img src="http://i322.photobucket.com/albums/nn419/kanariayo/bakemonogatari35.png"/> <!--HERE PUT A LINK FOR YOUR IMAGE PLEASE PUT A 100x100 IMAGE-->

<div class="things">
<!--FILL THIS THINGS WITH YOUR NAME AND STUFF-->
    <b>Name:</b> <i>Aimi</i><br>
    <b>Age:</b> <i>17 Years Old</i><br>
    <b>Country:</b> <i>Who cares?</i><br>
    <b>Likes:</b> <i>Photography, Anime, Manga, Cute things.</i><br>
    <b>Dislikes:</b> <i>Cold, Hot, Waking up in the morning.</i>
<!-------------------->
</div>


<div class="pagraph">
    <strong>
    <p>You can write all you want here! This is funny, you can talk about you, your hobbys, how you spend your time.</p> <!--FIRST PAGRAPH-->

    <p>Or just be rude and don't say nothing! This text can be long as you waaaant. Like, really long.</p> <!--2ND PAGRAPH-->

        <p>If you use this page, I will love you a lot! Likes, reblogs, follows are really appreciated for support my themes and my effort ♥</p> <!--3RD PAGRAPH-->

    </strong>
</div>

<div class="links">
<strong><a href="/" title="home">01.</a> // <!--THESE ARE THE BASIC LINKS-->
<a href="/ask" title="message">02.</a></strong>
</div>
</div>

<!--DON'T DELETE THIS-->
<strong><div style="position:fixed;background:white;color:black;right:3px;bottom:3px"><a href="http://512kb.tumblr.com">THM</a></div></strong>
<!--------------------->

</body>
</html>