Stars Aligned -【 LAYOUT 1 by Anomaly ☽】

<!DOCTYPE html>
<html>
<head>

<!--

NEOCITIES LAYOUT #1 by Ari Anomaly ☾ kittystuff ☽ : STARS ALIGNED !!

            - i made the base code
            - images are by http://bell.himegimi.jp/
            - please abide by all the rules

【 All themes and pages can be found here : https://anomalythemes.tumblr.com/ 】

Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
Feel free to message me if you need any help, my ask box is always open!

-->

<link rel="shortcut icon" href="URL HERE">
<title>[ TITLE HERE ]</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<script> function changeNavigation(id)
{document.getElementById('content')
.innerHTML=document.getElementById(id).innerHTML}
</script>

<script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>

<style>

@font-face { font-family: "momoarufa2"; src: url('https://dl.dropboxusercontent.com/s/e2r238gekmwy6ic/momoarufa2.ttf?dl=0'); format("truetype");}

::-webkit-scrollbar {
width:9px;
height:4px;
background:#fff;
border:4px solid #FFFF6B;
}

::-webkit-scrollbar-thumb {
background-color:#FFFF6B;
border-radius:5px;
}

::selection {
background: #0092DC;
color: #F8F8F8;
}

::-moz-selection {
background: #0092DC;
color: #F8F8F8;
}

::-webkit-selection {
background: #0092DC;
color: #F8F8F8;
}

#s-m-t-tooltip {
max-width:300px;
margin:10px 0px 0px 10px;
background-color:#0092DC;
font-family:momoarufa2;
font-size:1em;
padding:3px;
color:#F8F8F8;
z-index:999999999999999999999999999999999999;
}


body {
margin:0px;
background:#fff;
background:;
background-image:url('URL HERE');
background-attachment:fixed;
background-repeat:repeat;
color:#000;
font-family:arial;
font-size:1em;
}

a {
color:#0092DC;
text-decoration:none;
}


a:hover {
color:#0092DC;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*--------------------------------------------------------------------*/

#menu {
position:fixed;
top:25%;
left:10%;
width:200px;
}

#menu a {
display:inline-block;
font-family:momoarufa2;
background-image:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ebfc14e4-bcf6-45a9-bf73-1b4a4ef86df3/demnqmj-3d1cff9d-253a-474c-bb0e-b20ca1466b8f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ViZmMxNGU0LWJjZjYtNDVhOS1iZjczLTFiNGE0ZWY4NmRmM1wvZGVtbnFtai0zZDFjZmY5ZC0yNTNhLTQ3NGMtYmIwZS1iMjBjYTE0NjZiOGYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yv2X9hDbVVRLm2hAwYOL1cdJD99sKMWsFKkUoBd4QUo');
text-align:center;
width:95px;
height:50px;
font-size:1em;
line-height:60px;
color:#0092DC;
text-decoration:none;
}


#lace {
position:fixed;
top:0px;
left:0px;
width:100%;
height:103px;
background-image:url('http://bell.himegimi.jp/star/scar10.gif');
background-repeat:repeat-x;
z-index:1;
}

/*--------------------------------------------------------------------*/

#column {
padding:10px;
width:700px;
}

.tabcon {
margin-top:123px;
width:700px;
padding:20px;
background:#F8F8F8;
border:20px solid #8BD1FD;
box-shadow:0 0 0 1px #0092DC;
}

.h1 {
font-family:arial;
font-size:2em;
text-align:center;
}

a.add {
display:inline-block;
padding:2px;
margin:2px;
background:#FFFF6B;
}

.credit {
position:fixed;
bottom:5px;
left:5px;
}

</style>
<html>
<body>

<div id="lace"></div>

<div id="menu">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ebfc14e4-bcf6-45a9-bf73-1b4a4ef86df3/demns83-e7c17619-3754-4e48-9266-09c66cceb565.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ViZmMxNGU0LWJjZjYtNDVhOS1iZjczLTFiNGE0ZWY4NmRmM1wvZGVtbnM4My1lN2MxNzYxOS0zNzU0LTRlNDgtOTI2Ni0wOWM2NmNjZWI1NjUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.XHb9HPhxwCHN22LuVaNvzoVJfBHjU1gQvVQh2r1310I"><br>
<a href="/">home</a><br>
<a onClick="changeNavigation('about')">about</a><br>
<a onClick="changeNavigation('link')">links</a><br>
</div>

<table style="margin-top:20px;" width="700" align="center" border="0" cellspacing="5">

<tbody><tr>
<td valign="top" style="width:700px;">
<div id="column">

<div class="tabcon">
<div id="content">

put your intro page here

</div>

<!--------------------------------------------------------------------->

<div id="about" style="display:none;">
<div class="h1">About Me</div><p>

put your about here!

</div>

<!--------------------------------------------------------------------->

<div id="link" style="display:none;">
<div class="h1">Links</div><p>

put some links here<p>

<a class="add" href="/">sample</a>

</div>

</div>


</td></tr></tbody></table>

<div class="credit"><a href="http://kittystuff.neocities.org/" title="layout"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>

</body>
</html>