Jez profile

@import url('https://fonts.googleapis.com/css?family=Pinyon+Script|Share+Tech+Mono');
@import url('https://fonts.googleapis.com/css?family=Stalemate');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=Raleway:300');


body{
background-color:#c1c1c1;
background-image:url(https://www.transparenttextures.com/patterns/black-paper.png);
background-attachment:fixed;
overflow:hidden;
}

::-webkit-scrollbar{
width: 5px; }
::-webkit-scrollbar-thumb{
background-color: 1c1c1c;}

::selection {
background: #EEE2D6; /* WebKit/Blink Browsers */}
::-moz-selection {
background: #EEE2D6; /* Gecko Browsers */}

i {
color: #ffffff;}

u {
color: #ef8790;}

b {
font-family: comfortaa;
font-size:12px;
color: #666666;}

strike {
color: #C37A71;}

a, a:link, a:visited {
background-color transparent;
color:#ffffff;
text-decoration:none;
cursor: url(http://i.picpar.com/wxpb.png), auto;}

a:hover {
background-color: transparent;
color: #a7a9d3;
text-decoration: none;
cursor: url(http://i.picpar.com/wxpb.png), auto;}

h1 {
background: -webkit-linear-gradient(#000001, #DED9D9, #000001, #DED9D9, #000001, #DED9D9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: none;
font: 18px 'Playfair Display SC', serif;
text-align: center;
letter-spacing: 4px;
margin-bottom: -3px;}

h2{
font-family: 'Playfair Display SC', serif;
font-size: 14px;
color: #757575;
border-bottom: #4D4232;
text-align: center;
letter-spacing: 5;

text-shadow: 1px 0px 0px #000,
0px 1px 0px #000,
-1px 0px 0px #000,
0px -1px 0px #000;
}


.name{
position: absolute;
font-family: 'Pinyon Script', cursive;
font-size: 110px;
top: 490px;
left: 450px;
color:#DED9D9;
font-family: 'Pinyon Script', cursive;
-webkit-animation: neon1 1.5s ease-in-out infinite alternate;
-moz-animation: neon1 1.5s ease-in-out infinite alternate;
animation: neon1 1.5s ease-in-out infinite alternate;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

.name:hover{
color: #1c1c1c;
font-family: 'Pinyon Script', cursive;
-webkit-animation: neon1 1.5s ease-in-out infinite alternate;
-moz-animation: neon1 1.5s ease-in-out infinite alternate;
animation: neon1 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes neon1 {
from {
text-shadow: 0 0 10px #DED9D9, 0 0 20px #DED9D9, 0 0 30px #DED9D9, 0 0 40px #666666, 0 0 70px #666666, 0 0 80px #666666, 0 0 100px #666666, 0 0 150px #666666;
}
to {
text-shadow: 0 0 5px #DED9D9, 0 0 10px #DED9D9, 0 0 15px #DED9D9, 0 0 20px #666666, 0 0 35px #666666, 0 0 40px #666666, 0 0 50px #666666, 0 0 75px #666666;
}
}

.quote{
position:absolute;
font-family: 'Stalemate', cursive;
color: #DED9D9;
font-size: 50px;
top: 80px;
left: 550px;
}

#nav {
height: 100%;
position: fixed;
text-align:center;
z-index:100;
top: 260px;
left: 915px;
cursor: url('http://i.picpar.com/1eq.png'), default;}

#links {
margin-top:0px;
text-align: center;
width: 15px;
height: 20px;
z-index:100;
top: 50px;
left: 220px;
cursor: url('http://i.picpar.com/1eq.png'),
default;}

#links a {
display: block;
width: 10px;
height: 10px;
border-radius: 10px;
line-height: 13px;
margin-bottom: 10px;
background-color: #1c1c1c;
color:#000000;
z-index:999;
top: 5px;
left: 5px;
border: 1px solid #DED9D9;
border-shadow: 0px 0px 40px #1c1c1c;
cursor: url('http://i.picpar.com/1eq.png'), default;
opacity: .8;}

#links a:hover{
background-color:#DED9D9;
border: 2px solid #1C1C1C;
text-decoration: line-through;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index:999;
cursor: url('http://i.picpar.com/1eq.png'), default;}

#music-bg {
position:absolute;
background-image: url('');
right: 20px;
top: 20px;
width:60;
height:40;
opacity:1;
-webkit-animation: fade4 2s 6s;
animation: fade4 2s 6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 9999;}

#music{
position:absolute;
background-image:
url('http://i65.tinypic.com/20pc9zp.jpg');
background-repeat: no-repeat;
background-size: 35px;
width:35px;
height:45px;
z-index: 9999;
left:8;
top:3;
overflow:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;}

#picleft {
position: fixed;
overflow: auto;
top: 5px;
left: 100px;
width: 320px;
height: 700px;
background: url('https://i.imgur.com/u6KMstS.png');
background-size: 90%;
border: transparent;
opacity: 1;}


#outerbox {
position: absolute;
overflow: auto;
top: 150px;
left: 400px;
width: 510px;
height: 310px;
border-radius: 0px;
background-color: #666666;
border: transparent;
box-shadow: 0px 0px 40px #DED9D9;
opacity: 0.8;
z-index: 102;}


#infobox {
position: absolute;
overflow: hidden;
top: 10px;
left: 8px;
width: 480px;
height: 280px;
border-radius: 0px;
background: #cccccc;
color: #000;
text-align: justify;
font-size: 10px;
font-family: 'Raleway', sans-serif;
letter-spacing: 0px;
opacity: 1;
border: 2px solid #1c1c1c;
padding: 5px;
z-index: 2;}


BODY STUFF:



<div id="nav"><div id="links">
<a href="#1"></a>
<a href="#2"></a>
<a href="#3"></a>
<a href="#4"></a>
<a href="#5"></a>
<a href="#6"></a>

</div></div>

<div id="music-bg">
<div id="music">
<div style="margin-top:4px;">

<audio controls loop="1" style="opacity: 0;"><source src="http://k003.kiwi6.com/hotlink/6nygy4j2pk/Phantogram_-_Black_Out_Days.mp3">
</audio>
</div></div></div>

<div class="name">Jezabel</div>
<div class="quote"> </div>



<div id="outerbox">
<div id="picright"></div>
<div id="picleft"></div>



<div id="infobox"><a name="6"></a>
<div style="height: 280px;" align="center">
<h2>basics</h2><br>
<p>°no starters. Let's chat first, shall we?°</p>
<p>° pm friendly °</p>
<p>° Jezabel is not a succubus. She is a Devil, not a demon. °</p>
<p>° Adores longterm°</p>
<p>° Preference to in room RP°</p>
<p>° Anti-ship. Sorry, no locking her down.°</p>
<p>° Enjoys story, smut, t1 combat, darker themes°</p>
<p>° para to novella °</p>
<p>° Art, code & OC character are mine; DO NOT STEAL °</p>
<p>° Where's my coffee? °</p>

<br></div>

<a name="1"></a>
<div style="height: 280px; overflow: auto;" align="justify">
<h2>Dossier</h2><br>
<b>Name</b> <span style="float: right;">Jezabel</span><br>
<b>Alias</b> <span style="float: right;">Jez</span><br>
<b>Gender</b> <span style="float: right;">Female</span><br>
<b>Species</b> <span style="float:right;">Devil</span></br>
<b>Age</b> <span style="float: right;">Immortal</span><br>
<b>Vices</b> <span style="float: right;"> Sin. Sex. Coffee. Weed.</span><br>
<b>Orientation</b> <span style="float: right;">Sexual</span><br>
<b>Paramour</b> <span style="float: right;">Unlikely</span><br>
<b>Admirers</b> <span style="float: right;"><a target="_blank" href="http://www.thiscrush.com/~ladyiniquity" title="Jezabel's CrushTag">Leave Love</a></span></br>
<b>Demeanor</b> <span style="float:right;"> Mischievous. Aloof. Flirty. Sweet.</span></br>
<b>Business</b> <span style="float:right;">The Devils Den: Coffeeshop & Bookstore</span><br>
<b>Occupation</b> <span style="float:right;">Demon<a title="She is at the top of the devil food chain. When demons get out of hand? She comes to earth to send them back to Hell or extinguish them.">-</a> Repo</span></br>
<h2> P e r s o n a l i t y</h2> <br>
Jezabel described as tough as nails and also very protective. She can be somewhat of a tomboy, in that she doesn't buy into the usual expectations held for teenage girls: she scoffs at high school pretenses, doesn't seem to get on well with other girls, and holds her own against her male counterparts. Jezabel is impulsive and tends to speak before she thinks, which can get her into trouble. She is a highly skilled manipulator with extremely questionable morals, she has proven she is willing to do anything to get what she wants, even at the expense of others' lives. Still, she does seem to value the ties of friendship, though highly selectively, and her desires themselves are never truly known until it's too late. She doesn't allow for anybody to get in her way.
<br></div>

<a name="2"></a>
<div style="height: 280px; overflow: auto;" align="justify">
<h2>Purse</h2><br>
<a target="_blank" href="http://i63.tinypic.com/29kvp1c.jpg"><b>pewter tankard</b></a> - This was once a precious gift from her friend Eeraschyyr and she takes it with her everywhere. It is silver in appearance with odd, somewhat obviously arcane runes etched below the lip and around the base. This mug is magical and capable of granting Jezabel whatever beverage she desires, which is why it was so precious to her. Touch it and die. She's very possessive and protective of it.
<p>
<b>Cell phone</b> - Within this cell phone she keeps track of all her scheduled appointments, checks her e-mail and most often than not, can be seen listening to music upon it or reading a book by kindle upon it, too. Humans are so interesting in the inventions they come up with. She likes this one particularly well.
<p>
<b>Drawing Pad</b> - She can often be found sketching pictures whenever she gets bored. Just what it is that she is drawing, nobody knows, because she's not keen on sharing her art work at all. Maybe if you're lucky she will draw you a picture, but that in itself is a rare event.
<p>
<b>Skeleton Keys</b> - She keeps this set of keys with her at all times, for these keys unlock certain things within The Devils Den - things that could be harmful should the wrong pair of hands get to them.
<br><br>

</div>

<a name="3"></a>
<div style="height: 280px; overflow: auto;" align="justify">
<h2>History</h2>
<br><i>It's hellfire and brimstone, baby..</i> </div>

<a name="4"></a>
<div style="height: 280px; overflow: auto;" align="center">
<h2>The Remembered</h2>

<a target="_blank" href="https://roleplay.chat/profile.php?user=Eeraschyyr" title="An interesting individual that I enjoy the company of. Allorax. He's been to many places and in being such a traveler, there is much to be learned from him. He also gave me a magical mug of which I adore. I'll never be frappuccino-less again. 12/20/17 - Never did I know what a heart's beat was until I met you... 6/19/18 - I remember now why it stopped."><img src="http://i67.tinypic.com/259ikp3.jpg" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a><br>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
<a href="" title="stuff here"><img src="--" width="50"></a>
</div>

<a name="5"></a>
<div style="height: 280px; overflow: auto;" align="justify">
<h2>Extras</h2><br>
<center><p>°Stepping stones°</center></p>
<br>Dec 25th 2017 - Jezabel decided to open up her own coffeehouse and bookstore that Eeraschyyr runs alongside of her. She and her lover Eeraschyyr have named it The Devil's Den. The motto is: "Don't judge a book by its cover." because despite this place looking like a classy and chic bookstore and coffee shop, it has a few secrets - such as the fact that it has a 5 star restaurant for VIPs upstairs and the fact that its basement is the heart of the underground lifestyle. Anything that goes bump in the night can be found in their underground nightclub, for concerts are held down there. Along with the underground nightclub, however, there is also a underground fight club to be found down there too. The Devils Den welcome all character types from all walks of life, but be careful before you wander on into The Devils Den bookstore, you who are still unaware - because not everything is what it seems. </br>

<br>Jan 1st 2018 - Eeraschyyr have interesting company arrive when a man known as Servitude enters the bookstore. His story is a harrowing one, but he hopes that Eeraschyyr and Jezabel can help him with his lust for death. After deliberation, Jezabel and Eeraschyyr have allowed the man to make a deal with them and he now serves them at The Devils Den as a hired hand of sorts. </br>

<br>June 19th 2018 - Walks in to have a cup of coffee and found her beloved Eeraschyyr in the arms of another woman. Six months wasted. Shocked, Jezabel simply leaves without a sound and moves on, regardless of the ache in her chest. There's nothing to be said or saved, despite the disappointment of it all. </br>

<br>June 28, 2018 - Jezabel is already making new friends and these new beginnings and friends are looking pretty awesome. Nothing lasts, but maybe that's a good thing.<br>
<br>Month Day, 2018 - Event </br>
<br></div>

</div>


</style>
</html>