Lydia Code

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Grand+Hotel|Poiret+One|Fredericka+the+Great|Alice|Lobster);


body { background-color: #f7dee9; background-image: url(); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: 100%;}


a { background: transparent; padding: 2px 5px 2px 5px; font-size: 15px; border-radius: 5px; font-family: 'Lobster'; color: #fff; letter-spacing: .2; text-decoration: none;}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important; background: transparent; color: #FF74BB; text-decoration: none; }

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:2px;height:5px;}

b, strong { background: transparent; padding: 2px 5px 2px 5px; font-size: 12px; border-radius: 5px; font-family: 'Fredericka the Great'; color: #FF74BB; text-transform: uppercase;letter-spacing: .2; }

.container { background-image:url('https://www.transparenttextures.com/patterns/fake-luxury.png'); background-color: #F7D0E2;background-attachment: absolute; background-position: center center; background-repeat: repeat; background-size: auto; position: absolute; top: 280px; left: 370px; height: 240px; width: 720px; border: 1px solid #FEC5DC; border-radius: 10px 120px 120px 10px; overflow: hidden; z-index: 1000; z-index: 1;}

.img { position: absolute; top: 132px; left: 335px; height: 390px; width: 265px; background-image: url("http://i.picpar.com/Dvgd.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; z-index: 3;}

.ooc { position: fixed; background-color: #F7D0E2; border: 1px #FEC5DC solid; text-transform: none;overflow: auto; width: 400; height: 190; top: 290px; left: 570; padding: 3px; text-align: justify; font-size: 12px; font-family: 'Poiret One', sans-serif; color: #fff; line-height: 15px; z-index: 2;}

.abox { background-color: #f7d0e2; color: #fff; font-size: 12px; font-family: 'Poiret One', sans-serif; text-align: justify; text-transform: none;position: absolute; width: 400; height: 190; left: 570; top: 290; line-height: 15px; padding: 3px; overflow:auto; border: 1px solid #fec5dc ; z-index: 3;}

.quote { position:fixed; top: 212px; left: 575px; text-align: left; font-family: 'Grand Hotel', cursive; text-shadow: -1px 0px 0px #004423, 0px 1px 0px #004423fff, 1px 0px 0px #fff, 0px -1px 0px #fff; font-size: 70px; color: #FDABD1;  z-index:3; text-align: center;}

.navbar {Background-color: transparent; Position: absolute; left: 564px; top: 500px; z-index: 3000; }

.link1 {Position: absolute; Border: solid 0px #000; Height: 10px; Width: 70px; background-image:url(''); border: 0px solid #004423; border-radius: 0;}

.link2 {Position: absolute; Left: 108px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 0px solid #004423; border-radius: 0;}

.link3 {Position: absolute; Left: 218px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 0px solid #004423; border-radius: 0;}

.link4 {Position: absolute; Left: 327px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 0px solid #004423; border-radius: 0;}

.link1:hover {Background-color: transparent; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
.link2:hover {Background-color: transparent; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
.link3:hover {Background-color: transparent; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
.link4:hover {Background-color: transparent; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}

h1 { font-family: 'Alice'; font-size: 17px; color: #FDABD1; text-transform: uppercase; letter-spacing: 7px; border-bottom: 0px solid #; background-image: url('https://i.pinimg.com/originals/ca/2c/b6/ca2cb65c5e194793ea50ee3fc21328ed.gif'); background-color: #fff;text-align: center; margin-right: 1px; margin-left: 1px; line-height: 30px; margin-top: 1px;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 0px; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Left: 0; Opacity: 1; Z-index: 1000; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.credit { position: fixed; Bottom: 10px; Right: 10px; height: 25px; width: 25px; background-color: #111; border: 1px solid #222; font-size: 15px; font-family: karla; text-align: justify; color: #ccc; z-index: 7000; text-align: center; line-height: 25px;}

</style>

<div class="quote">Lydia von Strauss</div>

<div class="container"></div>
<div class="img"></div>

<div class="ooc">
<center><img style="border: 2px solid pink; height:70px; border-radius: 50%;" src="https://i-h1.pinimg.com/564x/57/c4/07/57c40764dea1efe2cc14dd76dc423d87.jpg?b=t"><img style="border: 2px solid pink; height:70px; border-radius: 50%;" src="https://i-h1.pinimg.com/236x/05/13/47/0513479c1268ae875941026bcebc1e3c.jpg?b=t"><img style="border: 2px solid pink; height:70px; border-radius: 50%;" src="https://i-h1.pinimg.com/564x/3e/a7/93/3ea79377ab2607b73ee33c76bc76afd7.jpg"></center>
<br><h1>Out of Enchantments.</h1><b>01.</B> I like to think that I'm a pretty nice person. You can DM me if you want, but please make sure that it's relevant to character development, or something of that nature.<br>
<b>02.</b> I am the admin for Estelle on RPA. I don't bite <s>unless asked</s>, so if you have any questions or concerns? Please bring them to me!<br>
<b>03.</b> Though the character of Lydia is very sex-centered and something of a nympho, I myself am not. Smut is reserved for her partner <u>only.</u><br>
<b>04.</b> Full-time student, I go afk a lot. I'm pretty busy, js. If RP that gets dragged across days bothers you? Don't play with me, because that tends to happen and there isn't anything I can do to change that.<br>
<b>05.</b> Para/Novella poster. I post what I feel like posting. Usually an excessive amount in response to other posts. That being said, I don't expect the same. I just hope you're putting in equivalent effort.<br>
<b>06.</b> I live by the golden rule! If you're kind to me, I'll be kind in return. If you have a problem with me, do me a favor, okay? Just approach me. We can hash it out between the two of us, I'm sure.<br>
<b>07.</b> Estelle has a <i>DISCORD SERVER.</i> If you're interested in joining, let me know.
</div>

<div class="navbar">
<a class="link1" href="#1"><center>♥</center></a>
<a class="link2" href="#2"><center>♥♥</center></a>
<a class="link3" href="#3"><center>♥♥♥</center></a>
<a class="link4" href="#4"><center>RE.</center></a>
</div>

<div id="1" class="slide">
<div class="abox">
<h1>Beautiful Disaster.</h1>
<b>Name:</b> Lydia von Strauss.<br>
<b>Alias:</b> Pink Witch.<br>
<b>Alter Ego:</b> None.<br>
<b>Age:</b> 135.<br>
<b>D.o.B.:</b> November 29th.<br>
<b>Zodiac:</b> Sagittarius.<br>
<b>Species:</b> Humanoid.<br>
<b>Race:</b> Fae.<br>
<b>Alignment:</b> Neutral.</font><br>
<b>Affiliation:</b> Catalina Guild.<br>
<b>Orientation:</b> Pansexual.<br>
<b>Marital:</b> <a title="There's this dragon that I have a something of a special sexual arrangement with. I wouldn't say we're together, but we're definitely in bed together... probably even as you read this.~">Complicated</a>.<br>
<b>Occupation:</b> Guild Member.<br>
<b>Magic Color:</b> Pink.<br>
<b>Classification:</b> Enchantress.<br>
<b>Homeland:</b> Eakradal.<br>
<b>Residence:</b> Catalina Island.<br><br>
<marquee direction="left" scrollamount="5" height="50" width="390"><center><img style="border: 2px solid pink;" height="40" width="40" src="https://i.pinimg.com/originals/f9/c1/ca/f9c1cad49e20b16e89116461dbfc7698.gif">       <img style="border: 2px solid pink;" height="40" width="40" src="https://i.pinimg.com/originals/2a/51/a8/2a51a8bf96c3cb18719c3761a578b172.gif">        <img style="border: 2px solid pink;" height="40" width="40" src="https://i.pinimg.com/originals/14/95/b4/1495b4d083f28bc6c829ca265788cbbc.gif">        <img style="border: 2px solid pink;" height="40" width="40" src="https://i.pinimg.com/originals/46/00/62/4600628039007f14cddc6b0bb95d8401.gif">     <img style="border: 2px solid pink;" height="40" width="40" src="https://i.pinimg.com/originals/6e/17/c7/6e17c7f192fd81944bed6997be0be664.gif"></center></marquee><br><br>
<b>Hair Color:</b> Pink.<br>
<b>Eye Color:</b> Light Green.<br>
<b>Skin Tone:</b> Pale.<br>
<b>Complexion:</b> Smooth.<br>
<b>Height:</b> 4'8".<br>
<b>Weight:</b> 99 lbs.<br>
<b>Blood Type:</b> O+.<br>
<b>Handedness:</b> Left (Dominant).<br>
<b>Scars:</b> Numerous.<br>
<b>Style:</b> Girly.



</div></div>

<div id="2" class="slide">
<div class="abox">
<center><img style="border: 2px solid pink" src="https://i-h1.pinimg.com/564x/cd/1b/50/cd1b505508bff8001f9b16acc9e31ade.jpg?b=t" height="40" width="40">    <img style="border: 2px solid pink" src="https://i-h1.pinimg.com/564x/0d/68/cb/0d68cb3cf5a75ee761302e3d39941774.jpg?b=t" height="40" width="40">  <img style="border: 2px solid pink; height: 70px; width: 70px; border-radius:50%;" src="https://i.pinimg.com/originals/60/48/dc/6048dc470e810b5927790516a730186a.gif">
<img style="border: 2px solid pink" src="https://i-h1.pinimg.com/564x/ae/09/67/ae09671b48dc5abc46d62950edeaf916.jpg?b=t" height="40" width="40">  <img style="border: 2px solid pink" src="https://i-h1.pinimg.com/564x/a9/9a/24/a99a249088d8bf66600180ce51f3938a.jpg?b=t" height="40" width="40"></center>
<h1>Magical Prowess.</h1>


</div> </div>
<div id="3" class="slide">
<div class="abox">


</div></div>

<div class="credit"><a href="http://abadbitchcodes.tumblr.com/" target="_blank">©</div>