X Alter

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Rancho);
@import url(https://fonts.googleapis.com/css?family=Farsan);
@import url(https://fonts.googleapis.com/css?family=Allura);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);
@import url(https://fonts.googleapis.com/css?family=Kalam);
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #A5CAEB; }

body {
background-image: url("http://i.imgur.com/E8GOlYY.gif");
background-repeat: repeat;
background-color: #181C30;
background-size: ;
background-position: bottom right;
margin: 0;
}


.bar {position: absolute;
top: 45%;
left:0%;
background: #6f6d85;
width: 100%;
height: 10%;
border-radius: 0px 0px 0px 0px;
background-image: url("http://i.imgur.com/81GlZfJ.gif");
background-repeat: repeat;
background-size: ;
opacity:0.8;
}

#oocimage {position:absolute;
left:41%;
top:-270%;
z-index:0
}

#oocimage:hover .ooc{
opacity: 0.9;
margin-top: 10px;
}

.ooc{
position: absolute;
bottom:0px;
right: 0px;
font-size: 15px;
width: 100%;
height: 100%;
padding: 5px;
font-family: Play;
z-index: 4;
background: #000;
border:2px solid #DFBE75;
color: #4F859F;
text-align: justify;
opacity: 0;
overflow:scroll;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

#box1 {
 position: fixed;
 top:4%;
 left: 4%;
 width: 30%;
height:50%;
 background-color: #3C4159;
 border: solid #6f6d85;
 border-width: 5px 5px 5px 5px;
font-family: Segoe Print;
font-size: 13px;
padding: 4px;
color: #ccc;
height:35%;
line-height:25px;
text-align:center;
overflow: auto;}

#box2 {
 position: fixed;
bottom: 4%;
 left: 4%;
 width: 30%;
height: 50%;
 background-color: #3C4159;
 border: solid #6f6d85;
 border-width: 5px 5px 5px 5px;
font-family: Segoe Print;
font-size: 13px;
padding: 4px;
color: #ccc;
height:35%;
line-height:25px;
text-align:center;
overflow: auto;}

#box3 {
 position: fixed;
 top: 4%;
 right: 4%;
 width: 30%;
height: 50%;
 background-color: #3C4159;
 border: solid #6f6d85;
 border-width: 5px 5px 5px 5px;
font-family: Segoe Print;
font-size: 13px;
padding: 4px;
color: #ccc;
height:35%;
line-height:25px;
text-align:center;
overflow: auto;}

#box4 {
 position: fixed;
 bottom: 4%;
 right: 4%;
 width: 30%;
height: 50%;
 background-color: #3C4159;
 border: solid #6f6d85;
 border-width: 5px 5px 5px 5px;
font-family: Segoe Print;
font-size: 13px;
padding: 4px;
color: #ccc;
height:35%;
line-height:25px;
text-align:center;
overflow: auto;}


h1 {width: 100%; height: auto; font-size: 20px;font-family:homemade apple;margin-top:10px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #; color: #839EAC;text-shadow: -1px 0 #000, 0 -1px #000,-1px 0 #000, 0 -1px #000;}
b { color: #839EAC;text-shadow: -1px 0 #000, 0 -1px #000,-1px 0 #000, 0 -1px #000;}
strong { color: #1F222E;}

a {color: #B7C034; text-decoration: none; }
a:hover {color: black; text-decoration: line-through;
cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}



</style>

<div class="bar">
<div id="oocimage">
<img src="http://i.picpar.com/lDmc.jpg" height="500">
<div class="ooc">
<h1>Out of Flirting.</h1><br>
0.<br>
The hover boxes are from someone that I consider family, the rest of this code is completely mine, however; touch this code and I'll make sure that your life here on RPC is a living hell.<br><br>
1.<br>
I'm starter-post friendly, so if you feel like your starting post is good enough, feel free to send me a post. Just don't be like Minato Ravnos or GinMikurai and be a creep, please.<br><br>
2.<br>
I'm all-around PM friendly, but again, don't be a creep.<br><br>
3.<br>
My skype is open information if I feel I've known you long enough or if we've become good friends. I'm on discord all the time, though.<br><br>
4.<br>
I'm entitled to the fact that I can decline roleplay from whomever I please, don't be an asshole if I turn you down. If I turn you down it's either because I don't like your character (which is rare, but it happens) or I didn't like the idea itself (which is the more likely option. If you want to talk with me about other ideas, that's fine. I'm more than willing to do that. Just don't be an asshole.) I'm here on this site to get away from drama, not to make more of it.<br><br>
5.<br>
Smut and clean are both fine, so smut is as likely to happen as much as character development. Just ask me which I happen to be in the mood for, yeah?<br><br>
6.<br>
There's a likely chance you may know me from other rooms, I have a lot of names. If you do? Cool. Keep that to just between us. If not? Nice to meet you.<br><br>
7.<br>
Yes, Cleopatra is a canon character, and I try to play her accordingly; but nobody is perfect. Don't like how I play her? Don't write with me and fuck off with your criticism.<br><br>
</div>
</div>


<div id="box1">
Box1
</div>

<div id="box2">
Box2
</div>

<div id="box3">
Box3
</div>

<div id="box4">
Box4
</div>
</div>