CHARMED LEGACY (custom work)

THIS IS YOUR DOORKNOCKER.

<style>#ctl00_cpMain_ctl01_UserNetwork1_ctrlMessage {display:none;}span.blacktext12{background-image:url('https://i.imgur.com/Gs9NOcn.png');font:0px;height:500px;display:block!important;}</style><font style="display:none;">


LAYOUT CODING:

ABOUT ME.

<style>
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Playfair+Display|Satisfy|Zeyada');
</style>

<style>
.mrdr+sm {display:none;}

table, tr, td {
  background-color:transparent;
  border:none;
  border-width:0;
}

body {
  background-color:#58413d;
  margin-top:20px;
  margin-left:330px;
}

table table {
  border:0px;
}

table table table table {
  border:0px;
}

table table table {
  border:10px solid #352926;
  background-color:#3e302d;
}

table, tr, td, li, p, div {
  font:11px 'Playfair Display';
  color:#cecec7;
  font-weight:light;
  letter-spacing:1px;
  line-height:11px;
  text-align:justify;
}

a:active, a:visited, a:link {
  font:11px 'playfair display';
  color:#8F8F8F;
  text-transform:lowercase;
  text-decoration:none;
  letter-spacing:1px;
  line-height:11px;
  font-weight:light;
  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;
}

a:hover{
  color:#131c18;
  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;}

a.navi:active, a.navi:visited, a.navi:link {
  display:block;
  width:94%;
  height:18px;
  font:8px 'Playful Display';
  color:#a0a0a0;
  line-height:18px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  letter-spacing:-1px;
}

a.navi:hover {
  color:#211816;
  font-size:10px;
}

a.crd:active, a.crd:visited, a.crd:link {
  font:20px 'Times';
  color:#7d615c;
}

a.crd:hover {
  color:#3e302d;
}

b {
  font-family:Arial;
  font-size:12px;
  color:#605b58;
  text-transform:lowercase;
  letter-spacing:0px;
  line-height:11px;
}

strong {
  color:#b3a8a3;
}

i {
  font-family:Satisfy;
  font-size:14px;
  color:#070505;
  line-height:11px;
  text-shadow:0px 0px 4px #acacac;
}

u {
  color:#FAFAFA;
}

h1 {
  font:20px 'Satisfy';
  color:#dfd1cb;
  text-align:right;
  padding-right:15px;
  text-transform:lowercase;
  text-decoration:none;
  text-shadow:0px 0px 4px #A0A0A0;
  margin:1px;
  line-height:24px;
}

h2 {
  font:38px 'Satisfy';
  color:#a59b94;
  letter-spacing:0px;
  background-color:#352926;
  text-shadow:1px 0px 0px #311b13;
  text-transform:lowercase;
  font-weight:light;
  text-align:center;
  line-height:38px;
  margin:0px;
}

h3 {
  font:italic 14px 'Georgia';
  color:#a0a0a0;
  text-align:center;
  text-transform:lowercase;
  padding:15px;
  background-color:transparent;
  margin:1px;
  text-shadow:1px 1px 0px #161006;
}
</style>

<style>
.sidebar {
  position:fixed;
  width:240px;
  height:161px;
  top:160px;
  left:100px;
  background-color:#3e302d;
  border:1px solid #352926;
  overflow:hidden;
}

.sidepic {
  position:fixed;
  width:152px;
  height:146px;
  padding:2px;
  background-color:#392c2a;
  border:1px solid #352926;
  overflow:hidden;
  top:165px;
  left:105px;
}

.navigation {
  position:fixed;
  width:67px;
  height:146px;
  padding:2px;
  overflow:hidden;
  background-color:#2d2220;
  top:165px;
  left:265px;
  border:1px solid #352926;
}

.name {
  position:fixed;
  width:240px;
  top:130px;
  left:100px;
  font:30px 'Satisfy';
  color:#b5abab;
  text-shadow:2px 0px 0px #694b40;
}

.crdt {
  position:fixed;
  bottom:10px!important;
  right:30px!important;
}
</style>

<style>
::-webkit-scrollbar-thumb:vertical {
  background-color:#a99268;
  border:2px solid #9a8676;
}
::-webkit-scrollbar {
  width:5px;
  background-color:transparent;
}
a span.fools, a:hover span.gold {
  display:inline;
}
a:hover span.fools, a span.gold {
  display:none;
}
object, embed, table table table {
  position:relative;
  left:6px;
}

table table table table {
  position:static;
}

td.text table {
  position:relative;
  left:-6px;
}

td.text object, td.text embed,
td.text table table {
  position:static;
}

table table br {
  display:none;
}

table table table br {
  display:block;
}

table table table {
  margin-top:3px;
}

table table table table {
  margin-top:0px
}


.profileinfo {
  display:none;
}

.blurbs {
  display:none;
}

.contactTable {
  display:none;
}

.extendedNetwork {
  display:none;
}

.UserProfileURL {
  display:none;
}

.interestsAndDetails {
  display:none;
}

.userProfileDetail, .friendsComments, .latestBlogEntry {
  display:none;
}

.friendsComments .ImgOnlineNow, table.profileInfo td.text div img {
  visibility:visible;
}

.friendSpace td td td a {
  visibility:hidden;
  font-size:1px;
  letter-spacing:-50px;
}

.friendSpace td td td a img {
  visibility:visible;
}

.friendSpace span.btext, table.friendSpace td.text div {
  display:none;
}

.friendSpace span.orangetext15, table.friendsComments span.orangetext15 {
  display:none;
}

td.text table {
  position:relative;
  top:-31px;
}

td.text table table {
  position:static;
}

div td {
  display:none;
}

table {
  top:-20px;
  position:relative;
}

table table {
  top:0px;
  position:relative;
}

table tr td div div {
  display:none;
}

table tr td div font {
  display:none;
}

div div table div, div.clearfix a, input {
  display:none;
}

div.clearfix table div div {
  display:block;
}

.orangetext15 {
  display:none;
}

.lightbluetext8 {display:none;
}

select {
  position:absolute!important;
  top:-1000px;
}

div table div form {
  display:none!important;
}

.friendSpace {
  display:none;
}

.userAlbums {
  display:none;
}
</style>

WHO I'D LIKE TO MEET.

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="435" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">

<div class="crdt"><a class="crd" href="/httk">→</a></div>

<img src="https://i.imgur.com/QmMoQ2l.png">

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="435" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">

<div style="width:415px; height:auto; padding:10px; text-align:justify; color:#0f0b0b; text-shadow:0px 0px 5px #101010;">
put a long quote here. make sure it's pretty, and it fits to your character. just a loooooooong quote. maybe one you made up yourself?
</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="435" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">

<div style="width:427px; height:222px; padding:4px; text-align:justify; overflow:auto;">
write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough.
</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="435" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word">

<div style="width:200px; height:260px; float:left; border-right:5px solid #352926;"><img src="https://i.imgur.com/19VMVad.gif"></div><div style="width:222px; height:252px; padding:4px; text-align:justify; overflow:auto; float:right;"><h3>i mean some romantic quote here, not putting one of mine but yanno.</h3>
<br><b>STATUS</b> It's complicated.
<br><b>SINCE</b> idk, like september or october something.
<br><b>BY WHOM</b> <a href="/httk">my queen</a>
<br><b>SONG DEDICATION</b> smoke - a thousand horses.
<br><b>COMMENTS</b> write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough.</div>

INTEREST.

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="00" bgcolor="ffffff" style="word-wrap:break-word">

<div class="sidebar"></div>
<div class="sidepic"><img src="https://i.imgur.com/kwtxTvQ.gif"></div>
<div class="navigation"><Center><a href="/home.php" class="navi">HOME</a>
<a href="/send_message.php?member_id=" class="navi">MESSAGE</a>
<a href="/add_comment.php?member_id=" class="navi">COMMENT</a>
<a href="/gallery.php?member_id=" class="navi">GALLERY</a>
<a href="/" class="navi">BLOGS</a>
<a href="/" class="navi">STREAM</a>
<a href="/" class="navi">BULLETINS</a>
<a href="/httk" class="navi">CREDIT</a></div>
<div class="name">Charmed Legacy,</a></div>

<div style="width:292px; height:152px; padding:4px; text-align:justify; overflow:auto;">
<h1>PERSONAL INFORMATION.</h1>
<b>GIVEN NAME</b>  Write about your <i>character's name</i> here.
<br><b>ETYMOLOGY</b> Give some backstory to your characters <strong>names</strong>, how they <u>exist</u>, where they come from..<strike>pronounciation</strike>...etc.
<br><b>NICKNAMES</b> Any nicknames? Put those here.
<br><b>BIRTHDAY</b> Write about your character's birthdate here, do so in whatever format looks prettiest.
<br><b>AGE</b> DANG! Your character is as old as dirt, write their age here.
<br><b>ASTROLOGY</b> What the fvck is astrology? Ohhhh well.
<br><b>SEXUAL ORIENTATION</b> How does your character respond sexually? Do they like the same gender? Opposite genders? All genders?
<br><b>OCCUPATION</b> This is the place where you put what your character does -- all things that they do.
<br><b>PLACE OF BIRTH</b> I mean, birth place can go here. The specific city, state, and location if you want.
<br><b>PREVIOUS RESIDENCE</b> Write some shit about where they've lived previously, if they haven't? Who cares.
<br><b>CURRENT RESIDENCE</b> Write some shit about where they live presently, who they live with. If they live alone? Who cares.
<h1>PHYSICAL INFORMATION.</h1>
<b>HEIGHT</b> DANG! You one tall a/ss motherfvcker, write your height here. x
<br><b>WEIGHT</b> I don't know, bruh..but a woman never tells her weight. u a woman? x
<br><b>HAIR COLOR</b> Write about your hair here, how you rock it too! Got a fohawk? Describe it.
<br><b>EYE COLOR</b> Dem eyes, I could get lost in them forever.
<br><b>BODY BUILD</b> LOOK AT THAT DONK!
<h1>FAMILY INFORMATION.</h1>
<b>SPOUSE</b> What are feels and how do I never encounter them?
<br><b>CHILDREN</b> U got a bun in ur oven? Put that sh!t here.
<br><b>PARENTS</b> Hide your mother, ya father. .... just kidding, write about dem people here.
<br><b>SISTERS</b> just kidding, write about dem people here.
<br><b>BROTHERS</b> Marcus has <u>three</u> just kidding, write about dem people here.
<br><b>AUNTS</b> just kidding, write about dem people here.
<br><b>UNCLES</b> just kidding, write about dem people here.
<br><b>COUSINS</b>just kidding, write about dem people here.
<br><b>GRANDPARENTS</b> just kidding, write about dem people here.
<br><b>OTHER FAMILY</b> just kidding, write about dem people here.
<h1>MISCELLANEOUS INFORMATION.</h1>
<b>PAST RELATIONSHIPS</b> just kidding, write about dem people here.
<br><b>VEHICLES</b> That's one f i n e ass car right there, booiii.
<br><b>SCARS/INJURIES</b> Dude...did someone fvck ur shit up? how's the other bro look?
<br><b>ADDICTIONS</b> Addictions do a body good.
<br><b>LIKES</b> I hate everything.
<br><b>DISLIKES</b> I hate everything.</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="00" bgcolor="ffffff" style="word-wrap:break-word">
<h2>abilities, etc</h2>
<img src="https://i.imgur.com/ZM3wK9t.png">

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="00" bgcolor="ffffff" style="word-wrap:break-word">

<div style="width:280px; height:auto; padding:10px; text-align:justify; color:#0f0b0b; text-shadow:0px 0px 5px #101010;">
put a long quote here. make sure it's pretty, and it fits to your character. just a loooooooong quote. maybe one you made up yourself?
</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="00" bgcolor="ffffff" style="word-wrap:break-word">

<div style="width:292px; height:122px; padding:4px; text-align:justify; overflow:auto;">
write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough. write some stuff about your character here. just a load of stuff. make sure scrolls, because if it doesn't it's not pretty enough.
</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="00" bgcolor="ffffff" style="word-wrap:break-word">


<div style="width:292px; height:120px; padding:4px; text-align:justify; overflow:auto;">
<a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
<br><a href="/httk">FIRST NAME, LAST NAME</a> <i>connection</i> Brief explaination of the character's connection. Make sure it's somewhat long so it gives a little bit of scroll to it.
</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="00" bgcolor="ffffff" style="word-wrap:break-word">

<img src="https://i.imgur.com/BCYjDKm.png">