The Faceless (White)

<style type="text/css">
	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:#990012;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('');
	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">Dossier</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">Weapons</font></a>
<a class="link5" href="#5"><font color="white">Reset</font></a>
</div></div>



<div id="image">
<a href=""><img src="" height="660" width="270"></div>



<div id="boximg3">
<a href=""><img src="" height="80" width="80">
</div>

<div id="boximg4">
<a href=""><img src="" height="80" width="80">
</div>

<div id="boximg5">
<a href=""><img src="" height="80" width="80">
</div>

<div id="boximg6">
<a href=""><img src="" height="80" width="80">
</div>

<div id="boximg7">
<a href=""><img src="" height="80" width="80">
</div>

<div id="boximg8">
<a href=""><img src="" height="80" width="80">
</div>



<div id="icon1">
<a href=""><img src="" height="80" width="80">
</div>

<div id="icon2">
<a href=""><img src="" height="80" width="80">
</div>

<div id="icon3">
<a href=""><img src="" height="80" width="80">
</div>

<div id="icon4">
<a href=""><img src="" height="80" width="80">
</div>

<div id="icon5">
<a href=""><img src="" height="80" width="80">
</div>

<div id="icon6">
<a href=""><img src="" height="80" width="80"></a>
</div>



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

<b>Name:</b> <font style=float:right><strong>---</strong></font><br>
<b>Alias(es):</b> <font style=float:right><strong>---</strong></font><br>
<b>Gender:</b> <font style=float:right><strong>---</strong></font><br>
<b>Species:</b> <font style=float:right><strong>---</strong></font><br>
<b>Clan:</b> <font style=float:right><strong>---</strong></font><br>
<b>Ethnicity:</b> <font style=float:right><strong>---</strong></font><br>
<b>Height:</b> <font style=float:right><strong>---</strong></font><br>
<b>Hair Hue:</b> <font style=float:right><strong>---</strong></font><br>
<b>Iris Hue:</b> <font style=float:right><strong>---</strong></font><br>
<b>Affiliation:</b> <font style=float:right><strong>---</font><br>
<b>Orientation:</b> <font style=float:right><strong>---</strong></font><br>
<b>Marital Status:</b> <font style=float:right><a href="profile.php?user=" target="_blank"><strong>---</strong></strong></a></font><br>
<b>Personality Traits:</b> <font style=float:right><a title="Unpredictable, loyal, devious, weird, sadomasist, quiet, protective, patient."><font color="red">Hover</a></font></font><br><br>

<b>Piercings:</b> <font style=float:right><strong>---</strong></font><br>
<b>Tattoo's:</b> <font style=float:right><strong>---</strong></font><br>
<b>Scars:</b> <font style=float:right><strong>---</strong></font><br>


</div>

<div id="box2">

<h2>Abilities & Traits</h2>

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

<h2>O O C</h2>

</div>

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

</div></div>

<div id="2" class="slide">
<div class="abox">
<h2>History</h2>
</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="" 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>



</div></div>

<div id="4" class="slide">
<div class="abox">
<h2>Weapons</h2><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>
</div></div>