old destiny code

<style type="text/css">

	#music{position:fixed;
 	bottom:30px;
 	left:980px;
 	z-index:99;
	}


	#music1{
 	position:fixed;
 	padding:2px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;}

	#music1:hover #music2{
 	opacity:0.7;
 	margin-top:-25px;
 	z-index:-1;}

	#music1:hover #music3{
	opacity:0.7;
	margin-top:0px;
	z-index:99;}

	#music1:hover #musiclist{ opacity:1;}


	#music3{
 	position:fixed;
	width:20px;
 	height:20px;
 	background-size: 15px;
 	background-image: url('http://www.free-icons-download.net/images/grays-play-button-icon-17896.png');
	background-repeat: no-repeat;
 	background-position: 50% 0%;
	padding-left:5px;
	padding-right:5px;
 	z-index:99;
 	margin-left:0px;
 	overflow:hidden;
	background-color: #736495;
	opacity:1.0;}

</style>


<div id="music">
<div id="music1">
<div id="music3">

<audio controls style="opacity: 0;"><source src="https://instaud.io/_/PeW.mp3"></audio>

</div>
</div>
</div>






<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">

body {

background-color: #fff;
background-image: url(https://s3.amazonaws.com/destiny-www/assets/article/2016/07/01/dark-side-of-destiny-fallen-tank_feature.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

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

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

a {color: #D77A00;
	text-decoration: none;
	}

	a:hover {color: black;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

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

b {
color: #637BB5; }
i {
color: #FF0000; }

.abox {background-color:#e3dac9; color: #000; font-size: 14px; font-family: calibri; text-align: justify; font-variant: small-caps; position: absolute; width:432; height:350; left: 900; top:250; letter-spacing:0px; line-height: 12px; padding: 5px; margin: 1px; overflow:auto; border:3px double black;}


.navbar {Position: absolute; Height: 13px; Width: 282px; Left: 1000; Bottom: 10; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }

.link2 {Position: absolute; Left: 70px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }

.link3 {Position: absolute; Left: 120px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }

.link4 {Position: absolute; Left: 170px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }

.link1:hover {Background-color: #000;}
.link2:hover {Background-color: #000;}
.link3:hover {Background-color: #000;}
.link4:hover {Background-color: #000;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; 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: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
	#title {position:absolute;
	color: black;
	left:230;
	top:140;
	}

#iconone img{
 position:absolute;
 bottom: 30px;
 left:40;
 -webkit-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
 transition: opacity 1s ease-in-out;
border: 5px solid #702B78;}

#iconone img.top:hover {
 opacity:0;}

#icontwo img{
 position:absolute;
 bottom: 350px;
 left:40;
 -webkit-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
 transition: opacity 1s ease-in-out;
border: 5px solid #ffffff;}

#icontwo img.top:hover {
 opacity:0;}

#iconthree img{
 position:absolute;
 bottom: 30px;
 left:350;
 -webkit-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
 transition: opacity 1s ease-in-out;
border: 5px solid #F8941D;}

#iconthree img.top:hover {
 opacity:0;}


#iconfour img{
 position:absolute;
 bottom: 350px;
 left:350;
 -webkit-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
 transition: opacity 1s ease-in-out;
border: 5px solid #2C9EC3;}

#iconfour img.top:hover {
 opacity:0;}


h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #000000;}
</style>

<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 id="iconone">
 <img class="bottom" src="http://i.picpar.com/vWqc.jpg" height="250" width="250" />
 <img class="top" src="http://i.picpar.com/rxqc.png" height="250" width="250" />
</div>

<div id="icontwo">
 <img class="bottom" src="https://68.media.tumblr.com/55f51fad0c15d06a5661883ebfcb7585/tumblr_o2evs5cjAY1u7ob5co1_r1_500.png" height="250" width="250" />
 <img class="top" src="http://i.picpar.com/rxqc.png" height="250" width="250" />
</div>


<div id="iconthree">
 <img class="bottom" src="https://68.media.tumblr.com/3e950672cc60b72a5816b7ec9052b519/tumblr_nzbxisB7jU1uypiv0o1_500.png" height="250" width="250" />
 <img class="top" src="http://i.picpar.com/rxqc.png" height="250" width="250" />
</div>


<div id="iconfour">
 <img class="bottom" src="https://68.media.tumblr.com/237a1153c0b7200fd022d7961e06cec6/tumblr_nxfj3uiFIE1qedouro1_500.png" height="250" width="250" />
 <img class="top" src="http://i.picpar.com/rxqc.png" height="250" width="250" />
</div>


<div id="1" class="slide">
<div class="abox">
<strong>"Long ago, The Eliksni were once visited by the Great Machine."</strong><br><br>

The Traveller sacrificed itself to save humanity. When the Darkness came, and intended to destroy the last of the light, it gave them one last chance. From this, the Ghost were created, and from them came the Guardians, bastions of hope and goodness against the Dark. Yet, it was not just humanity that was chosen. Once the leader of a mighty House, Kell Trovaks saw it all come to an end, betrayed by his own Archon as the Battle of the Twilight Gap. The House was no more, but, then there was a light, a flicker, and the Kell returned, chosen to be one of those who would wield the Light. So he wondered, finding soon that he too, was not alone in this task. He knew what must be done. His House was to be reborn. Yet, they were small, weak compared to the House surrounding him. And so exists a rumor, somewhere in the European Dead Zone, lies a mysterious House, eager to communicate with the Guardians. For peace. For honor. Will you seek them out, Guardian? Or is this a clever ruse?
</div></div>

<div id="2" class="slide">
<div class="abox">
<strong><font color="999999">Trovaks:</font></strong><br>
The Kell of Redemption<br>
(Top left)<br><br>

Height: 7m (23ft)<br>
Weight: 410kg (904lbs)<br>
Gift of the Machine: Ravaris-Chall (Redemption Prime) <br><br>

The leader of House Redemption. The one who will lead them back to the Light. A strong Kell, that leads by his strength, and his wisdom. He has led his House with secrecy in mind, and while the Guardians continue their war against the Darkness, Trovaks hunts down the Darkness near the city where he can. However, he has begun to grow desperate, and risks exposure by sending small messages to Guardians around the system, in hopes to seek an audience.<br><br><br>

<strong><a target="_blank" href="https://roleplay.chat/profile.php?user=Sykras" target="_blank"><font color="F8941D">Sykras:</font></a></strong><br>
The Elder Captain<br>
(Bottom Right)<br><br>

Height: 2.4m (8ft)<br>
Weight: 250kg (440lbs)<br>
Gift of the Machine: Kara-Rull (Trailblazer)<br><br>

The first child of Trovaks. Brilliant strategist, hardened warrior, and defender of the House. Sykras was the first to be found by Trovaks, and trained with him to improve his prowess in combat. While his leadership is noted in strength, he much prefers to take the challenge himself, and often fights the enemies of the light with his own, and only his.<br><br><br>


<strong><a target="_blank" href="https://roleplay.chat/profile.php?user=Yolzek" target="_blank"><font color="2C9EC3">Yolzek:</font></a></strong><br>
The Scout Captain<br>
(Top Right)<br><br>

Height: 2m (5'5")<br>
Weight: 98kg (218lbs)<br>
Gift of the Machine: Arka-Livik (Living Arc)<br><br>

The second child of Trovaks. Loyal to the end, headstrong, and naive. Yolzek was the second to be found by Trovak, and learned how to stick to the shadows, and remain quiet. However, her devote loyalty to her Kell has her often act first, before thinking actions over. In her travels across the Cosmodrome and beyond, she has picked up many small skills and trinkets, and yearns to go beyond the blue sky, but remains at her Kell's side until that day comes.<br><br><br>

<strong><a target="_blank" href="https://roleplay.chat/profile.php?user=Phalvas" target="_blank"><font color="702B78">Phalvas:</font></a></strong><br>
The Mystic Captain<br>
(Bottom Right)<br><br>

Height: 2.1m (7ft)<br>
Weight: 125kg (275 lbs)<br>
Gift of the Machine: Voroo-Taras (Twisting Void)<br><br>

The Third Child of Trovaks. Inquisitive, calm under pressure, and hiding a hidden fury. Phalvas was the third to be found by Trovaks, and was instructed on how to control the Light she was given by the Traveler. However, she was given a taste of what powers the Traveler once had, and Trovaks could only do so much. She is constantly learning, sifting through relics of the Golden Age, in hopes to learn ways to harness her true power, and use it to help her House reach redemption.<br><br><br>


</div></div>

<div id="3" class="slide">
<div class="abox">
1: Still more to work on, and more to add. Will be a WIP.<br><br>

2: This profile is mainly meant for Destiny rooms, but can be modified to most sci-fi. As well, this profile takes the form of the Kell of the House, as if one of the Captains are needed, will be logged onto.<br><br>

</div></div>

<h2>Layout © <a target="_blank" href="http://pastebin.com/u/[FILTERED]" target="_blank"[FILTERED]/a></h2>