Delilah

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Cookie|Lobster+Two|Montserrat|Unica+One');


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

.BIGTIDDYBOOKS {
 overflow:hidden;
 position:absolute;
 bottom:-130px;
 left: 10px;
 height:950px;
 width:480px;
 z-index:10;
 background-color: transparent;
 background-image: url('https://i.imgur.com/Y1ARhV5.png');
 background-position:center center;
 background-size: 100%, auto;
 background-attachment: absolute;
 background-repeat: no-repeat;}



.be{
margin-top: 1px;
height: 95px;
width: 95px;
margin-left: 8px;
border:BLANK;
}

body {
 background-image: linear-gradient(to top right, #DF7401 12%, #999);
 background-attachment: fixed;
 overflow: hidden; }

.wrds {
 position:absolute;
 padding:5;
 margin-left:10px;
 margin-top:8px;
 width:120px;
 height:120px;
 text-transform:;
 color:#000;
 background-color:#d4d0cf;
 font-size:12px;
 font-weight:900;
 font-family:calibri, sans-serif;}

#pictureone {


position: fixed;
left: -90px;
bottom: -20px;
margin: 25px;}

#Box1{
position:absolute;
bottom:225px;
left:550px;
height:350px;
width:200px;
border-radius:0px;
background:url('http://i.picpar.com/kw6d.png');
overflow:hidden;
border:4px solid black;
}

#Box2{
position:absolute;
bottom:225px;
left:750px;
height:350px;
width:200px;
border-radius:0px;
background-size: 80%;
background:url('http://i.picpar.com/ow6d.png');
overflow:hidden;
border:4px solid black;
}
#Box3{
position:absolute;
bottom:225px;
left:950px;
height:350px;
width:200px;
border-radius:0px;
background:url('http://i.picpar.com/pw6d.png');
overflow:hidden;
border:4px solid black;
}

#Box4{
position:absolute;
bottom:225px;
left:1150px;;
height:350px;
width:200px;
border-radius:0px;
background:url('http://i.picpar.com/4w6d.png');
overflow:hidden;
border:4px solid black;
}

 .poke{
color:#505050;
font-size:12px;
text-align:center;
font-family:pixel;
margin: 2px;
}

.effect{
height:350px;
width:200px;
background-color:#fff;
filter: alpha(opacity=0);
opacity: 0;
border-radius:0px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

 .effect:hover{
border-radius:0px;
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
display: block;
float: left;
width: 86px;
margin-left: 7px;
-moz-border-radius: 5px;
border-radius: 2px;
font-family: consolas;
text-decoration: none;
font-size: 10px!important;
letter-spacing: 0px;
background-color: bbb;
color: 383838;
padding: 2px;
text-align: center!important;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.sinnoh:hover{background-color:f0e0b8;
color:353535;
text-decoration: none;}

a {
color: #c26e25;
text-decoration:underline;
text-transform:;
font-family: 'Pacifico', cursive;
font-size:15px;
-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: #fff;
-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;}

b {
 color: #c26e25;
 text-decoration: none;
 font-family: georgia, cursive;
 text-transform:;
 font-style:italic;
 font-size:13px;
 letter-spacing:0;}

a:hover{
cursor:help;
color:#260000;
text-decoration:none;
transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #a8a8a8;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}


h1 {
 margin-top:1px;
 line-height:25px;
 text-align:center;
 color:#1f1413;
 font-family: 'Playfair Display', serif;
 font-size:20px;
 letter-spacing:1px;
 text-transform:uppercase;
 border-bottom:1px dotted #c26e25;}

h2 {
 padding:5px;
 margin-top:1px;
 margin-bottom:5px;
 color:#c26e25;
 background:transparent;
 border-bottom:1px solid #1f1413;
 font-size:12px;
 font-family: 'Playfair Display', serif;
 text-transform:uppercase;
 letter-spacing:1px;
 text-align:right;
 font-weight:900;}

#links {
 position:fixed;
 text-transform:uppercase;
 font-size:20px;
 top:50%;
 width:250px;
 transform:translateY(-50%);
 left:calc(50% + 360px);
 line-height:45px;}

.link {
 color:#1f1413;
 text-decoration:none;
 font-weight:800;
 font-size:20px;
 text-transform:uppercase;
 font-family:'Oswald', sans-serif;
 transition:all 0.6s ease;}

.link:hover {
 padding-left:20px;}

#sidebar1 {
 width:300px;
 left:calc(50% - 350px);
 position:;
 top: 100%;
 transform: translateY(-50%);}

.mp{
position: fixed;
bottom: 395px;
left: 460px;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 45px;
color: 0489B1;
background-color:;
border-radius:100%;
text-align: center;
overflow: hidden;
padding-left:3px;
padding-bottom:4px;
z-index:99;
}

.mpc{
float: left;
margin-top: -40px;
margin-left: -10px;
height: 35px;
width: 35px;
opacity:0;
}

#tt { z-index: 10000; letter-spacing: 1; position: absolute; left: 820px; bottom: 580px; text-transform: ; font-family: 'Lobster Two', sans-serif; font-size:75px;
 background: -webkit-linear-gradient(#F8ECE0, #FE9A2E, #424242);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}

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

</style>

<div id= "tt">~Delilah~</div>


</style>

<div id="noclick" oncontextmenu="return false;">

<div class="BIGTIDDYBOOKS"></div>


<div id="box1">
<div class="effect">
<div class="poke">
<h1>The Wild Flower.</h1>

<font style=float:left><b>NAME:</b> </font> <font style=float:right>Delilah Seriah</font><br><br>
<font style=float:left><b>AGE:</b> </font> <font style=float:right>20</font><br><br>
<font style=float:left><b>GENDER:</b> </font> <font style=float:right>Female</font><br><br>
<span style="float:left;"><b>SPECIES</b></span><span style="float:right;"><a title="Plant-Fae">Human?</a></span><br><br>
<font style=float:left><b>HEIGHT:</b> </font> <font style=float:right>5'4</font><br><br>
<font style=float:left><b>NICKNAME:</b> </font> <font style=float:right>Dee-Dee</font><br><br>
<h2><center>Quote:</center></h2>
<center> <i>Life is what you make it, make every moment count just like how a flower makes every moment count until the last petal falls</i>.<br><br><br>
<font style=float:left><b>HAIR COLOR:</b> </font> <font style=float:right>Brunette</font><br><br>
<font style=float:left><b>EYE COLOR:</b> </font> <font style=float:right>Bright Blue</font><br><br>
<font style=float:left><b>SEXUALITY:</b> </font> <font style=float:right>Hetero</font><br><br>
<font style=float:left><b>MARITAL:</b> </font> <font style=float:right>Single</font><br><br>
<br>

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


<div id="box2">
<div class="effect">
<div class="poke">
 <h1>History</h1>
<br>
<br>
<center>
Delilah had a strange childhood, most would call it a sad one even.
<br><br>
At only seven years old her parents who were deeply in love had an anniversary dinner. It was lovely, wonderful...but ended in disaster. She had been sent to a friends house for the night for them to have adult time, but the candles had caught their home on fire...burning the parents alive inside who was found holding one another in the ashes. Their love killed one another and left an imprint on the little girl that would last all her life. Never trust in love, it was the source of all pain.
<br>
<br>
 Being an orphan she was tossed from home to home until finally she couldn't take it anymore and ran away to live life on her own. Wandering through life and through the world she found no place to call her own, found no connections to those around her regardless of how sweet and gentle she was to those around her.
<br>
<br>
 She was afraid of connections, afraid of losing someone else dear to her so she avoided the feelings altogether. Maybe someday someone would be able to fight through her barrier, but for now, the world was her mistress, and life was her love.

</center>

<br><br>

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

<div id="box3">
<div class="effect">
<h1>People N Things!</h1>
<center>
<h2></h2>
<center><b>Gensai:</b></center>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Gensai">
<img style="border: 3px solid #FE9A2E; height:50px; border-radius: 50%;" src="https://i.imgur.com/lvuIELG.png" class="be" title="~Gensai~ He's a muscle-head, but he has a good heart. More logical than heart though. "></a>
<br>
<h2></h2>
<center><b>Elohim:</b></center>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Elohim">
<img style="border: 3px solid #FE9A2E; height:50px; border-radius: 50%;" src="http://i.picpar.com/336d.jpg" class="be" title="~Elohim~ He's gentle at heart, doesn't speak well, and used to be a savage against his will. But I like him. "></a>
<br>
<h2></h2>
</div>
</div>
</div>
</div>

<div id="box4">
<div class="effect">
<div class="poke">
<h1>OOC</h1>
<br><br>
<font style=float:left><b>1:</b> </font> <font style=float:right>Art is not mine.</font><br><br>
<font style=float:left><b>2:</b> </font> <font style=float:right>Story > everything else.</font><br><br>
<font style=float:left><b>3:</b> </font> <font style=float:right>Profile code is mine.</font><br><br>
<font style=float:left><b>4:</b> </font> <font style=float:right>Discord is available when earned.</font><br><br>
<font style=float:left><b>5:</b> </font> <font style=float:right>IRL > RP.</font><br><br>
<font style=float:left><b>6:</b> </font> <font style=float:right>Sometimes prone to vanish.</font><br><br>
<font style=float:left><b>7:</b> </font> <font style=float:right>Here for fun, not drama.</font><br><br>
<font style=float:left><b>8:</b> </font> <font style=float:right>DM Friendly.</font><br><br>
<font style=float:left><b>9:</b> </font> <font style=float:right>Ask to be on Friends List.</font><br><br>
<font style=float:left><b>10:</b> </font> <font style=float:right>I get busy a lot, sorry.</font><br><br>



<br><br>


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

</div>
<div class="mp" title="Hey there, music!">▸<div class="mpc">
<audio controls loop><source src="http://k007.kiwi6.com/hotlink/g5mt2j4wz1/Hey_There_Delilah_Lyrics.mp3"
</audio>