rebellious code

<style type="text/css">

/* © devilslocket designs. This profile was a commissioned piece intended for the sole use of NAMEHERE - if you're interested in acquiring a layout like this, PM "Cat" or mail her. Please do not take, redistribute, or otherwise alter the codes on this profile. */

@import url(https://fonts.googleapis.com/css?family=Share);
@import url(https://fonts.googleapis.com/css?family=Squada+One);
@import url(https://fonts.googleapis.com/css?family=Anton);

.pfor { display: none; margin: 0 auto; }

#profile { background: #transparent; border: 0px; margin: 0 auto; }

body { background-color: #000; background-image: url('https://www.transparenttextures.com/patterns/brilliant.png'); color: #a78d81; text-align: justify; margin: 0 auto; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }

a, a:link, a:visited { font-family: share; font-size: 12px; color: #d633ff; text-decoration: none; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }

i { color: #fffbea; font-weight: none; border-bottom: 1px dotted #fffbea; }

u { color: #d79f71; }

b, strong{ font-weight: normal; color: #e60073; font-family: Share; font-size: 12px; text-transform: none; }

/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */

::selection {background:#transparent; color: transparent;
 text-shadow: 0 0 5px rgba(0,0,0,0.5); }
::-moz-selection {background:#transparent; color:#transparent; color: #fff;
 text-shadow: 0 0 5px rgba(0,0,0,0.5); }

h1{ font-family: squada one; font-size: 23px; background: #5c0099; color: #2e004d; text-transform: uppercase; letter-spacing: 4px; margin-top: 15px; margin-left: 10px; margin-right: 10px; line-height: 15px; text-align: center; text-shadow: -1px 0 #9192b9, 0 1px #9192b9,1px 0 #9192b9, 0 -1px #9192b9; }

p { text-align: justify; padding-right: 10px; padding-left: 10px; margin-top: 5px; }

/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */

::-webkit-scrollbar-thumb:vertical {background-color:#2e004d;;height:30px;}

::-webkit-scrollbar { height:30px;width:6px; background-color:#transparent;}

.statistics td { width: 500px; text-align: left; font-family: Share; font-size: 12px; color: #8c8dc7; line-height: 14px; padding-left: 20px; padding-right: 20px; }

#everything { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; width: 100%; height: 100%; background: #transparent; overflow: hidden; }

/* ----------------------------------------------- */

#ruler { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; background: #fff; width: 900px; height: 500px; }

#render { position: fixed; left: -870px; top: -330px; bottom: 0px; right: 0px; margin: auto; background: url('https://i.imgur.com/kEVk9GE.png?1'); background-repeat: no-repeat; width: 500px; height: 460px; }

#info1 { position: fixed; left: -290px; top: 290px; bottom: 0px; right: 0px; margin: auto; background-color: #3d0066; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 500px; height: 210px; border: 1px solid #3d0066;}
#info2 { position: fixed; left: -180px; top: 257px; bottom: 0px; right: -770px; margin: auto; background-color: #3d0066; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 370px; height: 242px; border: 1px solid #3d0066;}

#baseline1 { position: fixed; left: -210px; top: 42px; bottom: 0px; right: 0px; margin: auto; background-color: #3d0066; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 420px; height: 27px; border: 1px solid #3d0066; }

/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */

#header1 { position: fixed; left: 120px; bottom: -555px; right: 0px; top: -80px; bottom: 0px; right: -50px; margin: auto; background: #transparent; width: 900px; height: 75px; font-family: Anton; font-size: 70px; background: url(https://i.imgur.com/hPGDhNa.gif) -20px -20px repeat; -webkit-text-fill-color: transparent; -webkit-background-clip: text; display:block; text-align: center; text-transform: uppercase; letter-spacing: 5px; line-height: 92px; opacity: 1; }

#header1b { position: fixed; left: 100px; top: -555px; bottom: 0px; right: -50px; margin: auto; background: #transparent; width: 800px; height: 75px; font-family: Anton; font-size: 70px; -webkit-text-fill-color: transparent; text-transform: uppercase; -webkit-background-clip: text; display:block; text-shadow: -1px 0 #586583, 0 1px #586583,1px 0 #586583, 0 -1px #586583; text-align: center; opacity: 1; text-transform: uppercase; letter-spacing: 5px; line-height: 92px; }

#header2 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; background: #transparent; width: 355px; height: 60px; font-family: Satisfy; font-size: 40px; color: #a0a1aa; overflow: hidden; line-height: 50px; text-transform: lowercase; letter-spacing: 2px; text-shadow: -1px 0 #2F2238, 0 1px #2F2238,1px 0 #2F2238, 0 -1px #2F2238; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; }

#tabbed { position: absolute; left: 10px; top: 10px; background: #000; width: 480px; height: 190px; font-family: share; font-size: 12px; color: #8c8dc7; text-transform: none; overflow: auto; }
#stats { position: absolute; left: 10px; top: 10px; background: #000000; width: 350px; height: 223px; font-family: Share; font-size: 12px; color: #8c8dc7; text-transform: none; overflow: auto; }

#navitabs { position: fixed; left: -150px; top: 41px; bottom: 0px; right: 0px; margin: auto; background: #transparent; background-repeat: repeat; width: 380px; height: 25px; text-align: center; }

a.navi2, a.navi2:visited { display: inline-block; width: 55px; height: 12px; background: #000000; margin-top: 8px; margin-right: 7px; margin-left: 7px; opacity: 1; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition: all 0.5s ease-out; }

/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */

a.navi2:hover { background: #18193d; opacity: 1; -webkit-transition:opacity 0.7s linear; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.picpic { border: 1px solid #4c0080; width: 50px; height: 50px; margin-bottom: 5px; margin-right: 2px; margin-left: 2px; }

/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
/* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */

</style>

<div id="info1"><div id="tabbed">

<div style="width: 480px; height: 190px; overflow-y: hidden;">
<a name="one"></a>
<div style="width: 480px; height: 190px; overflow: auto;">


<h1>LISTENING. SUCH A SIMPLE CONCEPT.</h1>
<p><b>one.</b> This profile was created for Xayah by <a target="_blank" href="http://devilslocketdesigns.webs.com" target="_blank">devilslocket designs.</a> Please do not take, alter, or otherwise redistribute the coding. If you are interested in procuring a layout, please send mail to <a target="_blank" href="https://roleplay.chat/profile.php?user=Cat">Cat</a> via RPC.</p>

<p><b>two.</b> My name is Star, a few call me waifu or Belle, a rarity calls me Cap'n or Summer. I'm sure I'll collect a few other nicknames, good or bad, before I eventually quit role-playing. Ask for my Discord if you really want it.</p>

<p><b>three.</b> Whenever I am online.. I am here either to indulge in role-play, strike up conversation or play some group oriented PC game. I am uninterested in OOC bullshit, despite my love for Korean dramas.</p>

<p><b>four.</b> I love descriptive, literate role-play. I am not a spelling nazi, but please make some form of effort to use spellcheck now and then. Long-term or short-term is interchangeable, but long-term partners are generally top priority. Smut depends on my mood and comfort level at the moment. </p>

<p><b>five.</b> To shut down all the idiotic messages and assumptions in chat. I play a canon-divergent Xayah. It's a bit darker, edgier and revenge driven. Please don't tell me how to portray my character or be a dick for no reason. Respect works both ways. So to that end, <I>no I do not auto-ship.</i> </p>

<p><b>six.</b> Cory knows my favorite flavor of ice cream.

</div>

<a name="two"></a>
<div style="width: 480px; height: 190px; overflow: auto;">

<h1>I WAS BORN TO RUFFLE FEATHERS</h1>

</div>

<a name="three"></a>
<div style="width: 480px; height: 190px; overflow: auto;">

<h1>EVER BEEN STABBED BY A FEATHER?</h1>

</div>

<a name="four"></a>
<div style="width: 480px; height: 190px; overflow: auto;">

<h1>BEHOLD! I AM DEPLETED OF CARES.</h1>

</div>

<a name="five"></a>
<div style="width: 480px; height: 190px; overflow: auto;">

<h1>Yay, someone to throw knives at!</h1>

<center>

<a target="_blank" href="https://roleplay.chat/profile.php?user=charmer"><img src="https://i.imgur.com/v5oaBF7.jpg"class="picpic"title="Rakan - I never meant to shatter your vision of our future.."></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=charm"><img src="https://i.imgur.com/Xs5Tv4g.png?1"class="picpic"title="Ahri - A kind soul lurks beneath those sharp teeth, she is someone that provided me comfort without an angle or desire for repayment. I trust her more than anyone at this moment. So yes, she's my best friend.."></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=Zed"><img src="https://i.imgur.com/98KKaWo.png?1"class="picpic"title="Zed - A vile being, that is more monster than man. I will have vengeance for all Vastayans and myself. "></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=Godking%20Darius"><img src="https://i.imgur.com/OBu2ucY.png"class="picpic"title="Darius - A man that has shed his skin as the enemy of my people, to wage a war for freedom of all Runeterra to choose our fates and not be enslaved by another's will. I do not know all his secrets, and he respects mine. For now we are friends. "></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>


</center>

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

<div id="render"></div>

<div id="info2"><div id="stats">

<h1>call me cute again..</h1>

<table class="statistics">

<tr><td><b>Name</b></td> <td><font style="float:right">
Xayah</font></td></tr>

<tr><td><b>Alias</b></td> <td><font style="float:right">
the Rebel, the Violet Raven</font></td></tr>

<tr><td><b>Species</b></td> <td><font style="float:right">
Vastaya / Lhotlan</font></td></tr>

<tr><td><b>Gender</b></td> <td><font style="float:right">
Female</font></td></tr>

<tr><td><b>Age</b></td> <td><font style="float:right">
Young Adult</font></td></tr>

<tr><td><b>Orientation</b></td> <td><font style="float:right">
Demisexual</font></td></tr>

<tr><td><b>Marital Status</b></td> <td><font style="float:right">
Single</font></td></tr>

<tr><td><b>Occupation</b></td> <td><font style="float:right">
Assassin, Freedom Fighter</font></td></tr>

<tr><td><b>Weapons</b></td> <td><font style="float:right">
Magical Plumage</font></td></tr>

</table>


</div>

<div id="baseline1"></div>

<div id="header1">Let's cut 'em to ribbons</div>

<div id="navitabs">
<a href="#one"class="navi2"></a>
<a href="#two"class="navi2"></a>
<a href="#three"class="navi2"></a>
<a href="#four"class="navi2"></a>
<a href="#five"class="navi2"></a>
</div>