gen

<style>
.xpdonnax { C O L O R PROPERTIES }

{ * ~ white ~ * }

a:hover { color:#ffffff; }
::-webkit-scrollbar,
::-webkit-scrollbar-thumb:hover,
h4,
h5,
.bg { background-color:#FFFFFF!important; }

u, big, .dropcap { color: #FFFFFF!important; }
::selection, ::-moz-selection, ::-webkit-selection { color: #FFFFFF!important; }


{ * ~ black ~ * }

a:hover { background-color:#000000; }
::-webkit-scrollbar-thumb { background-color: #000000!important; }
::selection, ::-moz-selection, ::-webkit-selection { background-color: #000000!important; }

u,
.dropcap,
.connections,
.credit,
#banner .hovhere,
#banner .home,
#banner .message,
#banner .comment,
#banner .gallery { background-color: #000000!important; }

.text, table, tr, td, li, p, i,
b,
strong,
tt,
h1,
h2,
h3,
h4,
h5 { color: #000000!important; }
a, a:link, a:active, a:visited { color:#000000; }


{ * ~ black banner border ~ * }

#banner { border:8px solid #000000; }

{ * ~ white color / black background color / first nav link ~ * }

a.first, a.first:link, a.first:active, a.first:visited {
color:#ffffff;
background-color:#000000;}

a.first:hover {
color:#000000!important;
text-transform: lowercase!important;
box-shadow: inset 250px 0px #ffffff; }


{ * ~ white color / black background color / second extra nav link ~ * }

a.second, a.second:link, a.second:active, a.second:visited {
color:#ffffff;
background-color:#000000;}

a.second:hover {
color:#000000!important;
text-transform: lowercase!important;
box-shadow: inset 100px 0px #ffffff; }


{ * ~ white & black before and after / third connections link ~ * }

a.third, a.third:link, a.third:active, a.third:visited {
border-bottom:1px solid #ffffff;
background-color:#ffffff;
color:#000000; }

a.third:hover {
color:#ffffff!important;
box-shadow: inset -175px 0px #000000; }


{ * ~ white color / black background color / credit link ~ * }

a.hightimes, a.hightimes:link, a.hightimes:active, a.hightimes:visited {
color:#ffffff;
text-shadow: 50px 0 0 transparent, -50px 0 0 transparent; }

a.hightimes:hover {
color:transparent!important;
text-shadow:0 0 0 #ffffff, 0 0 0 #ffffff; }


.xpdonnax { BG P R O P E R T I E S }

body {
margin-top:300px;
overflow-y:auto; }


.xpdonnax { TABLE P R O P E R T I E S }

table, tr, td { background-color:transparent; border:0px!important; }


.xpdonnax { SCROLLBAR P R O P E R T I E S }

::-webkit-scrollbar { width:7px; height:7px; }


.xpdonnax { REGULAR  L I N K S }

a:active, a:visited, a:link {
font-family:consolas;
font-size:9px;
line-height:9px;
padding:0px 2px 0px 2px;
text-decoration:none;
text-transform:uppercase;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;}


.xpdonnax { NAVIGATION L I N K S }

a.first, a.first:link, a.first:active, a.first:visited {
font-family:times;
font-style:italic;
font-size:14px;
display:block;
line-height:92px;
padding:0%;
height:100%;
font-weight:lighter;
text-transform:lowercase;
word-spacing:2px;
letter-spacing:-1px;
text-align:center;
margin:0%;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;}


.xpdonnax { EXTRA NAVIGATION L I N K S }

a.second, a.second:link, a.second:active, a.second:visited {
font-family:consolas;
font-size:10px;
display:inline-block;
line-height:16px;
height:100%;
width:25%;
float:left;
padding:0%;
margin:0%;
text-align:center;
text-transform:lowercase;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;}

a.second:hover { text-transform:uppercase!important; }


.xpdonnax { CONNECTION L I N K S }

a.third, a.third:link, a.third:active, a.third:visited {
font-family:cambria;
font-size:10px;
display:inline-block;
line-height:9px;
height:6.2%;
padding:2%;
width:43.3%;
float:left;
font-weight:lighter;
text-align:center;
text-transform:none;
margin:0% 2.5% 2.5% 0%;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;}


.text, table, tr, td, li, p, div {
font-family:consolas;
font-size:9px;
font-weight:lighter;
line-height:9px;
letter-spacing:0px;
text-transform:uppercase;}


i {
font-size:10px;
font-family:Palatino Linotype;
text-transform:none;
letter-spacing:1px;
font-weight:bold;}


b {
font-style:normal;
font-family:cambria;
font-weight:bold;
font-size:11px;}


tt {
font-style:normal;
font-family:times;
font-size:10px;
line-height:11px;
font-weight:lighter;
border-bottom:1px solid #000000;}


u {
font-family:ms gothic;
font-size:10px;
line-height:11px;
text-transform:uppercase;
text-decoration:none;
font-weight:lighter;
font-style:normal;
padding:0px 0px 1px 2px;
letter-spacing:2px;}


big {
font-size: 14px;
font-family: georgia;
text-transform: lowercase;
line-height:13px;
letter-spacing: -1px;}


strong {
font-size: 14px;
font-weight:lighter;
font-family: georgia;
text-transform: lowercase;
line-height:13px;
letter-spacing: -1px;}


.xpdonnax { HEADERS }

h1{
line-height:50px;
text-transform:uppercase;
font-family:arial;
font-size:55px;
font-style:italic;
text-align:center;
letter-spacing:-8px;
margin:0px 0px 0px -6px;}


h2{
font-family:arial narrow;
font-size:13px;
font-style:normal;
font-weight:lighter;
line-height:13px;
text-align:right;
letter-spacing:2px;
word-spacing:8px;
text-transform:lowercase;
margin:0px 10px 0px 0px;
width:100%;
float:left;
height:13px;}


.xpdonnax { D I V T A B L E S }

.bg {
position:fixed;
width:20.7%;
height:100%;
top:0%;
left:39.9%;
z-index:-1;}

.info {
position:fixed;
width:18.70%;
height:29%;
top:2%;
left:40.9%;
z-index:100;}

.connections {
position:fixed;
width:18.2%;
height:23.8%;
top:68.8%;
left:40.9%;
z-index:100;
overflow-y:auto;
padding:.5% 0% 0% .5%;}


#banner {
top:33.3%;
left:40.9%;
height:30.8%;
width:17.55%;
z-index:0;
position:fixed;}



#banner .hovhere {
top:48%;
left:46%;
z-index:100;
position:fixed;
color:#ffffff;
padding:.5%;
word-spacing:2px;
font-family:calibri;
text-transform:uppercase;
font-size:10px;
-webkit-transition: all 0.6s ease 2.5s;
-moz-transition: all 0.6s ease 2.5s;
transition: all 0.6s ease 2.5s;}

#banner:hover .hovhere {
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all 0.6s ease 0.5s;
transition: all 0.6s ease 0.5s;
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}


#banner .home {
top:-15%;
left:42%;
height:14%;
width:8%;
z-index:99;
position:fixed;
-webkit-transition: all 0.6s ease 2.5s;
-moz-transition: all 0.6s ease 2.5s;
transition: all 0.6s ease 2.5s;}

#banner:hover .home {
top:35.5%;
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all 0.6s ease 0.5s;
transition: all 0.6s ease 0.5s;}


#banner .message {
top:35.5%;
right:-15%;
height:14%;
width:8%;
z-index:99;
position:fixed;
-webkit-transition: all 0.6s ease 2.5s;
-moz-transition: all 0.6s ease 2.5s;
transition: all 0.6s ease 2.5s;}

#banner:hover .message {
right:41.5%;
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all 0.6s ease 0.5s;
transition: all 0.6s ease 0.5s;}


#banner .comment {
bottom:-15%;
left:50.5%;
height:14%;
width:8%;
z-index:99;
position:fixed;
-webkit-transition: all 0.6s ease 2.5s;
-moz-transition: all 0.6s ease 2.5s;
transition: all 0.6s ease 2.5s;}

#banner:hover .comment {
bottom:35.5%;
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all 0.6s ease 0.5s;
transition: all 0.6s ease 0.5s;}


#banner .gallery {
bottom:35.5%;
left:-15%;
height:14%;
width:8%;
z-index:99;
position:fixed;
-webkit-transition: all 0.6s ease 2.5s;
-moz-transition: all 0.6s ease 2.5s;
transition: all 0.6s ease 2.5s;}

#banner:hover .gallery {
left:42%;
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all 0.6s ease 0.5s;
transition: all 0.6s ease 0.5s;}


.credit {
color:#ffffff;
position:fixed;
width:20.7%;
height:2.6%;
bottom:0%;
left:39.9%;
text-align:center;
padding-top:.7%;
z-index:100;}


.music {
bottom:6px;
right:-308px;
width:340px;
height:33px;
position:fixed!important;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;}

.music:hover {
right:-268px; }


.xpdonnax { S P A N CLASS P R O P E R T I E S }

.dropcap {
float: left;
line-height:36px;
padding:10px 14px 10px 14px;
margin:0px 4px 2px 0px;
font:bold 36px georgia;}


.xpdonnax { HIDE C O D E S & ETC }

.clearfix { display:none; }
table.profileInfo table tr:last-child { display:none; }
div.clearfix ul small { display:none!important; }
table.rail { display:none; }
#googlebar { display:none; }
.profileinfo { display:none; }
.extendedNetwork { display:none; }
.userProfileURL { display:none; }
.friendscomments { display:none; }
.interestsAndDetails { display:none; }
.lightbluetext8 { display:none; }
.userProfiledetail { display:none; }
.latestBlogEntry { display:none; }
.orangetext15 { display:none; }
.userAlbums { display:none; }
.friendspace { display:none; }
.contacttable { display:none; }
.msOnlineNow { display:none; }
#footerWarpper { display:none; }
</style>































LIKE TO MEET:


<div class="info">

<h1>the</h1>
<h2>destroyer</h2>

<div style="width:100%; height:50%; margin-top:7%; overflow:auto; text-align:justify;">

<span class="dropcap">I</span>t was amazing how quickly everything could be changed. People talked about life-altering moments and for the longest time, she believed they were some sort of fable, the type of thing that didn’t happen to her. She was wrong. In the last year or so, she had had several. As the daughter of the Duke of Devonshire, it was clear to her all her life what was expected of her. Appearances were everything, and as the only child of a Duke and Duchess, it was her place to uphold them. She knew the rules. She was to be largely seen and not heard, to receive a good education, to find a nice man from a prominent family to marry, with the nice part being optional. Being a vampire slayer never fit into the plan. She was nineteen and studying at Oxford when the dreams began, visions of horrors, monsters, and women to fight them. Sometimes, the women won. Sometimes, they died. Night after night, they came again and she would awake in a cold sweat, each one seeming more real than before. Her body changed next. She could perform acts of strength she had only ever seen on film or in her dreams. She was scared, alone, a freak. She had heard the term ‘Slayer’, whispered by the beasts in her dreams, and she knew enough to know that such a thing was not a desirable trait in a future duchess. Roden, her trusted advisor, and tutor had heard the term. He knew the things she spoke of, far more intimately than she would have guessed, but of course, he was so clever, how could he not? He told her he himself was special. a warlock, and that he knew of something called a Watcher’s Council. They would try to find her, to use her for their own purposes. He could not allow such a thing to happen, he said. He would train her himself, and they must keep one another’s secrets. He filled her mind with horror stories that rivaled those in her dreams. Teenage girls, stripped of their powers and fed to monsters in some kind of sick test, brainwashing, the slayer being used as nothing more than a sword to fight the so-called evil of the world, stripped of her own autonomy, poked and prodded, monitored and tested. That couldn’t happen. Together, they would hunt down these poor girls and put them out of their misery. The abuse couldn’t continue. They wouldn’t let it. Her first kill came in what she believed to be self defense; a slayer sent to capture her. Several trickled in after that, and always, Roden would help her wash the blood from her hands, tell her she was a hero, even if she didn’t think it. The nightmares continued, and after a particularly nasty one, she awoke in a cold sweat, finding her pillows strewn across the floor. She sighed, beginning to put them back when she found the small, strange-smelling bag hidden in the fabric. It was a hex bag, used to manipulate dreams. Roden had been lying to her all along, placing visions in her head. Furious and hurt, she confronted him, and gave him one chance to leave, and he did, to save his own skin. It was ironic that in telling her he would never allow the council to come and claim her, Roden had ensured that they would. She had been in one of their holding cells for days before the woman came, introducing herself as Penelope Fairfax. She made small improvements to Gen’s living conditions in exchange for stories, for the truth, until eventually, she asked Gen if she wanted to leave. There were conditions, of course. She must be true to her calling, abide by her rules, but a cell was no place for a slayer. For the first time, she had a real watcher. Being under house arrest was far from the easiest thing to adjust to, but living in luxury London accommodation was preferable to a gloomy spell, and besides… she had a lot to make up for.
<br><br>
Personality Traits: Spoiled, thoughtful, opinionated, intelligent, haunted, defensive/protective of others, hates dishonesty, stubborn, clings to a slither of fancifulness and idealism Abilities: → Standard Slayer strength, agility, and healing → Capable at hand to hand combat, skilled in melee and ranged weapons → High social status and wealth at her disposal due to noble birth → Educated. articulate and well-read

</div>

<div style="width:100%; height:8.5%; margin-top:5.5%; background-color:#000000; overflow:auto; text-align:justify;">

<a href="/view_blog.php?id=BLOGID" class="second">extra</a>
<a href="/view_blog.php?id=BLOGID" class="second">extra</a>
<a href="/view_blog.php?id=BLOGID" class="second">extra</a>
<a href="/view_blog.php?id=BLOGID" class="second">extra</a>

</div>

</div>

<div id="banner"><img src="https://images2.imgbox.com/ec/43/hW4hDoV7_o.gif" width="100%">

<div class="home"><a href="/home.php" class="first">home</a>
</div>

<div class="message"><a href="/send_message.php?member_id=FRIENDID" class="first">message</a>
</div>

<div class="comment"><a href="/add_comment.php?member_id=FRIENDID" class="first">comment</a>
</div>

<div class="gallery"><a href="/gallery.php?member_id=FRIENDID" class="first">gallery</a>
</div>

<div class="hovhere">hover for navigation</div>
</div>


<div class="connections">

<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>
<a href="/friendid" class="third">connection name</a>

</div>

<div class="credit">
GENEVIEVE ORIGINAL SLAYER - EST. 2019
</div>

<div class="music">
<div style="float:left; height:33px; width:24px; font-size:28px; line-height:33px; color:#ffffff;">☮</div>
<div style="float:right;">
<audio autoplay controls loop>
 <source src="https://od.lk/d/MzdfMjQzODI3MV8/STFD.mp3">
</audio>
</div>
</div>

<div class="bg"></div>