Dragon Age - Cleaver

<style>
@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC|Reenie+Beanie|Ruslan+Display);


body {
	background-color: #333;
	background-image: url('');
	background-position: fixed;
	background-repeat:no-repeat;
	background-position: center;
 	font-family: ;
	color: #7c7c7c;
 	text-shadow:0px 0px 3px #000;
}

h1 {
	color: #fff;
 	font-family:'Reenie Beanie', cursive;
 	font-size: 20px;
font-weight:normal;
 	letter-spacing: 1px;
 	text-shadow:0px 0px 2px #b72f22;
 	background-color:transparent;
 	border-bottom: 1px dashed rgba(255,255,255,.14);
 	padding:3px;
;
}

b {
 	font-weight:bold;
 	text-shadow:0px 0px 2px #c16159;
 	color: #000;
}
	::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

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

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

a {color:#c16159;
	text-decoration: none;
 	font-family: 'Reenie Beanie', cursive;
 	font-size: 15px;
font-weight:bold;
	-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:0px 0px 1px #222;
	}

a:hover {color: #b72f22;
	text-decoration: none;
	-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:0px 0px 1px #000;
	}
	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

#holder{
	position: fixed;
	margin: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 750px;
	height: 600px;
}
	#box2 {
 background: rgba(255,255,255,0.08);
	vertical-align: center;
	color:#f8f8f0;
 	font-family: 'Patrick Hand SC', cursive;
 	font-size: 12px;
font-weight:normal;
	text-align: justify;
	width:420px;
	height:313px;
	left:300px ;
	top: 95px;
	overflow-y:scroll;
	letter-spacing:.5px;
 	position: absolute;
	line-height: 14px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #777;
 	outline: 1px solid #fff;
	outline-offset: 4px;
 	text-shadow:0px 0px 3px #000;}


#boxooc{
          width:250px;
          height:335px;
          box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
          background:url(https://c.fastcompany.net/multisite_files/fastcompany/imagecache/slideshow_large/slideshow/2014/11/3038650-slide-s-3-building-an-epic-one-character-at-a-time.jpg);
          background-size:120%;
          background-repeat:no-repeat;
          background-position:top center;
          overflow:hidden;
          position:absolute;
          left:35px;
          top:104px;
          border: 1px solid #999;
 	  outline: 1px solid #fff;
	  outline-offset:3px;}

#overlay{
         background:rgba(0,0,0,.75);
         text-align:center;
         opacity:0;
        -webkit-transition: opacity .25s ease;
        -moz-transition: opacity .25s ease;
}

#boxooc:hover #overlay {
        height:100%;
        opacity:1;
}

#plus       {
        vertical-align: center;
	color:#f8f8f0;
	font-size:12px;
	font-family: 'Patrick Hand SC', cursive;
	text-align: justify;
	overflow-y:scroll;
	letter-spacing:.5px;
 	position: absolute;
        width:234px;
        position:absolute;
        left:0px;
        padding:5px;
        margin:5px;
     	line-height: 18px;
    	text-shadow:0px 0px 3px #fff;
}

#friends {
	vertical-align: center;
	text-align: center;
	position: absolute;
	left:765px;
	top:97px;
	line-height: 12px;
	padding: 8px;
	margin: 1px;

	}

#friends a {
	width: 150px;
        height:12px;
	font-family: ;
	font-size: 12px;
	text-transform:uppercase;
	letter-spacing: 2px;
	display: inline-block;
	text-align: center;
	background-color: #555;
	-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;
outline:1px solid #999;
outline-offset:4px;
margin-bottom:6px;
	}

</style>


<div id="holder">
<span style="font-family:'Ruslan Display', cursive; font-size:65px; color:#b72f22; left:375px; position:absolute; top:53px; z-index:2; text-shadow:0px 0px 4px #000">Cleaver</span>

<div id="box2">
<h1>The Qunari Wanderer</h1>
Name: Cleaver<br>
Age: 40<br>
Gender: Male<br>
Orientation:<i>grunt</i><br>
Species: Qunari<br>
Height: 7'1"<br>
Weight: 280 lbs<br><br>

Class: <a target="_blank" href="http://dragonage.wikia.com/wiki/Reaver_(Inquisition)">Reaver</a><br>
Weapon: <a target="_blank" href="http://orig10.deviantart.net/7cbb/f/2012/306/f/0/horse_chopper_sword_by_supersalvador-d5jq187.jpg">Blade, a most fitting name.</a><br><br>

<h1>What's an adventure without a bit of spilt blood?</h1>
A culture left behind, Cleaver was determined to set out in search of something to satiate his taste in battle. Once a member of the Qun, as a soldier to their cause, he found himself <i>bored</i> of the sitting and waiting while the armies of the land of Theadas marched around in battle. While he had his fair taste with the Tevinter and other campaigns, the world sat quiet for a long time, and it made him restless. Abandoning his past, he set forth to the mainland, hoping for that glorious battle that he so long yearned. That is when he found the path of the Reaver. It was not an easy one, slaying a dragon was no small matter. However, his bull-headedness and strength saw him through the battle, and the blood from its veins completed the ritual that made his yearning for battle his true call. And so we stand where he is today, an ox-man, stubborn and a braggart, who wonders the land. Some may point to him as a cold-blooded murderer, others may see him as a sellsword. These are only means to an end for him, and perhaps someday, he will finally find the battle he so foundly seeks, the one that will either end him, or make him stronger than any before.

<h1>current rumors</h1>
<b>﴿</b> Wanted posters across Thedas's most seedy hovels brandish a likeness to Cleaver's face! Wanted for crimes he may or may not have committed, the Qunari is retracing his steps in order to clear his name. <br><br>

<b>﴿</b> TBA <br><br>
</div>

<div id="boxooc">
  <div id="overlay">
    <span id="plus"><h1>ooc notes</h1>
0. This code was put together by <a href="https://roleplay.chat/profile.php?user=Stargazer">Stargazer</a>.<br><br>
1.This character is best suited for Dragon Age, however, can be adapted to fit just about any Medieval setting.<br><br>
2. Smut would be preferred to be blended into the story. Come ride the bull. <br><br>
3. Despite appearance, I am PM friendly, so don't be afraid to say hello. <br>
</span>
    </div>
  </div>

<div id="friends">

<a href="https://roleplay.chat/profile.php?user=Zilyana"_blank">Zilyana</a>
<br><br>

<a href="https://roleplay.chat/profile.php?user=Stargazer" target="_blank">Cassian</a>
<br><br>

<a href="https://roleplay.chat/profile.php?user=" target="_blank">TBA</a>
<br><br>

<br><br>

</div>

</div>