HELGA CODE

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

<style type="text/css">
@font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/q50589lvhm47jq8/CaviarDreams.ttf); }
@font-face { font-family: Thunder Strike; src: url(https://dl.dropboxusercontent.com/s/vrsjyoo9kvtx2lb/Thunder%20Strike.ttf); }
@font-face { font-family: Human; src: url(https://dl.dropboxusercontent.com/s/r1g2epiepqzip0z/Atelier%20du%20Machiniste.ttf); }
@font-face { font-family: Arkadia; src: url(https://dl.dropboxusercontent.com/s/jken28xo4b4z73k/Arkadia.ttf); }

body {
font-family: verdana;
font-size: 10px;
background-color: #050426;
background-image: url('https://www.transparenttextures.com/patterns/checkered-pattern.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
text-align: justify;
color: #212121;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
i {color: #61505b; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #004A9D; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: caviar dreams; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #491F1D 0px 0px 1px;}
small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

h1 {
font-family: caviar dreams;
color: #004A9D;
font-size: 17px;
line-height: 5px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
border-top: 1px solid #004A9D;
}

#name {
 position: fixed;
 left: 400px;
 top: 540px;
 background: transparent;
 font-family: 'Arkadia';
 font-size: 50px;
 width: 800px;
 background: url('https://i.imgur.com/5w72P9G.gif');
 background-position: 70;
 background-size: auto;
 background-repeat: repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 display: block;
 text-align: center center
 text-transform: lowercase;
 letter-spacing: px;
 opacity: 0.6;
 z-index: 1000;
 }

#main {
 position: fixed;
 top: 300px;
 left: 355px;
 width: 700px;
 height: 285px;
 border: #0F1E55 7px solid;
 padding: 5px;
 background-color: #7893C2;
 z-index: 500;
 font-variant: small-caps;
 overflow: auto;
}

#ooc {
 position: fixed;
 left: 660px;
 top: 309px;
 width: 402px;
 height: 230px;
 padding: 5px;
 color: #666;
 background-color: #7893C2;
 z-index: 5000;
 font-variant: small-caps;
 overflow: auto;
}

#mf {
 position: fixed;
 top: 298px;
 left: 355px;
 width: 300px;
 height: 300px;
 padding: 5px;
 background-color: #242424;
 background-repeat: no-repeat;
 background-image: url('https://i.imgur.com/pUcp9fH.jpg');
 background-position: -180px -80px;
 background-size: 560px;
 z-index: 1000;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
}

#line {
 position: fixed;
 top: 549px;
 left: 360px;
 width: 702px;
 height: 50px;
 padding: 5px;
 background-color: #0F1E55;
 z-index: 1000;
}

#navi {
 position: fixed;
 top: 180px;
 left: 290px;
 width: 1000px;
 height: 30px;
 background-color: transparent;
 z-index: 600;
 transform: rotate(-45deg);
 }

.box {
position: fixed;
left: 660px;
top: 310px;
width: 402px;
height: 229px;
padding: 5px;
color: #666;
font-family: verdana;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
background-color: #7893C2;
opacity: 1;
font-variant: small-caps;
transition: all 1s ease-in-out;
z-index: 4000;
}

.box:target {
top: 310px;
left: 660px;
opacity: 1;
z-index: 7000;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 50px;
height: 10px;
color: #0D316F;
font-family: 'Abel', sans-serif;
margin: 5px;
background-color: #1A549E;
text-align: center;
line-height: 10px;
font-size: 10px;
word-spacing: 1px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

a.nav:hover{
background-color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #d0ced2;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a:hover {
color: #2B3742;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

.soul{
 height: 50px;
 width: 50px;
 border: #9f9596 2px solid;
 opacity: 0.7;
 z-index: 200;
 margin-left: 350px;
 }

</style>

<div id="main"></div> <div id="line"></div>

<div id="name">☠ Raising More than the dead</div>

<div id="mf"></div>

<div id="navi">
<a class="nav" href="#one"></a>
<a class="nav" href="#two"></a>
<a class="nav" href="#three"></a>
<a class="nav" href="#four"></a>
<a class="nav" href="#five"></a>
</div>

<div id="ooc">
 <h1>Out of Character</h1>
<big>Note</big>: Code was made for Helga only. Leave <a href="/profile.php?user=Bee">Bee</a> a PM/RPCmail for inquires for a profile.
<br><big>O2</big>.
<br><big>O3</big>.
<br><big>O4</big>.
<br><big>O5</big>.
<br><big>O6</big>.
</div>

<div id="one" class="box">
 <h1>I feel the breath of ghosts</h1>
<big>Name(s):</big> <font style=float:right>Helga Drumm, Helga the Horrid</font>
<br><big>Birthdate:</big> <font style=float:right>Winter Solstice</font>
<br><big>Race:</big> <font style=float:right>Human</font>
<br><big>Hometown:</big> <font style=float:right>*, Gelida, Lysithea</font>
<br><big>Occupation:</big> <font style=float:right>Necromancer, Cleric of Pelor</font>
<br><big>Marital Status:</big> <font style=float:right> Left <a href="/profile.php?user=">you</a> love notes on their headstones</font>
<br><big>Orientation:</big> <font style=float:right>Pansexual</font>
<br><big>Alignment:</big> <font style=float:right>Believes herself to be Lawful Good</font>
<br><big>Height:</big> <font style=float:right>5'11"</font>
<br><big>Build:</big> <font style=float:right>Mesomorph, Curvaceous</font>
<br><big>Hair Colour:</big> <font style=float:right>Pale Blonde</font>
<br><big>Eye Hue:</big> <font style=float:right>Sapphire Blue</font>
<br><big>Features:</big> <font style=float:right>Pale complexion, Pouty Lips, Smells of Mint and Frost</font>
</div>

<div id="two" class="box">
<h1>Languages</h1>
Common, Elven, Dwarvish, Orcish

<h1>Knowledges</h1>
Religion, History, Arcana, Geography, Planes<br>

<h1>Traits</h1>
Bluff, Concentration, Climb, Decipher Script, Diplomacy, Gather Information, Heal, Intimidate, Jump, Listen, Ride, Search, Sense Motive, Spellcraft, Spot, Survival, Swim, Use Rope<br>

<h1>Feats</h1>
Turn/Rebuke Undead, Combat Casting, Great Fortitude, Improved Initiative, Alignment Aura, Spontaneous Casting
</div></div>

<div id="three" class="box">
<h1>Like fingers on my skin</h1>
 Box 3
</div>

<div id="four" class="box">
<h1>Tracing senseless patterns</h1>
 Box 4
</div>