Rosalind and Salem code RPC

<style>

::-webkit-scrollbar {
 width: 2;
 height: 2;
}

body {
background-color: #6b0a1b;
background-image: url("http://www.transparenttextures.com/patterns/psychedelic.png");
}

a:link, a:active, a:visited {text-decoration: none;
color: #7e7c89;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a:hover, a:focus {color: #7e7c89;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#divbg {
 position: absolute;
 bottom: 75px;
 right: 75px;
width: 230px; height: 315px;
background-color: #6b0a1b;
background-image: url("http://www.transparenttextures.com/patterns/psychedelic.png");
border: solid 1px #6b0a1b;
z-index: 2;}

#divbg:hover + #hover, #hover:hover {bottom: 0px;
opacity: 1;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;}

#divpic {position: absolute;
margin-top: 10px; margin-left: 10px;
width: 210px; height: 295px;
background-image: url("http://i.imgur.com/CBQPiek.png"); background-size: cover; background-position: center;
opacity: 1;}

#hover { position: absolute;
 bottom: 0px;
 right: 0px;
width: 210px; height: 295px;
background-color: #6b0a1b;
background-image: url("http://www.transparenttextures.com/patterns/dark-brick-wall.png");
opacity: 0;
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;}

#lines {position: absolute;
margin-top: 204px; margin-left: 8px;
width: 83px; height: 83px;
}

#pic2 {position: absolute;
margin-top: 4px; margin-left: 4px;
width: 75px; height: 75px;
opacity: .6;}

#nav {position: absolute;
margin-top: 200px; margin-left: 97px;}

#nav a {display: block;
margin-bottom: 5px;
text-align: center;
font-family: 'Share'; font-size: 11px; color: #7e7c89;
line-height: 10px;
letter-spacing: 1px;
width: 101px; height: 15px;
background-image: url("http://i.imgur.com/7NSlRVG.png"); background-size: 15px;
background-color: #000000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#nav a:hover {color: #7e7c89;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.backbg {position: absolute;
margin-top: 4px; margin-left: 4px;
width: 93px; height: 9px;
background-image: url("http://i.imgur.com/ZuxHrNJ.png"); background-size: 80px;}

#hovertext {position: absolute;
margin-top: 8px; margin-left: 8px;
text-align: justify;
font-family: 'Share'; font-size: 11px; color: #7e7c89;
width: 194px; height: 188px;
background-image: url("http://i.imgur.com/7NSlRVG.png"); background-size: 15px;
background-color: #000000;
overflow: auto;}

.hats { position: absolute;
 bottom: -80px;
 right: 475px;
width: 232px; height: 317px;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;}

.hats:target {opacity: 1;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;}

.hats:target .box4 {margin-left: 5px;
opacity: 1;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;}

.box4 {position: absolute;
 margin-top: 0px;
 margin-left: 0px;
 width: 450px;
 height: 235px;
background-color: #6b0a1b;
background-image: url("http://www.transparenttextures.com/patterns/psychedelic.png");
 border: solid 1px #10121f;
 -webkit-transition: all 0.9s ease-in-out;
 -moz-transition: all 0.9s ease-in-out;
 -o-transition: all 0.9s ease-in-out;
 transition: all 0.9s ease-in-out;
}

.box5 { position: absolute;
 margin-top: 10px;
 margin-left: 5px;
 width: 440px;
 height: 215px;
background-color: #6b0a1b;
background-image: url("http://www.transparenttextures.com/patterns/dark-brick-wall.png");
}
.box6 { position: absolute;
 margin-top: 8px;
 margin-left: 8px;
 text-align: justify;
 font-family: 'Share';
 font-size: 11px;
 color: #7e7c89;
 width: 425px;
 height: 200px;
 background-image: url("http://i.imgur.com/7NSlRVG.png");
 background-size: 15px;
 background-color: #000000;
 overflow: auto;}

p {margin: 0px 14px;}

i {color: #7e7c89;}

h1 {margin: 10px 13px 8px; text-align: right; font-family: 'Share'; font-size: 20px; color: #7e7c89; font-variant: small-caps; font-weight: normal; text-transform: lowercase; line-height: 5px; letter-spacing: 4px; border-bottom: solid 1px #10121f;}


</style>







 <div id="divbg">
 <div id="divpic">
 <div id="hover">
 <div id="lines">
 <div id="pic2">
 <a href="http://clubpandemonium.wixsite.com/info" target="_blank"><img alt=""
 height="75px" src="http://68.media.tumblr.com/e0084f87aa292e34b38e9222310a2225/tumblr_oimie9mNOm1w0l85do4_250.gif" width="75px"></a>
 </div>
 </div>
 <div id="nav">
 <div class="backbg">
 <a href="#one" target="_self">one</a><a href="#two" target=
 "_self">two</a><a href="#three" target="_self">three</a><a href="#four"
 target="_self">return</a>
 </div>
 </div>
 <div id="hovertext">
 <h1>The Bio</h1>
 <p><span style="float: left;"><a href=
 "xxx"
 target="_blank">Name</a></span> <span style="float: right;">Rosalind Korvein</span><br>
 <span style="float: left;"><a href=
 "http://imgur.com/g71CvjC"
 target="_blank">Gender</a></span> <span style=
 "float: right;">Female</span><br>
 <span style="float: left;"><a href=
 "xxx"
 target="_blank">Species</a></span> <span style=
 "float: right;">Classified</span><br>
 <span style="float: left;"><a href=
 "http://33.media.tumblr.com/727b29641d874a740e4231163dd2c4c6/tumblr_mj7f56gNYC1r6h1seo1_400.gif"
 target="_blank">Height</a></span> <span style=
 "float: right;">5'7"</span><br>
 <span style="float: left;"><a href=
 "xxx"
 target="_blank">Weight</a></span> <span style="float: right;">130
 lbs</span><br>
 <span style="float: left;"><a href=
 "xxx"
 target="_blank">Eye Color</a></span> <span style=
 "float: right;">Amber</span><br>
 <span style="float: left;"><a href="xxx">Location</a></span> <span style=
 "float: right;">Chimera & Catatonic</span><br>
 <span style="float: left;"><a href="https://68.media.tumblr.com/d34ff247b34fdad8dde6e15f7f953c29/tumblr_oiegncshup1tmpmafo1_500.gif" target="_blank">Occupation</a></span> <span style=
 "float: right;"><a href="xxx" target="_blank">Classified</a></span><br>
 <span style="float: left;"><a href="xxx" target="_blank">Trait</a></span> <span style=
 "float: right;">Poised</span><br>
 <span style="float: left;"><a href="http://33.media.tumblr.com/tumblr_mbnav8hs4n1r7sjkoo1_250.gif" target="_blank">Orientation</a></span> <span style=
 "float: right;">Demisexual</span><br>
 <span style="float: left;"><a href="http://i.imgur.com/yrIUXRR.jpg" target="_blank">Crushing?</a></span> <span style=
 "float: right;"><a href="http://www.thiscrush.com/~korvein" target="_blank">Leave Love.</a></span><br>
 <span style="float: left;"><a href="
http://66.media.tumblr.com/0c48920d0641263eeb54cf25f3b4f666/tumblr_mywjnco4as1qd5ic3o1_500.gif
" target="_blank">My King</a></span><span style=
 "float: right;"><a href="https://roleplay.chat/profile.php?user=Salem+MacNamara" target="_blank">Salem MacNamara</a><a href="http://i.imgur.com/wmJFS8y.jpg"> ♥</a><a href="http://i.imgur.com/nPyhAxT.jpg">♥</a></span><br>
 <span style="float: left;"><a href="http://i.imgur.com/BiSa8.gif" target="_blank">Theme</a></span><span style=
 "float: right;"><a href="https://www.youtube.com/watch?v=ECRRRcXycjI"
 target="_blank">Your Addiction</a></span><br>
</div>
 </div>
 <div class="hats" id="one">
 <div class="box4">
 <div class="box5">
 <div class="box6">
 <h1>The Lady</h1>
 <p>Siren cloaked in sensuality and a sultry and wicked grin, it's no surprise that Rosalind has been known to be called Lady Rosalind. Naturally dominant in personality, she's at times given recreational scoldings and used her skills as a dominant to take up role of Leader. She's far more than that, however. Best way to explain the dominatrix and leader within her is by her own words: "Men categorize women in one of four ways: mothers, virgins, sluts & bitches. Of course, none of the above is suitable for the modern business woman. But you can create your own image by selecting pieces of each archetype that work for you. The sexual attractiveness of the slut. The wisdom of the mother. The integrity of the virgin. The independence of the bitch. This leaves men confused and unable to pigeonhole you. What they are forced to do instead is take you <b><i>seriously."</b></i> Regardless of whether they want to or not, Rosalind is unforgettable due to who and how she is, and long after she's left the room, she's knowingly left a stain of herself upon one's mind.
 </div>
 </div>
 </div>
 </div>
 <div class="hats" id="two">
 <div class="box4">
 <div class="box5">
 <div class="box6">
 <h1>Her Life</h1>
 <p>Rosalind Korvein is the youngest of 7 siblings of the powerful bloodline of Korvein - the demon line that created Sin itself. When her family was hunted and scattered, she started out on her own and eventually became leader of a group that came to be known as The Invisius - an elite group of thieves and assassins that haunt a city known as Lativerna and despite her youth, has risen to become Queen. But hers is a double life. She is a noble lady by day, loved and cherished by all and a underground queen of crime by night. Don't let her beautiful looks or charisma fool you - she's as cutthroat as they get and bears loyalty only to that which is hers. Her bloodline, her King, her son and her Invisius. </p></br>
 </div>
 </div>
 </div>
 </div>
 <div class="hats" id="three">
 <div class="box4">
 <div class="box5">
 <div class="box6">
<h1>OOC</h1>
 <p>
<b>DO NOT STEAL THIS CODING</B> my friend coded it himself.
 <br>
 <br>
<b>My King has first priority above all.</b> Yes, ours is an open relationship, but no I'm not about to choose you over him. Don't like it? Fuck off.
<br>
<br>
 I'm slowly working on this. If you have any questions in terms of plot taste, character information, sexual preferences or something of the such, do ask. I'm rather friendly.
 <br>
 <br>
 Storyline, smut, horror, spars It's whatever. What matters is it being para or greater, and I do tend to favor long term ideas.
 <br>
 <br>
 Something outside of here? Sure. Earn it.
 <br>
 <br>
 Never and I mean never mix up something which is done IC as OOC. Quickest way to being ignored.
 </p>


 </div>
 </div>
 </div>
 </div>
 </div>
 </div>