• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Realistic or Modern — 𝑾𝑶𝑳𝑳𝑺𝑻𝑶𝑵𝑬𝑪𝑹𝑨𝑭𝑻 𝐴𝐶𝐴𝐷𝐸𝑀𝑌 ( 𝘤𝘩𝘢𝘳𝘢𝘤𝘵𝘦𝘳𝘴 )

OOC
Here
Lore
Here
Other
Here
[class=variables] --color: #8b0000; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important [/class] [class=container] width: 460px; height: 300px; display: flex; margin: auto; [/class] [class=left] background-color: var(--color); height: 300px; width: 220px; padding: 10px; box-sizing: border-box; [/class] [class name=left maxWidth=450px] width: 135px; padding: 5px; height: 290px; [/class] [class=img] height: 280px; width: 200px; background-image: url('https://66.media.tumblr.com/3982ffd214c2338d93a0913ef97c75b1/78580dd78585dfde-91/s400x600/2a672a7d13ccf088fcaf11faf651a071d6c3caf6.png'); filter: saturate(0%); background-size: cover; padding: 20px; box-sizing: border-box; background-position: 50% 50%; [/class] [class name=img maxWidth=450px] width: 125px; [/class] [class=brackets] height: 100%; width: 100%; background: linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px; [/class] [class name=brackets maxWidth=450px] opacity: 0; [/class] [class=right] width: 240px; height: 300px; display: flex; flex-direction: column; [/class] [class=contentContainer] position: relative; width: 240px; height: 270px; [/class] [class name=contentContainer maxWidth=450px] left: -5px; [/class] [class=content] position: absolute; opacity: 0; transition: 0.5s; width: 240px; height: 270px; font-size: 12px; padding-left: 10px; box-sizing: border-box; overflow: hidden; [/class] [class=scroll] width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; [/class] [class=name] font-weight: 900; text-align: center; border-bottom: 4px solid var(--color); width: 120px; display: block; margin: 10% auto; font-size: 18px; position: relative; [/class] [class=textHome] font-size: 12px; text-align: center; text-transform: uppercase; width: 200px; margin: 0 6.5%; [/class] [class=title] text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 900; [/class] [class=tag] display: inline-block; border-bottom: 1px solid var(--color); height: 15px; font-size: 10px; text-transform: uppercase; [/class] [class=imgSmallContainer] width: 80%; height: 70px; display: flex; justify-content: space-between; margin: 10px auto; [/class] [class=imgSmall] width: 70px; height: 70px; background-size: cover; background-position: 50% 50%; filter: saturate(70%); [/class] [class=tabs] display: flex; width: 150px; margin: 0 23%; justify-content: space-between; [/class] [class name=tabs maxWidth=450px] position: relative; left: -10px; [/class] [class=tab] border-radius: 50%; height: 20px; width: 20px; border: 1px solid black; transition: 0.5s; [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; border: 1px solid var(--color); [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=click] border: 1px solid var(--color); background-color: var(--color); [/class] [script class=tab01 on=click] addClass click tab01 removeClass click tab02 removeClass click tab03 removeClass click tab04 addClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab02 on=click] addClass click tab02 removeClass click tab01 removeClass click tab03 removeClass click tab04 addClass show content02 removeClass show content01 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab03 on=click] addClass click tab03 removeClass click tab01 removeClass click tab02 removeClass click tab04 addClass show content03 removeClass show content01 removeClass show content02 removeClass show content04 removeClass show contentHome [/script] [script class=tab04 on=click] addClass click tab04 removeClass click tab01 removeClass click tab02 removeClass click tab03 addClass show content04 removeClass show content01 removeClass show content02 removeClass show content03 removeClass show contentHome [/script] [div class=variables] [div class=container] [div class=left] [div class=img] [div class=brackets][/div] [/div] [/div] [div class=right] [div class=contentContainer] [div class="show content contentHome"] [div class=name]BENECIO DE GUERRA.[/div] [div class=textHome]WHEN I DIE ?

FUCK IT, I WANT TO GO TO HELL

I’M A PIECE OF SHIT, IT AINT HARD TO FUCKING TELL
[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]dossier[/div] [div class=tag]name[/div] benecio jonas de guerra
[div class=tag]nicknames[/div] he answers to benny, never ben. due to his feral nature, benecio has earned the moniker ‘cujo’. it’s hard to tell whether he likes it or not.
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]sexuality[/div] bicurious
[div class=tag]date of birth[/div] the exact date was never recorded but benecio knows he was born during the summer of 2002.
[div class=tag]zodiac[/div] unknown. a boardwalk psychic told him he had “the spirit of a leo” and he’s run with it ever since.
[div class=tag]place of birth[/div] sequoia national park, california
[div class=tag]race/ethnicity[/div] mexican, iranian and white.
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/383bc149c47fd59b1b6d6ce423a1618b/tumblr_inline_pl5ggxeFfl1rqq37j_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/557a4af91e48e33b84f390297be0c32c/tumblr_inline_pl5ghwdPOG1rqq37j_400.gifv');"][/div] [/div] [div class=title]visage[/div] [div class=tag]hair[/div] medium brown curls, never gelled down or combed. sections of his hair are often congealed with blood or mud.
[div class=tag]eyes[/div] benecio’s eyes are completely black. there is no distinction between his pupils, his irises or the “whites” of his eyes. he’s invented lie and lie again about why they look like that and eventually, people got too scared to ask. benny’s often seen in sunglasses, a pair of crooked ray-bans, in order to avoid questions. despite how disturbing his eyes look, they are framed by long, thick lashes and it’s easy to get lost in his stare.
[div class=tag]skin[/div] olive toned and appears constantly flushed. his skin is uncomfortably warm to the touch as if he’s feverish, as well as feeling oddly prickly. he has more than his fair share of scars scattered all over his body.
[div class=tag]height[/div] six feet
[div class=tag]weight[/div] 165 lbs. benecio is slightly underweight but thats because of lack of fat on his body. he’s built like a wolf, lean and rangy, always tensed up for a fight.
[div class=tag]distinguishing features[/div] benecio’s a handsome guy—however, that doesn’t stop his face from looking slightly off. the way his jaw juts forward combined with the slope of his nose gives his face the appearance of forming a snout. his mouth is a little too wide, his lips are a little too red. a feature that never fails to garner attention are his teeth, concerningly sharp and jumbled in his mouth. more than a few of his fangs are chipped, indicating the hard life he has lived. if there was one feature that he truly hated, benny would have to say that it’s his eyes. no matter how hard he showers, he carries the scent of smoke on his skin, a lovely result of his demonic heritage.
[div class=tag]wardrobe[/div] benny wears whatever fits. he was never afforded the luxury of being able to choose clothing. he’s always gravities towards black, white and grey clothing, flannels, sweatshirts, and anything that could keep him warm. benecio is always seen in layers as he’s used keeping everything he could carry on him. as far as shoes go, he alternated between distressed work boots and beaten black chucks. benecio has always liked the appeal of jewelry but he knew, living on the street, anything of value made him a target. as an ironic substitute, he wears dog chains instead.
[div class=tag]faceclaim[/div] benjamin wadsworth.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=tag]persona[/div] benecio is a dick. he’s not some urbane, teasing bad boy, he’s just cruel. life has taught him to be on the offense constantly, attacking other people before they have the chance to attack him. all his jokes are taken too far too fast and really everyone he meets is driven off by his derogatory words. that’s the goal. anything more than an acquaintance is a step closer to weakness and the boy is weak enough as it is.
don’t get him wrong, sometimes he enjoys being the antagonist and seeing others upset. there’s no human in his dna to water down the strength of his emotions, to automatically give him empathy. if taught, benecio could learn a lot, maybe even have something more to offer than just sharp teeth and sharper comments. however, he’s had no one to show him.
ever so often, he slips up and says something that could be considered nice. the type of person he is, he’ll always mean the compliment. despite benny’s complete lack of other morals, he has always vowed to be as honest as he could, damn the consequences. it’s something he wished his mother did with him and in some stupid interpretation of the golden rule, he aims to be genuine with others. [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/728c07fec41e17af891d3ceac49e3512/tumblr_inline_pl5gqhR1GU1rqq37j_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/9f8410b4ff5d05c1133d9ddcfcec149a/tumblr_inline_pl5gqbeAu71rqq37j_400.gifv');"][/div] [/div] [div class=tag]alignment[/div] neutral evil
[div class=tag]positive traits[/div] alert, adaptable, resourceful, honest, darkly humorous, genuine
[div class=tag]negative traits[/div] aggressive, abrasive, careless, pessimistic, impolite, vaguely sadistic
[div class=tag]likes[/div] dark liquor, second hand clothing, forests, gold jewelry, raw red meat, birds of prey, dumpster diving, bumming cigarettes
[div class=tag]dislikes[/div] lipstick stains, any chocolate flavored food, baths, formal events or venues, luxury cars, close relationships with other people, churches
[div class=tag]fears[/div] other hounds or wolves, shapeshifters or not. benicio has a lone wolf mentality and in the presence of other canines, his fear presents itself as aggression. churches, bibles, and religious talk never fail to make his skin prickle. benny can’t even go in a church without nearly vomiting. he’s scared of cops, foster homes, and inpatient hospitals.
[div class=tag]aliments[/div] surprisingly nothing. benny’s monstrously durable and as long as he eats often and enough, he’s in perfect condition.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]species[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0f59be25ded6a8cb4ee11c7aec896454/tumblr_inline_pmfb1kI5Fq1vp79yq_500.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/7a8ad50d740e4f27a2c0fd0fe423e8ff/tumblr_inline_pmfb1qdXRj1vp79yq_500.gif');"][/div] [/div] [div class=tag]explanation[/div] hellhounds could be considered god’s mistakes—except he wasn’t the one who created them. ever so often, a demon or a malignant spirit will manage to copulate with a lycanthrope. the result is a bastardization of both species, an enormous black hound able to exist in a corporeal state as well as spectrally. they’re eerie beasts who can bring down elk and other large prey with ease, either with their serrated fangs or acidic saliva. hellhounds are essentially made to kill. this is their main urge, above all other feelings, and it results in them being easy to set in someone’s path. it’s rumored that after catching the scent of something or someone trying to escape it, a hellhound will not rest until they’ve killed the victim. this results in their portrayal as omens or harbingers of death. whenever a hellhound is seen, a slaughter is soon to follow. due to their demonic heritage, hellhounds often appear mangled and bloody, with scars and matted fur. despite this, they are extremely durable and grow stronger with age.
[div class=tag]rules[/div] due to the complex chemistry of their bodies, hellhounds have voracious appetites. they often crave carrion, rotten meat, or extremely charred food. feeding upon humans is not taboo and human hearts are seen as delicacies amongst hellhounds. they’re durable creatures but starving one is certainly a way to weaken it. hellhounds grow more violent with age, most going rabid and ending up killing themselves. however, this morbid process takes hundreds of years. crosses, churches, and holy water set hellhounds into a frightened panic, which usually presents itself as confused aggression.
[div class=tag]extra[/div] benecio’s father was an incubi, a sex demon. this results in his ability to dream walk and make himself present in the subconscious of others. what he does in those dreams would make a nun cry.
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]history[/div] [div class=tag]background[/div] benecio is why some people shouldn’t be allowed to have sex. he was an immaculate conception, after six days of vivid sex dreams, his mother woke up six months pregnant. her name was inez and she lived as a lone wolf, sequestered off in an area of the sequoia woods known to be teeming with wildlife. she described the pregnancy as difficult. throughout the three months she was pregnant with benecio, she craved rotten meat, often bleed out her nose and ears, and found herself killing the surrounding fauna just because she could.
and then he was born, wearing the umbilical cord like a chain. inez had a brief moment of hesitation as she looked down at her son, his eyes open and mouth full of serrated teeth. she shocked herself out of it. that was her son no matter what he looked like and she wouldn’t just let him die. that was her mistake because raising benny was even harder than giving birth to him. the boy was a brute, slaughtering anything that came near the home and flying into rages where he’d often injure himself or his mother. as soon as he could run, he would disappear for hours and come back covered in blood. he was a hellion and his mother couldn’t take it. at age ten, benecio was abandoned by his mother, hansel and gretel style. inez lead him to the end of the forest, where hikers and guides were found. benny has blanked this part out but he ended up being found and quickly shuffled into foster care.
the boy couldn’t be housed with other werewolves and damn sure not with human children. that, combined with the abuse he endured, and the realization of his true heritage caused him to begin running away from homes. demonic blood in his veins horrified him but it also explained why he was the way he was, why inez discarded him. with this new found knowledge, benecio began his life on the streets, not bothering anyone and not letting himself be bothered. he’s been at it for six years and despite knowing it’s no way to live, its the only way he knows how. [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c01d6c70a4018f9255daefd1b28b16d3/tumblr_inline_pmfb28qFEm1vp79yq_500.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/64e0d237c45247f5804570c25ad6bb8f/tumblr_inline_pmfb0nqSyk1vp79yq_500.gif');"][/div] [/div] [div class=tag]when did they receive the brochure ?[/div] benecio had just got hit by a car. a rolls royce, to be specific. it was the night chastity’s father walked right into their little dalliance and chased benny out with a pistol in hand. the boy leapt right off the balcony and across the highway, shifted into hound form and vowing to come back and tear her father’s throat out. he could with ease. really, the only thing that stopped him from doing it was the luxury car knocking him back a few feet. the driver assumed they had hit a street dog, albeit a disturbingly large one, and kept driving. as benny laid there, slowly healing and homeless once again, he wondered if life could get any worse—and then there the brochure was.
[div class=tag]relationships [/div]
xx → mother = inez de guerra | inez gave him up when he was young and they haven’t had any contact since then. knowing what he does now, he can’t blame her for her choice. still, if they ever met again, he couldn’t guarantee her safety. benecio’s memories of his mother are fuzzy but he could recall her always being afraid of him or irritated. all her affection seemed shaky, as if she was scared of how he’d react if she didn’t hold him, call him her son.

xx → father = ??? | benny doesn’t know who his dad is and doesn’t care. fuck that guy.
xx → ex= chastity calvete | chastity was benny’s personal lifesaver. her and benny used to screw around and since her parents worked the night shift, he’d end up staying over to the next morning. this arrangement went on for around two years. benny would never say he loved chastity but she was reliable. she’s the only person who cares about his existence. [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
[div class=variables][/div]
 
Last edited:

cassiel ó cinnéide; the dullahan
tumblr_nje31o2m9o1rdkvxmo3_500.gif

[class=tabs] color: grey; line-height: 1; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: auto; text-align: center; min-width: 350px; width: 20%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 15%; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} ⚘) (show tabsContentVee) if (eq ${currentTab} ❀) (show tabsContentFinally) if (eq ${currentTab} ❁) (show tabsContentDoes) if (eq ${currentTab} ❋) (show tabsContentTabs) [/script] [div class=tabs][div class=tab style=" margin: auto"]
[div class=tab style="margin: auto"]
[div class=tab style="margin: auto;"][/div][div class=tab style="margin: auto;"][/div][/div] [div class="tabsContent tabsContentVee"]
about them:
[div class=p]name. cassiel ó cinnéide
[div class=p]nickname(s). cass
[div class=p]age. 18[/div] [div class=p]birthday. january 15th[/div] [div class=p]zodiac. capricorn[/div] [div class=p]gender. male[/div] [div class=p]sexuality. bicurious[/div] [div class=p]place of birth. ráth chairn, ireland[/div] [div class=p]race/ethnicity. white irish[/div][/div][/div]
appearance:
[div class=p]hair color. brown
[div class=p]eye color. blue
[div class=p]skin. fair skin with neutral undertones.[/div] [div class=p]height. 188 cm, 6'2"[/div] [div class=p]weight. 165 lbs, 75 kg[/div] [div class=p]body type. athletic, muscular[/div] [div class=p]piercings. both lobes[/div] [div class=p]distinguishing features. mostly expressionless, empty gaze[/div] [div class=p]wardrobe. cassiel's wardrobe[/div] [div class=p]faceclaim. Brodie Scott[/div][/div][/div]
[/div] [div class="tabsContent tabsContentFinally" style="display: none;"]
persona:
6-E29-DEF0-1617-420-A-99-BA-04-B7-E18-E63-D4.gif
DD814770-079-B-429-D-A819-837-F83169-AB1.gif
2600624-B-A6-D1-4-A3-E-88-F7-562-F023-A88-DF.gif
18131-A90-826-B-4-CCB-9-FA9-47-D83-B22-A5-B2.gif
[div class=p]personality. Cassiel is someone who from the surface can be perceived as sarcastic and sometimes a bit crude – he often calls it his Irish charm. He’s really witty and often uses his quick wit to deflect conversations from getting too personal or too deep – something he isn’t ready to acknowledge or face. He’s definitely more introverted and prefers solitude as opposed to huge crowds. Although he tries his hardest not to be empathetic, he can’t help it, and he can’t help but treat others issues and problems as his own. He can easily recognise when someone is worried or unhappy, even when it isn’t noticeable to other people. People who haven’t spoken to him would describe him as rather intimidating due to his vacant and expressionless gaze although this isn’t really something he does on purpose, he just calls it his ‘resting face’.

[div class=p]alignment. originally lawful evil, now more lawful neutral.

[div class=p]positive traits. humorous, insightful, decisive, determined

[div class=p]negative traits. distant, perfectionistic, uncaring of people’s perceptions of him, unforgiving

[div class=p]likes. astronomy, fog, rain, writing, reading, nature, meadows, competition, motorcycling, exploring[/div]
[div class=p]dislikes. hot weather, mess, crowds, tardiness, laziness, strong scents[/div]
[div class=p]fears. death[/div]
[div class=p]ailments. paranoia[/div]
[/div][/div]
[/div][/div][/div] [div class="tabsContent tabsContentDoes" style="display: none;"]
phylogenetics:
[div class=p]species. dullahan

[div class=p]explanation. Cassiel is a dullahan, a fae type creature. They are usually seen as headless horse riders and are usually depicted by mortals as carrying their heads in the their arms. Modern day dullahan's can all trace their lineage back to Crom Dubh, a Celtic god in Irish folklore. Dullahan's act as harbingers of death. In the modern era, different dullahan's are called upon their duties at different times. A dullahan will know this by premonitions in their dreams and a list of mortal names which appear in their heads. During their duties, Dullahan's ride their horses (or in Cassiel's case he would ride Scáthach his motorcycle) until they find the location where their soul tells them to stop riding. They stop at the time and place that a a person on their list is due to die. Dullahan's are gifted with the ability to call out the person's name, drawing away the soul of the victim, at which point the person immediately drops dead. However this ability can only be used to those on the list and cannot be used past or before a dullahan's service or duty. Outside of a dullahan's duties however, they can use darkness/shadow manipulation to their advantage for things like attacking, night vision, solidification.

[div class=p]species rules. A dullahan is most powerful during night/dark hours - their ability to control and master the darkness gives them an advantage over most opponents at night (the only other creature comparable would be a vampire). However, they are also at their most vulnerable during night hours too. Dullahan's heads are easily detachable during night hours and this is a trait which can easily be used to misguide, blind and trick them. During the morning/light hours they can easily be mistaken for humans as they blend in so perfectly with them. Dullahan's are bound by their duty to Crom Dubh, a failure to carry one's duty out would result in instant death for said dullahan. Dullahan's are considered immortal beings until their heads are destroyed. [/div]
[div class=p]extra. Dullahan's can still speak with their head detached from their bodies.[/div]
[/div][/div][/div] [div class="tabsContent tabsContentTabs" style="display: none;"]
important information:
[div class=p]history: Cassiel was born on the 15th of January 1946, Ráth Chairn, Ireland. Upon his birth there were three significant things to note: Cassiel was born after the great war, Cassiel was the amongst the 13,000 generations of Ó Cinnéide males who were motherless after their birth and Cassiel was born a dullahan – something abhorrently clear from the shrill of darkness laced in his cries when he first entered this world. Whenever knowledge came that a Ó Cinnéide male was to be born, doctors wouldn’t allow the family anywhere near their practices, midwives would pray to the most high and nurses avoided contact like the plague. But it wasn’t the lack of medical care that killed the mothers of the Ó Cinnéide family, it was the trade of soul essence from their offspring – death being brought into the world required life to be taken out of it. For that reason alone, the Ó Cinnéide has remained a patriarchal family for generations. He was named Cassiel, after the arch angel and the rest of the community could only listen to the bitter irony that was the baby’s name.

Cassiel’s childhood was never easy. From the day he was finally able to conceptualise thought into speech, his father, grandfather and great-grandfather had all instilled the importance of his duties into his core value system. He only every knew one path of life that would be his. First, he would train. He would deepen his connection to the all father Crom Dubh and learn to understand the premonitions he experienced his dreams. He was taught the way of their clan; the way duty was done for duties sake and how this was passed down from one generation to the next. He was also to remember that once he became thirteen, his true physical training would begin – the training from which he would learn to control his connection to the darkness and what would entail afterwards when it came to his duty and how he was to act when the time came. And finally, he learnt about the circle of a dullahan’s life. A dullahan is born, they grow, they act perform their duties, they have a son, they teach their offspring the way of their clan and finally once they have performed their duties to the best of their abilities and only then, until three generations after them have gone and learnt – could a dullahan finally retire, the ultimate sacrificial retirement.

Upon his thirteenth birthday, Cassiel’s life felt like it had shifted into first gear. He was suddenly spending every day, from early mornings to very late nights, practicing and training intensely to know exactly how to perform his duties, how to attack, defend himself and the souls he was collecting. Whilst it was a dullahan’s role to collect souls for the all father, that didn’t mean that he didn’t have other nocturnal creatures to compete with. Banshee’s, Bodach, Sluagh, - dullahan’s have to be on their feet and alert whenever they race to collect the souls of the dead. If they were caught and killed, they were then destined to be punished by Crom Dubh for the rest of their eternity. It was also upon his thirteenth birthday that Cassiel witnessed the retirement of a dullahan. One night, with the entire clan gathered before a burning fire pit, his great grandfather Eoin Ó Cinnéide threw his head into the burning fire. His body fell to its knees almost immediately after, before disintegrating like dust. The magic from his body spread to the dullahan men of the clan closely after and Cassiel could see it all. His great grandfathers’ life the souls he collected and the duties he had carried out. As if Cassiel was reliving his great grandfathers’ experiences.

When Cassiel turned eighteen, his body had immortalised to the point where it would no longer age. His grandfather, father and himself all appearing to be the same age. It was also when he had fully gained all of his abilities as a dullahan and his duty began. At first, the job was easy for Cassiel. All he needed to do was let the voice guide him, take the souls one the list and not get killed himself. It all sounded simple enough. Maybe if he put all responsibility onto Crom Dubh and the voice rather than himself, it made him a lot less guilty than he actually was. This was a pattern that he lived by for a long time and one that he didn’t really see any flaws in until the year was 1994, thirty years into his service. His body led him to a church. Inside the church was Sister Irene. She was young, twenty-three years old, and had a tan with freckles like stars. When she saw Cassiel all the blood had drained from her face and she looked well beyond her years. And she begged, she prayed – told the dullahan to let her live, told him how she wanted her soul to go to back to her father and not Crom Dubh. Still, Cassiel snatched her soul and he did it quickly and swiftly.

It was this experience that had caused a shift in the way that Cassiel thought about his predicament, what brought him to the lowest point of his life. Who was he to decide whose soul went where? How could he have been doing that all of these years? He was at war with himself for a long time. Fulfilling his duty and always feeling guilty without fail. It was then where he received his brochure to attend Wollstonecraft academy. He lied to his father and grandfather of course. Told them that his duty was calling him to America and he needed to go to as Crom Dubh wanted him to. He still thinks back to his life in Ireland. He wonders if he’s doing the right thing, if he should be back in Ireland. He still fulfils his duty if needed to, mainly because if he doesn’t then he will die. But he also finds studying at the academy almost cathartic in a sense. As if learning about others lessens the pain he feels in his own existence. He is still rather private about his life, but he’s learning to get through it.

[div class=p]relationships: Cillian Ó Cinnéide – Cassiel’s father. Cassiel always feared his father in his younger years, so much as to avoid leaving his room or going into a particular room when he knew that his father was in there. Nowadays however, Cassiel mostly understands why his father behaved the way he did. He did what any parent did when they wanted they child to survive and live, he taught his son to adapt and survive.
Odhran Ó Cinnéide – Cassiel’s grandfather. Similar to Cillian, Cassiel mostly grew up fearing his grandfather. However, even after Cassiel grew up, Odhran never softened up to the younger like his son did. Cassiel always reckoned that it was because he was the head of the clan and needed to look headstrong and emotionless even though the man himself wasn’t.

[div class=p]quote: an té a luíonn le madaí, eiroidh sé le dearnaid (he who lies down with dogs, gets up with fleas).[/div]
[/div][/div][/div][/div]
codedbycrucialstar || click the flowers and hidden scrolls
[/div]
 
Last edited by a moderator:
***WARNING***
Anyone who has Arachnophobia, do proceed with caution when viewing this character sheet! ;w;

[class=tag] color: #fff; padding: 0px 4px 3px 4px; background: #261133; display: inline; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #999; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #fff; text-align: center; transition: .7s all ease-in-out; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=heading] font-size: 30px; float: left; font-family: 'Petit Formal Script', regular; font-weight: bold; text-transform: lowercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0; color: #fff; transition: .7s all ease-in-out; [/class] [class name=tab state=hover] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #bcdde3; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: .7s all ease-in-out; width: 330px; font-size: 11px; line-height: 26px; font-family: Montserrat background: #000; color: #000; height: 440px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; transition: .7s all ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 removeClass show heading5 removeClass show heading6 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass show heading5 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading6 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading6 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading5 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class="tab tab1"]
dossier
[div class="tab tab2"]
visuals
[div class="tab tab3"]
psyche
[div class="tab tab4"]
history
[div class="tab tab5"]
gallery
[div class="tab tab6"]
home
[/div] [/div] [/div]
[div class="heading heading6 show"]Arachne Bellarose
[div class="heading heading1"]Dossier[/div] [div class="heading heading2"]Visuals[/div] [div class="heading heading3"]Psyche[/div] [div class="heading heading4"]History[/div] [div class="heading heading5"]Gallery[/div]
[div class="tabContents tabContents06 show"]
[div class="tabContents tabContents01"]
[div class=tag]Full Name
Arachne Fascienne Bellarose
[div class=tag]Pronunciation(s)[/div] [a-rak-nee] [faes-ahehn] [bel-roz]
[div class=tag]Meaning(s)[/div] 'Arachne' is a name derived from the greek myth where a girl was turned into a spider; 'Fascienne' means ‘dark beauty’; 'Bellarose' means ‘beautiful rose’ in French
[div class=tag]Nickname(s)[/div] Ara | Nene
[div class=tag]Gender[/div] Female
[div class=tag]Age[/div] 68 years old (17 years old)
[div class=tag]Race/Ethnicity[/div] Afro-French
[div class=tag]Place of Birth[/div] A small, rural town in France
[div class=tag]Date of birth[/div] September 17, 1877
[div class=tag]Zodiac[/div] Virgo
[div class=tag]Sexual Orientation[/div] Demisexual
[div class=tag]Voice Claim[/div] Audrey Tautou
[div class=tag]Theme Song(s):[/div] Panic Room by Au/Ra | Face My Fears (English Version) by Hikaru Utada & Skrillex
[/div][/div] [div class="tabContents tabContents02"]
[div class=tag]Face Claim
Bee Melvnin
[div class=tag]Height[/div] Arachne stands at a height of 164 cm (5’4”). She is not too tall, yet not too small either. Then again, she’s pretty insecure about everything, and the nickname “the itsy bitsy spider’ does nothing to help with her insecurities.
[div class=tag]Weight[/div] Arachne weighs 110 lbs, mostly because of her diet and refusal to eat more than one meal a day.
[div class=tag]Body Type[/div] 🕷
[div class=tag]Hair[/div] She has long black hair cascade over her dainty shoulders, reaching the middle of her back at most. These gorgeous locks maintain a straight appearance and are very thick and silky in texture. Arachne often wears her hair in braids, buns, or perhaps she curls it, giving a bouncy nature to her hair. The following are examples of these styles: 🕷🕷🕷🕷🕷
[div class=tag]Eyes[/div] Black pits resembling a void; her eyes are as dark as night. She has another two sets of eyes additional to the pair humans already have. Both additional pairs lie just above her regular ones (in the forehead region). With each extra pair, they decrease in size slightly. Though, her mother does have 8 eyes instead of 6.
[div class=tag]Skin[/div] A dark chocolate color with a smooth, soft texture.
[div class=tag]Wardrobe[/div] Arachne specializes in creating and wearing lolita clothes. Examples of such fashion include the following: 🕷🕷🕷🕷🕷
[div class=tag]Distinguishing Features[/div] Unlike her mother and brethren, Arachne’s upper body consists of multiple sets of arms. She has three sets in total, two of them protruding form the sides of her stomach and upper hip.
In the crevice of her back, Arachne has the symbol of the black widow embedded into her skin. The red color is bright, and very hard to miss without the layer of clothes Arachne puts on herself.
[/div][/div] [div class="tabContents tabContents03"]
[div class=tag]Alignment
Neutral Good
[div class=tag]Virtues[/div] *means they make a bigger part of her personality supposed to others
+ *Humble
+ *Polite
+ Forgiving
+ *Creative
+ Neat/Organized
+ Sweet
+ Sincere
+ *Sympathetic
+ Hard-working
[div class=tag]Vices[/div] *means they make a bigger part of her personality supposed to others
- *Cowardly
- Naïve
- *Introverted
- *Gloomy
- Perfectionist
- Distrustful
- *Insecure
- Over-Emotional
- Paranoid
[div class=tag]Overall Persona[/div] Arachne enjoys the simpler things in life, sipping tea and reading a book near a moonlit window. In her free time, she attends to her little spider friends, knit intricate designs on the silk provided by said friends, and baking delectable desserts. Arachne takes pride in the crafts she creates, often times hanging them up in her dorm room to revel in their magnificence (unless someone criticizes them, of course). Sometimes she knits with actual yarn in order to make miniature sweaters for her tarantula buddies. Expect her squealing about how cute they are from down the hall. To emphasize her how creative this girl is, she even sews her own clothes. The aforementioned being of the lolita kind due to her love for lacey, French/English-inspired outfits. Then again, she does have no choice since not a lot of clothes are made with three sets of holes for her arms.

When it comes to schoolwork, Arachne works diligently to complete the assignment in due time. She especially enjoys work that revolves around realms beyond her imagination, as she has a particular interest in magic. Though she can not cast spells herself, she finds it to be her aesthetic. Any book reading she has to do, she is absolutely ecstatic for and could be considered a hardcore bookwork as well. In general, Arachne tries her hardest to be a good student whether that be academic-wise or behavior-wise.

Being that she is an extreme introvert, however, she may come off as the withdrawn type to her fellow peers, rarely engaging in conversation—or rather, avoiding it at all costs. If she were to be cornered, she’d be extremely sweet, finding ways to politely decline any offers or questions in fear of ‘messing up.’ Her tendency to cry at the slightest things (she is the type of person to constantly mutter “I’m sorry” if she believes, or is made to believe, she has done something wrong), gloomy episodes of wallowing in her own self-regret, and cowardice can run off potential friends (if she hadn’t down that already). Naivety has made the spider girl susceptible to exploitation and toxic relationships she was trapped in. In an effort to prevent time from repeating itself, her shy and reclusive behaviors have been a barrier—a wall she had built between her and anyone else. Nonetheless, a few have still managed to earn her trust, and Arachne has become very thankful for them and their ability to see past her faults.
[div class=tag]Likes[/div] [Main Like] Sewing/Crafting: Arachne takes pride in her creations, putting her heart and soul into the unique, complex patterns she may weave onto a web. The same applies to sewing, as she also enjoys sitting down and sketching a concept of her next lolita dress. In her dorm, one can find a few mannequins wearing her most prized possessions of dresses.

Other Likes: Reading, Her Spiders, The Moon, Animals, Creativity in General, Magic, The Unknown, Puzzles, Learning, Calligraphy, Winter, Tea, Baking, Sweet Foods, Cleanliness, Lolita Fashion, Her Alone Time, Darkness, Webs, Aesthetic Pictures, Snow, Playing the Piano & Violin, Snuggling into Fluffy Blankets, Classical Music
[div class=tag]Dislikes[/div] [Main Dislike] Meat: Arachne is a vegetarian, something that is very rare since her kind is known to feast upon the innards of animals. She finds the entirety of an Arachnid’s diet revolting and their insensitivity towards it even more disgusting. Luckily, she can easily transition from a meat-based diet to a plant-based diet because of her human genetics.

Other dislikes: Bright Lights, Rudeness, Being Cornered, Blood, Attention, Biting Others in Self-Defense, Crying, Strangers, Properly Organized and Sorted Items, Being Forced to Do Something, Tense Atmospheres, Destruction, Arguments, Fire, Sad Movies, Crowded Places, Heat, Humans
[div class=tag]Fears[/div] Pyrophobia – the fear of fire (will be explained in more detail in her history).
[div class=tag]Ailments[/div] Obsessive Compulsive Disorder (OCD)
[/div][/div] [div class="tabContents tabContents04"]
[div class=tag]Background
The story of how Arachne’s parents met is a curious story in itself. When she was teenager, Eloise was living with her grandmother since her own parents had died. With how her grandmother was frail and weak, she was unable to find some herself. And so Eloise, every night, would go into the city under the cover of night to find food for her elderly grandmother. Gregory’s house was among the ones she stole from. It did not take long until Gregory entered his room and saw a spider woman stealing paper and materials from his desk. Eloise panicked but Gregory was more fascinated than terrified. Having been interested in the supernatural for a very long time, Gregory made a deal that he would help Eloise with anything she and her grandmother may need as long as he can study her. After all, he was documenting all of his experiences with the supernatural and compacting them into a small journal of his. Eloise agreed (since she had no other choice, it seemed) and, through many meetings and meaningful conversations, they fell in love. Eloise’s grandmother disagreed with the marriage immediately, even though Eloise had promised to still take care of her. Perhaps it was discrimination towards the humans race? Upon seeing that her grandmother was going to be too stubborn to accept her decisions, she and Gregory (being 18 at the time) moved away from the bustling city of Paris into the rural French pastures to live together. With the trust already forged between the couple, Eloise revealed that the reason she was stealing paper from him was due to her love for composing music. She had no paper to jot down musical notes or any ideas that may come to mind, and so took to stealing that ‘valuable paper’ instead. Gregory, after reading Eloise’s composed pieces, suggested the idea of publishing under another name.

“Wouldn’t it be easier for me to publish under your name.” Eloise said, confused as to why her husband would suggest such an absurd idea. Gregory responded that he would not want to take credit for a beautiful piece that was not his to begin with. Eloise herself was a composer, but due to gender inequalities in the 1800s (and the fact that a “monster” was composing masterpieces), it would make sense for her to publish her work under a more masculine name instead. Gregory absolutely hated that, but it was the only way for his wife to somehow get the credit she deserved.

On September 17, 1877, Arachne was born in the dead of winter, next to the warmth of a fireplace. Since they couldn’t go to any doctors (in fear of Eloise being seen as a monster), Gregory (20) decided to recall the moment his sister was born (considering his mother had to have her in the house) and helped his wife through labor instead. Arachne was a very calm baby, not having trouble with transitioning through the stages of infancy. She was a blessing to her parents and the source of their happiness.

As Arachne grew to be a very... very curious child. She was hard to control since she would just climb the walls to get away from any punishments or having to sleep.

“Oh come on. That’s just unfair.” Her father groaned once he saw his daughter scale the walls easily to avoid him

Anything shiny or of interest to her would instantly be hunted down; no possessions of her parents could remain safe in the presence of their daughter.
A strange fact was that Arachne would seldom talk. Her parents were worried that she may have been underdeveloped and never know how to talk. Until she’d be ready to say an entire sentence only to stay silent for another week or so. Overall Arachne was a very strange kid and full of surprises for her parents to both find interesting and panic over together.

Arachne, at the age of 32 (age 8), would sneak out at times. She was careful not to be seen by any passersby, but would be very interested in the lives of the humans in the village. Arachne and her parents lived in a more gothic, dark home within the woods in order to hide from prying eyes. When Arachne snuck out one day, she saw the village’s children playing outside. Their laughter was enough for Arachne to feel envious of their fun. Before making the decision of stepping out to greet them, she was snatched up in an instant. Only a small gasp escaped her mouth as she was pulled close to her mother’s bosom. Eloise then began to interrogate her daughter for any plausible reason as to why she snuck out of the house.

Arachne, after being tired of the constant nagging, questions her mother for why she can’t play with the human kids. Being an only child was lonely for Arachne, and she had never experienced playing with another young child.
“Not everyone is like your father, Arachne.” Eloise answered with a saddened smile.
“We are different, and humans… do not like what is different from them, unfortunately.”


Arachne realized that her father was aging at a faster speed than her and her mother. It was no doubt that Eloise and Arachne would still be alive once Gregory had passed away from natural causes.
Eloise, though, was aware of this fate that would befall the couple when they had decided to run away together. In fact, during the last few decades, Eloise was readying herself emotionally for the imminent death of her beloved husband.
On December 5th, Gregory passed away from Pneumonia. Unable to help him medically, Eloise was devastated, and Arachne was still lost at the fact that her father won’t be bringing back any more presents for her, playing with her, or telling her jokes.
After her father died, Arachne’s bubbly personality soon changed into the solemn, gloomy one she has now.


A few months following Gregory’s death, Eloise was back to stealing food and other resources. from the village. She also replaced Arachne’s father in teaching her the basic subjects of education in an attempt to recover what time they had lost mourning. By now, Arachne was a very reserved girl, rarely coming out of her room and speaking outside of her turn. Eloise was worried for her daughter, but could see the reason as to why Arachne changed.

The more Eloise stole, the more the villagers were beginning to notice something. At first they thought it was an animal stealing their food and materials, until someone had spotted Eloise due to a clumsy escape on her part. They then saw her go into the woods, and called the rest of the villagers together saying there was a monster living in those woods.
One particular night, Eloise and 64-year-old (16) Arachne was in the house, enjoying a cup of tea until they heard chanting outside. The villagers were coming with pitchforks and any other makeshift weapon they could find. Within a few seconds, the house was set on fire, the villagers throwing blazing torches through the windows and trying to break down the door. Arachne and her mother came down the stairs to blinding and suffocating smoke and a giant, insatiable fire. It was burning all of their belongings, and all of the work Arachne had made. The fire was taken everything they had away; the sight was horrifying. Arachne was screaming her lungs out.

Eloise was quick to rush Arachne to the other side of the house so that they may escape. Halfway through running into the deeper parts of the forest, Eloise forgot that her husbands beloved work was left behind. Those loving sketches he drew of her, caring words they wrote to each other, and her hard-working study was going to burn if she didn’t go back for it. The thought was impractical and very selfish at the time but Eloise just couldn’t let the last thing she has of her late husband to burn in a fire.
She told Arachne to stay where she was up in a tree and wait for her mother to return. Arachne was very doubtful of this but agreed anyways. Eloise kissed her daughter’s forehead and went back into the danger.

Arachne had waited there for an hour, unable to move because of the promise she made to her mother. But she should have come back by now. She jumped down and cautiously walked back to her house. She couldn’t hear anything but could smell the rank scent of burnt wood. Upon arriving to her house, Arachne saw that nothing was left. The humans had left and her house was burned down into mere ashes. She couldn’t find her mother anywhere. Arachne searched and searched but still could not find even a hint of where her mother could have gone. She called for her mother, but there was no answer. Arachne was already sobbing heavily as she dug through the piles of ashes and saw a burnt journal holding all of her father’s studies. But didn’t her mother come to get this?

Arachne had waited there for hours, clutching the journal close to her chest and rocking back and forth on the cold hard ground. Her tears had dried up and the glint in her eyes was replaced with an emotionless stare. She wanted to sleep, but she just couldn’t. What if her mother came back? She had to make sure she was awake. Such delusional thoughts were filling her head as she waited and waited to no avail. She couldn’t stay awake forever though, and soon she succumbed to the comforting embrace of sleep. When she woke up again, she could see the slightest ray of light coming through the thick canopies of the trees. She looked to her side to find a strange piece of paper lying next to her. Curious, she rubbed away the sleep form her eyes and opened the brochure.

Even now, Arachne still remains as reserved and shy as she was after her father had died. Though, the academy did help her further her education into something both of her parents would have wanted. During the next few years, Arachne was working to touch up her father’s journal, trying her hardest to recreate the brown cover and tea-stained pages. She was not able to fix everything, but still managed to retain the more important sections of her father’s work and her parent’s little notes of love to each other. Arachne personally had never read hr father’s journal but saw that he had already done so much research on the supernatural. While studying at Wollstonecraft, Arachne’s mission is now to continue her father’s work and also research the many supernatural occurrences unknown to her.

Afterall, Wollstonecraft academy is home to the unknown.

[div class=tag]Species[/div] Species | Black Widow Arachnid

Explanation | Arachnid hybrids (also known as Jorogumo in Japanese culture) are a very aloof, secretive species, therefore scarcely any information of value is available for the inquiring. Despite what little information is accessible, people have been able to gather a decent amount of info to put together a brief explanation of the species:

Arachnid humanoids are creatures of the dark, often sticking to the shadows rather than the brightness of daylight. Additionally, these beasts are known to be manipulators or deceivers, and overall an evil species. The most common body type of these arachnid hybrids usually consist of a spider body (legs and abdomen included) while a human body (chest and up) is attached to the upper area of the spider body. In rare cases, and situations where finding a mate amidst humans are difficult for arachnids, females will consider human males as potential partners. Their offspring then do not carry that familiar spider body their mother does, but instead have multiple sets of arms. Their many eyes are not absent and neither are their abilities, but due to such differences, they are looked down upon by the arachnid society. These exceptions occurring are few and far between, leading to a relative lack of information regarding these special cases.

A genus of the spider species encompasses one of the most venomous spiders of all: the black widow. Their bite can cause severe reactions that can vary depending on their victim. However, fatal incidents have been known to occur because of their sickness-inducing bite. Due to the danger of such, Black Widows have gained a bad image in the Arachnid community.

Known abilities of these nocturnal creatures include being capable of scaling walls with ease. Their many eyes and heightened senses allow for proficiency in locating potential prey and seeing in pitch black areas. The silk they produce has tremendous strength, unable to be broken or snapped in half without immense pressure being applied to do so.

A common myth for Black Widow Arachnids is that they eat their mate after having their offspring. Only few black widows eat their husbands, and only in pure desperation. Others have been known to mate for life with their partner.

Rule of Species | Arachnid humanoids can not stay in sunlight for durations of time, leading to acute blindness and confusion. Often known to be carnivores, Arachnids eat small animals including birds, squirrels, rats, etc. In other cases, they are also known to feast upon human babies and children, seeing that they only see humans as more insects to devour. Supposed to contrary belief, human children are a delicacy to Arachnids and rarely do they consider them a part of their diet (neither are they an easy meal to get). These creatures can live up to 400 years old.

[div class=tag]Relations[/div]
Father | Gregory M. Sinclair (45/ deceased)
FC: Isaiah Washington

GG4SSKK52PEKAAUJBX7QQNE7MA.jpg

Arachne’s mother has said Arachne resembles her father’s nature and looks a multitude of times. In fact, Gregory himself had said the exact same thing once Arachne was born. Relationship-wise, however, Arachne could not grow closed to her father. He was always absent from the scene, either busy gathering more information on Arachnid humanoids for his study or out running errands. Since Arachne and her mother were not to go outside until the shroud of darkness the night provides can protect them, her father instead retrieves the necessities they may need for the day. This is not to say Arachne did not love her father, he ensured to bring back little trinkets and gifts he may find for her, all the while being her teacher when it came to basic subjects such as writing, mathematics, and history.

Mother | Eloise Arielle Bellarose (200 years old / deceased)
FC: Naomi Campbell

5943.jpg

Eloise treated Arachne like any mother should, with love and care. Something very abnormal compared to the strict, rough teachings other arachnids subjected their offspring to. Eloise was responsible for taking care of Arachne while her father had left and took to teaching her the arts of music through instruments. Arachne’s mother would tend to her daughter’s every need, and though she did retain some of the strict teachings of her own mother, Arachne’s childhood was enriching both musically and culturally (since her mother also taught Arachne about her species, the problems that arise with Eloise being with Gregory, and why Arachne must never venture outside without permissions). Arachne gained her love for creative art, knitting, and sewing from her mother. Though Arachne loved her mother dearly, she knew deep within her heart that Eloise had valued her father more.

Best Friend | Hugo the ‘Chonky’ Tarantula
FC: Brachypelma Auratum
800px-Brachypelma_smithi_run_2009_G1.jpg

Arachne was aware of the spiders that would follow her around when she was young. However, Hugo was special. He is a much more animated spider, showing more 'expression' and his behavior has become something similar to that of a dog. She found Hugo in one of the dustier, more unkempt areas of the school and the tarantula became her right-hand spider ever since. She still carries him around wherever she goes.
[/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
The Itsy Bitsy Spider
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 
Last edited by a moderator:
[class=variables] --color: #d86386; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important [/class] [class=container] width: 460px; height: 300px; display: flex; margin: auto; [/class] [class=left] background-color: var(--color); height: 300px; width: 220px; padding: 10px; box-sizing: border-box; [/class] [class name=left maxWidth=450px] width: 135px; padding: 5px; height: 290px; [/class] [class=img] height: 280px; width: 200px; background-image: url('https://66.media.tumblr.com/d34deb670fb5e696b6625ed0424993e5/b2c4dbea1eebac0b-d0/s400x600/4d0d41a4ed02766732a5af47cc451aadd1e98dd8.png'); filter: saturate(0%); background-size: cover; padding: 20px; box-sizing: border-box; background-position: 50% 50%; [/class] [class name=img maxWidth=450px] width: 125px; [/class] [class=brackets] height: 100%; width: 100%; background: linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px; [/class] [class name=brackets maxWidth=450px] opacity: 0; [/class] [class=right] width: 240px; height: 300px; display: flex; flex-direction: column; [/class] [class=contentContainer] position: relative; width: 240px; height: 270px; [/class] [class name=contentContainer maxWidth=450px] left: -5px; [/class] [class=content] position: absolute; opacity: 0; transition: 0.5s; width: 240px; height: 270px; font-size: 12px; padding-left: 10px; box-sizing: border-box; overflow: hidden; [/class] [class=scroll] width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; [/class] [class=name] font-weight: 900; text-align: center; border-bottom: 4px solid var(--color); width: 120px; display: block; margin: 10% auto; font-size: 18px; position: relative; [/class] [class=textHome] font-size: 12px; text-align: center; text-transform: uppercase; width: 200px; margin: 0 6.5%; [/class] [class=title] text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 900; [/class] [class=tag] display: inline-block; border-bottom: 1px solid var(--color); height: 15px; font-size: 10px; text-transform: uppercase; [/class] [class=imgSmallContainer] width: 80%; height: 70px; display: flex; justify-content: space-between; margin: 10px auto; [/class] [class=imgSmall] width: 70px; height: 70px; background-size: cover; background-position: 50% 50%; filter: saturate(70%); [/class] [class=tabs] display: flex; width: 150px; margin: 0 23%; justify-content: space-between; [/class] [class name=tabs maxWidth=450px] position: relative; left: -10px; [/class] [class=tab] border-radius: 50%; height: 20px; width: 20px; border: 1px solid black; transition: 0.5s; [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; border: 1px solid var(--color); [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=click] border: 1px solid var(--color); background-color: var(--color); [/class] [script class=tab01 on=click] addClass click tab01 removeClass click tab02 removeClass click tab03 removeClass click tab04 addClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab02 on=click] addClass click tab02 removeClass click tab01 removeClass click tab03 removeClass click tab04 addClass show content02 removeClass show content01 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab03 on=click] addClass click tab03 removeClass click tab01 removeClass click tab02 removeClass click tab04 addClass show content03 removeClass show content01 removeClass show content02 removeClass show content04 removeClass show contentHome [/script] [script class=tab04 on=click] addClass click tab04 removeClass click tab01 removeClass click tab02 removeClass click tab03 addClass show content04 removeClass show content01 removeClass show content02 removeClass show content03 removeClass show contentHome [/script] [div class=variables] [div class=container] [div class=left] [div class=img] [div class=brackets][/div] [/div] [/div] [div class=right] [div class=contentContainer] [div class="show content contentHome"] [div class=name]DOLORES MATTEL.[/div] [div class=textHome]GOT A FIGURE LIKE A PIN UP, GOT A FIGURE LIKE A DOLL

I DON’T CARE IF YOU THINK I’M DUMB, I DON’T CARE AT ALL

CANDY BEAR, SWEETIE PIE
[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]dossier[/div] [div class=tag]name[/div] dolores harleen mattel
[div class=tag]nicknames[/div] lola, darlin’ dolores, the riverside ripper
[div class=tag]age[/div] she’s mentally eighteen now and will be physically eighteen forever.
[div class=tag]gender[/div] cisfemale
[div class=tag]sexuality[/div] bicurious
[div class=tag]date of birth[/div] june 1st, 1997
[div class=tag]zodiac[/div] gemini
[div class=tag]place of birth[/div] riverside, texas. her body was made in the mattel production factory in houston texas.
[div class=tag]race/ethnicity[/div] afro-carribean and russian
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1ded661218f8c2913b00a51d15ba905e/tumblr_inline_p6uhgerRqF1t8bm8b_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6ba025c0b194b0410f58decfa48333e8/tumblr_inline_p6uhghi2ax1t8bm8b_250.gifv');"][/div] [/div] [div class=title]visage[/div] [div class=tag]hair[/div] dolores has lengthy light brown hair, peppered through with baby-pink streaks. voluminous at first, a closer glance reveals her hair to be oddly thick and shiny, the strands separate as if they were plastic.
[div class=tag]eyes[/div] big, brown and always unblinking. her lashes are questionably long and full and her eyelids seem to be constantly covered in pink glitter.
[div class=tag]skin[/div] lola’s complexion is a caramel brown, complimented by flushed pink cheeks and strategically placed freckles. there are no pockmarks or blemishes on her skin, the only exception being a layer of thick scars across her heart. despite the visual perfection of her skin, it is oddly cold to the touch, the smoothness downplayed by how hard it is to the touch—almost as if she was made of plastic.
[div class=tag]height[/div] 4’11
[div class=tag]weight[/div] 115 lbs. lola’s figure is absolutely dollike as she has a practically nonexistent waist with wide hips and small ribcage.
[div class=tag]distinguishing features[/div] as often shown by her child-sized clothing, dolores has a copyright symbol branded on the small of her back. the symbol is around the size of a quarter and judging by the lack of scarring around it, it has healed perfectly. her face is always made up, lips lined, cheeks rouged, and eyelids glittering. she’ll wash her face over and over, that's just how she looks.
[div class=tag]wardrobe[/div] dolores wears everything she wasn’t allowed to her old life. miniskirts, tube tops, hoop earrings and accessories. pink, purple, and polka dots are all common themes in her clothing. despite not being the best at walking in heels, she forces herself to anyway, more focused on her apperwance than the practicality of her outfits. dolores’ nails are constantly freshly done and matching her headband, hair clips, or whatever accessory she has pinned in her hair. she’s vain and takes pride in her appearance, as well as flaunting her body. why wouldn’t she ? lola looks like a doll.
[div class=tag]faceclaim[/div] vanessa morgan
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=tag]persona[/div] dolores mattel is cutthroat, there’s no way around it. she’s the archetypal head cheerleader, head tilted and hands always on her hips. the only difference is, lola is out for blood. as demonstrated by her previous occupation, lola likes to play with hearts whether they’re inside a chest or not. the girl has had her fair share of lovers and they always end up in the same place : six feet under or wishing they were. lola’s a cynic when it comes to true love, or love at all, but she always wants a piece on her arm to make herself look better.
her personality almost seems theatrical, as if she watched hours upon hours of high school movies to accumulate the stereotypical mean girl personality. it’s fitting because that’s literally what she did. she's worked hard to destroy the image of the insecure little lamb she once was. that was lissa and this is dolores.
being inside lola’s world is amazing. she has this ability to make her friends feel like they’re all in on some secret, something that nobody else deserves to know. lola was never loved so, once others have proved their worth, all the affection she has to give is for them. lola’s a big feminist and despite her catty personality, she’d be there for almost every woman in need. she knows how hard the world can be when there’s no one on your side.
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/bf8f0f7d5a8539fb24545165b9389907/tumblr_inline_p6uhu7k16W1t8bm8b_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/f10aeeee19299ca247fefc6681ccbbf2/tumblr_inline_p6uhumVKwL1t8bm8b_250.gifv');"][/div] [/div] [div class=tag]alignment[/div] chaotic neutral
[div class=tag]positive traits[/div] peppy, cheerful, charismatic, confident, generous, witty, winsome
[div class=tag]negative traits[/div] venomous, militant, anal retentive, flat out bitchy, secretive
[div class=tag]likes[/div] plaid miniskirts, vodka, snow, strawberry milk, gore, diamonds, slasher films, super malls, manicures
[div class=tag]dislikes[/div] the smell of burning plastic, libraries, rejection, the feeling of food in her stomach, cigarettes as the smell stays in her hair, swimming (she’ll just float), attics, churches
[div class=tag]fears[/div] as comical as it is, being melted. lola can withstand more damage than she thinks but just the idea of being turned into a muddle makes her cringe. she also isn’t the biggest fan of werewolves or hellhounds, she’s heard more than a few hellhound jokes in her day. finally, dolores is terrified of dying. she’s attached to the concept of eternal life in this shell of hers and she’d be damned if she let it go.
[div class=tag]aliments[/div] it’s not technically an ailment but physically, dolores cannot curse. her doll was made with a voice and also a filter which makes for a hard time truly expressing herself. don’t worry, she gets around it anyway.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]species[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6984fa7d37c9951da3fd55ebdad398d1/tumblr_inline_p6uhwa0Dtv1t8bm8b_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ec0b0ce98135440f3f8784a5caa6c9c6/tumblr_inline_p6uhwdpsBg1t8bm8b_250.gifv');"][/div] [/div] [div class=tag]explanation[/div] lola is a haunted doll. a haunted darlin’ dolore to be exact. cursed dolls are made a variety of ways but the basis is always the same; a malignant spirit takes residence in a doll, allowing themselves to be contained within the vessel in exchange for having a corporeal presence. there are voodoo dolls, cursed dolls, all sorts of dolls with various sizes and abilities. haunted dolls are nearly always malicious. the toy they chose to possess determines their physical capabilities but all of them are able to move themselves around and project their voices throughout a building. haunted dolls have a strong spiritual presence and often attract other monsters and supernatural phenomena to themselves.
[div class=tag]rules[/div] as haunted dolls are made through possession, they can technically be exorcised. the whole process is grueling, nasty, and often vanquishes the spirit totally. as lola’s heart is inside the doll, removing it would be a sure way to “kill” her. aside from that, haunted dolls are incredibly durable. they are immune to other forms of magic as well as becoming ill. lola does not need to eat or sleep but typically does anyway, out of routine. dolores does not need to blink or breath either. on particularly rough days, her “joints” will stiffen and result in the rotation of her limbs being limited, making her movements oddly choppy.
[div class=tag]extra[/div] lola’s heart is her only active organ. the rest are shriveled and are in her body for aesthetic purposes. her sense of pain is extremely dulled and even though she can bleed, her blood is eerily watery.
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]history[/div] [div class=tag]background[/div] there is a lot that’s happened in “lola’s life”. its best to take it in scenes. the whole thing is practically one long winded horror story.
phase one started june 1st, 1997, in a small town called riverside . it was hours outside of houston and home to nothing but a grassy field and two churches. on that day, lissa popovich was born. her mother, christiana, was a teenage russian immigrant hired under lissa’s father, john, as a maid. john was the pastor of one of the churches. he was a vicious man who often flew into drunken rages and beat his mistress and daughter. lissa grew used to these beatings as well as the judgment she faced from her peers and other members of her community. john was happily married to another woman and proclaimed lissa as the result of christiana seducing him. the whole thing was a crock of shit but people believed it with ease. after all, john was a jesus fearing man and he’d never willing commit adultery. john’s reign of terror ended when he dropped dead of a heart attack. from then on, lissa saw death in a new way, as a savior instead.
when lissa was seventeen, she got hitched. she moved in with her husband, a middle aged man, in a ramshackle house right next to the church. just like john, her husband had a temper that was urged in by alcoholic. he beat lissa, beat their dog, and beat the walls an awful lot too. after a particularly terse argument, lissa stabbed him in the heart with a grilling fork. phase two started immediately after. she packed up what little she had and moved to houston, squatting in an abandoned house with multiple other misfits. among the group was a so called witch who went by the name marie. marie was an odd duck, often sequestering herself off. however, she took an interest in lissa and the depressing depravity of her life story. lissa thought she was out of her mind. weeks later, she ended up with a new husband, this one a cop closer to her age. just like her father and her late lover, he had the same violent tendencies. just like her father and her late lover, he ended up dead, stabbed through the heart with a steak knife. lissa couldn't say she felt bad. all she knew was that this was the one that was going to get her put away. she came to marie in a panic, asking if there was some way, some witch-woman way to prevent her from being caught. marie agreed and in a cosmic show of justice, cut lissa’s heart out of her chest.
marie kept the heart safe while lissa’s body was found in the back of the house, her face published in the news as the riverside ripper, a woman who had killed both husband and her father only at the tender age of twenty three. a week went by and mattel, a popular toy company released a new doll by the name darlin dolores. they were in every toy store across america, all major stores owning one life sized, talking doll to entrance passerby. in a feat more impressive than murder, marie stole a doll and placed lissa heart inside of it. rituals were done, animals were sacrificed and a haunted doll was born.
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/419d6babf1592d7244bc7a3d5f708364/tumblr_inline_p6ui8dK4GL1t8bm8b_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4a3b3f7e5303fdabf31c7f33938810e0/tumblr_inline_p6ui8eCmsv1t8bm8b_250.gifv');"][/div] [/div] [div class=tag]when did they receive the brochure ?[/div] lola had been living with marie for years as a shut in, coping with what had happened to her. this wasn’t what she meant by trying to help her escape. she would sit, unblinking, for hours open hours, watching the tv drone on in front of her. it was tiring. it was no way to live. lola decided to cut her heart out. in the drawer, right on top of the knife, was the flyer. dolores has nothing else to live for. what was left for her ? the attic ? marie ? the television ? then and there, she decided she was going to wollstonecraft to get the youth she was never allowed to have.
[div class=tag]relationships [/div]
xx → lola’s mother and father are long dead. her maker is a witch named mambo marie. dolores was born with flickers of lissa’s memory and marie took advantage of that, remaking her in her image. lola’s personality comes from marie and the tevelvion and that much is apparent. she can’t say she loves marie but she’s learned to be grateful.
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
[div class=variables][/div]
 
Last edited:
bitch youre so sad, stop being sad

f919308bd4fdb81abd145304162621c1.jpg

Full Name: Jocelyn Bauer
Nickname: JOEY
Age: Nineteen
Gender: Female
Sexuality: Bisexual
Date of Birth: March 25th, Aries.
Place of Birth: In the back of a 1999 Ford Ranger.
Ethnicity: German

— VISAGE.
hair: brown, looks nice and you kind of want to touch it maybe / maybe not, iunno
eyes: black - like a dead kind of black that looks just like the void of the emptiest most damaged part of your soul, so when you look at it you question your whole being and feel an existential crisis for a good 3 minutes before coming back to the surface and realizing the true meaning of nihilism. they are pretty though.
skin: her skin is pretty nice for a bitch that hydrates with vODka.
height: she 5'9 and can strut as if she had confidence *nervous laughter.
weight: damn, she trynna get thicc but shes stuck at 125 pounds.
distinguishing features: she be out here looking like a young Angelina Jolie, looks like a bad bitch but is not a bad bitch.
wardrobe: she always got on some shades so that people don't shit they pants when they make eye contact with her.


— PERSONA.
personality: okay, she can be quite lovely but overall she has this damaged vodka aunt vibe. give her some slack though, she's trying her best.
alignment: chaotic neutral.
positive traits: she smells nice, gives you the time of day, will pour you a glass of wine.
negative traits: she's an awful pessimist, surprisingly codependent, thinks a juice cleanse every now and then will make her healthy, will pour you too much wine.
likes: pretty boys and girls, money to buy vain and useless things, the little cocktail umbrellas from the tiki bar
dislikes (4+):
fears:
ailments:

— SPECIES.
species: mare; marra in Old High German
explanation: malicious entities that cause nightmares. they are the demons, the conjurations of witches and spirits that feed off the victim's fears. there are many of entities that have been called the marra- even often being children's whose souls travel at night to cause mischief. however the marra is something much more sinister.
rules of species:
extra: your very own sleep paralysis demon.

— HISTORY.
background: "beg to me, you motherfucker."
Joey had an interesting upbringing. Her mother was strange to deny their demonic traits and raised her like any trauma induced child.
relationships:
when did they receive their brochure?:

 
Last edited by a moderator:
[div class="button"]click here first
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div] [div class="home"][/div] [/div] [div class=content]
[div class="tabContents tabContents01"]
requisite.
[div class=tag]name
Because she is unable to call herself by her given name, she's adopted the name Barbie. She was told that many Earthlings adore this name, perhaps even worship it.

[div class=tag]nickname
She doesn't understand the concept. A name is a name, why do you have to shorten it or call something by a totally different name? Names are sacred.

[div class=tag]age
She is only a few earth years old but has the mental maturity and looks of a human at the edge of seventeen.

[div class=tag]gender
You could consider her a female.

[div class=tag]sexuality
You can't put words to it. Love, liking someone, being in a relationship... These are all Earthly concepts she's oh so excited to explore.
[/div]
[div class=tag]date of birth
She has been around for a short while. The exact date of her birth might be sometime in December 2005. Her zodiac is a Capricorn, a constellation she is very fond of for that reason.
[/div]
[div class=tag]place of birth
Someplace in space aboard a starship.
[/div]
[div class=tag]ethnicity
Extraterrestrial. She has a name for her people but it's in a language no one would understand.
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents02"]
appearance.
[div class=tag]height
7' without shoes.

[div class=tag]weight
Surprisingly light. You could lift her with ease really.

[div class=tag]hair
She usually wears a wig that disguises the fact she doesn't have ears... or hair. The one she typically wears is a shoulder length, chopped haircut. It's brown in color and has bangs.

[div class=tag]eyes
Large and almond shaped. They are a glossy black color through and through. Look closely and you might see a dark gray starburst where her pupil should be.
[/div]
[div class=tag]build
She's extremely tall and extremely lanky. Every proportion seems unfitting, inhuman. Her arms and neck are too long, her torso too thin. Without her grey skin, eyes, and four fingers, she'd look the part of any typical Earthman for sure, just the slightest bit off somehow.
[/div]
[div class=tag]skin
It's light grey and smooth. Darker spots--what you might call beauty marks--dot her skin in some places.
[/div]
[div class=tag]distinguishing features
Without a doubt, the first thing that comes to mind is her height. She's abnormally tall for most people. Second, her eyes. They're dark and round and quite large. She normally wears sunglasses to prevent people from starring any.
[/div]
[div class=tag]attire
If there's one thing Barbie is excited for, it's her clothes. She finds them expressive in ways her standard fit, space academy uniform wasn't. They are bright colors and prints that clash and she adores that oddball sort of fashion. She'll wear anything that's got a shine to it, that's just different. Trying out new styles and exploring other's closets is something she has an absolute blast doing. Want to swap clothes? She's in for it. Just don't expect her to return anything she borrows.
[/div]
[div class=tag]looks like
Mica Arganaraz
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents03"]
attributes.
[div class=tag]personality
This alien's chaotic energy to the max. She's off ship, on her own, and ready to get wild. She's risk-taking and fun-loving and strives to do stuff on the fly. She never has a plan in mind and would rather act on gut instinct. Though new to this world, she has studied it for a time and is absolutely curious as to how it is run, what its creatures do for fun. She's very personable and will approach just about anyone who's willing to listen to her. She'll go on and on about questions which might not even have an answer.

[div class=tag]+ traits
curious, daring, sociable, spontaneous, vivacious

[div class=tag]- traits
bewildered, demanding, distractible, gullible, moody

[div class=tag]alignment
Chaotic Good
[/div]
[div class=tag]likes
new clothes, asking questions, people who make an effort to answer those questions, trying new things, fashion, air hockey, starry nights, magic, people watching
[/div]
[div class=tag]dislikes
being confined to one place, all this damn primitive technology, being forced to do something, authority in general, big animals
[/div]
[div class=tag]fears
She's the very real fear of abandonment. She doesn't like being forgotten or left out of things. She strives to make an impression and she'll sulk when that impression doesn't last. Remember her, include her, don't ignore her.
[/div]
[div class=tag]ailments
Barbie needs sunlight. Her homeplanet is apart of a solar system with a very strong sun. Similar to plants, her species produces food by absorbing ultra-violet rays. Given that the Earth's sun is much weaker than her homeplanet's and she has no supplements to help with that, she needs to spend longer hours outside in direct light.
[/div]
[div class=tag]coursework
She's deeply interested in the bizarre. Give her magic and the supernatural; she'll take any classes with relation to them. Though it doesn't relate much to her coursework, she also enjoys watching Earthlings partake in sports and theatre. Observing any and all social occasions is something she's fascinated by.
[/div]
[div class=tag]dormitory
Barbie resides in Druantia.
[/div] [/div]
[/div] [/div][/div] [div class="tabContents tabContents04"]
species information.
[div class=tag]species explanation
She's otherworldly, from the stars, just a real bonafide alien girl. Her species has a name but it's in a language which cannot be spoken. They hail from a planet that's yet to be discovered in a galaxy far, far away. Born on a spaceship among hundreds of other siblings, she's never been there personally but longs to pay it a visit sometime. Comparative to Homo sapiens, they are a tall species with light greyish-blue skin. They have large, almond shaped eyes which are black of color, no ears, and four fingers. They're in contact with most Earthy governments and organize visits from time to time, both diplomatically and recreationally. Barbie herself was on a school field trip when she became stranded.

[div class=tag]species rules
(01) There are many traits which are unique to her species. The most alluring one maybe being communication. They speak telepathically to each other in a language that, to the human mind, might cause madness, hallucinations, or--in extreme cases--even death. Her kind has strictly forbade contact with the human species by means of telepathy and has insisted on most students learning some kind of Earthly language. (02) Another trait which is unique to her species is their digestive habits. As mentioned, they are akin to plants in generating food for themselves through the absorption of ultra-violet rays. During space travel, her kind takes supplements or bathes in artificially made UV light sources. Barbie uses some of these light sources in her room but, lacking any of the supplements, she's been forced to spend more time outside of the school to obtain the right amount of exposure. (03) The government mandates and controls every part about reproduction and the creation of children. They are born in batches in laboratories and are raised by government personnel. They mature quickly and, in adulthood, lose a lot of their free-thinking tendencies which cause so much disorder in the Earthly world. Barbie is desperate to cling to childhood as she feels it will be the only time in her life where she's expected to act out, to be creative and outrageous.

[div class=tag]extra
Barbie is trying to make contact with her kind. She frequently sits outside with a pair of binoculars, searching the sky for alien visitors. She's a bit of a klepto and her light fingers have caused an assortment of electronics to go missing. But it's never in vain! All electronics are stripped for parts and put to good use. There's an ungodly contraption in her room she is building in an attempt to place an interstellar call to the starship which left her here. She doesn't appear entirely urgent in her task to do so, but she'd like to have the opportunity to call someone if the need should arise.
[/div]
[/div] [/div][/div] [div class="tabContents tabContents05"]
history.
Barbie is one of a hundred just like her. She was born away from her homeworld on a child-rearing mothership. She was raised by many and daughter only to the one all-knowing power which governs her species, an entity which is currently in negotiations which many of Earth's own political powers. She grew up very detached from her school work and, like many her age, had an innate childhood desire to express herself creatively. She acted out in school, refused to do work or learn things which restricted her. She was downright difficult for anyone who tried to exert any kind of control over her. She was a delinquent to her kind, abnormally so, and it worried them. They were scared she'd never grow out of it.

Suspended on more than one occasion, she still yearned for a visit to the planet everyone deemed "hot stuff" and "really fucking freaky" in Earth slang. She'd a fascination with it for as long as she could remember and attempted, for a short time, to stay good and aim for better grades. Though she was still behind many of her classmates, she scored high enough to qualify for a field trip to Earth. She went, she got lost, and they left her behind. That's the only rational way to explain the chaos which ensued. Put E.T. (1982) on, watch the little guy in the beginning, and you'll pretty much know the gist of what happened.

Stranded on a planet she was simultaneously fascinated by and terrified of, Barbie had no idea what to do with herself. Alone in the woods, she happened by a stone structure which seemingly appeared out of thin air. Seconds later, a brochure appeared in her hands.
[/div] [/div][/div] [/div][/div] https://www.rpnation.com/members/natasha.78204/[/div] [class=tag] color: #f6f6f6; width: 25%; margin-right: 5%; font-weight: bold; text-transform: uppercase; [/class] [class=button] display: inline; position: relative; padding: 20px; font-family: Avenir; top: 110px; background: rgb(255, 255, 255, 0.5); border: 1px solid #fff; text-align: center; text-transform: uppercase; font-size: 20px; letter-spacing: 3px; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=button state=hover] background: rgb(255, 255, 255, 1); color: #000; transition: 1s all ease-in-out; [/class] [class=home] font-size: 20px; color: #f6f6f6; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=home state=hover] animation: {post_id}pulse 1s ease-out; animation-iteration-count: infinite; animation-play-state: running; [/class] [class=tab] font-size: 20px; color: #f6f6f6f6; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] animation: {post_id}pulse 1s ease-out; animation-iteration-count: infinite; animation-play-state: running; [/class] [class=selectedTab] color: #f6f6f6f6; transition: 1s all ease-in-out; [/class] [class=content] height: 0px; overflow: hidden; transition: 1s all ease-in-out; [/class] [class=open] height: 500px; transition: 1s all ease-in-out; [/class] [class=close] height: 0px; transition: 1s all ease-in-out; [/class] [class=hide] font-size: 0px; padding: 0px; border: 0px; transition: 1s all ease-in-out; [/class] [class=tabContents] position: absolute; opacity: 0; background: #000000; transition: 1s all ease-in-out; width: 600px; font-size: 12px; line-height: 22px; height: 500px; box-sizing: border-box; font-family: Montserrat; overflow-y: auto; [/class] [class=show] opacity: 1; z-index: 1; [/class] [animation=pulse] [keyframe=0]transform: scale3d(1, 1, 1);[/keyframe] [keyframe=30]transform: scale3d(1.25, 0.75, 1);[/keyframe] [keyframe=40]transform: scale3d(0.75, 1.25, 1);[/keyframe] [keyframe=50]transform: scale3d(1.15, 0.85, 1);[/keyframe] [keyframe=65]transform: scale3d(0.95, 1.05, 1);[/keyframe] [keyframe=75]transform: scale3d(1.05, 0.95, 1);[/keyframe] [keyframe=100]transform: scale3d(1, 1, 1);[/keyframe] [/animation] [script class=button on=click] addClass open content addClass hide button [/script] [script class=home on=click] removeClass open content removeClass hide button removeClass show tabContents removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
Last edited by a moderator:
font call out
[div class=container]
♡coded by uxie♡
[div class=header] [div class=role]the demon[/div] [div class=quote][div class=qemp]the evil[/div], above all things, is seductive.[/div] [/div] [div class=body] [div class=home]
payam.
❝I'm the fury in your head❞
[/div] [div class="tabs 1tab" style=display:none;][div class=req] [div class=reqiconb][div class=reqicon][/div][/div] [div class=reqbox1c][div class=scroll style=width:110%;] [div class=reqbox1] [div class=reqc style=margin-top:2px;] [div class=h1]name[/div] [div class=reqt1]payam [/div] [/div] [div class=reqc] [div class=h1]nickname[/div] [div class=reqt1]the trapped demon [/div] [/div] [div class=reqc] [div class=h1]age[/div] [div class=reqt1]eternally eighteen, actually 468 [/div] [/div] [div class=reqc] [div class=h1]gender[/div] [div class=reqt1]male [/div] [/div] [div class=reqc] [div class=h1]sexuality[/div] [div class=reqt1]anyone worth seducing [/div] [/div] [div class=reqc] [div class=h1]ethnicity[/div] [div class=reqt1]spanish, white [/div] [/div] [div class=reqc] [div class=h1]role[/div] [div class=reqt1]demon[/div] [/div] [/div] [/div][/div] [div class=reqbox2c][div class=scroll] [div class=reqbox2] [div class=reqc2 style=margin-top:0px;] [div class=h2]physique[/div] [div class=reqt2]Payam's body comes off as quite tall with broad shoulders. He's good in shape and his muscles do him well. 184 cm ; 78 kg[/div] [/div] [div class=reqc2] [div class=h2]hair colour[/div] [div class=reqt2]dark brown with a few hazel strains [/div] [/div] [div class=reqc2] [div class=h2]hair styling[/div] [div class=reqt2]the sides are shorter, the top is usually styled to the side[/div] [/div] [div class=reqc2] [div class=h2]eye colour[/div] [div class=reqt2]chocolate brown, eyes like diamons[/div] [/div] [div class=reqc2] [div class=h2]skin[/div] [div class=reqt2]light beige, smooth[/div] [/div] [div class=reqc2] [div class=h2]dist. features[/div] [div class=reqt2]thick hair, small moles all over him, traces of a beard, long eyelashes, a magical symbol of two keys on his back appearing like a tattoo[/div] [/div] [div class=reqc2] [div class=h2]date of birth[/div] [div class=reqt2]august, 13th[/div] [/div] [div class=reqc2] [div class=h2]zodiac[/div] [div class=reqt2]leo[/div] [/div] [div class=reqc2] [div class=h2]place of birth[/div] [div class=reqt2]valencia, spain[/div] [/div] [div class=reqc2] [div class=h2]wardrobe[/div] [div class=reqt2 style=white-space:nowrap;] his magical symbol (only the keys)
Due to the time he was born at, he feels
most comfortable in loose pants and
shirts made off linen.
Payam doesn't have a modern fashion
sense but prefers clothes too look
presentable in.
[/div] [/div] [div class=reqc2] [div class=h2]faceclaim[/div] [div class=reqt2]diego barrueco[/div] [/div] [/div] [/div][/div] [/div][/div] [div class="tabs 2tab" style=display:none;] [div class=pers][div class=scroll] [div class=h3]personality[/div] [div class=perst] Payam is a snake in the grass, a master of deceit and persuasion. He knows how to soft-soap people of all kinds by analyzing their dreams and fears. He gives the illusion of advice and benevolence, when in reality there’s just the wish to spread chaos. He doesn’t care for the well-being of the people around him as his nature orbits around misery and bringing out the worst - the animal impulses - out of everyone. And isn’t that a way to fight for equality? Why should anyone hold back their predisposition? Why hide - when you can make them bow with his power? Payam doesn’t come in obnoxious armor, he comes with everything you always wished for. After all, the devil is and will always be a gentleman. He’s helpful and enjoys giving advice to his summoners, for the right price of course, as it fills him with self-worth to know that there’s someone to count on him for his demonic powers. Therefore his behavior lacks forcefulness since the demon craves fellowship in the sense that he’s still the starring actor in the piece. Payam is a wise creature, with many years on his back -which are luckily not visible - he collected outrageous knowledge about the realm of gods and monsters. It’s a pleasure to him, sharing his book-like intelligence as he’s someone to relish showing off and seeing fascination in people’s eyes. „He was charismatic, magnetic, electric and everybody knew it. He was like this hybrid, this mix of a man who couldn’t contain himself“ Payam casts a certain charm, he’s old-school and has other values as he’s the observant type who rather waits until it’s his time to shine, which is one of his more endearing qualities. Didn’t he lure you already? Remember to beware of who you trust, salt and sugar look alike. [/div] [div class=h3]positive traits[/div] [div class=perst] bold, rational, good observant, practical, strong willed[/div] [div class=h3]negative traits[/div] [div class=perst]manipulative, defiant, ignorant, vengeful [/div] [div class=reqc2 style=margin-top:10px;] [div class=reqc2] [div class=h2]likes[/div] [div class=reqt2]classical music, apples, sports, candles, red wine[/div] [/div] [div class=reqc2] [div class=h2]dislikes[/div] [div class=reqt2]mundanes, sweets, the sea, peppermint [/div] [/div] [/div] [div class=reqc2] [div class=h2]alignment[/div] [div class=reqt2]evil from head to toe[/div] [/div] [div class=reqc2] [div class=h2]fears[/div] [div class=reqt2]being forgotten[/div] [/div] [div class=reqc2] [div class=h2]ailments[/div] [div class=reqt2]being trapped in a tiny book since decades[/div] [/div] [div class=reqc2] [div class=h2]species[/div] [div class=reqt2]demon Demonic creatures are the incarnation of evil, feasting off of fears and souls of human-like beings. Payam has the ability to center dark energy on himself or others and providing them with enhanced physical strength or gaining the look of another individual by manipulation, you name it. He can control the atomic particles in his body to vanish and appear whenever he feels like it. Payam is able to bewitch the mind in its limits - due to his strong will power, he literally tries to get into your head to create doubts in your own actions. As he can do bad with this, he can also choose to do good. He can heal rather 'simple' inabilities, for example illiteracy, or physical injuries, which makes him an attractive compromise solution if you don't want anyone to know. [/div] [/div] [div class=reqc2] [div class=h2]rules of species[/div] [div class=reqt2] Pureblooded demons like him are not born, they are made by the devil himself and the dreadful circumstances around. Creatures of his kind have an extremely long lifespan, though they can be killed. That's the tricky part - each demon has certain characteristics and a certain way to be killed which is why there's no such thing as 'the' way to kill a demon. For him it lays in his human background. He doesn't need to be provided with food, as his body keeps itself alive through the ageless dark spirituality. Payam can't possess others, this ability can only be used by demons without a body connected to them. [/div] [/div] [/div][/div] [/div] [div class="tabs 3tab" style=display:none;] [div class=history][div class=scroll] [div class=h3]history[/div] [div class=perst style=margin-bottom:5px;]It didn’t use to be like this. There was a time that was different. A time where a boy was born to Juan and Constança Fonollosa in Spain in the 16th century. His name used to be shout. Especially by his mother, when he didn't return for dinner on time. „Tristán!“ „Tristán Mateo Fonollosa! Inside!" He grew up in a middle-class family who made their name as a popular mail service in Valencia, delivering documents to its addresees. Life then was hard work every single day, but he had everything he needed until he met the love of his life. Maria Isabel, or as he called her, Maribel. He lived for her and also died for her. (for information on how he became a demon, please read up on the relationship with Maribel) His cruel death turned him into the creature he is today, Payam, followed by hate for mundanes not able to find peace. From this point, Payam traveled the world. He ended up in Argentina about 150 years ago, getting to meet a powerful wizard, who studied him and wrote everything into an old book. It's cover showed two crossed keys, Payam had never liked that image. One night, he was strolling through the empty city, as a whole coven surrounded him, blocking his ability to vanish. diaboli captionem, in libro de claves ut princeps sui sit clavem. They trapped Payam in the book, which is only accessible for who has the keys to the book. Said keys were possessed by the wizard, he was looking for an opportunity to trap a powerful creature with those. Due to this event, Payam is marked with the symbol of the crossed keys on the back of his neck. Both objects are his personal prison. Ever since, he was only let out to make deals with the holder of the key. When the wizard lived his last days on earth, he wanted to know the book safe and gave it to the head of the wollstonecraft academy for education and storage with the other forbidden books, along with the keys who were kept in the office of the demonology teacher. When exactly the book was handed over is unknown. Since then Payam is waiting for his spotlight, for someone to find his prison and be let out. [/div] [div class=h3]miscellaneous[/div] [div class=reqc2] [div class=h2]theme song (human life)[/div] [div class=reqt2][/div] i'm just the messenger, don't shoot me down . [/div] [div class=reqc2] [div class=h2]theme song (demon life)[/div] [div class=reqt2][/div] i come with knives and agony . [/div] [div class=reqc2] [div class=h2]extras[/div] [div class=reqt2][/div] • snakes and reptiles love him
• he's a good dancer
[/div] [div class=reqc2] [div class=h2]living quarters[/div] [div class=reqt2] the book of keys in the library [/div] [/div] [/div][/div] [/div] [div class="tabs 4tab" style=display:none;] [div class=relationships] [div class="rstabs 1rs" style=display:none;] [div class=rsisa] [div class=rsname]maribel[/div] [div class=rsstatus]status: a love that used to be[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 1rsnimg"][/div][/div] [div class=rstext][div class=scroll] She was everything holy, a goddess on earth.
Tristán used to be a brave and honest young man, wearing his heart on his sleeve. Maribel was the pastor’s daughter, following every rule her father made, except when she was with Tristán. The boy taught her maths and other skills, she wouldn’t have been able to learn as a woman around that time.

One summer’s day, they secretly went into the woods with stolen wine from the church’s supplies to enjoy the night. There was more than just one kiss meeting Maribel’s lips, but on his daily walks in the evening through the forest, the pastor saw his daughter and the boy, who seemed to have a bad influence on her.

Maribel soon didn’t come to their meeting spot anymore. He could see her though, a plain dress but all white, not the kind of dress you would get married with though. Peaking through the window of the priest’s cabin, the room was filled with men in formal wear. They bathed her in holy water, trying to purify her as if Maribel had eaten mud, but they did more to her. Things that were cruel and nothing that christ-like followers should ever do. It shook him, wanting to make a change.

Tristán made a decision, he passed a note to Maribel’s younger sister, who delivered the small paper to her. They would run away together, starting a life in the north, where he had an uncle. The same night they got caught, Tristán being taken to the byre close to where he lived by the priest’s assistants, getting beaten and tied up on his wrists.
He lost the sense of time in there but soon he was taken to the fields behind their houses. He felt numb but at the same time his chest ached like his heart was being ripped out. It was only until a few moments later he realized that’s exactly what they were doing. His warm heart in the hand of a man who looked like hate itself. The life-sustaining organ was thrown in the grass like a stone. Just like that the light had left Tristáns eyes.

The barbarity he experienced in his final moments had done something to his soul. His mother had once told him that the men in their family carry the mark of the devil and he needs to worship god even more for the evil to stand no chance.

The culprits watched the lifeless body for a few moments. Something was off. Locusts. They crawled out of the hole where Tristán’s heart used to be and flew into the sky. Speechless, the men didn’t dare to touch the body again.

„You didn’t expect that, did you, Tristán?“
„Where am I?“
„You’re in the land in-between. But I’m here to help you. Would you like to return?…To your dear Maribel?“

He nodded, watching the dark shadow hug him with such warmth. Little did he know, that this return would have a price of turning into evil himself. „I think you should make them feel, what you felt. That’s only fair“

Maribel’s purification went on. The field was bloody, but the body rose. Tristán stood up, picking up his heart and marched down to the cabin, where Maribel was held. He picked up an axe and disrupted the act as he massacred all men in the room brutally in rage and vengeance. There was blood all over him, with pungent eyes he moved closer to Maribel, handing her his heart that seemed so big in her tender hands. „Keep this for me, I have no use for it anymore.“
Payam.
The message in persian.
This shall now be his name, memories of who he used to be shall be forgotten. He’s one with the darkness now, belonging nowhere and everywhere. [/div][/div] [/div] [div class="rstabs 2rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 2rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 3rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 3rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 4rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 4rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 5rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 5rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 6rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 6rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 7rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 7rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [/div] [/div] [/div] [div class=sidebar] [div class=sbimg] [div class="rsnav 4rsnavi" style=display:none;][div class=rsscroll] [div class="rsbutton 1rsbtn"]
1#
[div class="rsnavimg 1rsnimg"][/div] [div class=rsnavname]the love of his life[/div] [/div] [div class="rsbutton 2rsbtn"]
2#
[div class="rsnavimg 2rsnimg"][/div] [div class=rsnavname]the enemy[/div] [/div] [div class="rsbutton 3rsbtn"]
3#
[div class="rsnavimg 3rsnimg"][/div] [div class=rsnavname]the crush[/div] [/div] [div class="rsbutton 4rsbtn"]
4#
[div class="rsnavimg 4rsnimg"][/div] [div class=rsnavname]the roommate[/div] [/div] [div class="rsbutton 5rsbtn"]
5#
[div class="rsnavimg 5rsnimg"][/div] [div class=rsnavname]xxx[/div] [/div] [div class="rsbutton 6rsbtn"]
6#
[div class="rsnavimg 6rsnimg"][/div] [div class=rsnavname]the friend[/div] [/div] [div class="rsbutton 7rsbtn"]
7#
[div class="rsnavimg 7rsnimg"][/div] [div class=rsnavname]xxx[/div] [/div] [/div][/div] [/div] [div class=navi] [div class="button 1btn"][div class=buttontext]
1#
basics[/div][/div] [div class="button 2btn"][div class=buttontext]
2#
persona[/div][/div] [div class="button 3btn"][div class=buttontext]
3#
history[/div][/div] [div class="button 4btn"][div class=buttontext]
4#
relations[/div][/div] [div class=colourswitchc][div class=colourswitchb][/div][/div] [/div] [/div] [/div]





[class=container] --bg: #F9F9F9; --bg-2: #27181B; --border: #cecece; --color-1: #68B8C1; --txt: #262626; --img-1: url('https://i.pinimg.com/564x/83/91/b7/8391b7070eced82a72e1a15d7509c114.jpg'); --img-2: url('https://i.pinimg.com/564x/1b/52/b5/1b52b59ceaf3ac8c015cf4d21804a35b.jpg'); --rs-1: url('https://i.pinimg.com/564x/ac/9d/10/ac9d10760a75e691e1bddb4f1e0d542a.jpg'); --rs-2: url('https://i.pinimg.com/564x/20/73/95/20739550089f579f305beb67b81401e8.jpg'); --rs-3: url('https://i.pinimg.com/564x/2d/b8/2a/2db82ac86cb2d87f578cf3bbcee29c71.jpg'); --rs-4: url('https://i.pinimg.com/564x/7d/f6/46/7df6460747e9dcaf44c6052bced715ac.jpg'); --rs-5: url('https://i.pinimg.com/564x/ac/92/f6/ac92f607038fc31b2b00ff11cb4f9d58.jpg'); --rs-6: url('https://i.pinimg.com/564x/ee/37/f7/ee37f7e3d46593ccf07f7c6e3736932f.jpg'); --rs-7: url('https://i.pinimg.com/564x/34/cb/90/34cb90263ed3aa7355dcb210a6cf5c7a.jpg'); width:550px; height:380px; margin:auto; background-color: var(--bg); display:flex; flex-flow: row wrap; transition: .5s ease-in-out; position:relative; [/class] [class=colourswitch] --bg-2: #F9F9F9; --bg: #27181B; --border: #59484b; --color-1: #b23737; --txt: #fff; --img-1: url('https://i.pinimg.com/564x/81/88/a7/8188a74bda868e0640d4c6bb8b466d13.jpg'); --img-2: url('https://i.pinimg.com/564x/98/e5/86/98e586bf11326bf85c32733fa3709e94.jpg'); transition: .8s ease-in-out; [/class] [class=home] height:80%; width:100%; display:flex; align-items:center; align-content: center; justify-content: center; flex-flow: row wrap; [/class] [class=header] height:18%; width:100%; position:absolute; display:flex; flex-flow: row-reverse nowrap; z-index:4; box-sizing:border-box; padding-right:10%; align-content: flex-end; align-items: flex-end; [/class] [class=role] height:100%; min-width:40%; max-width:70%; flex-shrink:0; color: var(--border); font-size:46px; font-weight:bold; letter-spacing:2px; font-family: 'Playfair Display', serif; transition: .5s; padding-right:10px; box-sizing:border-box; line-height:200%; [/class] [class name=role state=hover] color: var(--color-1); transition: .5s; [/class] [class=quote] flex-grow:1; align-self: flex-end; text-align:right; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-family: 'Poppins' , sans-serif; box-sizing:border-box; padding-right:10px; justify-content: flex-end; overflow:hidden; line-height:120%; margin-top:15px; color: var(--txt); font-weight:normal; [/class] [class=qemp] display:inline-block; color: var(--color-1); padding:1.5px; padding-top:0px; padding-bottom:0px; font-weight: bold; [/class] [class=sidebar] height:380px; width:44%; position:relative; display:flex; flex-flow: row wrap; [/class] [class=navi] height:100%; width:22%; border-left:1px solid var(--border); display:flex; flex-flow: row wrap; box-sizing:border-box; justify-content:center; align-items: space-between; padding-top:8%; padding-bottom:10px; z-index:5; [/class] [class=sbimg] width:78%; height:77%; align-self: flex-end; background: var(--img-1); background-size:auto 100%; background-position:50% 50%; position:relative; [/class] [class=button] height: 18%; width:90% display:inline-block; box-sizing:border-box; display:flex; cursor: pointer; color:black; transition:.7s; color: var(--txt); [/class] [class name=button state=hover] color: var(--color-1); cursor:pointer; transition:.7s; [/class] [class=buttontext] display:flex; transform: rotate(90deg); font-family: 'Eurotypo Bodoni', serif; font-weight: bold; letter-spacing:0.5px; font-size:16px; align-self:center; line-height:150%; padding-bottom:4px; box-sizing:border-box; [/class] [class=buttonselect] color: var(--color-1); [/class] [script class=button on=click version=2] (hide "home") (= currentTab (index (split (getText) "#") 0 )) (if (== openedTab currentTab) (stop)) (fadeOut 200 "rsnav") (removeClass "buttonselect" "button") (hide "tabs") (fadeIn 800 (+ currentTab "tab")) (fadeIn 600 (+ currentTab "rsnavi")) (addClass "buttonselect" (+ currentTab "btn")) (= openedTab currentTab) [/script] [class=colourswitchc] height:15px; width:15px; border-radius:50%; border:1px solid var(--color-1); padding:3px; font-size:0; z-index:9; position:relative; top:10px; [/class] [class=colourswitchb] height:100%; width:100%; background-color: var(--bg-2); border-radius:50%; transition: .3s; margin:auto; [/class] [class name=colourswitchb state=hover] background-color: var(--bg); border-radius:50%; transition: .3s; cursor:pointer; [/class] [script class=colourswitchb on=click version=2] (= newColour (getText)) (if (== newColour "") (group (addClass "colourswitch" "container") (setText "1"))) (if (== newColour "1") (group (removeClass "colourswitch" "container") (setText ""))) [/script] [class=body] height:77%; width:56%; align-self: flex-end; position:relative; [/class] [class name=scroll minWidth="550px"] height:100%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class=tabs] height:100%; width:100%; position:absolute; color: var(--txt); [/class] [class=req] height:100%; width:100%; padding:15px; box-sizing:border-box; padding-top:0px; display:flex; flex-flow: row wrap; [/class] [class=reqiconb] height:100px; width:100px; border:1px solid var(--txt); padding:3px; [/class] [class=reqicon] height:100%; width:100%; margin:auto; background: var(--img-2); background-size:100%; [/class] [class=reqbox1c] height:39%; width:61%; padding:5px; padding-top:0px; box-sizing:border-box; overflow:hidden; [/class] [class=reqbox1] height:100%; width:100%; display:flex; flex-flow: row wrap; align-items: space-between; [/class] [class=reqc] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:5px; line-height:150%; font-family: 'Karla', sans-serif; box-sizing:border-box; padding-left:8px; [/class] [class=h1] display:inline-block; height:15px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:0.5px; flex-shrink:0; [/class] [class=reqt1] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:right; [/class] [class=reqbox2c] height:56%; width:100%; align-self: flex-end; overflow:hidden; padding:3px; [/class] [class=reqbox2] height:100%; weight:100%; display:flex; flex-flow: row wrap; [/class] [class=h2] height:17px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:1px; flex-shrink:0; [/class] [class=reqt2] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:justify; line-height:145%; [/class] [class=reqc2] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10.5px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:10px; line-height:151%; font-family: 'Karla', sans-serif; box-sizing:border-box; [/class] [class=style] display:inline; color: var(--txt); transition: .3s; [/class] [class name=style state=hover] color: var(--color-1); transition: .3s; [/class] [class=pers] height:100%; width:100%; padding:15px; overflow:hidden; box-sizing:border-box; padding-top:0px; [/class] [class=h3] background-color: var(--bg); font-family: 'Eurotypo Bodoni', serif; font-weight:bold; letter-spacing:1px; width:101%; text-align: center; color: var(--color-1); font-size:20px; position:sticky; top:0; line-height:150%; [/class] [class=perst] width:100%; height: fit-content; font-size:10px; text-align:justify; font-family: 'Karla', sans-serif; white-space: pre-wrap; line-height:150%; [/class] [class=history] height:100%; width:100%; padding:15px; padding-top:0px; overflow:hidden; box-sizing:border-box; [/class] [class=rsnav] height: 100%; width: 100%; background-color: var(--bg); border:1px solid var(--border); border-bottom: 0px; border-right:0px; overflow:hidden; box-sizing:border-box; display:flex; flex-flow: column nowrap; box-sizing:border-box; bottom:0; position:absolute; [/class] [class=rsscroll] width:calc(100% + 13.5px); height:100%; overflow-y:scroll; overflow-x:hidden; [/class] [class=rsbutton] height:20%; width:100%; position:relative; display:flex; flex-flow: row nowrap; justify-content: center; [/class] [class name=rsbutton state=hover] cursor:pointer; [/class] [script class=rsbutton on=mouseenter version=2] (= currentRs (index (split (getText) "#") 0 )) (addClass "rsnavimgs" (+ currentRs "rsnimg")) [/script] [script class=rsbutton on=mouseleave] removeClass rsnavimgs rsnavimg [/script] [script class=rsbutton on=click version=2] (= currentRs (index (split (getText) "#") 0 )) (if (== openedRs currentRs) (stop)) (hide "rstabs") (removeClass "rsselect" "rsbutton") (fadeIn 550 (+ currentRs "rs")) (= openedRs currentRs) [/script] [class=rsnavimg] height:100%; width:100%; position:relative; transition: 0.3s ease-in-out; [/class] [class=rsnavimgs] transform: scale(0.92); transition: 0.3s ease-in-out; [/class] [class=rsnavname] height:25%; width:80%; justify-self: center; text-align:center; padding:1px; background-color: var(--bg); color: var(--txt); position:absolute; top:60%; font-size:9px; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing:1px; [/class] [class=rstabs] height:100%; width:100%; padding:15px; padding-top:0px; [/class] [class=rstabs] height:100%; width:100%; position:absolute; display:flex; flex-flow:row wrap; padding:10px; padding-top:0px; padding-left:5px; box-sizing:border-box; [/class] [class name=rsisa] height:40%; width:60%; margin-right:1%; padding-right:10px; padding-left:3px; box-sizing:border-box; margin-top:5px; [/class] [class=rsiconb] height:105px; width:105px; border:1px solid var(--txt); box-sizing:border-box; margin-top:7px; padding:0px; [/class] [class=rsicon] height:100%; width:100%; margin:auto; [/class] [class name=rsname] height: fit-content; margin-bottom:5px; width:100%; font-size:25px; text-align:right; color: var(--color-1); letter-spacing:1px; font-weight:bold; line-height:120%; font-family: 'Playfair Display', serif; [/class] [class name=rsrole] display:inline; margin-right:5px; font-size:9px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); font-style:oblique; text-shadow: 0px 0px black; font-weight:normal; opacity:0.85; line-height:200%; [/class] [class name=rsstatus] height:15%; width:100%; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; color: var(--txt); text-align:right; line-height:130%; font-family: 'Karla', sans-serif; [/class] [class name=rsbarcon] width:90%; height:40%; padding-top:12px; box-sizing:border-box; opacity:0.9; margin:auto; margin-top:-5px; [/class] [class name=rsbar] width:100%; height:40%; border:1px solid var(--txt); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:11.5%; [/class] [class name=rsm1] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm3] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsmline] height:60%; width:1.5px; margin-left:auto; margin-right:auto; margin-top:15%; background-color: var(--txt); [/class] [class name=rstext] height:60%; width:100%; overflow:hidden; font-size:10px; text-align:justify; padding:8px; box-sizing:border-box; color: var(--txt); line-height:155%; font-family: 'Karla', sans-serif; [/class] [class=1rsnimg] background: var(--rs-1); background-size:100%; background-position: 45% 55%; [/class] [class=2rsnimg] background: var(--rs-2); background-size:100%; background-position: 100% 10%; [/class] [class=3rsnimg] background: var(--rs-3); background-size:100%; background-position: 100% 10%; [/class] [class=4rsnimg] background: var(--rs-4); background-size:100%; background-position: 10% 100%; [/class] [class=5rsnimg] background: var(--rs-5); background-size:100%; background-position: 50% 20%; [/class] [class=6rsnimg] background: var(--rs-6); background-size:100%; background-position: 100% 10%; [/class] [class=7rsnimg] background: var(--rs-7); background-size:100%; background-position: 50% 50%; [/class]
 
Last edited:
[class=bkg] height: 388px; width: 368px; margin: auto; background: #EDEDED; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; [/class] [class=img] height: 308px; width: 308px; position: relative; top: 30px; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; overflow: hidden; [/class] [class=box2] height: 307px; position: absolute; background: rgb(255,255,255,0.6); width: 267px; left: 20px; font-family: Calibri; font-size: 1px; border: 0.5em solid black; [/class] [class=box22] height: 307px; position: absolute; background: rgb(255,255,255,0.6); width: 267px; left: 20px; font-family: Calibri; font-size: 1px; border: 0.5em solid black; [/class] [class=box23] height: 307px; position: absolute; background: rgb(255,255,255,0.6); width: 267px; left: 20px; font-family: Calibri; font-size: 1px; border: 0.5em solid black; [/class] [class=box24] height: 307px; position: absolute; background: rgb(255,255,255,0.6); width: 267px; left: 20px; font-family: Calibri; font-size: 1px; border: 0.5em solid black; [/class] [class=trueimg] height: 308px; width: 308px; position: absolute; background: url('https://images.squarespace-cdn.com/content/v1/5cba2b45ca525b6f3a828cfc/1556668301963-GWIDUQR2GQ3LRDFACEQ0/ke17ZwdGBToddI8pDm48kO0yaWcGj-IXy_1HjaIext9Zw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZUJFbgE-7XRK3dMEBRBhUpw7xHZ0WvPQE2Vx6oS9Srq5sT6OAoEXF418KIuXUcWRyw8-uNsGUMAB8zIByCISSb8/Strong+Jawline'); background-size: 100%; background-position: center bottom; animation-fill-mode: forward; [/class] [class=text] font-size: 12px; width: 308px; text-align: right; font-family: Calibri; text-transform: uppercase; position: relative; color: black; top: 35px; [/class] [class=a] font-size: 23px; color: black; font-family: Merriweather; position: relative; top: -300px; left: 334px; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=b] font-size: 23px; color: black; font-family: Merriweather; position: relative; top: -270px; left: 330px; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=c] font-size: 23px; color: black; font-family: Merriweather; position: relative; top: -240px; left: 326px; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=d] font-size: 23px; color: black; font-family: Merriweather; position: relative; top: -210px; left: 328px; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=slide] animation: {post_id}slideout 2s; animation-fill-mode: forwards; [/class] [animation=slideout] [keyframe=0] left: 0px; [/keyframe] [keyframe=100] left: -400px; [/keyframe] [/animation] [script class=img on=click] addClass slide trueimg [/script] [script class=a on=click] hide box22 hide box23 hide box24 fadeIn 0400 box2 [/script] [script class=b on=click] hide box2 hide box23 hide box24 fadeIn 0400 box22 [/script] [script class=c on=click] hide box22 hide box2 hide box24 fadeIn 0400 box23 [/script] [script class=d on=click] hide box22 hide box23 hide box2 fadeIn 0400 box24 [/script] [class=taggies] font-size: 10px; font-family: Roboto Condensed; font-weight: bold; color: black; display: inline-block; margin-bottom: 4px; position: relative; letter-spacing: 1px; [/class] [class=hidden] display: none; [/class] [div class=bkg] [div class=img] [div class=box2]
[div class=taggies]Appearance

Overall, he looks chiseled because he literally is. His general physique is one that clearly states he spends to much at the gym and constantly stands up straight. His face is as the picture depicts in regular life, Gargoyles that live among humans are given enchantments at birth to hide the wings and bottom jaw fangs. Gaston's wings are on the smaller end with a length similar to his back but his bottom jaw protrudes noticeably when the enchantments aren't in affect.

Height 6'3

Weight 440 pounds (Gargoyles are part stone after all)

Clothing: Tends to wear t-shirts, jeans and more along that style. He doesn't accessorize much at all and is all thumbs when it comes to fashion so he keeps it basic.
[/div] [/div] [div class="box22 hidden"]
[div class=taggies]Personality

Gaston loves sport, he in fact lives for any type of competition involving physical ability. However, Gaston does not love studying, he simply is not very intelligent and needs to spend more time than his peers to understand something. Still he shows determination in his studies. Gaston also likes partying and is the type to drink a lot while remarkably staying on his feet, with this he is very welcoming and lets anyone join along if they want.

Virtues: Confident, Courageous, Fearless, Protective, Sportsmanlike

Flaws: Unintelligent, Short Sighted (in a figurative way), Gullible, Too easy to trust people

Alignment: Neutral Good (his Gargoyle nature leans him toward lawful but he is a teenager which leans toward chaotic)
[/div] [/div] [div class="box23 hidden"]
[div class=taggies]Species: Gargoyle

Gargoyles have a natural resistance to magic and strength along with the ability to turn to stone and fly. While Gargoyles are typically liked in the magic world due to their connotations of loyalty and ability to defend, they also are thought of as unintelligent and dependent on orders.

Gargoyles are not born like humans, they are carved with stone then given life through the magic of a wizard or caster who knows the spell. Only in more recent years have Gargoyles learnt the ability to give life in this way themselves. This has lead to families of Gargoyles popping up and trying to live with in everyday society, one such family Gaston comes from. Gargoyles also do not die like humans instead as they come to the end of their lives they permanently turn to stone. Their minds often stay alive years longer after this transition, so they keep watch over where ever they choose to die. Eventually, they just stop thinking. Lifespan often varies based on the amount of magic infused, most from wizards can go up to 1000 years. However Gargoyle families rarely go over 200 years for a member.
[/div] [/div] [div class="box24 hidden"]
[div class=taggies]Backstory

Gaston was made 19 years ago, by a Gargoyle couple wanting a son. He grew up in the countryside near Paris and from the get go hes known what he is good at and known what he wants to do. 'Gaston is strong, Gaston is fast'. Sometimes the thought would cross his mind if he was created to be an athlete before a son. Gaston tries to remove these thoughts because he doesn't like to dwell in negativity. In his school he was a star player in the rugby team as a hooker, became regional champion in boxing and some more minor achievements in wrestling.

Gaston had never been one to be able to fight against the concept of Gargoyles being unintelligent. In fact, he embodied that stereotype more than anyone he knew. His younger sister, Marie, is often annoyed by this, being exceptionally intelligent she faces the main consequences of said stereotype. Naturally when Gaston got the invite to Wollstonecraft Academy he knew he had to take it. Of course, it was on a sports scholarship but it is a big deal for a Gargoyle to be accepted into things like this. So to show his sister that their kind could make it in academia, he is commited to getting good grades on top of it. All he has to do now is find the capability to do so.
[/div] [/div] [div class=trueimg][/div][/div][div class=text]Gaston Durant[/div] [div class=a]I.[/div][div class=b]II.[/div][div class=c]III.[/div][div class=d]IV.[/div] [/div] [class=cred] width:100%;text-align:center;font-size:8px;[/class][div class=cred]fated.[/div]
 
Last edited by a moderator:
uh wip desert mummy prince/ future king
so he kinda runs this shit
smooth ass mf
bad boy bc y not? he boutta rule a kingdom in this afterlife so might as well have fun first
quarterback yessir
mr. steal yo girl but will treat u right
fc: michael evans behling
 
Last edited by a moderator:
[class=border] --main-color: #4d4c7d; --image-1: url(https://i.pinimg.com/564x/4e/f0/b1/4ef0b1c46571b864c02ae4e6678f1f8d.jpg); --image-2: url(https://i.pinimg.com/564x/ee/bb/93/eebb939deb5c6bbdb22ad423bd4cd116.jpg); --image-3: url(https://i.pinimg.com/564x/16/5a/71/165a715b06741de2796fda66edc2a38e.jpg); --image-4: url(https://i.pinimg.com/564x/cf/af/5d/cfaf5d024ae0d7bb209dc10c9cfa405e.jpg); --image-5: url(https://i.pinimg.com/564x/01/ba/9a/01ba9a71cd92b48cbee0a55aa3f30815.jpg); [/class]
[div class=border][div class=border2][div class=home][div class=homeimage]
[div class=square1][/div][div class=square2][/div] [div class=ba][/div] [div class=bb][/div] [div class=bc][/div] [div class=bd][/div] [div class=line][/div] [div class="tab tab1 chosentab" style="top: 85px; transition-delay: 2s;"]home[/div] [div class="tab tab2" style="top: 135px; transition-delay: 2.1s;"]about[/div] [div class="tab tab3" style="top: 185px; transition-delay: 2.2s;"]persona[/div] [div class="tab tab4" style="top: 235px; transition-delay: 2.3s;"]backstory[/div] [div class="tab tab5" style="top: 285px; transition-delay: 2.4s;"]gallery[/div][/div] [div class=border3][div class=contents] [div class="tabContents tabContents1 show"]
[div class=roleline style="left: 67px;"][/div] [div class=roleline style="left: 132px;"][/div] [div class=role style="top: 30px; left: 50px;"]Darcy[/div] [div class=role style="top: 65px; left: 115px;"]Walsh[/div][/div] [div class="tabContents tabContents2"][div class=scroll][div class=tag]name[/div] Darcy Walsh, though his given fae name is unknown. [div class=tag]nickname/s[/div] Although not offical, Darcy was often teased for his pointed ears, resulting in the nickname of 'Keebler.' [div class=tag]age[/div] 17. [div class=tag]gender[/div] Male. [div class=tag]sexuality[/div] Heterosexual, but unexplored. (Hasn't even kissed a girl.) [div class=tag]d.o.b[/div] July 17th. [div class=tag]zodiac[/div] Cancer, [div class=tag]p.o.b[/div] Derry, Ireland. [div class=tag]race/ethnicity[/div] White Irish. [div class=tag]eyes[/div] Hazel, although they flicker golden at times. [div class=tag]hair[/div] Black, although he's dying it. Naturally, streaks of white have been shooting through his hair. [div class=tag]skin[/div] Somewhat tanned, but still overall pale. His back is covered in golden speckles, only visible in the light of the moon. [div class=tag]height[/div]6'3 [div class=tag]weight[/div]189 lbs. [div class=tag]distinguishing features [/div] Darcy has noticeably pointed ears, and there's something just off about him. In the right lighting, his teeth look just a little bit sharper, and his hair just a little bit lighter. He's almost human, but just slightly missing the mark. [div class=tag]wardrobe[/div] Darcy doesn't exactly have a great fashion sense. Although he isn't a complete dunce when it comes to dressing himself, his outfits are basic and simple. Jeans and a hoodie are his go-to look, and sometimes he'll even wear shorts. [div class=tag]face-claim[/div]Casey Jackson.[/div][/div] [div class="tabContents tabContents3"][div class=scroll] [div class=tag]personality[/div] Darcy is somewhat of a hard egg to crack. Although he loves being around other people and appreciates their presence, he often finds himself disconnected from them in a way he can't explain. Although his twin brother has no issue carrying the conversation on, Darcy tends to trail off mid-sentence with no rhythm or reason. His friends have come to simply accept his odd behavior at times, but it still bothers the boy enough that he never truly expresses himself fully to others. He even feels disconnected from his own brother, who is almost a mirror image of him. [div class=tag]positive traits[/div] Easy-going, modest, an easy friend to make, and overall just a friendly guy. [div class=tag]negative traits[/div] Disconnected at times, somewhat secretive, quick to assume the worst, sensitive. [div class=tag]likes[/div] Rollerblading, slushies, modern conveniences, and roaming the fields with friends. [div class=tag]dislikes[/div] The forest, full moons, fairy tales, and chimneys. [div class=tag]fears[/div] Darcy is terrified at the forest, but especially at night. He's terrified of the draw he feels to it, and he fears that if he goes into the woods, he'll never come out. [div class=tag]ailments[/div] None that he knows of. [div class=tag]alignment [/div] Neutral good.[/div][/div] [div class="tabContents tabContents4"][div class=scroll] [div class=tag]species explanation[/div]Darcy is a changeling, a type of fae. Although he grew up believing he was human, he was actually a fae swapped out with his 'twin brother' at birth. Tailored to look exactly like him with old magic, Darcy was meant to grow up in his place while his parents got the human child they desired. Although he possess some natural fae magic, Darcy has no idea how to manipulate it. In fact, he's mostly terrified of it. [div class=tag]rules of species[/div]If Darcy's human 'mother' had stuck him into a chimney when she first discovered him, he would of been forced back into the fae world while she got her true child back. [div class=tag]backstory[/div] On the night Darcy was swapped with his human counterpart, Finn, something rather odd happened. Although most of the fae who leave a changeling are pleased with the exchange, Darcy's mother instantly regretted the swap. With young Finn still swaddled with his own blankets from home, she returned only an hour after the swap and knocked on the door of his mother, Cara. She begged for Cara to swap back children, even offering her a boon or two as a bonus. But Cara refused, and deemed the fae unfit to raise any child. She instead took Finn back, and swore to raise Darcy as her own child. The fae warned that he'll be called back to the woods one day, but Cara simply slammed the door in her face and settled her child down next to his new brother. They were completely identical, besides the fact that Darcy had pointed ears just a bit sharper than what's deemed normal. But as the boys grew older, the differences began to grow too. It wasn't long before Darcy was teased for his ears, despite having Finn there to back him up. On the playground, children were wary of the odd energy he gave off, preferring to play with Finn instead. Why pick the weirder looking twin when the normal one was right there? When he turned to his mother for an explanation, she simply told him that kids were weird and they'll grow out of it. They did grow out of it, but Darcy didn't. Strange things were happening in his life, and no one had any answers. He often found himself staring out at his window at night, listening to voices in the forests no one else heard. He saw women in the water, and men in the trees. He told no one, and instead buckled down on being normal. Finn was more than happy to have his brother join his activities as they grew older, since it seemed to draw him away from whatever was bothering him before. And despite the laughter and fun Darcy had, he couldn't help but feel something was wrong. Like he was forgetting something very important, or someone. By the time the twins were 17, Darcy could no longer ignore the whispers of the leaves and the echo of the streams. While out with his brother late at night for a quick slushie run, he found himself enthralled by a voice leading deep into the woods. No matter how much Finn shouted at him to stop, the young changeling charged forward towards a lake in the middle of the deep woods. He only stopped when he reached the edge of the water, his eyes glazed over golden as he stared at his own reflection. Finn was still shouting behind him and trying to catch up, but a watery hand was already emerging from the dark water to beckon Darcy closer. It wasn't until he felt the cold fingers wrap around his own that he snapped out of it, but it was far too late. Instantly, the water hag tried to yank him into the cold water, while Darcy screamed for Finn to help him. All he heard was Finn screaming and splashing into the water behind him before he blacked out. When he awoke, Darcy was back home with Finn and their mother staring at him with worried expressions. It was a miracle Finn was able to free him from the hag, having stabbed her with a particularly sharp branch laying near the shore. As the young changeling shivered in his wet clothes, his mother silently handed him a brochure for Wollstonecraft Academy. [div class=tag]when did they receive their brochure?[/div]Darcy received his brochure the second he woke up from nearly being drowned by a water hag. [div class=tag]relationships[/div] Finn Walsh - His 'twin' brother, who he has a rather close relationship with. Although Finn was freaked out by the thought that Darcy was anything but human, he still supports him and hopes to see him soon. Cara Walsh - Darcy's adoptive mother. Although he has a good relationship with her, his feelings are currently strained towards her since he was never told he was a changeling. [/div][/div] [div class="tabContents tabContents5"][div class=scroll][div class=leftpic style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-3); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-9); background-size: cover; background-position: center;"][/div] [/div][/div] [/div][/div][/div][/div]
coded by constellation.
[/div] [class=border] width: 650px; height: 400px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border2] position: absolute; width: 650px; height: 400px; [/class] [class=home] position: relative; width: 250px; height: 400px; left: 200px; transition: 2s; transition-delay: 3s; z-index: 2; [/class] [class=homeimage] width: 250px; height: 400px; background: var(--image-1); background-size: cover; background-position: center; filter: grayscale(100%); transition: 1s ease-in-out; [/class] [class=square1] position: absolute; top: -10px; left: -10px; transition: 1s ease-in-out; border: 1px solid #000; width: 248px; height: 398px; [/class] [class=square2] position: absolute; top: 10px; left: 10px; transition: 1s ease-in-out; opacity: 1; border: 1px solid var(--main-color); width: 248px; height: 398px; [/class] [class=ba] position: absolute; top: 10px; left: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bb] position: absolute; top: 10px; left: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bc] position: absolute; bottom: 10px; right: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bd] position: absolute; bottom: 10px; right: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=line] position: absolute; top: 50px; left: 60px; transition: 1s ease-in-out; width: 5px; height: 0px; background: white; transition-delay: 1.5s; [/class] [class=tab] position: absolute; left: 100px; transition: 1s ease-in-out; border-bottom: 5px solid white; font: 14px/120% Chivo; color: white; text-transform: uppercase; opacity: 0; [/class] [class=leftpic] float: left; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=rightpic] float: right; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=contents] position: absolute; z-index: 1; height: 400px; width: 400px; background: #fff; top: 0px; left: -250px; opacity: 0; transition: 3s; transition-delay: 4s; border: 1px solid #e1e1e1; [/class] [class=tabContents] position: absolute; height: 370px; width: 385px; opacity: 0; padding: 15px 0 15px 15px; overflow: hidden; white-space: pre-line; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; font-size: 12px; [/class] [class=border3] position: absolute; width: 402px; height: 402px; top: -1px; left: 250px; overflow: hidden; [/class] [class=role] position: absolute; text-align: center; font: 22px Chivo; background: var(--main-color); padding: 10px 5px 3px 5px; writing-mode: vertical-rl; text-orientation: upright; color: #fff; text-transform: uppercase; [/class] [class=roleline] position: absolute; height: 75px; background: var(--main-color); top: 0; width: 2px; [/class] [class=show] opacity: 1; transition: all 1.5s; z-index: 1; [/class] [class=tag] display: inline; padding: 3px 5px; margin-right: 2px; background: var(--main-color); color: white; font-size: 9px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; font-family: Chivo; [/class] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-style: italic; transition: 1s; [/class] [class=chosentab] font-style: italic; transition-delay: 0s; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [script class=home on=mouseenter] addClass b1 square1 addClass b2 square2 addClass bh ba addClass bw bb addClass bh bc addClass bw bd addClass blur homeimage addClass linemove line addClass appear tab addClass homeslide home addClass contentslide contents [/script] [class=b1] top: 0; left: 0; border: 1px solid var(--main-color); [/class] [class=b2] top: 0; left: 0; background: var(--main-color); opacity: 0.4; [/class] [class=bh] height: 380px; [/class] [class=bw] width: 230px; [/class] [class=blur] filter: grayscale(100%) blur(0.5px); [/class] [class=linemove] height: 300px; [/class] [class=appear] opacity: 1; [/class] [class=homeslide] left: 0; [/class] [class=contentslide] left: 0px; opacity: 1; [/class]
 
Last edited by a moderator:
[class=border] --main-color: #2b580c; --image-1: url(https://i.pinimg.com/564x/39/e0/c4/39e0c4d5ff44977d32dbfb4911beae22.jpg); --image-2: url(https://cdna.artstation.com/p/assets/images/images/008/079/430/large/marianne-eie-2017-11-huldra.jpg?1561285864); --image-3: url(https://i.pinimg.com/564x/70/f7/51/70f751bbe623143c556c86696dceaa36.jpg); --image-4: url(https://i.pinimg.com/564x/51/f9/29/51f929415e7675bbda54be97bc009374.jpg); --image-5: url(https://i.pinimg.com/564x/12/97/32/129732ad3d26aef3ac0df89fb990f5d1.jpg); [/class]
[div class=border][div class=border2][div class=home][div class=homeimage]
[div class=square1][/div][div class=square2][/div] [div class=ba][/div] [div class=bb][/div] [div class=bc][/div] [div class=bd][/div] [div class=line][/div] [div class="tab tab1 chosentab" style="top: 85px; transition-delay: 2s;"]home[/div] [div class="tab tab2" style="top: 135px; transition-delay: 2.1s;"]about[/div] [div class="tab tab3" style="top: 185px; transition-delay: 2.2s;"]persona[/div] [div class="tab tab4" style="top: 235px; transition-delay: 2.3s;"]backstory[/div] [div class="tab tab5" style="top: 285px; transition-delay: 2.4s;"]gallery[/div][/div] [div class=border3][div class=contents] [div class="tabContents tabContents1 show"]
[div class=roleline style="left: 67px;"][/div] [div class=roleline style="left: 132px;"][/div] [div class=role style="top: 30px; left: 50px;"]Oda[/div] [div class=role style="top: 65px; left: 115px;"]The Huldra[/div][/div] [div class="tabContents tabContents2"][div class=scroll][div class=tag]name[/div] She has chosen the name Oda. [div class=tag]nickname/s[/div]None so far, unless you count Oda as one. [div class=tag]age[/div] 18, in both human and huldra years. [div class=tag]gender[/div] Female. [div class=tag]sexuality[/div] Unknown. [div class=tag]d.o.b[/div] Truly unknown, though she claims close to the first of August. [div class=tag]zodiac[/div] Leo, presumably. [div class=tag]p.o.b[/div] Bergen, Norway. [div class=tag]race/ethnicity.[/div] White Norwegian. [div class=tag]hair[/div] Oda has true red hair, despite her blonde ancestors. [div class=tag]eyes[/div] A bright blue, with a hint of mischief always in them. [div class=tag]skin[/div] Pale and freckled, the only spot without a speck is the large hole in her back. [div class=tag]height[/div]5'5 [div class=tag]weight[/div]134 lbs. [div class=tag]distinguishing features[/div] Although appearing mostly human, many will quickly take notice to the cow tail that hangs behind Oda. Light brown and long, it's hard to miss. As for her more hidden feature, one may catch a glimpse of the hole in her back, filled with flowers and moss. However, it's often covered up for good reasons. [div class=tag]wardrobe[/div]Even though Oda prefers loose dresses and no shoes, she simply just can't afford for wear those types of outfits anymore. Instead, she's often seen in the same few sundresses she owns, with the same exact white short coat over it. [div class=tag]face claim[/div] Unknown model. [/div][/div] [div class="tabContents tabContents3"][div class=scroll] [div class=tag]personality[/div] Oda is weird. She hardly understands human culture despite living near it all her life, and often misses obvious social cues. She stares, makes unknowingly rude comments, or blurts out secrets she's overheard. However, she isn't malicious in her interactions. Genuinely curious at heart and still a bit mischievous, Oda often inserts herself into the lives of others whether they want her or not. Yet if they get to know her, they find someone rather interesting beneath the surface. If they can get past her calling their shirt rather ugly. [div class=tag]positive traits[/div] Curious, intelligent in most subjects, quick-thinker, and a great listener. [div class=tag]negative traits[/div] Blunt, too curious, a bit of a blabber, and she's awfully rude if someone tries to peek at her back. [div class=tag]likes[/div] Festivals, dancing, weaving, and anything to do with human culture. (From afar, that is.) [div class=tag]dislikes[/div] School-work, chalk, shoes, and vampires. [div class=tag]fears[/div] Deep down, Oda fears that the forest she was born in will slowly disappear, and the people will forget about the legends and folklore that surrounds it. [div class=tag]ailments[/div] Oda is as healthy as an ox. [div class=tag]alignment.[/div] Chaotic good.[/div][/div] [div class="tabContents tabContents4"][div class=scroll] [div class=tag]species explanation[/div]Oda is a huldra, also known as a hulder. There are accounts of huldras being rather kind, or rather mean. In some legends, huldras would watch over the fires of charcoal burners in exchange for food. Other times, the huldra would marry a human man to become human herself. If he looked into the hole on her back and refuse marriage, she'd kill him. If he married her, she'd kill him after becoming human. Luckily, Oda is of the more curious and kind huldras... [div class=tag]rules of species[/div] As it appears, there are no specific rules huldras seem to follow. The only thing they all have in common is a strong dislike of people looking at the hole in their backs, and especially if they mention or point them out. [div class=tag]backstory[/div] Oda's backstory is shrouded in mystery to most. Unlike many supernatural or mythical creatures of the modern world, Oda never experienced true life among humans. Her mother clung to the belief of their wild nature and kept the young huldra far away from the humans when possible, though curiosity often got the better of her. Though she never actually ventured into the nearby town, she often spied from the trees at the young human children running about. One young girl always caught her eye whenever she came out, but she never approached the woods. Perhaps it was for a good reason... Still, something about the girl intrigued Oda. With bright blonde hair and piercing blue eyes, she almost looked supernatural. Yet she was fully human, and often chastised other children about the monsters that lurked in the forest. Monsters like Oda and her mother, with their cow tails and awful hollow backs. Part of Oda wanted to prove her wrong, but another part told her to prove her right. To make her mother proud, and do what she was too old to do anymore. As she grew older and older, Oda began to sneak closer and closer to the town at night. She'd snag dresses drying on a warm summer day, or a hairbrush left abandoned on a window sill. Word began to spread across the townsfolk of the old legends coming back to life, but many dismissed her little acts of thievery as teenage pranks. That was, until Oda decided to finally make her appearance in town. On a crisp autumn day, when Oda's mother was off washing with a pooka, the young huldra decided to finally put the stuff she had stolen to do use. Picking the finest white dress and brushing her hair clean, Oda finally stepped into the town. Although met with stares at first for her lovely appearance, it didn't take long for someone to shriek and point out her tail. While old women gasped and backed away, a brave teenager yanked and pulled at the back of her dress to reveal her hollow back. By the time Oda was crying and screaming for them to stop, a group of angry townsfolk had gathered around them. The blonde hair and blue eyed girl lead the crowd, now grown up the same as Oda. She was the first one to throw a stone at the poor huldra, and she was the last one Oda saw as she ran back to the woods crying and bleeding. When she found her mother and tearfully confessed to her mistake, she was surprised to find the older huldra comforting her rather than scolding. As a fae cleaned her wounds and the pooka stitched her dress, Oda simply listened to her mother talk about all her old good experiences with humans. She confessed, however, that as time went on, the humans needed them much less, and soon became scared of them. She promised that there were good folks out there, but they were rare to find. After that, it's hard to say what happened. Oda received her brochure somehow, and her mother was almost relieved to send her off to avoid the angry humans ready to swarm the woods. Despite the attack Oda faced, she's still ever curious about humans and other creatures. Her social skills are lacking, but she has heart at least. [div class=tag]relationships[/div] Her Mother - Although Oda had a strained relationship with her mother for a long time, she's slowly come to accept why she was kept away from the nearby town of humans. [div class=tag]when did she get her brochure?[/div]Oda received her brochure a few days after her attack, as the humans planned to storm the woods. How she managed to get to the academy is up to debate, but she claims she simply rode a very strong horse.[/div][/div] [div class="tabContents tabContents5"][div class=scroll][div class=leftpic style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-3); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-9); background-size: cover; background-position: center;"][/div] [/div][/div] [/div][/div][/div][/div]
coded by constellation.
[/div] [class=border] width: 650px; height: 400px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border2] position: absolute; width: 650px; height: 400px; [/class] [class=home] position: relative; width: 250px; height: 400px; left: 200px; transition: 2s; transition-delay: 3s; z-index: 2; [/class] [class=homeimage] width: 250px; height: 400px; background: var(--image-1); background-size: cover; background-position: center; filter: grayscale(100%); transition: 1s ease-in-out; [/class] [class=square1] position: absolute; top: -10px; left: -10px; transition: 1s ease-in-out; border: 1px solid #000; width: 248px; height: 398px; [/class] [class=square2] position: absolute; top: 10px; left: 10px; transition: 1s ease-in-out; opacity: 1; border: 1px solid var(--main-color); width: 248px; height: 398px; [/class] [class=ba] position: absolute; top: 10px; left: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bb] position: absolute; top: 10px; left: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bc] position: absolute; bottom: 10px; right: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bd] position: absolute; bottom: 10px; right: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=line] position: absolute; top: 50px; left: 60px; transition: 1s ease-in-out; width: 5px; height: 0px; background: white; transition-delay: 1.5s; [/class] [class=tab] position: absolute; left: 100px; transition: 1s ease-in-out; border-bottom: 5px solid white; font: 14px/120% Chivo; color: white; text-transform: uppercase; opacity: 0; [/class] [class=leftpic] float: left; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=rightpic] float: right; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=contents] position: absolute; z-index: 1; height: 400px; width: 400px; background: #fff; top: 0px; left: -250px; opacity: 0; transition: 3s; transition-delay: 4s; border: 1px solid #e1e1e1; [/class] [class=tabContents] position: absolute; height: 370px; width: 385px; opacity: 0; padding: 15px 0 15px 15px; overflow: hidden; white-space: pre-line; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; font-size: 12px; [/class] [class=border3] position: absolute; width: 402px; height: 402px; top: -1px; left: 250px; overflow: hidden; [/class] [class=role] position: absolute; text-align: center; font: 22px Chivo; background: var(--main-color); padding: 10px 5px 3px 5px; writing-mode: vertical-rl; text-orientation: upright; color: #fff; text-transform: uppercase; [/class] [class=roleline] position: absolute; height: 75px; background: var(--main-color); top: 0; width: 2px; [/class] [class=show] opacity: 1; transition: all 1.5s; z-index: 1; [/class] [class=tag] display: inline; padding: 3px 5px; margin-right: 2px; background: var(--main-color); color: white; font-size: 9px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; font-family: Chivo; [/class] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-style: italic; transition: 1s; [/class] [class=chosentab] font-style: italic; transition-delay: 0s; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [script class=home on=mouseenter] addClass b1 square1 addClass b2 square2 addClass bh ba addClass bw bb addClass bh bc addClass bw bd addClass blur homeimage addClass linemove line addClass appear tab addClass homeslide home addClass contentslide contents [/script] [class=b1] top: 0; left: 0; border: 1px solid var(--main-color); [/class] [class=b2] top: 0; left: 0; background: var(--main-color); opacity: 0.4; [/class] [class=bh] height: 380px; [/class] [class=bw] width: 230px; [/class] [class=blur] filter: grayscale(100%) blur(0.5px); [/class] [class=linemove] height: 300px; [/class] [class=appear] opacity: 1; [/class] [class=homeslide] left: 0; [/class] [class=contentslide] left: 0px; opacity: 1; [/class]
 
Last edited by a moderator:
[class=border] --main-color: #000000; --image-1: url(https://i.pinimg.com/564x/bb/30/1b/bb301b4a74b1a0035f95c4476b958b92.jpg); --image-2: url(https://i.pinimg.com/564x/18/61/13/1861135f23bed6c7aab7a27c7516ffc0.jpg); --image-3: url(https://i.pinimg.com/564x/81/39/41/81394199e5b95e1ac21699e2cf8e3467.jpg); --image-4: url(https://i.pinimg.com/564x/9c/d7/e0/9cd7e0f0fb7d00b9e7dd7f17c25d8063.jpg); --image-5: url(https://i.pinimg.com/564x/8d/04/61/8d046165b372f87418f65589db3d810e.jpg); --image-6: url(https://i.pinimg.com/564x/61/03/2c/61032cb65ff1a3406dbb8f8814f32a2a.jpg); --image-7: url(https://i.pinimg.com/564x/ef/bb/2b/efbb2b3bad89f06956396c654b9eb68c.jpg); --image-8: url(https://i.pinimg.com/564x/24/60/7b/24607bba3b6860adae1898e4969da273.jpg); --image-9: url(https://i.pinimg.com/564x/9a/77/8c/9a778ceea5eefe41662fb9db672a80b8.jpg); [/class]
[div class=border][div class=border2][div class=home][div class=homeimage]
[div class=square1][/div][div class=square2][/div] [div class=ba][/div] [div class=bb][/div] [div class=bc][/div] [div class=bd][/div] [div class=line][/div] [div class="tab tab1 chosentab" style="top: 85px; transition-delay: 2s;"]home[/div] [div class="tab tab2" style="top: 135px; transition-delay: 2.1s;"]dossier[/div] [div class="tab tab3" style="top: 185px; transition-delay: 2.2s;"]persona[/div] [div class="tab tab4" style="top: 235px; transition-delay: 2.3s;"]history[/div] [div class="tab tab5" style="top: 285px; transition-delay: 2.4s;"]gallery[/div][/div] [div class=border3][div class=contents] [div class="tabContents tabContents1 show"]
[div class=roleline style="left: 67px;"][/div] [div class=roleline style="left: 132px;"][/div] [div class=role style="top: 30px; left: 50px;"]ganymede[/div] [div class=role style="top: 65px; left: 115px;"]arechavaleta[/div][/div] [div class="tabContents tabContents2"][div class=scroll][div class=tag]name[/div] ganymede arechavaleta [div class=tag]nickname[/div] jay [div class=tag]age[/div] eighteen [div class=tag]gender[/div] male [div class=tag]sexuality[/div] homosexual [div class=tag]date of birth[/div] december 22nd [div class=tag]zodiac[/div] capricorn [div class=tag]place of birth[/div] barcelona, spain [div class=tag]ethnicity[/div] spanish; white [div class=tag]height[/div] 5'9" | 175 cm [div class=tag]weight[/div] 121 lbs | 55 kg [div class=tag]eyes[/div] completely black irises and scleras [div class=tag]hair[/div] shoulder-length, curly, dark brown [div class=tag]attire[/div] ganymede will only wear black. most of the time he sports tight-fitting turtlenecks and dress pants beneath some type of flowy garmet such as a cape. on special occasions, he wears his plague doctor mask + outfit. [div class=tag]faceclaim[/div] matthew clavane[/div][/div] [div class="tabContents tabContents3"][div class=scroll][div class=tag]positive traits[/div] outgoing, adventurous, vivacious, friendly, inventive, social [div class=tag]negative traits[/div] impulsive, hedonistic, erratic, blunt, disruptive [div class=tag]likes[/div] the color black, pop rocks, affection, shiny objects, classical music, the dark, history, plague doctor aesthetic [div class=tag]dislikes[/div] overbearing people, slow-paced activities, sitting still, monopoly, sleeping [div class=tag]fears[/div] abandonment, losing control [div class=tag]ailments[/div] adhd; ganymede has severe symptoms of hyperactivity, restlessness, impulsivity, and inattention. [div class=tag]personality[/div] on the surface, ganymede is an eccentric individual that mostly acts in self-interest and is out to have a good time. he has his own goals set in his mind where he can regularly take notice of them, but is in no rush to get to the finale. to him, it is the adventure that counts. impulsive should be his middle name as he is ready to do anything that has even the slightest scent of "interesting". if he is told not to do something you'd better believe he is going to go do it. whether he has selective hearing or is just an honest to god idiot is debatable. at heart he is a lot more caring, but still struggles with empathy. despite how his behavior might make him appear, he really does enjoy spending time with people. [div class=tag]species[/div] shapeshifter [div class=tag]explanation[/div] ganymede comes from a cursed bloodline of humans that births one shapeshifter per generation. the curse originated from his ancestors during the 17th century Basque witch trials after they gave into the hysteria, spread misinformation, accused the wrong people, and sent innocent people to their death. worse that death was considered the cursed children that would plague the family for generations. the shapeshifters have three forms: a human form, an animal form, and their "true" form. ganymede can transform into a crow as his animal form and his "true" form is a towering and emaciated monster vaguely reminiscent of a crow with scant amounts of feathers and elongated limbs and a neck. contrary to its appearance, it is insanely powerful. however, all forms are very mortal. [div class=tag]rules of species[/div] while his type of shapeshifter may transform between a human form and animal form at will, his "true" form will only appear at desperate times or moments of intense anger/fear and during these, he loses control of his proper conscience. the transformations are incredibly painful, but can be worthwhile. [/div][/div] [div class="tabContents tabContents4"][div class=scroll][div class=tag]backstory[/div] upon the arrival of his generation in the family, only the time between birth and the first transformation of the cursed one separated a potential grim future. unfortunately for his parents, ganymede's name had been plucked out of the metaphorical hat. his first transformation didn't happen until the terrible twos; a tantrum that was bad enough he flipped on the switch of his "true" form. not only a painful experience he would never remember, but it was difficult for his parents to accept the monster that their child was below the surface. the majority of ganymede's early life from then on was spent locked in his own house, no explanation for who he was or why he was stifled as his parents tried keep his condition under wraps. this isolation time came with the consumption any and all types of information he could get his hands on. an interest in ancient history stuck, but he mainly a focus on past pandemics and disasters. perhaps his current fascination with the plague doctor aesthetic was a result of these times. however, with the isolation came the desperation for human interaction and anything else interesting he could get his hands on. the state of living his parents succumbed him to may have been the worst mistake they could have made. at the ripe age of 13, ganymede nearly murdered one of his cousins at a birthday party and permanently traumatized them due to the nature of his transformations. an official explanation was in order. learning about the curse and his forms was scary, painful, and uncharted territory. controlling it by staying blissfully unaware was no longer an option. it was a part of himself forced himself embrace, but hated with a passion. his parents had unintentionally caused the fear of his own identity, temporarily making him an anxious, depressed, and self-deprecating mess. the rest of the family already shunned him and his parents for the horrors he bestowed upon them. it wasn't long before the call was made that he had to leave. after all, he was a monster that shouldn't be coddled-- a monster in a human disguised incapable of genuine love and destined to create disaster. where was he to go other than wsc? a place he belonged but a place he was afraid of losing. what would come after? was there something after? [div class=tag]relationships[/div] araceli arechavaleta ganymede's mother who he is no longer on speaking terms with giovanni arechavaleta ganymede's father who he is no longer on speaking terms with [/div][/div] [div class="tabContents tabContents5"][div class=scroll][div class=leftpic style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-3); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=leftpic style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-9); background-size: cover; background-position: center;"][/div] [/div][/div] [/div][/div][/div][/div]
coded by constellation.
[/div] [class=border] width: 650px; height: 400px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border2] position: absolute; width: 650px; height: 400px; [/class] [class=home] position: relative; width: 250px; height: 400px; left: 200px; transition: 2s; transition-delay: 3s; z-index: 2; [/class] [class=homeimage] width: 250px; height: 400px; background: var(--image-1); background-size: cover; background-position: center; filter: grayscale(100%); transition: 1s ease-in-out; [/class] [class=square1] position: absolute; top: -10px; left: -10px; transition: 1s ease-in-out; border: 1px solid #000; width: 248px; height: 398px; [/class] [class=square2] position: absolute; top: 10px; left: 10px; transition: 1s ease-in-out; opacity: 1; border: 1px solid var(--main-color); width: 248px; height: 398px; [/class] [class=ba] position: absolute; top: 10px; left: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bb] position: absolute; top: 10px; left: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bc] position: absolute; bottom: 10px; right: 10px; width: 1px; height: 0px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=bd] position: absolute; bottom: 10px; right: 10px; width: 0px; height: 1px; background: white; transition: 1s ease-in-out; transition-delay: 0.5s; [/class] [class=line] position: absolute; top: 50px; left: 60px; transition: 1s ease-in-out; width: 5px; height: 0px; background: white; transition-delay: 1.5s; [/class] [class=tab] position: absolute; left: 100px; transition: 1s ease-in-out; border-bottom: 5px solid white; font: 14px/120% Chivo; color: white; text-transform: uppercase; opacity: 0; [/class] [class=leftpic] float: left; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=rightpic] float: right; display: inline-block; width: 175px; height: 210px; background: red; margin: 5px 0; [/class] [class=contents] position: absolute; z-index: 1; height: 400px; width: 400px; background: #fff; top: 0px; left: -250px; opacity: 0; transition: 3s; transition-delay: 4s; border: 1px solid #e1e1e1; [/class] [class=tabContents] position: absolute; height: 370px; width: 385px; opacity: 0; padding: 15px 0 15px 15px; overflow: hidden; white-space: pre-line; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; font-size: 12px; [/class] [class=border3] position: absolute; width: 402px; height: 402px; top: -1px; left: 250px; overflow: hidden; [/class] [class=role] position: absolute; text-align: center; font: 22px Chivo; background: var(--main-color); padding: 10px 5px 3px 5px; writing-mode: vertical-rl; text-orientation: upright; color: #fff; text-transform: uppercase; [/class] [class=roleline] position: absolute; height: 75px; background: var(--main-color); top: 0; width: 2px; [/class] [class=show] opacity: 1; transition: all 1.5s; z-index: 1; [/class] [class=tag] display: inline; padding: 3px 5px; margin-right: 2px; background: var(--main-color); color: white; font-size: 9px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; font-family: Chivo; [/class] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-style: italic; transition: 1s; [/class] [class=chosentab] font-style: italic; transition-delay: 0s; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [script class=home on=mouseenter] addClass b1 square1 addClass b2 square2 addClass bh ba addClass bw bb addClass bh bc addClass bw bd addClass blur homeimage addClass linemove line addClass appear tab addClass homeslide home addClass contentslide contents [/script] [class=b1] top: 0; left: 0; border: 1px solid var(--main-color); [/class] [class=b2] top: 0; left: 0; background: var(--main-color); opacity: 0.4; [/class] [class=bh] height: 380px; [/class] [class=bw] width: 230px; [/class] [class=blur] filter: grayscale(100%) blur(0.5px); [/class] [class=linemove] height: 300px; [/class] [class=appear] opacity: 1; [/class] [class=homeslide] left: 0; [/class] [class=contentslide] left: 0px; opacity: 1; [/class]
 
Last edited:
[class=bkgd] --main: #fff; --accent: #000; position: relative; width: 50em; height: 30em; background-color: var(--main); overflow: hidden; margin-left: auto; margin-right: auto; [/class] [class=flexcont] width: 100%; display: flex; flex-direction: row; justify-content: space-evenly; [/class] [class=accent] position: relative; background-color: var(--accent); overflow: hidden; [/class] [class=accent0] width: 100%; height: 30em; [/class] [class=accent02] width: 5%; height: 30em; margin-left: 0.75em; [/class] [class=introright] width: 100%; height: 100%; position: relative; [/class] [class=accentcont] position: relative; margin-right: auto; margin-left: auto; margin-top: 2em; width: 80%; height: 80%; [/class] [class=intropic] background: url(https://iv1.lisimg.com/image/5186883/404full-donia-samir-ghanem.jpg); background-size: 120%; background-position: 0% 0%; width: 100%; height: 90%; border: 0.5px solid var(--main); [/class] [class=role] position: relative; font-size: 2em; color: var(--main); text-transform: uppercase; margin-top: 0.3em; line-height: 2em; [/class] [class=name] position: absolute; font-size: 2em; color: var(--accent); text-transform: uppercase; text-align: right; transform: rotate(-90deg); width: 75%; height: auto; top: 5em; left: 6.5em; [/class] [class=accent1] width: 60%; height: 30em; [/class] [class=header1] position: relative; font-size: 2em; color: var(--main); text-transform: uppercase; margin-bottom: 0.5em; [/class] [class=pic1] position: absolute; width: 10em; height: 18em; top: 2.4em; border: 0.5px solid var(--main); [/class] [class=pic11] background: url(https://www.albawaba.com/sites/default/files/styles/de2e_standard/public/im/misc/Donia_Samir_Ghanem_ffb.jpg?itok=gdVmQGBk); background-size: 330%; background-position: 45% 0%; left: 22em; [/class] [class=pic12] background: url(https://i.pinimg.com/originals/c9/2b/49/c92b49dad8fbcf19f3d54dbc8ca17073.jpg); background-size: 220%; background-position: 55% 0%; left: 33em; [/class] [class=text]; font-size: 10px; line-height: 12px; text-align: justify; text-transform: lowercase; overflow: auto; [/class] [class=text1] color: var(--main); width: 28em; height: 30em; padding-right: 20px; [/class] [class=text1cont] overflow: hidden; margin-top: 1em; width: 18em; height: 30em; [/class] [class=num] color: var(--main); font-size: 90px; font-family: 'Times New Roman'; position: absolute; font-style: italic; [/class] [class=num1] left: 3.75em; top: 2.75em; [/class] [class=accent21] width: 12%; height: 30em; [/class] [class=accent22] position: absolute; width: 60%; height: 30em; top: 5em; left: 20em; [/class] [class=pic2] position: absolute; width: 10em; height: 13em; border: 0.5px solid var(--main); [/class] [class=pic21] background: url(https://ilarge.lisimg.com/image/5186915/1118full-donia-samir-ghanem.jpg); background-size: 130%; background-position: 30% 0%; top: 10em; left: 13em; [/class] [class=pic22] background: url(https://www.doniasamirghanem.com/images/fpo/backgrounds/bg-03.jpg); background-size: 230%; background-position: 50% 0%; top: 1em; left: 25em; [/class] [class=text2] color: var(--main); width: 35em; height: 17em; padding-right: 20px; [/class] [class=text2cont] position: absolute; top: 14.5em; left: 25em; overflow: hidden; margin-top: 1em; width: 23em; height: 12em; [/class] [class=header2] position: absolute; font-size: 2em; color: var(--accent); text-transform: uppercase; transform: rotate(-90deg); width: 75%; height: auto; top: 4.2em; left: -5em; [/class] [class=num2] left: 7.3em; top: 1em; [/class] [class=accent31] width: 70%; height: 27em; [/class] [class=header3] position: relative; font-size: 2em; color: var(--main); text-transform: uppercase; margin-bottom: 0.5em; [/class] [class=text3cont] overflow: hidden; margin-top: 1em; width: 23em; height: 36em; [/class] [class=text3] color: var(--main); width: 35em; height: 27em; padding-right: 20px; [/class] [class=pic3] position: absolute; width: 20em; height: 15em; border: 0.5px solid var(--main); [/class] [class=pic31] background: url(https://iv1.lisimg.com/image/5186875/450full-donia-samir-ghanem.jpg); background-size: 140%; background-position: 50% 0%; top: 3em; left: 28em; [/class] [class=num3] left: 5em; top: 2.35em; [/class] [class=accent4] width: 60%; height: 30em; position: absolute; left: 20em; [/class] [class=gallerycont] width: 80%; margin-left: 2em; overflow: auto; padding-right: 8em; [/class] [class=header4] position: absolute; font-size: 2em; color: var(--accent); text-transform: uppercase; transform: rotate(-90deg); width: 75%; height: auto; top: 4.2em; left: -8.25em; [/class] [class=header5] position: absolute; font-size: 2em; color: var(--main); text-transform: uppercase; transform: rotate(90deg); width: 75%; height: auto; top: 9.65em; left: 14.2em; [/class] [class=text4cont] position: absolute; top: 10em; left: 5em; overflow: hidden; margin-top: 1em; width: 13em; height: 30em; [/class] [class=text4] color: var(--accent); width: 19em; height: 26em; padding-right: 25px; [/class] [class=num4] color: var(--accent); left: 2.5em; top: 0em; [/class] [class=tag] position: relative; display: inline; width: auto; height: auto; margin-right: 5px; color: var(--main); font-size: 9px; padding-right: 5px; text-align: center; text-transform: uppercase; font-weight: 700; text-decoration: underline; letter-spacing: 1px; [/class] [class=tagb] position: relative; display: inline; width: auto; height: auto; margin-right: 5px; color: var(--accent); font-size: 9px; padding-right: 5px; text-align: center; text-transform: uppercase; font-weight: 700; text-decoration: underline; letter-spacing: 1px; [/class] [class=tabflex] width: 6em; display: flex; flex-direction: row; justify-content: space-evenly; position: absolute; top: 28em; left: 42.5em; [/class] [class=tab] width: 3em; height: 3em; background-color: var(--accent); border: 1px solid var(--main); font-size: 0.2em; color: var(--accent); [/class] [class name=tab state=hover] background-color: var(--main); color: var(--main); transition-duration: 0.2s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 0) (fadeIn 500 tabsContent0) if (eq ${currentTab} 1) (fadeIn 500 tabsContent1) if (eq ${currentTab} 2) (fadeIn 500 tabsContent2) if (eq ${currentTab} 3) (fadeIn 500 tabsContent3) if (eq ${currentTab} 4) (fadeIn 500 tabsContent4) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.25; [/class] [div class=bkgd] [div class="tabsContent tabsContent0 flexcont"] [div class="accent accent0"] [div class=accentcont] [div class=intropic][/div] [div class=role]fly.[/div] [/div] [/div] [div class=introright] [div class="accent accent02"][/div] [div class=name]Diana Shadid[/div] [/div] [/div] [div class="tabsContent tabsContent1" style="display: none;"] [div class="accent accent1"] [div class=accentcont] [div class=header1]dossier.[/div] [div class=text1cont][div class="text text1"] [div class=tag]name[/div] diana shadid

[div class=tag]nicknames:[/div] di (like the letter D)

[div class=tag]age:[/div] 18

[div class=tag]gender:[/div] female

[div class=tag]sexuality:[/div] heterosexual

[div class=tag]birthday:[/div] november 20

[div class=tag]zodiac:[/div] scorpio

[div class=tag]place of birth:[/div] cairo, egypt

[div class=tag]race/ethnicity:[/div] caucassian

[div class=tag]hair:[/div] dark brown thought she's dyed it several times

[div class=tag]eyes:[/div] dark brown

[div class=tag]skin:[/div] generally pale

[div class=tag]height:[/div] 5' 6"

[div class=tag]weight:[/div] 120 lbs

[div class=tag]distinguishing features:[/div] huge black wings that protrude from her back

[div class=tag]wardrobe:[/div] She lends herself more towards the blacks, blues and whites. All of her tops are backless because of her wings.

[div class=tag]faceclaim:[/div] Donia Sameer Ghanem
[/div][/div] [/div] [/div] [div class="pic1 pic11"][/div] [div class="pic1 pic12"][/div] [div class="num num1"]1.[/div] [/div] [div class="tabsContent tabsContent2" style="display: none;"] [div class="accent accent21"][/div] [div class="accent accent22"][/div] [div class=header2]persona.[/div] [div class="pic2 pic21"][/div] [div class="pic2 pic22"][/div] [div class="num num2"]2.[/div] [div class=text2cont][div class="text text2"] [div class=tag]personality[/div]The girl is trouble. She can't help but bring chaos wherever she goes. Easily bored, she tends to create her own amusement one way or another. Mischievous, she tends to fuel drama and play tricks. Ever a charmer, she can talk herself out of sticky situations. Doesn't mind lying especially to people she's doesn't trust. While she hides it well, she cares. She won't hesitate to stand up for someone weak or someone she deems as 'good'. Will not hesitate to break the laws if she feels it's for the greater good. She'll keep her word to others if she trusts them enough and do her best if needed ... but will probably do it at the last second ... because the adrenaline rush. Also, the look on their faces when she surprises them.

[div class=tag]alignment[/div]chaotic good

[div class=tag]positive traits[/div]generally brave. charming. fun. spreads positivity and optimism.

[div class=tag]negative traits[/div]easily bored. can take a joke or a lie too far. impulsive.

[div class=tag]likes[/div]music. running. rain and thunderstorms. flying (for obvious reasons)

[div class=tag]dislikes[/div]sitting down for too long. lectures, classrooms, teachers and anything related. arrogant people. coffee (she can't explain that one. likes the aroma, hates the taste)

[div class=tag]fears[/div]claustrophobic (feeling she's being trapped in a tight place or being trapped in general) + can't swim (her wings get wet) + a very deep fear of hers is getting too close to someone and losing them like she did with her father

[div class=tag]ailments[/div]prone to back pains (because of the weight of her wings) and has trouble sleeping sometimes (because of her wings getting in the way especially on small beds)

[/div][/div] [/div] [div class="tabsContent tabsContent3" style="display: none;"] [div class="accent accent31"] [div class=accentcont] [div class=header3]species.[/div] [div class=text3cont][div class="text text3"] [div class=tag]explanation:[/div] Peris are winged creatures from the Persian

and Armenian mythologies. They should never be

mistaken for angel because of their extravagant wings.

In fact, as legends would have it, these creatures were

denied entry to paradise until they have completed

penance for atonement.

Locals always refer to them as mischievous jinns

or demons. While many of them are playful by

nature, they are not evil.

[div class=tag]rules of species[/div] - They are born with small wings protruding from their backs. The wings grow exponentially reaching maximum wingspan around the peris' teenhood. - Their large, feathery wings are permanent. As in they have no control over them being visible to everyone around them. - It is said that they have a spiritual connection to mountains. Legends say they would often punish hunters intruding on mountain wildlife.

[/div][/div] [/div] [/div] [div class="pic3 pic31"][/div] [div class="num num3"]3.[/div] [/div] [div class="tabsContent tabsContent4" style="display: none;"] [div class="accent accent4"] [div class="accentcont gallerycont"]
2019-01-04-donia-samir-ghanem-on-the-guitar.jpg
%D8%B3%D9%85%D9%8A%D8%B1-%D8%BA%D8%A7%D9%86%D9%85-%D8%A8%D9%80-3-%D8%B4%D8%AE%D8%B5%D9%8A%D8%A7%D8%AA-%D9%85%D9%8F%D8%AE%D8%AA%D9%84%D9%81%D8%A9-%D9%81%D9%8A-%D8%B1%D9%85%D8%B6%D8%A7%D9%86-%D8%A7%D9%84%D9%85%D9%82%D8%A8%D9%84..-%D9%88%D8%AA%D8%AE%D8%AA%D8%A7%D8%B1-%D8%A7%D8%B3%D9%85%D9%8B%D8%A7-%D8%BA%D8%B1%D9%8A%D8%A8%D9%8B%D8%A7-%D9%84%D9%85%D8%B3%D9%84%D8%B3%D9%87%D8%A7-1110x564.jpg
[/div] [/div] [div class=header4]background.[/div] [div class=header5]gallery.[/div] [div class="num num4"]4.[/div] [div class=text4cont][div class="text text4"] [div class=tagb]background[/div] Diana was born in the very busy city of Cairo, Egypt, to rich parents. After a very difficult birth, her mother died. The unfortunate death of her mother, however, didn't steer away the doctors and hospital staff from one unimaginable fact. The doctors were shocked to find the baby born with small wings protruding from her back. A fact that didn't seem to leave her father unfazed.

With hefty bribes paid to the staff and the hospital, the baby girl's wings were not mentioned to the media. That was the first step of many her father had to take to guarantee no one would find out about his young daughter's condition.

Unknown to others, he had married a female jinn after a romance story that would rock both of their worlds and result in their daughter being born a Peri, something his wife had warned him about.

To maintain privacy for his and his daughter, he would take her to live with him in a mansion in the mountains of Sharm El-Sheikh. Surrounded by beautiful nature and very few humans, he felt this would be the best place to bring up his daughter. Especially as he expected her wings to grow and fast.

Diana grew up to be a beautiful, young lady. Very playful and full of life but hidden away. He feared she would be tormented or hurt should anyone discovered about her.

He brought her the best money could buy, offering her the best tutors (who were paid handsomely to stay quiet about her condition) and buying her the latest and greatest. Tried his best and loved her to the best of his ability. She appreciated that and love her father to death.

Unfortunately, she could never get over the fact she was trapped. She had majestic wings that she didn't know how to use (she barely floats with them) as she had no one to teach her. She lived by beautiful beaches but could never swim because of the weight of her wings especially when wet. She had everything but was locked away from others.

That resulted in her being a bit on the mischievous side. She would often play tricks on her tutors resulting in some quitting. Her father would always discipline about her antics but secretly, he always found it very endearing and funny.

[div class=tagb]relationships[/div] Her father is the only family she's ever known and the only person she ever got close to considering she'd always been locked away from other (except from some tutors and staff who always seemed to fear her)

[div class=tagb]when did they receive the brochure?[/div] As she turned 18, her world came crashing down when her father was murdered. Hearing a gunshot in her father's study, she rushed to the room to find her father's business partner hovering over the dead body with a gun. The man turned around and was shocked to see her (she was always told by her father to hide in her room whenever company was around to avoid being seen) giving her time to push him out of a window on the third floor before he shot her down, too. Staring at her father's dead body and that of the man she ... killed, she felt frozen in time. What was going to happen to her now? She killed a man! She lost her father, her only family. And that was when she received her brochure.

[/div][/div] [/div] [div class=tabflex] [div class=tab]0[/div] [div class=tab]1[/div] [div class=tab]2[/div] [div class=tab]3[/div] [div class=tab]4[/div] [/div] [/div][div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited by a moderator:
[class=tag] font-size: 10px; text-transform: uppercase; display: inline-block; padding: 0px; color: #0B6138; letter-spacing: 1px; background: #E60202 font-family: Montserrat; margin-top: 10px; height: 8px; font-weight: bold; [/class] [class=tab] box-sizing: border-box; font-size: 10px; letter-spacing: 2px; width: 100%; padding-top: 20px; padding-bottom: 20px; justify-content: space-around; font-family: Montserrat; border-bottom: 1px solid #f0f0f0; text-align: left; text-transform: uppercase; color: #ccc; flex: 1; transition: all 0.5s ease-in-out; flex: 1; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedtab] font-size: 10px; letter-spacing: 2px; box-sizing: border-box; padding-top: 20px; padding-left: 20px; text-transform: uppercase; border-bottom: 1px solid #630101; font-family: Montserrat; flex: 1; color: #630101; transition: all 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: #630101; transition: all 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=titleslide] background: #fff; padding: 10px; font-family: Montserrat; text-transform: lowercase; color: #000; text-align: center; font-size: 30px; box-sizing: border-box; [/class] [script class=tab on=click] hide tabcontents hide titleslide removeClass selectedtab tab set currentTab (getText) if (eq ${currentTab} general.) (addClass selectedtab tabone) if (eq ${currentTab} appearance.) (addClass selectedtab tabtwo) if (eq ${currentTab} persona.) (addClass selectedtab tabthree) if (eq ${currentTab} background.) (addClass selectedtab tabfour) if (eq ${currentTab} general.) (show tabcontentsone) if (eq ${currentTab} appearance.) (show tabcontentstwo) if (eq ${currentTab} persona.) (show tabcontentsthree) if (eq ${currentTab} background.) (show tabcontentsfour) [/script]
[div class="tab tabone"]general.
[div class="tab tabtwo"]appearance.
[div class="tab tabthree"]persona.[/div] [div class="tab tabfour"]background.[/div] [/div]
[div class=titleslide]
katya
❮ the demon mother dragon of the woods. ❯
[div class="tabcontents tabcontentsone" style="display: none;"]
[div class=tag]
name:
katya zaehaela drazyn
[div class=tag]
nickname:
[/div] kat, "mother of dragons" jokingly
[div class=tag]
age:
[/div] 17 (actually several hundred years old)
[div class=tag]
gender:
[/div] female
[div class=tag]
sexuality:
[/div] bi-sexual
[div class=tag]
date of birth:
[/div] december 30th
[div class=tag]
zodiac:
[/div] capricorn
[div class=tag]
place of birth:
[/div] in a forest outside of vantaa, finland
[div class=tag]
race/ethnicity:
[/div] finnish, slavic
[div class=tag]
theme song:
[/div] arsonist's lullaby / hozier [/div] [/div] [div class="tabcontents tabcontentstwo" style="display: none;"]
[div class=tag]
hair:
dark brown/black waves that cascade to her mid-back.
[div class=tag]
eyes:
[/div] unusually bright emerald green, almond-shaped eyes.
[div class=tag]
skin:
[/div] light olive complexion. seemingly always cold, since she is cold-blooded.
[div class=tag]
height:
[/div] 5'4
[div class=tag]
weight:
[/div] 128 lbs
[div class=tag]
build:
[/div] katya has a very feminine, but strong build.
[div class=tag]
distinguishing features:
[/div] she has several tattoos (mostly of snakes), two small snake-like fangs, and a snake-like tongue.
[div class=tag]
wardrobe:
[/div] see here x. usually sticks to black, green, grey, and muted tones. since she spends a lot of time in the woods and being active, she typically wears pants and or flowey dresses. her style is closest to "grunge" but she loves to dress up as well. she loves to wear intricate gold jewelry, especially if it's snake shaped.
[div class=tag]
faceclaim:
[/div] phoebe tonkin, but if she had long black hair and the above mutations.
[div class=tag]
aesthetic board:
[/div] x [/div] [/div] [div class="tabcontents tabcontentsthree" style="display: none;"]
[div class=tag]
personality:
katya portrays herself as very cold, distant, and sarcastic. katya is fiercely independent and refuses to ever ask for help, she sees it as a sign of weakness. however, despite her cold front there is nothing she wants more than to make a friend. the demoness considers her snakes and dragons her only friends, often walking around with a snake wrapped around her shoulders to keep her company when she gets lonely. despite being so lonely, katya is a huge flirt even if she's never had a real relationship. because she's an ajatar, her beauty and natural sex appeal have garnered her the attention of many students, but katya's doesn't trust anyone, especially not men since she comes from an all female species. despite her fear of trusting others, she still very much appreciates all the good-looking men at the academy.

before the academy, katya was the pure evil her kind was meant to be, since coming to the academy she's started to become more neutral, though she still wants to destroy most of the human race. despite all of her progress, katya has quite a temper and can be very defensive and has gotten into a few fights since coming to the academy. she can't stand the students who love human-kind, or even worse, wish that they were human. if katya had it her way there would be no humans, only animals, but for the most part she has learned to get along with most of the other students. the ajatar is very cunning and intelligent, she would be a strong ally and your worst nightmare to have as an enemy.
[div class=tag]
alignment:
[/div] has learned to be more chaotic neutral than evil since coming here.
[div class=tag]
positive traits:
[/div] brave - determined - fierce - passionate - loyal
[div class=tag]
negative traits:
[/div] stubborn - cold - impatient - sarcastic - quick to anger
[div class=tag]
likes:
[/div] snakes, dragons, reptiles, the color green, plants, nature, rain, the moon, all animals, gold, reading.
[div class=tag]
dislikes:
[/div] big cities, loud noise, annoying people, having to wait, humans, winter, sitting still.
[div class=tag]
fears:
[/div] greedy corporate humans and their big cities taking over the forests and losing her home and the creatures she loves so dearly. losing her species and being alone forever.
[div class=tag]
ailments:
[/div] since she is cold-blooded, being exposed to the cold makes her sleepy. extended periods of cold leave her weak, and if she were left in the cold for too long she would die. taking her dragon form also takes a lot of energy out of her, though she is still able to transform several times a day if she wishes. her powers fade when she is not near earth, even if its just a small house plant. [/div] [/div] [div class="tabcontents tabcontentsfour" style="display: none;"]
[div class=tag]
explanation:
ajatar. "the devil mother dragon of the woods". an evil Finnish spiritess who haunts the woods and is said to be the mother of all snakes and dragons. she can take the form of snakes, dragons, or a humanoid version of either of these creatures. katya has the ability to heal herself by touching earth, is immune to fire, and can also breathe fire. also known as Aijo, Aiatar, Ajattaro, Ajattara.
[div class=tag]
rules of species:
[/div] because ajatari are forest dwelling demoness they are often surrounded by earth, and would not survive in an overcrowded concrete jungle like new york city. they avoid humans, especially men, at all costs and the few who come into contact with them are eagerly killed.
[div class=tag]
extra:
[/div] katya keeps plants all over her room and has several reptiles living in her dorm. she has a bad habit of letting them escape and scaring the other students. she also keeps heat lamps in her room for herself and the snakes. the ajatari are an all female race so katya never had a father (unless you count the devil himself), and was hatched from a dragon egg.
[div class=tag]
background:
[/div] katya was hatched from a dragon egg as all ajatari are, and the demoness spent most of her time in the woods of finland with her mother and the few others who occupied that area, tormenting any poor soul who was misfortunate enough to enter their woods. there were already very few ajatari since they are a small race, but growing human expansion and deforestation meant that every day their territory was getting smaller. several of the older women inhabiting the forest left in search of somewhere else to live, but katya and her mother, milja, stayed. this proved to be a fatal mistake, as civilization grew closer more and more humans started to venture into the forest, and the nearby town eventually grew tired of their loved-ones going missing in the forest and the constant burning of buildings from dragon fire. the towns people put together an army and raided the forest, burning everything in their path. while the fire didn't scathe the ajatari, it destroyed their home and the earth that healed them. the ajatari women were weak already from a cold winter, and unable to heal themselves because their sacred earth had been scorched. katya's mother sacrificed herself so that the young girl and the only other remaining ajatar left could escape.

the other ajatar who had managed to escape, viella, took the younger katya with her to a safer woodland area in northern finland. katya was already a teenager by ajatari standard at this point and only stayed with viella for a few years before going to seek out her own home. the young ajatar now on her own received a brouchers for the academy, but katya was set on revenge, not learning. katya spent years plotting her revenge on the human race, mercilessly killing anyone who dared even come close to her home. soon she started venturing outside of her own territory, destroying entire villages and towns with vengeance in her heart. she enjoyed the killing, it made her feel like she was living up to her birth right. when she was killing, she was thriving. the humans had taken her land, destroyed the forests and the animals living in them, and then they'd taken her mother and katya vowed not to stop until their entire species was wiped out. but one long winter katya's home was attacked, and being the only ajatar in the area she didn't stand much of a chance. her dragon companion was killed and one of her own wings was sliced in half, with no other option katya retreated into the deepest part of the forest alone. she had raised xysyss since he had hatched, he had been her only companion once she had left viella's care and rebuilt her home. with no mother, no other ajatari, and without her dearest companion katya was lost, laying down in the icy winter snow and accepting defeat.

before the blizzard could consume her, a brochure for wollstonecraft academy flittered by, landing in the snow beside her. katya dragged her injured body out of the snow and decided that she might as well see what this school was all about. there was nothing left in finland for her now. if she was going to save her species and the creatures she loved she could use some help from the academy.
[div class=tag]
relationships:
[/div] she has a love/hate relationship with lars. payam and her became fast friends, seeing as they're both chaotic demons who love snakes. after founding the garden club, katya has befriended fleur, ria, paige, nova, etiene, and lars. she also appreciates iniko's love for gold and eating humans.
katya's mother, milja. (deceased) x [/div] [/div] [/div]
[/div]
coded by luna.
 
Last edited:
[class=tag] font-size: 10px; text-transform: uppercase; display: inline-block; padding: 0px; color: #81BEF7; letter-spacing: 1px; background: #E60202 font-family: Montserrat; margin-top: 10px; height: 8px; font-weight: bold; [/class] [class=tab] box-sizing: border-box; font-size: 10px; letter-spacing: 2px; width: 100%; padding-top: 20px; padding-bottom: 20px; justify-content: space-around; font-family: Montserrat; border-bottom: 1px solid #f0f0f0; text-align: left; text-transform: uppercase; color: #ccc; flex: 1; transition: all 0.5s ease-in-out; flex: 1; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedtab] font-size: 10px; letter-spacing: 2px; box-sizing: border-box; padding-top: 20px; padding-left: 20px; text-transform: uppercase; border-bottom: 1px solid #630101; font-family: Montserrat; flex: 1; color: #630101; transition: all 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: #630101; transition: all 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=titleslide] background: #fff; padding: 10px; font-family: Montserrat; text-transform: lowercase; color: #000; text-align: center; font-size: 30px; box-sizing: border-box; [/class] [script class=tab on=click] hide tabcontents hide titleslide removeClass selectedtab tab set currentTab (getText) if (eq ${currentTab} general.) (addClass selectedtab tabone) if (eq ${currentTab} appearance.) (addClass selectedtab tabtwo) if (eq ${currentTab} persona.) (addClass selectedtab tabthree) if (eq ${currentTab} background.) (addClass selectedtab tabfour) if (eq ${currentTab} general.) (show tabcontentsone) if (eq ${currentTab} appearance.) (show tabcontentstwo) if (eq ${currentTab} persona.) (show tabcontentsthree) if (eq ${currentTab} background.) (show tabcontentsfour) [/script]
[div class="tab tabone"]general.
[div class="tab tabtwo"]appearance.
[div class="tab tabthree"]persona.[/div] [div class="tab tabfour"]background.[/div] [/div]
[div class=titleslide]
colden
❮ what lurks below. ❯
[div class="tabcontents tabcontentsone" style="display: none;"]
[div class=tag]
name:
colden jasper njalsson
[div class=tag]
nickname:
[/div] col
[div class=tag]
age:
[/div] 18
[div class=tag]
gender:
[/div] male
[div class=tag]
sexuality:
[/div] straight
[div class=tag]
date of birth:
[/div] february 20th
[div class=tag]
zodiac:
[/div] pisces
[div class=tag]
place of birth:
[/div] akranes, iceland
[div class=tag]
race/ethnicity:
[/div] scandinavian [/div] [/div] [div class="tabcontents tabcontentstwo" style="display: none;"]
[div class=tag]
hair:
brown and messy.
[div class=tag]
eyes:
[/div] dark blue
[div class=tag]
skin:
[/div] fair and usually cold.
[div class=tag]
height:
[/div] 5'11
[div class=tag]
weight:
[/div] 175 lbs
[div class=tag]
build:
[/div] muscular but lean.
[div class=tag]
distinguishing features:
[/div] n/a.
[div class=tag]
wardrobe:
[/div] see here x. col wears a lot of blues, grey, and neutral colors. he is extremely active and sticks to comfortable but warm clothing. he has a signature blue jean jacket he usually wears and always wears a silver necklace (his bridle in horse form) around his neck.
[div class=tag]
faceclaim:
[/div] drew roy.
[div class=tag]
aesthetic board:
[/div] x [/div] [/div] [div class="tabcontents tabcontentsthree" style="display: none;"]
[div class=tag]
personality:
colden is very friendly and good-humored. he makes friends easily, but is just as quick to make enemies. he is protective of his friends and those he cares about and has no problem getting into a fight to protect them. he loves a good adventure and is almost always getting into some kind of mischief.
[div class=tag]
alignment:
[/div] lawful neutral, leaning towards chaotic good.
[div class=tag]
positive traits:
[/div] friendly - courageous - funny - kind - loyal
[div class=tag]
negative traits:
[/div] quick to anger - never takes anything serious - restless - loud - jealous
[div class=tag]
likes:
[/div] the cold, winter, snow, music, playing guitar, laughing, late night adventures.
[div class=tag]
dislikes:
[/div] deserts, heat, being told what to do, authority figures, being bored.
[div class=tag]
fears:
[/div] deserts. losing loved ones.
[div class=tag]
ailments:
[/div] he needs to have access to water, so a desert would be deadly for him. [/div] [/div] [div class="tabcontents tabcontentsfour" style="display: none;"]
[div class=tag]
explanation:
nykur. also known as nix, the icelandic version of a kelpie. they take the form of a grey mare, inhabit frozen lakes, and lure unsuspecting victims to a watery grave. although its favored form is a horse, the nykur can also easily take human form. when luring their prey in horse form, they often appear docile and welcome riders to hop on their back, before riding into the deep water and drowning their rider. they also use their alluring human form to lure young women to the waters edge before drowning them. they like to hang around lakes and rivers that are hard to cross and the sound of ice cracking is said to be the sound of the nykur neighing.
[div class=tag]
rules of species:
[/div] they can stay in their human form if they choose and sometimes even marry humans, but nykur must have access to water at all times.
[div class=tag]
extra:
[/div] nykur are often musically inclined and sometimes use their voices to lure prey towards the water.
[div class=tag]
background:
[/div] colden grew up in beside a lake in iceland with his parents. his father was a nykur like him and his mother a human woman. despite nykur being portrayed as evil, murderous demons, colden was of the more benevolent kind. that didn't mean he was entirely good, he'd dragged more than one person to their watery grave before, but he saved his wicked nature for those who truly deserved it. he had a relatively normal childhood, though he wasn't particularly close with his father.

that all changed when he fell in love with a human girl from one of the nearby villages. her name was mari and she was the most beautiful girl sixteen year old colden had ever seen. eventually, he worked up the courage to talk to her in his human form, and the two became friends fast. he was falling for her fast, and decided to show her his true form. everything was going fine until one day a villager spotted them together as he transformed back into a water horse. they killed her for believing she was a witch and devil-worshipping, and colden and his family were forced to find a new home before the villagers came for them too. almost as soon as they'd relocated a brochure for the academy came in the mail.
[div class=tag]
relationships:
[/div] while he tries to befriend everyone, he became fast friends with micah, echo, ria, and paige. father, frijid. mother, lyyli. [/div] [/div] [/div]
[/div]
coded by luna.
 
Last edited:
work in progress.​

[class=tag] font-size: 10px; text-transform: uppercase; display: inline-block; padding: 0px; color: #81BEF7; letter-spacing: 1px; background: #E60202 font-family: Montserrat; margin-top: 10px; height: 8px; font-weight: bold; [/class] [class=tab] box-sizing: border-box; font-size: 10px; letter-spacing: 2px; width: 100%; padding-top: 20px; padding-bottom: 20px; justify-content: space-around; font-family: Montserrat; border-bottom: 1px solid #f0f0f0; text-align: left; text-transform: uppercase; color: #ccc; flex: 1; transition: all 0.5s ease-in-out; flex: 1; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedtab] font-size: 10px; letter-spacing: 2px; box-sizing: border-box; padding-top: 20px; padding-left: 20px; text-transform: uppercase; border-bottom: 1px solid #630101; font-family: Montserrat; flex: 1; color: #630101; transition: all 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: #630101; transition: all 0.5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=titleslide] background: #fff; padding: 10px; font-family: Montserrat; text-transform: lowercase; color: #000; text-align: center; font-size: 30px; box-sizing: border-box; [/class] [script class=tab on=click] hide tabcontents hide titleslide removeClass selectedtab tab set currentTab (getText) if (eq ${currentTab} general.) (addClass selectedtab tabone) if (eq ${currentTab} appearance.) (addClass selectedtab tabtwo) if (eq ${currentTab} persona.) (addClass selectedtab tabthree) if (eq ${currentTab} background.) (addClass selectedtab tabfour) if (eq ${currentTab} general.) (show tabcontentsone) if (eq ${currentTab} appearance.) (show tabcontentstwo) if (eq ${currentTab} persona.) (show tabcontentsthree) if (eq ${currentTab} background.) (show tabcontentsfour) [/script]
[div class="tab tabone"]general.
[div class="tab tabtwo"]appearance.
[div class="tab tabthree"]persona.[/div] [div class="tab tabfour"]background.[/div] [/div]
[div class=titleslide]
fritz
❮ call of the water ❯
[div class="tabcontents tabcontentsone" style="display: none;"]
[div class=tag]
name:
bjorn riverbank
[div class=tag]
nickname:
[/div] none
[div class=tag]
age:
[/div] 17
[div class=tag]
gender:
[/div] masculine NB
[div class=tag]
sexuality:
[/div] pansexual
[div class=tag]
date of birth:
[/div] july 9th
[div class=tag]
zodiac:
[/div] cancer
[div class=tag]
place of birth:
[/div] somewhere in norway, but you honestly can't tell
[div class=tag]
race/ethnicity:
[/div] scandinavian [/div] [/div] [div class="tabcontents tabcontentstwo" style="display: none;"]
[div class=tag]
hair:
light brown, very fluffy. has a serious beard despite his youth.
[div class=tag]
eyes:
[/div] brown
[div class=tag]
skin:
[/div] pale, gives off a bit of a yellowish glow if you get close enough
[div class=tag]
height:
[/div] 5'9
[div class=tag]
weight:
[/div] 149 lbs
[div class=tag]
build:
[/div] pretty scrawny
[div class=tag]
distinguishing features:
[/div] that facial hair, like jesus christ.
[div class=tag]
wardrobe:
[/div] usually just cozy sweaters and loose pants.
[div class=tag]
faceclaim:
[/div] jack stauber [/div] [/div] [div class="tabcontents tabcontentsthree" style="display: none;"]
[div class=tag]
personality:

[div class=tag]
alignment:
[/div] true neutral
[div class=tag]
positive traits:
[/div] gentle, polite, creatively gifted, environmentally conscious, passionate
[div class=tag]
negative traits:
[/div] lethargic, oblivious, too trusting, way too honest, never thinks things through before saying them
[div class=tag]
likes:
[/div] playing the guitar, lakes, foggy weather, funny mugs, painting
[div class=tag]
dislikes:
[/div] cities, the speed at which trends pass, loud noises, being away from water for long periods of time, summertime
[div class=tag]
fears:
[/div] none
[div class=tag]
ailments:
[/div] none [/div] [/div] [div class="tabcontents tabcontentsfour" style="display: none;"]
[div class=tag]
explanation:
the nokken is one of many names for a widespread race of european fae. these are male water spirits who stand in lakes and play the fiddle or violin. (bjorn's instrument of choice is the acoustic guitar.) their playing is known for luring men, women and children alike to a death by drowning, but they mean no harm in truth.
[div class=tag]
rules of species:
[/div]
- The nokken's music is most effective on pregnant women and unbaptised children. (only humans.)
- Nokken most often play on Thursday nights.
- Nokken become despondent when not near a body of water for a long period of time.
- If you give a nokk some vodka, three drops of blood, a black animal and/or some Scandinavian chewing tobacco, he will teach you the secret of his jams.
- The nokken has no true form. He may or may not be able to shapeshift, though nobody has ever seen him do it. Nokken are often mixed up with brookhorses.
[div class=tag]
extra:
[/div]
[div class=tag]
background:
[/div]
[div class=tag]
relationships:
[/div] [/div] [/div] [/div]
[/div]
coded by luna.
 
Last edited by a moderator:
— DOSSIER.
Name: Zaya
Age: Approx 17. She is no longer a ‘juvenile’ of her species and her has turned a whiteish color, but she is by no means an adult either.
Gender: female
Sexuality: Bisexual probably? As an all female species, harpy mating couples are pretty exclusively two women. However, there has been cases of a harpy being interested in other humanoids of various genders.
Date of hatching: Unknown, harpies do not use calendars
Zodiac: See above
Place of birth: Annapurna Massif, a part of the Himalayas located in Nepal
Race/ethnicity: Tibetan & Nepalese

— VISAGE.
Hair: white blonde, comes to her chin, light and feathery.
Eyes: Llammergeier eyes- black pupil with a cream iris ringed in bright red
Skin: What skin is visible is medium brown and a bit sun-beaten, but further from her face her skin gives way to feathers
Height: ~5’3”
Weight: ~70 lbs due to her hollow bird bones
Wings: ~13” when fully extended, or about 6’6” per wing. Her wing feathers resemble those of a lammergeier, black with some thin white/reddish understripping.
Body: Zaya’s arms are separate from her wings, but covered in the same whitish-gold feathers as most of her upper body. She has three scaly looking fingers and thumb per hand, and sharp claws protruding from each. Zaya has a human torso, if more heavily feathered. She has the diamond shaped tail of a lammergeier coming from her back above her waist, and the fluffy feathered ‘pants’ as well. Her feet are just straight up talons, instead of the more vaguely humanoid arrangement of her hands. Zaya has the general coloring expected of an adult lammergeier- black wings, tawny body, white head- but she fears that being away from the mineral rich dusts and waters means she will never achieve the vibrancy of her mothers.

Alernate form: Zaya has two forms- The first is her natural form as described above, and is what she is most comfortable with. The second was developed for her by a group of graduating seniors as part of a capstone project last year and is a series of illusion and transformation spells contained in a necklace. She must use her own energy to power the spells, and doing so allows her to pass as human- It hides her wings and lengthens her legs, disguises her talons into feet, makes her eyes look like normal brown irises and other such things. It is not perfect by any means, of course. It hides only the feathers on her face, her hands and lower arms, her feet and ankles. It also does nothing to alter her unusual and somewhat inhuman facial features- Her nose is hooked and very narrow, her eyes are large and set very far apart, her cheeks seems almost pulled too thin between her sharp jaw and high, flat cheekbones, and her wide forehead is dominated by heavy, dark brows. Zaya does not consider herself ‘ugly’, and instead thinks it is the others at the Academy who are somewhat peculiar looking. As previously noted, Zaya prefers her natural form for a variety of reasons, though she has been practicing using her ‘human’ form so that she gets better at holding it.

wardrobe: In her natural form, Zaya tends to wear a loose crop top with a modified back that doesn’t bother her wings, and has taken to wearing a pair of athletic shorts as well. ‘Modesty’ is apparently something other people value, though Zaya does not much see the point when she is covered in feathers anyways. If going into town in her humanoid form, Zaya will wear long pants like sweats or jeans, and one of the several shirts she owns- Pretty much all solid colored crew necks with wrist or elbow length sleeves.


— PERSONA.
Personality: Zaya is a bit shy, and though she is relatively confident in who she is as a harpy, she feels insecure in her new role as student. She is quite curious though, and knows she has opportunities other harpies have never had. She intends to make the most of it.
Alignment: Neutral. Zaya’s understanding of human morality standards is still developing, but generally she will do whatever she perceives as best for her.
positive traits: brave and adventurous - easily amused and good at entertaining herself - resourceful - determined
negative traits: distrustful - overly hesitant to test her limits - a bit territorial - paranoid - can be a bit oblivious and stubborn
likes: flying - turtle meat when you’ve just cracked open the shell - the mountains, the plains, any environment where she can see a long distance - being high up
dislikes: witches and wizards and other people who use spells and potions - using her ‘human’ form - forests and crowded environments - people calling her ‘chicken’ or something similar - people asking her to take her flying like she’s some sort of public transit
Fears: Mostly, that she won’t be allowed to leave the Academy when she wants.
Ailments: Zaya is generally healthy.

— SPECIES: Harpy, lammergeier vulture.

Harpies were never a super populous species to begin with, but these days they are quite rare. Their various body parts can be used in a vast range of magics- their feathers in wandcores, their bile in potions, their bodies in haruspicy, their bones in rune casting- and they were hunted ruthlessly during the 1600s and 1700s by those wanting to use them in spellwork. This sharp decline in the harpy population also led remaining harpies to be far more secretive and reclusive. Though they had never been particularly active in supernatural communities- the exception being those Greek sisters, of course, who had to get their beaks involved in everything- harpies began taking measures to more actively isolate themselves.

The habits and diets of a harpy tend to follow those of the bird of prey to which they are related. They have some innate magical powers, including the ability to summon and direct storm winds, and to divine things such as truth or guilt in a person. This second ability is usually underdeveloped in modern harpy generations, however, and can really only be improved upon with exposure to non-harpies. Though it is ‘innate’ in that all harpies could theoretically learn to do it, it is much harder to develop than calling winds.

Harpies reproduce by unknown means- As far as can be inferred, they hatch from regular bird eggs. No harpy has ever revealed more than that, and likely never will.

Harpies are difficult to kill, but only because they tend to be much stronger and faster than the average human- Also they can fly, have very sharp talons, and can direct winds to their advantage. So there’s that. However, the physical act of killing a harpy is no different than killing any other human, or a very large bird of prey.

Historically, records indicate individual harpies can live for more than 100 years, but they do seem to age and eventually die of natural causes (if more slowly than their human, and certainly bird, counterparts).

Harpies pick up languages quite easily, though the speaking and listening tends to come more naturally than the reading and writing. (Especially the writing- It’s hard to hold a pencil with claw-like fingers.)

Specifics on Zaya:

Zaya’s diet consists mostly of bone marrow, though she will eat carrion if she has too. Smaller bones she will swallow whole, and larger ones she will drop from great heights in order to break apart into pieces that are either small enough, or have the marrow exposed. She also enjoys the occasional turtle or lizard. Thus far the Academy has done a decent job at providing her suitable meal options, and she has been here long enough now to finally be comfortable asking the hunting students to leave out any carcasses they bring down in the Forest of Many Voices.

Zaya is diurnal and tends to be awake in the day and asleep at night, though she does change that schedule up if there is occasion to. She has incredibly good eyesight, though her ability to spot carrion across an open plain does not translate well to her new forest hunting area. Her stomach acid has an extremely low pH (she can dissolve a bone in up to 24 hours afterall), and she will vomit that out at you if she feels threatened. It will probably sting a bit.

Zaya can comfortably carry and fly with her own body weight (up to 70 lbs), and could probably do up to twice that for a short distance, though she wouldn’t be happy about it. Supposedly her magic would allow her to carry off a human of any size or weight, if they were guilty of something bad enough, but she has never tested that and is not particularly interested in doing so either- It seems more likely that harpies carrying people off were doing so using their wind powers, rather than some justice-inspired super strength.


— HISTORY.
Zaya grew up in the Himalayan mountains, living a secluded but happy life. One of her mothers died when she was young. Zaya remembers her fondly, though not particularly well. Though she and her remaining mother generally stayed in their territory, they did travel on occasion to visit other harpies around the continents as well as some of her mother’s other friends.

Her mother taught her to defend herself, though their run ins with humans were not frequent. There were humans in their territory with whom they had standing relationships with who helped protect them, and they moved their nest at any sign of poachers.

But about a year and a half ago, their luck ran out. Someone had betrayed them to a group of poachers. Zaya managed to escape. Her mother did not.

Her brochure appeared shortly after. Zaya was hesitant to accept, due to her distrust of magic users. But she also knew she was still young, and was not confident in her ability to survive in the wild by herself. She tried living by herself for about two weeks before accepting the invitation and arriving at Wollstonecraft Academy.

The adjustment has been difficult for Zaya, but so far she has not regretted her decision. Yet.

Relationships (family, friends, dating, etc):

Family:
Both mothers deceased, one recently and one in early childhood.

Friends: Zaya has made reference to friends and acquaintances outside of the Academy, of both the human and supernatural variety. However, she usually clams up pretty quickly once she realizes she’s mentioned them.

At the Academy: Zaya has been slow to make friends. At first she was in mourning and dealing with some serious life adjustments, and even once she tried to be more social- Well. People did not react as well to a freshly cracked turtle as she had assumed they would. Generally speaking, she avoids the witchcraft students and those who live at Ra. She tends to hang around with the more ‘monstrous’ students- regardless of their personality or if they enjoy her company- as she feels more comfortable with them.
 
Murderous Ghost Boy

He's dead and not super happy about it. Also not super thrilled that the Academy has taken measures to prohibit him from killing their students? So rude.

More info to come.
 
[class=variables] cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; --color: #9075a1; [/class] [class=codeContainer] width: 400px; height: 410px; margin: auto; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; [/class] [class name=codeContainer maxWidth=450px] width: 350px; [/class] [class=top] width: 400px; height: 95px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; [/class] [class name=top maxWidth=450px] width: 350px; [/class] [class=name] color: transparent; font-size: 70px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--color); letter-spacing: -2px; height: 60px; line-height: 0.9; transition: 0.5s; [/class] [class name=name maxWidth=450px] font-size: 65px; line-height: 1; width: 210px; overflow: hidden; [/class] [class name=name state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; color: var(--color); [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=tabsContainer] width: 160px; height: 40px; display: flex; justify-content: space-between; align-items: flex-end; [/class] [class name=tabsContainer maxWidth=450px] width: 140px; [/class] [class=tab] height: 20px; width: 20px; border: 2px solid var(--color); border-radius: 50%; transition: 0.5s; display: flex; justify-content: center; align-items: center; [/class] [class=tabInner] height: 10px; width: 10px; border: 2px solid var(--color); border-radius: 50%; transition: 0.5s; opacity: 0; [/class] [class=selected] background-color: var(--color); opacity: 1; [/class] [class=container] height: 300px; width: 390px; position: relative; margin: auto; [/class] [class name=container maxWidth=450px] width: 350px; [/class] [class=content] height: 300px; width: 400px; overflow: hidden; opacity: 0; position: absolute; transition: 0.5s; font-size: 12px; [/class] [class name=content maxWidth=450px] width: 350px; [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=imgHome] background-image: url('https://i.pinimg.com/564x/9a/2f/4a/9a2f4ab2e5170cfcfc801c8d430c986a.jpg'); background-size: cover; height: 150px; width: 150px; [/class] [class=textHome] font-size: 20px; text-transform: uppercase; text-align: center; width: 200px; [/class] [class=title] font-weight: 900; text-transform: uppercase; text-align: right; font-size: 16px; [/class] [class=block] width: auto; padding: 0px 2px 0px 2px; font-size: 10px; display: inline-block; background-color: var(--color); text-transform: uppercase; color: white; [/class] [class=imgSmallContainer] width: 100%; height: 90px; display: flex; justify-content: space-evenly; margin: 10px 10px; [/class] [class=imgSmall] width: 90px; height: 90px; background-size: cover; background-position: 80% 50%; filter: saturate(100%); [/class] [class=scroll] overflow-y: scroll; padding-right: 40px; width: 100%; height: 100%; [/class] [class=indent] display: inline-block; width: 20px; height: 1px; [/class] [script class=tab01 on=mouseenter] addClass show tabInner01 [/script] [script class=tab01 on=mouseleave] removeClass show tabInner01 [/script] [script class=tab02 on=mouseenter] addClass show tabInner02 [/script] [script class=tab02 on=mouseleave] removeClass show tabInner02 [/script] [script class=tab03 on=mouseenter] addClass show tabInner03 [/script] [script class=tab03 on=mouseleave] removeClass show tabInner03 [/script] [script class=tab04 on=mouseenter] addClass show tabInner04 [/script] [script class=tab04 on=mouseleave] removeClass show tabInner04 [/script] [script class=tab05 on=mouseenter] addClass show tabInner05 [/script] [script class=tab05 on=mouseleave] removeClass show tabInner05 [/script] [script class=name on=click] removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner04 removeClass selected tabInner05 addClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show content05 [/script] [script class=tab01 on=click] addClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner04 removeClass selected tabInner05 addClass show content01 removeClass show contentHome removeClass show content02 removeClass show content03 removeClass show content04 removeClass show content05 [/script] [script class=tab02 on=click] addClass selected tabInner02 removeClass selected tabInner01 removeClass selected tabInner03 removeClass selected tabInner04 removeClass selected tabInner05 addClass show content02 removeClass show contentHome removeClass show content01 removeClass show content03 removeClass show content04 removeClass show content05 [/script] [script class=tab03 on=click] addClass selected tabInner03 removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner04 removeClass selected tabInner05 addClass show content03 removeClass show contentHome removeClass show content01 removeClass show content02 removeClass show content04 removeClass show content05 [/script] [script class=tab04 on=click] addClass selected tabInner04 removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner05 addClass show content04 removeClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 removeClass show content05 [/script] [script class=tab05 on=click] addClass selected tabInner05 removeClass selected tabInner01 removeClass selected tabInner02 removeClass selected tabInner03 removeClass selected tabInner04 addClass show content05 removeClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 [/script] [div class=variables] [div class=codeContainer] [div class=top] [div class=name]vvitch[div class=tabBar][/div][/div] [div class=tabsContainer] [div class="tab tab01"][div class="tabInner tabInner01"][/div][/div] [div class="tab tab02"][div class="tabInner tabInner02"][/div][/div] [div class="tab tab03"][div class="tabInner tabInner03"][/div][/div] [div class="tab tab04"][div class="tabInner tabInner04"][/div][/div] [div class="tab tab05"][div class="tabInner tabInner05"][/div][/div] [/div] [/div] [div class=container] [div class="content contentHome show" style="display: flex; align-items: center; justify-content: space-between;"] [div class=imgHome][/div] [div class=textHome] GLORY AND GORE GO HAND IN HAND! [/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]DOSSIER.[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/6b/52/e6/6b52e6d0d293b9b2a91ba9f6a25dedc7.jpg');"][/div] [div class=imgSmall style="background-image: url('https://i.ibb.co/X3tPCnZ/cecilia-owo.gif');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/13/c5/d1/13c5d1b199ed02fe35817c6e5a81ebe5.jpg');"][/div] [/div] [div class=block]name[/div] Cecilia Montgomery
[div class=block]nickname[/div] Cecil, to close friends.
[div class=block]age[/div] Physically and mentally eighteen, but actually around 340 years old.
[div class=block]gender[/div] Cis female.
[div class=block]sexuality[/div] Bisexual.
[div class=block]date of birth[/div] November 1st, 1679.
[div class=block]zodiac[/div] Scorpio.
[div class=block]place of birth[/div] Salem, Massachusetts, USA.
[div class=block]race/ethnicity[/div] German and French.
[div class=block]theme song[/div] Happy House - Siouxsie and the Banshees [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]VISAGE.[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/6d/1a/9f/6d1a9f2fc5a428a2922a475a675ee6a1.jpg');"][/div] [div class=imgSmall style="background-image: url('https://i.ibb.co/7213k6c/queen-bee.png');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/43/26/db/4326db3bed3bdf442192ce74118e861f.jpg');"][/div] [/div] [div class=block]hair[/div] Smooth straight and black, nearly reaching her waist.
[div class=block]eyes[/div] Dark grey.
[div class=block]skin[/div] Medium tan, very light freckles if you squint.
[div class=block]height[/div] 5'10"
[div class=block]weight[/div] 126 lbs.
[div class=block]body build[/div] Long limbed, willowy figure. A body built for ballet dancing.
[div class=block]distinguishing features[/div] Small mole on left cheekbone. Scar on her left knee after a nasty scrape.
[div class=block]wardrobe[/div] Aside from the school's uniform of dark green and black, take a peek.
[div class=block]face claim[/div] Segovia Amil.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA.[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/c5/f2/47/c5f247db4d6338e916bb50b38cc5396b.jpg'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/2a/ed/86/2aed862bc0a09018b05ae36e73a7dcd7.jpg'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://i.ibb.co/FYtYFzj/ceciliam.png'); background-position: 30% 50%;"][/div] [/div] [div class=block]personality[/div] To be blunt, Cecilia is a huge bitch. Not unlikable, and certainly not incapable of decency, but it's a label she's accepted once she became the student body president of Wollstonecraft. Since childhood, she has held high standards for herself and others around her. Ballet has taught her rigorous self-discipline, but Cecilia cannot help but love to collect information and observe. Her throne is high and all-seeing, and she'd like to keep it that way, thank you very much. Many of her more unlikable traits come from her lonely years as a kid, and the unfortunate situation between her parents, but Cecilia isn't incapable of being a flighty, careless teenager. Occasionally, the girl will indulge in reckless fun, such as smoking, drinking, the typical teenage party life. Her thinking, however, is quite self-centered. Cecilia truly does think she's above most people, and loves the power and status that being the headmistress' daughter gives her. Truly a queen bee.
[div class=block]positive traits[/div] Goal oriented, meticulous, sharp, intelligent, pragmatic, well-read.
[div class=block]negative traits[/div] Rude, uppity, judgmental, stubborn, power-hungry.
[div class=block]likes[/div] Morning jogs, clean crisp laundry, poetry, rainy weather, lattes, peace and quiet, old books, radio talk shows, dark chocolate, cigarettes, hard liquor.
[div class=block]dislikes[/div] Brash people, hot weather, sudden loud noises, black coffee, people challenging her leadership, laziness, being lied to.
[div class=block]fears[/div] Her mother's wrath, burning alive, lack of control.
[div class=block]ailments[/div] The regular aches and pains that come with ballet practice. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]SPECIES.[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/de/b5/d4/deb5d41e55462e17c2eb8ba19a666b58.jpg');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/be/4c/f8/be4cf82ee1705902db28bc9f42e4a3be.jpg');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/2d/2c/80/2d2c808fd02c1a549f7b85769753cf7c.jpg');"][/div] [/div] [div class=block]species[/div] Cecilia pushes the boundaries of human, given that her mother is...otherworldly. One thing is certain: she is a witch (or technically half witch.) Cecilia has the potential for this "magic" ability that she channels through both a natural source within herself, and can strengthen through the study of spellbooks, ancient texts and grimoires; wherein magic means being able to create, cause and bring about events unexplained or inconceivable for human science and comprehension, whether because science cannot explain them yet, or because they are impossible in our plane of existence. This ability for magic is also genetic; it is passed down through every woman in her family's bloodline, and Cecilia is the daughter of a very powerful witch. Her mother, the dean of the school, is a host for the unfathomable eldritch creature.
[div class=block]rules of species[/div] Cecilia's magic skill is like a physical muscle that her human body can sometimes struggle to flex, and as of now, significant spells and potions require a considerable amount of research, preparation, magical energy, and take a toll on her body. Cecilia is constantly pushing the limits of her magic to go bigger, better and more powerful, and she is far too prideful to have a sense of self-preservation that warns her she could easily die if she pushed her three-dimensional body into the creation of multi-dimensional events too harshly. Depending on what she wants to achieve, performing bigger acts of magic drain her physical and mental energy, and can harm her body if too significant.
[div class=block]extra[/div] [/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]HISTORY.[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/67/aa/5c/67aa5c3b427f7ddff23dd04b35deaee6.jpg'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/c1/a6/e8/c1a6e845c0062bf06b4caa9730567c40.jpg'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/05/32/ab/0532abc6d5d17d5fb73caac4b719a2c9.jpg'); background-position: 50% 50%;"][/div] [/div] [div class=block]biography[/div] Colonial Massachusetts, 1692.

Shoes clack and bend the wood of the church floors as good folks shuffle between the pews.

A smart and lonely child is a dangerous child. Cecilia is the single daughter born to a God-fevered father, and a cursed monstrous mother. Her puritan father preached at the town's church, her mother was the host of an unfathomable Lovecraftian being. Not exactly a functional family. Cecilia's curious life truly began the day her father could no longer ignore the permeable darkness around her mother. The townsfolk whispered rumors about devil worship and demonic beings. She was otherworldly - an unstable force of nature. Vivetta would no longer bend.

In a distant room at the back of the house, the sound of bones snapping and joints cracking into unnatural positions echoes.

Her mother was an uncaring creature. Born of the eldritch, Cecilia can withstand the use of the horrifying and sometimes euclidean magic, her mortal body developing thick skin. Her coven surrounds her in the empty room, mumbling incantations and channeling their magic with Cecilia as the conduit. She bends, she snaps, she's twisted into shapes and is spat out through wormholes and moves in a seizure-like pattern as whatever her mother incites bends space and time within the room. Regular spell practice, she'd later say. Cecilia endures this as a child, she endures it as she turns thirteen. There is no place like home.

A cursed timeline of witches, doomed to burn but never to die.

With a firm hand on her shoulder, Cecilia stands by her father's side as Vivetta is tried and burned, accused of witchcraft and devil worship. I'm free, she thinks. She watches her mother die at the stake with the rest of her coven. Ash and the sickening smell of cooked flesh hang thick in the air - Vivetta did not flinch, did not scream, but simply watched her daughter with a stone-faced look. Her father is relieved, and the town is safe once again. But, Cecilia is still afflicted by her mother's impact. Of course, born from the eldritch being of her mother, Cecilia inherited her power. Genetics are a blessing, after all. Her father finds her standing on the ceiling one afternoon, speaking tongues and eyes rolled back. Her father finds her one day with cuts on her arms, but no blood, only a black ichor that slowly drips out. Her father cannot control her, he knows this as she shoves her hand in the fireplace but does not burn. One day, her father tragically dies of a mysterious but timely heart attack. What a shame.

[div class=block]relationships[/div]
wip [/div] [/div] [/div] [/div] [/div]
coded by shady.
 
Last edited:
font call out
[div class=container]
♡coded by uxie♡
[div class=header] [div class=role]a friend.[/div] [div class=quote][div class=qemp]young boy[/div] wild and free.[/div] [/div] [div class=body] [div class=home]
Étienne Vance
❝We stick together, you and me. ❞
[/div] [div class="tabs 1tab" style=display:none;][div class=req] [div class=reqiconb][div class=reqicon][/div][/div] [div class=reqbox1c][div class=scroll style=width:110%;] [div class=reqbox1] [div class=reqc style=margin-top:2px;] [div class=h1]name[/div] [div class=reqt1]Etienne Apollo Vance[/div] [/div] [div class=reqc] [div class=h1]nicknames[/div] [div class=reqt1]Yeti, Apollo[/div] [/div] [div class=reqc] [div class=h1]age[/div] [div class=reqt1]18[/div] [/div] [div class=reqc] [div class=h1]gender[/div] [div class=reqt1]cis-gender male[/div] [/div] [div class=reqc] [div class=h1]sexuality[/div] [div class=reqt1]homosexual[/div] [/div] [div class=reqc] [div class=h1]dob[/div] [div class=reqt1]May 10[/div] [/div] [div class=reqc] [div class=h1]zodiac[/div] [div class=reqt1]Taurus[/div] [/div] [div class=reqc] [div class=h1]birthplace[/div] [div class=reqt1]Ariège, France[/div] [/div] [div class=reqc] [div class=h1]ethnicity[/div] [div class=reqt1]french[/div] [/div] [/div] [/div][/div] [div class=reqbox2c][div class=scroll] [div class=reqbox2] [div class=reqc2 style=margin-top:0px;] [div class=h2]hair[/div] [div class=reqt2]dark brown and curly. etienne prefers to keep it cropped shorter on the sides.[/div] [/div] [div class=reqc2] [div class=h2]eyes[/div] [div class=reqt2]kind, soulful brown eyes[/div] [/div] [div class=reqc2] [div class=h2]skin[/div] [div class=reqt2]Etienne's skin is a pale, creamy color that quickly appears washed out when he is unwell.[/div] [/div] [div class=reqc2] [div class=h2]height[/div] [div class=reqt2]5'11''[/div] [/div] [div class=reqc2] [div class=h2]weight[/div] [div class=reqt2]171lbs[/div] [/div] [div class=reqc2] [div class=h2]dist. features[/div] [div class=reqt2]The slight gap between his teeth and the beauty mark on his cheekbown. Etienne has a look about him as if he knows more than he lets on.[/div] [/div] [div class=reqc2] [div class=h2]style[/div] [div class=reqt2] Etienne wears a ton of sweaters. He tends to run cold when he's not in his dog form and he makes up by that by staying warm and cozy. There's not much color in his wardrobe because he prefers to stay in the background. On a rare occasion, he may be spotted wearing a splash of brown or navy blue.[/div] [/div] [div class=reqc2] [div class=h2]faceclaim[/div] [div class=reqt2]aron piper[/div] [/div] [/div] [/div][/div] [/div][/div] [div class="tabs 2tab" style=display:none;] [div class=pers][div class=scroll] [div class=h3]persona[/div] [div class=perst] Étienne is a very soft spoken young man. He doesn't have much to say and prefers to make his contribution to conversations listening. Though he's a bit distant, he goes out of his way to be kind and spend time with people. He's naturally easy-going, and not one for confrontation or conflict, but he can't curb his love for sarcastic remarks. Still, more than anything, he just wants to have a good time with the people around him. Étienne has much more impulse control compared to his classmates, but that doesn't stop him from joining into their messes just for the hell of it. If it sounds like a fun time, he's in. One thing, Étienne cannot handle is being alone with his thoughts — he frequently overthinks. Still, he struggles to put himself out there when he grew up prowling empty streets totally alone. The black shuck can occasionally say off-putting stuff without realizing it, but it's never meant to shock people. Sometimes, he's just a bit clueless on how to socialize with people and knowing what is and isn't okay. He smokes to keep himself chill, and when he's high, he's a big fan of conversation whether deep or super shallow conversations. Étienne is the kind of guy who's always willing to help and give advice to those who need, but he's not forcing anyone to put words to action. People can only truly be accountable for themselves. If they cared about his advice, they'll listen to it. If not, well, he hopes the at least considered it. Although it's not like having the things he said will upset him, because it's extremely hard to get him riled up. [/div] [div class=h3]ailments[/div] [div class=perst]Étienne suffers from chronic nightmares, and often wakes up in an animalistic state of fear and rage (not knowing where he is with an impulse to lash out) [/div] [div class=reqc2 style=margin-top:10px;] [div class=h2]vices[/div] [div class=reqt2]Depressed, Sarcastic, Masochistic, Easily sidetracked, Stubborn[/div] [/div] [div class=reqc2] [div class=h2]virtues[/div] [div class=reqt2]Attentive, Sweetheart, Curious, Open-minded, Loyal,[/div] [/div] [div class=reqc2] [div class=h2]likes[/div] [div class=reqt2]puzzles, crafts, gardening, party games, banter, outdoors [/div] [/div] [div class=reqc2] [div class=h2]dislikes[/div] [div class=reqt2]confinement, yelling, all-nighters, pity, sports, heat[/div] [/div] [div class=reqc2] [div class=h2]fears[/div] [div class=reqt2]Being on his own again[/div] [/div] [div class=reqc2] [div class=h2]alignment[/div] [div class=reqt2]Neutral good[/div] [/div] [/div][/div] [/div] [div class="tabs 3tab" style=display:none;] [div class=history][div class=scroll] [div class=h3]history[/div] [div class=perst style=margin-bottom:5px;]Étienne "grew up" alone. Grew up is a loose phrase in his existence. He remembers nothing of his toddler-aged days except being a wolf. In the earliest stages of his life, he could not shift into his human form. He was a small, shadowy black pup alone in the woods that was taken in by a wolf mother and raised as her own. Étienne's awareness was limited and a phantom in his mind. The first time Étienne shifted into his human for was at the equivalent of age 5 when he killed his first human. A drunk man in the woods, shooting things for fun. The wolf that cared for Étienne was shot and he snapped. Étienne would like to think that it was grief alone that caused him to do what he did, but he remembers the hollow, restless hunger in the pit of his being and knew that if not that man, he would've killed someone else. His demonic nature demanded so. After the man had been mauled to nothingness is when Étienne shifted. A small boy naked in the woods with a mouth full of blood and wholly disoriented. Not knowing how to navigate in his foreign form, Étienne crawled his way through the woods on all fours trying to find his way "home." Growing uncomfortable with the blood drying on his skin, the child made his way to a nearby water source to clean off. While he was figuring out how to remove the substance off of his skin by rubbing against difference surfaces under the water, a local from the nearby city stumbled upon Étienne. The adult panicked, believing the child to be drowning and retrieved him from the water. Étienne began to panick, letting out shrieks and attempting to escape but the adult held strong pulling him from the water and setting him on the shore. Seeing the fear in the boy's eyes, they attempted to calm him. Étienne was frightened and on edge, but sensing the change in the demeanor of the human, he calmed down a bit. "Are you okay?" They asked. Étienne blinked. Confused. The human was making noises at him. Sniffing suspiciously, Étienne crept back and repeated the meaningless sounds, "Are you okay?" The person began to grow concerned at the feral look and empty replies. Was he was one of those wild boys, they'd heard about. Sticking out a hand in a sign to show they weren't a threat, they slowly turned it for Étienne to touch. "Help?" "Help?" That was the beginning of a shift in Étienne's life. Now, he is more aware of what happened. The woman staying with him as she talked on the phone, watching him warily to ensure he didn't run. The medical officers coming and inspecting him. Him panicking in fear at the sudden noise and people surrounding him. Being tranquilized. The years of "rehabilitation" and inspections as he was integrated into human society. That same woman taking Étienne in as her son. The nights that register is mere blurs in his memory. Shifting back into his wolf form. Blood. The panic of the humans the morning after. Étienne filling satiated in a way he hadn't realize he'd been longing for, but feeling like he'd done something inherently wrong. The looks his mother would shoot him. Étienne's first shift that he was aware of was when he turned 13. It's also the night he killed his mother and was on his own once more. An animal attack they said. Poor boy, an orphan, they said. Étienne was put into foster care and remained there until he turned 18. Never kept in one place for long. Learning to cope with his demon instincts and his human guilt. Trying to manage his needs for human flesh without putting himself at risk, and feeling wholly alone and craving a home. When Étienne was 16, he received his brochure from WSC and his circumstances seemed to change for the better. He only hopes they remain that way. [/div] [div class=h3]miscellaneous[/div] [div class=reqc2] [div class=h2]species[/div] [div class=reqt2]The Black Shuck is a demonic ghost dog. An apparition of a mangy, black mutt with the spirit of a demon. This large, black wolf is known first for the Wild Hunt of winter. When the weather began to shift and howling could be heard in the wind, it meant the wolves were on the prowl. If one did not make it inside when the Black Shuck arrived and let out it's petrifying howl, they were dead. Black shucks are larger than your average wolf, some can even be as large as a horse. Their eyes glow with a blood red fire and they foam at the mouth when on the prowl, assuming to be rabid by locals. One cannot truly see the face of a black shuck, it is more spectral than solid when one looks at it and the only thing one can make out amidst the misty blackness is its glowing eyes. Black shucks are able to apparate and disappear at will and their presence can be one of protection or malevolence. Typically, they do not cause harm if one stays out of there path, but if a black shuck is on the hunt and howls. To look one in the eye is to surrender your life. Étienne's human form is naturally muscular due to his supernatural nature. He has sharper nails than average and can use his apparation abilities even when not in his hound form. His sense are heightened much like a werewolf's and so his regeneration abilities. The hound is considered my vulnerable in its human form by evolutionary standpoints so as a protective measure, Étienne's blood is poisonous to ward of predators and burns like acid when one makes contact with it. [/div] [/div] [div class=reqc2] [div class=h2]extra[/div] [div class=reqt2]A Black Shuck is able to mimic the sounds of prey to lure them in, but this is not the true danger of the creature. A Black Shuck is known for it's howl which can send waves of dread down the listener and petrify them. The bite of a Black Shuck is one of the most excruciating pains an individual can experience. The serrated teeth opens multiple wounds for it's poisonous saliva to leak into a kill its prey. Black Shuck's frequently feast on human flesh. They can survive on the meat of animals, but it will not truly satiate the creature. The longer a Black Shuck goes without consumption of a human, the more insatiable and bloodthirsty it becomes.[/div] [/div] [div class=reqc2] [div class=h2]recieved brochure[/div] [div class=reqt2]The brochure came to Étienne's foster home when he was 16 and he jumped at the opportunity to get away from human society.[/div] [/div] [/div][/div] [/div] [div class="tabs 4tab" style=display:none;] [div class=relationships] [div class="rstabs 1rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 1rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 2rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 2rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 3rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 3rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 4rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 4rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 5rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 5rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 6rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 6rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 7rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 7rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [/div] [/div] [/div] [div class=sidebar] [div class=sbimg] [div class="rsnav 4rsnavi" style=display:none;][div class=rsscroll] [div class="rsbutton 1rsbtn"]
1#
[div class="rsnavimg 1rsnimg"][/div] [div class=rsnavname]the huntress[/div] [/div] [div class="rsbutton 2rsbtn"]
2#
[div class="rsnavimg 2rsnimg"][/div] [div class=rsnavname]the unholy[/div] [/div] [div class="rsbutton 3rsbtn"]
3#
[div class="rsnavimg 3rsnimg"][/div] [div class=rsnavname]the studious[/div] [/div] [div class="rsbutton 4rsbtn"]
4#
[div class="rsnavimg 4rsnimg"][/div] [div class=rsnavname]the warrior[/div] [/div] [div class="rsbutton 5rsbtn"]
5#
[div class="rsnavimg 5rsnimg"][/div] [div class=rsnavname]the alchemist[/div] [/div] [div class="rsbutton 6rsbtn"]
6#
[div class="rsnavimg 6rsnimg"][/div] [div class=rsnavname]the ill[/div] [/div] [div class="rsbutton 7rsbtn"]
7#
[div class="rsnavimg 7rsnimg"][/div] [div class=rsnavname]the wild[/div] [/div] [/div][/div] [/div] [div class=navi] [div class="button 1btn"][div class=buttontext]
1#
basics[/div][/div] [div class="button 2btn"][div class=buttontext]
2#
persona[/div][/div] [div class="button 3btn"][div class=buttontext]
3#
history[/div][/div] [div class="button 4btn"][div class=buttontext]
4#
relations[/div][/div] [div class=colourswitchc][div class=colourswitchb][/div][/div] [/div] [/div] [/div]

[class=container] --bg: #F9F9F9; --bg-2: #27181B; --border: #cecece; --color-1: #68B8C1; --txt: #262626; --img-1: url('https://m.media-amazon.com/images/M/MV5BNjcxYzI0MDktZmQxNi00ZWJmLThlNmMtNDZiNTY3ZmI0ZGNkXkEyXkFqcGdeQXVyNzEzNjI2NTg@._V1_.jpg'); --img-2: url('https://images.genius.com/1857a0848a945d91a1eff82a54d95922.540x540x1.jpg'); --rs-1: url('https://medias.spotern.com/spots/w640/210/210879-1561803945.jpg'); --rs-2: url('https://data.whicdn.com/images/322507988/original.jpg'); --rs-3: url('https://medias.spotern.com/spots/w640/210/210879-1561803945.jpg'); --rs-4: url('https://data.whicdn.com/images/322507988/original.jpg'); --rs-5: url('https://medias.spotern.com/spots/w640/210/210879-1561803945.jpg'); --rs-6: url('https://data.whicdn.com/images/322507988/original.jpg'); --rs-7: url('https://medias.spotern.com/spots/w640/210/210879-1561803945.jpg'); width:550px; height:380px; margin:auto; background-color: var(--bg); display:flex; flex-flow: row wrap; transition: .5s ease-in-out; position:relative; [/class] [class=colourswitch] --bg-2: #F9F9F9; --bg: #27181B; --border: #59484b; --color-1: #b23737; --txt: #fff; --img-1: url('https://i2.wp.com/twistedmalemag.com/wp-content/uploads/2018/10/NOUMAN-CAPSULE-COLLECTION-01.jpg?resize=800%2C1167'); --img-2: url('https://pbs.twimg.com/media/EUPs8tWU0AAJXXP.jpg'); transition: .8s ease-in-out; [/class] [class=home] height:80%; width:100%; display:flex; align-items:center; align-content: center; justify-content: center; flex-flow: row wrap; [/class] [class=header] height:18%; width:100%; position:absolute; display:flex; flex-flow: row-reverse nowrap; z-index:4; box-sizing:border-box; padding-right:10%; align-content: flex-end; align-items: flex-end; [/class] [class=role] height:100%; min-width:40%; max-width:70%; flex-shrink:0; color: var(--border); font-size:46px; font-weight:bold; letter-spacing:2px; font-family: 'Playfair Display', serif; transition: .5s; padding-right:10px; box-sizing:border-box; line-height:200%; [/class] [class name=role state=hover] color: var(--color-1); transition: .5s; [/class] [class=quote] flex-grow:1; align-self: flex-end; text-align:right; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-family: 'Poppins' , sans-serif; box-sizing:border-box; padding-right:10px; justify-content: flex-end; overflow:hidden; line-height:120%; margin-top:15px; color: var(--txt); font-weight:normal; [/class] [class=qemp] display:inline-block; color: var(--color-1); padding:1.5px; padding-top:0px; padding-bottom:0px; font-weight: bold; [/class] [class=sidebar] height:380px; width:44%; position:relative; display:flex; flex-flow: row wrap; [/class] [class=navi] height:100%; width:22%; border-left:1px solid var(--border); display:flex; flex-flow: row wrap; box-sizing:border-box; justify-content:center; align-items: space-between; padding-top:8%; padding-bottom:10px; z-index:5; [/class] [class=sbimg] width:78%; height:77%; align-self: flex-end; background: var(--img-1); background-size:auto 100%; background-position:50% 50%; position:relative; [/class] [class=button] height: 18%; width:90% display:inline-block; box-sizing:border-box; display:flex; cursor: pointer; color:black; transition:.7s; color: var(--txt); [/class] [class name=button state=hover] color: var(--color-1); cursor:pointer; transition:.7s; [/class] [class=buttontext] display:flex; transform: rotate(90deg); font-family: 'Eurotypo Bodoni', serif; font-weight: bold; letter-spacing:0.5px; font-size:16px; align-self:center; line-height:150%; padding-bottom:4px; box-sizing:border-box; [/class] [class=buttonselect] color: var(--color-1); [/class] [script class=button on=click version=2] (hide "home") (= currentTab (index (split (getText) "#") 0 )) (if (== openedTab currentTab) (stop)) (fadeOut 200 "rsnav") (removeClass "buttonselect" "button") (hide "tabs") (fadeIn 800 (+ currentTab "tab")) (fadeIn 600 (+ currentTab "rsnavi")) (addClass "buttonselect" (+ currentTab "btn")) (= openedTab currentTab) [/script] [class=colourswitchc] height:15px; width:15px; border-radius:50%; border:1px solid var(--color-1); padding:3px; font-size:0; z-index:9; position:relative; top:10px; [/class] [class=colourswitchb] height:100%; width:100%; background-color: var(--bg-2); border-radius:50%; transition: .3s; margin:auto; [/class] [class name=colourswitchb state=hover] background-color: var(--bg); border-radius:50%; transition: .3s; cursor:pointer; [/class] [script class=colourswitchb on=click version=2] (= newColour (getText)) (if (== newColour "") (group (addClass "colourswitch" "container") (setText "1"))) (if (== newColour "1") (group (removeClass "colourswitch" "container") (setText ""))) [/script] [class=body] height:77%; width:56%; align-self: flex-end; position:relative; [/class] [class name=scroll minWidth="550px"] height:100%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class=tabs] height:100%; width:100%; position:absolute; color: var(--txt); [/class] [class=req] height:100%; width:100%; padding:15px; box-sizing:border-box; padding-top:0px; display:flex; flex-flow: row wrap; [/class] [class=reqiconb] height:100px; width:100px; border:1px solid var(--txt); padding:3px; [/class] [class=reqicon] height:100%; width:100%; margin:auto; background: var(--img-2); background-size:100%; [/class] [class=reqbox1c] height:39%; width:61%; padding:5px; padding-top:0px; box-sizing:border-box; overflow:hidden; [/class] [class=reqbox1] height:100%; width:100%; display:flex; flex-flow: row wrap; align-items: space-between; [/class] [class=reqc] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:5px; line-height:150%; font-family: 'Karla', sans-serif; box-sizing:border-box; padding-left:8px; [/class] [class=h1] display:inline-block; height:15px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:0.5px; flex-shrink:0; [/class] [class=reqt1] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:right; [/class] [class=reqbox2c] height:56%; width:100%; align-self: flex-end; overflow:hidden; padding:3px; [/class] [class=reqbox2] height:100%; weight:100%; display:flex; flex-flow: row wrap; [/class] [class=h2] height:17px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:1px; flex-shrink:0; [/class] [class=reqt2] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:justify; line-height:145%; [/class] [class=reqc2] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10.5px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:10px; line-height:151%; font-family: 'Karla', sans-serif; box-sizing:border-box; [/class] [class=style] display:inline; color: var(--txt); transition: .3s; [/class] [class name=style state=hover] color: var(--color-1); transition: .3s; [/class] [class=pers] height:100%; width:100%; padding:15px; overflow:hidden; box-sizing:border-box; padding-top:0px; [/class] [class=h3] background-color: var(--bg); font-family: 'Eurotypo Bodoni', serif; font-weight:bold; letter-spacing:1px; width:101%; text-align: center; color: var(--color-1); font-size:20px; position:sticky; top:0; line-height:150%; [/class] [class=perst] width:100%; height: fit-content; font-size:10px; text-align:justify; font-family: 'Karla', sans-serif; white-space: pre-wrap; line-height:150%; [/class] [class=history] height:100%; width:100%; padding:15px; padding-top:0px; overflow:hidden; box-sizing:border-box; [/class] [class=rsnav] height: 100%; width: 100%; background-color: var(--bg); border:1px solid var(--border); border-bottom: 0px; border-right:0px; overflow:hidden; box-sizing:border-box; display:flex; flex-flow: column nowrap; box-sizing:border-box; bottom:0; position:absolute; [/class] [class=rsscroll] width:calc(100% + 13.5px); height:100%; overflow-y:scroll; overflow-x:hidden; [/class] [class=rsbutton] height:20%; width:100%; position:relative; display:flex; flex-flow: row nowrap; justify-content: center; [/class] [class name=rsbutton state=hover] cursor:pointer; [/class] [script class=rsbutton on=mouseenter version=2] (= currentRs (index (split (getText) "#") 0 )) (addClass "rsnavimgs" (+ currentRs "rsnimg")) [/script] [script class=rsbutton on=mouseleave] removeClass rsnavimgs rsnavimg [/script] [script class=rsbutton on=click version=2] (= currentRs (index (split (getText) "#") 0 )) (if (== openedRs currentRs) (stop)) (hide "rstabs") (removeClass "rsselect" "rsbutton") (fadeIn 550 (+ currentRs "rs")) (= openedRs currentRs) [/script] [class=rsnavimg] height:100%; width:100%; position:relative; transition: 0.3s ease-in-out; [/class] [class=rsnavimgs] transform: scale(0.92); transition: 0.3s ease-in-out; [/class] [class=rsnavname] height:25%; width:80%; justify-self: center; text-align:center; padding:1px; background-color: var(--bg); color: var(--txt); position:absolute; top:60%; font-size:9px; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing:1px; [/class] [class=rstabs] height:100%; width:100%; padding:15px; padding-top:0px; [/class] [class=rstabs] height:100%; width:100%; position:absolute; display:flex; flex-flow:row wrap; padding:10px; padding-top:0px; padding-left:5px; box-sizing:border-box; [/class] [class name=rsisa] height:40%; width:60%; margin-right:1%; padding-right:10px; padding-left:3px; box-sizing:border-box; margin-top:5px; [/class] [class=rsiconb] height:105px; width:105px; border:1px solid var(--txt); box-sizing:border-box; margin-top:7px; padding:0px; [/class] [class=rsicon] height:100%; width:100%; margin:auto; [/class] [class name=rsname] height: fit-content; margin-bottom:5px; width:100%; font-size:25px; text-align:right; color: var(--color-1); letter-spacing:1px; font-weight:bold; line-height:120%; font-family: 'Playfair Display', serif; [/class] [class name=rsrole] display:inline; margin-right:5px; font-size:9px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); font-style:oblique; text-shadow: 0px 0px black; font-weight:normal; opacity:0.85; line-height:200%; [/class] [class name=rsstatus] height:15%; width:100%; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; color: var(--txt); text-align:right; line-height:130%; font-family: 'Karla', sans-serif; [/class] [class name=rsbarcon] width:90%; height:40%; padding-top:12px; box-sizing:border-box; opacity:0.9; margin:auto; margin-top:-5px; [/class] [class name=rsbar] width:100%; height:40%; border:1px solid var(--txt); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:11.5%; [/class] [class name=rsm1] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm3] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsmline] height:60%; width:1.5px; margin-left:auto; margin-right:auto; margin-top:15%; background-color: var(--txt); [/class] [class name=rstext] height:60%; width:100%; overflow:hidden; font-size:10px; text-align:justify; padding:8px; box-sizing:border-box; color: var(--txt); line-height:155%; font-family: 'Karla', sans-serif; [/class] [class=1rsnimg] background: var(--rs-1); background-size:100%; background-position: 50% 20%; [/class] [class=2rsnimg] background: var(--rs-2); background-size:100%; background-position: 50% 20%; [/class] [class=3rsnimg] background: var(--rs-3); background-size:100%; background-position: 50% 60%; [/class] [class=4rsnimg] background: var(--rs-4); background-size:100%; background-position: 50% 40%; [/class] [class=5rsnimg] background: var(--rs-5); background-size:100%; background-position: 50% 20%; [/class] [class=6rsnimg] background: var(--rs-6); background-size:100%; background-position: 50% 30%; [/class] [class=7rsnimg] background: var(--rs-7); background-size:100%; background-position: 50% 40%; [/class]
 
Last edited:
font call out
[div class=container]
♡coded by uxie♡
[div class=header] [div class=role]the princess.[/div] [div class=quote][div class=qemp]bite[/div] me you bitch.[/div] [/div] [div class=body] [div class=home]
Dana Garcia
❝I'm never sorry.❞
[/div] [div class="tabs 1tab" style=display:none;][div class=req] [div class=reqiconb][div class=reqicon][/div][/div] [div class=reqbox1c][div class=scroll style=width:110%;] [div class=reqbox1] [div class=reqc style=margin-top:2px;] [div class=h1]name[/div] [div class=reqt1]dana callia garcia[/div] [/div] [div class=reqc] [div class=h1]nicknames[/div] [div class=reqt1]dani[/div] [/div] [div class=reqc] [div class=h1]age[/div] [div class=reqt1]119[/div] [/div] [div class=reqc] [div class=h1]gender[/div] [div class=reqt1]heterosexual[/div] [/div] [div class=reqc] [div class=h1]sexuality[/div] [div class=reqt1]japanese[/div] [/div] [div class=reqc] [div class=h1]dob[/div] [div class=reqt1]january 18th[/div] [/div] [div class=reqc] [div class=h1]zodiac[/div] [div class=reqt1]capricorn[/div] [/div] [div class=reqc] [div class=h1]birthplace[/div] [div class=reqt1]athens, greece[/div] [/div] [div class=reqc] [div class=h1]ethnicity[/div] [div class=reqt1]half mexican, half greek[/div] [/div] [/div] [/div][/div] [div class=reqbox2c][div class=scroll] [div class=reqbox2] [div class=reqc2 style=margin-top:0px;] [div class=h2]hair[/div] [div class=reqt2]Dana's hair is dark, long and glossy. She cares about her hair more than she cares about some people, and never skips on caring for it. She did bleach most of her hair to a lighter brown recently and has spending extra care on it since. When Dana feeds, her hair lights up into flames for a short period of time, it also does this when she is angry.[/div] [/div] [div class=reqc2] [div class=h2]eyes[/div] [div class=reqt2]a deep fierce brown that glows in the night [/div] [/div] [div class=reqc2] [div class=h2]skin[/div] [div class=reqt2]Dana's skin is a warm brown that is smooth to the touch everywhere but her left leg which is completely bronze[/div] [/div] [div class=reqc2] [div class=h2]height[/div] [div class=reqt2]5'3''[/div] [/div] [div class=reqc2] [div class=h2]weight[/div] [div class=reqt2]120lbs.[/div] [/div] [div class=reqc2] [div class=h2]dist. features[/div] [div class=reqt2]The beauty next to her nose. Dana smiles often, but it's rarely genuine and more snarky[/div] [/div] [div class=reqc2] [div class=h2]style[/div] [div class=reqt2] Dana is obsessed with fashion. She loves to mix it up from day to day, wearing something sensible and professional one morning and then a knockout black dress the next. Dana is big on accessorizing and the color pink of above all. Her biggest inspo, clothing wise is glam. She wants people to double-take. [/div] [/div] [div class=reqc2] [div class=h2]faceclaim[/div] [div class=reqt2]danna paola[/div] [/div] [/div] [/div][/div] [/div][/div] [div class="tabs 2tab" style=display:none;] [div class=pers][div class=scroll] [div class=h3]persona[/div] [div class=perst] Dana has zero time for kindness. Being nice is a form of emotional manipulation in her eyes and she can't be bothered with making considering others feelings or making them feel good if doesn't equate to feeding. She cares about herself. Putting in energy to have concern for others requires that they prove themselves to her. Dana is an over achiever in every aspect of her life except for relationships. Any form of intimacy in her personal causes confliction in how she conducts herself as an empusa, and in a matter of literal life and death, she can't afford that. She knows how to have fun, but is particular about doing it with the "right people." Being around her sisters, has made Dana rather spiteful and defensive. She doesn't trust that there's good in people, and can be unintentionally cruel with her words. The young woman keeps her emotions locked up so tight that she hardly understands them herself when they're anything but irritation. Her school life is a break from the overbearing weight of her home life and does cause her to relax a bit with the entertainment she is provided, but she's still a bitch day in and day out. If she gets involved with someone it's with the intent of keeping things 100% impersonal. Dana is an every man, someone who can find common ground with just about everyone with ease. She doesn't play into people's ego or try to butter them up, but she knows how to diffuse a situation if need be. She's straightforward, honest, and unapologetic when sharing her thoughts. She just had a knack for reaching the people. [/div] [div class=h3]ailments[/div] [div class=perst]Having a leg of bronze presents some troubles. Standing or walking for long periods of time can cause irritation to Dana's hip joint. Frequently, she's seen with an aid, or what she calls "take a cane/crutch, and make it fashion." Being out in daylight also causes Dana severe migraines if she does not wear sunglasses and causes her to become "dehydrated."[/div] [div class=reqc2 style=margin-top:10px;] [div class=h2]vices[/div] [div class=reqt2]bitter, workaholic, manipulative when she needs to be, uptight, venomous[/div] [/div] [div class=reqc2] [div class=h2]virtues[/div] [div class=reqt2]Confident, Concise, Put together, Persuasive, People person,[/div] [/div] [div class=reqc2] [div class=h2]likes[/div] [div class=reqt2]public speaking, winning, learning, a challenge, the spotlight, being in charge, fashion, self-care[/div] [/div] [div class=reqc2] [div class=h2]dislikes[/div] [div class=reqt2]emotional people, slackers, being cooped up, cheap things, carelessness, touchiness, being told what to do[/div] [/div] [div class=reqc2] [div class=h2]fears[/div] [div class=reqt2]Being stuck with her family forever[/div] [/div] [div class=reqc2] [div class=h2]alignment[/div] [div class=reqt2]lawful evil[/div] [/div] [/div][/div] [/div] [div class="tabs 3tab" style=display:none;] [div class=history][div class=scroll] [div class=h3]history[/div] [div class=perst style=margin-bottom:5px;]Athens is the land Hecate's cult inhabited centuries ago, and as descendants of Hecate, it is the residing place of the Empusa clan. The concept of love is nonexistent in Dana's family. If the Empusa's actually used the word "love," it would be made synonymous with obligation. You looked out for your sisters; if they need to dispose of a corpse, you helped. If they wanted to go hunting, you went along. There was no question, no discussion, you just did it. That's would be love if there was ever such a word to Dana's family. And it would only apply to family. The clan is relatively large. They all live in a two-story home together much like extended families living together —if all of the relatives were women and women alone. Save for the original Empusas, all of Dana's sisters were created in the same way she was. An Empusa would copulate with an unsuspecting victim before killing him. Straightforward. No complications of "relationships" or "love" involved. Dana hates it. Growing up in her home was miserable. Dana couldn't stand her sisters, they were cruel, blood-thirsty, and honest to god messes. She may be a bitch, but they were monsters. Everything about her home life drove her mad, they were always a unit, never independent. If she so much as looked at a boy without intent to feed, her sisters would kill him. And if she stepped out of line, she was punished severely and put on lockdown to slowly starve for days at a time. As time went on, Dana began to lose hope that she'd ever be free of her sisters and began to become more like them. She stopped talking back, she took lives without remorse, and began to go numb to the day-to-day. The brochure from WSC was her saving grace, when she received it, she hid it away until she could make her escape. Leaving her sisters meant a death sentence if she were ever to return, so ever since, Dana has been staying at Wollstonecraft permanently until she finishes her education and figures out to do with herself. [/div] [div class=h3]miscellaneous[/div] [div class=reqc2] [div class=h2]species[/div] [div class=reqt2]Empusa's are often placed under the category of a vampire due to being more nocturnal creatures that feast on the blood of victims. But there are some differences. Empusa's not only drink their victim's blood but eat their flesh. They exclusively feed on sleeping victims unless truly desperate and rather than a bat, they shape shift into owls. Plus, the flaming hair is a difference that's hard to miss.[/div] [/div] [div class=reqc2] [div class=h2]extra[/div] [div class=reqt2]Empusa's are sometimes mistaken as paralysis demons by mortals. Sunlight does not immediately kill an empusa, but direct exposure over time to its rays can cause extreme discomfort, painfully rashes/hives, and if exposed for too long, an Empusa can pass out from the pain and physical exhaustion. A younger empusa is much more vulnerable to sunlight and merely an hour can cause death.[/div] [/div] [div class=reqc2] [div class=h2]recieved brochure[/div] [div class=reqt2]Dana received the brochure while under punishment one night while her sisters were feeding and she was beginning to lose hope over her circumstances.[/div] [/div] [/div][/div] [/div] [div class="tabs 4tab" style=display:none;] [div class=relationships] [div class="rstabs 1rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 1rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 2rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 2rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 3rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 3rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 4rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 4rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 5rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 5rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 6rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 6rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 7rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 7rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [/div] [/div] [/div] [div class=sidebar] [div class=sbimg] [div class="rsnav 4rsnavi" style=display:none;][div class=rsscroll] [div class="rsbutton 1rsbtn"]
1#
[div class="rsnavimg 1rsnimg"][/div] [div class=rsnavname]the huntress[/div] [/div] [div class="rsbutton 2rsbtn"]
2#
[div class="rsnavimg 2rsnimg"][/div] [div class=rsnavname]the unholy[/div] [/div] [div class="rsbutton 3rsbtn"]
3#
[div class="rsnavimg 3rsnimg"][/div] [div class=rsnavname]the studious[/div] [/div] [div class="rsbutton 4rsbtn"]
4#
[div class="rsnavimg 4rsnimg"][/div] [div class=rsnavname]the warrior[/div] [/div] [div class="rsbutton 5rsbtn"]
5#
[div class="rsnavimg 5rsnimg"][/div] [div class=rsnavname]the alchemist[/div] [/div] [div class="rsbutton 6rsbtn"]
6#
[div class="rsnavimg 6rsnimg"][/div] [div class=rsnavname]the ill[/div] [/div] [div class="rsbutton 7rsbtn"]
7#
[div class="rsnavimg 7rsnimg"][/div] [div class=rsnavname]the wild[/div] [/div] [/div][/div] [/div] [div class=navi] [div class="button 1btn"][div class=buttontext]
1#
basics[/div][/div] [div class="button 2btn"][div class=buttontext]
2#
persona[/div][/div] [div class="button 3btn"][div class=buttontext]
3#
history[/div][/div] [div class="button 4btn"][div class=buttontext]
4#
relations[/div][/div] [div class=colourswitchc][div class=colourswitchb][/div][/div] [/div] [/div] [/div]

[class=container] --bg: #F9F9F9; --bg-2: #27181B; --border: #cecece; --color-1: #68B8C1; --txt: #262626; --img-1: url('https://i.pinimg.com/originals/26/03/cf/2603cfcc3c4e4f4cbaa461e7d0d22fa0.jpg'); --img-2: url('https://cdn.21buttons.com/users/b911193e56fc45e5ad0c55a9c4225b0b.medium.jpg'); --rs-1: url('https://66.media.tumblr.com/fd152632dfc7d38e91e999b4c58cdda3/tumblr_py7pzwDPJ41s2b97to2_r2_540.png'); --rs-2: url('https://1.bp.blogspot.com/-l9I5Bie0Bh0/XlyMR_QxTQI/AAAAAAAABiE/RH5dZRGxKhsDwgH8_B_-AnaBtwbx7ZMPgCLcBGAsYHQ/s1600/danna-paola-in-elle-magazine-mexico-march-2020-0.jpg'); --rs-3: url('https://66.media.tumblr.com/fd152632dfc7d38e91e999b4c58cdda3/tumblr_py7pzwDPJ41s2b97to2_r2_540.png'); --rs-4: url('https://1.bp.blogspot.com/-l9I5Bie0Bh0/XlyMR_QxTQI/AAAAAAAABiE/RH5dZRGxKhsDwgH8_B_-AnaBtwbx7ZMPgCLcBGAsYHQ/s1600/danna-paola-in-elle-magazine-mexico-march-2020-0.jpg'); --rs-5: url('https://66.media.tumblr.com/fd152632dfc7d38e91e999b4c58cdda3/tumblr_py7pzwDPJ41s2b97to2_r2_540.png'); --rs-6: url('https://1.bp.blogspot.com/-l9I5Bie0Bh0/XlyMR_QxTQI/AAAAAAAABiE/RH5dZRGxKhsDwgH8_B_-AnaBtwbx7ZMPgCLcBGAsYHQ/s1600/danna-paola-in-elle-magazine-mexico-march-2020-0.jpg'); --rs-7: url('https://66.media.tumblr.com/fd152632dfc7d38e91e999b4c58cdda3/tumblr_py7pzwDPJ41s2b97to2_r2_540.png'); width:550px; height:380px; margin:auto; background-color: var(--bg); display:flex; flex-flow: row wrap; transition: .5s ease-in-out; position:relative; [/class] [class=colourswitch] --bg-2: #F9F9F9; --bg: #27181B; --border: #59484b; --color-1: #b23737; --txt: #fff; --img-1: url('https://lastfm.freetls.fastly.net/i/u/ar0/e994ec21e69de60b86ab3c4160664064.jpg'); --img-2: url('https://content-images.p-cdn.com/images/93/fe/38/13/522a447183d5e211ad377d87/_500W_500H.jpg'); transition: .8s ease-in-out; [/class] [class=home] height:80%; width:100%; display:flex; align-items:center; align-content: center; justify-content: center; flex-flow: row wrap; [/class] [class=header] height:18%; width:100%; position:absolute; display:flex; flex-flow: row-reverse nowrap; z-index:4; box-sizing:border-box; padding-right:10%; align-content: flex-end; align-items: flex-end; [/class] [class=role] height:100%; min-width:40%; max-width:70%; flex-shrink:0; color: var(--border); font-size:46px; font-weight:bold; letter-spacing:2px; font-family: 'Playfair Display', serif; transition: .5s; padding-right:10px; box-sizing:border-box; line-height:200%; [/class] [class name=role state=hover] color: var(--color-1); transition: .5s; [/class] [class=quote] flex-grow:1; align-self: flex-end; text-align:right; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-family: 'Poppins' , sans-serif; box-sizing:border-box; padding-right:10px; justify-content: flex-end; overflow:hidden; line-height:120%; margin-top:15px; color: var(--txt); font-weight:normal; [/class] [class=qemp] display:inline-block; color: var(--color-1); padding:1.5px; padding-top:0px; padding-bottom:0px; font-weight: bold; [/class] [class=sidebar] height:380px; width:44%; position:relative; display:flex; flex-flow: row wrap; [/class] [class=navi] height:100%; width:22%; border-left:1px solid var(--border); display:flex; flex-flow: row wrap; box-sizing:border-box; justify-content:center; align-items: space-between; padding-top:8%; padding-bottom:10px; z-index:5; [/class] [class=sbimg] width:78%; height:77%; align-self: flex-end; background: var(--img-1); background-size:auto 100%; background-position:50% 50%; position:relative; [/class] [class=button] height: 18%; width:90% display:inline-block; box-sizing:border-box; display:flex; cursor: pointer; color:black; transition:.7s; color: var(--txt); [/class] [class name=button state=hover] color: var(--color-1); cursor:pointer; transition:.7s; [/class] [class=buttontext] display:flex; transform: rotate(90deg); font-family: 'Eurotypo Bodoni', serif; font-weight: bold; letter-spacing:0.5px; font-size:16px; align-self:center; line-height:150%; padding-bottom:4px; box-sizing:border-box; [/class] [class=buttonselect] color: var(--color-1); [/class] [script class=button on=click version=2] (hide "home") (= currentTab (index (split (getText) "#") 0 )) (if (== openedTab currentTab) (stop)) (fadeOut 200 "rsnav") (removeClass "buttonselect" "button") (hide "tabs") (fadeIn 800 (+ currentTab "tab")) (fadeIn 600 (+ currentTab "rsnavi")) (addClass "buttonselect" (+ currentTab "btn")) (= openedTab currentTab) [/script] [class=colourswitchc] height:15px; width:15px; border-radius:50%; border:1px solid var(--color-1); padding:3px; font-size:0; z-index:9; position:relative; top:10px; [/class] [class=colourswitchb] height:100%; width:100%; background-color: var(--bg-2); border-radius:50%; transition: .3s; margin:auto; [/class] [class name=colourswitchb state=hover] background-color: var(--bg); border-radius:50%; transition: .3s; cursor:pointer; [/class] [script class=colourswitchb on=click version=2] (= newColour (getText)) (if (== newColour "") (group (addClass "colourswitch" "container") (setText "1"))) (if (== newColour "1") (group (removeClass "colourswitch" "container") (setText ""))) [/script] [class=body] height:77%; width:56%; align-self: flex-end; position:relative; [/class] [class name=scroll minWidth="550px"] height:100%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class=tabs] height:100%; width:100%; position:absolute; color: var(--txt); [/class] [class=req] height:100%; width:100%; padding:15px; box-sizing:border-box; padding-top:0px; display:flex; flex-flow: row wrap; [/class] [class=reqiconb] height:100px; width:100px; border:1px solid var(--txt); padding:3px; [/class] [class=reqicon] height:100%; width:100%; margin:auto; background: var(--img-2); background-size:100%; [/class] [class=reqbox1c] height:39%; width:61%; padding:5px; padding-top:0px; box-sizing:border-box; overflow:hidden; [/class] [class=reqbox1] height:100%; width:100%; display:flex; flex-flow: row wrap; align-items: space-between; [/class] [class=reqc] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:5px; line-height:150%; font-family: 'Karla', sans-serif; box-sizing:border-box; padding-left:8px; [/class] [class=h1] display:inline-block; height:15px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:0.5px; flex-shrink:0; [/class] [class=reqt1] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:right; [/class] [class=reqbox2c] height:56%; width:100%; align-self: flex-end; overflow:hidden; padding:3px; [/class] [class=reqbox2] height:100%; weight:100%; display:flex; flex-flow: row wrap; [/class] [class=h2] height:17px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:1px; flex-shrink:0; [/class] [class=reqt2] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:justify; line-height:145%; [/class] [class=reqc2] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10.5px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:10px; line-height:151%; font-family: 'Karla', sans-serif; box-sizing:border-box; [/class] [class=style] display:inline; color: var(--txt); transition: .3s; [/class] [class name=style state=hover] color: var(--color-1); transition: .3s; [/class] [class=pers] height:100%; width:100%; padding:15px; overflow:hidden; box-sizing:border-box; padding-top:0px; [/class] [class=h3] background-color: var(--bg); font-family: 'Eurotypo Bodoni', serif; font-weight:bold; letter-spacing:1px; width:101%; text-align: center; color: var(--color-1); font-size:20px; position:sticky; top:0; line-height:150%; [/class] [class=perst] width:100%; height: fit-content; font-size:10px; text-align:justify; font-family: 'Karla', sans-serif; white-space: pre-wrap; line-height:150%; [/class] [class=history] height:100%; width:100%; padding:15px; padding-top:0px; overflow:hidden; box-sizing:border-box; [/class] [class=rsnav] height: 100%; width: 100%; background-color: var(--bg); border:1px solid var(--border); border-bottom: 0px; border-right:0px; overflow:hidden; box-sizing:border-box; display:flex; flex-flow: column nowrap; box-sizing:border-box; bottom:0; position:absolute; [/class] [class=rsscroll] width:calc(100% + 13.5px); height:100%; overflow-y:scroll; overflow-x:hidden; [/class] [class=rsbutton] height:20%; width:100%; position:relative; display:flex; flex-flow: row nowrap; justify-content: center; [/class] [class name=rsbutton state=hover] cursor:pointer; [/class] [script class=rsbutton on=mouseenter version=2] (= currentRs (index (split (getText) "#") 0 )) (addClass "rsnavimgs" (+ currentRs "rsnimg")) [/script] [script class=rsbutton on=mouseleave] removeClass rsnavimgs rsnavimg [/script] [script class=rsbutton on=click version=2] (= currentRs (index (split (getText) "#") 0 )) (if (== openedRs currentRs) (stop)) (hide "rstabs") (removeClass "rsselect" "rsbutton") (fadeIn 550 (+ currentRs "rs")) (= openedRs currentRs) [/script] [class=rsnavimg] height:100%; width:100%; position:relative; transition: 0.3s ease-in-out; [/class] [class=rsnavimgs] transform: scale(0.92); transition: 0.3s ease-in-out; [/class] [class=rsnavname] height:25%; width:80%; justify-self: center; text-align:center; padding:1px; background-color: var(--bg); color: var(--txt); position:absolute; top:60%; font-size:9px; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing:1px; [/class] [class=rstabs] height:100%; width:100%; padding:15px; padding-top:0px; [/class] [class=rstabs] height:100%; width:100%; position:absolute; display:flex; flex-flow:row wrap; padding:10px; padding-top:0px; padding-left:5px; box-sizing:border-box; [/class] [class name=rsisa] height:40%; width:60%; margin-right:1%; padding-right:10px; padding-left:3px; box-sizing:border-box; margin-top:5px; [/class] [class=rsiconb] height:105px; width:105px; border:1px solid var(--txt); box-sizing:border-box; margin-top:7px; padding:0px; [/class] [class=rsicon] height:100%; width:100%; margin:auto; [/class] [class name=rsname] height: fit-content; margin-bottom:5px; width:100%; font-size:25px; text-align:right; color: var(--color-1); letter-spacing:1px; font-weight:bold; line-height:120%; font-family: 'Playfair Display', serif; [/class] [class name=rsrole] display:inline; margin-right:5px; font-size:9px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); font-style:oblique; text-shadow: 0px 0px black; font-weight:normal; opacity:0.85; line-height:200%; [/class] [class name=rsstatus] height:15%; width:100%; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; color: var(--txt); text-align:right; line-height:130%; font-family: 'Karla', sans-serif; [/class] [class name=rsbarcon] width:90%; height:40%; padding-top:12px; box-sizing:border-box; opacity:0.9; margin:auto; margin-top:-5px; [/class] [class name=rsbar] width:100%; height:40%; border:1px solid var(--txt); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:11.5%; [/class] [class name=rsm1] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm3] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsmline] height:60%; width:1.5px; margin-left:auto; margin-right:auto; margin-top:15%; background-color: var(--txt); [/class] [class name=rstext] height:60%; width:100%; overflow:hidden; font-size:10px; text-align:justify; padding:8px; box-sizing:border-box; color: var(--txt); line-height:155%; font-family: 'Karla', sans-serif; [/class] [class=1rsnimg] background: var(--rs-1); background-size:100%; background-position: 50% 20%; [/class] [class=2rsnimg] background: var(--rs-2); background-size:100%; background-position: 50% 20%; [/class] [class=3rsnimg] background: var(--rs-3); background-size:100%; background-position: 50% 60%; [/class] [class=4rsnimg] background: var(--rs-4); background-size:100%; background-position: 50% 40%; [/class] [class=5rsnimg] background: var(--rs-5); background-size:100%; background-position: 50% 20%; [/class] [class=6rsnimg] background: var(--rs-6); background-size:100%; background-position: 50% 30%; [/class] [class=7rsnimg] background: var(--rs-7); background-size:100%; background-position: 50% 40%; [/class]
 
Last edited:
font call out
[div class=container]
♡coded by uxie♡
[div class=header] [div class=role]the loneheart.[/div] [div class=quote][div class=qemp]will[/div] we ever meet again?[/div] [/div] [div class=body] [div class=home]
Eliza Oto
❝silence tells all❞
[/div] [div class="tabs 1tab" style=display:none;][div class=req] [div class=reqiconb][div class=reqicon][/div][/div] [div class=reqbox1c][div class=scroll style=width:110%;] [div class=reqbox1] [div class=reqc style=margin-top:2px;] [div class=h1]name[/div] [div class=reqt1]Eliza Serene Oto[/div] [/div] [div class=reqc] [div class=h1]nicknames[/div] [div class=reqt1]Liz, Eely[/div] [/div] [div class=reqc] [div class=h1]age[/div] [div class=reqt1]unknown[/div] [/div] [div class=reqc] [div class=h1]gender[/div] [div class=reqt1]cis-gender female[/div] [/div] [div class=reqc] [div class=h1]sexuality[/div] [div class=reqt1]bisexual[/div] [/div] [div class=reqc] [div class=h1]dob[/div] [div class=reqt1]october 25th[/div] [/div] [div class=reqc] [div class=h1]zodiac[/div] [div class=reqt1]scorpio[/div] [/div] [div class=reqc] [div class=h1]birthplace[/div] [div class=reqt1]cork, ireland[/div] [/div] [div class=reqc] [div class=h1]ethnicity[/div] [div class=reqt1]half-hispanic, half-irish[/div] [/div] [/div] [/div][/div] [div class=reqbox2c][div class=scroll] [div class=reqbox2] [div class=reqc2 style=margin-top:0px;] [div class=h2]hair[/div] [div class=reqt2]Eliza's hair is naturally a toffee brown and supremely curly, but she prefers to straighten for ease of care[/div] [/div] [div class=reqc2] [div class=h2]eyes[/div] [div class=reqt2]a somber, heady blue that haunts you [/div] [/div] [div class=reqc2] [div class=h2]skin[/div] [div class=reqt2]Eliza's skin is a warm golden tan color and sprinkled with freckles along her arms. She rarely sleeps and is prone to dark but kinda fashionable bags under her eyes[/div] [/div] [div class=reqc2] [div class=h2]height[/div] [div class=reqt2]5'8''[/div] [/div] [div class=reqc2] [div class=h2]weight[/div] [div class=reqt2]127lbs[/div] [/div] [div class=reqc2] [div class=h2]dist. features[/div] [div class=reqt2]Eliza's eyes are the most expressive part of her face. She frequently gazes off as if staring at worlds far away. She also has names of mars two moons tattooed on the back of her middle fingers, and her voice is permanently rough and scratchy from being a banshee.[/div] [/div] [div class=reqc2] [div class=h2]style[/div] [div class=reqt2] Eliza likes to wear clothes that are comfy but cute. She likes to experiment with different kinds of styles, and doesn't want to limit how she expressed herself. In general, she's fond of sweaters and jeans in her casual wear, but likes flowy tops, shawls, and your standard indie/hippie vibe when she feels inspired to be artsy. [/div] [/div] [div class=reqc2] [div class=h2]faceclaim[/div] [div class=reqt2]maria pedrazai[/div] [/div] [/div] [/div][/div] [/div][/div] [div class="tabs 2tab" style=display:none;] [div class=pers][div class=scroll] [div class=h3]persona[/div] [div class=perst]Eliza frequently finds herself feeling out of touch from the people around her, but she tries not to let it bother her. She's a dreamer and a musician on a mission to live the life that was snatched away from her from years of isolation. Eliza finds people amusing but messy. She has no qualms with joining in on messy and will make the best out of the worst situation if she's having a good time. The banshee does not shy away from uncomfortable topics if they come up, but it can be hard to get a read on what she's thinking if she doesn't say it outright. This is not to say that she's some ultimate zen girl. Eliza has a horrid temper and if she's pushed to anger, she fights first talks later. And she'll fight dirty if need be. The thing of interest is that, once you've fought with Eliza or exchanged harsh words, you're alright in her book. You've earned her respect. She's no softie, and believes that harsh realities need to be faced. How you choose to face them is up to you. Eliza prefers to let it roll off her shoulder and have a good time. [/div] [div class=h3]ailments[/div] [div class=perst]Eliza relies on drugs frequently to achieve her escapist attitude. When she's not on something, she can be much more cruel and apathetic towards people. Her banshee abilities also cause great strain on her throat and make it hard to talk at times. [/div] [div class=reqc2 style=margin-top:10px;] [div class=h2]vices[/div] [div class=reqt2]Out of touch, Pessimistic, Closed off, Escapist, Blunt, Hot headed[/div] [/div] [div class=reqc2] [div class=h2]virtues[/div] [div class=reqt2]Easy-going, Artistic, Great Listener, Witty, Explorer[/div] [/div] [div class=reqc2] [div class=h2]likes[/div] [div class=reqt2]music, forests, drugs, painting, philosophy, fighting, dancing, tea[/div] [/div] [div class=reqc2] [div class=h2]dislikes[/div] [div class=reqt2]negativity, liars, small talk, being came onto, sugar, heat [/div] [/div] [div class=reqc2] [div class=h2]fears[/div] [div class=reqt2]The day she foreshadows her own death[/div] [/div] [div class=reqc2] [div class=h2]alignment[/div] [div class=reqt2]neutral good[/div] [/div] [/div][/div] [/div] [div class="tabs 3tab" style=display:none;] [div class=history][div class=scroll] [div class=h3]history[/div] [div class=perst style=margin-bottom:5px;] Eliza spent the majority of her life isolated in the mountains. Her home was a cabin overseen by her overbearing, witch grandmother. Eliza doesn't remember having parents. There's no memories of being tucked in at night, being left behind, or even learning of their deaths. From the day she can remember, it's been her. Her and her grandmother. Eliza can't miss what she doesn't know. Eliza is a cut and dry girl. Everything is best presented and registered at face value. Her grandmother hated beating around the bush and so does she. Avoidance does nothing in her eyes except breed resentment. The days spent with her grandmother were lonely. The elderly woman was rarely home, out in the world Eliza couldn't reach, and when she was home interaction with her granddaughter was limited to her being a guinea pig for her spells and charms. It didn't bother Eliza that her grandmother had a life of her own. Her witchy lifestyle was her choice, but the constant use of Eliza for the test of less than savory magic left her angry. She'd been plagued my nightmares, burns, possessions, and a building resentment that she had so little control in her life and over what was done to her body. The isolation and torment started to get to Eliza. No longer did singing herself to sleep ease the heat in her heart when she awoke, or painting the trees quell her desire to leave. She wanted to hurt the elderly woman who she only knew by one name and nothing else. When her grandmother returned late in the evening from her mysterious activity, Eliza exited her bedroom to look at her... and screamed. The noise exploded from her throat against her will and killed the woman. The rest of the night, Eliza spent in shock as she buried her "grandmother." By morning, she was gone. Lost to the wind. Travelling was a scary and cathartic experience for Eliza, she learned a lot about the world and how cruelty didn't stop outside the threshold of her home. But seeing the world was too freeing to dampen her joy. Eliza could never stay too long in one place, or she risked crossing paths with someone fated to die. The wailing caused Eliza more than one type of pain that she couldn't handle. The nights after a wail were always spent in tears in a darkened room. Eliza became a known travelling musician as she journeyed from place to place, but because she never seemed to age. She started to become a legend in the tales of the people rather than a real being. Her name is the wailing woman, but not because of her screams. But because her music charms humans into crying. [/div] [div class=h3]miscellaneous[/div] [div class=reqc2] [div class=h2]species[/div] [div class=reqt2]As a banshee, Eliza wails when someone is going to die. The screams that burst from her can have enough intensity to cause damage, and are dangerous to anyone in the line of fire. The screams are not only limited to death, Eliza can also use them at will. If she's not careful, Eliza can't accidentally activate her abilities since it gives her a naturally more intense voice than the average person. Her abilities are not only limited to her screams. Eliza can also enchant individuals with her singing, burn someone with her tears, and is able to fly and phase through walls since she is technically a spirit. Eliza has not aged in quite some time, even before her grandmother's death, but she's not sure if this is due to her being a Banshee or her grandmother's experiments. She doesn't care to figure it out. [/div] [/div] [div class=reqc2] [div class=h2]extra[/div] [div class=reqt2]It is said that a banshee can scream loud enough to shatter glass. If Eliza screams multiple times in a short period of time, it can strip her throat raw and cause her to cough up blood and lose her voice.[/div] [/div] [div class=reqc2] [div class=h2]recieved brochure[/div] [div class=reqt2]After Eliza's grandmother died, she spent a lot of time wandering and travelling the world. She never aged for reasons unknown, but when she finally returned to the cabin, the brochure was waiting for her on the coffee table.[/div] [/div] [/div][/div] [/div] [div class="tabs 4tab" style=display:none;] [div class=relationships] [div class="rstabs 1rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 1rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 2rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 2rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 3rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 3rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 4rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 4rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 5rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 5rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 6rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 6rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 7rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div] [div class="rsiconb"][div class="rsicon 7rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [/div] [/div] [/div] [div class=sidebar] [div class=sbimg] [div class="rsnav 4rsnavi" style=display:none;][div class=rsscroll] [div class="rsbutton 1rsbtn"]
1#
[div class="rsnavimg 1rsnimg"][/div] [div class=rsnavname]the huntress[/div] [/div] [div class="rsbutton 2rsbtn"]
2#
[div class="rsnavimg 2rsnimg"][/div] [div class=rsnavname]the unholy[/div] [/div] [div class="rsbutton 3rsbtn"]
3#
[div class="rsnavimg 3rsnimg"][/div] [div class=rsnavname]the studious[/div] [/div] [div class="rsbutton 4rsbtn"]
4#
[div class="rsnavimg 4rsnimg"][/div] [div class=rsnavname]the warrior[/div] [/div] [div class="rsbutton 5rsbtn"]
5#
[div class="rsnavimg 5rsnimg"][/div] [div class=rsnavname]the alchemist[/div] [/div] [div class="rsbutton 6rsbtn"]
6#
[div class="rsnavimg 6rsnimg"][/div] [div class=rsnavname]the ill[/div] [/div] [div class="rsbutton 7rsbtn"]
7#
[div class="rsnavimg 7rsnimg"][/div] [div class=rsnavname]the wild[/div] [/div] [/div][/div] [/div] [div class=navi] [div class="button 1btn"][div class=buttontext]
1#
basics[/div][/div] [div class="button 2btn"][div class=buttontext]
2#
persona[/div][/div] [div class="button 3btn"][div class=buttontext]
3#
history[/div][/div] [div class="button 4btn"][div class=buttontext]
4#
relations[/div][/div] [div class=colourswitchc][div class=colourswitchb][/div][/div] [/div] [/div] [/div]

[class=container] --bg: #F9F9F9; --bg-2: #27181B; --border: #cecece; --color-1: #68B8C1; --txt: #262626; --img-1: url('https://www.gotceleb.com/wp-content/uploads/photos/maria-pedraza/for-instyle-magazine-2018/Maria-Pedraza-for-InStyle-Magazine-2018--07.jpg'); --img-2: url('https://www.gotceleb.com/wp-content/uploads/photos/maria-pedraza/instyle-spain-magazine-february-2020/Maria-Pedraza---Instyle-Spain-Magazine-2020-16-586x733.jpg'); --rs-1: url('https://www.celebskart.com/wp-content/uploads/2018/11/maria-pedraza-for-instyle-magazine-2018-08.jpg'); --rs-2: url('https://www.gotceleb.com/wp-content/uploads/photos/maria-pedraza/instyle-spain-magazine-february-2020/Maria-Pedraza---Instyle-Spain-Magazine-2020-16-586x733.jpg'); --rs-3: url('https://www.celebskart.com/wp-content/uploads/2018/11/maria-pedraza-for-instyle-magazine-2018-08.jpg'); --rs-4: url('https://www.gotceleb.com/wp-content/uploads/photos/maria-pedraza/instyle-spain-magazine-february-2020/Maria-Pedraza---Instyle-Spain-Magazine-2020-16-586x733.jpg'); --rs-5: url('https://www.celebskart.com/wp-content/uploads/2018/11/maria-pedraza-for-instyle-magazine-2018-08.jpg'); --rs-6: url('https://www.gotceleb.com/wp-content/uploads/photos/maria-pedraza/instyle-spain-magazine-february-2020/Maria-Pedraza---Instyle-Spain-Magazine-2020-16-586x733.jpg'); --rs-7: url('https://www.celebskart.com/wp-content/uploads/2018/11/maria-pedraza-for-instyle-magazine-2018-08.jpg'); width:550px; height:380px; margin:auto; background-color: var(--bg); display:flex; flex-flow: row wrap; transition: .5s ease-in-out; position:relative; [/class] [class=colourswitch] --bg-2: #F9F9F9; --bg: #27181B; --border: #59484b; --color-1: #b23737; --txt: #fff; --img-1: url('https://www.fashiongonerogue.com/wp-content/uploads/2019/05/Maria-Pedraza-Ballet-Photoshoot02.jpg'); --img-2: url('https://66.media.tumblr.com/b85f23afc40c6259779edb33b5fc0666/tumblr_ph472jQqOJ1wlnqdto9_250.png'); transition: .8s ease-in-out; [/class] [class=home] height:80%; width:100%; display:flex; align-items:center; align-content: center; justify-content: center; flex-flow: row wrap; [/class] [class=header] height:18%; width:100%; position:absolute; display:flex; flex-flow: row-reverse nowrap; z-index:4; box-sizing:border-box; padding-right:10%; align-content: flex-end; align-items: flex-end; [/class] [class=role] height:100%; min-width:40%; max-width:70%; flex-shrink:0; color: var(--border); font-size:46px; font-weight:bold; letter-spacing:2px; font-family: 'Playfair Display', serif; transition: .5s; padding-right:10px; box-sizing:border-box; line-height:200%; [/class] [class name=role state=hover] color: var(--color-1); transition: .5s; [/class] [class=quote] flex-grow:1; align-self: flex-end; text-align:right; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-family: 'Poppins' , sans-serif; box-sizing:border-box; padding-right:10px; justify-content: flex-end; overflow:hidden; line-height:120%; margin-top:15px; color: var(--txt); font-weight:normal; [/class] [class=qemp] display:inline-block; color: var(--color-1); padding:1.5px; padding-top:0px; padding-bottom:0px; font-weight: bold; [/class] [class=sidebar] height:380px; width:44%; position:relative; display:flex; flex-flow: row wrap; [/class] [class=navi] height:100%; width:22%; border-left:1px solid var(--border); display:flex; flex-flow: row wrap; box-sizing:border-box; justify-content:center; align-items: space-between; padding-top:8%; padding-bottom:10px; z-index:5; [/class] [class=sbimg] width:78%; height:77%; align-self: flex-end; background: var(--img-1); background-size:auto 100%; background-position:50% 50%; position:relative; [/class] [class=button] height: 18%; width:90% display:inline-block; box-sizing:border-box; display:flex; cursor: pointer; color:black; transition:.7s; color: var(--txt); [/class] [class name=button state=hover] color: var(--color-1); cursor:pointer; transition:.7s; [/class] [class=buttontext] display:flex; transform: rotate(90deg); font-family: 'Eurotypo Bodoni', serif; font-weight: bold; letter-spacing:0.5px; font-size:16px; align-self:center; line-height:150%; padding-bottom:4px; box-sizing:border-box; [/class] [class=buttonselect] color: var(--color-1); [/class] [script class=button on=click version=2] (hide "home") (= currentTab (index (split (getText) "#") 0 )) (if (== openedTab currentTab) (stop)) (fadeOut 200 "rsnav") (removeClass "buttonselect" "button") (hide "tabs") (fadeIn 800 (+ currentTab "tab")) (fadeIn 600 (+ currentTab "rsnavi")) (addClass "buttonselect" (+ currentTab "btn")) (= openedTab currentTab) [/script] [class=colourswitchc] height:15px; width:15px; border-radius:50%; border:1px solid var(--color-1); padding:3px; font-size:0; z-index:9; position:relative; top:10px; [/class] [class=colourswitchb] height:100%; width:100%; background-color: var(--bg-2); border-radius:50%; transition: .3s; margin:auto; [/class] [class name=colourswitchb state=hover] background-color: var(--bg); border-radius:50%; transition: .3s; cursor:pointer; [/class] [script class=colourswitchb on=click version=2] (= newColour (getText)) (if (== newColour "") (group (addClass "colourswitch" "container") (setText "1"))) (if (== newColour "1") (group (removeClass "colourswitch" "container") (setText ""))) [/script] [class=body] height:77%; width:56%; align-self: flex-end; position:relative; [/class] [class name=scroll minWidth="550px"] height:100%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class=tabs] height:100%; width:100%; position:absolute; color: var(--txt); [/class] [class=req] height:100%; width:100%; padding:15px; box-sizing:border-box; padding-top:0px; display:flex; flex-flow: row wrap; [/class] [class=reqiconb] height:100px; width:100px; border:1px solid var(--txt); padding:3px; [/class] [class=reqicon] height:100%; width:100%; margin:auto; background: var(--img-2); background-size:100%; [/class] [class=reqbox1c] height:39%; width:61%; padding:5px; padding-top:0px; box-sizing:border-box; overflow:hidden; [/class] [class=reqbox1] height:100%; width:100%; display:flex; flex-flow: row wrap; align-items: space-between; [/class] [class=reqc] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:5px; line-height:150%; font-family: 'Karla', sans-serif; box-sizing:border-box; padding-left:8px; [/class] [class=h1] display:inline-block; height:15px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:0.5px; flex-shrink:0; [/class] [class=reqt1] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:right; [/class] [class=reqbox2c] height:56%; width:100%; align-self: flex-end; overflow:hidden; padding:3px; [/class] [class=reqbox2] height:100%; weight:100%; display:flex; flex-flow: row wrap; [/class] [class=h2] height:17px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:1px; flex-shrink:0; [/class] [class=reqt2] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:justify; line-height:145%; [/class] [class=reqc2] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10.5px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:10px; line-height:151%; font-family: 'Karla', sans-serif; box-sizing:border-box; [/class] [class=style] display:inline; color: var(--txt); transition: .3s; [/class] [class name=style state=hover] color: var(--color-1); transition: .3s; [/class] [class=pers] height:100%; width:100%; padding:15px; overflow:hidden; box-sizing:border-box; padding-top:0px; [/class] [class=h3] background-color: var(--bg); font-family: 'Eurotypo Bodoni', serif; font-weight:bold; letter-spacing:1px; width:101%; text-align: center; color: var(--color-1); font-size:20px; position:sticky; top:0; line-height:150%; [/class] [class=perst] width:100%; height: fit-content; font-size:10px; text-align:justify; font-family: 'Karla', sans-serif; white-space: pre-wrap; line-height:150%; [/class] [class=history] height:100%; width:100%; padding:15px; padding-top:0px; overflow:hidden; box-sizing:border-box; [/class] [class=rsnav] height: 100%; width: 100%; background-color: var(--bg); border:1px solid var(--border); border-bottom: 0px; border-right:0px; overflow:hidden; box-sizing:border-box; display:flex; flex-flow: column nowrap; box-sizing:border-box; bottom:0; position:absolute; [/class] [class=rsscroll] width:calc(100% + 13.5px); height:100%; overflow-y:scroll; overflow-x:hidden; [/class] [class=rsbutton] height:20%; width:100%; position:relative; display:flex; flex-flow: row nowrap; justify-content: center; [/class] [class name=rsbutton state=hover] cursor:pointer; [/class] [script class=rsbutton on=mouseenter version=2] (= currentRs (index (split (getText) "#") 0 )) (addClass "rsnavimgs" (+ currentRs "rsnimg")) [/script] [script class=rsbutton on=mouseleave] removeClass rsnavimgs rsnavimg [/script] [script class=rsbutton on=click version=2] (= currentRs (index (split (getText) "#") 0 )) (if (== openedRs currentRs) (stop)) (hide "rstabs") (removeClass "rsselect" "rsbutton") (fadeIn 550 (+ currentRs "rs")) (= openedRs currentRs) [/script] [class=rsnavimg] height:100%; width:100%; position:relative; transition: 0.3s ease-in-out; [/class] [class=rsnavimgs] transform: scale(0.92); transition: 0.3s ease-in-out; [/class] [class=rsnavname] height:25%; width:80%; justify-self: center; text-align:center; padding:1px; background-color: var(--bg); color: var(--txt); position:absolute; top:60%; font-size:9px; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing:1px; [/class] [class=rstabs] height:100%; width:100%; padding:15px; padding-top:0px; [/class] [class=rstabs] height:100%; width:100%; position:absolute; display:flex; flex-flow:row wrap; padding:10px; padding-top:0px; padding-left:5px; box-sizing:border-box; [/class] [class name=rsisa] height:40%; width:60%; margin-right:1%; padding-right:10px; padding-left:3px; box-sizing:border-box; margin-top:5px; [/class] [class=rsiconb] height:105px; width:105px; border:1px solid var(--txt); box-sizing:border-box; margin-top:7px; padding:0px; [/class] [class=rsicon] height:100%; width:100%; margin:auto; [/class] [class name=rsname] height: fit-content; margin-bottom:5px; width:100%; font-size:25px; text-align:right; color: var(--color-1); letter-spacing:1px; font-weight:bold; line-height:120%; font-family: 'Playfair Display', serif; [/class] [class name=rsrole] display:inline; margin-right:5px; font-size:9px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); font-style:oblique; text-shadow: 0px 0px black; font-weight:normal; opacity:0.85; line-height:200%; [/class] [class name=rsstatus] height:15%; width:100%; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; color: var(--txt); text-align:right; line-height:130%; font-family: 'Karla', sans-serif; [/class] [class name=rsbarcon] width:90%; height:40%; padding-top:12px; box-sizing:border-box; opacity:0.9; margin:auto; margin-top:-5px; [/class] [class name=rsbar] width:100%; height:40%; border:1px solid var(--txt); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:11.5%; [/class] [class name=rsm1] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm3] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsmline] height:60%; width:1.5px; margin-left:auto; margin-right:auto; margin-top:15%; background-color: var(--txt); [/class] [class name=rstext] height:60%; width:100%; overflow:hidden; font-size:10px; text-align:justify; padding:8px; box-sizing:border-box; color: var(--txt); line-height:155%; font-family: 'Karla', sans-serif; [/class] [class=1rsnimg] background: var(--rs-1); background-size:100%; background-position: 50% 20%; [/class] [class=2rsnimg] background: var(--rs-2); background-size:100%; background-position: 50% 20%; [/class] [class=3rsnimg] background: var(--rs-3); background-size:100%; background-position: 50% 60%; [/class] [class=4rsnimg] background: var(--rs-4); background-size:100%; background-position: 50% 40%; [/class] [class=5rsnimg] background: var(--rs-5); background-size:100%; background-position: 50% 20%; [/class] [class=6rsnimg] background: var(--rs-6); background-size:100%; background-position: 50% 30%; [/class] [class=7rsnimg] background: var(--rs-7); background-size:100%; background-position: 50% 40%; [/class]
 
Last edited:
neerim


man-eater

neerim
male
18
unsure
native
6'3
124kg
bunyip
look & persona
hair: dark, wavy, soft, and in abundance. it cascades in waves over his shoulders and down his mid-back, and, considering it has been untouched for all of his existence, is very healthy.
eyes: black, cold, with no differentiation between pupil and iris. constantly dilated.
skin: light tan, with an odd, velvety texture
height: 6'3
weight: 212lbs
build: broad-shouldered, and denser than his lean appearance would lead to believe. his spine is odd, spiked, defined, and protrudes from his back in a way in which almost looks uncomfortable.
dist. features: particularly sharp teeth, long, pointed incisors, pointed ears, and long nails


personality: neerim is not warm, nor is he soft. he is all hard edges and cold stares, biting words and eye-rolls. he is not a nice boy. his lack of, how you could say, proper interaction, has left him cold and unforgiving. he is blunt, aggressive, forceful, and relatively antisocial. he does not speak often, though when he does, it does not tend to leave him with new friends. his lack of life experience and sociability leaves him both curious and defensive, and he is prone to lashing out when he feels as though he is being insulted or undermined. he's a feral child through and through: he is concerned solely with his own survival, and cares very little about the company and comfort of others.

pos. traits: curious, honest, adaptable, passionate
neg. traits: blunt, callous, aggressive, unsympathetic
likes: raw meat, strong liquor, nature, swimming, fire
dislikes: loud noises, sweets, crowds, feeling idiotic, excessive grooming
alignment: chaotic neutral
biography
species: neerim is a bunyip, a beast of aboriginal australian origin, infamous for lurking around marshy areas and eating whomever stalks too close to their water.

history: neerim has no memory of being born. nor, precisely, does he have an exact memory of what one could consider a "childhood." to the best of his recollection, he has looked as he does now for the rise and fall of many a moon. prior to his arrival at the wollstonecraft academy, he resided in a dewy swamp region in australia, feasting upon tourists and those poor unfortunate souls who desired to solve the mystery of the many disappearances in his region. it was a simple, gory existence. he swam, walked, and observed wildlife, but felt as though he had no autonomy to show for his consciousness. it was dismal.

it carried on like that for an uncountable amount of time, until it did not. on a day that was dry, with bright sun, when he had gone what felt like ages since he had last properly eaten, someone arrived. he stalked, rose, roared, and grasped, as he did on a typical hunt, but to no avail. his visitor was somehow unaffected. they were amused, lips upturned, eyes alight. they called themselves ████ ██████ ████████ , and asked how he'd fancy a change of scenery. they explained that this was not customary---at home visits were seldom given, but they figured a letter would do no good, as neerim was illiterate. he was offered something called an education at a thing called an academy, where he could experience things far beyond what this swamp offered him.

though in terms of chronology, neerim is likely ancient, his spirit is young. his curiosity bested him. he agreed. on that day, his life changed eternally. the strange individual gave neerim his name, as he had never had anything to call himself by, and an entirely new existence. he has been at wollstonecraft ever since.

code by @pasta
 
[class=container]height: 350px; width: 450px; background-color: #9DC588; border-radius: 10px; box-shadow: 0px 0px 4px 0px rgba(129, 130, 132,.7);[/class] [class=tabs]position: absolute; top: 0; right: 0; width: 150px; height: 350px;[/class] [class=tab]display: inline-block; position: relative; left: 40px; width: 90px; height: 40px; border-radius: 10px; background-color: #9DC588; box-shadow: 0px 0px 4px 0px rgba(83, 106, 71,.7); line-height: 15px; text-align: center; color: #FFFFFF; font-size: 20px; line-height: 36px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class] [class=line]position: relative; margin-left: -40px; width: 40px; height: 2px; background-color: #FFFFFF; opacity: 0.7; top: 19px;[/class] [class=slab]position: absolute; left: 2px; top: 2px; z-index: 50; background-color: #9DC588; height: 36px; width: 87px; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 36px; font-weight: 500; letter-spacing: 1px;[/class] [class=title]position: absolute; bottom: 5px; right: 185px; font-size: 50px; text-transform: uppercase; font-weight: 900; letter-spacing: -2px; color: #FFFFFF; text-shadow: 2px 2px #2B521F;[/class] [class=textbox]padding: 10px; position: absolute; top: 30px; left: 190px; height: 270px; width: 210px; border-radius: 10px; font-size: 12px; background-color: white; overflow: hidden; padding-right: 5px; text-align: justify;[/class] [class=scroll]width: calc(100% + 12px); height: 270px; overflow-y: scroll; padding-right: 15px; white-space: pre-line; color: #9DC588;[/class] [class=tag]display: inline-block; line-height: 19px; height: 21px; padding-left: 3px; padding-right: 3px; background: #9DC588; color: #fff;[/class] [script class=tab1 on=mouseenter] fadeIn 500 slab1 hide slab2 hide slab3 hide slab4 hide slab5 [/script] [script class=tab1 on=mouseleave] fadeOut 500 slab1 [/script] [script class=tab2 on=mouseenter] fadeIn 500 slab2 hide slab1 hide slab3 hide slab4 hide slab5 [/script] [script class=tab2 on=mouseleave] fadeOut 500 slab2 [/script] [script class=tab3 on=mouseenter] fadeIn 500 slab3 hide slab1 hide slab2 hide slab4 hide slab5 [/script] [script class=tab3 on=mouseleave] fadeOut 500 slab3 [/script] [script class=tab4 on=mouseenter] fadeIn 500 slab4 hide slab1 hide slab2 hide slab3 hide slab5 [/script] [script class=tab4 on=mouseleave] fadeOut 500 slab4 [/script] [script class=tab5 on=mouseenter] fadeIn 500 slab5 hide slab1 hide slab2 hide slab3 hide slab4 [/script] [script class=tab5 on=mouseleave] fadeOut 500 slab5 [/script] [script class=tab1 on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent1[/script] [script class=tab2 on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent2[/script] [script class=tab3 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent3[/script] [script class=tab4 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent3 hide tabsContent5 fadeIn 1000 tabsContent4[/script] [script class=tab5 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeIn 1000 tabsContent5[/script]
[div class=container][div class="tabsContent tabsContent5"]
[div class=title]Aoi Hamasaki
[div class="tabsContent tabsContent1" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]Name[/div] Aoi Hamasaki [div class=tag]Nickname[/div] Frogman, The Frog Prince, Pepe [div class=tag]Age[/div] Unknown [div class=tag]Gender[/div] Male [div class=tag]Sexuality[/div] Bisexual [div class=tag]Date of Birth[/div] March 1st [div class=tag]Zodiac[/div] Pisces [div class=tag]Place of Birth[/div] A pond in Japan [div class=tag]Race/Ethnicity[/div] Japanese [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]Height[/div] 5'6" | 167 cm [div class=tag]Weight[/div] 130 lbs | 59 kg [div class=tag]Hair[/div] Aoi's hair is reminiscent of dirt and mud, being a combination of several shades of brown it is kept at a medium length with bangs long enough to cover his eyes. [div class=tag]Eyes[/div] His eyes are of an amber hue with pupils similar to horizontal slits. He is quite self-conscious about them which is why his bangs are kept so long. [div class=tag]Skin[/div] Aoi's skin is light and warm in color. In terms of texture, it is smooth and slippery, drying out easily if he doesn't stay hydrated. [div class=tag]Distinguishing Features[/div] His typically damp skin, very round face, strange eyes, and odd haircut are most noticeable about Aoi. However, he also has two scars a couple of inches long on his chest and back along with a long tongue. [div class=tag]Wardrobe[/div] Aoi can typically found sporting a bright yellow raincoat with matching boots. sometimes he'll even pair a bucket hat with it. he sticks to bright, happy colors with plenty of green and yellow. [/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]Personality[/div] Aoi is an altruistic character. He likes to help out but sticks to his gut about what is good and what isn't. Before making a decision he likes to review all sides thoroughly, going with what he sees fit as opposed to rules. Aoi often severely underestimates himself and his limits, that extra push something he often finds in other people. On the other hand, he is distrustful and often takes on too many responsibilities. He can be self-conscious and appreciative of those that are uplifting. Aoi is more of a homebody or rather, he isn't all that adventurous. Among nature is where he truly belong and often does he worship Mother Nature who gave him his Frog Prince title. [div class=tag]Alignment[/div] Neutral Good [div class=tag]Positive Traits[/div] Altruistic, loyal, hard-working , empathetic [div class=tag]Negative Traits[/div] Stubborn, impatient, distrustful, insecure [div class=tag]Likes[/div] Spring, puddles, mud, flowers, gardening, rain [div class=tag]Dislikes[/div] Dry weather, hot concrete, falling in love, heartbreak, reckless people, littering [div class=tag]Fears[/div] Falling in love is both something Aoi hates and fears. It's the cause of his transformation and something he cannot control. [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]Species[/div] Frog Prince [div class=tag]Explanation[/div] Aoi is a Frog Prince, the inspiration for the fairy tales often told. Frog Princes have two forms: a human form and a frog form. They originate as ordinary frogs from ponds or lakes. If a human happens to become infatuated with the frog and Mother Nature approves, she will grant the frog "Frog Prince" status. Once kissed, the Frog Prince will be granted human form with features such as their slimy skin and eyes still evocative of an actual frog. [div class=tag]Rules of Species[/div] Frog Princes in their human form must stay hydrated. Dehydration and a Frog Prince is a recipe for disaster. If a Frog Prince's relationship ends with the human who brought him to be in some way, the Frog Prince will remain humanoid. However, the next time that he falls in love, he will revert back into a frog but keeps his ability to speak. In order to change the Frog Prince back into his humanoid form, he must be kissed by whoever he has placed his affections on. If the Frog Prince Suffers heartbreak, he will remain a frog and the process must start over. [div class=tag]History[/div] Aoi was born in a small pond in the Kansai region of Japan. Most of his early life was spent doing ordinary frog things. One day when he was sitting on a rock, minding his own business, a woman sat beside him on the shore, crying. Desperate for anyone to talk to, she ended up venting to Aoi. This happened several times and eventually he learned that her name was Masako. She was a high school student who had recently broken up with her boyfriend. In addition, her home life wasn't very good either. Masako and Aoi had good times together. He let her carry him around and talk to him. She didn't even seem to mind how slimy and dirty he was. One night, Mother Nature visited Aoi in a dream, telling him of his opportunity to be a Frog Prince. Although out of his control, he wanted more than anything to become a human like Masako in order to truly be there for her. After one particularly good visit where Aoi managed to cheer her up with a low croak, Masako was saying her goodbyes and kissed him on top of his back. Immediately the transformation took effect and Aoi became humanoid. However, Masako was absolutely disgusted and ran away, screaming that he was a pervert. Aoi waited for her in the pond for weeks, soon coming to realize that Masako wasn't coming back. Dealing with this new heartbreak and nowhere to go, Aoi received a mysterious invitation from WSC. [div class=tag]Relationships[/div] Masako Matsumoto - She was Aoi's first love. She broke his heart after she rejected him when stopped being a frog. [/div][/div][/div][/div] [div class=tabs style="font-family: EB Garamond;"]
[div class="tab tab1"][div class=line]
[div class="slab slab1" style="display: none;"]basics[/div][/div] [div class="tab tab2"][div class=line][/div] [div class="slab slab2" style="display: none;"]looks[/div][/div] [div class="tab tab3"][div class=line][/div] [div class="slab slab3" style="display: none;"]persona[/div][/div] [div class="tab tab4"][div class=line][/div] [div class="slab slab4" style="display: none;"]history[/div][/div] [div class="tab tab5"][div class=line][/div] [div class="slab slab5" style="display: none;"]return[/div][/div][/div][/div][/div]
coded by
constellation
.
[/div]
 
[div class=leftbody]
I GOT YOU MOONLIGHT, YOU'RE MY
[div class=tabs][div class=tab style="-webkit-text-stroke: 2px #6f755d;"][div class=first]A
[/div][div class=tab style="-webkit-text-stroke: 2px #6f755d;"][div class=second]B[/div][/div][div class=tab style="width: 40px; -webkit-text-stroke: 2px #6f755d;"][div class=third]C[/div][/div][/div]
NARESSA 'YVONNE' DUPONT, is EIGHTEEN YEARS OLD ; born on FEBRUARY EIGHTEENTH (AQUARIS) IN NEW ORLEANS, LOUISIANA. she is a CISFEMALE (SHE/HER), and BIROMANTIC, BISEXUAL ; AFRICAN AMERICAN.
STARLIGHT
[/DIV]
[div class=rightbody][div class="tabsContent tabsContentA"]
[div class=box]
[div class=title]HAIR.
snakes hide within the tresses of her hair as if they are their own strand of hair ; her hair is often in long blonde-black micro braids, but when her braids are taken down she wears her own blonde medium-length hair often straightened
[div class=title]EYES.
she wears dark brown contacts that hinder her powers and mask her slit-like pupils to protect her peers
[div class=title]SKIN.
unblemished brown skin that’s always cool and slightly clammy. snake-like scales cover the entirety of her body, but aren’t entirely noticeable
[div class=title]HEIGHT.[/div] 5’ 9
[div class=title]WEIGHT.[/div] 143lbs
[div class=title]DISTINGUISHING FEATURES.[/div] often smiling ; due to the clamminess, her skin slightly glistens under the light ; she’s slender, but busty often standing taller than the other girls in her class
[div class=title]WARDROBE.[/div] she sticks to earthy tones, such as greens, blacks, blues and browns and takes on a more formal sense of style.
[div class=title]FACE CLAIM.[/div] diamond white

[div class=block][/div]
[div class=title]EXPLANATION.[/div] naressa is a gorgon. the origins of the monster are rather murky, however her mother told her a story of how long ago a warlock cursed the entire bloodline of dupont women after an altercation with her ancestor, claiming no man or woman would wish to look upon a treacherous creature such as a gorgon.

with snakes hidden within their hair, snake-like scales, slit pupils, and larger eyes that glow when in use, naressa’s only power is her ability to turn people to stone just by looking at them. being turned to stone isn’t deadly, but cannot be reversed—those turned into stone are unable to do anything but watch from their stone encasement which seems worse than death. their brain operates fine, however many tend to go insane. the only way to kill them would be to shatter their stoned body.
[div class=title]RULE OF SPECIES.[/div] she isn’t immortal, however her snake-like skin protects her from injuries that normally hurt humans. due to her physiology, naressa is vulnerable to the cold and tends to get cold quite fast when left in temperatures lower than 40°F. aside from protecting others from her deadly powers, naressa wears contacts to help with her rather poor eyesight.
[div class=title]EXTRA.[/div] although attached to her head, her snakes have a mind of their own and are quite possessive of naressa, therefore it’s advised to take caution when standing close to her as they may snap. they like some people, but not all.
[/div][/div][/DIV][/DIV][/div] [div class="tabsContent tabsContentB" style="display: none;"]
[div class=box]
[div class=title]PERSONALITY.
naressa is a dreamer; head in the clouds and letting her heart make her decisions. she rarely lets her head get in the way of her decision-making and prefers to explore the world with her heart on her sleeve. she has a child-like curiosity of the world and its wonders after being sheltered so long in her life and wants to experience it all.

although she fears the unknown, it also intrigues her and makes the idea of it even more tantalizing. she’s grown tired of living her life within the safety of her parent’s arms and wishes to live freely. her inexperience with the world, and most people causes her to have quite high expectations of others, and believe there is good in everyone. she doesn’t give up easily, and hates not being in control, therefore she’ll fight against authority if necessary.
  • [div class=title]ALIGNMENT.
  • true/chaotic neutral
  • [div class=title]POSITIVE.
  • optimistic, vibrant, loyal, & passionate
  • [div class=title]NEUTRAL.[/div] determined, escapist
  • [div class=title]NEGATIVE.[/div] questioning, rash, wishful, & narrow–minded
  • [div class=title]LIKES.[/div] the first shrek movie, the night sky, adventures, walking through the town, puzzles & riddles, the forest
  • [div class=title]DISLIKES.[/div] clowns, snow, being underestimated, mushrooms, routine, cramped spaces
  • [div class=title]FEARS.[/div] the unknown, isolation
  • [div class=title]AILMENTS.[/div] after the altercation with the man and due to her upbringing, naressa suffers from undiagnosed social anxiety.
[/div][/div][/DIV][/DIV][/div] [div class="tabsContent tabsContentC" style="display: none;"]
[div class=box]
the curse was handed from petty warlocks, to her grandmother, to her mother, then to her. a heavy weight of hatred has rested upon the shoulders of each woman of the dupont’s; of a genetic curse that will never be forgiven. it’s plagued their lives and forced them to live in secrecy in fear of being found out.

since her birth on february eighteenth, it’s been implanted in her mind to never trust those who dwell with magic and to live within the safety of their own home. she was never to stray too far, and was always to be in her parent’s line of sight. naressa obeyed, and listened to her parent’s rules as their perfect little child in comparison to her boisterous brothers.

they often filled her days spent inside with stories of their adventures on the streets of their town, and for as long as she could remember she lived through them, waiting patiently for their arrival home to delight her with their dramatic recollections of parties, fights, girls, etc. previously, naressa found no desire to travel outside of her parent’s property, but their stories awake something in her, slowly. a yearning for something, a hunger within her that burns for the unspeakable—for the adventures that await outside the comfort of her home that call to her, but every time she imagines it, her hands began to shake and suddenly she can’t breathe, as if the sudden thought of leaving would end badly.

at the age of seventeen, naressa finally takes the leap of faith and convinces herself to seek the adventures lurking in her town and to engage in freedom, without the permission of her parents. the visits to town start out small and infrequently, before she begins to leave for larger amounts of time and more often.

during one of her visits, naressa left her home without the protection of her eye contacts which were taking awhile to make, and substituted them for glasses, despite the voice in the back of her head, telling her it’d be best to stay home; she ignored it. while gazing at the merchandise the stalls offered on the streets, naressa felt somebody breeze past her and felt the weight of her wallet disappear. she looked for the offender, and found somebody fleeing the scene who caught eyesight with her and continued to run in the opposite direction.

running after them in the crowded street proved difficult as she maneuvered between person to person trying not to bump into them, before eventually colliding with the solid wall of someone's chest, knowing her glasses right off her face as they skidded across the ground, and were lost amongst those who walked past.

on instinct, she lifted her head and watched the face of the human man transform into stone. naressa stayed rooted in her spot, horrified at the extent of her powers as she witnessed the life he once had drain from his face. however, the screams of horror from the people around her broke her from her trance as she ran back home, hoping no one found her.
  • [div class=title]BROCHURE.
  • after the incident in her town, the duponts moved far out of the state and sworn themselves to total secrecy and put naressa on lockdown out of fear for their lives. within the first week of their move, naressa found the brochure mingled in with the other mail and ignored it, believing her parents wouldn’t allow her to step foot outside of the home, until they, themselves presented the idea of wollstonecraft to her.
[/DIV][/DIV][/div] [/DIV][/DIV]
dreambot


[class=leftbody] width: 390px; height: 420px; background-color: #f5f5f5; box-shadow: 2px 2px 2px grey; border-top-left-radius: 5%; border-bottom-left-radius: 5%; [/class] [class=rightbody] width: 390px; height: 420px; background-color: #f7f7f7; box-shadow: 2px 2px 2px grey; border-top-right-radius: 5%; border-bottom-right-radius: 5%; [/class] [class=box] width: 310px; height: 425px; font-family: helvetica; color: black; font-size: 11px; text-align: justify; box-sizing: border-box; overflow: hidden; padding: 15px;[/class] [class=title] font-family: times new roman; font-weight: bold; font-size: 16px; font-style: italic; color: #624f3f; letter-spacing: -0.5px; display: inline; [/class] [class=block] margin: auto; width: 230px; height: 5px; background-color: #141515[/class] [class=tabs] box-sizing: border-box; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; margin: 0px -60px; width: 280px; text-align: center; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 5px 0; width: 15%; transition: all .8s ease; [/class] [class name=tab state=hover] color: #6f755d; transition: all .8s ease; transform: rotate(-15deg); [/class] [script class=first on=click] hide tabsContentB hide tabsContentC fadeOut 500 tabsContentC fadeOut 800 tabsContentA fadeIn 800 tabsContentA [/script] [script class=second on=click] hide tabsContentA hide tabsContentC fadeOut 500 tabsContentA fadeOut 800 tabsContentB fadeIn 800 tabsContentB [/script] [script class=third on=click] hide tabsContentA hide tabsContentB fadeOut 500 tabsContentB fadeOut 800 tabsContentC fadeIn 800 tabsContentC [/script]
 

Users who are viewing this thread

Back
Top