NekoBat code

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">

 @import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
 @import url(https://fonts.googleapis.com/css?family=Poiret+One);
 @import url(https://fonts.googleapis.com/css?family=Kaushan+Script);

body {

background-color: #fff;
background-image: url(http://i.picpar.com/dyid.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background: ;
	}

	::-webkit-scrollbar-thumb {
	background-color: black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}


a {color: #A60000; text-decoration: none; }

a:hover {color: black; text-decoration: line-through;
cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}

b {color: #A80000; }

.abox {background-color:#fff; color: #000; font-size: 12px; font-family: 'PT Sans Narrow', sans-serif; text-align: justify; position: absolute; width:560; height:255; left: 310; top:65; letter-spacing: .2px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 3px double black;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 70; top: 340; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff;}

.link2 {Position: absolute; Left: 45px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff;}

.link3 {Position: absolute; Left: 80px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff;}

.link4 {Position: absolute; Left: 115px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff;}

.link5 {Position: absolute; Left: 150px; Border: double 3px #000; Height: 10px; Width: 10px; background-color: #fff;}

.link1:hover {Background-color: #B50426;}
.link2:hover {Background-color: #B50426;}
.link3:hover {Background-color: #B50426;}
.link4:hover {Background-color: #B50426;}
.link5:hover {Background-color: #B50426;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

#bar { position: fixed; top: -10px; left:60px; height: 2000px; width: 17px; background-color: #A80000; overflow: auto;}

#bar2 { position: fixed; top: -10px; left:240px; height: 2000px; width: 17px; background-color: #A80000; overflow: auto;}

#icon img { position:absolute; top: 60px; left: 20; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; border: 5px solid #A80000;}

#icon img.top:hover { opacity:0;}

#mainpicture { position:fixed; left: 1020px; top:120px; height: 560px; width:300px; }

h1 { Color: #000; font-family: 'Poiret One', cursive; text-align: center; font-size:15px; Margin-top: 3px; Border-left: 15px double #AD0000 ; Border-right: 15px double #A80000; Border-bottom: 1px solid black;}

#editthis{ position:fixed;height: 55px;width: 55px; Bottom:-20; left:13; margin: auto; z-index:99;}

#music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}

#music1:hover #music2{ opacity:0; margin-top:-25px; z-index:-1;}

#music1:hover #music3{ opacity:0.7; margin-top:-5px; z-index:99;}

#music1:hover #musiclist{ opacity:1;}

#music2{ opacity:1; background-color:#000000; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}

#music3{ opacity:0; position:fixed; background-color:#000000; background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

.Quote { position: fixed; top: 460px; left: 300px; color: #950208; font-size: 55px; line-height: 50px; font-family: 'Kaushan Script', cursive; }

h2 {position: fixed;right: 10px;bottom: 0px;font-family: Arial;font-variant: normal;font-weight: normal;font-size: 100%;color: #000000;}
</style>

<div id="bar"></div>
<div id="bar2"></div>

<div id="icon">
<img class="bottom" src="http://i.picpar.com/cyid.jpg" height="270" width="270">
<img class="top" src="http://i.picpar.com/cyid.jpg" height="270" width="270">
</div>

<div id="mainpicture">
<img src="http://i.picpar.com/Zxid.png" class="image" height="100%" width="100%">
</div>

<div class="Quote">
"Remplis mon coeur"
</div>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
<a class="link4" href="#4"></a>
<a class="link5" href="#5"></a>
</div></div>

<div id="1" class="slide">
<div class="abox">
<h1>Basics</h1>
<b>Name:</b> Luna Tensenuma <br><br>
<b> Alias:</b> NekoBat <br><br>
 <b>Age:</b> 24 <br><br>
 <b>Race:</b> Neko/Witch/Vampire (hybrid) <br><br>
 <b>Native Language:</b> French <br><br>
 <b>Sexuality:</b> Bisexual (meaning ONLY males and females) <br><br>
 <b>Status:</b> Single <br><br>
 <b>Likes:</b> Ask, too many to list. <br><br>
 <b>Dislikes:</b> Vore, Rape/Force, Incest, Anal, ECT.<br><br>

</div></div>

<div id="2" class="slide">
<div class="abox">
<h1> History </h1>
<br>
Will be told another time.

</div></div>

<div id="3" class="slide">
<div class="abox">
<h1>Connections</h1>
<br><br>
<center>
<a href="https://roleplay.chat/profile.php?user=Raven." target="_blank" title="Raven (Her Owner)"><img src="http://i.picpar.com/fWdd.gif" height="75" width="75"></a>

<a href="https://roleplay.chat/profile.php?user=Guaire%20Amalasan" target="_blank" title="Guaire (The odd one)"><img src="http://i.imgur.com/bUY9x9R.jpg" height="75" width="75"></a>

<a href="profile.php?user=" target="_blank" title="Friend"><img src="http://i.picpar.com/qpwd.png" height="75" width="75"></a>
</div>

</div></div>

<div id="4" class="slide">
<div class="abox">
<h1>Out of Character</h1>
<br><br>
<li>Dont force me things I dont like.</li>
<li>Dont be afraid to say hello.</li>
<li>Ic =/= OOC</li>
<li>Happily Married IRL.</li>
<li>Story before smut!!!</li>
<li>All companions most go through her owner first for approval before dating. Once in a relationship, she will NOT do smut with others other than her mate. </li>
<li>SEX IS EARNED!!!</li>
<li>Artwork will be removed at request. </li>
<center>

</div></div>

<div id="editthis"><div id="music1"><div id="music2">

<img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>

<div id="music3"><Div style="margin-top:4px;">

<audio controls style="opacity: 0;"><source src="MUSIC LINK"></audio>

</div></div></div></div>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>