Caide

	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('');
	background-repeat:repeat;
	background-position:;
	background-attachment: fixed;
	background-color:#29272A;
	font: 0px arial;
	color: black;}
	#profile {background-color: transparent;
	border:0px;
	}

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

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

	a {color:;
	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;
	}

	a:hover {color: black;
	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;
	}

	::selection {
	color: #29272A;
	background: #eee;
	}

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

@font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}


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

	#box {background-color:#666;
	vertical-align: center;
	position: absolute;
	width:200;
	height:350;
	left: 800px;
	top: 199px;
	margin: 1px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	border:15px solid #666;
	}

	#box:hover {background-color:#666;
	vertical-align: center;
	position: absolute;
	width:400;
	height:350;
	left: 360px;
	top: 199px;
	margin: 1px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	border:15px solid #666;
	}

	#background {
	position:fixed;
	background-color:29272A;
	width:500;
	height:400;
	left: 800px;
	top: 199px;
	}

	#image {position:absolute;
	left:800;
	top:200;
 -webkit-filter: grayscale(100%);
	border:15px solid #666;
 z-index: 2;

	}

	#title {
	position:absolute;
	background-color:#666;
	font-size:30px;
	font-family:times;
	text-align:center;
	text-transform:lowercase;
	color:#29272A;
	width:250;
	height:25;
	line-height:23px;
	top:170;
	left:0;
	}

	#image2 {
	position:absolute;
	background-image: 	url('http://www.legendarydeeds.com/wiki/images/c/c7/Andy-Gabriel-andy-whitfield-32460816-245-138.gif');
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: absolute;
	background-size:cover;
	border-radius:100px;
	border:5px solid #29272A;
	width:100;
	height:100;
	left:-5;
	top:-10;
 -webkit-filter: grayscale(100%);
	z-index: ;}



	#quote {background-color:;
	vertical-align: center;
	text-transform: none;
	color:#29272A;
	font: normal normal normal 20px
	‘times’;
	text-align: justify;
	position: absolute;
	width:290;
	left: 100px;
	top: 0px;
	letter-spacing:0px;
	line-height: 15px;
	padding: 10px;
	margin: 1px;
	border-top:1px dotted #111;
	border-bottom:1px dotted #111;
	}

	#meow {
	position:absolute;
	left: -220px;
	top: 60px;
	width:250px;}

	#navi {
	vertical-align: center;
	text-align: center;
	position: absolute;
	left:0;
	top:125;
	letter-spacing:0px;
	line-height: 10px;
	padding: 5px;
	margin: 1px;
	}

	#navi a {
	padding: 7px;
	width: 100px;
	font-family: tinytots;
	font-size: 8px;
	text-transform:uppercase;
	letter-spacing: 1px;
	display: inline-block;
	text-align: center;
	color:#666;
	background-color: #29272A;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	border: 1px solid #666;
	}

	#navi a:hover {background-color:#666;
	color:#29272A;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	border: 1px solid #29272A;
	}

	#gif {
	position:absolute;
	left:130;
	top:131;
 -webkit-filter: grayscale(100%);
	width: 100%;}

	.info {
	position: absolute;
	color:#666;
	font-size:8px;
	font-family:tinytots;
	text-transform:uppercase;
	text-align: justify;
	overflow: auto;
	width:261;
	height:186;
	left:-300;
	top:130;
	background-color: #29272A;
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	z-index: 1;
	padding: 10px;
	margin: 1px;

	}

	.info:target {
	position: absolute;
	left:129;
	opacity: 1;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	}

	h1{
	border-bottom:1px solid #666;
	color:#666;
	font-size:17px;
	line-height: 17px;
	font-family:times;
	text-align: right;
	text-transform:lowercase;
	letter-spacing:5px;
	margin: 0px 5px 5px;
	text-shadow: 1px 0px 0px #000,
	0px 1px 0px #000,
	-1px 0px 0px #000,
	0px -1px 0px #000,
	0px 0px 20px #000;
	}

	h2{
	border-bottom:1px dotted #666;
	color:#666;
	width:150;
	font-size:8px;
	line-height: 8px;
	font-family:Silkscreen;
	text-align: left;
	text-transform:uppercase;
	margin: 5px 5px 5px;
	text-shadow: 1px 0px 0px #000,
	0px 1px 0px #000,
	-1px 0px 0px #000,
	0px -1px 0px #000,
	0px 0px 20px #000;
	}

	#credit {position:fixed;
	right:0;
	bottom:0;
	}

@font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}

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


<div id="content">

<div id="box">

<div id="meow">
<img src="https://i.pinimg.com/originals/17/92/d8/1792d89aedcb5f413354b6864b08dd12.jpg" width="300px">
</div>

<div id="gif">
<img src="https://66.media.tumblr.com/tumblr_lxjw7umpo41r9pmwlo1_500.gif" width="280px">
</div>

<div id="image2">
</div>

<div id="quote">
<i>

“Be careful who you trust, the devil was once an angel...”

</i>
</div>

<div id="navi">

<a href="#">reset</a>
<br><br>
<a href="#one">one</a>
<br><br>

<a href="#two">two</a>
<br><br>

<a href="#three">three</a>
<br><br>

<a href="#four">four</a>

<br><br>
<a href="#five">five</a>
</div>

<div id="one" class="info">

<h1>Dossier</h1>
<br>
<br>
<b>NAME:</b> Caide<br><b>Date of birth:</b> Ageless<br><b>Gender:</b> Male<br><b>Height:</b> 6'0<br><b>Weight:</b> 195 pounds<br><b>Build:</b> Lean/Athletic<br><b>Hair:</b> Brown<br><b>Eyes:</b> Blue<br><b>Species:</b> Fallen Archangel<br><b>Ranking:</b> Prince of the Underground<br><b>Orientation:</b> Straight<br><b>Status:</b> Single<br><b>


<br>


</div>

<div id="two" class="info">
<h1>History</h1>
There came a war. From that war came the first wave. Within that, he fell.<br>One of the first. <br><br>He followed the others, dividing up and spreading out into the different sections that reigned supreme below. Governed by one, though never seen. <br>He led armies to destroy and conquer the East, untold casualties among those that fought. He was victorious however, and his name is whispered among those in history, as far back as ancient scrolls first scribbled his title. <br>
</div>

<div id="three" class="info">
<h1>Personality</h1>
Ruthless, hard hearted, corrupt, dishonorable. Just a few traits that Caide possesses but he does not always let them show. He can be just as charismatic, charming and sensitive to those he deems deserving. However, he always has a hidden agenda, whatever it may happen to be.<br><br>Upon his return to middle ground, he keeps his true identity hidden, using the alias "Caide" as a means of performing what diabolicals acts he so chooses.<br><br>Intelligent yet scheming, something dark and sinister is always lurking in close proximity...
</div>

<div id="four" class="info">
<h1>Attributes</h1>
WIP
</div>

<div id="five" class="info">
<h1>OOC</h1>
<br><br>
<li>DM Friendly</li>
<li>IC is not OOC, know the difference</li>
<li>Do not DM with a starting post, but ideas are more than welcome</li>
<li>Para preferred</li>
<li>Room RP preferred</li>
<li>Story based writer, I don't apologize for this</li>
<li>Don't be a cunt, I won't be a dick</li>
<li>FC: Andy Whitfield
</div>
</div>

<div id="background">
</div>

<div id="image">
<img src="https://pmcdeadline2.files.wordpress.com/2010/06/spartacus-andy-whitfield-1-788789.jpg" width="250px">
<div id="title">
<i><b>CAIDE</i>
</div>
</div>