057

---- About me

<style type="text/css">

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Oswald:wght@300&display=swap');

font, td, table, body, p, div,  li, .text { font-family: georgia;
font-size: 9px;
line-height: ;
letter-spacing: 0px;
font-weight: light;
color: #000000; }

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited { color: #444444;
font-size: 9px;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: none;
font-family: georgia; }

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover { color: #888888;
font-size: 9px;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: none;
font-family: georgia; }

a.conn:active, a.conn:link, a.conn:visited { font-size: 10px;
font-weight: bold;
font-style: none;
color: #000000;
font-family: cambria;
margin: 2px;
line-height: 16px;
background-color: #f7c08b;
display: block;
text-align: center;
text-transform: uppercase; }

a.conn:hover { background-color: #FFFFFF;
color: #000000; }

a.navi:active, a.navi:link, a.navi:visited { width: auto;
height: 10px;
font-size: 9px;
font-weight: none;
font-style: none;
color: #957b10;
font-family: georgia;
background-color: #f3e5d8;
display: inline-block;
margin-right: 1px;
padding: 4px;
text-align: center;
text-transform: none;
border-bottom: 1px solid #f3c6c6; }

a.navi:hover { color: #666666;
font-style: italic; }

b { font-family: georgia;
font-size: 9px;
line-height: 10px;
color: #fda23e; }

i { font-family: georgia;
font-size: 9px;
line-height: 10px;
color: #f7c08b; }

h1 { font-family: georgia;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #fead5d;
text-shadow: 1px 1px #666666;
border-bottom: 1px dashed #fead5d;
text-align: right;
margin: 4px 4px 6px 2px;
padding-bottom: 2px; }

h2 { font-family: 'Dancing Script', cursive;
font-size: 30px;
font-weight: normal;
font-style: italic;
color: #ec821e;
text-shadow: 1px 1px #FFFFFF;
text-align: left;
margin: 4px 4px -4px 40px; }

h3 { font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: normal;
color: #efe2d5;
text-shadow: 1px 1px #a08106;
text-align: center;
margin: 0px 0px 8px 0px; }

h4 { font-family: 'Oswald';
font-size: 12px;
font-weight: normal;
font-style: none;
color: #000000;
background-color: #f7c08b;
text-align: left;
margin: 10px 38px;
padding: 6px; }

h5 { font-family: 'Dancing Script', cursive;
font-size: 20px;
font-weight: normal;
font-style: italic;
color: #d27c74;
text-shadow: 1px 1px #000000;
text-align: center;
display: block;
margin: 4px 0px; }

.banner { width: 314px;
height: 130px;
margin-left: 43px; }

.icon { width: 78px;
height: 78px;
border-radius: 100%;
border: 2px solid #FFFFFF;
margin: 0px; }

.twt { position: fixed;
top: 0px;
left: 0px;
width: 400px;
height: 100%;
background-color: #FFFFFF;
background-image: url('https://i.imgur.com/bOk2Xup.png');
overflow: hidden; }

.post { width: 310px;
height: 165px;
font-family: georgia;
font-size: 9px;
color: #555555;
text-align: left;
background-color: #FFFFFF;
margin-left: 43px;
overflow: auto;
padding: 2px; }

.posttwo { width: 222px;
height: 80px;
font-family: georgia;
font-size: 9px;
color: #555555;
text-align: left;
background-color: #FFFFFF;
margin: 0px 8px 0px 43px;
float: left;
padding: 2px;
overflow: auto; }

.postthree { width: 310px;
height: 90px;
font-family: georgia;
font-size: 9px;
color: #555555;
text-align: left;
background-color: #FFFFFF;
margin-left: 43px;
overflow: auto;
padding: 2px; }

.postfour { width: 416px;
height: auto;
background-color: #f3e5d8;
margin: 10px 10px;
padding: 2px;
border-radius: 4px; }

.background { position: fixed;
top: 50%;
left: 500px;
width: 440px;
height: 260px;
margin-top: -130px;
overflow: auto; }

.nav { position: fixed;
top: 70px;
left: 400px;
width: 60px;
height: 330px; }

body { background-color: #FFFFFF;
background-image: ();
background-attachment: fixed;
background-repeat: repeat;
position: absolute; }

table, tr, td { background-color: transparent; border: none; }
td.text table { position: relative; top: -11px; margin-bottom: 0px; }
td.text table table { position: static; }
table { position: relative; }
table table { margin-left: 0px; }
table table table table td { width: 0px; border: none; }
table table table td { border: none; margin: 0px; padding: 0px; }
table table br { display:none; margin :0px; padding: 0px; }
table table table br { display :block; margin: 0px; padding: 0px; }
table table table table { border: none; margin: 0; padding: 0; }
table table table { background-image: url();
background-color: ;
margin-top: 5px;
margin-left: -10px; }

.profileinfo td.text { visibility: visible;
font-family: consolas;
color: #000000;
font-size: 10px;
font-weight: none;
text-decoration: none;
line-height: 8px;
text-transform: none;
letter-spacing: 0px; }
.profileinfo { left: 0px; margin: 0px 0px -15px 0px; }
.profileInfo td td { visibility: hidden; }
.profileInfo td.text a img { visibility: visible; }
table.profileInfo table td { white-space: wrap !important; }

.contactTable { display: none; }
.latestBlogEntry { display: none; }
.userProfileDetail { display: none; }
.extendednetwork { display: none; }
.userProfileURL { display: none; }
.userProfileSchool { display: none; }
.friendSpace { display: none; }
.orangetext15 { display: none; }
.whitetext12 { display: none; }
.lightbluetext8 { display: none; }
.blacktext12 { display: none; }
.Hide Orange Bars and Text {rr}
table div font {display: none; }
td.text table { width: 100%; }
.orangetext15{ display: none; }
#footerWarpper { display: none; }
.clearfix { display: none; }
.profileInfo { display: none; }
div td { display: none; }

::-webkit-scrollbar {width: 2px;
height: 0px;
background: #EEEEEE; }

::-webkit-scrollbar-thumb { background-color: #7a6305; }

</style>







---- Like to meet

<div class="twt">

<h2>Character name</h2>
<h3>Nifty quote here.</h3>

<img src="https://placehold.it/314x140" class="banner">

<div class="post">
<h1>Legal</h1>
<b>Birth name:</b> <br>
<b>Nicknames:</b> <br>
<b>Aliases:</b> <br>
<b>Gender:</b> <br>
<b>Gender role:</b> <br>
<b>DOB:</b> <br>
<b>Age:</b> <br>
<b>Zodiac:</b> <br>
<b>Blood type:</b> <br>
<b>Religious affiliation:</b> <br>
<b>Birth place:</b> <br>
<b>Hometown:</b> <br>
<b>Current residence:</b>

<br><br>

<h1>Career</h1>
<b>Occupation:</b> <br>
<b>Position:</b> <br>
<b>Company:</b> <br>
<b>Since:</b> <br>
<b>Job description:</b> <br>
<b>Other:</b>

<br><br>

<h1>Appearance & Speech</h1>
<b>Hair style & color:</b> <br>
<b>Eye color:</b> <br>
<b>Height:</b> <br>
<b>Weight:</b> <br>
<b>Scars:</b> <br>
<b>Birthmarks:</b> <br>
<b>Piercings:</b> <br>
<b>Tattoos:</b> <br>
<b>Distinguishing characteristics:</b> <br>
<b>Complexion:</b> <br>
<b>Clothing style:</b> <br>
<b>Jewelry:</b> <br>
<b>Other:</b> <br>
<b>Vocals:</b> <br>
<b>Speech:</b>

<br><br>

<h1>Traits</h1>
<b>Smoke/Drink/Drugs:</b> --/--/--.<br>
<b>Languages:</b> <br>
<b>Quirks:</b> <br>
<b>Likes:</b> <br>
<b>Dislikes:</b> <br>
<b>Positive traits:</b> <br>
<b>Negative traits:</b> <br>
<b>Phobias:</b> <br>
<b>Disorders:</b> <br>
<b>Demeanor:</b> <br>
<b>Behavior:</b>

<br><br>

<h1>Favorites</h1>
<i>List your muses list of favorite things.</i>

<br><br>

<h1>Family</h1>
<b>Children:</b> <br>
<b>Parents:</b> <br>
<b>Siblings:</b> <br>
<b>Nieces & Nephews:</b> <br>
<b>Aunts & Uncles:</b> <br>
<b>Cousins:</b> <br>
<b>Pets:</b> <br>
<b>Other:</b>


<br><br>

<h1>Facts</h1>
<b>01.</b> <br>
<b>02.</b> <br>
<b>03.</b> <br>
<b>04.</b> <br>
<b>05.</b> <br>
<b>06.</b> <br>
<b>07.</b> <br>
<b>08.</b>
</div>

<h4>Love life</h4>

<div class="posttwo">
<b>Orientation:</b> <br>
<b>Relationship status:</b> <br>
<b>Taken by:</b> <br>
<b>Taken since:</b> <br>
<b>Engaged since:</b> <br>
<b>Married since:</b> <br>
<b>Children together:</b> <br>
<b>Past relationships:</b>
</div>

<img src="https://placehold.it/78x78" class="icon">

<h4>Connections</h4>

<div class="postthree">
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
<a href="/" class="conn">Connection name</a>
</div>

</div>

<div class="nav">
<a href="/home.php" class="navi">Home</a><br>
<a href="/add_comment.php?member_id=xxx" class="navi">Comment</a><br>
<a href="/send_message.php?member_id=xxx" class="navi">Message</a><br>
<a href="/albums.php?member_id=xxx" class="navi">Gallery</a><br>
<a href="/status_stream.php?member_id=xxx" class="navi">Statuses</a><br>
<a href="/view_journal_member.php?member_id=xxx" class="navi">Bulletins</a><br>
<a href="/view_member_blog.php?member_id=xxx" class="navi">Blog</a><br>
<a href="/irislyts" class="navi">Credit</a>
</div>

<div class="background">

<div class="postfour">
<h1>Header one</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<h4>Header four</h4>
<h5>Header five</h5>
</div>

<div class="postfour">
<h1>Background</h1>
Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll. Write as much as you want, this box will scroll.
</div>

</div>