TEF - Lexi

<center><div style="width:560px;height:40px;background:#000;border:3px solid #000;">
<headers>L E X I C O N</headers></div><div style="width:560px;height:600px;background-image:url('');border-left:3px solid #000;border-right:3px solid #000;text-display:none"><br>

<img src="https://i.ibb.co/rkV6c0B/Lexi-Candle-Lady-060920.png" style="width:520px; height:477px;">

























</div><div style="width:560px;height:15px;background:#000;padding:3px;"><center><div id="tooltips">Health<span class="tooltiptext">100%</span></div> | <div id="tooltips">Mood<span class="tooltiptext">Content. Lonely.</span></div> | <div id="tooltips">Condition<span class="tooltiptext">Stable. Whole.</span></div> | <div id="tooltips">Haunt<span class="tooltiptext">The Ruins.</span></div></center></div><div style="width:550px;height:200px;overflow:hidden;background-color:rgba(0, 0, 0, 0.5);padding:5px;font-size:9px;text-align:left;border:3px solid #000;"><div style="width:561px;height:200px;overflow:auto;padding-right:11px;"><i>06.13.20</i>

<center>I sat within the ruins listening to the sound of birdcalls and distant hoofbeats.

At some point, an <a href="http://www.endlessforest.org/community/astrovagant">Unseen Stranger</a> joined me. She spoke saccharine words to me and sung gently, but she did not come close enough for me to speak to her or to see her. Her voice brings a warmth and a deep and unyielding sorrow.<br>

Though I believe I've no bones in this form, it chilled me to them; regardless of how sweet the sound.

<i>I hope she returns, this Stranger. I'd quite like to meet her.</i></center>






</div></div><center><div style="width:560px;height:15px;background:#000;text-align:center;padding:3px;"><a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('depth').style.display='block';"><tabs>One</tabs> </a> | <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('appearance').style.display='block';"><tabs>Two</tabs> </a> | <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('soul').style.display='block';"><tabs>Three</tabs></a> | <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('relationships').style.display='block';"><tabs>Four</tabs></a> | <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('notes').style.display='block';"><tabs>Five</tabs></a></div><div style="width:550px;height:300px;overflow:hidden;background-color:rgba(0, 0, 0, 0.5);padding:5px;font-size:9px;text-align:left;border:3px solid #000;"><div id="depth" class="tab" style="display:block;width:561px;height:300px;overflow:auto;padding-right:11px;">


<b>POSITIVE TRAITS</b>
<center>> Calm, Understanding, Compassionate, Curious, Gentle</center>

<b>NEGATIVE TRAITS</b>
<center>> Distant, Overly Trusting, Holds Grudges, Forgetful, Superior</center>

<b>PERSONALITY</b>
<center>Lexi is rather reserved, especially for someone who enjoys the company of other souls. While she is more than willing to spend time with those she barely knows, earning a place close to this Creature's heart is difficult; a task seemingly more trouble than its worth.</center><br>

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

In her life, 'Lexi' <i>(under the name 'Omhara Deiu')</i> served her benevolent Goddess as a faithful of her grand temples, earning her rank as a High Priestess and helping to enforce the holy directive of her higher power. Her devoutness protected her from a great and many evils, granting her the power to banish demonic entities for those who accepted the honeyed warmth of the Goddess into their bodies.

     Her skills in banishment would precede her, earning her a reputation for the success rate of her exorcisms. She was eventually recruited to help banish a Rakshasi that caused great strife and consumed the flesh of a local village. It would take her weeks of tracking the Rakshasi before she would catch a glimpse of her, and weeks more to learn the interloper's routine. This behavior, however, did not go unnoticed; just as long as Omhara was tracking the creature, the creature was observing the priestess. During their first confrontation, the Rakshasi's words disarmed her Omhara and threw her entire operation off-kilter. Continued banter would eventually blossom into a mutual interest, and eventually would blossom into a warmth that neither party was prepared for.

Betraying her temple and rehoming the Rakshasi was the first step in what would be Omhara's eventual fall from grace and her Banishment to the Soul Ewer following her untimely demise at the hands of a Great Demon.

</div><div id="appearance" class="tab" style="display:block;width:561px;height:300px;overflow:auto;padding-right:11px;">

<b>LIKES</b>
<center>> Fresh Rain
> Exploring Ruins
> Listening to Singing</center>

<b>DISLIKES</b>
<center>> Ice and Frost
> Rusted Metal
> Feathers</center>

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

<center><b>Patience:</b>                ⚪⚪⚪⚪⚪
<b>Courage:</b>                ⚪⚪⚪
<b>Integrity:</b>               ⚪⚪⚪⚪
<b>Intellect:</b>                ⚪⚪⚪⚪
<b>Charisma:</b>              ⚪⚪⚪
<b>Confidence:</b>            ⚪
<b>Strength:</b>               ⚪</center>


</div><div id="soul"class="tab" style="display:block;width:561px;height:300px;overflow:auto;padding-right:11px;">

third div

</div><div id="relationships"class="tab" style="display:block;width:561px;height:300px;overflow:auto;padding-right:11px;">

fourth div


</div><div id="notes"class="tab" style="display:block;width:561px;height:300px;overflow:auto;padding-right:11px;">


fifth div





</div></div><div style="width:560px;height:15px;background:#000;padding:3px;text-align:center;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=URLHERE" /></object> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=URLHERE" /></object> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=URLHERE" /></object> </div></center>

<div style="position:fixed;top:270px; left:6%;height:100px; width:200px;background:#000000;background-color:transparent;text-align:left"><center>[url=http://endlessforest.org/community/]home[/url] &#183;  [url=http://endlessforest.org/community/tracker]recent[/url] &#183; [url=http://endlessforest.org/community/current-map-forest]map[/url]

<a href="javascript:;" onmousedown="if(document.getElementById('disclaimer2').style.opacity == '0') { document.getElementById('disclaimer2'). style.opacity = '1'; } else { document.getElementById('disclaimer2'). style.opacity = '0'; }">Disclaimer</a>
<div id="disclaimer2" style="opacity:0;">Your disclaimer text goes here!

<small>Tab JS by AlisonRobin.
CSS template and various other codes from Unplugged.
CSS layout by Shey.
Best viewed in Google Chrome, 1920x1080.</small>
</div>

</div><div style="display:none;">

***********************************CSS***********************************


<style>.preview{background:none;border:none} #header-region, #header img, .sidebar, .breadcrumb,#squeeze h2,.comment .clear-block .content .clear-block{display:none} #wrapper #container #center .right-corner .left-corner{position:relative;margin:auto;}#wrapper #container #center{float:none;position:absolute;top:0px}body.sidebar-left #center, body.sidebar-left #squeeze{margin-left:0px} .comment .content{margin-left:20px} .comment{margin:20px 0px} .comment .picture{opacity:0.5;}  .node .picture, .node .submitted{display:none} .node{border-bottom:none} #tabs-wrapper{border-bottom:none} tbody{border-top:none} <br />
#wrapper #container #center{position:absolute;top:0px} .node .links, .comment .links{text-align:center}</style>

HEADERS
<style>headers{font-variant:small-caps;font-family:times;font-size: 40px;letter-spacing:10px;font-weight:100;color:#ddc296}</style>

TABS
<style>tabs {font-variant:small-caps;font-family:times;font-size: 15px;letter-spacing:5px;font-weight:100;color:#ddc296;text-decoration:none;transition all 1s;}</style>
TABS HOVER
<style>tabs:hover {text-decoration:none;text-decoration-color:rgba(0,0,0,0);font-variant:small-caps;font-family:times;font-size: 15px;letter-spacing:5px;font-weight:100;color:#ddc296;transition all 1s;}</style>

BASIC FONT
<style>basic {font-variant:small-caps;font-family:times;font-size: 12px;letter-spacing:5px;font-weight:100;color:#ddc296;text-decoration:none;}</style>

BLOG WIDTH + BLOG BG COLOR
<style>#wrapper #container #center .right-corner .left-corner{width:700px;background-color:rgba(0, 0, 0, 0);}</style>

MAIN BG COLOR/IMAGE
<style>body{background:#0f0f0f;}</style>

COMMENT BG COLOR
<style>.comment.odd,tr.odd,.comment.even,tr.even{background-color:rgba(0, 0, 0, 0.3);border:3px solid #000;} .comment .submitted{color:#bca98b;}</style>

COMMENT BORDER
<style>.comment{border:3px #000}</style>

TEXT COLOR
<style>body{color:#59554e;font-size:9px;}</style>

LINK COLOR
<style>a:link, a:visited, ul.pager a{color:#bca98b;letter-spacing: 1px;font-variant:small-caps;text-decoration:none;text-decoration-color:rgba(0,0,0,0);}</style>
LINK HOVER COLOR
<style>a:link:hover, a:visited:hover,
ul.pager a:hover{color:#ddc296;text-decoration:none;text-decoration-color:rgba(0,0,0,0);}</style>

NEW COLOR
<style>.new{color:#ddc296}</style>

EDIT + REPLY BACKGROUND
<style>.comment div.links{background:none}</style>

UPDATE BOX STYLING
<style>div.status{background:none;border:1px solid #000000;color:#000}</style>

SCROLLBAR
<style> ::-webkit-scrollbar {width: 0.1em;} -webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} ::-webkit-scrollbar-thumb {background-color: black;outline: 1px solid slategrey;}</style>

HOVERS
<style>#tooltips{display:inline-block; position:relative;color:#ddc296;} #tooltips .tooltiptext{width:250px; position:absolute; padding:5px; z-index:25; top: 100%; left:50%; margin-left: -130px; background: rgba(0,0,0,0.5); color: #ffffff; opacity:0; transition: all 0.3s; text-align: center; visibility:hidden} #tooltips:hover .tooltiptext{opacity: 1; visibility:visible}</style>>
</style>

DISCLAIMER
<style> #disclaimer2{width:200px; text-align:left; padding:20px; font-size:10px; transition:all 1s} </style></div>