Code - Dazzler

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Spicy+Rice|Griffy|Open+Sans|Gloria+Hallelujah');

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

::-webkit-scrollbar {
width: 1px;}

::-webkit-scrollbar-thumb {
background: transparent;}

::selection {
color: #000;
background: #fff;}

body {
 background-image: url('');
 background: -webkit-linear-gradient(#f7b977, #eb813c, #cc621c);}


@keyframes Gradient {
 0% { background-position: 0% 50% }
 50% { background-position: 100% 50% }
 100% { background-position: 0% 50% }}

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

h1 {
 font-family: 'Spicy Rice', cursive;
 font-size: 15px;
 color: #ffffff;
 font-size: 16px;
 line-height: 5px;
 text-transform: uppercase;
 font-weight: bold;
 text-align: right;
 letter-spacing: 1px;
 border-top: 1px Solid #fff;}

.stars {
 position: absolute;
 left: 0px;
 top: 0px;
 bottom: 0px;
 right: 0px;
 margin: auto;
 width: 100%;
 height: 100%;
 background: url('http://i.imgur.com/aFFhUOK.gif'); overflow: hidden; opacity: 0.4; }

a {
 color: #a72bc4;
 text-decoration: none;
 text-transform: ;
 font-family: 'Gloria Hallelujah', cursive;
 font-size: 14px;
 letter-spacing: 1;
 -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;}

b {
color: #00d5d8;
font-family: 'Open Sans', sans-serif;
text-transform: ;
font-size: 13px;
letter-spacing: 0;}

i {
 color:#fd0cd0;
 font-family: 'Open Sans', sans-serif;
 text-transform: lowercase;
 font-size: 12px;
 letter-spacing: 1;}

u {
 color:#96b401;
 font-family: 'Open Sans', sans-serif;
 text-transform: lowercase;
 font-size: 12px;
 letter-spacing: 1;}

s {
 color:#feae2b;
 font-family: 'Open Sans', sans-serif;
 text-transform: lowercase;
 font-size: 12px;
 letter-spacing: 1;}

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

.pic {
 overflow:hidden;
 position: absolute;
 text-align:justify;
 top:0px;
 left:0px;
 height:500px;
 width:455px;
 z-index: 1;
 filter: drop-shadow( 5px 0px 0px #000830);
 background-image: url('https://i.imgur.com/2OJvJAP.png');
 background-position:center center;
 background-attachment: absolute;}

.outerbox {
position: absolute;
height: 505px;
width: 785px;
background-image: url(https://www.transparenttextures.com/patterns/arabesque.png);
background-color: #e99125;
box-shadow:1px 1px 20px #000;
padding: 10px;
overflow: auto;
bottom: 50px;
left: 600px;
border: 1px solid #070b12;}

.con {
position: absolute;
height: 480px;
width: 760px;
background-image: url(https://www.transparenttextures.com/patterns/black-twill.png);
background-color: #1c231a;
box-shadow:1px 1px 20px #000;
padding: 10px;
overflow: auto;
bottom: 10px;
left: 10px;
border: 1px solid #070b12;}

.bar {
position: absolute;
box-shadow:1px 1px 10px #000;
background: #1c231a;
height: 700px;
width: 300px;
right: 10px;
bottom: 0px;
opacity: .8;}

.text {
 position: absolute;
 overflow: auto;
 font-family: 'Open Sans', sans-serif;
 font-size: 12px;
 color: #6B6B6B;
 text-align: justify;
 line-height: 14px;
 letter-spacing: 0px;
 font-style: normal;
 -webkit-text-stroke: 0px #000;
 height: 480px;
 width: 270px;
 right: 40px;
 top: 30px;}

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

<div class="stars"></div>
<div class="outerbox">
<div class="con">
<div class="pic"></div>
<div class="bar"></div></div>

<div class="text">
<h1>statistics</h1>
<font style=float:left><span><b>Name:</b></span></font> <font style=float:right>Cadhiye Xilioscient</font><br>
<font style=float:left><span><b>Alias:</b></span></font> <font style=float:right>Dazzler</font><br>
<font style=float:left><span><b>D.O.B.:</b></span></font> <font style=float:right>---</font><br>
<font style=float:left><span><b>Hometown:</b></span></font> <font style=float:right>---</a></font><br>
<font style=float:left><span><b>Haven:</b></span></font> <font style=float:right>---</a></font><br><br>

<font style=float:left><span><b>Species:</b></span></font> <font style=float:right>---</a></font><br>
<font style=float:left><span><b>---:</b></span></font> <font style=float:right>---</a></font><br>
<font style=float:left><span><b>---:</b></span></font> <font style=float:right>---</a></font><br><br>

<font style=float:left><span><b>Marital Status:</b></span></font> <font style=float:right><a target="_blank" href="link here" target="_blank">---</a></font><br>
<font style=float:left><span><b>Orientation:</b></span></font> <font style=float:right>---</font><br><br>

<font style=float:left><span><b>Occupation:</b></span></font> <font style=float:right>---</font><br>
<font style=float:left><span><b>Properties:</b></span></font> <font style=float:right>---</font><br>
<font style=float:left><span><b>Affiliations:</b></span></font> <font style=float:right>---</font><br><br>

<h1>history</h1>
this is just an example.<br>
<b>this is just an example.</b><br>
<i>this is just an example.</i><br>
<u>this is just an example.</u><br>
<s>this is just an example.</s><br>
<br><br>

<h1>abilities and skills</h1>
this is just an example.<br>
<b>this is just an example.</b><br>
<i>this is just an example.</i><br>
<u>this is just an example.</u><br>
<s>this is just an example.</s><br>
<br><br>

<h1>connections</h1>
<center>
<a target="_blank" href="" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="border: 2px solid #30705b; border-radius: 50%; height:50px;" src="http://i.picpar.com/FVIc.png"></a>

<a target="_blank" href="" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="border: 2px solid #30705b; border-radius: 50%; height:50px;" src="http://i.picpar.com/FVIc.png"></a>

<a target="_blank" href="" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="border: 2px solid #30705b; border-radius: 50%; height:50px;" src="http://i.picpar.com/FVIc.png"></a>

<a target="_blank" href="" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="border: 2px solid #30705b; border-radius: 50%; height:50px;" src="http://i.picpar.com/FVIc.png"></a>
</center>
<br><br>

<h1>out of character</h1>
<b>one</b> This is a code made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions.<br><br>
<b>two</b> Stuff. <br><br>
<b>three</b> Stuff. <br><br>
<b>four</b> Stuff. <br><br>
<br><br>

</div></div>