code for faolan

<style>

.pfor {display: none;}
#profile {border: 0px; background: transparent;}
/* © The Supreme @ RPC */
body{background: #000000 url(http://i.imgur.com/fhHSBpF.jpg); background-size: 250px; overflow: hidden;}
body, a {cursor: url(http://i.picpar.com/Zhzb.png), progress !important;}

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

::-webkit-scrollbar-thumb {box-shadow: inset #000000 0px 0px 4px; border-right: 5px transparent solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;}
::-webkit-scrollbar {width: 8px; background-color: transparent;}

#main{
position: fixed; margin: auto;
left: 0px; right: 0px; top: 0px; bottom: 0px;
width: 506px; height: 454px;
text-align: left;
}

/* These should be the same image, just posted twice. */
#main .close, #main .show{
position: absolute;
width: 500px; height: 200px;
margin-top: 124px;
border: 3px solid #F3F5D1;
}

.story, .ooc{
position: absolute;
margin-left: 3px;
width: 480px; height: 84px;
padding: 7px;
border: 3px solid #F3F5D1;
background: #F3F5D1;
font-family: tahoma;
font-size: 10px;
color: #B30000;
text-align: center;
text-shadow: #000000 0px 0px 0px;
-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;
-webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;
}

.stats, .links{
position: absolute;
margin-top: 127px;
width: 84px; height: 180px;
padding: 7px;
border: 3px solid #F3F5D1;
background: #F3F5D1;
text-align: center;
font-size: 10px;
font-family: tahoma;
line-height: 12px;
letter-spacing: 2px;
color: #B30000;
text-shadow: #000000 0px 0px 0px;
-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;
-webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;
}

.stats strong{
letter-spacing: 1px;
font-size: 12px;
color: #B30000;
font-variant: small-caps;
text-shadow: #000000 -1px -1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 1px 1px 0px;
}

.links a{
display: block;
width: 84px; height: 15px;
text-decoration: none;
font-family: tahoma;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
color: #B30000;
font-variant: small-caps;
line-height: 15px;
text-shadow: #000000 -1px -1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 1px 1px 0px;
}

.links a:hover{
color: #ffffff;
text-shadow: none;
box-shadow: inset #000000 5px 0px 0px, inset #2B818E -5px 0px 0px;
}

.story{margin-top: 114px;}
.ooc{margin-top: 236px;}
.stats{margin-left: -10px;}
.links{margin-left: 412px;}


#main:target .story{margin-top: 0px; background: #000000; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .ooc{margin-top: 350px; background: #000000; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .stats{margin-left: -124px; background: #000000; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .links{margin-left: 526px; background: #000000; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .box{opacity: 1; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}
#main:target .close{z-index: 1;}

.box{
position: absolute;
width: 104px; height: 104px;
text-align: left;
font-size: 10px;
opacity: 0;
font-family: tahoma;
line-height: 12px;
letter-spacing: 2px;
color: #B30000;
text-shadow: #000000 0px 0px 0px;
-webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;
-webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}


.box img{
position: absolute;
margin-left: 25px; margin-top: 25px;
width: 54px; height: 54px;
}

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


<div id="main">

<div class="stats">
<strong>Name</strong><br />
Faolan Armathain <br />

<strong>House</strong><br />
House Armathain.<br />

<strong>Title</strong><br />
Knight. <br />

<strong>Height</strong><br />
6'4".<br />

<strong>Weight</strong><br />
201lbs <br />

<strong>Hair</strong><br />
Black. <br />

<strong>Eyes</strong><br />
Blue.<br />

</div>

<div class="box" style="margin-left: -124px;"><img src="http://i.imgur.com/0DnMU7I.png"></div>
<div class="box" style="margin-left: 526px; "><img src="http://i.imgur.com/0DnMU7I.png"></div>
<div class="box" style="margin-left: -124px; margin-top: 350px"><img src="http://i.imgur.com/0DnMU7I.png"></div>
<div class="box" style="margin-left: 526px; margin-top: 350px"><img src="http://i.imgur.com/0DnMU7I.png"></div>

<div class="story">
<br /><br /><br /><i>Prince of lions, the second son. <br>
Through the darkness, the king will come.</i><br></div>


<div class="ooc">
OOC =/= IC. <br>
I like story <i>and</i> smut.<br>
<a href="https://www.f-list.net/c/faolan%20armathain" >F-List.</a> <br>
</div>


<div class="links">
<a href="http://img14.deviantart.net/6db5/i/2016/334/3/1/for_honor_commission___warden__1_by_g21mm-daq63of.png" target="_blank">Armor.</a>
<a href="http://geddon.org/images/7/7f/Halberd.jpg" target="_blank">Halberd.</a>
<a href="http://68.media.tumblr.com/630ecf05afbfa74e1c71eb7e680c167d/tumblr_o6byi4jOqP1tc7ctfo5_500.jpg" target="_blank">Sword.</a>
<a href="http://www.blackstallionranches.com/cmsadmin/images/gallery_photos/FriesianHistoryGallery/album/lg/121.jpg" target="_blank">Horse.</a>
<a href="http://i.imgur.com/bDoEKd6.png" target="_blank">Heraldry</a>
<a href="http://img09.deviantart.net/e45d/i/2014/221/b/5/olavinlinna_castle_by_pajunen-d7uf1r1.jpg" target="_blank">Birthplace.</a>
<a href="http://68.media.tumblr.com/b0294b84e4575dd94474281c2d70c4fd/tumblr_n0dzz8rEt01rcwa0zo5_250.gif" target="_blank">Chained.</a>
<a href="http://68.media.tumblr.com/560d8f86873e5482f6ae958a69efd0b1/tumblr_n0dlcwRg3t1rz0ey2o1_250.gif" target="_blank">Boredom.</a>
<a href="http://68.media.tumblr.com/d68d0b0b578e828d706325ad8be4eec7/tumblr_n0dmrlmylX1rz0ey2o3_250.gif" target="_blank">Mirth.</a>
<a href="https://media1.popsugar-assets.com/files/thumbor/uSq57e4pcdRlT0FREdh6aMGppSY/fit-in/1024x1024/filters:format_auto-!!-:strip_icc-!!-/2014/11/03/896/n/1922283/3ca1dd2450e5138d_ttdw-tv-spot-return-of-an-avenger-loki-fighting-dark-elf-001/i/he-some-whiny-wimp-He-can-kick-some-ass.gif" target="_blank">Rage.</a>
<a href="https://s-media-cache-ak0.pinimg.com/236x/d7/9a/e2/d79ae2e702d138978c8856c1c0e5d597.jpg" target="_blank">Noble.</a>
<a href="http://68.media.tumblr.com/3eca8efdba16c2eec755e11597f04055/tumblr_n0hjdyHkLx1qe8a0fo3_r1_250.gif" target="_blank">Desperation.</a>
</div>


<a href="#" target="_self"><img class="close" src="http://68.media.tumblr.com/9ad3e19b65a83fe0c3a6a76d2fc20312/tumblr_oase9nnEpa1tmczi0o4_500.gif" alt="" /></a>
<a href="#main" target="_self"><img class="show" src="http://68.media.tumblr.com/244b75adc5d35522561dc12849dfce74/tumblr_ohn0voXLdS1t147ouo1_500.gif" alt="" /></a>
</div>

</div></div>