RPC Library - User contributions [en]

User:Pockiit

2021-10-17T23:03:14Z

Pockiit:

<center>
<table>
<tr>
<td width=700 valign="top">
<div style="padding:10px 35px; background: #a6a6a6;font-size:14px;color:#000;font-family:calibri;border-radius:15px;">
<div style="background:#ffffff;valign:left;border-radius:15px;padding:10px 35px;">
<div align=center><div style="font-size:40px;letter-spacing:0.2em;color:#797979;font-family:Georgia;text-shadow: 1px 1px 5px grey">Pockiit Oneironautic</div></div>
<div align=center><div style="font-size:14px;letter-spacing:0.75em;color:#797979;font-family:Georgia;text-shadow: 1px 1px 5px silver">Bringing joy to Eorzea, one flower at a time.</div></div></div><br>
<div align=center;></div>
<div style="width: 850px; margin: 30px 0px 30px 0px; background: --">
<div style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">
<div style="font-family:tahoma;font-weight:bold;font-size: 14px;letter-spacing:0.2em;padding-left:10px;background-color:#797979;color:white;padding-bottom:0.1em;padding-top:0.1em;text-shadow: 1px 1px 1px black;border-radius:15px;">About</div>
<table width="800">
<tr><td width="900" valign="top"><font style="color:#585350;" size="2">
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Name :: '''</font> Pockiit Oneironautic
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Alias :: '''</font> Bhee
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Age :: '''</font> 22</font>
</td><td width="800" valign="top"><font style="color:#585350;" size="2">
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Gender :: '''</font> Female
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Race :: '''</font> Miqo'te
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Clan :: '''</font> Keepers of the Moon</font>
</td><td width="800" valign="top"><font style="color:#585350;" size="2">
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Orientation :: '''</font> Bi [♀ leaning]
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Marital :: '''</font> Taken
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Deity :: '''</font> Menphina, the Lover</font>
</td><td width="800" valign="top"><font style="color:#585350;" size="2">
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Citizenship :: '''</font> Limsa [Former Gridanian]
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Occupation :: '''</font> Florist
: <font style="font-size:12px;color:#323232;font-family:tahoma;letter-spacing:0.1em;text-shadow: 1px 1px 1px silver">'''Alignment :: '''</font> Neutral Good</font>
</td>
<td width="200"></td>
</tr>
</table>
</div></div>

<tabs plain style="width: 850px; margin-left: 0px; font-size:12px; font-family:Trebuchet MS; text-align: justify; line-height: 1.8; color:#43413d; font-size:12px; font-family:Trebuchet MS; letter-spacing:0.2em; text-shadow: 1px 1px 1px silver;">


<tab name="Appearance" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">



<div style="float:left; margin: 10px 10px 10px 0px;">[[File:https://ibb.co/Bwt9Ghm|x450px]]</div>


<font style="color: #000; letter-spacing: 0em;">To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon...

Height: 4'10.9" 149.61
Weight: 115
Hair: Mid shoulders light orange(find color of dye) Prefers pigtails
Skin: Pale with light freckles on cheeks
Distinguishing marks: Usually has a bandage on because clumsy!
Eyes: Large Dark brown eyes.
Clothing: Light and cutsie. Muted tones, but sometimes changes up, because freedom.
'''Height:''' 4'10.9|149.61cm
'''Weight:''' 115lbs|52.16kg
'''Hair:''' Mid-shoulder, cork brown hair. Style changes occasionally, but always has bangs.
'''Voice:''' Breathy, almost child-like.
'''Clothing:''' Breathable, non-restrictive clothing. Usually light/muted tones.
</font>
</tab>


<tab name="Personality" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">
<div align=left padding-bottom=20><font style="color: #000; letter-spacing: 0em;">
Romero is an avid reader and enjoys books more than people most of the time. That isn't to say he'd never strike up a conversation, however, his voice can come across as "over it" at times. If a person has a good story to tell, Romero is all ears though.

While he'd say he prefers to be alone with his books, if left alone for too long Romero will easily suffer from loneliness. This kind of hot and cold personality tends to leave people wondering how he really feels about them. Romero is not very open with his feelings (especially positive ones) and comes across "tsundere". Poke him enough though and he'll open up (if only to get you to stop poking).

Romero enjoys stories, both fiction and non-fiction. He's a sucker for learning, and enjoys absorbing knowledge from his surroundings. While he likes to think he knows everything, Romero is eagar to learn something new from someone, no matter the skill. ... Except farming and botany.

Romero has read too many fantastical stories about Voidsent and no amount of reading scholarly works about them has managed to assuage the fears that have built up towards them and what his brain imagines they'll do. Despite his fears (and his on/off nature), he's a reliable ally and will be there if you truly need him.
</font></div>



<div style="width: 405px; display: inline-block; vertical-align: top;">
<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Likes'''</center></div>
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<li>Books</li>
<li>Quiet time</li>
<li>Industrialism</li>
</ul>
</font></p>
</div>
<div style="width: 405px; display: inline-block; vertical-align: top;">
<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Dislikes'''</center></div>
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<li>Nosiness</li>
<li>People (at least sometimes)</li>
<li>Farming/Nature</li>
</ul>
</font></p>
</div>
<br>

<div style="width: 405px; display: inline-block; vertical-align: top;">
<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Fears'''</center></div>
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<li>Stagnation/A life of monotony</li>
<li>Death</li>
<li>Voidsent</li>
</ul>
</font></p>
</div>
<div style="width: 405px; display: inline-block; vertical-align: top;">
<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Trivia'''</center></div>
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<li><b>Favorite Food:</b> <font style="color: #000; letter-spacing: 0em; text-shadow: 0px 0px 0px white;">Royal Eggs & Almond Cream Croissants</font></li>
<li><b>Favorite Drink:</b> <font style="color: #000; letter-spacing: 0em; text-shadow: 0px 0px 0px white;">Hot Chocolate & Spiced Cider</font></li>
<li><b>Favorite Color:</b> <font style="color: #000; letter-spacing: 0em; text-shadow: 0px 0px 0px white;">Slate Blue</font></li>
</ul>
</font></p>
</div>
</tab>


<tab name="Backstory" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">



<div style="float:left; margin: 10px 10px 10px 0px;">[[File:RomeroCast.png|x957px]]</div>

<font style="color: #000; letter-spacing: 0em;">To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon... To be added soon...
</p><b><i><u>Stories</b></i></u></p>
</font>
<div style="width: 260px; display: inline-block; vertical-align: top;">
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<b>[Link Here Title]</b><br><small>Context: ---</small>
<br>
<b>[Link Here Title]</b><br><small>Context: ---</small>
<br>
<b>[Link Here Title]</b><br><small>Context: ---</small>
</ul>
</font></p>
</div>
<div style="width: 260px; display: inline-block; vertical-align: top;">
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<b>[Link Here Title]</b><br><small>Context: ---</small>
<br>
<b>[Link Here Title]</b><br><small>Context: ---</small>
<br>
<b>[Link Here Title]</b><br><small>Context: ---</small>
</ul>
</font></p>
</div>
<div style="width: 260px; display: inline-block; vertical-align: top;">
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<b>[Link Here Title]</b><br><small>Context: ---</small>
<br>
<b>[Link Here Title]</b><br><small>Context: ---</small>
<br>
<b>[Link Here Title]</b><br><small>Context: ---</small>
</ul>
</font></p>
</div>
</tab>


<tab name="Relationships" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="center"><div style="font-family:Georgia;"><font style="color:#000000;" size="2"> '''Color Key'''</font></div>
|-
|
:<font style="color:red;" size="3"> ♥</font> <sub><b>In A Relationship ::</b> Romero is romantically involved with this person.</sub>
:<font style="color:#FA70BC;" size="3"> ♥</font> <sub><b>Romantic Attraction ::</b> Romero is romantically interested in this person.</sub>
:<font style="color:#ffaedb" size="3"> ♥</font> <sub><b>Sexual Attraction ::</b> Romero is physically interested in this person.</sub>

: <font style="color:#006600;" size="3"> ♥</font> <sub><b>Platonic Love/Family ::</b> Romero considers this person family.</sub>
: <font style="color:#399639;" size="3"> ♦</font> <sub><b>Friend ::</b> Romero considers this person her friend.</sub>
: <font style="color:#93d693;" size="3"> ♦</font> <sub><b>Friendly Acquaintance ::</b> Romero considers this person an ally.</sub>

: <font style="color:#1995d9;" size="3"> ●</font> <sub><b>Good Standing ::</b> Romero has no specific feelings about this person, but they left a good impression.</sub>
: <font style="color:#7ec3e9;" size="3"> ●</font> <sub><b>Neutral ::</b> Romero is neutral towards this person.</sub>
: <font style="color:#adb9d8;" size="3"> ●</font> <sub><b>Bad Standing ::</b> Romero has no specific feelings about this person, but they left a bad impression.</sub>

: <font style="color:#8a8a8a;" size="3"> ♠</font> <sub><b>Dislike ::</b> Romero doesn't consider this person a friend but wont go out of his way to avoid interactions.</sub>
: <font style="color:#000000;" size="3"> ♠</font> <sub><b>Hate ::</b> Romero consider this person problematic. Conflict is possible.</sub>
: <font style="color:#6d2fdc;" size="3"> ♠</font> <sub><b>Fear ::</b> Romero is terrified of this person and will avoid them if possible.</sub>
: <font style="color:#7d0000;" size="3"> ♠</font> <sub><b>Rivalry ::</b> Romero consider this person a rival in some way.</sub>

: <font style="color:#dba133;" size="3"> ♥</font> <sub><b>Family Member ::</b> This person is related by blood to Romero.</sub>
: <font style="color:#dba133;" size="3"> ✔</font> <sub><b>Business ::</b> This person is either Romero's employer, employee, or coworker.</sub>
: <font style="color:#dba133;" size="3"> ✖</font> <sub><b>Deceased ::</b> This person has passed away.</sub>
: <font style="color:#dba133;" size="3"> <b>?</b></font> <sub><b>Hidden Feelings/Unknown ::</b> This person has one of all the color keys above, but Romero isn't aware of it.</sub>
</div>
|}
<table style="position:center;" width="100%">
<tr>
<td style="vertical-align: top;width:50%;padding-right:10px; font-size:9pt;font-family:Helvetica;"><h3><span class="mw-headline">
<center><div style="font-family:tahoma;font-weight:bold;font-size: 14px;letter-spacing:0.2em;padding-left:10px;background-color:#797979;color:white;padding-bottom:0.1em;padding-top:0.1em;border-radius:15px;">NPC</div></center></span></h3>

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}
</td>
<td style="vertical-align: top;width:50%;padding-right:10px; font-size:9pt;font-family:Helvetica;"><h3><span class="mw-headline">
<center><div style="font-family:tahoma;font-weight:bold;font-size: 14px;letter-spacing:0.2em;padding-left:10px;background-color:#797979;color:white;padding-bottom:0.1em;padding-top:0.1em;border-radius:15px;">PC</div></center></span></h3>

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Braivoux Eymard]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' <font style="color:#93d693;" size="3">♦</font> ''')''' '''(''' PC ''')''' - '''That tall dude with the knives'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Romero met Braivoux in Limsa shortly after he "moved" here. He doesn't know much about the Elezen yet.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" border="0"
! <div align="left"><div style="font-family:Georgia;"><font style="color:#000000; font-family:Georgia;font-size:10px"> '''[[Name Goes Here]]'''</font> <font style="font-family:Georgia;font-size:10px">'''(''' Status Icons Go Here ''')''' '''(''' NPC ''')''' - '''Title Given By Character Goes Here'''</font></div></div>
|-
| <div style="font-size:11px; font-family:Georgia">Text, text, text, text.</div>
|}
</td>
</tr>
</table>

</tab>


<tab name="Rumors" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">

<div align=center><font style="color: #000; letter-spacing: 0em;">Some of these rumors are untrue, speculation, or are greatly exaggerated. Please feel free to add your own rumors under the Player Character category!</font></div>
<table style="position:center;" width="100%">
<tr>
<td style="vertical-align: top;width:50%;padding-right:5px; font-size:9pt;font-family:Helvetica;"><h3><span class="mw-headline">
<center><div style="margin: 0px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;">NPC</div></center></span></h3>
<div align=center><div style="font-family:Georgia; color:#ffffff">.</div></div>

<div style="padding:10px 25px; background: #939393; color:#ffffff;font-family:Georgia;font-size:12px;border-radius:15px;text-shadow: 1px 1px 1px black"><b>◢ Common Rumors - </b>''Easily overheard. Use these freely!''</div>

<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<div style="padding:5px;font-family:Georgia;"><font style="color:#939393;" size="2">■</font> <i>"That grump spends more time with books than he does with people."</i> - Many people in Limsa</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#939393;" size="2">■</font> <i>"I heard the guy takes on any kind of job, but I can't seem to figure out why."</i> - Various Mercenaries out of Limsa & Ul'dah</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#939393;" size="2">■</font> <i>"---"</i> - </div>
</ul>
</font></p>

<div style="padding:10px 25px; background: #707070; color:#ffffff;font-family:Georgia;font-size:12px;border-radius:15px;text-shadow: 1px 1px 1px black"><b>◢ Uncommon Rumors -</b> ''A little more difficult to hear. Use sparingly or ask first!''</div>

<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<div style="padding:5px;font-family:Georgia;"><font style="color:#707070;" size="2">■</font> <i>"Aparently his family is some lame group of farmers from Gridania."</i> - Various tradesworkers from Ul'dah</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#707070;" size="2">■</font> <i>"His healing isn't natural. I'm thankful for the help, but it's cold and unsettling..."</i> - An old co-worker in Limsa</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#707070;" size="2">■</font> <i>"---"</i> - </div>
</ul>
</font></p>

<div style="padding:10px 25px; background: #535353; color:#ffffff;font-family:Georgia;font-size:12px;border-radius:15px;text-shadow: 1px 1px 1px black"><b>◢ Rare Rumors -</b> ''Very rarely overheard. Please ask before using!''</div>

<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<div style="padding:5px;font-family:Georgia;"><font style="color:#535353;" size="2">■</font> <i>"I heard the guy had something awful happen to him as a teen. Poor boy..."</i> - A traveler from Gridania</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#535353;" size="2">■</font> <i>"That boy's aura is dark and crowded. Something from the void is there and I don't think even he knows it."</i> - An old seer</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#535353;" size="2">■</font> <i>"---"</i> - </div>
</ul>
</font></p>

</td>

<td style="vertical-align: top;width:50%;padding-right:5px; font-size:9pt;font-family:Helvetica;"><h3><span class="mw-headline">
<center><div style="margin: 0px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;">PC</div></center></span></h3>
<div align=center><div style="font-family:Georgia; color:#ffffff">.</div></div>
<div style="padding:10px 25px; background: #939393; color:#ffffff;font-family:Georgia;font-size:12px;border-radius:15px;text-shadow: 1px 1px 1px black"><b>◢ Player Character Rumors -</b> ''Feel free to add rumors of your own!''</div>

<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;"> <ul style="list-style: square;">
<div style="padding:5px;font-family:Georgia;"><font style="color:#706b68;" size="2">■</font> <i>"Add rumor here."</i> - [[Name]]</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#706b68;" size="2">■</font> <i>"Add rumor here."</i> - [[Name]]</div>
<div style="padding:5px;font-family:Georgia;"><font style="color:#706b68;" size="2">■</font> <i>"Add rumor here."</i> - [[Name]]</div></ul> </font></p>
</td>
</tr></table></tab>


<tab name="Music" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">

<div style="width: 818px; display: inline-block; vertical-align: top;"><div align=left><font style="color: #000; letter-spacing: 0em;">Songs used set a mood, lyrics may not reflect the views of my character. Please mind your speakers when clicking the links.
</font></div></div>
<div style="width: 260px; display: inline-block; vertical-align: top;">
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<b>[Link Here Title]</b><br><small> Artist: --- </small>
<br>
<b>[Link Here Title]</b><br><small> Artist: --- </small>
<br>
<b>[Link Here Title]</b><br><small> Artist: --- </small>
</ul>
</font></p>
</div>
<div style="width: 260px; display: inline-block; vertical-align: top;">
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<b>[Link Here Title]</b><br><small> Artist: --- </small>
<br>
<b>[Link Here Title]</b><br><small> Artist: --- </small>
<br>
<b>[Link Here Title]</b><br><small> Artist: --- </small>
<br>
</ul>
</font></p>
</div>
<div style="width: 260px; display: inline-block; vertical-align: top;">
<p style="line-height:1.5"><font style="color: #000; font-size:12px; letter-spacing: 0em;">
<ul style="list-style: square;">
<b>[Link Here Title]</b><br><small> Artist: --- </small>
<br>
<b>[Link Here Title]</b><br><small> Artist: --- </small>
</ul>
</font></p>
</div>
</tab>


<tab name="OOC" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">

<div align=center><table style="position:center;" width="90%">
<tr>
<td style="width: 50%;vertical-align: top;font-size:9pt;font-family:Helvetica;"><h3>
<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Personal RP Limits'''</center></div></h3>
<div align=justify><div style="padding:5px 15px;font-family:Georgia;">'' '' </div></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">'''✓✓ <u>Will Do</u> ✓✓'''<p>
■ Mature & Dark Themes/Content (violence, sexuality, drug/alcohol use)<br>
■ Vulgar/coarse language<br>
■ Temporary injury & incapacitation<br>
■ Temporary imprisonment<br>
■ Walk-ups & Tells that fit my rules.<br>
</font></div><p><br>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">'''?? <u>Ask Beforehand</u> ??'''<p>
■ Permanent injury/disfigurement.<br>
</font></div><p><br>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">'''✘✘ <u>Won't Do</u> ✘✘'''<p>
■ Permanent Character death<br>
■ Rape<br>
■ ERP/Sex of any kind<br>
</font></div>

<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Disclaimer'''</center></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ If an aspect of an RP scene that we are engaged in makes you uncomfortable, please send me a tell. Your comfort is more important that the scene.</font></div>

<div style="width: 818px; display: inline-block; vertical-align: top;"><div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Links Out'''</center></div></div>
<div align=justify><font style="color: #000; letter-spacing: 0em;">''Links that lead off the wiki, but are technically relevant to the character.''</font></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ Title: [Link Here Title]</font></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ Title: [Link Here Title]</font></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ Title: [Link Here Title]</font></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ Title: [Link Here Title]</font></div>

<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Time Zone/Server'''</center></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ Time Zone :: Pacific Time (UTC−08:00)</font></div>
:<div align=justify><font style="color: #000; letter-spacing: 0em;">■ Server :: Mateus</font></div></tr></table></div>
</tab>


<tab name="Credit" style="padding: 10px; margin-left: 0px; border-style: solid; border-width: 1px 1px 1px 10px; border-color:#797979; border-radius:15px; background-color: #ffffff;">

<div style="width: 818px; display: inline-block; vertical-align: top;">
<div style="margin: 10px 0px; padding: 5px 0px; background: #797979; font-size:14px; color:#FFFFFF; font-family:tahoma; text-shadow: 1px 1px 1px black; letter-spacing:0.25em;border-radius:15px;"><center>'''Credit'''</center></div>
<font style="color: #000; letter-spacing: 0em; text-shadow: 0px 0px 0px white;">
While I edited the coding for this template here and there, a big thanks and credit to all the following people for the template::

::■ Template was created by [[Bancroft Gairn]].
::■ Adapted by [[Xheja Rajhera]].
::■ Background and headers [[Atreus del Alumet]].
::■ Tabs by [[Suen Shyu]].
::■ Music and OOC notes by [[Glioca Sargonnai]].
::■ Mashing everything together like a mad scientist [[D'lyhhia Lhuil]].

Please credit properly when using this wiki. Thanks.</font>

</tab>
</tabs>

<div style="background:#ffffff;valign:left;border-radius:15px;padding:10px 35px;">
<div align=center><div style="font-size:12px;letter-spacing:0.75em;color:#797979;font-family:Georgia;text-shadow: 1px 1px 5px silver">Pretty banner or quote here.</div></div>
</div>
</div>
</td>
</tr>
</table>
[[Category: Player Character]]
[[Category: Limsa Lominsa]]
[[Category: Mateus]]
[[Category: Lalafell]]
[[Category: Plainsfolk_Lalafell]]
[[Category: Character-stub]]

User:Pockiit

2021-10-17T20:12:15Z

Pockiit: Created page with "<!----------------------------------------------------------------------- About Page [04]: Kuebiko Made by glenthemes Initial release: 2018/07/07 Re-release: 2020/08/01 Last..."

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:50,
tip_fade_speed:0,
attribute:"title"
});
});
})(jQuery);
</script>

<link href="//fonts.googleapis.com/css?family=Darker+Grotesque:400,500|Padauk|Recursive|Monda|Libre+Franklin" rel="stylesheet">

<script src="//dl.dropbox.com/s/7p5jxk87jnqm91w/kuebiko.js"></script>

<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>



<style type="text/css">

/*--------------------TOOLTIPS--------------------*/
#s-m-t-tooltip {
padding:7px 10px;
margin:22px;
max-width:var(--BioText-Width);
background-color:var(--Tooltips-BG);
font-family:padauk;
font-size:var(--Tooltips-Font-Size);
text-transform:uppercase;
letter-spacing:1.3px;
color:var(--Tooltips-Text);
line-height:1.69em;
z-index:99;
}

/*--------------------TUMBLR CONTROLS--------------------*/
iframe#tumblr_controls, .iframe-controls--desktop {
top:7px!important;
right:7px!important;
position:fixed!important;

transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
-moz-transform:scale(0.8,0.8);
-o-transform:scale(0.8,0.8);
-ms-transform:scale(0.8,0.8);

transform-origin:100% 0;
-webkit-transform-origin:100% 0;
-moz-transform-origin:100% 0;
-o-transform-origin:100% 0;
-ms-transform-origin:100% 0;
z-index:999999!important;
}

/*--------------------TEXT HIGHLIGHT--------------------*/
::selection {
background:var(--Text-On-Highlight-BG);
}

::-moz-selection {
background:var(--Text-On-Highlight-BG);
}

/*--------------------BASICS--------------------*/
body {
background-attachment:fixed;
line-height:1.6em;
font-size:12px;
overflow:hidden;
}

a {
color:var(--Links);
text-decoration:none;
-webkit-transition: all 0.269s ease-in-out;
-moz-transition: all 0.269s ease-in-out;
-o-transition: all 0.269s ease-in-out;
}

pre, code {
white-space:pre-wrap;
}

img {vertical-align:middle;}

* {
/*-------- CURSOR --------*/
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/

/* to remove the custom cursor, delete the line below */

cursor:url(//dl.dropbox.com/s/1hxwbc6vc8tidwb/nier_cursor_5.png), auto;
}

/*------------ CUSTOMIZATION OPTIONS ------------*/
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/
/* all colors, sizes etc are edited inside :root
with the exception of the background color & image, edited below: */

body {
background-color:#fff; /* background color */

/* background image */
/* put the image url between the brackets */
/* do not remove the brackets or semicolon at the end */
background-image:url(//static.tumblr.com/c0a4e7cc4f5c2882a7779a37b63132bf/2pnwama/qAaoy90vm/tumblr_static_c7ybwm57sv4k0s0kswccgoss0.png);

/* if you have a large full-screen background, change
"repeat" to "no-repeat" */
background-repeat:repeat;
}

:root {
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/

/*------- TOP LINKS -------*/
--TopLinks-Padding:12px;
--TopLinks-BG:#fbfbfb;
--TopLinks-Border:#f2f2f2;
--TopLinks-Color:#333;
--TopLinks-Font-Size:12px;

--TopLinks-BG-On-Hover:#121212;
--TopLinks-Border-On-Hover:#121212;
--TopLinks-Color-On-Hover:#eee;

--TopLinks-Spacing:15px;

/*------- MUSIC PLAYER -------*/
--Music-Player-BG:#fbfbfb;
--Music-Player-Border:#f2f2f2;

--Music-Controls-Color:#333;
--Music-Controls-Size:12px;

--TopLinks-Bottom-Gap:15px;

/*------- MAIN CONTAINER -------*/
--Container-BG:#fbfbfb;
--Container-Border:#f2f2f2;
--Container-Padding:22px;

--BioText-Width:420px;

/*------- TITLE -------*/
--Title-Font-Size:18px;
--Title-Color:#222;
--Title-Shadow-Color:#e4e4e4;

/*------- SUBTITLE -------*/
--Subtitle-Top-Gap:1px;
--Subtitle-Lines-Color:#777;
--Subtitle-Color:#666;
--Subtitle-Font-Size:11px;
--Subtitle-Bottom-Gap:14px;

/*------- BIO TEXT -------*/
--BioText-Font-Size:12px;
--BioText-Color:#666;
--BioText-Line-Height:1.85;

--Links:#000;
--Links-Bottom-Border:#ddd;

--Links-On-Hover:#000;
--Links-Bottom-Border-On-Hover:#ddd;

--Scrollbar-Thumb:#999;
--Scrollbar-Track:#f0f0f0;

/*------- QUOTE -------*/
--Quote-Section-Top-Gap:16px;
--Quotation-Mark-Size:30px;
--Quotation-Mark-Color:#151515;
--Quote-Border-Color:#151515;

--Quote-Text-Left-Gap:15px;
--Quote-Text-Color:#555;
--Quote-Text-Font-Size:12px;
--Quote-Line-Height:2.2;

--Quote-Source-Line:#aaa;
--Quote-Source-Line-Width:20px;
--Quote-Source-Line-Spacing:8px;
--Quote-Source-Font-Size:10px;
--Quote-Source-Color:#888;

/*------- CUSTOM LINKS -------*/
--CustomLinks-Top-Gap:16px;
--CustomLinks-Per-Row:4;
--CustomLinks-Padding:9px;

--CustomLinks-BG:#fafafa;
--CustomLinks-Border-Color:#f2f2f2;
--CustomLinks-Color:#222;

--CustomLinks-BG-On-Hover:#121212;
--CustomLinks-Border-On-Hover:#121212;
--CustomLinks-Color-On-Hover:#eee;

--CustomLinks-Font-Size:9px;
--CustomLinks-Spacing:4px;

--Gutter-Width:25px; /* space between sidebar and text */

/*------- RIGHT SIDEBAR IMAGE -------*/
--Sidebar-Image-Width:300px;
--Sidebar-Image-Height:420px;

/*------- MISC/OTHER -------*/
--Tooltips-BG:#151515;
--Tooltips-Text:#eee;
--Tooltips-Font-Size:10px;
--Text-On-Highlight-BG:#f2f2f2;
}

/*---------- OUTER "CONTAINER" ----------*/
#horizontal-a {
position:fixed;
top:0;left:0;right:0;
margin:0 auto;
height:100vh;
text-align:center;
z-index:-1;
}

#horizontal-b {
display:inline-block;
}

#vertigo-a {
height:100vh;
display:table;
}

#vertigo-b {
display:table-cell;
vertical-align:middle;
}

#enigma {
text-align:left;
}

/*---------- TOP BOXES ----------*/
#topstuff {
display:flex;
align-items:center;
margin-bottom:var(--TopLinks-Bottom-Gap);
}

/*---------- TOP LINKS ----------*/
.toplinks {
display:flex;
align-items:center;
}

.toplinks a {
margin-right:var(--TopLinks-Spacing);
padding:var(--TopLinks-Padding) calc(var(--TopLinks-Padding) * 1.69);
background:var(--TopLinks-BG);
border:1px solid var(--TopLinks-Border);
font-family:darker grotesque;
font-weight:500;
font-size:var(--TopLinks-Font-Size);
text-transform:uppercase;
letter-spacing:2px;
color:var(--TopLinks-Color);
line-height:1em;
}

.toplinks a:hover {
background:var(--TopLinks-BG-On-Hover);
border-color:var(--TopLinks-Border-On-Hover);
color:var(--TopLinks-Color-On-Hover);
}

/*---------- MUSIC PLAYER ----------*/
.la-musique {
width:calc((var(--TopLinks-Padding) * 2) + var(--TopLinks-Font-Size) + 1px);
height:calc((var(--TopLinks-Padding) * 2) + var(--TopLinks-Font-Size) + 1px);
}

.parmesan {
width:100%;
height:100%;
background:var(--Music-Player-BG);
border:1px solid var(--Music-Player-Border);
box-sizing:border-box;
}

.music-controls {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
user-select:none;
}

.playy svg {
width:var(--Music-Controls-Size);
height:var(--Music-Controls-Size);
color:var(--Music-Controls-Color);
opacity:0.7;
}

.pausee {
display:none;
margin-top:1px;
font-size:calc(var(--Music-Controls-Size) - 3px);
color:var(--Music-Controls-Color);
line-height:1em;
}

.beff {display:none;}
.aff {display:block;}

/*---------- MAIN CONTAINER ----------*/
#iconteven {
padding:var(--Container-Padding);
background:var(--Container-BG);
border:1px solid var(--Container-Border);
display:table;
}

/*---------- LEFTSIDE ----------*/
#mainleft {
display:table-cell;
vertical-align:top;
width:var(--BioText-Width);
padding-right:var(--Gutter-Width);
}

.title {
font-family:darker grotesque;
font-weight:400;
font-size:var(--Title-Font-Size);
text-transform:uppercase;
letter-spacing:2.5px;
color:var(--Title-Color);
text-shadow:2px 2px 0px var(--Title-Shadow-Color);
line-height:1.69em;
}

.subtitle {
position:relative;
margin-top:calc(var(--Subtitle-Top-Gap) + (var(--Subtitle-Font-Size) / 2));
margin-bottom:var(--Subtitle-Bottom-Gap);
margin-left:calc(var(--Subtitle-Font-Size) * 2);
font-family:padauk;
font-size:var(--Subtitle-Font-Size);
text-transform:uppercase;
letter-spacing:2px;
color:var(--Subtitle-Color);
line-height:1em;
}

.subtitle:before {
content:"";
position:absolute;
margin-top:calc(var(--Subtitle-Font-Size) * -.5);
margin-left:calc(var(--Subtitle-Font-Size) * -2);
width:var(--Subtitle-Font-Size);
height:var(--Subtitle-Font-Size);
border-left:1px solid var(--Subtitle-Lines-Color);
border-bottom:1px solid var(--Subtitle-Lines-Color);
}

/*---------- BIO TEXT ----------*/
.bio-text {
width:calc(100% + 5px);
height:0px; /* won't actually be 0 */
overflow:hidden;
}

.the-text {
padding-top:2px;
padding-right:10px;
max-height:100%;
overflow-y:auto;
font-family:libre franklin;
font-size:var(--BioText-Font-Size);
letter-spacing:0.3px;
color:var(--BioText-Color);
line-height:var(--BioText-Line-Height);
text-align:justify;
}

.the-text a {
padding-bottom:2.5px;
border-bottom:1px solid var(--Links-Bottom-Border);
color:var(--Links);
}

.the-text a:hover {
border-color:var(--Links-Bottom-Border-On-Hover);
color:var(--Links-On-Hover);
}

.the-text::-webkit-scrollbar {
width:13px;
height:13px;
}

.the-text::-webkit-scrollbar-thumb {
background-color:var(--Scrollbar-Thumb);
border:6px solid var(--Container-BG);
}

.the-text::-webkit-scrollbar-track {
background:var(--Scrollbar-Track);
border:6px solid var(--Container-BG);
}

.the-text p:last-child {margin-bottom:0;}

/*---------- QUOTE ----------*/
.quote-sect {
margin-top:var(--Quote-Section-Top-Gap);
position:relative;
}

.quote-mark {
position:absolute;
width:var(--Quotation-Mark-Size);
height:var(--Quotation-Mark-Size);
background:var(--Container-BG);
border-radius:100%;
z-index:1;
}

.quote-svg svg {
}

.quote-text {
display:inline-block;
margin-left:calc((var(--Quotation-Mark-Size) / 2) - 1px);
padding-left:calc((var(--Quotation-Mark-Size) / 2) + var(--Quote-Text-Left-Gap) + 1px);
border-left:1px solid var(--Quote-Border-Color);
padding-right:var(--Quote-Text-Left-Gap);
font-family:recursive;
font-size:var(--Quote-Text-Font-Size);
color:var(--Quote-Text-Color);
line-height:var(--Quote-Line-Height);
text-align:left;
}

.quote-text p {
display:inline-block;
margin-top:3px;
}

.quote-text p:last-of-type {margin-bottom:-3px;}

.imdoingmybest {
display:table;
width:100%;
}

.quote-text span {
display:table-cell;
width:100%;
white-space:nowrap;
}

.quote-source {
display:table-cell;
vertical-align:middle;
}

.quote-source.right, .quote-source.inline {
display:table;
margin-left:auto;
}

.ergh {
position:absolute;
opacity:0;
}

.sausage {
display:flex;
align-items:center;
}

.q-line {
margin-right:var(--Quote-Source-Line-Spacing);
width:var(--Quote-Source-Line-Width);
height:1px;
background:var(--Quote-Source-Line);
}

.quote-source.inline .q-line {margin-top:-6px;}

.source-text {
font-family:padauk;
font-size:var(--Quote-Source-Font-Size);
text-transform:uppercase;
letter-spacing:1.5px;
color:var(--Quote-Source-Color);
line-height:1em;
white-space:nowrap;
}

.quote-source.inline .source-text {margin-top:-6px;}

/*---------- CUSTOM LINKS ----------*/
.customlinks {
margin-top:calc(var(--CustomLinks-Top-Gap) - var(--CustomLinks-Spacing));
margin-bottom:calc(var(--CustomLinks-Spacing) * -1);
margin-left:calc(var(--CustomLinks-Spacing) * -1);
width:calc(100% + (var(--CustomLinks-Spacing) * 2));
display:flex;
flex-wrap:wrap;
}

.customlinks a {
display:block;
margin:var(--CustomLinks-Spacing);
width:calc((100% / var(--CustomLinks-Per-Row)) - (var(--CustomLinks-Spacing) * 2));
box-sizing:border-box;
padding:var(--CustomLinks-Padding) calc(var(--CustomLinks-Padding) * 1.5);
background:var(--CustomLinks-BG);
border:1px solid var(--CustomLinks-Border-Color);
font-family:Monda;
font-size:var(--CustomLinks-Font-Size);
text-transform:uppercase;
letter-spacing:1.3px;
color:var(--CustomLinks-Color);
line-height:1.5em;
text-align:center;
}

.customlinks a:hover {
background:var(--CustomLinks-BG-On-Hover);
border-color:var(--CustomLinks-Border-On-Hover);
color:var(--CustomLinks-Color-On-Hover);
}

/*---------- RIGHT SIDEBAR IMAGE ----------*/
#sidebar {
display:table-cell;
vertical-align:top;
width:var(--Sidebar-Image-Width);
height:var(--Sidebar-Image-Height);

/*------- SIDEBAR IMAGE -------*/
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/
/* image url goes between brackets. do not remove brackets or semicolon */

background-image:url(//64.media.tumblr.com/13c8afc22302c8fa44a8268bdfed673f/8a31703dcece7b58-41/s1280x1920/a149e70bd96309aa7b19090bf9adfd6fe04eb7fd.jpg);

background-repeat:no-repeat;
background-size:cover;
background-position:center;
}

</style>

</head>

<body>

<div id="horizontal-a">
<div id="horizontal-b">
<div id="vertigo-a">
<div id="vertigo-b">
<div id="enigma">
<div id="topstuff">






<div class="toplinks">
<a href="/">index</a>
<a href="/ask">message</a>
<a href="/archive">archive</a>


<a href="//glenthemes.tumblr.com" title="page by glenthemes">credit</a>
</div>


<div class="la-musique">
<div class="parmesan">





<a class="music-controls" title="'Blissful Death'">
<div class="playy">
<i data-feather="play"></i>
</div>
<div class="pausee">⌷⌷</div>
</a>
</div>
</div>





<audio id="audio" src="//dl.dropbox.com/s/t93a12m9qr6ejdc/Blissful%20Death.mp3" type="audio"></audio>


</div>

<div id="iconteven">
<div id="mainleft">


<div class="title">your title here</div>
<div class="subtitle">your subtitle here</div>

<div class="bio-text">
<div class="the-text">




Biography text goes here.
<p>
Supports long text. Text that's too long will overflow, and a scrollbar will be added automatically.
<p>
NOTE: open your page in a new tab and refresh periodically to see your changes live. the editor panel isn't always accurate (especially the height of this text space).

</div>
</div>

<div class="quote-sect">
<div class="quote-mark">
<div class="quote-svg"></div>
</div>
<div class="quote-text">






<p>

We want our lives back, we want to get back to ‘normal’.
But life doesn’t care.
Now it is night again and I am waiting for
the dawn tomorrow.

</p>




<div class="quote-source ergh" position="inline">
<div class="sausage">
<div class="q-line"></div>




<div class="source-text">Nayyirah Waheed</div>

</div>
</div>

</div>
</div>




<div class="customlinks">
<a href="">link 1</a>
<a href="">link 2</a>
<a href="">link 3</a>
<a href="">link 4</a>
<a href="">link 5</a>
<a href="">link 6</a>
<a href="">link 7</a>
<a href="">link 8</a>
</div>
</div>



<div id="sidebar"></div>

</div>
</div>
</div>
</div>
</div>
</div>

<script>feather.replace()</script>
</body>
</html>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:50,
tip_fade_speed:0,
attribute:"title"
});
});
})(jQuery);
</script>

<link href="//fonts.googleapis.com/css?family=Darker+Grotesque:400,500|Padauk|Recursive|Monda|Libre+Franklin" rel="stylesheet">

<script src="//dl.dropbox.com/s/7p5jxk87jnqm91w/kuebiko.js"></script>

<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>



<style type="text/css">

/*--------------------TOOLTIPS--------------------*/
#s-m-t-tooltip {
padding:7px 10px;
margin:22px;
max-width:var(--BioText-Width);
background-color:var(--Tooltips-BG);
font-family:padauk;
font-size:var(--Tooltips-Font-Size);
text-transform:uppercase;
letter-spacing:1.3px;
color:var(--Tooltips-Text);
line-height:1.69em;
z-index:99;
}

/*--------------------TUMBLR CONTROLS--------------------*/
iframe#tumblr_controls, .iframe-controls--desktop {
top:7px!important;
right:7px!important;
position:fixed!important;

transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
-moz-transform:scale(0.8,0.8);
-o-transform:scale(0.8,0.8);
-ms-transform:scale(0.8,0.8);

transform-origin:100% 0;
-webkit-transform-origin:100% 0;
-moz-transform-origin:100% 0;
-o-transform-origin:100% 0;
-ms-transform-origin:100% 0;
z-index:999999!important;
}

/*--------------------TEXT HIGHLIGHT--------------------*/
::selection {
background:var(--Text-On-Highlight-BG);
}

::-moz-selection {
background:var(--Text-On-Highlight-BG);
}

/*--------------------BASICS--------------------*/
body {
background-attachment:fixed;
line-height:1.6em;
font-size:12px;
overflow:hidden;
}

a {
color:var(--Links);
text-decoration:none;
-webkit-transition: all 0.269s ease-in-out;
-moz-transition: all 0.269s ease-in-out;
-o-transition: all 0.269s ease-in-out;
}

pre, code {
white-space:pre-wrap;
}

img {vertical-align:middle;}

* {
/*-------- CURSOR --------*/
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/

/* to remove the custom cursor, delete the line below */

cursor:url(//dl.dropbox.com/s/1hxwbc6vc8tidwb/nier_cursor_5.png), auto;
}

/*------------ CUSTOMIZATION OPTIONS ------------*/
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/
/* all colors, sizes etc are edited inside :root
with the exception of the background color & image, edited below: */

body {
background-color:#fff; /* background color */

/* background image */
/* put the image url between the brackets */
/* do not remove the brackets or semicolon at the end */
background-image:url(//static.tumblr.com/c0a4e7cc4f5c2882a7779a37b63132bf/2pnwama/qAaoy90vm/tumblr_static_c7ybwm57sv4k0s0kswccgoss0.png);

/* if you have a large full-screen background, change
"repeat" to "no-repeat" */
background-repeat:repeat;
}

:root {
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/

/*------- TOP LINKS -------*/
--TopLinks-Padding:12px;
--TopLinks-BG:#fbfbfb;
--TopLinks-Border:#f2f2f2;
--TopLinks-Color:#333;
--TopLinks-Font-Size:12px;

--TopLinks-BG-On-Hover:#121212;
--TopLinks-Border-On-Hover:#121212;
--TopLinks-Color-On-Hover:#eee;

--TopLinks-Spacing:15px;

/*------- MUSIC PLAYER -------*/
--Music-Player-BG:#fbfbfb;
--Music-Player-Border:#f2f2f2;

--Music-Controls-Color:#333;
--Music-Controls-Size:12px;

--TopLinks-Bottom-Gap:15px;

/*------- MAIN CONTAINER -------*/
--Container-BG:#fbfbfb;
--Container-Border:#f2f2f2;
--Container-Padding:22px;

--BioText-Width:420px;

/*------- TITLE -------*/
--Title-Font-Size:18px;
--Title-Color:#222;
--Title-Shadow-Color:#e4e4e4;

/*------- SUBTITLE -------*/
--Subtitle-Top-Gap:1px;
--Subtitle-Lines-Color:#777;
--Subtitle-Color:#666;
--Subtitle-Font-Size:11px;
--Subtitle-Bottom-Gap:14px;

/*------- BIO TEXT -------*/
--BioText-Font-Size:12px;
--BioText-Color:#666;
--BioText-Line-Height:1.85;

--Links:#000;
--Links-Bottom-Border:#ddd;

--Links-On-Hover:#000;
--Links-Bottom-Border-On-Hover:#ddd;

--Scrollbar-Thumb:#999;
--Scrollbar-Track:#f0f0f0;

/*------- QUOTE -------*/
--Quote-Section-Top-Gap:16px;
--Quotation-Mark-Size:30px;
--Quotation-Mark-Color:#151515;
--Quote-Border-Color:#151515;

--Quote-Text-Left-Gap:15px;
--Quote-Text-Color:#555;
--Quote-Text-Font-Size:12px;
--Quote-Line-Height:2.2;

--Quote-Source-Line:#aaa;
--Quote-Source-Line-Width:20px;
--Quote-Source-Line-Spacing:8px;
--Quote-Source-Font-Size:10px;
--Quote-Source-Color:#888;

/*------- CUSTOM LINKS -------*/
--CustomLinks-Top-Gap:16px;
--CustomLinks-Per-Row:4;
--CustomLinks-Padding:9px;

--CustomLinks-BG:#fafafa;
--CustomLinks-Border-Color:#f2f2f2;
--CustomLinks-Color:#222;

--CustomLinks-BG-On-Hover:#121212;
--CustomLinks-Border-On-Hover:#121212;
--CustomLinks-Color-On-Hover:#eee;

--CustomLinks-Font-Size:9px;
--CustomLinks-Spacing:4px;

--Gutter-Width:25px; /* space between sidebar and text */

/*------- RIGHT SIDEBAR IMAGE -------*/
--Sidebar-Image-Width:300px;
--Sidebar-Image-Height:420px;

/*------- MISC/OTHER -------*/
--Tooltips-BG:#151515;
--Tooltips-Text:#eee;
--Tooltips-Font-Size:10px;
--Text-On-Highlight-BG:#f2f2f2;
}

/*---------- OUTER "CONTAINER" ----------*/
#horizontal-a {
position:fixed;
top:0;left:0;right:0;
margin:0 auto;
height:100vh;
text-align:center;
z-index:-1;
}

#horizontal-b {
display:inline-block;
}

#vertigo-a {
height:100vh;
display:table;
}

#vertigo-b {
display:table-cell;
vertical-align:middle;
}

#enigma {
text-align:left;
}

/*---------- TOP BOXES ----------*/
#topstuff {
display:flex;
align-items:center;
margin-bottom:var(--TopLinks-Bottom-Gap);
}

/*---------- TOP LINKS ----------*/
.toplinks {
display:flex;
align-items:center;
}

.toplinks a {
margin-right:var(--TopLinks-Spacing);
padding:var(--TopLinks-Padding) calc(var(--TopLinks-Padding) * 1.69);
background:var(--TopLinks-BG);
border:1px solid var(--TopLinks-Border);
font-family:darker grotesque;
font-weight:500;
font-size:var(--TopLinks-Font-Size);
text-transform:uppercase;
letter-spacing:2px;
color:var(--TopLinks-Color);
line-height:1em;
}

.toplinks a:hover {
background:var(--TopLinks-BG-On-Hover);
border-color:var(--TopLinks-Border-On-Hover);
color:var(--TopLinks-Color-On-Hover);
}

/*---------- MUSIC PLAYER ----------*/
.la-musique {
width:calc((var(--TopLinks-Padding) * 2) + var(--TopLinks-Font-Size) + 1px);
height:calc((var(--TopLinks-Padding) * 2) + var(--TopLinks-Font-Size) + 1px);
}

.parmesan {
width:100%;
height:100%;
background:var(--Music-Player-BG);
border:1px solid var(--Music-Player-Border);
box-sizing:border-box;
}

.music-controls {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
user-select:none;
}

.playy svg {
width:var(--Music-Controls-Size);
height:var(--Music-Controls-Size);
color:var(--Music-Controls-Color);
opacity:0.7;
}

.pausee {
display:none;
margin-top:1px;
font-size:calc(var(--Music-Controls-Size) - 3px);
color:var(--Music-Controls-Color);
line-height:1em;
}

.beff {display:none;}
.aff {display:block;}

/*---------- MAIN CONTAINER ----------*/
#iconteven {
padding:var(--Container-Padding);
background:var(--Container-BG);
border:1px solid var(--Container-Border);
display:table;
}

/*---------- LEFTSIDE ----------*/
#mainleft {
display:table-cell;
vertical-align:top;
width:var(--BioText-Width);
padding-right:var(--Gutter-Width);
}

.title {
font-family:darker grotesque;
font-weight:400;
font-size:var(--Title-Font-Size);
text-transform:uppercase;
letter-spacing:2.5px;
color:var(--Title-Color);
text-shadow:2px 2px 0px var(--Title-Shadow-Color);
line-height:1.69em;
}

.subtitle {
position:relative;
margin-top:calc(var(--Subtitle-Top-Gap) + (var(--Subtitle-Font-Size) / 2));
margin-bottom:var(--Subtitle-Bottom-Gap);
margin-left:calc(var(--Subtitle-Font-Size) * 2);
font-family:padauk;
font-size:var(--Subtitle-Font-Size);
text-transform:uppercase;
letter-spacing:2px;
color:var(--Subtitle-Color);
line-height:1em;
}

.subtitle:before {
content:"";
position:absolute;
margin-top:calc(var(--Subtitle-Font-Size) * -.5);
margin-left:calc(var(--Subtitle-Font-Size) * -2);
width:var(--Subtitle-Font-Size);
height:var(--Subtitle-Font-Size);
border-left:1px solid var(--Subtitle-Lines-Color);
border-bottom:1px solid var(--Subtitle-Lines-Color);
}

/*---------- BIO TEXT ----------*/
.bio-text {
width:calc(100% + 5px);
height:0px; /* won't actually be 0 */
overflow:hidden;
}

.the-text {
padding-top:2px;
padding-right:10px;
max-height:100%;
overflow-y:auto;
font-family:libre franklin;
font-size:var(--BioText-Font-Size);
letter-spacing:0.3px;
color:var(--BioText-Color);
line-height:var(--BioText-Line-Height);
text-align:justify;
}

.the-text a {
padding-bottom:2.5px;
border-bottom:1px solid var(--Links-Bottom-Border);
color:var(--Links);
}

.the-text a:hover {
border-color:var(--Links-Bottom-Border-On-Hover);
color:var(--Links-On-Hover);
}

.the-text::-webkit-scrollbar {
width:13px;
height:13px;
}

.the-text::-webkit-scrollbar-thumb {
background-color:var(--Scrollbar-Thumb);
border:6px solid var(--Container-BG);
}

.the-text::-webkit-scrollbar-track {
background:var(--Scrollbar-Track);
border:6px solid var(--Container-BG);
}

.the-text p:last-child {margin-bottom:0;}

/*---------- QUOTE ----------*/
.quote-sect {
margin-top:var(--Quote-Section-Top-Gap);
position:relative;
}

.quote-mark {
position:absolute;
width:var(--Quotation-Mark-Size);
height:var(--Quotation-Mark-Size);
background:var(--Container-BG);
border-radius:100%;
z-index:1;
}

.quote-svg svg {
}

.quote-text {
display:inline-block;
margin-left:calc((var(--Quotation-Mark-Size) / 2) - 1px);
padding-left:calc((var(--Quotation-Mark-Size) / 2) + var(--Quote-Text-Left-Gap) + 1px);
border-left:1px solid var(--Quote-Border-Color);
padding-right:var(--Quote-Text-Left-Gap);
font-family:recursive;
font-size:var(--Quote-Text-Font-Size);
color:var(--Quote-Text-Color);
line-height:var(--Quote-Line-Height);
text-align:left;
}

.quote-text p {
display:inline-block;
margin-top:3px;
}

.quote-text p:last-of-type {margin-bottom:-3px;}

.imdoingmybest {
display:table;
width:100%;
}

.quote-text span {
display:table-cell;
width:100%;
white-space:nowrap;
}

.quote-source {
display:table-cell;
vertical-align:middle;
}

.quote-source.right, .quote-source.inline {
display:table;
margin-left:auto;
}

.ergh {
position:absolute;
opacity:0;
}

.sausage {
display:flex;
align-items:center;
}

.q-line {
margin-right:var(--Quote-Source-Line-Spacing);
width:var(--Quote-Source-Line-Width);
height:1px;
background:var(--Quote-Source-Line);
}

.quote-source.inline .q-line {margin-top:-6px;}

.source-text {
font-family:padauk;
font-size:var(--Quote-Source-Font-Size);
text-transform:uppercase;
letter-spacing:1.5px;
color:var(--Quote-Source-Color);
line-height:1em;
white-space:nowrap;
}

.quote-source.inline .source-text {margin-top:-6px;}

/*---------- CUSTOM LINKS ----------*/
.customlinks {
margin-top:calc(var(--CustomLinks-Top-Gap) - var(--CustomLinks-Spacing));
margin-bottom:calc(var(--CustomLinks-Spacing) * -1);
margin-left:calc(var(--CustomLinks-Spacing) * -1);
width:calc(100% + (var(--CustomLinks-Spacing) * 2));
display:flex;
flex-wrap:wrap;
}

.customlinks a {
display:block;
margin:var(--CustomLinks-Spacing);
width:calc((100% / var(--CustomLinks-Per-Row)) - (var(--CustomLinks-Spacing) * 2));
box-sizing:border-box;
padding:var(--CustomLinks-Padding) calc(var(--CustomLinks-Padding) * 1.5);
background:var(--CustomLinks-BG);
border:1px solid var(--CustomLinks-Border-Color);
font-family:Monda;
font-size:var(--CustomLinks-Font-Size);
text-transform:uppercase;
letter-spacing:1.3px;
color:var(--CustomLinks-Color);
line-height:1.5em;
text-align:center;
}

.customlinks a:hover {
background:var(--CustomLinks-BG-On-Hover);
border-color:var(--CustomLinks-Border-On-Hover);
color:var(--CustomLinks-Color-On-Hover);
}

/*---------- RIGHT SIDEBAR IMAGE ----------*/
#sidebar {
display:table-cell;
vertical-align:top;
width:var(--Sidebar-Image-Width);
height:var(--Sidebar-Image-Height);

/*------- SIDEBAR IMAGE -------*/
/*-- 🌼🌼🌼🌼🌼🌼🌼 --*/
/* image url goes between brackets. do not remove brackets or semicolon */

background-image:url(//64.media.tumblr.com/13c8afc22302c8fa44a8268bdfed673f/8a31703dcece7b58-41/s1280x1920/a149e70bd96309aa7b19090bf9adfd6fe04eb7fd.jpg);

background-repeat:no-repeat;
background-size:cover;
background-position:center;
}

</style>

</head>

<body>

<div id="horizontal-a">
<div id="horizontal-b">
<div id="vertigo-a">
<div id="vertigo-b">
<div id="enigma">
<div id="topstuff">






<div class="toplinks">
<a href="/">index</a>
<a href="/ask">message</a>
<a href="/archive">archive</a>


<a href="//glenthemes.tumblr.com" title="page by glenthemes">credit</a>
</div>


<div class="la-musique">
<div class="parmesan">





<a class="music-controls" title="'Blissful Death'">
<div class="playy">
<i data-feather="play"></i>
</div>
<div class="pausee">⌷⌷</div>
</a>
</div>
</div>





<audio id="audio" src="//dl.dropbox.com/s/t93a12m9qr6ejdc/Blissful%20Death.mp3" type="audio"></audio>


</div>

<div id="iconteven">
<div id="mainleft">


<div class="title">your title here</div>
<div class="subtitle">your subtitle here</div>

<div class="bio-text">
<div class="the-text">




Biography text goes here.
<p>
Supports long text. Text that's too long will overflow, and a scrollbar will be added automatically.
<p>
NOTE: open your page in a new tab and refresh periodically to see your changes live. the editor panel isn't always accurate (especially the height of this text space).

</div>
</div>

<div class="quote-sect">
<div class="quote-mark">
<div class="quote-svg"></div>
</div>
<div class="quote-text">






<p>

We want our lives back, we want to get back to ‘normal’.
But life doesn’t care.
Now it is night again and I am waiting for
the dawn tomorrow.

</p>




<div class="quote-source ergh" position="inline">
<div class="sausage">
<div class="q-line"></div>




<div class="source-text">Nayyirah Waheed</div>

</div>
</div>

</div>
</div>




<div class="customlinks">
<a href="">link 1</a>
<a href="">link 2</a>
<a href="">link 3</a>
<a href="">link 4</a>
<a href="">link 5</a>
<a href="">link 6</a>
<a href="">link 7</a>
<a href="">link 8</a>
</div>
</div>



<div id="sidebar"></div>

</div>
</div>
</div>
</div>
</div>
</div>

<script>feather.replace()</script>
</body>

</html>