Leif

<style type="text/css">
	html, body {
	background: #fbfbfb;
	}


	::-webkit-scrollbar-button:vertical:{
	background-color: #FFFFFF;}

	::-webkit-scrollbar-thumb:vertical {
	background-color:#FFFFFF;
	height:150px;}

	::-webkit-scrollbar-thumb:horizontal {
	background-color:#090909;
	height:60px;}


	::-webkit-scrollbar {
	height:60px;
	width:5px;
	background-color:#090909;}


	#profile {
	background-color: transparent;
	border: 0px ;
	}

	.pfor {display: none}



	#image {
	background-color:transparent;
	width: 400px;
	height:100%;
	margin:auto;
	position: absolute;
	left:0px;
	top:0px;
	background-image:url("https://40.media.tumblr.com/e590a71755d510bc806f4d5456577f81/tumblr_n78xuztRW01r9qmhoo1_r1_500.png");
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100%;
	}


	#container {
	background-color:#transparent;
	width: 300px;
	height:300px;
	margin:auto;
	position: absolute;
	right:50px;
	top:100px;
	border-top: #4b0000 solid 1px;
	border-bottom: #4b0000 solid 1px;
	}

		#icon {
	background-color:#FFFFFF;
	width: 125px;
	height:135px;
	margin:auto;
	position: absolute;
	left:0px;
	top:10px;
	background-image:url("https://36.media.tumblr.com/d49969c83cde3ee614ca7988c77444a7/tumblr_mvlntgDbZf1rtfj5ho1_500.jpg");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:170%;
	opacity:0.7;
	}

		#icon2 {
	background-color:#FFFFFF;
	width: 125px;
	height:135px;
	margin:auto;
	position: absolute;
	left:0px;
	bottom:10px;
	background-image:url("https://38.media.tumblr.com/5ae5599dec1e88708fdd693894247e10/tumblr_mlir6evdza1r2zjcdo1_500.gif");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:200%;
	opacity:0.7;
	}


		#content {
	background-color:#4b0000;
	width: 165px;
	height:220px;
	margin:auto;
	position: absolute;
	right: 0px;
	top:10px;
	}


		#header {
	background-color:#4b0000;
	width: 165px;
	height:15px;
	margin:auto;
	position: absolute;
	right: 0px;
	top:235px;
	font-family:monospace;
	font-size:15px;
	font-weight:lighter;
	font-style:none;
	color:#C9CCC7;
	letter-spacing:3px;
	text-transform:lowercase;
	text-align:center;
	z-index:2;
	}

		#tibit {
	background-color:#4b0000;
	width: 165px;
	height:10px;
	margin:auto;
	position: absolute;
	right: 0px;
	top:255px;
	color:#C9CCC7;
	}


		#bar {
	background-color:#4b0000;
	width: 165px;
	height:10px;
	margin:auto;
	position: absolute;
	right: 0px;
	top:270px;
	text-align:center;
	z-index:2;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	}

			#navi {
	background-color:#transparent;
	width: 300px;
	height:20px;
	margin:auto;
	position: absolute;
	right: 50px;
	top:82px;
	text-align:right;
	z-index:2;
	}


		.detail {
  background-color: #transparent;
  width: 150px;
  height:210px;
  right:55px;
  top:115px;
  opacity: 0;
  overflow: auto;
  padding: 5px;
  position: fixed;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.detail:target {
  opacity: 1;
}

		div, table, td, p, .text, font, textarea, input {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#C9CCC7;
	letter-spacing:1px;
	word-spacing:-1px;
	text-decoration:none!important;
	}


	#navi a, #navi a:link, #navi a:visited {
	display:inline-block;
	background: #transparent;
	color: #65A8A6;
	height: 25px;
	width:25px;
	margin-left:0px;
	margin-top:5px;
	padding:0px;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	background-image:url("http://i.picpar.com/Vmpb.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	}

	#navi a:active, #navi a:hover {
	display:inline-block;
	height: 25px;
	width:25px;
	padding:0px;
	text-decoration:none;
	background: #transparent;
	color: #555555;
	margin-left:0px;
	margin-top:5px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	}

		#bar a, #bar a:link, #bar a:visited {
	display:inline-block;
	background: #transparent;
	border:1px solid #FFFFFF;
	color: #000000;
	height: 10px;
	width:35px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:9px;
	color:#FFFFFF;
	text-decoration: none;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

	#bar a:active, #bar a:hover {
	display:inline-block;
	height: 10px;
	width:35px;
	text-decoration:none;
	background: #555555;
	color: #555555;
	margin-right:5px;
	margin-top:0px;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	}

		h1 {
	margin-top:2px;
	margin-bottom:5px;
	padding-right:2px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:lighter;
	font-style:none;
	color:#EEEEEE;
	letter-spacing:3px;
	text-transform:lowercase;
	text-align:right;
	}


	</style>

<div id="image"> </div>

<div id="navi">
	<a href="#one"></a>

	<a href="#two"></a>

	<a href="#three"></a>

	<a href="#four"></a>

	<a href="#five"></a>

</div>


<div id="container">
<div id="icon"></div>
<div id="icon2"></div>

<div id="content"></div>


<div id="header">Header</div>

<div id="bar">
<a href="" target="_blank">Party</a>
<a href="" target="_blank">Party</a>
<a href="" target="_blank">Party</a>

</div>


<div id="tibit">

</div>

</div>


<div id="one" class="detail">
<h1>One</h1>


</div>

<div id="two" class="detail">
<h1>Two</h1>


</div>

<div id="three" class="detail">
<h1>Three</h1>

</div>

<div id="four" class="detail">
<h1>Four</h1>

</div>

<div id="five" class="detail">
<h1>Five</h1>
Ya better give me credit or so help me. -_-


</div>