jennigans

<style>

.pfor {display: none;}
#profile {border: 0px; background: transparent;}
/* © The Supreme @ RPC */
body{background: #80A098 url(https://images4.alphacoders.com/548/54846.jpg); background-size: 250px; overflow: hidden;}
body, a {cursor: url(https://images4.alphacoders.com/548/54846.jpg), 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;
}

/*  */
#main .close, #main .show{
position: absolute;
width: 500px; height: 200px;
margin-top: 124px;
border: 3px solid #000000;
}

.story, .ooc{
position: absolute;
margin-left: 3px;
width: 480px; height: 84px;
padding: 7px;
border: 3px solid #000000;
background: #000000;
font-family: tahoma;
font-size: 10px;
color: #ffffff;
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 #000000;
background: #000000;
text-align: center;
font-size: 10px;
font-family: tahoma;
line-height: 12px;
letter-spacing: 2px;
color: #000000;
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: #F3F5D1;
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: #F3F5D1;
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 #2B818E 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: #80A098; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .ooc{margin-top: 350px; background: #80A098; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .stats{margin-left: -124px; background: #80A098; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
#main:target .links{margin-left: 526px; background: #80A098; -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: #000000;
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 />
Callie <br />

<strong>stat</strong><br />
- - - <br />

<strong>stat</strong><br />
- - - <br />

<strong>stat</strong><br />
- - - <br />

<strong>stat</strong><br />
- - - <br />

<strong>stat</strong><br />
- - - <br />

<strong>stat</strong><br />
- - - <br />

</div>

<div class="story">
<br /><br /><br />This is the information in the top box.</div>


<div class="ooc">
Jen * Skype Available * Eastern Timezone *
</div>


<div class="links">
<a href="http://66.media.tumblr.com/92def179c764198e66ca0b6bdcb51ddb/tumblr_inline_nof12igzGA1rnldk0_500.gif" target="_blank">link</a>
<a href="http://66.media.tumblr.com/f757665cfd57f33ef602d14af199fce3/tumblr_inline_nof12cZL621rnldk0_500.gif" target="_blank">link</a>
<a href="http://66.media.tumblr.com/e556e907319d824e9952c0c005f19b15/tumblr_inline_nof19xkLFw1rnldk0_500.gif" target="_blank">link</a>
<a href="http://65.media.tumblr.com/6f250f0a1e7cd6632ff29cacc71ef09a/tumblr_inline_mrbyskkKq01qz4rgp.gif" target="_blank">link</a>
<a href="http://67.media.tumblr.com/fb2440b62ff720a1bfc43c0e01689e4f/tumblr_inline_mrbzrwUM0Q1qz4rgp.gif" target="_blank">link</a>
<a href="http://67.media.tumblr.com/e3df51f0f4a2f083a8956c09927a4c14/tumblr_inline_mrbzhvoFLQ1qz4rgp.gif" target="_blank">link</a>
<a href="http://67.media.tumblr.com/160dada9909159fa39e4d8d73a8c854a/tumblr_inline_mrbxxaH37F1qz4rgp.gif" target="_blank">link</a>
<a href="http://67.media.tumblr.com/tumblr_lr99woE24e1qbjr46o2_r3_500.gif" target="_blank">link</a>
<a href="http://66.media.tumblr.com/tumblr_ltjvjgguL51qc4wzco1_500.gif" target="_blank">link</a>
<a href="http://66.media.tumblr.com/tumblr_lnxh5aqdpz1qehuqho1_500.gif" target="_blank">link</a>
<a href="x" target="_blank">link</a>
<a href="x" target="_blank">link</a>
</div>


<a href="#" target="_self"><img class="close" src="http://33.media.tumblr.com/80172e3a10d019b222183ae469c881dd/tumblr_njkspbwXxX1u7a94ro1_500.gif" alt="" /></a>
<a href="#main" target="_self"><img class="show" src="http://33.media.tumblr.com/80172e3a10d019b222183ae469c881dd/tumblr_njkspbwXxX1u7a94ro1_500.gif" alt="" /></a>
</div>
</div></div>