069

--- About me

<style type="text/css">

@import url('https://fonts.googleapis.com/css2?family=Cormorant&family=Great+Vibes&display=swap');

font, td, table, body, p, div,  li, .text { font-family: georgia;
font-size: 9px;
line-height: 10px;
text-align: center;
letter-spacing: 0px;
font-weight: light;
text-transform: none;
text-decoration: none;
color: #333333; }

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: #888888;
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: #555555;
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;
color: #000000;
font-family: georgia;
margin: 2px;
line-height: 16px;
background-color: #8EB3F7;
display: block;
text-align: center;
text-transform: uppercase; }

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

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

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

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

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

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

h2 { font-family: 'Great Vibes', cursive;
font-size: 30px;
font-weight: normal;
font-style: italic;
color: #8EB3F7;
text-align: center;
margin: 90px 0px 6px 0px; }

h3 { font-family: 'Cormorant', serif;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #000000;
text-align: center;
margin: 0px 0px 90px 0px; }

h4 { font-family: 'Cormorant', serif;
font-size: 13px;
font-weight: normal;
font-style: none;
color: #000000;
background-color: #70AED2;
border-bottom: 1px solid #111111;
text-align: left;
width: 388px;
margin: 0px;
padding: 6px; }

h5 { font-family: 'Great Vibes', cursive;;
font-size: 16px;
font-weight: normal;
font-style: italic;
color: #000000;
text-shadow: 1px 1px #8EB3F7;
text-align: center;
margin: 10px 0px; }

h6 { font-family: 'Cormorant', serif;
font-size: 12px;
font-weight: normal;
font-style: italic;
color: #000000;
text-align: center;
margin: 4px; }

.banner { position: fixed;
top: 40px;
left: 50%;
width: 440px;
height: 180px;
margin-left: -220px;
overflow: hidden;
background-color: #FFFFFF; }

.tabs { position: fixed;
top: 220px;
left: 50%;
width: 14px;
height: 300px;
text-align: right;
color: #8EB3F7;
background-color: ;
display: block;
margin-left: -242px;
float: right;
z-index: 0; }

.tab { float: right; }

.tab label { display: block;
text-align: right;
font-family: calibri;
font-weight: lighter;
font-size: 10px;
line-height: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #000000;
background-color: #8EB3F7;
padding: 6px;
margin: 0px 0px 4px 0px;
position: relative;
width: 10px;
height: 10px;
top: 0px;
right: 0px; }

.tab [type=radio] { display: none; }

.content { position: absolute;
top: 0px;
left: 22px;
width: 400px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 12px;
float: left;
color: #888888;
overflow-x: hidden;
overflow-y: auto;
background-color: #FFFFFF;
display: inline-block;
padding: 10px 20px; }

[type=radio]:checked ~ label {
color: #FFFFFF;
background: #FFFFFF;
z-index: 2;}

[type=radio]:checked ~ label ~ .content { z-index: 1; }

.post { width: 390px;
font-family: georgia;
font-size: 9px;
color: #555555;
text-align: left;
background-color: #EFEFEF;
margin: 5px 0px;
border: 1px solid #8EB3F7;
float: left;
padding: 4px; }

.posttwo { width: 390px;
height: 114px;
font-family: georgia;
font-size: 9px;
color: #555555;
text-align: left;
background-color: #EFEFEF;
margin: 5px 0px;
border: 1px solid #8EB3F7;
float: left;
padding: 4px;
overflow: auto; }

.nav { position: fixed;
top: 442px;
left: 50%;
width: 440px;
height: 20px;
text-align: left;
margin-left: -220px; }

body { background-color: #DDDDDD;
background-image: url(https://i.imgur.com/Z2fVE9P.png);
background-attachment: fixed;
background-repeat: repeat;
position: absolute; }

.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; }

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: ;
border: ;
margin-top: 5px;
margin-left: -10px; }


.contactTable { display: none; }
.latestBlogEntry { display: none; }
.userProfileDetail{ display: none; }
.profileInfo {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; }
a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.clearfix { display: none; }
div td { display: none; }

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

::-webkit-scrollbar-thumb { background-color: #999999; }

</style>







---- Like to meet

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

<div class="banner">
<img src="https://via.placeholder.com/440x180">
</div>

<div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"></label>

<div class="content">

<h2>Character name</h2>
<h3>"Quote or what ever."</h3>

<h4>Biography</h4>
<div class="post">
Write as much as you want.
</div>
</div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"></label>

<div class="content">

<h4>Details</h4>

<div class="post">
<h1>Basic</h1>
<b>Birth name:</b> <br>
<b>Married name:</b> <br>
<b>Nicknames:</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>
</div>

<div class="post">
<h1>Career</h1>
<b>Occupation:</b> <br>
<b>Company:</b> <br>
<b>Since:</b>
</div>

<div class="post">
<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>
</div>

<div class="post">
<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>
</div>

<div class="post">
<h1>Favorites</h1>
- List your muses favorite things here.
</div>

<div class="post">
<h1>Family</h1>
<b>Children:</b> <br>
<b>Parents:</b> <br>
<b>Siblings:</b> <br>
<b>Nieces & Nephews:</b> <br>
<b>Grandparents:</b> <br>
<b>Aunts & Uncles:</b> <br>
<b>Cousins:</b> <br>
<b>Pets:</b> <br>
<b>Other:</b>
</div>

<div class="post">
<h1>Facts</h1>
<b>01.</b> <br>
<b>02.</b> <br>
<b>03.</b> <br>
<b>04.</b>
</div>

</div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"></label>

<div class="content">

<h4>Love life</h4>
<div class="post">
<h1>Details</h1>
<b>Orientation:</b> <br>
<b>Relationship status:</b> <br>
<b>Pet names:</b> <br>
<b>Taken by:</b> <a href="/">Name</a>.<br>
<b>First date:</b> <br>
<b>First kiss:</b> <br>
<b>First 'I love you':</b> <br>
<b>Engaged since:</b> <br>
<b>Married since:</b> <br>
<b>Children together:</b> <br>
<b>Previous relationships:</b>
</div>

<div class="post">
<h5>To my 'forever'...</h5>
Coming soon.
</div>

</div>

<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4"></label>

<div class="content">

<h4>Letters</h4>
<div class="posttwo">
<h1>To:</h1>
<h5>Name</h5>
Comment here.

<h5>Name</h5>
Comment here.

<h5>Name</h5>
Comment here.

<h5>Name</h5>
Comment here.
</div>

<div class="posttwo">
<h1>From:</h1>
<h5>Name</h5>
Comment here.

<h5>Name</h5>
Comment here.

<h5>Name</h5>
Comment here.

<h5>Name</h5>
Comment here.
</div>

</div>

</div>

<div class="tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5"></label>

<div class="content">

<h4>Connections</h4>
<div class="post">
<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>

<div class="tab">
<input type="radio" id="tab-6" name="tab-group-1">
<label for="tab-6"></label>

<div class="content">

<h4>Business</h4>
<div class="post">
<h1>Contact</h1>
<b>Discord:</b> <br>
<b>Other:</b>
</div>

<div class="post">
<h1>Other links</h1>
<a href="" class="conn">Tumblr</a>
<a href="" class="conn">Twitter</a>
<a href="" class="conn">Other</a>
</div>

<div class="post">
<h1>Guidelines</h1>

<b>01.</b> <br><br>

<b>02.</b> <br><br>

<b>03.</b> <br><br>

<b>04.</b> <br><br>

<b>05.</b> <br><br>

<b>06.</b> <br><br>

<b>07.</b> <br><br>

<b>08.</b>
</div>

</div>

</div>
</div>