The Nameless

<style type="text/css">
	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:black;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('');
	background-repeat:repeat;
	background-position:;
	background-attachment: fixed;
	background-color:black;
	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 #368BC1;
	}



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

	#boximg4 {position:absolute;
	left:198;
	top:260;
	width:80;
	height:80;
	border:2px solid #368BC1;
        -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 #368BC1;
        -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 #368BC1;
        -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 #368BC1;
        -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 #368BC1;
        -ms-transform:rotate(45deg); -webkit-       transform:rotate(45deg); transform:rotate(45deg);}



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

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


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

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

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

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




	#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:black;
	vertical-align: center;
	text-transform: none;
	color:#368BC1;
	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;
	margin: 1px;
	overflow:hidden;
	border:2px solid #368BC1;
	}
	#box2 {background-color:black;
	vertical-align: center;
	text-transform: none;
	color:white;
	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;
	overflow:auto;
	border:2px solid #368BC1;
	}

	#box3 {background-color:black;
	vertical-align: center;
	text-transform: none;
	color:white;
	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;
	overflow:auto;
	border:2px solid #368BC1;
	}

.abox {background-color:#000; color: #fff; font-size: 12px; font-family: Nyala; text-align: justify; 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 #368BC1; }

.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 #361c1a; Height: 15px; Width: 120px; background-color: #151515;}

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

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

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

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

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


.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;}

@font-face {
 font-family: 'Farewell';
 src: url('https://dl.dropboxusercontent.com/s/ybq90s4q604z1pn/Farewell%20Pro%20Regular.ttf');
}

b {
font-family: 'Farewell';
font-size:14px;
color:#E5E4E2;
font-variant: small-caps;
font-weight: normal;
line-height: 20px;
font-variant: small-caps;
}

@font-face {
 font-family: 'Silent';
 src: url('https://dl.dropboxusercontent.com/s/pnavhyj87qas2ar/Silent%20Lips.ttf');
}


strong {
font-family: 'Silent';
font-size:16px;
color:#ADDFFF;
font-variant: small-caps;
font-weight: normal;
line-height: 20px;
font-variant: small-caps;
}


	#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">OOC</font></a>
<a class="link5" href="#5"><font color="white">Reset</font></a>
</div></div>



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



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

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

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

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

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

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



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

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

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

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

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

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



<div id="box">

NAVBAR ALL TO LINK TO THIS BOX


</div>

<div id="box2">

Some Info here

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

MORE INFO HERE

</div>

<div id="1" class="slide">
<div class="abox">

NAVBAR ALL TO LINK TO THIS BOX

</div></div>

<div id="2" class="slide">
<div class="abox">

</div></div>

<div id="3" class="slide">
<div class="abox">

</div></div>

<div id="4" class="slide">
<div class="abox">

</div></div>