• 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 ⊱ luné gobeline :: the team™

Main
Here
OOC
Here

; fantome

ᴄᴀʟɪᴄᴏ □ ᴄᴀᴛ

  • This is the thread where you'll be posting your potential characters to be apart of the Cloud City team.

    Like any team, differences in personality, personal taste, abilities and overall dynamics are the goal. Get as creative as you'd like.
    You are free to experiment with any power you want, so long as it isn't non-helpful ( we don't need someone who can only turn
    into a hamster but thanks lol ) but if you're unsure about something being acceptable, just ask me.

    If you have questions on anything, feel free to message me.

    Fantome.


No real face claims : Anime. Art. Cg. Things of this nature.
I will be working on the main thread to give you some info on the cities, E T C.
I may also be constructing a 'villain' team but we'll see on that as of now.


mikyuu mikyuu K kurishiri eggsaladsandwitch eggsaladsandwitch SP3CT3R SP3CT3R erzulie erzulie OrWangatan OrWangatan plexiglas plexiglas Archon Archon spectro spectro L lungs seasonedcat seasonedcat User User

 
Last edited:



残り物に
は福がある

basics

/...vivian satoshi

/...eighteen

/...female

vesuvius
/...human
Appearance // short dark brown hair cut into a bob, large brown monolid eyes, petite build, 166 cm, 47 kg
vivian satoshi 1.jpg vivian satoshi 2.jpg

Personality // vivian is a very excitable individual. she's obsessed with video games and comic books. because of this, she tends to act childish and it becomes hard to take her seriously. her behavior makes her seem younger than she really is, which when brought up, she is very defensive about. even though she's a talkative and bright individual, she is actually extremely awkward. she tends to use her immature antics to cover up her awkwardness. in truth, vivian is extremely self-conscious and when she gets defensive she lashes out. she isn't afraid of getting physical even if she has no formal training in combat. she chews gum regularly to keep her anxiousness at bay.
History // vivian is originally from japan, which gives her a distinct accent when she speaks. her father was an infamous yakuza who had huge influences over japan. vivian was the runt of the family full of sons. her father wasn't particularly pleased when he found out vivian was a daughter, he much prefer a son who could carry the last name and have influence over his territory. no one was going to take a girl like her seriously; not while she looked like a bean pole. her father was the one who instilled the lack on self-confidence into vivian at a young age and haunt her for never being good enough. her love for art, especially origami, was an escape for her while she lived under her father. as soon as she turned eighteen vivan left her home without a word and traveled as far away as she could. she's now found herself in cloud city, looking create a new home.

abilities // origami magic- she can fold all sorts of creatures or items out of paper. the origami can become animate if she commands them to do so. they are capable to do all sorts of things, ie. an origami dragon can fly and breath fire or a samurai soldier whose blade cuts like steel. she can telepathically fold origami to work on multiple pieces at once in addition to her hands. her personal record is working on five different pieces at a time without messing them up.
weaknesses // while her origami can be highly versatile and useful in different situations, they are still made out of paper. while they won't fall apart as easily as normal paper, with enough fire or water, they will eventually burn up/fall apart.


tattoos&scars // she has dragon tattoo on her right shoulder which something she got back in japan on her eighteenth birthday. it was supposed to symbolize a right of passage into her yakuza family but she ran away shortly after. she finds it pretty but doesn't like to talk about it's meaning,
vivian satoshi tattoo.jpg
alias // V
sexuality // heteroflexible
 
Last edited:
Dina Abara
tumblr_phfnllr72Z1sum095_500.jpg


GENERAL
Full Name ;; Dina Abara
Alias ;; Echidna
Age ;; Ninteen
Gender ;; Female
Sexuality ;; Demisexual


PHYSICAL
Dina is an overall intimidating young woman. Her appearance unnerves many which she find amusing. Her appearance is similar to a reptile. She possess a large amount of black scales on her body which act as armor. Her teeth are razor sharp as well as her claws. Dina possess dark brown skin and black hair that’s shaved close to her head. Her eyes are jet black and her pupils are slits, though they are hard to see. She has an overall impressive build from fighting and staying active while still possessing feminine curves.

Height ;; 5’11”
Weight ;; 143 lbs
Eye color ;; Black
Hair color ;; Black
Features ;; Rose tattoos on her forehead, Nose piercing


PERSONA
Due to her appearance Dina can come across as intimidating and enjoys it a little. She’s not the warmest individual, given that life that she’d lived it’s hard for her to open up to others. Dina is wary of strangers and always seems to see the worst in people rather than the best. Dina is the manipulative sort, she’s ambitious and isn’t afraid to use underhanded means to reach her goals. She has plenty of street smarts given her past. Intense is another way to describe her, her gaze is sharp and she as a habit of staring, it’s as if she’s staring right through someone or so she’s been told. Dina is someone is trust her instincts, they’ve never stirred her wrong and helped her get out of a variety of bad situations.

Dina enjoys being by herself rather than being in the company of others. Though she knows how to socialize with others well. Dina is a graceful person who carries herself with pride, a straight back and with her head held high. She’s confident in herself and it shows. When Dina cares for someone, she cares deeply. She would be willing to do almost anything for those close to her. Dina has a bad habit of getting possessive of both people and objects. Whether the relationship is platonic or not she doesn’t like to share and is rather protective. Dina is someone who sees things through, she’s get the job done and prefers not to waste time or slack off. Well versed in the art of speaking, Dina is a talented wordsmith and can talk circles around most. She’s highly intelligent but prefers to hide.





ABILITIES
Birth power ;; Reptilian Physiology - Classified as a Feral Mutant of the reptilian sort, Dina has a variety of features from different species of reptiles. These features include venom and enhanced abilities like enhanced speed, agility, and reflexes as well as strength. Her senses are also superhuman in nature, she can see in both normal vision and infrared. Dina can breath underwater for long periods of time and regenerate as well.

Power control ;; Given that Dina was born with her powers they’ve always been a part of her and with guidance she was able to harness and control them effectively.

Strength ;; Dina is a talented actress, she can fake emotions rather well. She’s stealthy as well and knows how to fall into the background or disappear. Dina’s abilities allow her to excel in hand to hand combat and melee weapon combat.

Weakness ;; Like many reptiles she prefers warm weather over cold. In cold temperatures she becomes sluggish and rather slow. Due to her status as a feral Dina has a more animalistic state of mind than most, because of this she can be reckless and aggressive at the worst of times. Often acting on instinct during times where she’s cornered or her human mind is exhausted.

Weaponry ;; Razor sharp claws & teeth, Venom

OTHER
Biography: Dina is the, or at least was the daughter of South African immigrants. Her parents had come to America for a better life, and they were able to settle pretty easily. The two of them were hard workers and managed to start a little laundromat service after some time. Things seemed perfect for them and only got better when her mother fell pregnant. The pregnancy was a joyous occasion and celebrated. But things changed when Dina was born. She was...different to say the least. Her parents were horrified and so they hid her away from prying eyes. They tried to get her to be normal but it was hard, not only because of her appearance but because of her animalistic behavior. Her parents, being the religious sort saw her as a demon. They kept her locked up and when she was five left her in some alley.

Dina wondered for a long time, stealing, fighting, and just trying to survive. She began accustomed to the cruel side of humanity fairly quickly and she grew up long before she was supposed to. It wasn’t until Dina met another like her, though he was a feline type, that things looked up. He looked human enough and was able to blend into society well, even securing a job as a mercenary. He took Dina in and helped her embrace and harness her wild side.


Other: Has to keep her room heated || Her adopted father is a criminal



coded by @lorde
 
Last edited:

562939
PHYSICAL
Height: 5'3"
Weight: 114 lbs.
Eye color: Gray-green
Hair color: Dirty blonde
Features: A small sparrow tattoo on the back of her neck

GENERAL
Full Name: Belle Warla Vireo
Alias: Corvidae
Age: 17
Gender: Female
Sexuality: Heterosexual
Ethnicity: Caucasian
City of Birth: N/A

PERSONA
Belle is very calm and emotionally collected. She spends a lot of time reading about zoology and biology. Belle is excellent with words and often uses them in a very purposeful and meaningful way. She is pretty reserved and can be quite indecisive.

Birth power: Belle can communicate and command all animals within a certain radius.
Power control: The more crowded an area is with animals, the harder of a time she has specifically controlling a select group. If there are no animals around, she is near defenseless.
Strength: Belle's strength depends on her location. In a forest, she is near unbeatable, but in a desert, her options are limited. It also gets a little rough when there are large concentrations of people in the area, as natural animal instincts might prevent some animals form getting too close.
Weakness: If in a tundra, she has very limited options. In crowded places, like the subway, her command gets weaker.
Weaponry: Just in case, Belle is trained with throwing knives, though she rarely uses them.

OTHER
1 .Belle has a Red Tailed Boa Constrictor, named Bo. If it isn't snowing, raining, or unusually cold, she takes Bo out with her. He usually wraps himself around her torso, which is then covered by a sweater, then a large coat, and then a scarf.
2. Allergic to strawberries and mango
3. Has a large collection of books and isn't afraid to tell you about them

Bio:
Belle Warla Vireo was born to two parents who did their best to raise her. Both her mother and her father loved her very much and Belle was raised in a very healthy family. Her mother was a zoologist and her father was a chemist. During her younger years, Belle always seemed to be followed around by animals. When she would play violin in the park, the birds would give her an audience. When she swam at the beach, the fish swam with her. This didn't go unnoticed. Belle wasn't harassed or physically hurt, but there was always a sense that her classmates were always talking about her behind her back. Some of them came forward and picked on her, but it was most always social exclusion.​
 
Last edited:
[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]
"the wound is the place where the light enters you."
[/div][/div]
» PHYSICAL;
Height;; 6'1"
Weight;; 166 lbs.
Eye color: Clear dark blue, they flash a glowing, bright blue when his powers are being used.
Hair color: Platinum blonde

Features: There are a litany of visible scars all across his body--most notable are the long line down his right forearm and a slash just below his left eye.


» GENERAL;
Full name;; Juniper Forsythe (June)
Alias;; Apollo
Age;; Eighteen
Ethnicity;; Caucasian (Scandinavian)
Gender;; Male
Sexuality;; Bisexual
City of Birth;; TBD


» PERSONA;
June is a particularly serious young man. While not unkind, he is not the type to joke around or goof-off with others (and, as a result, can feel a bit left out in social situations). It's not for lack of trying--he is always trying his best to be friendly, he just often misunderstands social cues because he takes things a bit too seriously. Because of this, he excels strategically and is typically involved in the formulations of combat and mission plans. He is prone to overworking himself and is of the self-sacrificing sort. People can interpret his straight-forwardness as cruelty, but in reality, he just might not be capable of telling lies, even if the situation may be better suited for it. Additionally, his hesitation to join the fray can be seen as brooding, which is only sometimes the case. However, because of the nature of his powers, he cares deeply about the feelings of others, and will do his best to rectify any social wrongs he nay have unknowingly committed.

» ABILITIES;
Birth power;; Healing by wound transference & accelerated regeneration - When laying hands on an injured party, he can either: a) transfer their wounds to himself & allow them to heal more quickly or, b) transfer their wounds to someone else, using himself as a conduit.
Power control;; Having discovered his accelerated regeneration at a young age, he's used to it and knows the limits of this ability quite well. He also has become emotionally desensitized to pain, in that he still feels physical pain but doesn't consider it a big deal at all. However, he can only transfer wounds when laying hands on someone, and most of the time will refuse to "transfer" the wounds to someone else, even if they're a villain and they totally deserve it.
Strength;; Behaving almost like a doctor, he can keep an impeccably cool head when dealing with severe injuries, in situations where the average person may be prone to panic.
Weakness;; Depending on the extent or amount of injuries he has sustained, his healing factor will slow considerably. He is known to overdo it quite a bit, which is how he's attained so many of his scars.
Weaponry;; While not a physical weapon, June is incredibly gifted at hand-to-hand combat, which is something he's been studying since his middle school years.


» OTHER;
Bio;; June grew up in an overcrowded foster home with neglectful parents. He was picked on by both his foster-siblings at home and by his classmates at school, because as a child, he was small and scrawny, which made him an easy target. He didn't put up too much of a resistance in a fight, however, because he had discovered that any injury he sustained healed abnormally fast. When he entered the sixth grade, his constant bruises and scraped garnered the attention of one of his teachers who, in turn, offered to begin teaching June how to properly defend himself. After his mastery of multiple fighting styles, people were less likely to use him as a punching bag, and once he hit his growth spurt, he was not such an easy target anymore. Henceforth, he became a sort of defender of the underdog, and would often enter into fights that weren't necessarily his own to fight. In high school, upon chasing off a pack of bullies who had been hell-bent on beating up a freshman, he went to make sure the kid was okay and found himself taking on the other boy's injuries.
After graduating from high-school a year early, June filed for emancipation from his cruddy foster-parents and then
planned to start studying medicine, however, things quickly went in a different direction.

  • June is considered to have a genius-level IQ, despite not ever having been tested.
  • He chose the name "Apollo" as a reflection of the Greek God who, in addition to being the God of Light, is also considered to be the God of Healing.
  • He's also deathly allergic to bees.

codedbycrucialstar | hidden scrolls, hover over photo
 
Last edited:

I'm doneee! (((o(*゚▽゚*)o)))


except for the city of birth


honoka.jpg

Seth Lan
✧・゚: *✧・゚:*    *:・゚✧*:・゚✧
there's no restart, but only proceed.


↠ basics
name seth lan
alias sange (i.e. "sangre" w/o the r)
age 18
height 5' 6'' / 167 cm
weight 150 lbs / 68 kg
hair color light red-orange
eye color brown-orange partial heterochromia
features he always wears a red clip in his hair; beauty mark next to his right eye
gender cisgender male
sexuality asexual bi-romantic
ethnicity half asian, half caucasian
city of birth tbd
crush no-one (so far)
face-claim honoka, from midnight jiangshis


↠ ability
birth power blood manipulation
control it's good〜
strength his blood can forge anything in mere seconds as long as he has enough and as long as he's focused
weakness if he uses too much blood, it will weaken him due to blood loss; he can only forge with blood shed from himself -- so if his blood mixes with someone else's, he won't be able to forge anything. at times, he does have to inflict a wound on himself if he wants to use his ability
weaponry his blood can make weapons -- likely shuriken-like weapons (smaller ones, in other words)

↠ persona
seth can have a curiosity that kills the cat and makes him appear to be rather nosy in some matters, but he doesn't mean any harm. he's not easily ruffled or intimidated because of his thick skull (i.e. not many insults or brutally honest opinions about him can actually be enough to hurt him), but he can get unreasonably angry if his hair clip is taken away... and he's the type of person who smiles even when angry. seth can be laid back -- sometimes infuriatingly so -- but when it calls for it, he can get so serious that he forgets to take care of himself. he enjoys teasing others, often those he takes a liking to, but he feels self conscious about himself as well. although he's not very strong physically, his mind is sharp and fast, so seth is adaptive, can reply to quips, and is intelligent as well. he makes an effort to empathize or sympathize with others, but he rarely if ever at all pities. as such, he is good at -- and oftentimes likes -- listening to others and having heart-to-heart talks.

↠ history
seth did go to elementary / primary school, but after that grew up home-schooled. in primary school, it was evident that he was quite different, especially when he shed blood from a cut or some wound. due to this, he didn't spend as much time outside with other kids as much as he did with his older sister, may. may was a kind girl who studied to be proficient in herbal medicine so that she could take over her local family business. as such, may has had an influence on seth's life, and he cared (and still does care) for her deeply. she was the one who also gave seth the hair clip. may was also the one who taught seth a bit about herbal medicine, though she insisted he be spending his time controlling his powers. so, while being home schooled and supervised by may, seth would experiment with his power, blood manipulation. because of the shortage of supplies at home and how they lived far from the city, seth stopped the bleeding from his wounds (often small ones) mostly by licking the blood off and applying pressure.

↠ relationships
eggsaladsandwitch eggsaladsandwitch June: something like a mom watching over her son... seth would have probably bled to death if not for june every single time, haha. maybe like a brotherly kind of relationship too ♡

↠ other
people sometimes see seth as something akin to a vampire because he has a taste for blood (and depending on the light, his eyes can take on a slightly more reddish color)... he is not one though, and he can and does eat regular food
seth likes to cook -- he'll sometimes use his breaks down in the kitchen
likely due to his past, seth does desire attention, not that he would ever say that aloud though
as a hobby, he likes medicine, particularly the herbal type... and occasionally acupuncture as well
✧・゚: *✧・゚:*    *:・゚✧*:・゚✧


coded by [COLOR=#A0522D]@DeerPrince[/COLOR]





 
Last edited:

[class=tabs]background-color: #000000; color: #F3EC5A; font-size: 18px; font-family: Dosis; letter-spacing: 1px; text-transform: uppercase; text-align: right;[/class]
[class=tab]box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px; margin-right: 12px;[/class]
[class name=tab state=hover]background-color: #F3EC5A; color: #F3EC5A;[/class]
[script class=tab on=click]hide tabsContent
set currentTab (getText)
if (eq ${currentTab} general) (show tabsContentgeneral)
if (eq ${currentTab} appearance) (show tabsContentappearance)
if (eq ${currentTab} persona) (show tabsContentpersona)
if (eq ${currentTab} background) (show tabsContentbackground) [/script]

Dee Mudiwa
[div class=tabs][div class=tab]general
[div class=tab]appearance
[div class=tab]persona
[div class=tab]background[/div][/div][/div][/div]
[div class="tabsContent tabsContentgeneral"]
Dee Mudiwa
♡ Dede
♡ Janus
♡ Jan
ALIAS: Janus
AGE: 18
ETHNICITY: Swedish
GENDER: Female
SEXUALITY: Pansexual
CITY OF BIRTH: tba

Power~

Clone~ Dee has the ability to create clones of herself that have a solid form and basically their own mind, however they generally know the purpose of why they were created and what they have to do. The experiences of these clones will be transferred to Dee when the clone is destroyed or are called back. However, with the clone being destroyed she will also receive the pain the clone experienced once it is 'dead'. She doesn't really know how to clone anything that is not herself or her weapon.
Control~

Dee has a pretty solid control on her power, but there is a limit on how many clones she can create which is about 33, going past that at the moment can cause negative effects such as fainting, vomiting, migraines, light headedness, faulty clones and nausea.
[/div][div class="tabsContent tabsContentappearance" style="display: none;"]
brief overview

Dee is average height for her age, standing at 5'4. She has a curvy body that is covered in freckles. She has blonde hair that ends about mid back. She has round rimmed glasses she needs for reading, but she hardly ever wears. She almost always has nails painted in a variety of colours, her favorite being black, that are usually chipped from her chewing her nails absentmindedly.
HEIGHT: 5'4
WEIGHT: 149lbs
EYES: Pale blue
HAIR: Blonde

tattoos/piercings

Has a few cartilage piercings on her ears; has a small hear tattoo on the inside of her right middle finger(got it when she was drunk at the age of 16)
scars/markings

Stretch marks on her stomach from her being overweight when she was a child; Some scars hidden in her hair from cracking her head open a few times when she was younger(and when she was a teen); has a large scar on the top of her left foot from a time when she was at the beach when she was a teen drunk at night(there was a smashed bottle she didn't see).
[/div][div class="tabsContent tabsContentpersona" style="display: none;"]
personality

Positives and Negitives~
♡ Extroverted ♡ ADHD
♡ Loud ♡ Hides important things
♡ Jokester ♡ No filter
♡ 'no' fear ♡ Won't stop talking
♡ Likes talking to people ♡ Doesn't know much about most things other than history
Dee has a very extroverted personality and is comfortable talking to people. She loves to make jokes to lighten up situations or just because she doesn't know what else to say. She has trouble focusing on tasks and always has to be moving or doing something. She doesn't have a filter and at times can say the wrong thing or even be too harsh with someone, this also means she has a hard time keeping secrets. She is really bad with crying or sad people and doesn't know what to do. She loves being a superhero so much because she can move around a lot and do things she wouldn't be able to do normally, plus she loves the feeling of her blood pumping and the rush dangerous activities give her. She often keeps injuries or mental issues to herself, finding it awkward to talk about serious things with people.
Virtues~ Vices~
♡Accepting ♡Recklessness
♡Honest ♡ Alcoholism(gets drunk a lot)
♡Mercy(doesn't like killing things) ♡Rowdiness
♡Open ♡Voracity
Likes~
♡history
♡pineapple pizza
♡listening to music
♡video games
♡exciting things

Dislikes~
♡coffee
♡meat
♡hot things(is sensitive to heat)
♡sitting still too long
♡not having something to do


strengths

naturally strong(nothing crazy, just has a natural talent for strength) ◊ history(loves it and often knows facts that no one cares about)◊ good at making clones that are impossible to tell the difference between her and them ◊ unpredictable( finds weird and original ways to solve problems) ◊ can put down enemy's guards from talking to them and joking around
weaknesses

distracted easily ◊ not good at math, science, English, or any really academic study ◊ reckless, acts for the thrill and often ignores the negatives ◊ doesn't care much about what happens to herself ◊ her clones have no extra abilities and are just human like her.
[/div][div class="tabsContent tabsContentbackground" style="display: none;"]
family

Grandmother(alive)- Dee has a very close relationship with her grandmother since she moved in with her since she was 12. Her grandmother has been the only person she is comfortable talking to about some of her feelings besides her brother, and she means a lot to her. She considers herself a burden on her grandmother and still hides most of her problems from her grandmother if she can. She is basically Dee's best friend.
Brother(dead)- Dee was really close to her brother, however he is dead now.
Mother(unknown)- Left when Dee was born, she has no idea who she was or anything about her.
Father(unknown)- Was a very kind man but Dee hasn't seen him since she was 8, doesn't have much memory of him.
FUN FACT #1 Is vegetarian
FUN FACT #2 She loves music, however she is very bad at playing any instrument
FUN FACT #3 Has glasses for reading
FUN FACT #4 Very good at cooking desserts

past

Dee was the second child born to a small family in Sweden. When Dee was a newborn her mother left for an unknown reason without any note or anything. Her father than raised herself and her brother for a while, managing to keep a roof over their head for a while. However, when Dee was eight her father disappeared, leaving a note with his credit card information and a contact for his mother who lived in Cloud city. Dee and her brother lived in the house for 4 years without people knowing, her father having quit his job before her left leaving no one to come check on them. Dee's brother took care of them, dropping out of school to work to take care of them. When Dee was 12 someone broke into their small apartment, Dee's brother told her to hide, which she of course complied, but her brother refused to hide with her. She had to watch helplessly as her brother fought with the thief, managing to knock him out, but not without obtaining a stab wound to the stomach. Dee rushed to his side and called 911, however it was too late. Her brother died on the operating table and authorities now knew she had no guardian taking care of her and sent her to her grandmother.
Weaponry

Dee's weapon of choice is her fists and retractable bow staff that she is able to clone with herself.
[/div]
keevs'coding
[/div]
 
xxxx
  • w1oGu38.gif
    BASICS
    EITHER YOUR MASK WILL BREAK OR YOU WILL.
    HADES M.
    IMPULSIVE
    /*strength*/
    VULGAR
    /*defense*/
    ARTFUL
    /*magic*/
    SLOTHFUL
    /*resistance*/
    PROTECTIVE
    /*agility*/
    STAT6
    /*dexterity*/
    STAT7
    /*luck*/
    Hades Mnemosyne, a man otherwise known as━ugh! Let’s be real, everyone in Cloud City already knows Hades and isn’t going to call him by something else! He is 24, making him much older than the other members. Sexuality hasn’t ever been important to him and he’s open to makin’ out with anyone, really. He’s got an undeniable preference for women though. Do you want to change his opinion on that? ♡ No? Pft, coward! Anyway, Hades can’t be sure what his ethnicity is but his whole family has natural blonde hair and light eyes. If you ask him a stupid question like that, he’ll stare at you like you’ve grown a third eye—which admittedly, would be kinda cool. Lastly, this Mnemosyne child is a native to Cloud City and before this forced deal, he was an infamous criminal. Can’t imagine how the streets are gonna look at him after teaming up with the government to fight crime. Shit. They’ll call him a traitor!
    QFeRXw8.png
    プレイボーイ
01
02
03
04
 
Last edited:
[div class=Container][div class=profilepic][/div][div class=contentContainer]
human creature
[div class=tabBox][div class="Tabs tabone"]
[div class="Tabs tabtwo"]
[div class="Tabs tabthree"][/div][div class="Tabs tabfour"][/div][div class="Tabs tabfive"][/div][/div][/div][/div] [div class=miniBox][div class="miniText mini1"] [div class=bar][div class=title]full name[/div][div class=barText]Fayre Belldona[/div][/div] [div class=bar][div class=title]alias[/div][div class=barText]Jackrabbit[/div][/div] [div class=bar][div class=title]age[/div][div class=barText]18[/div][/div] [div class=bar][div class=title]gender[/div][div class=barText]female[/div][/div] [div class=bar][div class=title]sexuality[/div][div class=barText]x[/div][/div] [div class=bar][div class=title]birthday[/div][div class=barText]unknown[/div][/div] [/div] [div class="miniText mini2"] [div class=bar][div class=title]height[/div][div class=barText]5'4[/div][/div] [div class=bar][div class=title]weight[/div][div class=barText]123 lbs.[/div][/div] [div class=bar][div class=title]hair color[/div][div class=barText]white[/div][/div] [div class=bar][div class=title]eye color[/div][div class=barText]crimson[/div][/div] [div class=bar][div class=title]build[/div][div class=barText]athletic[/div][/div] [div class=bar][div class=title]artist[/div][div class=barText]yylande[/div][/div] [/div] [div class="miniText mini3"] [div class=bar][div class=title]alignment[/div][div class=barText]neutral[/div][/div] [div class=bar][div class=title]like[/div][div class=barText]knitting[/div][/div] [div class=bar][div class=title]like[/div][div class=barText]gemstones[/div][/div] [div class=bar][div class=title]dislike[/div][div class=barText]humans[/div][/div] [div class=bar][div class=title]dislike[/div][div class=barText]dogs[/div][/div] [div class=bar][div class=title]fear[/div][div class=barText]returning 'home'[/div][/div] [/div] [div class="miniText mini4"] [div class=bar][div class=title]ability[/div][div class=barText]Jackrabbit[/div][/div] [div class=bar][div class=title]role[/div][div class=barText]Villain[/div][/div] [div class=bar][div class=title]strength[/div][div class=barText]Powerful kick[/div][/div] [div class=bar][div class=title]strength[/div][div class=barText]Senses [Smelling/Hearing][/div][/div] [div class=bar][div class=title]weakness[/div][div class=barText]Too much activity[/div][/div] [div class=bar][div class=title]weakness[/div][div class=barText]Flight or Fight[/div][/div] [/div] [div class="miniText mini5"] [div class=bar][div class=title]hobbies[/div][div class=barText]trinket hunting[/div][/div] [div class=bar][div class=title]habit[/div][div class=barText]nail chewing[/div][/div] [div class=bar][div class=title]food[/div][div class=barText]veggies[/div][/div] [div class=bar][div class=title]color[/div][div class=barText]golden[/div][/div] [div class=bar][div class=title]season[/div][div class=barText]winter[/div][/div] [div class=bar][div class=title]theme[/div][div class=barText]'Fair Game[/div][/div] [/div] [/div] [div class=bigBox][div class=bigScroll] [div class="textbox big1"][div class=title]personality[/div] It's hard to exactly describe the personality of Fayre when you aren't close to her. And it seems that not a lot of people are terribly close to her, besides Crow. She often appears cynical and sharp in combat, making sarcastic quips to the heroes she fights against or those she's currently robbing. She views the team of heroes as extremely asinine, their entire existence somewhat of poetic mockery to people like her. Nothing they say seems to get through to her, leaving her appearing hard-headed and stuck. What more would one expect of a villain? To Crow, she's completely different. Gentle and caring, a switch has flipped in the back of her mind when they're alone together. Survival was their goal, and now she relies on his strength as he does with her. [/div] [div class="textbox big2"][div class=title]description[/div] Fayre definitely stands out in the crowd. Whether it be the giant white ears that poke up from either side of her head, or the crimson orbs that glare at anyone who gives her a long enough look, Fayre catches the attention of those around her. Her dark skin is a direct contrast to the moon white shine of her hair, the long locks curling around her hips. Her plump lips tend to curl downward in a frown, and her button nose is constantly scrunched up like she just smelled something rotten. While the ears are the most obvious part of her mutation, they aren't the only indicator. Her nails now grow perfectly into claws, no matter how often she trims them. Her feet are morphed a bit to match a rabbit's, and she often wears custom 'claws' over her actual ones to allow for proper and dangerous scratching when she kicks.

She may also have a cute fluffy tail, but that's up for debate. [/div] [div class="textbox big3"][div class=title]backstory[/div] Born in Lab Zero, there was no 'before' in Fayre's life. In fact, she wasn't even Fayre until around thirteen. For the first half of her life, she was #4012, affectionately called 'Bun' by some of the kinder scientists. She hated all of them, but the ones who nicknamed her earned most of her rage. Their false endearment infuriated her, and she often found herself kicking and scratching at them more often than not. If they cared enough to give her a name, why were they still shoving needles up her arms or tugging on her ears to get a reaction? Even if she was raised in the environment, it was easy to figure out this sort of treatment wasn't right. It didn't take long for Fayre to become the 'brat' of the lab, earning an extra guard to watch her cell. They sent an more 'tamed' experiment of the lab to watch her, in hopes she'd learn a lesson or two from him.

They didn't count on the young experiment slowly growing a friendship with Fayre, however.

It started with small glances and annoyed huffs, but the two slowly began to grow confident in each other's company. A small caramel was slipped through the bars, or a pretty fake jewel slipped into the food. Crow kept giving her small trinkets, and slowly Fayre opened up to the crimson haired boy. But she could never tell him her plan for escape. He was far too loyal to the faculty, but she never was. She had to get out before another needle was jammed into her arm, and before she lost another part of herself. So when the night came, Fayre left without looking back. Those little trinkets she whispered for Crow to give her were all part of her escape plan, and only a small fake gemstone was left behind.

Fayre didn't expect for Crow to be the one sent after her. She should of seen it coming, but it still was a blow to her pride when Crow was the one pushing standing at the end of the road, ready to take her back. But somehow...Somehow, a decision was made in that moment. With one extended hand, Crow joined Fayre as an escapee. They haven't looked back since, and Fayre is the only one to know his true name. To the world, he's Ghost. [/div] [div class="textbox big4"][div class=title]ability description[/div] Since she was experimented on at such a young age, Fayre has several 'abilities' so to speak of. Though weak on their own, they come together under the umbrella term of 'jackrabbit.' Her main ability comes in with insanely powerful kicks, able to smash through concrete if given the challenge. Trained to use her legs only in combat, Fayre is quite flexible and dangerous when it comes to such things. Her large and obvious ears also provide the young woman with enhanced hearing, though they're a weakness in their own way. One good tug on those babies, and Fayre will be squirming and begging for mercy. She tends to keep them flattened and tied down during combat, but accidents happen. Her sense of smell is superior to regular humans, but it's never a bad idea to pinch someone's nose during combat. Her main weakness, however, is found in her natural response. When faced with too much activity, Fayre may just pass out from her heart beating too quickly. Her flight or fight response activates out of her control far too often, and she may find herself scurrying away from a fight rather than trying to actually win.

[div class=title]skills[/div]
[div class=title]01[/div]
[div class=title]02[/div]
[div class=title]03[/div]
[div class=title]04[/div] [/div] [div class="textbox big5"][div class=title]relationships[/div]
name here
friend

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec nunc nisl. Aliquam tristique gravida enim in facilisis.
name here
family

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec nunc nisl. Aliquam tristique gravida enim in facilisis.
name here
relationship status here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec nunc nisl. Aliquam tristique gravida enim in facilisis.
name here
enemy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec nunc nisl. Aliquam tristique gravida enim in facilisis.
name here
banana

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec nunc nisl. Aliquam tristique gravida enim in facilisis.
name here
relationship status here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec nunc nisl. Aliquam tristique gravida enim in facilisis.

[div class=title]playlist[/div]
[/div] [/div][/div] [/div][/div]
code by Ri.a
[class=Container] margin:auto;center; display:flex; min-width:200px; max-width:1000px; height:auto; background:#222; flex-wrap:wrap; cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto; [/class] [class=profilepic] clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%); width:250px; height:60vh; background:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ad377267-8386-4c1d-aca0-366864a9f3b4/dceyfco-322d46bb-32bc-4475-8666-96fe47406b90.png/v1/fill/w_600,h_820,strp/_mhyon_by_yllande_dceyfco-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODIwIiwicGF0aCI6IlwvZlwvYWQzNzcyNjctODM4Ni00YzFkLWFjYTAtMzY2ODY0YTlmM2I0XC9kY2V5ZmNvLTMyMmQ0NmJiLTMyYmMtNDQ3NS04NjY2LTk2ZmU0NzQwNmI5MC5wbmciLCJ3aWR0aCI6Ijw9NjAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0._lum3_tm8u7jebq8zKnhOFLdIz9Tzw5-QUaFAIaRt7Y'); background-size:cover; background-position:top; [/class] [class name=profilepic maxWidth=600px] display:none; [/class] [class=contentContainer] min-width:200px; max-width:730px; padding:0.5em; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; [/class] [class=tabBox] width:auto; height:auto; [/class] [class=Tabs] display:inline-block; color:#cacaca; background:#707070; padding:0.5em; transition:all 1s ease-in; cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto; [/class] [class name=Tabs state=hover] color:lightblue; [/class] [class=tabSelect] color:#707070!important; background:#cacaca!important; [/class] [class=miniBox] min-width:250px; padding:0.5em; border:1px solid #cacaca; height:auto; overflow:hidden; [/class] [class=miniText] width:auto; height:auto; [/class] [class=bigBox] min-width:200px; max-width:750px; padding:0.5em; border:1px solid #cacaca; height:30vh; overflow:hidden; [/class] [class=bigScroll] width:105%; height:30vh; overflow:scroll; [/class] [class=textbox] width:96%; font-family:Roboto;Light; font-size:0.8em; color:#cacaca; [/class] [class=title] display:inline-block; color:#707070; text-transform:uppercase; font-family:Poiret One; font-size:1em; [/class] [class=bar] display:flex; justify-content:space-between; border-bottom:2px solid #707070; [/class] [class=barText] font-family:Roboto;Light; font-size:0.8em; color:white; padding:0.2em; [/class] [script class=none] removeClass tabSelect Tabs addClass tabSelect tabone hide mini2 hide big2 hide mini3 hide big3 hide mini4 hide big4 hide mini5 hide big5 [/script] [script class=tabone on=click] removeClass tabSelect Tabs addClass tabSelect tabone fadeIn 1000 mini1 fadeIn 1000 big1 hide mini2 hide big2 hide mini3 hide big3 hide mini4 hide big4 hide mini5 hide big5 [/script] [script class=tabtwo on=click] removeClass tabSelect Tabs addClass tabSelect tabtwo fadeIn 1000 mini2 fadeIn 1000 big2 hide mini1 hide big1 hide mini3 hide big3 hide mini4 hide big4 hide mini5 hide big5 [/script] [script class=tabthree on=click] removeClass tabSelect Tabs addClass tabSelect tabthree fadeIn 1000 mini3 fadeIn 1000 big3 hide mini2 hide big2 hide mini1 hide big1 hide mini4 hide big4 hide mini5 hide big5 [/script] [script class=tabfour on=click] removeClass tabSelect Tabs addClass tabSelect tabfour fadeIn 1000 mini4 fadeIn 1000 big4 hide mini2 hide big2 hide mini1 hide big1 hide mini3 hide big3 hide mini5 hide big5 [/script] [script class=tabfive on=click] removeClass tabSelect Tabs addClass tabSelect tabfive fadeIn 1000 mini5 fadeIn 1000 big5 hide mini2 hide big2 hide mini1 hide big1 hide mini4 hide big4 hide mini3 hide big3 [/script]
 
Last edited:




basics ✦ villian

/...theo dechambeau

/...twenty-two

/...male

vesuvius
/...human ?
Appearance // styled pearly white hair, bright golden eye, lean muscular build, dimples, light freckles, accessorized cane, black nail polish, 183 cm, 86 kg

Personality // theo is a gentleman. he holds the door for people, kisses their hand, and pulls out their seat. he speaks properly with a distinct french accent. he makes all sorts of people swoon over his with his charm. he knows he’s incredibly attractive and plays it to his favor. Despite seeming like a genuine person, theo is incredibly sadistic. he gets off on seeing people suffer, whether it be mental or physical. he has little to no empathy for others or animals; viewing life as simply an object of entertainment. he has a sick and twisted humor in which he shows more and more as you get to know him. he may seem all perfect and friendly on the outside, on the inside he’s something not completely human. the less you know theo, the better. he isn’t someone you should get close to.
History // while theo’s exact origins of birth are unknown, he first turned up in an orphanage in egypt at the age of two. he learned at a young age he had the ablility to cast illusions. he spent a lot of his free time practicing his abilities. he was soon adopted by a couple in france not too long after. his adoptive parents raised him with plenty of love and care. they sent him to a rigorous private school where he would learn english along with french. they also sent him to a fencing academy where he slowly climbed to the top of the ranks, but never number one. theo excelled in school, earning all sorts of scholars and awards for his studies. after passing high school with flying colors, he applied to sorbonne university where he started premed school for psychiatry. once he graduated he decided he wanted a change of environment and came to cloud city for travel. theo liked the atmosphere of the city and decided he would stay in the city a little longer to enjoy being away from the busy streets of paris.

abilities // illusion magic— theo can cast illusions that seem completely real, even to the touch. if one were to look into the eye under his eyepatch, they would be pulled into a hypnotic state in which their mind becomes trapped into an illusionary world of theo’s. the world doesn’t follow any rules of reality and practically anything could happen. any thing that happens in the illusion world will feel real but don’t actually apply to the person’s physical body. to escape from his illusion world someone from outside has to wake you up or theo is stopped. his cane is actually a rapier in which he fights in a fencing style when things come to close quarters.
weaknesses // the illusions he casts if you’re not trapped in his illusion are fragile. if you hit the illusion it will shatter like glass. he can only bring one person at a time into his illusion world. when he’s trapping some, he becomes vulnerable too as he has to stay in the world with them. his kit is more suited for one against one, so when put up against a team he can be beaten more easily.


tattoos&scars // theo has no noticeable scars or tattoos
alias // the prestige
sexuality // pansexual
B79ECCD2-DD56-4EDF-91CB-F2C4C81CB14C.jpeg 59C95EDC-A00B-4ADA-84AC-2DC726583640.jpeg
 
Last edited:
[div class="majorContainer"] [div class="fileGridSize"] [div class="fileTitle"] Cloud City Character #002 [/div] [div class="fileQuote"] Stars got tangled in her hair whenever she played in the sky [/div] [/div] [div class="infoGridOne"] [div class="infoBoxLeft"] [div class="infoHeight"] [div class="infoNumber"]01[/div] [div class="infoTitle"]name[/div] [div class="infoField"]yuffie fayette[/div] [/div] [/div] [div class="infoBoxLeft"] [div class="infoHeight"] [div class="infoNumber"]02[/div] [div class="infoTitle"]age[/div] [div class="infoField"]20[/div] [/div] [/div] [div class="infoBoxLeft"] [div class="infoHeight"] [div class="infoNumber"]03[/div] [div class="infoTitle"]gender[/div] [div class="infoField"]female[/div] [/div] [/div] [div class="infoBoxLeft"] [div class="infoHeight"] [div class="infoNumber"]04[/div] [div class="infoTitle"]sexuality[/div] [div class="infoField"]bisexual[/div] [/div] [/div] [/div] [div class="infoGridTwo"] [div class="infoBoxRight"] [div class="infoHeight"] [div class="infoNumber"]05[/div] [div class="infoTitle"]occupation[/div] [div class="infoField"]multifaceted engineer[/div] [/div] [/div] [div class="infoBoxRight"] [div class="infoHeight"] [div class="infoNumber"]06[/div] [div class="infoTitle"]race[/div] [div class="infoField"]human[/div] [/div] [/div] [div class="infoBoxRight"] [div class="infoHeight"] [div class="infoNumber"]07[/div] [div class="infoTitle"]height[/div] [div class="infoField"]5'2"[/div] [/div] [/div] [div class="infoBoxRight"] [div class="infoHeight"] [div class="infoNumber"]08[/div] [div class="infoTitle"]weight[/div] [div class="infoField"]112[/div] [/div] [/div] [/div] [div class="aestheticGrid"] [div class="aestheticImage"]
cb12b369655582c1165ad37b481fa02e-meitu-4h.png
[/div] [div class="aestheticImage"]
e93b20c05f5f9a030a0a203e5a016cfdc4af0344-hqh.png
[/div] [div class="aestheticImage"]
MOSHED-2019-4-14-23-43-40.gif
[/div] [div class="aestheticImage"]
e93b20c05f5f9a030a0a203e5a016cfdc4af0344-hq.png
[/div] [/div] [div class="characterGrid"] [div class="characterImage"]
cb12b369655582c1165ad37b481fa02e-meitu-4.png
[/div] [/div] [div class="overviewGrid"] [div class="overviewContainer"] [div class="overviewScroll"] Betcha' wouldn't have guessed that a girl that wears sunflower earrings designed the entire building the team will be living in. Meet Yuffie Fayette, a brilliant engineer shrouded in a cloud of mystique. Who she's employed by seems to be a secret locked on plush, peachy lips━she only comes out for the upmost crucial jobs. From the architecture of the exterior to the intricate ( and high-tech ) computer, alarm, lighting and team gadgets. . . Yuffie has designed it all. In fact, there are rumors that she's also building the villain's lair, unbeknownst to her of course. Yuffie doesn't ask any questions. You understand. [/div] [/div] [/div] [div class="personalityColumn"] [div class="textContainer"] [div class="textTitle"]personality[/div] [div class="textNoscroll"] [div class="textScroll"] Bizarre. If there ever was a word to describe the elfin minx, it would be this. Despite her hyper-feminine appearance and mellifluous chord, she couldn't be more ungraceful. Ridiculous proclamations of love in the midst of breakfast. Passionate bantering with inanimate objects. Strict ritual behaviors. You could probably name more oddities than not when it comes to Yuff. Indisputably more interested in technology than humans, there is a certain distant thoughtfulness about her. Or do other people call it dismissive? If you're not an anomaly of some sort ( by yuffie's standards ) or beautiful, there is a good chance she'll walk right through you, like specter to solids. Don't take it personally, our chameleon heart is just a little... particular. [/div] [/div] [/div] [/div] [div class="dividerGrid"] [div class="dividerImage"]
MOSHED-2019-4-14-23-50-28.gif
[/div] [/div] [div class="historyColumn"] [div class="textContainer"] [div class="textTitle"]history&misc[/div] [div class="textNoscroll"] [div class="textScroll"] Yuffie never knew much of her parents or family at all for that matter. As a small child, she’d ended up in an Orphanage in the small city of Uzès, France. Rather than daydream of a great escape, Yuffie found that she was an obedient child. She didn’t covet for freedom, in fact, she knew little about the sweet nothings the other children so warmly spoke of. Yuffie scoffed at the idea of strangers kissing your forehead before bed. Eating with a group of people in silence and smiles. Things like exchanging gifts of special holidays. It was stupid! Stupid! Stupid!⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ Until it wasn’t. Over the years the other children were adopted, while she was not. She didn’t dress up for the potential parents like the other kids, who thoroughly scrubbed themselves a day before just to make a good impression. Instead of spouting faux nonsense of being a good girl or being interested in toys and flowers and fauna━she spoke of talking to technology and inanimate objects. Yuffie’s eyes would light up and she’d go on and on about topics they found to be strange or above their knowledge. At the time, Yuffie couldn’t explain that she was a technopath. Instead. . . they’d politely pat her head at the end of the meeting and she’d never see them again. They probably thought she was crazed and at such a young age, too. Who wanted a rotten egg? ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ ⠀ Someone did and his name was Arièl Axemoon, a man that looked more like a wizard than a man at all. He was taller than any human she’d ever seen, with limbs so long they looked like spider legs. Long, thick pink hair that he kept neatly tucked underneath a gentlemen's top hat. He wore a white and blue pinstripe suit, carrying an elegant parasol in his left hand which was gloved. Always gloved. Mr. Axemoon seemed to buzz around the establishment, frolicking about with an air of distress about him. It was clear that he was looking for something and unable to find it. Until he lay eyes on Yuffie to which he stormed over so violently, she’d half pondered flinching away from him. Everything changed that day. She’d been adopted by that oddity of a man. She now had a home and a family, small but still, a family. [/div] [/div] [/div] [/div] [/div] [class name="majorContainer" minWidth="900px"] width:750px; height:505px; padding:25px; margin:5px auto; border:0.1px solid #f1f1f1; display:grid; grid-gap:5px; grid-template-columns: 120px 120px 120px 120px 120px 120px; grid-template-rows: 120px 120px 120px 120px [/class] [class name="majorContainer"] --accent:#ECA295 [/class] [class name="majorContainer" maxWidth="900px"] width:245px; height:1245px; padding:25px; margin:5px auto; border:0.1px solid #f1f1f1; display:grid; grid-gap:5px; grid-template-columns: 120px 120px; grid-template-rows: 120px 120px 120px 120px 120px 120px 120px 120px 120px 120px; [/class] [class name="fileGridSize" minWidth="900px"] grid-column: 1 / span 3; grid-row: 1 / 1; [/class] [class name="fileGridSize" maxWidth="900px"] grid-column: 1 / span 2; grid-row: 1 / 1; [/class] [class name="fileTitle"] border:0.1px solid #f1f1f1; border-bottom:0px; padding:40px 50px 37px 50px; font-size:10px; font-weight:150; text-transform:uppercase; letter-spacing:1px; height:calc(1.3em - 0.2px) [/class] [class name="fileQuote"] border-left:0.1px solid var(--accent); border-right:0.1px solid var(--accent); padding:10px; background:var(--accent); font-size:8px; font-weight:150; text-transform:uppercase; color:#fff; letter-spacing:1px; height:1.3em; [/class] [class name="infoGridOne" minWidth="900px"] grid-column: 4 / span 1; grid-row: 1 / 3; [/class] [class name="infoGridTwo" minWidth="900px"] grid-column: 5 / span 1; grid-row: 1 / 3; [/class] [class name="infoGridOne" maxWidth="900px"] grid-column: 1 / span 1; grid-row: 3 / span 2; [/class] [class name="infoGridTwo" maxWidth="900px"] grid-column: 2 / span 1; grid-row: 3 / span 2; [/class] [class name="infoBoxLeft"] width:100px; padding:10px 5px 10px 15px; [/class] [class name="infoHeight"] height:40px [/class] [class name="infoNumber"] color:var(--accent); font-family:serif; font-size:20px; font-weight:bold; float:left; margin-right:5px; [/class] [class name="infoTitle"] font-weight:bold; font-size:10px; text-transform:uppercase; padding-top:2px; [/class] [class name="infoField"] font-size:10px; text-transform:uppercase; [/class] [class name="infoBoxRight"] width:100px; padding:10px 15px 10px 5px; [/class] [class name="aestheticGrid" minWidth="900px"] grid-column: 6 / span 1; grid-row: 1 / 5; border:0.1px solid #f1f1f1; [/class] [class name="aestheticGrid" maxWidth="900px"] grid-column: 1 / span 2; grid-row: 9 / span 2; border:0.1px solid #f1f1f1; display:flex; flex-wrap:wrap; justify-content:space-evenly; [/class] [class name="aestheticImage" minWidth="900px"] margin:35px 20px 30px 20px; padding:10px; pointer-events:none; width:60px; height:60px; border:0.1px solid #f1f1f1; [/class] [class name="aestheticImage" maxWidth="900px"] margin:20px; padding:10px; pointer-events:none; width:60px; height:60px; border:0.1px solid #f1f1f1; [/class] [class name="characterGrid"] grid-column: 1 / span 1;grid-row: 2 / span 1; border:0.1px solid #f1f1f1; [/class] [class name="characterImage"] padding:20px; pointer-events:none; width:80px; height:80px [/class] [class name="overviewGrid" minWidth="900px"] grid-column: 2 / span 2; grid-row: 2 / 2; border:0.1px solid #f1f1f1; [/class] [class name="overviewGrid" maxWidth="900px"] grid-column: 2 / span 1; grid-row: 2 / 2; border:0.1px solid #f1f1f1; [/class] [class name="overviewContainer"] width:calc(100% - 50px); height:calc(100% - 50px); margin:15px; padding:10px; border:0.1px solid #f1f1f1; overflow:hidden; [/class] [class name="overviewScroll"] font-size:11px; width:calc(100% + 17px); height:100%; overflow:auto; padding-right:100px; text-align:justify; [/class] [class name="personalityColumn" minWidth="900px"] grid-column: 1 / span 2; grid-row: 3 / span 2; [/class] [class name="historyColumn" minWidth="900px"] grid-column: 4 / span 2; grid-row: 3 / span 2; [/class] [class name="personalityColumn" maxWidth="900px"] grid-column: 1 / span 2; grid-row: 5 / span 2; [/class] [class name="historyColumn" maxWidth="900px"] grid-column: 1 / span 2; grid-row: 7 / span 2; [/class] [class name="textContainer" minWidth="900px"] width:200px; border:0.1px solid #f1f1f1; padding:20px; height:205px [/class] [class name="textTitle" minWidth="900px"] color:var(--accent); font-family:serif; font-size:25px; font-weight:bold; margin-left:5px; margin-top:-10px; [/class] [class name="textNoscroll" minWidth="900px"] width:180px; border:0.1px solid #f1f1f1; padding:10px; margin-top:-15px; height:175px; overflow:hidden; [/class] [class name="textScroll" minWidth="900px"] width:197px; height:175px; overflow:auto; font-size:11px; padding-right:100px; text-align:justify; [/class] [class name="textContainer" maxWidth="900px"] width:205px; border:0.1px solid #f1f1f1; padding:20px; height:205px [/class] [class name="textTitle" maxWidth="900px"] color:var(--accent); font-family:serif; font-size:25px; font-weight:bold; margin-left:5px; margin-top:-10px; [/class] [class name="textNoscroll" maxWidth="900px"] width:185px; border:0.1px solid #f1f1f1; padding:10px; margin-top:-15px; height:175px; overflow:hidden; [/class] [class name="textScroll" maxWidth="900px"] width:202px; height:175px; overflow:auto; font-size:11px; padding-right:100px; text-align:justify; [/class] [class name="dividerGrid" minWidth="900px"] grid-column: 3 / span 1; grid-row:3 / span 2; border:0.1px solid #f1f1f1; [/class] [class name="dividerGrid" maxWidth="900px"] display:none [/class] [class name="dividerImage"] margin:10px; padding:10px; pointer-events:none; width:80px; height:205px; filter:brightness(120%); [/class]
 
Last edited:
Alonso Barrieco
f4b1b501103cfd4db882aa3ab3f9c535.jpg


GENERAL
Full Name ;; Alonso Barrueco
Alias ;; Leo
Age ;; Three Hundred and eleven
Gender ;; Male
Sexuality ;; Pansexual

PHYSICAL
Alonso or Leo as he prefers to be called, is someone who draws people’s attention. In a room full of people it’s mostly likely that he stands above most of them. Alonso is a big man in both height and physique. His body is almost completely covered in soft, fur like hair. By society’s standards he’s a handsome, dominant type man. As a feline type feral Alonso has razor sharp canine’s and claws that are able to cut through flesh and other items quite easily.

Height ;; 6’5
Weight ;; 260 lbs
Eye color ;; Brown
Hair color ;; Brown


PERSONA
Alonso is a charming individual to say the least. He’s like an old school gentle, pulling out chairs for ladies, using his manners, and all those chivalrous things. He is all grace and mystery, drawing those in with his sauve words and charming smile until the predator in him decides to strike. Alonso is a highly intelligent man. He prides himself on being well read and knowledgeable, it is power as the saying goes. He’s usually one step ahead of the game and rather unpredictable as well. One might think that they have him all figured out, only to find out that there are hundred of more layers or walls to go through.

Alonso is a shameless flirt, he enjoys having beautiful people throw themselves at them and can be quite the romantic. He of course uses it as a form of manipulation for often than not. Despite his mannerism Alonso is still a wild being. Behind that polite and educated persona is a beast just below the service. He is ruthless when he wants to be and downright savage at times, with little regards for those around him. Having a child under in his care didn’t change him much, he would go as far as to say that he rubbed off on her even.

Alonso does have a caring side buried deep down. It is only shown to the very few who he holds dear but it is there nonetheless. He’s willing to do whatever it takes for his loved ones, family has always been important to him. It was drilled into him by his past life.






ABILITIES
Birth power ;; Feline Physiology - Alonso is a feline type feral and so he has the same abilities as variety of big cats. Other that his deadly claws and fangs, Alonso possesses superhuman senses, strength, speed, and agility. He is able to see clearly in the dark as in the day. His body is able to withstand extreme condition, especially during freezing conditions. Alonso also possess a regenerative healing factor.

Power control ;; Due to a combination of being born with his abilities and being alive for as long as he has, Alonso has full control of his abilities.

Strength ;; Alonso is a excellent hunter and tracking. Once someone is placed on his list, there is little that can be done to avoid him. This particular ability of his increases if he has their scent. Alonso is a master at his craft. He has talent for both hand to hand combat and weapons usage. Alonso is able to fall off the grid and stay hidden if he doesn’t wish to be found.

Weakness ;; Alonso can only take so much damage despite his feeling. Major wounds such as lost limbs or anything else extreme takes time to heal. While harder in his case Alonso can revert back to a more animalistic state of mind, where he is more reckless and blood thirsty.

Weaponry ;; Razor sharp claws & fangs

OTHER
Biography: Not much is known about Leo’s past life, he has managed to get rid of that part of himself easily. It is common knowledge however, that he is very old. Leo was born to noble is Spain during the 1700s. He was apart of the Spanish War of Independence as well before he seemed to disappear from records. Leo spent his days roaming and learning during the early years of his life, he traveled the world watched as it evolved and changed, and with it he adapted. His life as a mercenary came easy to him. He worked for no one but himself, using his power to earn money. Life began boring for him after a while and dare he say, he began lonely. Ferals were quite few and far between.

It was during a mission that he came across his protege and daughter. He’d just finished exposing of one of his victims when he’d caught scent of her lurking in the alleyway, waiting and watching. Leo had went about his business, not surprised when he saw her getting ready to pick pocket the body. From then on he seemed to see her more and more, pickpocketing some and stealing to survive. It wasn’t until he happened to walk through her alley that he decided to take her in, even after she tried to steal from him.

And so he taught her about her gift. Instead of hating what she was he taught her to embrace it and use it to her advantage. Given her appearance homeschooling was the only option, the two of the traveled together, expanding their knowledge and becoming a family. Once he deemed her ready he introduced her to his world, teaching her everything that he knew. Finally the day came where he had to leave and for how long, they didn’t know. But they promised that they would see each other once again.

Other: Has been gone since Dina was sixteen || Knows about the whole crime fighting situation and finds it amusing


coded by @lorde
 
Last edited:
[div class=hidden].[/div] [class=container] height: 600px; width: 800px; background-color: transparent; margin: auto; border: solid 3px transparent; [/class] [class=hidden] display: none; z-index: -10; transition: 1s; [/class] [class=para] font-size: 12px; color: black; text-align: justify; padding: 10px; opacity: 1; [/class] [class=first_box] height: 260px; width: 260px; background-color: white; position: absolute; z-index: 10; opacity: 0; transition: 2s; box-shadow: 4px 4px 3px lightgray; [/class] [class=first_image] height: 260px; width: 260px; position: absolute; z-index: 1; opacity: 0; border-radius: 0px; overflow: hidden; transition: 2s; [/class] [class=overlay_box] width: 260px; height: 260px; position: absolute; z-index: 0; margin-top: 170px; margin-left: 270px; transition: opacity 1s , -webkit-filter 4s; opacity: 0; -webkit-filter: grayscale(0%); background-color: transparent; [/class] [class name=overlay_box state=hover] -webkit-filter: grayscale(100%); transition: 4s; [/class] [class=showbox] opacity: 1; transition: 2s; [/class] [class=box_one] height: 120px; width: 120px; margin-left: 270px; margin-top: 170px; position: absolute; border-radius: 100%; background-color: transparent; overflow: hidden; transition: 1s; z-index: 1; opacity: 0; transform: translate(70px,70px) rotate(-90deg) scale(0.2); [/class] [class=one_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; opacity: 1; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.3s; opacity: 1; [/class] [class=box_two] height: 120px; width: 120px; margin-left: 410px; margin-top: 170px; position: absolute; border-radius: 100%; overflow: hidden; transition: 1s; opacity: 0; z-index: 0; background-color: transparent; transform: translate(-70px,70px) rotate(90deg) scale(0.2); [/class] [class=two_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.5s; opacity: 1; [/class] [class=box_three] height: 120px; width: 120px; margin-left: 270px; margin-top: 310px; position: absolute; border-radius: 100%; overflow: hidden; transition: 1s; opacity: 0; z-index: 0; background-color: transparent; transform: translate(70px,-70px) rotate(90deg) scale(0.2); [/class] [class=three_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.7s; opacity: 1; [/class] [class=box_four] height: 120px; width: 120px; margin-left: 410px; margin-top: 310px; position: absolute; border-radius: 100%; overflow: hidden; transition: 1s; opacity: 0; z-index: 0; background-color: transparent; transform: translate(-70px,-70px) rotate(-90deg) scale(0.2); [/class] [class=four_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.9s; opacity: 1; [/class] [class=boxbgone] background-color: rgba(255, 255, 255, 0.0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadeone] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtextone] font-size: 14px; color: white; z-index: -10; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadeone] opacity: 1; transition: opacity 1s , transform 0s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtextone state=hover] cursor: pointer; [/class] [class=closeone] font-size: 14px; color: white; z-index: -10; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclose] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closeone state=hover] cursor: pointer; [/class] [class=boxbgtwo] background-color: rgba(255, 255, 255, 0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadetwo] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtexttwo] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadetwo] opacity: 1; transition: opacity 1s , transform 0s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtexttwo state=hover] cursor: pointer; [/class] [class=closetwo] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s ; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclosetwo] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closetwo state=hover] cursor: pointer; [/class] [class=boxbgthree] background-color: rgba(255, 255, 255, 0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadethree] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtextthree] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadethree] opacity: 1; transition: opacity 1s , transform 0s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtextthree state=hover] cursor: pointer; [/class] [class=closethree] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclosethree] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closethree state=hover] cursor: pointer; [/class] [class=boxbgfour] background-color: rgba(255, 255, 255, 0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadefour] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtextfour] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadefour] opacity: 1; transition: opacity 1s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtextfour state=hover] cursor: pointer; [/class] [class=closefour] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclosefour] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closefour state=hover] cursor: pointer; [/class] [class=closeall] font-size: 14px; color: white; z-index: 1; text-align: center; opacity: 0; transition: 0.5s; margin-top: 445px; margin-left: 350px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 22px; width: 100px; [/class] [class=showcloseall] opacity: 1; transition: 2s; transition-delay: 0.5s; z-index: 10; [/class] [class name=closeall state=hover] cursor: pointer; [/class] [class=back] font-size: 14px; color: white; z-index: 1; text-align: center; opacity: 0; transition: 0.5s; margin-top: 445px; margin-left: 350px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 22px; width: 100px; [/class] [class=showback] opacity: 1; transition: 2s; transition-delay: 0.5s; z-index: 10; [/class] [class name=back state=hover] cursor: pointer; [/class] [class=hideboxes] opacity: 0; pointer-events: none; transition: 1s; [/class] [class=front_line] background-color: black; height: 32px; width: 100px; position: absolute; margin-top: 40px; margin-left: 150px; z-index: 10; opacity: 1; [/class] [class=front_text] font-size: 22px; color: white; font-style: italic; font-weight: bold; font-variant: lowercase; text-align: center; padding-top: -3px; font-family: 'Arial', sans-serif; letter-spacing: 1px; [/class] [class name=front_line state=hover] cursor: pointer; [/class] [class name=front_text state=hover] cursor: pointer; [/class] [class=header_one] background-color: black; height: 30px; width: 0px; margin-left: 20px; margin-top: 30px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headerone_text] font-size: 24px; color: white; font-style: italic; font-weight: bold; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headerone_text state=hover] cursor: default; [/class] [class=header_two] background-color: black; height: 30px; width: 0px; margin-left: 550px; margin-top: 30px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headertwo_text] font-size: 24px; color: white; font-style: italic; font-weight: bold; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headertwo_text state=hover] cursor: default; [/class] [class=header_three] background-color: black; height: 30px; width: 0px; margin-left: 20px; margin-top: 313px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headerthree_text] font-size: 24px; color: white; font-style: italic; font-weight: bold; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headerthree_text state=hover] cursor: default; [/class] [class=header_four] background-color: black; height: 30px; width: 0px; margin-left: 550px; margin-top: 313px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headerfour_text] font-size: 24px; color: white; font-style: italic; font-weight: bold; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headerfour_text state=hover] cursor: default; [/class] [class=box_1] height: 0px; width: 220.5px; background-color: white; margin-top: 60px; margin-left: 20px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=title1] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 10px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-50px); transition: 0s 4s; [/class] [class name=title1 state=hover] cursor: default; [/class] [class=para1] font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 35px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 20px; transition: 0s 4s; [/class] [class name=para1 state=hover] cursor: default; [/class] [class=musicplayer] height: 30px; width: 185px; background-color: black; position: absolute; margin-top: 180px; margin-left: 18px; overflow: hidden; opacity: 0; transition: 0s 4s; [/class] [class=soundcloud] height: 20px; width: 20px; position: relative; overflow: hidden; margin-left: 89px; margin-top: 5px; -webkit-filter: brightness(90%) grayscale(100%) contrast(500%); transform: scale(0.75); [/class] [class=skipback] font-size: 14px; color: white; margin-left: 48px; margin-top: 5.5px; position: absolute; z-index: 1; [/class] [class name=skipback state=hover] cursor: pointer; [/class] [class=skipforward] font-size: 14px; color: white; margin-left: 138px; margin-top: 5.5px; position: absolute; z-index: 1; [/class] [class name=skipforward state=hover] cursor: pointer; [/class] [class=nowplaying] font-size: 14px; font-weight: bold; font-style: italic; margin-left: 30px; margin-top: 155px; position: absolute; color: black; font-family: 'Arial', sans-serif; letter-spacing: 0.5px; opacity: 0; transition: 0s 4s; [/class] [class name=nowplaying state=hover] cursor: default; [/class] [class=box_2] height: 0px; width: 220.5px; background-color: white; margin-top: 60px; margin-left: 550px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=title2] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 10px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-50px); transition: 0s 4s; [/class] [class name=title2 state=hover] cursor: default; [/class] [class=title3] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 120px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-50px); transition: 0s 4s; [/class] [class name=title3 state=hover] cursor: default; [/class] [class=title4] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 110px; margin-top: 120px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-110px); transition: 0s 4s; [/class] [class name=title4 state=hover] cursor: default; [/class] [class=para2] height: 80px; width: 185px; background-color: transparent; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 35px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 40px; text-align: justify; transition: 0s 4s; [/class] [class name=para2 state=hover] cursor: default; [/class] [class=para3] background-color: transparent; height: 70px; width: 40px; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 145px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 500px; text-align: justify; transition: 0s 4s; [/class] [class name=para3 state=hover] cursor: default; [/class] [class=para4] background-color: transparent; height: 70px; width: 60px; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 120px; margin-top: 145px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 500px; text-align: justify; transition: 0s 4s; [/class] [class name=para4 state=hover] cursor: default; [/class] [class=box_3] height: 0px; width: 220.5px; background-color: white; margin-top: 343px; margin-left: 20px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=title5] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 10px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-110px); transition: 0s 4s; [/class] [class name=title5 state=hover] cursor: default; [/class] [class=para5] background-color: transparent; height: 178px; width: 185px; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 35px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 500px; text-align: justify; transition: 0s 4s; [/class] [class name=para5 state=hover] cursor: default; [/class] [class=box_4] height: 0px; width: 220.5px; background-color: white; margin-top: 343px; margin-left: 550px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=imagebox] height: 200px; width: 200px; background-color: transparent; margin-left: 10px; margin-top: 12px; position: absolute; overflow: hidden; opacity: 0; -webkit-filter: grayscale(100%); transition: filter 2s , opacity 3s 4s; [/class] [class name=imagebox state=hover] -webkit-filter: grayscale(0%); transition: 2s; cursor: pointer; [/class] [class=image1] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-462af4d332.jpg'); opacity: 1; transition: 1s 1s; [/class] [class=image2] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-e506480ad5.jpg'); opacity: 1; transition: 1s 1s; [/class] [class=image3] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-5fab3c40d8.jpg'); transition: 1s 1s; [/class] [class=image4] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-9fe7c3854a.png'); transition: 1s 1s; [/class] [class=image5] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-0381d1ca2e.jpg'); transition: 1s 1s; [/class] [class=image6] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-459463cb4c.png'); transition: 1s 1s; [/class] [class=transform] height: 225px; transition: height 1.5s 2s ease-out , border-bottom 0.1s 2s; border-bottom: solid 5px black; [/class] [class=reveal] width: 230px; transition: 1.5s 0.5s ease-out; [/class] [class=text_reveal] opacity: 1; transition: opacity 2s 1.2s; [/class] [class=text_reveal1] opacity: 1; transition: opacity 1s 3s; [/class] [class=title_reveal1] opacity: 1; transition: opacity 1s 2.8s , transform 1.1s 2.7s; transform: translateX(0); [/class] [class=title_reveal2] opacity: 1; transition: opacity 1s 3.3s , transform 1.1s 3.2s; transform: translateX(0); [/class] [class=text_reveal2] opacity: 1; transition: opacity 1s 3.5s; [/class] [class=title_reveal3] opacity: 1; transition: opacity 1.7s 3.8s , transform 1.8s 3.7s; transform: translateX(0); [/class] [class=text_reveal3] opacity: 1; transition: opacity 1s 4.8s; [/class] [class=nowplaying_reveal] opacity: 1; transition: opacity 1s 3.3s; [/class] [class=music_reveal] opacity: 1; transition: opacity 1s 3.3s; [/class] [script class=container on=init] addClass showbox overlay_box addClass showbox first_box addClass showbox first_image [/script] [script class=front_line on=click] addClass hideboxes first_box addClass hideboxes overlay_box addClass hideboxes first_image addClass one_move box_one addClass two_move box_two addClass three_move box_three addClass four_move box_four addClass showback back [/script] [script class=front_text on=click] addClass hideboxes first_box addClass hideboxes overlay_box addClass hideboxes first_image addClass one_move box_one addClass two_move box_two addClass three_move box_three addClass four_move box_four addClass showback back [/script] [script=bgtextone] set one 1 [/script] [script=bgtexttwo] set two 1 [/script] [script=bgtextthree] set three 1 [/script] [script=bgtextfour] set four 1 [/script] [script class=bgtextone on=click] set one 2 if (eq "${one}" "2") (addClass showclose closeone) if (eq "${one}" "2") (removeClass textfadeone bgtextone) if (eq "${one}" "2") (addClass showcloseall closeall) if (eq "${one}" "2") (removeClass showback back) if (eq "${one}" "2") (addClass transform box_1) if (eq "${one}" "2") (addClass reveal header_one) if (eq "${one}" "2") (addClass text_reveal headerone_text) if (eq "${one}" "2") (addClass title_reveal1 title1) if (eq "${one}" "2") (addClass text_reveal1 para1) if (eq "${one}" "2") (addClass nowplaying_reveal nowplaying) if (eq "${one}" "2") (addClass music_reveal musicplayer) [/script] [script class=box_one on=mouseenter] if (eq "${one}" "2") (set one 2) (set one 1) if (eq "${one}" "1") (addClass textfadeone bgtextone) if (eq "${one}" "1") (addClass bgfadeone boxbgone) [/script] [script class=box_one on=mouseleave] if (eq "${one}" "1") (removeClass showclose closeone) if (eq "${one}" "1") (removeClass textfadeone bgtextone) if (eq "${one}" "1") (removeClass bgfadeone boxbgone) if (eq "${one}" "2") (addClass showclose closeone) if (eq "${one}" "2") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (set one 1) [/script] [script class=bgfadeone on=mouseleave] if (eq "${one}" "1") (removeClass showclose closeone) if (eq "${one}" "1") (removeClass textfadeone bgtextone) if (eq "${one}" "1") (removeClass bgfadeone boxbgone) if (eq "${one}" "2") (addClass showclose closeone) if (eq "${one}" "2") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (set one 1) [/script] [script class=closeone on=click] set one 0 if (eq "${one}" "0") (removeClass showclose closeone) if (eq "${one}" "0") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (removeClass bgfadeone boxbgone) if (eq "${one}" "0") (removeClass showcloseall closeall) if (eq "${one}" "0") (addClass showback back) if (eq "${one}" "0") (removeClass transform box_1) if (eq "${one}" "0") (removeClass reveal header_one) if (eq "${one}" "0") (removeClass text_reveal headerone_text) if (eq "${one}" "0") (removeClass title_reveal1 title1) if (eq "${one}" "0") (removeClass text_reveal1 para1) if (eq "${one}" "0") (removeClass nowplaying_reveal nowplaying) if (eq "${one}" "0") (removeClass music_reveal musicplayer) [/script] [script class=bgtexttwo on=click] set two 2 if (eq "${two}" "2") (addClass showclosetwo closetwo) if (eq "${two}" "2") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "2") (addClass showcloseall closeall) if (eq "${two}" "2") (removeClass showback back) if (eq "${two}" "2") (addClass transform box_2) if (eq "${two}" "2") (addClass reveal header_two) if (eq "${two}" "2") (addClass text_reveal headertwo_text) if (eq "${two}" "2") (addClass title_reveal1 title2) if (eq "${two}" "2") (addClass title_reveal2 title3) if (eq "${two}" "2") (addClass title_reveal3 title4) if (eq "${two}" "2") (addClass text_reveal1 para2) if (eq "${two}" "2") (addClass text_reveal2 para3) if (eq "${two}" "2") (addClass text_reveal3 para4) [/script] [script class=box_two on=mouseenter] if (eq "${two}" "2") (set two 2) (set two 1) if (eq "${two}" "1") (addClass textfadetwo bgtexttwo) if (eq "${two}" "1") (addClass bgfadetwo boxbgtwo) [/script] [script class=box_two on=mouseleave] if (eq "${two}" "1") (removeClass showclose closetwo) if (eq "${two}" "1") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "1") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "2") (addClass showclose closetwo) if (eq "${two}" "2") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (set two 1) [/script] [script class=bgfadetwo on=mouseleave] if (eq "${two}" "1") (removeClass showclose closetwo) if (eq "${two}" "1") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "1") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "2") (addClass showclose closetwo) if (eq "${two}" "2") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (set two 1) [/script] [script class=closetwo on=click] set two 0 if (eq "${two}" "0") (removeClass showclosetwo closetwo) if (eq "${two}" "0") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "0") (removeClass showcloseall closeall) if (eq "${two}" "0") (addClass showback back) if (eq "${two}" "0") (removeClass transform box_2) if (eq "${two}" "0") (removeClass reveal header_two) if (eq "${two}" "0") (removeClass text_reveal headertwo_text) if (eq "${two}" "0") (removeClass title_reveal1 title2) if (eq "${two}" "0") (removeClass title_reveal2 title3) if (eq "${two}" "0") (removeClass title_reveal3 title4) if (eq "${two}" "0") (removeClass text_reveal1 para2) if (eq "${two}" "0") (removeClass text_reveal2 para3) if (eq "${two}" "0") (removeClass text_reveal3 para4) [/script] [script class=bgtextthree on=click] set three 2 if (eq "${three}" "2") (addClass showclosethree closethree) if (eq "${three}" "2") (removeClass textfadethree bgtextthree) if (eq "${three}" "2") (addClass showcloseall closeall) if (eq "${three}" "2") (removeClass showback back) if (eq "${three}" "2") (addClass transform box_3) if (eq "${three}" "2") (addClass reveal header_three) if (eq "${three}" "2") (addClass text_reveal headerthree_text) if (eq "${three}" "2") (addClass title_reveal1 title5) if (eq "${three}" "2") (addClass text_reveal1 para5) [/script] [script class=box_three on=mouseenter] if (eq "${three}" "2") (set three 2) (set three 1) if (eq "${three}" "1") (addClass textfadethree bgtextthree) if (eq "${three}" "1") (addClass bgfadethree boxbgthree) [/script] [script class=box_three on=mouseleave] if (eq "${three}" "1") (removeClass showclose closethree) if (eq "${three}" "1") (removeClass textfadethree bgtextthree) if (eq "${three}" "1") (removeClass bgfadethree boxbgthree) if (eq "${three}" "2") (addClass showclose closethree) if (eq "${three}" "2") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (set three 1) [/script] [script class=bgfadethree on=mouseleave] if (eq "${three}" "1") (removeClass showclose closethree) if (eq "${three}" "1") (removeClass textfadethree bgtextthree) if (eq "${three}" "1") (removeClass bgfadethree boxbgthree) if (eq "${three}" "2") (addClass showclose closethree) if (eq "${three}" "2") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (set three 1) [/script] [script class=closethree on=click] set three 0 if (eq "${three}" "0") (removeClass showclosethree closethree) if (eq "${three}" "0") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (removeClass bgfadethree boxbgthree) if (eq "${three}" "0") (removeClass showcloseall closeall) if (eq "${three}" "0") (addClass showback back) if (eq "${three}" "0") (removeClass transform box_3) if (eq "${three}" "0") (removeClass reveal header_three) if (eq "${three}" "0") (removeClass text_reveal headerthree_text) if (eq "${three}" "0") (removeClass title_reveal1 title5) if (eq "${three}" "0") (removeClass text_reveal1 para5) [/script] [script class=bgtextfour on=click] set four 2 set image 1 if (eq "${four}" "2") (addClass showclosefour closefour) if (eq "${four}" "2") (removeClass textfadefour bgtextfour) if (eq "${four}" "2") (addClass showcloseall closeall) if (eq "${four}" "2") (removeClass showback back) if (eq "${four}" "2") (addClass transform box_4) if (eq "${four}" "2") (addClass reveal header_four) if (eq "${four}" "2") (addClass text_reveal headerfour_text) if (eq "${image}" "1") (addClass image1 imagebox) if (eq "${image}" "1") (removeClass image2 imagebox) if (eq "${image}" "1") (removeClass image3 imagebox) if (eq "${image}" "1") (removeClass image4 imagebox) if (eq "${image}" "1") (removeClass image5 imagebox) if (eq "${image}" "1") (removeClass image6 imagebox) [/script] [script class=imagebox on=click] if (eq "${image}" "${image}") (inc image 1) if (eq "${image}" "1") (addClass image1 imagebox) if (eq "${image}" "2") (addClass image2 imagebox) if (eq "${image}" "3") (addClass image3 imagebox) if (eq "${image}" "4") (addClass image4 imagebox) if (eq "${image}" "5") (addClass image5 imagebox) if (eq "${image}" "6") (addClass image6 imagebox) [/script] [script class=box_four on=mouseenter] if (eq "${four}" "2") (set four 2) (set four 1) if (eq "${four}" "1") (addClass textfadefour bgtextfour) if (eq "${four}" "1") (addClass bgfadefour boxbgfour) [/script] [script class=box_four on=mouseleave] if (eq "${four}" "1") (removeClass showclose closefour) if (eq "${four}" "1") (removeClass textfadefour bgtextfour) if (eq "${four}" "1") (removeClass bgfadefour boxbgfour) if (eq "${four}" "2") (addClass showclose closefour) if (eq "${four}" "2") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (set four 1) [/script] [script class=bgfadefour on=mouseleave] if (eq "${four}" "1") (removeClass showclose closefour) if (eq "${four}" "1") (removeClass textfadefour bgtextfour) if (eq "${four}" "1") (removeClass bgfadefour boxbgfour) if (eq "${four}" "2") (addClass showclose closefour) if (eq "${four}" "2") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (set four 1) [/script] [script class=closefour on=click] set four 0 if (eq "${four}" "0") (removeClass showclosefour closefour) if (eq "${four}" "0") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (removeClass bgfadefour boxbgfour) if (eq "${four}" "0") (removeClass showcloseall closeall) if (eq "${four}" "0") (addClass showback back) if (eq "${four}" "0") (removeClass transform box_4) if (eq "${four}" "0") (removeClass reveal header_four) if (eq "${four}" "0") (removeClass text_reveal headerfour_text) if (eq "${four}" "0") (removeClass image2) if (eq "${four}" "0") (removeClass image3) if (eq "${four}" "0") (removeClass image4) if (eq "${four}" "0") (removeClass image5) if (eq "${four}" "0") (removeClass image6) [/script] [script=closeall] set close 0 [/script] [script=back] set back 0 [/script] [script class=closeall on=click] set close 0 set back 0 if (eq "${close}" "0") (removeClass showcloseall closeall) if (eq "${close}" "0") (addClass showback back) set one 0 if (eq "${one}" "0") (removeClass showclose closeone) if (eq "${one}" "0") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (removeClass bgfadeone boxbgone) if (eq "${one}" "0") (removeClass transform box_1) if (eq "${one}" "0") (removeClass reveal header_one) if (eq "${one}" "0") (removeClass text_reveal headerone_text) if (eq "${one}" "0") (removeClass title_reveal1 title1) if (eq "${one}" "0") (removeClass text_reveal1 para1) if (eq "${one}" "0") (removeClass nowplaying_reveal nowplaying) if (eq "${one}" "0") (removeClass music_reveal musicplayer) set two 0 if (eq "${two}" "0") (removeClass showclosetwo closetwo) if (eq "${two}" "0") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "0") (removeClass twocont_move two_content) if (eq "${two}" "0") (removeClass transform box_2) if (eq "${two}" "0") (removeClass reveal header_two) if (eq "${two}" "0") (removeClass text_reveal headertwo_text) if (eq "${two}" "0") (removeClass title_reveal1 title2) if (eq "${two}" "0") (removeClass title_reveal2 title3) if (eq "${two}" "0") (removeClass title_reveal3 title4) if (eq "${two}" "0") (removeClass text_reveal1 para2) if (eq "${two}" "0") (removeClass text_reveal2 para3) if (eq "${two}" "0") (removeClass text_reveal3 para4) set three 0 if (eq "${three}" "0") (removeClass showclosethree closethree) if (eq "${three}" "0") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (removeClass bgfadethree boxbgthree) if (eq "${three}" "0") (removeClass transform box_3) if (eq "${three}" "0") (removeClass reveal header_three) if (eq "${three}" "0") (removeClass text_reveal headerthree_text) if (eq "${three}" "0") (removeClass transform box_3) if (eq "${three}" "0") (removeClass reveal header_three) if (eq "${three}" "0") (removeClass text_reveal headerthree_text) if (eq "${three}" "0") (removeClass title_reveal1 title5) if (eq "${three}" "0") (removeClass text_reveal1 para5) set four 0 if (eq "${four}" "0") (removeClass showclosefour closefour) if (eq "${four}" "0") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (removeClass bgfadefour boxbgfour) if (eq "${four}" "0") (removeClass transform box_4) if (eq "${four}" "0") (removeClass reveal header_four) if (eq "${four}" "0") (removeClass text_reveal headerfour_text) if (eq "${four}" "0") (removeClass transform box_4) if (eq "${four}" "0") (removeClass reveal header_four) if (eq "${four}" "0") (removeClass text_reveal headerfour_text) if (eq "${four}" "0") (removeClass image2) if (eq "${four}" "0") (removeClass image3) if (eq "${four}" "0") (removeClass image4) if (eq "${four}" "0") (removeClass image5) if (eq "${four}" "0") (removeClass image6) [/script] [script class=back on=click] set back 1 if (eq "${back}" "1") (removeClass one_move box_one) if (eq "${back}" "1") (removeClass two_move box_two) if (eq "${back}" "1") (removeClass three_move box_three) if (eq "${back}" "1") (removeClass four_move box_four) if (eq "${back}" "1") (removeClass showback back) if (eq "${back}" "1") (removeClass hideboxes first_box) if (eq "${back}" "1") (removeClass hideboxes overlay_box) if (eq "${back}" "1") (removeClass hideboxes first_image) [/script] [div class=container] [div class=overlay_box] [div class=first_box] [div class=first_image]563716[/div] [div class=front_line][div class=front_text]enter[/div][/div] [/div][/div] [div class=box_one] [div class=boxbgone] [div class=closeone]close[/div] [div class=bgtextone] basics[/div] [/div] 563719 [/div] [div class=header_one][div class=headerone_text]
basics
[/div][/div] [div class=box_1] [div class=title1]Crow Augustine : WIP[/div] [div class=para1] Alias : Ghost.
Age : Unknown.
Gender : Male.
Sexuality : Biromantic heterosexual. [/div] [div class=nowplaying]chouchou – fjord[/div] [div class=musicplayer] [div class=skipback][/div] [div class=skipforward][/div] [div class=soundcloud]
[/div] [/div] [/div] [div class=box_two] [div class=boxbgtwo] [div class=closetwo]close[/div] [div class=bgtexttwo]info[/div] [/div] 563723 [/div] [div class=header_two][div class=headertwo_text]
info
[/div][/div] [div class=box_2] [div class=title2]personality[/div] [div class=para2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum id ex porttitor gravida. Fusce ullamcorper sem mi, vel euismod libero sollicitudin sed. Nam at dui quis orci elementum semper quis vitae risus. Sed quis bibendum leo. Nunc interdum in diam in elementum. Proin dolor nunc, eleifend sed gravida ac, ullamcorper in nisl. Phasellus ut faucibus elit. Duis pretium, sem at tristique pharetra, nisi elit volutpat lorem, a imperdiet ex ex vitae turpis.[/div] [div class=title3]LIKES[/div] [div class=para3] + like
+ like
+ like
+ like
+ dislike
+ dislike
+ dislike [/div] [div class=title4]DISLIKES[/div] [div class=para4]+ dislike
+ dislike
+ dislike
+ dislike
+ dislike
+ dislike
+ dislike[/div] [/div] [div class=box_three] [div class=boxbgthree] [div class=closethree]close[/div] [div class=bgtextthree]history[/div] [/div] 563731 [/div] [div class=header_three][div class=headerthree_text]
history
[/div][/div] [div class=box_3] [div class=title5]biography[/div] [div class=para5]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum id ex porttitor gravida. Fusce ullamcorper sem mi, vel euismod libero sollicitudin sed. Nam at dui quis orci elementum semper quis vitae risus. Sed quis bibendum leo. Nunc interdum in diam in elementum. Proin dolor nunc, eleifend sed gravida ac, ullamcorper in nisl. Phasellus ut faucibus elit. Duis pretium, sem at tristique pharetra, nisi elit volutpat lorem, a imperdiet ex ex vitae turpis.[/div] [/div] [div class=box_four] [div class=boxbgfour] [div class=closefour]close[/div] [div class=bgtextfour]powers[/div] [/div] 563732 [/div] [div class=header_four][div class=headerfour_text]
abilities
[/div][/div] [div class=box_4] [div class=para5]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean bibendum id ex porttitor gravida. Fusce ullamcorper sem mi, vel euismod libero sollicitudin sed. Nam at dui quis orci elementum semper quis vitae risus. Sed quis bibendum leo. Nunc interdum in diam in elementum. Proin dolor nunc, eleifend sed gravida ac, ullamcorper in nisl. Phasellus ut faucibus elit. Duis pretium, sem at tristique pharetra, nisi elit volutpat lorem, a imperdiet ex ex vitae turpis.[/div] [/div] [div class=closeall]
close all
[/div] [div class=back]
back
[/div] [/div]
 

Users who are viewing this thread

Back
Top