Kameron's profile

<style type="text/css">
	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:#990012;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('http://i.picpar.com/GBcd.jpg');
	background-repeat:repeat;
	background-position:;
	background-attachment: fixed;
	background-color:white;
	font: 0px arial;
	color: black;}
	#profile {background-color: transparent;
	border:0px;
	}

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

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

	a {color:;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	a:hover {color: black;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

@font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}


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


	#image {position:absolute;
	left:690;
	top:40;
	width:270;
	height:660;
	border:2px solid #C11B17;
	}



	#boximg3 {position:absolute;
	left:110;
	top:100;
	width:80;
	height:80;
	border:2px solid #C11B17;
 -ms-transform:rotate(315deg); -webkit- transform:rotate(315deg); transform:rotate(315deg);}

	#boximg4 {position:absolute;
	left:198;
	top:260;
	width:80;
	height:80;
	border:2px solid #C11B17;
 -ms-transform:rotate(45deg); -webkit- transform:rotate(45deg); transform:rotate(45deg);}


	#boximg5 {position:absolute;
	left:200;
	top:100;
	width:80;
	height:80;
	border:2px solid #C11B17;
 -ms-transform:rotate(45deg); -webkit- transform:rotate(45deg); transform:rotate(45deg);}

	#boximg6 {position:absolute;
	left:154;
	top:180;
	width:80;
	height:80;
	border:2px solid #C11B17;
 -ms-transform:rotate(45deg); -webkit- transform:rotate(45deg); transform:rotate(45deg);}

	#boximg7 {position:absolute;
	left:290;
	top:100;
	width:80;
	height:80;
	border:2px solid #C11B17;
 -ms-transform:rotate(45deg); -webkit- transform:rotate(45deg); transform:rotate(45deg);}

	#boximg8 {position:absolute;
	left:244;
	top:180;
	width:80;
	height:80;
	border:2px solid #C11B17;
 -ms-transform:rotate(315deg); -webkit- transform:rotate(315deg); transform:rotate(315deg);}



	#icon1 {position:absolute;
	left:110;
	top:520;
	width:80;
	height:80;
	border:2px solid #C11B17;
	}

	#icon2 {position:absolute;
	left:110;
	top:620;
	width:80;
	height:80;
	border:2px solid #C11B17;
	}


	#icon3 {position:absolute;
	left:200;
	top:520;
	width:80;
	height:80;
	border:2px solid #C11B17;
	}

	#icon4 {position:absolute;
	left:200;
	top:620;
	width:80;
	height:80;
	border:2px solid #C11B17;
	}

	#icon5 {position:absolute;
	left:290;
	top:520;
	width:80;
	height:80;
	border:2px solid #C11B17;
	}

	#icon6 {position:absolute;
	left:290;
	top:620;
	width:80;
	height:80;
	border:2px solid #C11B17;
	}




	#title {
	position:absolute;
	font-size:150px;
	font-family:Ginette;
	color:#69181E;
	left:455;
	top:80;
	text-transform:lowercase;
	}

	#title2 {
	position:absolute;
	font-size:50px;
	font-family:Bebas Neue;
	color:#95242C;
	left:460;
	top:190;
	text-transform:uppercase;
	}

@font-face{font-family:Ginette;src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}

@font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}


	#box {background-color:transparent;
	vertical-align: center;
	text-transform: none;
	color:black;
	font-size:16px;
	font-family:Nyala;
	text-align: justify;
	position: absolute;
	top:40;
	left:410;
	width:230;
	height:415;
	letter-spacing:0px;
	line-height: 12px;
	padding: 10px;
 text-align: left;
	margin: 1px;
	overflow:hidden;
	border:2px solid transparent;
	}

	#box2 {background-color:transparent;
	vertical-align: center;
	text-transform: none;
	color:black;
	font-size:14px;
	font-family:Nyala;
	text-align: justify;
	position: absolute;
	top:40;
	left:990;
	width:250;
	height:640;
	letter-spacing:0px;
	line-height: 12px;
	padding: 10px;
	margin: 1px;
 text-align: center;
	overflow:auto;
	border:2px solid transparent;
	}

	#box3 {background-color:transparent;
	vertical-align: center;
	text-transform: none;
	color:black;
	font-size:14px;
	font-family:Nyala;
	text-align: justify;
	position: absolute;
	left:410;
	top:520;
	width:230;
	height:160;
	letter-spacing:0px;
	line-height: 12px;
	padding: 10px;
	margin: 1px;
 text-align: center;
	overflow:auto;
	border:2px solid transparent;
	}

.abox {background-color:white; color: black; font-size: 12px; font-family: Nyala; text-align: center; position: absolute; width:246; height:432; left: 60; top:40; letter-spacing: .5px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #810541; }

.navbar {Background-color: transparent; Position: absolute; Height: 130px; Width: 300px; Left: 155px; top: 330px; padding: 4px; z-index: 100; font-family: 'Yellowtail', cursive; Font-size: 12px; text-align: center; letter-spacing: .5px;}

.link1 {Position: absolute; Left: -45px; Top: 70px; Border: solid 1px #C11B17; Height: 15px; Width: 120px; background-color: #151515;}

.link2 {Position: absolute; Left: 95.3px; Top: 70px; Border: solid 1px #C11B17; Height: 15px; Width: 120px; background-color: #151515;}

.link3 {Position: absolute; Left: -45px; Top: 100px; Border: solid 1px #C11B17; Height: 15px; Width: 120px; background-color: #151515;}

.link4 {Position: absolute; Left: 95.3px; Top: 100px; Border: solid 1px #C11B17; Height: 15px; Width: 120px; background-color: #151515;}

.link5 {Position: absolute; Left: -45px; Top: 130px; Border: solid 1px #C11B17; Height: 15px; Width: 260px; background-color: #151515;}

.link1:hover {Border: solid 1px #C11B17;}
.link2:hover {Border: solid 1px #C11B17;}
.link3:hover {Border: solid 1px #C11B17;}
.link4:hover {Border: solid 1px #C11B17;}
.link5:hover {Border: solid 1px #C11B17;}


.slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 350; 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: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}



b {
font-family: Nyala;
font-size:16px;
color:#C11B17;
font-variant: small-caps;
font-weight: normal;
line-height: 15px;
font-variant: small-caps;
text-shadow: 0 0 1px red;
}



strong {
font-family: Nyala;
font-size:16px;
color:#ADDFFF;
font-weight: normal;
line-height: 15px;
text-shadow: 0 0 3px #fff;
}

@font-face {
 font-family: 'Precious';
 src: url('https://dl.dropboxusercontent.com/s/rbsv1ucerv5m5m3/Precious.ttf');
}


h2 {
font-family: 'Precious';
font-size:24px;
color:#C11B17;
font-weight: normal;
}




	#credit {
	position:fixed;
	bottom:0;
	right:0;
	}

</style>
<div id="whole" oncontextmenu="return false;">

<div id="credit">
<a target="_blank" href="http://pastebin.com/u/SinfulCoding"><img src="http://i.imgur.com/WXwk9gK.png" width="125"></a>
</div>


<div class="navbar">
<a class="link1" href="#1"><font color="white">Personality</font></a>
<a class="link2" href="#2"><font color="white">History</font></a>
<a class="link3" href="#3"><font color="white">Friends</font></a>
<a class="link4" href="#4"><font color="white">His Promise</font></a>
<a class="link5" href="#5"><font color="white">Reset</font></a>
</div></div>



<div id="image">
<a target="_blank" href="http://i.picpar.com/IBcd.jpg"><img src="http://i.picpar.com/IBcd.jpg" height="660" width="270"></div>



<div id="boximg3">
<a target="_blank" href="http://i.picpar.com/CBcd.jpg"><img src="http://i.picpar.com/CBcd.jpg" height="80" width="80">
</div>

<div id="boximg4">
<a target="_blank" href="http://i.picpar.com/DBcd.gif"><img src="http://i.picpar.com/DBcd.gif" height="80" width="80">
</div>

<div id="boximg5">
<a target="_blank" href="http://i.picpar.com/EBcd.gif"><img src="http://i.picpar.com/EBcd.gif" height="80" width="80">
</div>

<div id="boximg6">
<a target="_blank" href="http://i.picpar.com/FBcd.jpg"><img src="http://i.picpar.com/FBcd.jpg" height="80" width="80">
</div>

<div id="boximg7">
<a target="_blank" href="http://i.picpar.com/BBcd.jpg"><img src="http://i.picpar.com/BBcd.jpg" height="80" width="80">
</div>

<div id="boximg8">
<a target="_blank" href="http://i.picpar.com/HBcd.jpg"><img src="http://i.picpar.com/HBcd.jpg" height="80" width="80">
</div>



<div id="icon1">
<a target="_blank" href="http://i.picpar.com/aCcd.gif"><img src="http://i.picpar.com/aCcd.gif" height="80" width="80">
</div>

<div id="icon2">
<a target="_blank" href="http://i.picpar.com/dCcd.jpg"><img src="http://i.picpar.com/dCcd.jpg" height="80" width="80">
</div>

<div id="icon3">
<a target="_blank" href="http://i.picpar.com/eCcd.jpg"><img src="http://i.picpar.com/eCcd.jpg" height="80" width="80">
</div>

<div id="icon4">
<a target="_blank" href="http://i.picpar.com/fCcd.gif"><img src="http://i.picpar.com/fCcd.gif" height="80" width="80">
</div>

<div id="icon5">
<a target="_blank" href="http://i.picpar.com/gCcd.jpg"><img src="http://i.picpar.com/gCcd.jpg" height="80" width="80">
</div>

<div id="icon6">
<a target="_blank" href="http://i.picpar.com/iCcd.gif"><img src="http://i.picpar.com/iCcd.gif" height="80" width="80"></a>
</div>



<div id="box">
<h2>Little Known Facts</h2><br><br>

<b>Name:</b> <font style=float:right><strong>Kameron Belrose-Drake </strong></font><br>
<b>Alias(es):</b> <font style=float:right><strong>The Sadistic Bastard</strong></font><br>
<b>Age:</b> <font style=float:right><strong>31 (Appears, is actually much older)</strong></font><br>
<b>Gender:</b> <font style=float:right><strong>Male</strong></font><br>
<b>Species:</b> <font style=float:right><strong>Lycan</strong></font><br>
<b>Pack:</b> <font style=float:right><strong>Red Fang (Deceased) </strong></font><br>
<b>Ethnicity:</b> <font style=float:right><strong>British</strong></font><br>
<b>Height:</b> <font style=float:right><strong>5'11" </strong></font><br>
<b>Hair Hue:</b> <font style=float:right><strong>Dark Brown</strong></font><br>
<b>Iris Hue:</b> <font style=float:right><strong>Ocean</strong></font><br>
<b>Sexuality:</b> <font style=float:right><strong>Straight</font><br>
<b>Orientation:</b> <font style=float:right><strong>Prior Writer</strong></font><br>
<b>Marital Status:</b> <font style=float:right><a href="profile.php?user=" target="_blank"><strong>Single</strong></strong></a></font><br>
<br><br>

<b>Tattoo's:</b> <font style=float:right><strong>None</strong></font><br>
<b>Scars:</b> <font style=float:right><strong>Claw mark on his chest</strong></font><br>


</div>

<div id="box2">

<h2>Abilities & Traits</h2>
 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>
Inhanced senses.

</div>
<div id="box3">

<h2>O O C</h2>

Don't start with a post please talk to me about it first. No drama. IC is IC. OOC is OOC. Keep them sepreate please. Sex will be earned. Dont ask for my ooc info unless I get to know you or I have known you for a while. I am taken in real so please if I give my contact info dont flirt with me. It won't work.
</div>

<div id="1" class="slide">
<div class="abox">
<h2>Personality</h2><br><br>

Charming, Protective, Manipulative, Dangerous, Violent, Selfless, Passionate, Seductive, Impulsive, Intelligent, Patience, Self-Confident
</div></div>

<div id="2" class="slide">
<div class="abox">
<h2>History</h2>
Very long story and will be have to told another time
</div></div>

<div id="3" class="slide">
<div class="abox">
<h2>Friends</h2><br><br>

<div style="float: right; clear: right; padding-left:3px;"><a target="_blank" href="https://roleplay.chat/profile.php?user=Katherine+Bishop" target="_blank"><img src="http://i.picpar.com/Xebe.jpg" height="100" width="50" class="border"></a></div> <div style="float: right; clear: left; width: 170px; height: 100;"><h2>Kat</h2><br>
This beauty caught his eye even when first seeing her. There is no doubt that he isn't interested in her. He'd protect her at all cost. </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>



</div></div>

<div id="4" class="slide">
<div class="abox">
<h2>His Promise</h2><br><br>

"I will fufill your deepest desires. No matter how big or small, you will not want anyone other once you have a taste. Or in my case, a bite."
</div></div>