Karyama

<style type="text/css">

body { background-image: url(https://ssl.c.photoshelter.com/img-get/I0000j42UHxfyF6Y/s/1200/I0000j42UHxfyF6Y.jpg); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}

#noclick {
 position:absolute;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: 0px;}

body {
 background-image: linear-gradient(to top right, #424242 50%, #000000);
 background-attachment: fixed;
 overflow: hidden; }

.be{
margin-top: 1px;
height: 95px;
width: 95px;
margin-left: 8px;
border:BLANK;
}

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color: #c0c0c0;}
::-webkit-scrollbar {width:5px;height:5px;}

.God {
 overflow:hidden;
 position:absolute;
 bottom:-189px;
 left: 940px;
 height:850px;
 width:480px;
 z-index:10;
 background-color: transparent;
 background-image: url('http://i.picpar.com/5ide.png');
 background-position:center center;
 background-size: 100%, auto;
 background-attachment: absolute;
 background-repeat: no-repeat;}

a {color: #FAFAFA; text-decoration: none; }
a:hover {color: #c0c0c0; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png'); text-decoration: line-through;}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
	b, strong { font-weight:bold; color:#B18904; }
 i { color: #848484;}

.box2 { position: absolute; top: 200px; left: 240px; height: 268px; width: 250px; background-color: #191918; overflow: hidden;}

.abox { background-color: #181819; color: #c0c0c0; font-size: 11px; font-family: 'Nunito Sans', sans-serif; text-align: justify; position: absolute; width: 369; height: 127; left: 561; top: 253; letter-spacing: .3px; line-height: 13px; padding: 2px; margin: 1px; overflow:auto; border: 1px solid #181819; z-index: 3;}


.navbar { Position: absolute; Left: 665px; top: 420px; padding: 7px; width: 166px; height: 20px; z-index: 2000; background-color: #191918;}

.link1 {Position: absolute; Top: 7px; Left: 7px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}

.link2 {Position: absolute; Top: 7px; Left: 50px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}

.link3 {Position: absolute; Top: 7px; Left: 93px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}

.link4 {Position: absolute; Top: 7px; Left: 136px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}

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

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

.img { position: absolute; top: 210px; left: 250px; height: 250px; width: 230px; overflow: hidden; background-image: url("http://i.picpar.com/7ide.png"); background-size: 100% 140%; background-position: center center; overflow: hidden;}

.quote { position:fixed; top: 195px; left: 660px; text-align: left; font-family: 'Monotype Corsiva', cursive; font-style: italic; text-shadow: 1px 0px 0px #610B0B, 0px 1px 0px #610B0B, 1px 0px 0px #000000, 0px -1px 0px #F2F2F2; font-size:40px; color: #BDBDBD; z-index:999; text-align: center;}

.ooc { position: fixed; background-color: #181819; overflow: auto; width: 370; height: 128; top: 255px; left: 563px; padding: 2px; text-align: justify; font-size: 13px; font-family: 'Allegro'; color: #c0c0c0; line-height: 13px; z-index: 100; }

</style>

<div class="bar"></div>
<div class="box1"></div>
<div class="box2"></div>
<div class="img"></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>
</div>

</div>
<div class="quote">Karyama</div>

<div class="ooc">
<br>
<center>
<b>STATS</b>
<br>
<br>
<i>Species:</i> Fallen Angel
<br>
<br>
<i>Sexuality/Marital:</i> Straight/Single
<br>
<br>
<i>Gender:</i> Male

</div>

<div id="1" class="slide">
<div class="abox">
<center>
<br>
<b>HISTORY</b>
<br>
<br>
History here
</div></div>

<div id="2" class="slide">
<div class="abox">
<center>
<br>
<b>FRIENDS</b>
<br>
<br>
<a target="_blank" href="FRIENDS PROFILE HERE" target="_blank"><img src="RENDERED PIC OF FRIEND HERE" class="be" title=" -NAME OF FRIEND HERE- BRIEF INFO ABOUT FRIEND HERE "></a>
</div></div>

<div id="3" class="slide">
<div class="abox">
<center>
<br>
<b>OOC</b>
<br>
<br>
<i>1:</i> Info
<br>
<br>
<i>2:</i> Info
<br>
<br>
<i>3:</i> Info
</div></div>
<div id="noclick" oncontextmenu="return false;">
<div class="God"></div>

</div></div>