Tribulation Code

<style>@import url(//fonts.googleapis.com/css?family=Pinyon+Script|Cinzel|Nothing+You+Could+Do);

h1{
color: #777;
font-family: Cinzel, sans-serif;
font-size: 25px;
letter-spacing: 1px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .11), rgba(255, 255, 255, 0));
line-height:0px;
height:1px;
text-align:center;
text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

b{
color: #777;
text-shadow: none;
letter-spacing: 3px;
}

#container {
opacity: 0;
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: #000;
-moz-transition: all 1.0s ease-out;
-ms-transition: all 1.0s ease-out;
-o-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;
z-index: 99;
}

#container:hover {
opacity: 1.0;
-moz-transition: all 1.0s ease-out;
-ms-transition: all 1.0s ease-out;
-o-transition: all 1.0s ease-out;
transition: all 1.0s ease-out;

}
#gatopen {
position: fixed;
top: 25%;
left: 37%;
z-index: 0;
}

body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur686.cur), progress !important;
}

#box2 {
background: rgba(255,255,255,0.02);
vertical-align: center;
color:#f8f8f0;
font-size:10px;
font-family:Cinzel, sans-serif;
text-align: justify;
width:420px;
height:285px;
left:530px ;
top: 240px;
overflow-y:auto;
letter-spacing:.5px;
position: absolute;
line-height: 14px;
padding: 10px;
margin: 10px;
border: 0px solid black;
outline: 1px solid rgba(255,255,255,.13);
outline-offset: 5px;
text-shadow:2px 1px 3px #000;
z-index:1;
}

#gattsframe{
background-image:url(http://68.media.tumblr.com/83022c5d6bf76964099c348d8b7c3c73/tumblr_o2bxjakAJu1sbm5keo2_r1_500.png);
background-color:#080808;
background-repeat:no-repeat;
background-position:center right;
background-size:40%;
width:800px;
height:400px;
top:200px;
left:489px;
position:absolute;
border:1px solid rgba(255,255,255,.14);
}

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

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

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

a {color:#e8cf6d;
text-decoration: none;
letter-spacing:3px;
-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;
text-shadow:1px 1px 5px #222;
}

a:hover {color: #ccc;
text-decoration: none;
letter-spacing:4px;
-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;
text-shadow:1px 1px 5px #222;
}
</style>

<div id="container">
<span style="position:absolute; font-family: Nothing You Could Do, cursive; font-size:19px; left:480px; top:610px; color:ccc;">"If you're always worried about crushing the ants beneath you... you won't be able to walk."</span>
<span style="position:absolute; font-family: Nothing You Could Do, cursive; font-size:69px; left:500px; top:110px; color:ccc;">GATTZ</span>


<div id="box2"><h1>the swordsman</h1>
<span style="float:left">Moniker: Gattz</span> <span style="float:right">Class: Berserker</span><br>
<span style="float:left">Race: Abomination</span> <span style="float:right">Weapon: Fleshbiter</span><br>
<span style="float:left">Age: Mid twenties</span> <span style="float:right">Type: Ultra Greatsword </span><br>
<span style="float:left">Alignment: Chaotic Good</span> <span style="float:right">Height: 6'5"</span><br>
<span style="float:left">Preference: Women</span> <span style="float:right">Weight: 285lbs.</span><br>
<span style="float:left">Status: Alone; Traveling</span> <br><br>

<a href="">link</a> <b>bold</b>

<h1>persona</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mauris sapien, tempor vel pulvinar sit amet, scelerisque sit amet nulla. Fusce augue nibh, accumsan vitae luctus sed, tempus placerat diam. Nunc congue urna quam, eu hendrerit nisi vulputate at. Phasellus quis mollis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus arcu lectus, consectetur suscipit arcu fermentum quis. Nullam orci odio, molestie non consectetur ut, ultrices sit amet leo. Duis rutrum vulputate libero eu sagittis. Quisque faucibus ipsum ut molestie sollicitudin. Vestibulum sit amet maximus quam. Donec fringilla dolor sed erat mattis ullamcorper. Integer et tempus nisi. Sed in pretium lorem, vel sollicitudin urna. Morbi vel venenatis lorem, eget ornare quam. Nam iaculis tempus risus vestibulum convallis.<br><br>

Nullam ut tristique ante. Integer sed eros nisl. Vivamus semper bibendum eros, non volutpat arcu molestie non. Donec lectus purus, rutrum eget dui aliquam, congue gravida metus. Nullam fermentum nunc libero, ornare euismod ante ultrices at. Duis a congue ligula, vel placerat leo. Vestibulum eu vehicula sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut aliquet venenatis turpis, eget consectetur dui luctus id. Donec lorem leo, faucibus eget sapien vitae, feugiat feugiat quam. Suspendisse ac bibendum magna. Curabitur in commodo turpis. Fusce nunc odio, iaculis sit amet mi a, vulputate dapibus purus. Morbi porta, felis vestibulum tincidunt accumsan, tortor mauris hendrerit lectus, quis ornare orci risus a urna. Donec varius metus quis placerat fringilla.<br><br>

<h1>abilities</h1>
<b>Berserker</b>: When the mundane simply isn't enough, one will always draw upon something much greater, should they have the ability. Pain fuels his fury, and his blood becomes napalm (Can be vomited onto something/someone and ignited).<br><br>
<b>Abomination's Cowl</b>: A foreboding aura that encapsulates Gattz once in the thick of battle, resembling a jagged, monstrous thing akin to a wolf. Acts as a second skin, a second layer of defense.<br><br>
<b>Abomination's Mark</b>: A mark on the right of his neck that will bleed and pulsate when in the presence of malicious entities, unspoken or not, mundane or otherwise.<br><br>
<b>Abomination's Strength</b>: He possesses a vast physical strength, which allows him to heft his iron sword without tiring for great periods of time. He's capable of wielding it single-handed for brief periods of time.<br><br>
<b>Sixth Sense</b>: A natural ability to see lesser and greater spirits or supernatural entities with perfect clarity, whether inhabiting a mundane host or otherwise.<br><br>

<h1>inventory</h1>
<b>Flesh-biter</b>: A sword often noted as "a heap of raw iron", this is his primary weapon. 7'3" of iron, it is wide enough to be used as a shield as well as sword. Additionally, the edge is blunted, but still very capable of cutting. There is a magnetic clamp in his prosthetic arm that aids in holding the weapon. This weapon is said to weigh well over four hundred pounds.<br><br>
<b>Prosthetic</b>: Gattz's left arm from the elbow down was torn off, and has since been replaced by a metal prosthesis that doubles as a cannon. While less powerful than a conventional one, it still packs a great amount of force. The hand folds down to reveal the mouth of the cannon.<br><br>
<b>Throwing Knives</b>: Five knives of six inches, he can throw these with accuracy.<br><br>
<b>Knife</b>: A blade of eight inches that he might sometimes use for fighting, should he not use flesh-biter or his left arm.<br><br>
<b>Partitioned armor</b>: Black pieces of steel that cover his legs, chest, and upper arms. The armor of his upper arms take on a more plate-like style. Covering his groin, instead of armor, is boiled leather.<br><br>

<h1>traveling companions</h1>
<a href="">Name</a><br>
Nullam ut tristique ante. Integer sed eros nisl. Vivamus semper bibendum eros, non volutpat arcu molestie non. Donec lectus purus, rutrum eget dui aliquam, congue gravida metus.
<br><br>

<h1>ooc</h1>
My muse is fickle, and I go through depressive slumps. These two things can effect my writing.<br>
Code is thrown together by <a target="_blank" href="https://roleplay.chat/profile.php?user=Blackbird">blackbird</a><br>
Discord available, skype is not.<br>
Meant for the Dark themes. He is based heavily upon Berserk's "Guts".<br>
PM-RP is fine, starting with a post is fine.<br>
Smut is not a primary focus, but it isn't improbable, given he's a testosterone-filled man swinging a giant iron sword.<br>
</div>

<div id="gattsframe"></div>
</div><div id="gatopen"><img src="http://i.imgur.com/88fxEZn.png"></div>