Alicina's updated code

<style>
/*Silver Mischief was last updated on April 28, 2016*/
#noclick {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;}

body {
	background-image: url(http://i.picpar.com/vLcd.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;}

#splashart {
	position: fixed;
	z-index: -1;
	right: 0;
	bottom: 0;}
#splashart img {
 height: 95%;}

#nameart {
 position: fixed;
 top: 100;
 left: 50;}
#nameart img {
 width: 306px;
 height: 95px;}

.iconart {
 position: fixed;
 left: 50;
 top: 200;
 width: 250px;
 height: 300px;
 border: 3px double #ffffff;
 background-image: url(http://i.picpar.com/tLcd.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;}

.liltitle {
 width: 250px;
 height: 170px;
 background-color: #FF2BB0;
 padding-top: 130px;
 opacity: 0;
 color: #000000;
 text-align: center;
 font-family: georgia;
 font-size:20px;

 transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -webkit-transition: all 0.6s ease-in-out;}

.iconart:hover .liltitle {
 opacity:0.6;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}

#navi {
 position: fixed;
 top: 188;
 left: 300;
 width: 35px;
 }
#navi a {
 display: block;
 width: 100%;
 margin: 12px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-family: georgia;
 font-size: 13px;
 text-align: center;
 text-decoration: none;
 color: #FF2BB0;
 border: 3px double #ffffff;
 background-color: #000000;
 background-size: cover;
 transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -webkit-transition: all 0.5s ease-in-out;

 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;}
#navi a:hover {
 color: #000000;
 text-shadow: 0 0 0.7em #ffffff;
 transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;

 border-radius: 30px 30px 30px 30px;
 -moz-border-radius: 30px 30px 30px 30px;
 -webkit-border-radius: 30px 30px 30px 30px;}

#infobox {
 position: fixed;
 left: 363;
 top: 100;
 border: 3px double #ffffff;
 background-color: #000000;
 color: #EFBAFF;
 font-family: georgia;
 font-size: 11px;
 padding: 20px;
 width: 400px;
 height: 360px;}

a {
 color: #FF2BB0;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;
 text-decoration: none;}
a:hover {
 color: #ffffff;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}

b {
 color: #ffffff;
 border-left: 3px double #FF2BB0;
 border-right: 3px double #FF2BB0;
 padding-left: 5px;
 padding-right: 5px;}

i {
 color: #ffffff;
 font-weight: 800;}

td.quer {
 font-family: georgia;
 font-size: 11px;
 color: #ffffff;
 border-right: 3px double #FF2BB0;
 padding-left: 5px;
 padding-right: 5px;}
td.sp {
 opacity:0;}
td.desc {
 color: #EFBAFF;
 text-align: right;
 font-family: georgia;
 font-size: 11px;}

a img.gall {
 border: 1px solid #ffffff;
 border-radius: 50px;
 width: 80px;
 height: 80px;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}

a img.gall:hover {
 border: 1px solid #FF2BB0;
 border-radius: 10px;
 width: 80px;
 height: 80px;
 transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;}


::-webkit-scrollbar-thumb {
	width: 0px;
	background-color: transparent;}
::-webkit-scrollbar {
	width: 0px;
	background-color: transparent;}

a.credit {
	position: fixed;
	z-index: 5;
	right: 5;
	top: 5;
	color: #000000;
	font-family: monospace;
	font-size: 11px;
	text-decoration: none;}
</style>
<div id="noclick" oncontextmenu="return false;">
<a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>

<div id="splashart"><img src=""></div>

<div id="nameart"><img src="http://i.picpar.com/sLcd.jpg"></div>

<div class="iconart"><div class="liltitle">

</div></div>

<div id="navi">
<a href="#01">☪</a>
<a href="#02">☪</a>
<a href="#03">☪</a>
<a href="#04">☪</a>
<a href="#05">☪</a>
<a href="#06">☪</a>
</div>

<div id="infobox">
<div style="height: 100%; overflow-y: hidden;">
<a name="01"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<center>
Stats <br>
<br>
<font color="#FF0000">Name:</font> <i> Aryana Belrose </i><br> <br>
<font color="#FF0000">Age:</font> <i> 24 </i> <br> <br>
<font color="#FF0000">Race:</font> <i> Lycan </i> <br> <br>
<font color="#FF0000">Status:</font> <i> Single </i> <br> <br>
<font color="#FF0000">Orientation:</font> <i> Bisexual (only full male and full female) </i> <br> <br>
<font color="#FF0000">Occupation:</font> <i> Dancer </i> <br> <br>
<font color="#FF0000">Likes:</font> <i> Too many </i> <br> <br>
<font color="#FF0000">Dislikes:</font> <i> Rape/Force,Too much blood,Incest,Anal, Age Play, she-males, futas, etc. </i> <br>

</center>
</div>

<a name="02"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<center>
<center> Friends list</i> <br> <br>
<div style="float: right; clear: right; padding-left:3px;"><a target="_blank" href="" target="_blank"><img src="" height="100" width="50" class="border"></a></div> <div style="float: right; clear: left; width: 170px; height: 100;"><h2>---→</h2><br>
something goes here.</div><br><br>

<div style="float: left; clear: left; padding-right:3px;"><a target="_blank" href="" target="_blank"><img src="" height="100" width="50" class="border"></a></div> <div style="float: left; clear: right; width: 170px; height: 100;"><h3>←---</h3><br>
Something goes here.</div><br><br>

<div style="float: right; clear: right; padding-left:3px;"><a target="_blank" href="" target="_blank"><img src="" height="100" width="50" class="border"></a></div> <div style="float: right; clear: left; width: 170px; height: 100;"><h2>---→</h2><br>
Something goes here.</div><br><br>

</center>
</div>

<a name="03"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<center>
<center> Abilities </center> <br> <br>
  Telepathy: The ability to speak within the mind. <br><br>
Super strength <br><br>
Eolas: That allows them to discover a person's whereabouts by connecting to nature. Although it can be addictive. <br><br>

</center>
</div>

<a name="04"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<center>
<font color="#FF0000">Backstory:</font> <i> Will tell in time </i> <br>


</center>
</div>

<a name="05"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<center>
<font color="#FF0000">Gallery:</font><br><br>

<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
 <a target="_blank" href="http://i.picpar.com/1Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/1Lcd.jpg" class="gall">
 </a>

 <a target="_blank" href="http://i.picpar.com/2Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/2Lcd.jpg" class="gall">
 </a>

 <a target="_blank" href="http://i.picpar.com/3Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/3Lcd.jpg" class="gall">
 </a>

<a target="_blank" href="http://i.picpar.com/4Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/4Lcd.jpg" class="gall">
 </a>

<a target="_blank" href="http://i.picpar.com/5Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/5Lcd.jpg" class="gall">
 </a>

<br><br>

<a target="_blank" href="http://i.picpar.com/6Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/6Lcd.jpg" class="gall">
 </a>

<a target="_blank" href="http://i.picpar.com/7Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/7Lcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/8Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/8Lcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/9Lcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/9Lcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/ALcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/ALcd.jpg" class="gall">
 </a>
<br><br>

<a target="_blank" href="http://i.picpar.com/BLcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/BLcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/DLcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/DLcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/ELcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/ELcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/FLcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/FLcd.jpg" class="gall">
 </a>
<a target="_blank" href="http://i.picpar.com/GLcd.jpg" class="gall" target="_blank">
 <img src="http://i.picpar.com/GLcd.jpg" class="gall">
 </a>

 </marquee>

</center>
</div>

<a name="06"></a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
<center>
<font color="#FF0000">OOC:</font> <i>I'm very friendly so please come up and say hello but know that sexual rps have to be earned, not given. Follow my rules on dislikes and not try to force something I dislike on me then I'm good. </i> <br>
<br>
Face claim: Neesy Rizzo <br>
<br>

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