Sinful redlayout

about me:
__________________________________

<span class="text"></td></tr></table></td></tr></table></td></tr></table>
<style>

{ S P E C I A L  F O N T S - - C R Y P T I C }

@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:litf;src: url('http://static.tumblr.com/jtvmcoc/baIn9f1ea/slkscr.ttf');}
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:litf;src: url('https://static.tumblr.com/blzkhux/1n5purbos/thelightfont.ttf');}
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:lovbas;src: url('https://static.tumblr.com/blzkhux/B0Mpurc6v/lonely_basket.ttf');}

{ B A S I C  C O D I N G -- C R Y P T I C }

body {
background-color:#000000;
background-image:url("https://imgur.com/00sA4u6.png");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom left;
margin-top: 0px;
overflow:auto;
}

.navr{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:transparent;
position: absolute;
Width:120px;
height:200px;
top:300px;
Margin-left:50px;
text-align: center;
Opacity:1;
Overflow:hidden;
}

.connt{
Top:0;
Left:0;
Z-index:1!important;
Position:absolute;
width:120px;
height:0px;
Padding:0px;
background-color:#030605;
Text-align:none;
Margin-left:50px!important;
Margin-top:300px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
filter:alpha(opacity=0);
opacity:0;
Overflow:hidden;}


.connt:target {
Z-index:2!important;
filter:alpha(opacity=1);
Opacity:1;
Overflow:none;
Margin-top:510px;
Height:80px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.sls{
Top:0;
Left:0;
Z-index:1!important;
Position:absolute;
width:120px;
height:0px;
Padding:0px;
background-color:#030605;
Text-align:none;
Margin-left:50px!important;
Margin-top:300px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
filter:alpha(opacity=0);
opacity:0;
Overflow:hidden;}


.sls:target {
Z-index:2!important;
filter:alpha(opacity=1);
Opacity:1;
Overflow:none;
Margin-top:510px;
Height:250px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.contain{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#000;
position: absolute;
Width:750px;
height:600px;
top:90px;
Margin-left:340px;
text-align: center;
Opacity:1;
}

.toptop{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:170px;
height:200px;
top:100px;
Margin-left:350px;
text-align: left;
Opacity:1;
}

.topimg{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:550px;
height:200px;
top:100px;
Margin-left:530px;
text-align: right;
Opacity:1;
}

.quote2{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:200px;
height:30px;
Padding:5px;
top:250px;
Margin-left:545px;
text-align: right;
Opacity:1;
}

.bioone{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:245px;
height:125px;
top:310px;
Margin-left:350px;
text-align: right;
Opacity:1;
}

.quote1{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:105px;
height:30px;
top:375px;
Padding:5px;
Margin-left:470px;
text-align: right;
Opacity:1;
}

.biotwo{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:475px;
height:155px;
top:310px;
Margin-left:605px;
text-align: right;
Opacity:1;
}

.love{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:245px;
height:235px;
top:445px;
Margin-left:350px;
text-align: right;
Opacity:1;
}

.img2{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:100px;
height:205px;
top:475px;
Margin-left:605px;
text-align: right;
Opacity:1;
}

.connect{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#030605;
position: absolute;
Width:365px;
height:205px;
top:475px;
Margin-left:715px;
text-align: right;
Opacity:1;
}

{ TEXT EFFECTS // CRYPTIC}

p, div, table, tr, td, font, br {
Font:8px times;
line-height:10px;
letter-spacing:1px;
Text-transform:none;
color:#494242;
Font-weight:normal; }

b {
    font-family:litf;
    font-size: 10px;
    color:#332626;
    letter-spacing: 0px;
    text-transform:lowercase;
    font-weight:normal;
    letter-spacing: 0px;
    line-height:10px;}

I {
    font: 10px litf;
    text-transform:lowercase;
    font-weight:normal;
    color:#4f0907;
    line-height:10px;
    letter-spacing: 0px;
    Font-style:italic;
    }

u {
    font: 9px times;
    text-transform:uppercase;
    font-style:none;
    font-weight:normal;
    color:#5b4b4e;
    line-height:10px;
    letter-spacing: 1px;
    Text-decoration:none;
    }


a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:litf;
font-size:9px;
line-height:9px;
letter-spacing:0px;
font-weight:normal;
text-transform:lowercase;
text-decoration:none;
color:#211919;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
text-shadow:10px 0px transparent, -10px 0px transparent;}

a:hover, a:hover b {
text-decoration:none;
Letter-spacing:0px;
color:#514444;
}

a.nav:link, a.nav:active, a.nav:visited, a.nav:link b, a.nav:active b, a.nav:visited b {
Font-family:litf;
font-size:10px;
line-height:25px;
letter-spacing:2px;
font-weight:normal;
Display:block;
Text-transform:uppercase;
Margin:1px;
text-decoration:none;
color:#978e8c;
Text-align:right;
Padding-right:5px;
Background-color:#4f0907;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.nav:hover, a.nav:hover b, a.nav:focus, a.nav:active {
text-decoration:none;
color:#211919;
Letter-spacing:0px;
Font-style:italic;
}

a.first, a.first:link, a.first:active, a.first:visited {
font-family:'litf';
font-size:10px;
line-height:15px;
font-weight: normal;
color:#978e8c;
Background-color:#4f0907;
text-decoration:none;
text-transform:uppercase;
letter-spacing:0px;
Text-align:center;
display:block;
border-bottom-style:none;
margin-bottom:1px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.first:hover {
color:#978e8c;
background-color:#4f0907;
Letter-spacing:0px;
}

a.nam:link, a.nam:active, a.nam:visited, a.nam:link b, a.nam:active b, a.nam:visited b {
Font-family:litf;
font-size:12px;
line-height:20px;
letter-spacing:2px;
font-weight:normal;
Text-transform:uppercase;
text-decoration:none;
color:#978e8c;
Margin-bottom:2px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.nam:hover, a.nam:hover b {
text-decoration:none;
color:#514444;
Font-style:italic;
}

h1 {
Font-family:litf;
font-size:15px;
line-height:14px;
Margin:0px;
letter-spacing:2px;
font-weight:normal;
Font-style:italic;
Margin-bottom:5px;
Text-align:left;
text-decoration:none;
Text-transform:uppercase;
color:#4f0907;
Margin-top:5px;
Padding-left:5px;
Border-bottom: 3px solid #211919;
}


h2 {
Font-family:litf;
font-size:15px;
line-height:15px;
Margin:0px;
letter-spacing:4px;
font-weight:normal;
Font-style:italic;
Margin-bottom:5px;
Text-align:left;
text-decoration:none;
Text-transform:uppercase;
color:#4f0907a;
Margin-top:5px;
padding-left:10px;
Border-bottom: 3px solid #211919;
}

h3 {
Font-family:litf;
font-size:10px;
line-height:10px;
Margin:0px;
letter-spacing:0px;
font-weight:normal;
Font-style:italic;
Margin-bottom:5px;
Text-align:left;
text-decoration:none;
Text-transform:uppercase;
color:#4f0907;
Margin-top:5px;
padding-left:5px;
Border-bottom: 3px solid #211919;
}


{ M I S C  C O D I N G -- C R Y P T I C }

::-webkit-scrollbar-thumb {
height:auto;
background-color: #111a12;
border:3px solid #030605;
}

::-webkit-scrollbar {
height:9px;
width:7px;
background-color: #41373a;
border:3px solid #030605;
}

a span.av, a:hover span.sm{display: inline;}
a:hover span.av, a span.sm{display: none;}
a:hover {visibility:visible;}


{ H I D E  C O D E S -- C R Y P T I C }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1800px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form,
.mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.2e2e2e1}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:absolute; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}
.friendSpace { display:none; }
.profileInfo { display:none; }
.clearfix { display: none; }


</style></style></span>



Who I'd like to meet:
_____________________________

</td></tr></table></td></tr></table></td></tr></table>

<div class="contain"></div>

<div class="navr">
<a href="/home.php" class="nav">go away</a>
<a href="http://www.roleplayer.me/send_message.php?member_id=1016102" class="nav">message</a>
<a href="http://www.roleplayer.me/add_comment.php?member_id=1016102" class="nav">comment</a>
<a href="http://www.roleplayer.me/albums.php?member_id=1016102" class="nav">gallery</a>
<a href="#contact" class="nav">contact</a>
<a href="#storylines" class="nav">storylines</a>
<a href="/sinfulmisfortune" class="nav">credit</a>

</div>

<div class="connt" id="contact">
<h1>contact info:</h1>
<div style="overflow:auto; padding:5px; width:110px; height:30px; padding-top:0px; margin-bottom:7px;">
<b>discord: xxxxx</b><br>
<i>line: xxxx</i><br>
<b>you can put in a little message here if you so choose. this will be about contacting you.</b>
</div>
<center><a href="#">[close]</a></center>
</div>

<div class="sls" id="storylines">
<h1>iou</h1>
<div style="width:120px; height:50px; padding:0px; overflow:auto;">
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
</div>
<h1>uom</h1>
<div style="width:120px; height:50px; padding:0px; overflow:auto;">
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
</div>
<h1>discussions</h1>
<div style="width:120px; height:50px; padding:0px; overflow:auto; margin-bottom:7px;">
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
</div>
<center><a href="#">[close]</a></center>
</div>

<div class="toptop">
<h1>Basic Information</h1>
<div style="width: 160px; height:160px; padding:5px; overflow:auto;">
<b>full name:</b> Hope Mikaelson - Parker.<br>
<i>age:</i> 17 years old.<br>
<b>biological age:</b> 17.<br>
<i>species:</i> Original Tribrid.<br>
<b>Loyalty:</b>Parker Family, Mikaelson Family<br>
<i>relatives:</i> Niklaus Mikaelson (Dad), Hayley Marshall (Mother), Rebekah Mikaelson (Aunt), Finn Mikaelson (Uncle), Freya Mikaelson (Aunt), Kol Mikaelson (Uncle), Henrik Mikaelson (uncle), Dahlia ( Great aunt), Mikael (Grandfather), Esther (Grandmother), Davina Claire (Aunt).<br>
<b>enemies:</b> varies by the day. stay tuned.<br>
<i>height:</i> 5'5<br>
<b>hair color:</b> red<br>
<i>eye color:</i> brown<br>
<b>personality:</b> Elijah is described as unpredictable, over-protective and stubborn, but also very kind, intelligent, selfless, empathetic, compassionate, and friendly. He is extremely loyal and has a loving nature. He strongly believes in trust, honesty and loyalty and whenever he would give his word to someone, he would keep it, as he has said "I'm a man of my word". Elijah has been known to break deals but only when he realized he was lied to, such as in his deal with Sophie Deveraux. He has a lot of respect and admiration for human life, which is unseen in many other vampires and is normally very reluctant to kill anyone when unnecessary.

</div></div>

<div class="topimg">
<img src="https://imgur.com/NB733cM.png">
</div>

<div class="bioone">
<img src="https://imgur.com/s84fJgX.png">
</div>

<div class="biotwo">
<h2>biography</h2>
<div style="width:230px; height:115px; padding:5px; overflow:auto; float:left; display:inline-block;">
Hope is the tribrid daughter of Niklaus Mikaelson and Hayley Marshall-Kenner. She is the granddaughter of Ansel, Esther Mikaelson and two unnamed werewolves, as well as the step-granddaughter of Mikael. She is also the niece of Freya, Finn, Elijah, Kol, Rebekah, and Henrik Mikaelson, and the grand-niece of Dahlia. She is also a distant relative of Lana, Eve, and Cary. She is the adoptive younger sister of Marcel Gerard via her father. Because of his marriage to Hayley, Jackson Kenner was her step-father for almost a year. He died at the hands of Tristan de Martel.<br><br>

She was named Hope by her father, who took inspiration from his half-brother Elijah's words about his newborn child being their family's hope. She takes the surname of her paternal step-grandfather, Mikaelson.<br><br>

Hope was conceived in The Vampire Diaries season four episode Bring It On, and it was revealed that Hayley was pregnant four episodes later in The Originals. She was then born in The Originals season one episode From a Cradle to a Grave. As a result of her unique heritage, she is the world's first werewolf-witch-vampire hybrid. She inherited her werewolf gene from both of her parents, while her vampire and witch legacy came from her father who is the Original vampire-werewolf hybrid and the son of the Original Witch. Through her mother's Labonair lineage, Hope is werewolf royalty.
</div>

<div style="width:225px; height:115px; padding:5px; overflow:auto; float:right; display:inline-block;">
Even when she was a baby, Hope was said to be a fighter. It was said by both of her parents; Hayley in Girl in New Orleans, where she said to her doctor that her daughter was a tough one just like herself, and by Klaus when he said that both Hayley and Hope were fighters in A Closer Walk With Thee. Both times it is implied that Hope inherited this trait from her mother who got it herself from her own father, Hope's maternal grandfather. She also seems to be a very calm and happy. In Ashes to Ashes, Freya says that, like her paternal family, she is resilient.<br><br>

She is also seemingly very intelligent as she was able to use her magic to turn Camille's car on and off, despite still being a baby. Hope seems to be a kind and gentle young girl, with a sweet and innocent persona. She is also rather lonely, never having any other kids her own age to play with.<br><br>

As a teenager, Hope is shown to be stubborn and brave as she was willing to put herself through extreme pain and possible death in order to get her mother back. Both Klaus and Caroline describe Hope as being smart, possibly too smart for her own good, like her father. It has been shown that Hope has gained one of her father's traits of doing whatever she can to protect her family. Hope is always offering to help to save those she cares about and considers family, including Marcel. However, once Hope magically absorbs the Hollow’s soul, it nearly drives her insane because she constantly starts to hear whispers of voices in her head. The only way she can end the madness going on inside her head is by committing acts of violence. Instead of taking her anger and frustrations out on innocents, she takes it out on those she deems not innocent (provided with her father's assistance). However, her desire to quell the voices by using violence and magic causes her to kill someone who is innocent, although she intended not to.
<br><br>
Hope struggles to forge meaningful connections with other people and make friends with the other students at the Salvatore School, not only because of her one-of-a-kind supernatural classification, but also because she's already endured a lifetime of grief and heartbreak. To her peers, she seems closed off. She is forgiving to MG when she thought he killed her boyfriend Landon.
<br><br>
Due to her often disastrous past, she has resigned herself to isolation, considering it the path that will provide the least heartbreak in her life. She sees loneliness as less of a burden to bear than her formative experiences of loving so deeply and losing so terribly.However, she has begun to open up more to people, tediously forming friendships and entering a romantic relationship. She is slowly becoming more optimistic that she will be happy.
</div>
</div>

<div class="love">
<h2>love life</h2>
<img src="https://imgur.com/uzMijFv.png">
<a href="/1218103" class="first" style="margin-top:5px;">Parker, Malachai</a>
<div style="width:45px; height:75px; padding:15px; overflow:hidden; display:inline-block; float:left; padding-right:5px;">
<b>since: 09/11/2017</b><br>
<i>married: 11/23/2017</i><br>
<b>seperated:April 15th, 2020</b><br>
</div>
<div style="width:155px; height:75px; padding:5px; overflow:auto;overflow:auto; display:inline-block; float:right;">
<u>love notes:</u>
Hope and Kai are legally seperated at this time.</div>
</div>

<div class="img2">
<img src="https://imgur.com/vmgTcWX.png">
</div>

<div class="connect">
<h1>connections</h1>
<div style="width:220px; height:165px; overflow:auto; padding:5px; padding-top:0px; display:inline-block; float:left;">
<a href="/1503429" class="nam">Mikaelson, Klaus</a> Klaus is Hope's father, and even though at first he refused the child in Always and Forever, he soon accepted her and was determined to not be like his step-father to his child. He even told Hayley that the cycle of the pain will end with their baby. After that, he did everything he could to make sure she was kept safe, and was shown to be happy when he learned the baby would be a girl. He wants to protect her at all costs, and hopes to be in her life someday when it is safe for her. He is not giving up on being in his daughter's life quite yet. He is also dedicated to being a better father to her than his step-father was to him. His love for his daughter brings out the best in Klaus, best seen in his reconciliation with both Rebekah and Marcel. With the child being born, Klaus is becoming the man he used to be. After some time apart from his daughter she returned home. However he remains paranoid as he worries about her safety.<br><br>
Hope and Klaus' bond remain strong during the rest of the series until they were separated due to Klaus sacrificing himself to save his family. But Hope's memory of him was kept alive because of her mother telling Hope about her father such as his loyalty to his family, his love for her and his interests that she now shares with him. They were reunited after five years and, despite some initial nervousness on both sides, they shared a lovely day together, it showing just how alike they are. Klaus shared stories from his long life, Hope showed him her magic when she healed a butterfly and they painted together. <br><br>

Apart from some of the bad things he's done Hope knows what Klaus is and isn't afraid of him. She knows how strong he is and, because of that, she believes he can keep bad things away. Once he promised that nothing was going to harm her Hope hugged him. Despite their time apart Hope calls Klaus 'Dad', showing that their bond is still strong.<br><br>

Because of her mother telling her about her father Hope deems Klaus her 'fairytale prince'..<br><br>
<a href="/1597459" class="nam">Marshall, Hayley</a> Hayley is Hope's mother and it is shown various times that Hayley strongly loves her daughter. When she first discovered she was pregnant, she attempted to abort the baby by ingesting wolfsbane, but when she couldn't resolve herself to do it she was attacked and she realized that she wasn't just protecting herself but the baby as well. She then learned that she will have a daughter. As time passed, Hayley grew concerned that because she never had a loving mother in her life, she would not know how to be a, good mother to her daughter, but eventually that faded and she grew to love the child deeply and like Klaus, is dedicated to protecting her at all costs. This is shown when Genevieve and the Harvest girls kidnapped Hope, and tried to kill her. Hayley was there and fought for her daughter, and got her back. She also demonstrated the aptitude to know where her daughter is, even if she is hidden by a spell. Hayley made a promise to herself and to Hope that she (Hope) would grow up safe and loved (unlike herself). She kept this promise by choosing to send Hope away with Rebekah to keep her safe from those that would wish her harm in New Orleans. After a few months apart they were reunited. Hope is now living with her parents and family in The Abattoir
</div>


<div style="width:125px; height:165px; overflow:auto; padding:5px; padding-top:0px; display:inline-block; float:right;">
<a href="/fireburning" class="first">Claire, Davina</a>
<a href="/1599150" class="first">Diggory, Nikolai </a>
<a href="/997118" class="first">Kenner, Jackson</a>
<a href="/1504714" class="first">Labonair, Victoria</a>
<a href="/1597459" class="first">Marshall, Hayley</a>
<a href="/1544837" class="first">Mikaelson, Damon</a>
<a href="/1353621" class="first">Mikaelson, Elijah</a>
<a href="/1241997" class="first">Mikaelson, Freya</a>
<a href="/1352340" class="first">Mikaelson, Henrik</a>
<a href="/1503429" class="first">Mikaelson, Klaus</a>
<a href="/1604102" class="first">Mikaelson, Kol</a>
<a href="/1548085" class="first">Mikaelson, Rebekah</a>
<a href="/1509564" class="first">Morningstar, Lucifer</a>
<a href="/1591979" class="first">Salvatore, Damon</a>
<a href="/1598740" class="first">Salvatore, Stefanie</a>
<a href="/hellraiser" class="first">Winchester, Dean</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
</div>
</div>

<div class="quote1">
<b>we will protect you, because you are and always will be <i>our Hope</i></b>
</div>

<div class="quote2">
<b>were taught the difference between a hero and a villain: <i>good and evil, a savior and a lost cause,</i> what if the real difference is just who’s telling the story?. </b>
</div>