• 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 ❝𝐂𝐈𝐓𝐘 𝐋𝐈𝐆𝐇𝐓𝐒❞ — creation

Main
Here
OOC
Here
Lore
Here
character sheet
full name. nickname. age. birthday + zodiac. birthplace. nationality. ethnicity. gender + pronouns. sexual orientation. romantic orientation. religion [ optional ]. title [ optional ; i.e. "the bad boy" or "the bookworm" ].

face claim + voice claim. height. weight. build. complexion. eyes. hair. distinguishing features. modifications. style.

positive traits [ more than five ]. negative traits [ more than five ]. adores [ more than three ]. abhors [ more than three ]. quirks [ + habits ].

backstory [ can be descriptive or bullet points ]. relationships [ + family ].

grade level. program. focus [ i.e. a soccer focus in the athletics program ]. status [ i.e. scholarship or non-scholarship; returning or new ]. net worth.

extra [ refer to regulations ].


requirements
— Must have 1 or more good-quality images of character.
— The FC must be realistic, as in, a real person. No hate towards those that use drawings or animated characters, but I prefer realistic ones.
— Coding is not entirely necessary, but please make the CS visually-pleasing.
— You are eligible to add more information to your CS, but please follow the requirements here.
— Deadline is to be decided.
 
Last edited:
[class name=titleslide] width: 100%; height: 300px; font-family: Georgia; [/class] [class=tag] background: #97abbf; padding: 0px 4px 2px 4px; font-size: 12px; font-family: Arial; display: inline-block; color: white; margin-top: 10px; line-height: 15px; [/class] [class=gifs] display: flex; flex-direction: row; padding-bottom: 15px; [/class] [class name=tab] box-sizing: border-box; text-align: center; font-family: Georgia; font-size: 15px; color: #000; background: #bbbbbb; width: 66px; padding: 10px; padding-top: 20px; padding-bottom: 20px; text-transform: uppercase; transition: all .5s ease-in-out; border-left: 3px solid #f8f8f8; border-right: 3px solid #f8f8f8; transition: all .4s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedtab] box-sizing: border-box; text-align: center; font-family: Georgia; font-size: 15px; color: ##97abbf; background: #f3f3f3; width: 66px; border-left: 3px solid #97abbf; border-right: 3px solid #f3f3f3; padding: 10px; padding-top: 20px; padding-bottom: 20px; text-transform: uppercase; transition: all .4s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] background: #f3f3f3; border-left: 3px solid #f3f3f3; border-right: 3px solid #f3f3f3; transition: all .4s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedtab state=hover] border-left: 3px solid #97abbf; border-right: 3px solid #f3f3f3; transition: all .4s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [script class=tab on=click] hide tabcontents hide titleslide removeClass selectedtab tab set currentTab (getText) if (eq ${currentTab} 01) (addClass selectedtab tabone) if (eq ${currentTab} 02) (addClass selectedtab tabtwo) if (eq ${currentTab} 03) (addClass selectedtab tabthree) if (eq ${currentTab} 04) (addClass selectedtab tabfour) if (eq ${currentTab} 05) (addClass selectedtab tabfive) if (eq ${currentTab} 01) (show tabcontentsone) if (eq ${currentTab} 02) (show tabcontentstwo) if (eq ${currentTab} 03) (show tabcontentsthree) if (eq ${currentTab} 04) (show tabcontentsfour) if (eq ${currentTab} 05) (show tabcontentsfive) [/script]
henrietta hwang.
"il n'est rien de réel que le rêve et l'amour."
[div class="tab tabone"]01
[div class="tab tabtwo"]02
[div class="tab tabthree"]03
[div class="tab tabfour"]04[/div] [div class="tab tabfive"]05[/div] [/div]
[div class=titleslide]
golden girl
oh, so perfect
[div class="tabcontents tabcontentsone" style="display: none;"]
[div class=gifs]
requisite
[div class=tag]full name:[/div] hwang haneul. ( 황한을 ).

[div class=tag]english name:[/div] henrietta hwang. ( preferable ).

[div class=tag]nicknames:[/div] henri. ( most commonly used ). hani. ( her father calls her this when he's babying her ).

[div class=tag]age:[/div] seventeen.

[div class=tag]birthday:[/div] january nineteen. ( capricorn-aquarius cusp ).

[div class=tag]birthplace:[/div] cheongdam-dong, seoul, south korea.

[div class=tag]nationality:[/div] american. ( moved to new york city at two ).

[div class=tag]ethnicity:[/div] eastern asian. ( south korean ).

[div class=tag]gender:[/div] cisfemale. ( feminine pronouns ).

[div class=tag]sexual orientation:[/div] heterosexual.

[div class=tag]romantic orientation:[/div] demiromantic.

[div class=tag]religion:[/div] agnostic. ( born catholic ).

[div class=tag]title:[/div] the golden girl. [/div][/div] [div class="tabcontents tabcontentstwo" style="display: none;"]
[div class=gifs]
appearance
[div class=tag]face claim:[/div] park sooyoung. ( same for voice claim ).

[div class=tag]height:[/div] 5'6 ft. / 168 cm.

[div class=tag]weight:[/div] 119 lbs. / 43 kg.

[div class=tag]build:[/div] svelte. ( ectomorph ). has considerably generous proportions.

[div class=tag]complexion:[/div] on the paler side. ( unblemished ).

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

[div class=tag]hair:[/div] short. ( falls just past her shoulders ). occasionally styles it with several strands for bangs and extensions. alternates from dyeing it black to dark brown.

[div class=tag]distinguishing features:[/div] monolids. bright smile.

[div class=tag]modifications:[/div] standard ear piercings.

[div class=tag]style:[/div] as expected of a young girl from wealthy lineage, henrietta fancies clothing from notable designer brands. her clothes often don't contain color and are generally simple to the eye, but her style may range from sophisticated glamour to edgier street fashion to a comfortable sweater and jeans. ( unnecessarily long list of examples: 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 ). [/div][/div] [div class="tabcontents tabcontentsthree" style="display: none;"]
[div class=gifs]
psyche
[div class=tag]positive traits:[/div] intelligent, empathetic, articulate, versatile, altruistic, observant, romantic, solicitous, and benevolent.

[div class=tag]negative traits:[/div] idealistic, fickle, enigmatic, cynical, obstinate, escapist, stubborn, genteel, elusive, and reserved.

[div class=tag]aesthetics:[/div] white teeth and deep dimples, lingerie hidden beneath a fitting cocktail dress, fake smiles, falling asleep in bathtubs, missed call logs, empty bottles of chardonnay strewn across marble floors, cheeks flushed pink with intoxication, unspoken words, pages brusquely torn from a notebook, smudged mascara left on white pillowcases, swollen cherry lips, city lights illuminating dark eyes, unbridled laughter, and fingers tangled in sheets.

[div class=tag]adores:[/div] gold jewelry, night skies coupled with bright stars, silk and cashmere, eloquent conversations, french literature, drinking champagne to chase away her feelings, trashy tabloid magazines, romance and sex, designer clothing, and mcdonald's french fries.

[div class=tag]abhors:[/div] brunches with her family, sharing her feelings, feeling useless, being lied to, unnecessary violence, that sickening feeling she gets where she doesn't understand why she's sad but can't stop feeling sad, cigarettes, long car rides, and pointless charity balls.

[div class=tag]quirks:[/div] overthinks even the smallest things, takes long baths, only breaks her diet for mcdonald's french fries, curses in a mixture of french and korean, and has at least one mimosa every morning. [/div][/div] [div class="tabcontents tabcontentsfour" style="display: none;"]
[div class=gifs]
dossier
[div class=tag]history:[/div] info

[div class=tag]relationships:[/div] info [/div][/div] [div class="tabcontents tabcontentsfive" style="display: none;"]
[div class=gifs]
miscellaneous
[div class=tag]grade:[/div] twelfth. ( senior ).

[div class=tag]program:[/div] liberal arts and humanities.

[div class=tag]focus:[/div] french literature.

[div class=tag]status:[/div] non-scholarship. ( returning ).

[div class=tag]net worth:[/div] 1.2 billion usd. ( most of her money comes from her father's company ).

[div class=tag]extra:[/div] speaks four languages: english, korean, mandarin, and french. miri/eros, feminine, eastern standard. [/div][/div] [/div][/div] [/div]
coded by luna.
 
Last edited:
placeholder
❝ marlon ambrose ❞
..what's the point of living without any fun

mars was probably dropped on his head as a child way too many times. hates rules and would much rather blow things up. his father is the headmaster of regis ........international academy. academia.
 
Last edited:
[class=bkgd] position: relative; box-sizing: border-box; width: 400px; height: 435px; background-color: #0B1A2D; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; border: 2px solid #fff; [/class] [class=header] position: absolute; overflow: hidden; width: 400px; height: 160px; left: 0px; top: 0px; background: url(https://i.pinimg.com/564x/b1/79/c9/b179c9099a78119af188bc5f94dde590.jpg); background-size: 100%; [/class] [class=name] position: absolute; overflow: visible; width: 225px; height: 50px; left: 88px; top: 55px; background-color: #0B1A2D; border: 2px solid #fff; color: #fff; font-size: 12px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; [/class] [class=one] position: absolute; overflow: visible; width: 102px; height: 25px; left: -2px; top: 160px; background-color: #E9BDBC; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=two] position: absolute; overflow: visible; width: 100px; height: 25px; left: 100px; top: 160px; background-color: #9BC4BC; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=three] position: absolute; overflow: visible; width: 100px; height: 25px; left: 200px; top: 160px; background-color: #662E21; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=four] position: absolute; overflow: visible; width: 100px; height: 25px; left: 300px; top: 160px; background-color: #B37F75; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=pic1] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/fb/33/31/fb333135aac5a19f006f716ec9d72a16.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic2] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/26/cd/dd/26cdddc0ac1625ac9ef1bce02cf719b5.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic3] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/b6/84/36/b684363a22b744cde22c46e225e5a773.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic4] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/08/bf/a9/08bfa9602b89e062b36b33563188b068.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=text] position: relative; overflow: auto; width: 210px; height: 185px; color: #fff; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px 30px 5px 15px; background-color: #0B1A2D; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 200px; left: 15px; top: 210px; border: 2px solid #fff; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid #fff; font-size: 9px; text-align: center; margin-right: 3px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #fff; font-weight: 700; [/class] [class=pink] background-color: #E9BDBC; [/class] [class=cyan] background-color: #9BC4BC; [/class] [class=yellow] background-color: #662E21; [/class] [class=navy] background-color: #B37F75; [/class] [class=tab] position: absolute; overflow: visible; [/class] [class name=tab state=hover] background-color: #fff; color: #0B1A2D; transition-duration: 0.3s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 600 tabsContentBasics) if (eq ${currentTab} persona) (fadeIn 600 tabsContentPersona) if (eq ${currentTab} background) (fadeIn 600 tabsContentBackground) if (eq ${currentTab} other) (fadeIn 600 tabsContentOther) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #00A2F1; opacity: 0.3; [/class]
[div class=bkgd]
[div class=header][/div]
[div class=name]eloise laurent[/div]
[div class="tab one"]basics[/div]
[div class="tab two"]persona[/div]
[div class="tab three"]background[/div]
[div class="tab four"]other[/div]
[div class="tabsContent tabsContentBasics"]
[div class=textcontainer][div class=text][div class="tag pink"]name[/div] eloise claire laurent

[div class="tag pink"]nickname[/div]el, ellie

[div class="tag pink"]age[/div]17

[div class="tag pink"]birthday[/div]28 august - virgo

[div class="tag pink"]hometown[/div]paris, france

[div class="tag pink"]ethnicity/nationality[/div]caucasian/french

[div class="tag pink"]gender[/div]female

[div class="tag pink"]pronouns[/div]she/her

[div class="tag pink"]sexuality[/div]heterosexual/heteroromantic

[div class="tag pink"]faceclaim[/div]lily-rose depp

[div class="tag pink"]voice claim[/div]lily-rose depp

[div class="tag pink"]height[/div]5'3

[div class="tag pink"]weight[/div]107

[div class="tag pink"]body type[/div]slim

[div class="tag pink"]hair color[/div]blonde

[div class="tag pink"]eye color[/div]brown

[div class="tag pink"]distinguishing features[/div]none

[div class="tag pink"]body mods[/div]standard ear piercings

[div class="tag pink"]clothing style[/div] x x x x x

[div class="tag pink"]aesthetic board[/div] x
[/div][/div][div class=pic1][/div][/div]

[div class="tabsContent tabsContentPersona" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag cyan"]virtues[/div]intelligent, driven, loyal, confident, outgoing, respectful, creative

[div class="tag cyan"]vices[/div]stubborn, sensitive, argumentative, blunt, impatient, thinks she’s more sophisticated than she actually is

[div class="tag cyan"]fears[/div]her mother ignoring her for her new family, losing her grandparents, failing in school

[div class="tag cyan"]habits/quirks[/div]smokes occasionally, speaks franglais, bites fingernails, bounces her leg

[div class="tag cyan"]likes[/div]drawing, painting, fashion, paris, dogs, movies, flowers, warm weather, fresh bread, home cooked meals, chocolate, travel

[div class="tag cyan"]dislikes[/div]bad weather, fast food, reality tv, bugs, pigeons (the rats of the air), litter, instant coffee, when people wear too much perfume/cologne
[/div][/div][div class=pic2][/div][/div]

[div class="tabsContent tabsContentBackground" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag yellow"]history[/div]born to a sixteen year old mother in paris, eloise was not born rich. her mother, giselle worked hard to try and support eloise, but they had to live with her parents, hugo and marine (pépère and mémère). not only could giselle not afford to move out, but she needed them to care for eloise while she finished school and when she started working. though her relationship with them was strained, they adored eloise. though eloise's father was never in the picture, she never missed out on love.

when eloise was three and her mother was nineteen, giselle was scouted to be a model while she was working as a waitress in a high end restaurant. her career quickly took off. because of her constant travel, she reluctantly gave her parents custody of eloise. though she was often gone, she was always there for important events, like birthdays, holidays, and even school events. with her financial status changing, giselle made sure eloise was able to go to the best schools and that her parents and eloise had everything that they needed. she also put her guilt for being gone into expensive gifts for her family.

hugo and marine played a huge role in how eloise turned out. they were the ones who made sure she didn't end up a spoiled brat. hugo, an english professor not only taught eloise english, but he instilled a love of learning and a sense of pride in her work. marine made sure eloise was polite, well spoken, and put together. she inspired eloise to act and look her best and showed that how you portray yourself is very important. they are the guiding influence in her life. though she understands that her mother does her best, she knows her grandparents are the ones who truly raised her. they encouraged her creativity, but they also stressed the importance of academics.

when she was twelve, her mother got married to an american reality star, greg bernard. giselle wanted eloise to come live with her in los angeles, but the eloise was too attached to paris, her childhood home, and her grandparents. she loves her mother and the two have an understanding, but the two aren’t as close as eloise is with her grandparents. shortly after eloise turned thirteen, her younger siblings, mikey and gabrielle were born. because he doesn’t speak french, greg decided that the twins would be raised only speaking english.

feeling guilty for choosing to live with her grandparents, eloise decided to look at one of the high schools her mother had suggested: regis academy. she would still be closer to her mother and still be able to live with her grandparents on holidays. while she was confident in her intelligence, eloise was nervous about her application. what if she wasn’t good enough? thankfully, her worries were assuaged with an acceptance into the academy. she decided to focus on art. not only was she talented in drawing and painting, but she had a love for fashion design and hopes to apply her talents so she can get into a good fashion school.

now, eloise spends about a month out of each summer staying with her mom. she isn’t very close to greg, though she does like him, she generally only speaks to her mom. she never speaks english at there unless she is speaking directly to greg or her younger siblings. though she is fluent, she just feels more comfortable in her native language, especially when the only chance she has to speak it is when she is back in paris during school holidays or when she is visiting her mother. she occasionally makes appearances on her stepfather’s reality show, though she tries to avoid it when she can. she doesn’t like how things she says are edited and taken out of context for the sake of entertainment. she just wants to enjoy her time with her mother. though, she feels like a bit of an outsider when she visits her mother. she isn't there often enough to feel like she understands everyone and her siblings have trouble understanding her accent occasionally.

[div class="tag yellow"]family[/div]
hugo laurent // grandfather // alive
marine laurent // grandmother // alive
giselle laurent // mother // alive
greg bernard // stepfather // alive
mikey bernard // brother // alive
gabrielle bernard // sister // alive

[/div][/div][div class=pic3][/div][/div]

[div class="tabsContent tabsContentOther" style="display: none;"][div class=pic4][/div]
[div class=textcontainer][div class=text] [div class="tag navy"]grade[/div]senior

[div class="tag navy"]program[/div]liberal arts and humanities

[div class="tag navy"]focus[/div]art

[div class="tag navy"]langauges[/div]french, english, german, spanish, and italian

[div class="tag navy"]status[/div]returning non-scholarship

[div class="tag navy"]net worth[/div]$10 million

[div class="tag navy"]favorite food[/div]ratatouille

[div class="tag navy"]favorite drink[/div]water with lemon and mint

[div class="tag navy"]favorite book[/div]to kill a mockingbird

[div class="tag navy"]favorite movie[/div]breakfast at tiffany’s

[div class="tag navy"]favorite color[/div]black

[div class="tag navy"]relationships[/div] - one
- two
- three
- four
- five
- six

[div class="tag navy"]extra[/div]copa, est, she/her

[div class="tag navy"]gallery[/div]
61e7c436c2cc0666c86bdaca8e03a76e.jpg

696499eb94e5c15c04057dff859ab215.jpg

6c0abf272705986b457c1015bfe7bf65.jpg

e7fb108ad12c6e4b65c58fa469dd2cd4.jpg

42ab62c6361b7a06d967794a106e2c51.jpg

43a6bff3e3d87058d448fadef9d8274b.jpg

ec97031413cc472d6b586a738187f460.jpg

78aca554a5948012dd6ef8c55d57c5b3.jpg

c66c77e4138f8c47eca2c12e7f5dde1b.jpg

e8813480178edc9bc80673029ab1cd99.jpg

[/div][/div][div class=pic4][/div][/div]
[/div][div class=credit]code by [COLOR=#00A2F1]sox[/COLOR][/div]
 
Last edited:
[div class=variations]
♡coded by uxie♡
[div class="container"]
[div class=tabbox][div class="tabcontents tab1"][div class=tabheadertagp]appearance[/div][div class=tabaflex][div class=hoverpicb]
[/div][div class=ablock][/div][div class=atabscroll][div class=scroll][div class=atag]♡ y.a.s[/div]
Face Claim.Ciara Johnson
Voice Claim. Rutina Wesley
Height. 5'7"
Weight. 124lbs
Build. Ectomorphic
Complexion. Fenty 420
Eyes.Brown
Hair. Brown
Distinguished Features. N/A
Modifications. Left Ear/ Right Ear/ Fingers/ Ankle
Style. C l o s e t
[/div]
[/div][div class=atabscroll][div class=scroll][div class=atag]♡ wig[/div]
Grade level. Senior
Program. Liberal Arts and Humanities
Focus. Music
Status. Scholarship/Returning
Net worth. $18 Million

[/div]
[/div][div class=ablock][/div][div class=hoverpicb]
[/div]

[/div]
[/div][div class="tabcontents tab2" style=display:none;][div class=tabheadertagp]persona[/div][div class=tabpflex][div class=listgrp] [div class="perslist likes"] [div class=perslisttitle] adores [/div][div class=persblock][/div] [div class=perstag]♡ strawberries[/div][div class=perstag]♡ music[/div][div class=perstag]♡ rhubarb pie[/div][div class=perstag]♡ skateboarding[/div][div class=perstag]♡ rollercoasters[/div][div class=perstag]♡ creative writing[/div] [/div][div class="perslist dislikes"] [div class=perslisttitle] adhores [/div][div class=persblock][/div] [div class=perstag]♡ plaigarism[/div][div class=perstag]♡ being sick[/div][div class=perstag]♡ scream-o music[/div][div class=perstag]♡ quitters[/div][div class=perstag]♡migranes [/div] [/div] [/div][div class=tabpfscroll][div class=scroll]
Positive Traits:
Confident.
Tamika has confidence flowing through her veins. She sometimes doesn't let anything a person says about her bring her down. She knows the consequences of her actions but she doesn't care and does it anyway cause she loves the thrill. She knows that nothing can be too hard for her to figure and if she fails she will try again because she knows she has the ability to achieve something she wants.
Independent.
She is mainly doing things on her own and rarely asks for help unless it deals with her music and even when with her music she doesn't like asking for help. She took up multiple instruments on her own at a young age before her parents. She finds asking for help with simple things a sign of vulnerability or weakness.
Daring.
She enjoys trying new things and having her fair share of men and women. She will do almost anything mainly to experience what it felt like and sometimes to fulfill her personal needs. She loves the rush and thrill of doing something exhilarating that gets her blood pumping faster through her veins. She is really daring in her music. She loves being bold and doesn't let anything stop her from doing what she wants. If you are trying to add some thrill and excitement into your life, Tamika is one friend to have.
Quick-learner.
From the age of 6 years old, Tamika has always been a quick learner with everything including musical instruments. Her first instrument was the goombay that her grandfather taught her and her two siblings how to play, she was interested in playing other instruments so she and was quick to learn the guitar, violin, flute, and many other instruments.
Creative
She is very clever and original. She already doesn't conform to society's wishes and she does whatever makes her happy. She is a brilliant mind and a fun person to have by your side and she loves using her mind to do things of out the ordinary and see what the outcomes are. There is never a dull moment when Tamika is around.
Negative Traits:
Sarcastic.
Apathetic.
Opinionated.
Cautious.
Condesending.

[/div][/div][div class=listgrp] [div class="perslist fears"] [div class=perslisttitle] fears [/div][div class=persblock][/div] [div class=perstag]♡ fear 1[/div][div class=perstag]♡ fear 2[/div][div class=perstag]♡ fear 3[/div][div class=perstag]♡ fear 4[/div][div class=perstag]♡ fear 5[/div] [/div] [div class="perslist hobbies"] [div class=perslisttitle] habits [/div][div class=persblock][/div] [div class=perstag]♡ has a music journal[/div][div class=perstag]♡chews bubblegum 24/7[/div][div class=perstag]♡ hums while doing hmwk[/div][div class=perstag]♡ hobby 4[/div][div class=perstag]♡ hobby 5[/div] [/div] [/div]

[/div]
[/div][div class="tabcontents tab3" style=display:none;][div class=tabheader][div class=tabheaderquote]i don't know if you know this but,
[div class=tabheadersubtext]you mever know just how much, i love you[/div]
[/div]

[div class=tabheadertag]background[/div]

[/div][div class=tabhc][div class=tabhscroll][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus placerat gravida nisl, in malesuada elit commodo sed. Aenean risus dui, sollicitudin ac interdum a, fringilla sit amet ipsum. Etiam quis metus commodo, mollis nulla eget, dictum lorem. Vivamus rhoncus felis vel lacus elementum lobortis ac eu enim. Duis sit amet mi sed orci lobortis hendrerit quis at ante. Praesent blandit, ante non congue commodo, nunc tellus fringilla nisl, id molestie libero erat at nunc. Vivamus ac nisl ante. Aliquam felis neque, vulputate ut fringilla vel, dignissim et magna. Quisque urna libero, mattis nec aliquam ac, sollicitudin sit amet erat. Nulla facilisi. Integer nunc dui, mollis sed sodales quis, commodo vel lorem. Donec in magna facilisis, sollicitudin libero ut, interdum orci. Vivamus diam urna, tincidunt id dui eu, suscipit accumsan neque. Etiam sit amet iaculis odio, nec imperdiet eros.

Nunc in sollicitudin eros, non ultrices orci. Morbi efficitur ipsum vitae nibh aliquam eleifend. Donec mattis neque eget velit egestas scelerisque. Sed justo dolor, elementum vitae malesuada molestie, mattis a risus. Nullam a velit sit amet purus feugiat lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc finibus nibh sit amet nisl euismod pellentesque sit amet vitae ligula. Nam mattis dignissim quam, non ornare purus suscipit nec.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras lacinia feugiat vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis mattis metus id semper. Fusce eu aliquet mi, sit amet egestas diam. Aliquam dapibus justo a nulla porttitor pellentesque. Nam fringilla sem odio, eget vehicula tortor hendrerit quis. Cras eget posuere tortor. Cras molestie erat vel ex sollicitudin lobortis.

[/div][/div][div class=tabhsidepicb][div class=tabhsidepic1][/div][/div]
[/div]

[/div][div class="tabcontents tab4" style=display:none;][div class=tabfc] [div class=tabpicheaderc] [div class=tabpicheader]
[/div] [div class=tabpicheader]
[/div] [/div][div class=tabfcscroll][div class=scroll][div class=etag]♡ somethin' extra[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus placerat gravida nisl, in malesuada elit commodo sed. Aenean risus dui, sollicitudin ac interdum a, fringilla sit amet ipsum. Etiam quis metus commodo, mollis nulla eget, dictum lorem. Vivamus rhoncus felis vel lacus elementum lobortis ac eu enim. Duis sit amet mi sed orci lobortis hendrerit quis at ante. Praesent blandit, ante non congue commodo, nunc tellus fringilla nisl, id molestie libero erat at nunc. Vivamus ac nisl ante. Aliquam felis neque, vulputate ut fringilla vel, dignissim et magna. Quisque urna libero, mattis nec aliquam ac, sollicitudin sit amet erat. Nulla facilisi. Integer nunc dui, mollis sed sodales quis, commodo vel lorem. Donec in magna facilisis, sollicitudin libero ut, interdum orci. Vivamus diam urna, tincidunt id dui eu, suscipit accumsan neque. Etiam sit amet iaculis odio, nec imperdiet eros.

Nunc in sollicitudin eros, non ultrices orci. Morbi efficitur ipsum vitae nibh aliquam eleifend. Donec mattis neque eget velit egestas scelerisque. Sed justo dolor, elementum vitae malesuada molestie, mattis a risus. Nullam a velit sit amet purus feugiat lobortis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc finibus nibh sit amet nisl euismod pellentesque sit amet vitae ligula. Nam mattis dignissim quam, non ornare purus suscipit nec.

[/div][/div]
[/div][div class=tabfooter][div class=tabfooterquote]i don't know if you know this but,
[div class=tabfootersubtext]you never know just how much, I care[/div]
[div class=tabfootertag]extra[/div]
[/div]

[/div][/div]

[/div] [div class=navbar] [div class=navbarimgb] [div class=navbarimg][/div] [/div] [div class=navbars] [div class=name]Tamika Sheppard
[/div] [div class=infotagc] [div class=infotag]♡ Tami/Mika[/div] [div class=infotag]♡ Female/She-Her[/div] [div class=infotag]♡ 18[/div] [div class=infotag]♡August 25th/Leo[/div] [div class=infotag]♡ Jamacian-American[/div] [div class=infotag]♡ Bisexual[/div] [div class=infotag]♡ Demi-romantic[/div] [/div] [div class=tabnav] [div class=buttons1]
[div class="button navbutton1 buttonselect"]♡
1
[/div]
[div class="button navbutton2"]♡
2
[/div]
[/div] [div class=buttons2]
[div class="button navbutton3"]♡
3
[/div]
[div class="button navbutton4"]♡
4
[/div]
[/div] [/div] [/div] [div class=tabnavm] [div class=buttonsm]
[div class="button navbutton1 buttonselect"]♡
1
[/div]
[div class="button navbutton2"]♡
2
[/div]
[div class="button navbutton3"]♡
3
[/div]
[div class="button navbutton4"]♡
4
[/div]
[/div] [/div] [/div]

[/div][/div]

[class=variations] --color-1: #A2BBD5; --color-2: #FCD8DC; --color-3: #E7F1FA; --color-4: #FCA0B3; --color-5: #FDFCF8; --color-6: #B6CEF0; --tcolor-1: #526172; --tcolor-2: #7192ba; --img-1: url('https://mediaslide-europe.storage.googleapis.com/uno/pictures/3082/43128/large-1547547035-a81251c12dd708fb715c1b9fee4c7f47.jpg'); --img-2: url('https://www.modelwerk.de/file/551039.jpg?size=rmbig'); --img-3: url('https://66.media.tumblr.com/87abb8df0fecbb9645f915283c9f898b/tumblr_p6hbhqX9OZ1wjiw6ao6_1280.jpg'); --img-4: url('https://www.modelwerk.de/file/551037.jpg?size=rmbig'); --img-5: url('https://www.modelwerk.de/file/551060.jpg?size=rmbig'); --img-6: url('https://payload.cargocollective.com/1/17/547691/13717019/20190116_SH_Ciara_1_41280-ED_LO_23_670.jpg'); --img-7: url('https://www.modelwerk.de/file/551041.jpg?size=rmbig'); width:540px; margin:auto; [/class] [class name=variations maxWidth="539px"] width:90vw; margin:auto; [/class] [class name="container" minWidth="540px"] width:100%; background: var(--color-1); margin:auto; padding:10px; box-sizing:border-box; display:flex; justify-content: center; flex-flow: row; border-radius:2px; [/class] [class name="container" maxWidth="539px"] width:100%; background: var(--color-1); margin:auto; padding:10px; box-sizing:border-box; display:flex; flex-flow: row wrap-reverse; justify-content: center; border-radius:2px; [/class] [class name=tabbox minWidth="540px"] height:400px; width:65%; background-color: var(--color-3); margin-right:2%; border-radius:2px; position:relative; [/class] [class name=tabbox maxWidth="539px"] height:60vh; width:100%; background-color: var(--color-3); border-radius:2px; position:relative; [/class] [class name=tabcontents minWidth="540px"] height:100%; width:100%; position:absolute; [/class] [class name=tabcontents maxWidth="539px"] height:100%; width:100%; position:absolute; [/class] [class name=tabaflex minWidth="540px"] height:90.5%; width:100%; padding:10px; display:flex; flex-flow: row wrap; box-sizing: border-box; justify:content:center; margin-top:11.5%; [/class] [class name=tabaflex maxWidth="539px"] height:89%; width:100%; padding:8px; padding-top:10px; padding-bottom:10px; display:flex; flex-flow: row wrap; justify-content:center; box-sizing: border-box; margin-top:11%; [/class] [class name=hoverpicb] height:45%; width:36%; padding:5px; box-sizing:border-box; border:1px solid white; border-radius:2px; margin-top:2%; [/class] [class name=atabscroll] height:45%; width:60%; margin-top:2%; overflow:hidden; padding:5px; box-sizing:border-box; font-size:10px; color:black; text-align:justify; [/class] [class name=atabscroll maxWidth="539px"] height:46%; width:60%; margin-top:2%; overflow:hidden; padding:5px; box-sizing:border-box; font-size:10px; color:black; text-align:justify; [/class] [class name=ablock] height:20%; width:4%; [/class] [class=atag] font-size:10.5px; background-color: var(--color-6); text-transform: uppercase; letter-spacing:0.5px; border-radius:3px; display:inline-block; padding-left:3px; padding-right:3px; margin-bottom:2px; margin-right:1px; [/class] [class name=tabheader minWidth="540px"] height:18%; width:100%; background-color: var(--color-5); border-top-right-radius:2px; border-top-left-radius:2px; position:relative; [/class] [class name=tabheader maxWidth="539px"] height:20%; width:100%; background-color: var(--color-5); border-top-right-radius:2px; border-top-left-radius:2px; position:relative; [/class] [class=tabheaderquote] width:100%; height:85%; box-sizing:border-box; padding:5px; color: var(--color-4); font-size:25px; text-align:right; font-weight:bold; overflow:hidden; float:right; [/class] [class name=tabheaderquote maxWidth="539px"] font-size:2.4em; width:60%; line-height:150%; overflow:hidden; margin-right:2px; [/class] [class=tabheadersubtext] float:right; width:70%; font-size:7px; text-transform:uppercase; font-weight:100; [/class] [class name=tabheadersubtext maxWidth="539px"] display:none; [/class] [class=tabheadertag] height:45%; min-width:20%; max-width:150%; background-color: var(--color-2); color: var(--tcolor-1); padding:5px; padding-left:7px; padding-right:7px; box-sizing:border-box; border-radius:3px; display:inline-block; font-size:23px; font-weight:bold; letter-spacing:1.5px; line-height:60%; text-shadow:1.5px 1.5px #fff; position:absolute; top:78%; left:2%; font-style:oblique; [/class] [class name=tabheadertag maxWidth="539px"] position:absolute; top:30%; left:4%; [/class] [class name=tabhc minWidth="540px"] padding:10px; height:80%; display:flex; flex-flow:row nowrap; justify-content: space-evenly; align-content: center; margin-top:2%; box-sizing:border-box; [/class] [class name=tabhc maxWidth="539px"] padding:5px; height:82.8%; display:flex; flex-flow:column; margin-top:2%; box-sizing:border-box; [/class] [class name=tabhscroll minWidth="540px"] width:76%; height:100%; overflow:hidden; padding:5px; font-size:10px; color:black; box-sizing: border-box; text-align:justify; [/class] [class name=tabhscroll maxWidth="539px"] width:100%; height:162%; overflow:hidden; padding:3px; font-size:10px; color:black; [/class] [class name=tabhsidepicb minWidth="540px"] width:25%; height:calc(100% - 12px); border:1px solid white; border-radius:2px; padding:5px; margin-left:1%; [/class] [class name=tabhsidepicb maxWidth="539px"] width:100%; height:23%; margin-top:2%; border:1px solid white; padding:5px; box-sizing:border-box; border-radius:2px; [/class] [class name=tabhsidepic1 minWidth="540px"] height:100%; width:100%; background: var(--img-2); background-size:362%; background-position:50% 52%; border-radius:2px; [/class] [class name=tabhsidepic1 maxWidth="539px"] height:100%; width:100%; background: var(--img-3); background-size:100%; border-radius:2px; [/class] [class=scroll] height:100%; width:100%; overflow-y:scroll; padding-right:50px; [/class] [class=tabheadertagp] height:8%; min-width:20%; max-width:150%; background-color: var(--color-2); color: var(--tcolor-1); padding:5px; padding-left:7px; padding-right:7px; box-sizing:border-box; border-radius:3px; display:inline-block; font-size:23px; font-weight:bold; letter-spacing:1.5px; line-height:50%; text-shadow:1.5px 1.5px #fff; position:absolute; top:2%; left:3%; font-style:oblique; [/class] [class name=tabpflex minWidth="540px"] height:90.5%; width:100%; padding:10px; display:flex; flex-flow: row wrap; box-sizing: border-box; justify:content:center; margin-top:11.5%; [/class] [class name=tabpflex maxWidth="539px"] height:100%; width:100%; padding:5px; padding-top:10px; padding-bottom:10px; display:flex; flex-flow: column nowrap; justify-content:center; box-sizing: border-box; margin-top:11%; [/class] [class name=tabpfscroll minWidth="540px"] height:45.5%; width:100%; overflow:hidden; padding:5px; text-align:justify; font-size:10px; color:black; box-sizing: border-box; margin-top:2%; margin-bottom:2%; [/class] [class name=tabpfscroll maxWidth="539px"] height:64%; width:100%; overflow:hidden; padding:5px; text-align:justify; font-size:10px; color:black; box-sizing: border-box; margin-top:2%; margin-bottom:2%; [/class] [class name=listgrp minWidth="540px"] height:25%; width:100%; display:flex; flex-flow: row nowrap; [/class] [class name=listgrp maxWidth="539px"] height:34%; width:100%; display:flex; flex-flow: row nowrap; [/class] [class name=perslist minWidth="540px"] height:100%; width:48%; background-color: var(--color-5); border-radius:2px; display:flex; padding:5px; box-sizing: border-box; flex-flow: row wrap; justify-content: center; align-content: space-evenly; margin-left:1.5%; margin-right:1.5%; position:relative; line-height:120%; [/class] [class name=perslist maxWidth="539px"] height:100%; width:48%; background-color: var(--color-5); border-radius:2px; display:flex; padding:5px; box-sizing: border-box; flex-flow: row wrap; justify-content: center; align-content: space-evenly; margin-left:1.5%; margin-right:1.5%; position:relative; line-height:120%; [/class] [class=persblock] height:3px; width:100%; [/class] [class name=perslisttitle minWidth="540px"] width:100%; font-size:16px; color: var(--tcolor-2); letter-spacing:2px; font-weight:bold; position:absolute; top:-2px; text-shadow: 1.2px 1.2px var(--color-6); background-color: var(--color-6); padding-left:3%; border-top-right-radius:2px; border-top-left-radius:2px; box-sizing:border-box; [/class] [class name=perslisttitle maxWidth="539px"] width:100%; font-size:14px; color: var(--tcolor-2); letter-spacing:2px; font-weight:bold; position:absolute; top:-2px; text-shadow: 1.2px 1.2px var(--color-6); background-color: var(--color-6); padding-left:3%; border-top-right-radius:2px; border-top-left-radius:2px; box-sizing:border-box; [/class] [class=perstag] max-height:14px; font-size:9px; color:black; background-color: var(--color-1); border-radius:3px; min-width:2%; max-width:100%; display:inline-block; text-transform:uppercase; padding:2px; margin-right:2px; line-height:100%; [/class] [class name=tabpicheaderc] height:100%; width:30%; [/class] [class name=tabpicheader] height: 48%; width: 100%; border-top-right-radius:2px; border-top-left-radius:2px; padding:5px; box-sizing:border-box; border:1px solid white; margin-bottom:10%; [/class] [class name=tabfooter minWidth="540px"] height:18%; width:100%; background-color: var(--color-5); border-bottom-right-radius:2px; border-bottom-left-radius:2px; position:relative; margin-top:1%; [/class] [class name=tabfooter maxWidth="539px"] height:19%; width:100%; background-color: var(--color-5); border-top-right-radius:2px; border-top-left-radius:2px; position:relative; margin-top:0%; [/class] [class=tabfooterquote] width:100%; height:85%; box-sizing:border-box; padding:5px; color: var(--color-4); font-size:25px; text-align:left; font-weight:bold; overflow:hidden; float:left; [/class] [class name=tabfooterquote maxWidth="539px"] font-size:2.4em; width:60%; line-height:150%; overflow:hidden; margin-right:2px; [/class] [class=tabfootersubtext] float:left; width:70%; font-size:7px; text-transform:uppercase; font-weight:100; [/class] [class name=tabfootersubtext maxWidth="539px"] display:none; [/class] [class=tabfootertag] height:45%; min-width:10%; max-width:150%; background-color: var(--color-2); color: var(--tcolor-1); padding:5px; padding-left:7px; padding-right:7px; box-sizing:border-box; border-radius:3px; display:inline-block; font-size:23px; font-weight:bold; letter-spacing:1.5px; line-height:60%; text-shadow:1.5px 1.5px #fff; position:absolute; top:-22%; right:4%; font-style:oblique; [/class] [class name=tabfootertag maxWidth="539px"] position:absolute; top:20%; right:4%; [/class] [class name=tabfc minWidth="540px"] padding:10px; height:81.5%; display:flex; flex-flow: row wrap; box-sizing:border-box; padding-bottom:0px; position:relative; [/class] [class name=tabfc maxWidth="539px"] padding:5px; height:81%; display:flex; flex-flow: row wrap; box-sizing:border-box; justify-content:center; [/class] [class name=tabfcscroll minWidth="540px"] height:97.5%; width:68%; padding:5px; overflow:hidden; box-sizing:border-box; margin-left:2%; font-size:10px; color:black; text-align:justify; [/class] [class name=tabfcscroll maxWidth="539px"] height:97.5%; width:66%; padding:5px; overflow:hidden; box-sizing:border-box; margin-left:2%; font-size:10px; color:black; text-align:justify; [/class] [class=etag] font-size:12px; background-color: var(--color-6); color:black; border-radius:3px; padding:3px; padding-top:1px; padding-bottom:1px; text-transform:uppercase; letter-spacing:0.3px; box-sizing:border-box; display:inline-block; margin-bottom:2px; margin-right:1px; [/class] [class name=navbar minWidth="540px"] height:400px; width: 35%; background-color: var(--color-2); border-radius:2px; display:flex; flex-flow: column nowrap; align-content:center; [/class] [class name=navbar maxWidth="539px"] height:28vh; margin-bottom:2%; width:100%; background-color: var(--color-2); border-radius:2px; flex-flow: row wrap; justify-content:space-evenly; box-sizing:border-box; padding:5px; display:flex; [/class] [class name=navbarimgb minWidth="540px"] height:140px; width:140px; border-radius:2px; border:1px solid white; padding:5px; margin-top:4%; align-self:center; [/class] [class name=navbarimgb maxWidth="539px"] padding:5px; height:100px; width:100px; border-radius:2px; border:1px solid white; align-self:flex-start; display:block; position:relative; margin-top:4%; [/class] [class name=navbarimg minWidth="540px"] height:100%; width:100%; background: var(--img-1); background-size:100%; border-radius:2px; [/class] [class name=navbarimg maxWidth="539px"] height:100%; width:100%; background: var(--img-1); background-size:111%; border-radius:2px; [/class] [class name=navbars minWidth="540px"] height:70%; width:100%; display:flex; flex-flow:column nowrap; [/class] [class name=navbars maxWidth="539px"] height:70%; width:60%; display:flex; flex-direction:column; margin-left:2%; [/class] [class name=name minWidth="540px"] font-size:2.1em; color: var(--color-1); text-align:center; font-weight:bold; margin-top:3%; text-shadow:2px 2px white; [/class] [class name=name maxWidth="539px"] font-size:1.8em; color: var(--color-1); font-weight:bold; margin-left:3%; text-shadow:2px 2px white; [/class] [class name=infotagc minWidth="540px"] min-height:10%; max-height:40%; width:100%; padding:5px; display:flex; flex-flow: row wrap; justify-content:center; box-sizing:border-box; margin-top:2%; align-content:center; text-align:center; [/class] [class name=infotagc maxWidth="539px"] min-height:10%; max-height:40%; width:100%; padding:5px; display:flex; flex-flow: row wrap; justify-content:space-evenly; box-sizing:border-box; margin-top:3%; [/class] [class=infotag] max-width:110px; min-width:10px; font-size:10px; background-color: var(--color-4); color:black; border-radius:3px; padding:3px; text-transform:uppercase; letter-spacing:0.3px; box-sizing:border-box; display:inline-block; margin-right:3px; [/class] [class name=tabnav minWidth="540px"] height:30%; width:100%; display:flex; flex-flow: column nowrap; position:relative; top:20px; [/class] [class name=tabnav maxWidth="539px"] height:10%; width:100%; position:relative; display:flex; top:10px; [/class] [class=buttons1] font-size:1.2em; color:white; width:100%; [/class] [class name=buttons1 maxWidth="539px"] font-size:1.2em; color:white; width:100%; display:none; [/class] [class=buttons2] font-size:1.2em; color:white; width:100%; margin-top:2%; [/class] [class name=buttons2 maxWidth="539px"] font-size:1.2em; color:white; width:100%; display:none; [/class] [class name=tabnavm minWidth="540px"] height:30%; width:100%; display:none; [/class] [class name=tabnavm maxWidth="539px"] height:18%; width:100%; [/class] [class name=buttonsm minWidth="540px"] font-size:1.2em; color:white; width:100%; display:none; [/class] [class name=buttonsm maxWidth="539px"] font-size:1.2em; color:white; width:100%; padding-top:10px; margin:auto; [/class] [class=button] color:white; transition:0.3s; cursor:pointer; display:inline; [/class] [class name=button state=hover] text-shadow: 1.5px 1.5px var(--color-4); transition:0.3s; [/class] [class=buttonselect] text-shadow: 1.5px 1.5px var(--color-4); pointer-events:none; [/class] [script class=button on=click] hide tabcontents removeClass buttonselect button set currentTab (getText) //buttons scripts if (eq ${currentTab} ♡1) (addClass buttonselect navbutton1) if (eq ${currentTab} ♡2) (addClass buttonselect navbutton2) if (eq ${currentTab} ♡3) (addClass buttonselect navbutton3) if (eq ${currentTab} ♡4) (addClass buttonselect navbutton4) //tab scripts if (eq ${currentTab} ♡1) (show tab1) if (eq ${currentTab} ♡2) (show tab2) if (eq ${currentTab} ♡3) (show tab3) if (eq ${currentTab} ♡4) (show tab4) [/script]
 
Last edited:
[class=bkgd] position: relative; overflow: hidden; margin-right: auto; margin-left: auto; background-color: #eeffd9; width: 20em; height: 9em; border-radius: 0.5em; [/class] [class=name] position: relative; margin-right: auto; margin-left: auto; top: 10%; color: #335024; width: 100%; height: auto; text-align: center; font-size: 2em; line-height: 1em; text-transform: uppercase; [/class] [class=role] position: relative; margin-right: auto; margin-left: auto; top: 11%; color: #B3D670; width: 100%; height: auto; text-align: center; font-size: 1.2em; line-height: 1em; text-transform: uppercase; [/class] [class=fc] position: relative; margin-right: auto; margin-left: auto; top: 13%; color: #D5E59E; width: 100%; height: auto; text-align: center; font-size: 0.8em; line-height: 1em; text-transform: uppercase; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: auto; top: 35%; text-align: center; font-size: .5em; color: #D5E59E; opacity: 0.5; [/class] [class=progressouter] position: relative; overflow: hidden; margin-right: auto; margin-left: auto; top: 30%; background-color: #335024; width: 85%; height: 1em; border-radius: 10em; [/class] [class=progressinner] position: absolute; background-color: #89C541; width: 0em; height: 100%; border-radius: 10em; animation: {post_id}loading 15s linear infinite; [/class] [animation=loading] [keyframe=100]width: 100%;[/keyframe] [/animation]
[div class=bkgd][div class=name]Phineas Coldwater[/div][div class=role]male coming soon[/div][div class=fc]fc: milo pilkington massey[/div][div class=progressouter][div class=progressinner][/div][/div][div class=credit]code by [COLOR=#D5E59E]sox[/COLOR][/div][/div]
 
Last edited:
[class=tag] color: #000; padding: 0px 4px 3px 4px; background: #fdf2ee; display: inline; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #999; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #d9ac9c; text-align: center; transition: .7s all ease-in-out; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=heading] font-size: 35px; float: left; font-family: Montserrat-Bold; font-weight: bold; text-transform: lowercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0; transition: .7s all ease-in-out; [/class] [class name=tab state=hover] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: .7s all ease-in-out; width: 330px; font-size: 11px; line-height: 26px; background: #fff; color: #000; height: 440px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; transition: .7s all ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 removeClass show heading5 removeClass show heading6 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass show heading5 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading6 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading6 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading5 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class="tab tab1"]
basics
[div class="tab tab2"]
looks
[div class="tab tab3"]
psyche
[div class="tab tab4"]
history
[div class="tab tab5"]
gallery
[div class="tab tab6"]
home
[/div] [/div] [/div]
[div class="heading heading6 show"]Inyoni Gasa
[div class="heading heading1"]basics[/div] [div class="heading heading2"]looks[/div] [div class="heading heading3"]psyche[/div] [div class="heading heading4"]history[/div] [div class="heading heading5"]gallery[/div]
[div class="tabContents tabContents06 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
inyoni liyana gasa.
[div class=tag]nickname[/div] none.
[div class=tag]age[/div] eighteen.
[div class=tag]birthday[/div] february 16th.
[div class=tag]zodiac[/div] aquarius.
[div class=tag]birthplace[/div]johannesburg, south africa.
[div class=tag]nationality[/div] south african.
[div class=tag]ethnicity[/div] zulu/yoruba.
[div class=tag]gender[/div] female.
[div class=tag]pronouns[/div] she/her.
[div class=tag]sexual orientation[/div] pansexual.
[div class=tag]romantic orientation[/div] demisexual. [/div][/div] [div class="tabContents tabContents02"]
[div class=tag]face claim
agi akur.
[div class=tag]voice claim[/div] pretty yende.
[div class=tag]height[/div] 5’9”.
[div class=tag]weight[/div] 130lbs.
[div class=tag]build[/div] slender.
[div class=tag]complexation[/div] dark brown.
[div class=tag]eyes[/div] chocolate brown.
[div class=tag]hair[/div] black.
[div class=tag]distinguishing features[/div] lips, teeth, skin
[div class=tag]style[/div] Inyoni is someone who loves fashion. She’s always wearing stylish clothing and expanding her closet. Inyoni prefers more feminine clothing like skirts and heels. She enjoys wearing both traditional and modern clothing. [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]positive traits
independent, humanistic, intelligent, observant, charming, creative, ambition, responsible, organized, strong-willed, passionate.
[div class=tag]negative traits[/div] stubborn, aloof, rebellious, prideful, secretive, perfectionist, opinionated, calculating, picky, spoiled, manipulative.
[div class=tag]adores[/div]cats, mystery novels, cocoa butter scent, wine, lilies, traveling, networking, fashion, the arts, challenges, stiletto nails, volunteering, debating
[div class=tag]abhors[/div] bigots, rude behavior, sour thing, poor hygiene, dogs, insects,messes, rain, bitter things, breaking a nail, bland colors.
[div class=tag]quirks[/div] pacing, rolling her eyes, random singing.
[/div][/div] [div class="tabContents tabContents04"]
[div class=tag]backstory
The Gasa family is known for their wealth and prestige. Each of its members are people to be admired, magnates, moguls, and entrepreneurs are just some of the titles that they hold. In their home country of South Africa, they are known as the It family, their faces plastered on magazines and tv screens for the world to admire. The current head of the family, Amare Gasa, is by far the wealthiest. With the death of his father he became the sole owner of their billion-dollar corporation, Gasas, that specialises in the exploration, mining, retail, trading and industrial manufacturing of precious gemstones like diamonds. He always has a large stake in Dangote Oil, one of the top oil companies in South Africa

His wife, Amahle Gasa neè Khumalo, comes from old money. Her family owning a number of five star resorts across Africa. Amahle is a retired model and current fashion designer. The two of them are considered the perfect couple, as their love has lasted through the years and appears to be as strong as every. They were set up by their parents at the ages of 18 and 19. Completing the family is their precious daughter and apple of their eye, Inyoni Liyana Gasa, a charming, free-spirited young woman with a sharp mind. Inyoni’s birth was celebrated once it was confirmed. Her parents overjoyed at the thought of bringing a child into the world. Inyoni was brought up with love and affection, some would say too much. Her parents doted on their daughter as best they could with their careers. Family trips, extravagant birthday parties, and surprise gifts were normal things in Inyoni’s life. The little girl wanted for nothing and was rarely denied by those around her. Despite this she was taught the importance of hard work (and manipulation) in order to get by in life.

Like any child of wealth Inyoni grew up in comfort and luxury. Before she was given private tutors for lessons on things like horseback riding and etiquette, as well as languages. Her parents enrolled her in only the best schools, where other wealthy kids attended like their parents before them.
[div class=tag]relationships[/div] amare gasa, father, 39. amahle gasa, mother, 38
[div class=tag]grade level[/div] senior.
[div class=tag]program[/div] liberal arts and humanities.
[div class=tag]focus.[/div] humanities.
[div class=tag]status[/div] non-scholarship; returning student.
[div class=tag]networth[/div] $400 million.
[div class=tag]extra[/div] ray, she/her, central standard time. Inyoni is a brand ambassador for Gasa’s, Cartier, Louis Vuitton, & Chanel [/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
know your worth, then add tax.
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 
Last edited:
MiifyH3.jpg
· Rian Kelly ·
· The Dancer ·
· Face Claim: Asima Sefic · Voice Claim: Saoirse Ronan ·
Age: 17
Birthday: October 3rd · Libra
Gender/pronouns: Female · she/her
Nationality: Irish
Ethnicity: Caucasian, Irish
Religion: Irish Catholic
Sexual/Romantic orientation: Hetero, Bi-Curious

Height: 5'6"

Weight: 123 lbs
Build: Slim Fit
Complexion: fair and freckled
Eyes: Blue
Hair: Ginger
Distinguishing Features: Eyes, hair, Freckles
Style: Trendy & Girly

Positive Traits: Confident, Passionate, Realistic, Charitable, Kind, Strong willed
Negative Traits: Stubborn, Vain, Petty, Blunt, Hubris, Hypocritical
Adores: Dogs, Cooking, Reading, Dancing, Music
Abhors: Bullying, Cruelty, Laziness, arrogance
Quirks/Habits: Left handed, Fidgety when upset, Smoker, Curses in Irish (Gaelige)

Backstory: Rian is an only child, her mother being a surgeon and her father a business man. Growing up an only child she got almost everything she ever wanted. Especially the freedom to pursue what ever passion she wanted. As a child did gymnastics, ballet, and cheerleading. In her early teens she got into hip hop and modern dance, rounding out her capabilities. Having trained since a small child she is quite limber and athletic. She has dabbled in things like acting and modeling but nothing has inspired her more than dance.
As for her family life, with a stereotypical distant business man of a father she's been left with a slight daddy issue. Despite this her mother has always been there for her emotionally and helped her blossom into a proper young woman, kind of.
Relationships: Mother- Mary, Father- David

Net Worth: 17 Million
Grade: Junior
Status: Returning, Non-Scholarship
Program: Athletics
Focus: Dance​
 
Last edited:
[class name="aboutcontainer"]width:30%;padding:50px;min-width:200px;margin:auto;overflow:hidden;[/class][class name="abouttext"]padding:50px;background:#7C1B24;color:#fff!important;font-weight:bold;font-size:30px;border-radius:5px;transition:0.5s;margin-top:0%;width:calc(100% -50px);[/class][class name="abouttagscont"]min-width:200px;display:flex;flex-wrap:wrap;margin-top:-10px[/class][class name="abouttags"]color:#7C1B24;background:#fff;letter-spacing:1px;text-transform:uppercase;font-weight:100;font-size:10px;margin:2.5px;padding:5px;width:fit-content[/class][class name="abouttitle"]color:#fff!important;[/class]
[class name="majorContainer" minWidth="500px"] width:500px; background:#fff; margin:auto; border:1px solid #f1f1f1; padding:50px; --accent:#555 [/class] [class name="majorContainer" maxWidth="499px"] width:250px; background:#fff; margin:auto; border:1px solid #f1f1f1; padding:50px; --accent:#555 [/class] [class name="colorChange"] --accent:#ef94ae [/class] [div class="majorContainer"] [div class="titleText"]百花繚乱 [div class="quoteContainer"] [div style="font-size:10px"]let's have another toast to the girl almighty[/div] [/div] [/div] [div style="padding:10px;border:1px solid #f1f1f1"] [div class="imageHover"] [div class="goBack"]goback[/div] [div class="flexright"] [div class="infobox"] [div class="pageContainers"] [div class="tabContainers"] [div class="tabStyle taba"]basics[/div] [div class="tabStyle tabb"]character[/div] [div class="tabStyle tabc"]history[/div] [div class="tabStyle tabd"]extra[/div] [div class="goBackMobile"]goback[/div] [/div] [div class="containerPages pageOne"] [div class="basicInfo"] [div class="basicInfoLabel"]full name[/div] [div class="basicInfoText"]ariel ito[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]n.name[/div] [div class="basicInfoText"]none[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]title[/div] [div class="basicInfoText"]the parhelion[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]age[/div] [div class="basicInfoText"]eighteen[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]birthday[/div] [div class="basicInfoText"]april 1st[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]zodiac[/div] [div class="basicInfoText"]aries[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]birthplace[/div] [div class="basicInfoText"]meito-ku, nagoya[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]nationality[/div] [div class="basicInfoText"]japanese-american[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]ethnicity[/div] [div class="basicInfoText"]japanese[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]gender[/div] [div class="basicInfoText"]female [/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]pronouns[/div] [div class="basicInfoText]she/her[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]sexuality[/div] [div class="basicInfoText"]bisexual biromantic[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]face/voice claim[/div] [div class="basicInfoText"]kaylee bryant[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]height[/div] [div class="basicInfoText"]5 feet, 8 inches[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]weight[/div] [div class="basicInfoText"]120 pounds[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]build[/div] [div class="basicInfoText"]lithe[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]complexion[/div] [div class="basicInfoText"]pale, tans in the sun[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]eyes[/div] [div class="basicInfoText"]brown[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]hair[/div] [div class="basicInfoText"]light brown[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]style[/div] [div class="basicInfoText"]modern prep[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]grade[/div] [div class="basicInfoText"]year twelve[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]program[/div] [div class="basicInfoText"]liberal arts[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]focus[/div] [div class="basicInfoText"]literature[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]status[/div] [div class="basicInfoText"]scholarship, new[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]net worth[/div] [div class="basicInfoText"]one homemade onigiri[/div] [/div] [/div] [div class="containerPages pageTwo"] [div class="personContainer"] [div style="padding:5px"] [div class="basicInfoLabel"]adores[/div] [/div] [div class="personFlex"] [div class="personWrap"] [div class="likeDislike"]#pink[/div] [div class="likeDislike"]#taiyaki[/div] [div class="likeDislike"]#winning[/div] [div class="likeDislike"]#cherry blossoms[/div] [/div] [/div] [/div] [div class="personContainer"] [div style="padding:5px"] [div class="basicInfoLabel"]abhors[/div] [/div] [div class="personFlex"] [div class="personWrap"] [div class="likeDislike"]#noise[/div] [div class="likeDislike"]#failure[/div] [div class="likeDislike"]#being wrong[/div] [div class="likeDislike"]#zeke (sometimes)[/div] [/div] [/div] [/div] [div class="personContainer"] [div class="traitLeftContainer"] [div class="traitName"]outgoing[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:65%;"][/div] [/div] [div class="traitName"]enthusiastic[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:50%;"][/div] [/div] [div class="traitName"]dedicated[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:95%;"][/div] [/div] [div class="traitName"]truthful[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:45%;"][/div] [/div] [div class="traitName"]observant[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:90%;"][/div] [/div] [div class="traitName"]protective[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:75%;"][/div] [/div] [/div] [div class="traitLeftContainer"] [div class="traitName"]forgetful[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:10%;"][/div] [/div] [div class="traitName"]brash[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:50%;"][/div] [/div] [div class="traitName"]cold[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:60%;"][/div] [/div] [div class="traitName"]manipulative[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:55%;"][/div] [/div] [div class="traitName"]vindictive[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:70%;"][/div] [/div] [div class="traitName"]impatient[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:85%;"][/div] [/div] [/div] [/div] [/div] [div class="containerPages pageThree"] [div style="padding:5px"] [div class="basicInfoLabel"]backstory[/div]
✿ born in a small town in nagoya​
✿ spent most of her childhood years playing by the river with her brother​
✿ moved to america halfway through middle school, and now has a home in new jersey​
✿ applied for a scholarship on a whim, her perfect gpa got her in​
✿ lives in the dorms during the week, but makes the drive home with her brother every weekend​
[/div] [div style="padding:5px"] [div class="basicInfoLabel"]relationships[/div] [div class="basicInfo"] [div class="basicInfoLabel"]ezekiel[/div] [div class="basicInfoText"]twin brother[/div] [/div]she hates him, but she loves him, the triumphs and defeats, the epic highs and lows, of siblinghood [div class="basicInfo"] [div class="basicInfoLabel"]casper[/div] [div class="basicInfoText"]girlfriend[/div] [/div]she doesn't attend regis academy, and ariel misses her during the week, but they find time to get together during weekends and holidays [/div] [/div] [div class="containerPages pageFour"] [div class="imgContainers"] [div class="imgBox"]
1c8aWY6.jpg
[/div] [div class="imgBox"]
b0ojIeQ.jpg
[/div] [div class="imgBox"]
0zxH33F.jpg
[/div] [div class="imgBox"]
sC1l6Yk.jpg
[/div] [/div] [div class="oocBox"] art art [/div] [div class="oocInfo"]she/they, gmt +10[/div] [/div] [/div] [/div] [/div] [/div] [/div] [/div] [div style="max-width:500px;margin:auto;width:100%;font-size:8px;text-transform:uppercase;opacity:0.6;text-align:right"]cheers, lamb[/div] [class name="titleText" minWidth="500px"] font-size:5em; color:var(--accent); transition:1s; [/class] [class name="titleText" maxWidth="499px"] font-size:4em; color:var(--accent); transition:1s; [/class] [class name="quoteContainer" minWidth="500px"] margin-top:-0.9em; margin-left:3em; background:#fff; color:#555; text-transform:uppercase; position:absolute; z-index:1; letter-spacing:0.5px; padding:5px; [/class] [class name="quoteContainer" maxWidth="499px"] margin-top:-0.9em; background:#fff; color:#555; text-transform:uppercase; position:absolute; z-index:1; padding:5px; [/class] [class name="imageHover" minWidth="500px"] width:100%; height:300px; background:url(https://i.imgur.com/hgY5RJc.gif); background-position:center; background-size:150%; transition:0.5s ease all; filter:grayscale(100%); overflow:hidden; display:flex; transition-duration:1s; cursor:crosshair; [/class] [class name="imageHover" maxWidth="499px"] width:100%; height:300px; background:url(https://i.imgur.com/7DZbHlq.gif); background-position:center; background-size:cover; transition:0.5s ease all; filter:grayscale(100%); overflow:hidden; display:flex; transition-duration:1s; cursor:crosshair; [/class] [class name="goBack" minWidth="500px"] margin-left:calc(50% - 50px); color:#fff; text-transform:uppercase; font-size:10px; margin-top:285px; font-weight:bold; transition:1s; opacity:0; [/class] [class name="goBack" maxWidth="499px"] display:none [/class] [class name="goBackMobile" minWidth="500px"] display:none [/class] [class name="goBackMobile" maxWidth="499px"] color:#555; text-transform:uppercase; font-size:10px; font-weight:bold; transition:1s; opacity:1; padding:5px; cursor:pointer; [/class] [class name="flexright" minWidth="500px"] width:250px; height:100%; transition-duration:1s; margin-left:calc(50% + 10px); [/class] [class name="flexright" maxWidth="499px"] width:250px; height:100%; transition-duration:1s; margin-left:100%; [/class] [class="infobox"] width:250px; height:100%; background:#fff; overflow:hidden; cursor:auto; [/class] [class name="pageContainers"] width:calc(100% - 25px); padding:0px 0px 0px 10px; height:100%; overflow:hidden; [/class] [class name="containerPages"] font-size:11px; text-align:justify; color:#555; height:265px; overflow:auto; width:220px; padding-right:17px; padding-left:3px; [/class] [class name="tabContainers"] display:flex; margin-bottom:7px; height:22px; [/class] [class name="tabStyle"] font-size:10px; text-transform:uppercase; color:#555; font-weight:bold; padding:5px; transition:0.1s; cursor:pointer; [/class] [class name="basicInfo"] padding:6px; border:1px solid #f1f1f1; display:flex; justify-content:space-between; margin-bottom:5px; [/class] [class name="basicInfoLabel"] font-size:9.5px; text-transform:uppercase; color:#fff; font-weight:bold; padding:2px 5px 2px 5px; background:var(--accent); [/class] [class name="basicInfoText"] font-size:11px; color:#555; [/class] [class name="personContainer"] display:flex; width:100%; font-size:9.5px; margin-top:5px; [/class] [class name="personFlex"] width:100px; flex-grow:1; padding:5px; [/class] [class name="personWrap"] display:flex; flex-wrap:wrap; width:100%; [/class] [class name="traitLeftContainer"] width:calc(50% - 15px); margin:5px; [/class] [class name="traitName"] text-transform:uppercase; font-weight:bold; margin-bottom:-5px; color:#000; [/class] [class name="traitMeterOut"] border:1px solid var(--accent); width:100%; height:5px; border-radius:5px; padding:1px; margin-bottom:5px; [/class] [class name="traitMeter"] background:var(--accent); height:5px; [/class] [class name="likeDislike"] background-color:#eeeeee; color:#555; text-transform:uppercase; width:fit-content; padding:2px 5px 2px 5px; border-radius:5px; margin:1px; [/class] [class name="imgContainers"] display:flex; width:220px; flex-wrap:wrap; pointer-events:none; justify-content:space-between; [/class] [class name="imgBox"] border:5px solid #fff; box-shadow:1px 1px #ddd; width:100px; height:100px; filter:saturate(150%); [/class] [class name="oocBox"] width:100%; padding-right:10px; border-top:3px solid var(--accent); margin-top:3px; text-align:right; text-transform:uppercase; color:#555; font-size:15px; font-weight:bold; [/class] [class name="oocInfo"] width:100%; text-align:right; [/class] [class name="animate" minWidth="500px"] animation-name:{post_id}imageAnimate; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="animate" maxWidth="499px"] animation-name:{post_id}mobileAnimate; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="backAnimate" minWidth="500px"] animation-name:{post_id}postAnimate; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="backAnimate" maxWidth="499px"] animation-name:{post_id}postMobile; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="movers" minWidth="500px"] margin-left:calc(0% + 5px); transition-delay:1s; [/class] [class name="movers" maxWidth="499px"] margin-left:calc(0% - 10px); transition-delay:1s; [/class] [class name="opacityChange"] opacity:1; transition-delay:2s; cursor: pointer; [/class] [script class="imageHover" on="mouseenter"] addClass animate imageHover removeClass backAnimate imageHover addClass movers flexright addClass opacityChange goBack addClass colorChange majorContainer [/script] [script class="goBack" on="click"] removeClass animate imageHover addClass backAnimate imageHover removeClass movers flexright removeClass opacityChange goBack removeClass colorChange majorContainer [/script] [script class="goBackMobile" on="click"] removeClass animate imageHover addClass backAnimate imageHover removeClass movers flexright removeClass opacityChange goBack removeClass colorChange majorContainer [/script] [script class="containerPages"] hide containerPages show pageOne removeClass tabSelect tabStyle addClass tabSelect taba [/script] [class name="tabSelect"] border-bottom:2px solid var(--accent); margin-left:0px; [/class] [script class="taba" on="click"] hide containerPages show pageOne removeClass tabSelect tabStyle addClass tabSelect taba [/script] [script class="tabb" on="click"] hide containerPages show pageTwo removeClass tabSelect tabStyle addClass tabSelect tabb [/script] [script class="tabc" on="click"] hide containerPages show pageThree removeClass tabSelect tabStyle addClass tabSelect tabc [/script] [script class="tabd" on="click"] hide containerPages show pageFour removeClass tabSelect tabStyle addClass tabSelect tabd [/script] [animation=imageAnimate] [keyframe=50] background-size:130%;filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] background-size:130%;filter:grayscale(0%);background-position:center right; [/keyframe] [/animation] [animation=postAnimate] [keyframe=0] background-size:130%;filter:grayscale(0%);background-position:center right; [/keyframe] [keyframe=50] background-size:130%;filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] background-size:150%;filter:grayscale(100%);background-position:center; [/keyframe] [/animation] [animation=mobileAnimate] [keyframe=50] filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] filter:grayscale(0%);background-position:center right; [/keyframe] [/animation] [animation=postMobile] [keyframe=0] filter:grayscale(0%);background-position:center right; [/keyframe] [keyframe=50] filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] filter:grayscale(100%);background-position:center; [/keyframe] [/animation]
 
Last edited:
[class name="aboutcontainer"]width:30%;padding:50px;min-width:200px;margin:auto;overflow:hidden;[/class][class name="abouttext"]padding:50px;background:#7C1B24;color:#fff!important;font-weight:bold;font-size:30px;border-radius:5px;transition:0.5s;margin-top:0%;width:calc(100% -50px);[/class][class name="abouttagscont"]min-width:200px;display:flex;flex-wrap:wrap;margin-top:-10px[/class][class name="abouttags"]color:#7C1B24;background:#fff;letter-spacing:1px;text-transform:uppercase;font-weight:100;font-size:10px;margin:2.5px;padding:5px;width:fit-content[/class][class name="abouttitle"]color:#fff!important;[/class]
[class name="majorContainer" minWidth="500px"] width:500px; background:#fff; margin:auto; border:1px solid #f1f1f1; padding:50px; --accent:#555 [/class] [class name="majorContainer" maxWidth="499px"] width:250px; background:#fff; margin:auto; border:1px solid #f1f1f1; padding:50px; --accent:#555 [/class] [class name="colorChange"] --accent:#E47A3E [/class] [div class="majorContainer"] [div class="titleText"]電光石火 [div class="quoteContainer"] [div style="font-size:10px"]shut this love off[/div] [/div] [/div] [div style="padding:10px;border:1px solid #f1f1f1"] [div class="imageHover"] [div class="goBack"]goback[/div] [div class="flexright"] [div class="infobox"] [div class="pageContainers"] [div class="tabContainers"] [div class="tabStyle taba"]basics[/div] [div class="tabStyle tabb"]character[/div] [div class="tabStyle tabc"]extra[/div] [div class="goBackMobile"]goiback[/div] [/div] [div class="containerPages pageOne"] [div class="basicInfo"] [div class="basicInfoLabel"]name[/div] [div class="basicInfoText"]ezekiel ito (zeke)[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]title[/div] [div class="basicInfoText"]the firefly[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]age[/div] [div class="basicInfoText"]18[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]birthday[/div] [div class="basicInfoText"]april 1[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]starsign[/div] [div class="basicInfoText"]aries[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]gender[/div] [div class="basicInfoText"]male; he/him[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]sexuality[/div] [div class="basicInfoText"]homosexual[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]nationality[/div] [div class="basicInfoText"]japanese-american[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]ethnicity[/div] [div class="basicInfoText"]japanese[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]birthplace[/div] [div class="basicInfoText"]meito-ku, nagoya[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]program[/div] [div class="basicInfoText"]athletics; volleyball[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]status[/div] [div class="basicInfoText"]scholarship; new[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]grade level[/div] [div class="basicInfoText"]12[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]net worth[/div] [div class="basicInfoText"]grubby tennis shoes[/div] [/div] [/div] [div class="containerPages pageTwo"] [div class="personContainer"] [div style="padding:5px"] [div class="basicInfoLabel"]likes[/div] [/div] [div class="personFlex"] [div class="personWrap"] [div class="likeDislike"]#making[/div] [div class="likeDislike"]sandwiches[/div] [div class="likeDislike"]#kneepads[/div] [div class="likeDislike"]#practising[/div] [div class="likeDislike"]volleyball[/div] [div class="likeDislike"]#warmth[/div] [div class="likeDislike"]#making[/div] [div class="likeDislike"]connections[/div] [/div] [/div] [/div] [div class="personContainer"] [div style="padding:5px"] [div class="basicInfoLabel"]dislikes[/div] [/div] [div class="personFlex"] [div class="personWrap"] [div class="likeDislike"]#early[/div] [div class="likeDislike"]mornings[/div] [div class="likeDislike"]#vegetables[/div] [div class="likeDislike"]#silence[/div] [div class="likeDislike"]#losing[/div] [div class="likeDislike"]#studying[/div] [div class="likeDislike"]#wearing[/div] [div class="likeDislike"]ties[/div] [/div] [/div] [/div] [div class="personContainer"] [div class="traitLeftContainer"] [div class="traitName"]outgoing[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:95%;"][/div] [/div] [div class="traitName"]enthusiastic[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:60%;"][/div] [/div] [div class="traitName"]persistent[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:75%;"][/div] [/div] [div class="traitName"]truthful[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:65%;"][/div] [/div] [div class="traitName"]adaptive[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:85%;"][/div] [/div] [div class="traitName"]attentive[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:45%;"][/div] [/div] [/div] [div class="traitLeftContainer"] [div class="traitName"]forgetful[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:95%;"][/div] [/div] [div class="traitName"]brash[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:75%;"][/div] [/div] [div class="traitName"]unconfident[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:55%;"][/div] [/div] [div class="traitName"]irrational[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:85%;"][/div] [/div] [div class="traitName"]irresponsible[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:74%;"][/div] [/div] [div class="traitName"]self-critical[/div] [div class="traitMeterOut"] [div class="traitMeter" style="width:60%;"][/div] [/div] [/div] [/div] fireflies make people think of light, and life, and intrigue, and what a coincidence it is that ezekiel makes people think of light, and life, and his intriguing ability to be late all the time.
ezekiel's presence in a nutshell is so loud and clumsy that one must work not to trip over it. he's warm; open to the end that he doesn't know how to rein himself in. after all, he wasn't a born socialite. chatty almost to a fault, and drawn to others like a moth to heat despite the fact that he can't make small talk for the life of him and constantly stumbles on his words instead, it's the desire to forge connections that drives him to speak first. to reach out the way he does toward a volleyball falling towards him, and the realisation - or the fear, really - that if he doesn't close the gap, no one else can. or no one else will. maybe it's why he doesn't do well with being up at dawn, and long, lingering silences; the solitude.
that would be how ezekiel would say it, if he could ever put his own headspace into words - volleyball metaphor included - but he couldn't. his thoughts run too simplistically. he wants to believe that everything is as it appears, and if he works hard then all will work out. his naive hope and ambition does pay, sometimes; you win no scholarships without effort and he had more than enough effort he's willing to spare, though the naivety about how to achieve success (and naivety in general, for many reasons) does him no favours in a school built on privilege. ezekiel knows that his dreams are too big, and the world isn't as kind as it should be, yet he persists in having them; that's where the irrationality comes in. he has a hard time growing into himself, but that's life, and fireflies come to light their own paths.
he's had odd socks on for about every 2nd day of the school year, and his tie is never done right, which he hides behind his jumper if not his sports jacket. it's strange how he's boisterous enough to shatter glass, but he does actually try to follow rules, no matter how clumsily. ezekiel would wear crocs at school every day if he didn't get carded for it.

✹ born in nagoya two minutes after his (barely) elder sister, where the summers were hotter than anything and the schooling was average and he played sports with his classmates every breaktime
✹ juggled between sports; at some point volleyball became big among his peers and once ezekiel started getting the hang of it, he fell in love
✹ moved to america during middle school; more cut up about it than his sister
✹ upon regis academy opening slots for scholarships, ezekiel leapt at the opportunity for new pastures; he can't study for the life of him, but sports is all about practise and so he scrapes the cut
✹ lives with his parents and his sister in a small house in new jersey; he and ariel may be disaster twins, but they're ok. [/div] [div class="containerPages pageThree"] [div class="basicInfo"] [div class="basicInfoLabel"]face + voiceclaim[/div] [div class="basicInfoText"]ryan potter[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]height + weight[/div] [div class="basicInfoText"]5'8; 150 lb[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]build[/div] [div class="basicInfoText"]lean[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]eyes[/div] [div class="basicInfoText"]dark brown[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]hair[/div] [div class="basicInfoText"]black, almost in his eyes[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]complexion[/div] [div class="basicInfoText"]tanned[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]key feature[/div] [div class="basicInfoText"]his eyebrows?[/div] [/div] [div class="basicInfo"] [div class="basicInfoLabel"]style[/div] [div class="basicInfoText"]trackpants + bomber[/div] [/div] [div class="imgContainers"] [div class="imgBox"]
CPAfIiu.png
[/div] [div class="imgBox"]
q9Mdk1e.png
[/div] [div class="imgBox"]
UaduSQ6.png
[/div] [div class="imgBox"]
5MxJcHk.png
[/div] [/div] [div class="oocBox"] Ramuda Ramuda [/div] [div class="oocInfo"]she/her, gmt +10[/div] [/div] [/div] [/div] [/div] [/div] [/div] [/div] [div style="max-width:500px;margin:auto;width:100%;font-size:8px;text-transform:uppercase;opacity:0.6;text-align:right"]cheers, lamb[/div] [class name="titleText" minWidth="500px"] font-size:5em; color:var(--accent); transition:1s; [/class] [class name="titleText" maxWidth="499px"] font-size:4em; color:var(--accent); transition:1s; [/class] [class name="quoteContainer" minWidth="500px"] margin-top:-0.9em; margin-left:3em; background:#fff; color:#555; text-transform:uppercase; position:absolute; z-index:1; letter-spacing:0.5px; padding:5px; [/class] [class name="quoteContainer" maxWidth="499px"] margin-top:-0.9em; background:#fff; color:#555; text-transform:uppercase; position:absolute; z-index:1; padding:5px; [/class] [class name="imageHover" minWidth="500px"] width:100%; height:300px; background:url(https://66.media.tumblr.com/88224c9cc9387f7f422d4df05a0904f4/tumblr_owbjyw5gs21vfk3dco1_1280.jpg); background-position:center; background-size:120%; transition:0.5s ease all; filter:grayscale(100%); overflow:hidden; display:flex; transition-duration:1s; cursor:crosshair; [/class] [class name="imageHover" maxWidth="499px"] width:100%; height:300px; background:url(https://66.media.tumblr.com/88224c9cc9387f7f422d4df05a0904f4/tumblr_owbjyw5gs21vfk3dco1_1280.jpg); background-position:center; background-size:cover; transition:0.5s ease all; filter:grayscale(100%); overflow:hidden; display:flex; transition-duration:1s; cursor:crosshair; [/class] [class name="goBack" minWidth="500px"] margin-left:calc(50% - 50px); color:#fff; text-transform:uppercase; font-size:10px; margin-top:285px; font-weight:bold; transition:1s; opacity:0; [/class] [class name="goBack" maxWidth="499px"] display:none [/class] [class name="goBackMobile" minWidth="500px"] display:none [/class] [class name="goBackMobile" maxWidth="499px"] color:#555; text-transform:uppercase; font-size:10px; font-weight:bold; transition:1s; opacity:1; padding:5px; cursor:pointer; [/class] [class name="flexright" minWidth="500px"] width:250px; height:100%; transition-duration:1s; margin-left:calc(50% + 10px); [/class] [class name="flexright" maxWidth="499px"] width:250px; height:100%; transition-duration:1s; margin-left:100%; [/class] [class="infobox"] width:250px; height:100%; background:#fff; overflow:hidden; cursor:auto; [/class] [class name="pageContainers"] width:calc(100% - 25px); padding:0px 0px 0px 10px; height:100%; overflow:hidden; [/class] [class name="containerPages"] font-size:11px; text-align:justify; color:#555; height:265px; overflow:auto; width:220px; padding-right:17px; padding-left:3px; [/class] [class name="tabContainers"] display:flex; margin-bottom:7px; height:22px; [/class] [class name="tabStyle"] font-size:10px; text-transform:uppercase; color:#555; font-weight:bold; padding:5px; transition:0.1s; cursor:pointer; [/class] [class name="basicInfo"] padding:6px; border:1px solid #f1f1f1; display:flex; justify-content:space-between; margin-bottom:5px; [/class] [class name="basicInfoLabel"] font-size:9.5px; text-transform:uppercase; color:#fff; font-weight:bold; padding:2px 5px 2px 5px; background:var(--accent); [/class] [class name="basicInfoText"] font-size:11px; color:#555; [/class] [class name="personContainer"] display:flex; width:100%; font-size:9.5px; margin-top:5px; [/class] [class name="personFlex"] width:100px; flex-grow:1; padding:5px; [/class] [class name="personWrap"] display:flex; flex-wrap:wrap; width:100%; [/class] [class name="traitLeftContainer"] width:calc(50% - 15px); margin:5px; [/class] [class name="traitName"] text-transform:uppercase; font-weight:bold; margin-bottom:-5px; color:#000; [/class] [class name="traitMeterOut"] border:1px solid var(--accent); width:100%; height:5px; border-radius:5px; padding:1px; margin-bottom:5px; [/class] [class name="traitMeter"] background:var(--accent); height:5px; [/class] [class name="likeDislike"] background-color:#eeeeee; color:#555; text-transform:uppercase; width:fit-content; padding:2px 5px 2px 5px; border-radius:5px; margin:1px; [/class] [class name="imgContainers"] display:flex; width:223px; flex-wrap:wrap; pointer-events:none; justify-content:space-between; [/class] [class name="imgBox"] border:5px solid #fff; box-shadow:1px 1px #ddd; width:100px; height:100px; filter:saturate(150%); [/class] [class name="oocBox"] width:100%; padding-right:10px; border-top:3px solid var(--accent); margin-top:3px; text-align:right; text-transform:uppercase; color:#555; font-size:15px; font-weight:bold; [/class] [class name="oocInfo"] width:100%; text-align:right; [/class] [class name="animate" minWidth="500px"] animation-name:{post_id}imageAnimate; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="animate" maxWidth="499px"] animation-name:{post_id}mobileAnimate; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="backAnimate" minWidth="500px"] animation-name:{post_id}postAnimate; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="backAnimate" maxWidth="499px"] animation-name:{post_id}postMobile; animation-duration: 2s; animation-fill-mode: forwards; [/class] [class name="movers" minWidth="500px"] margin-left:calc(0% + 5px); transition-delay:1s; [/class] [class name="movers" maxWidth="499px"] margin-left:calc(0% - 10px); transition-delay:1s; [/class] [class name="opacityChange"] opacity:1; transition-delay:2s; cursor: pointer; [/class] [script class="imageHover" on="mouseenter"] addClass animate imageHover removeClass backAnimate imageHover addClass movers flexright addClass opacityChange goBack addClass colorChange majorContainer [/script] [script class="goBack" on="click"] removeClass animate imageHover addClass backAnimate imageHover removeClass movers flexright removeClass opacityChange goBack removeClass colorChange majorContainer [/script] [script class="goBackMobile" on="click"] removeClass animate imageHover addClass backAnimate imageHover removeClass movers flexright removeClass opacityChange goBack removeClass colorChange majorContainer [/script] [script class="containerPages"] hide containerPages show pageOne removeClass tabSelect tabStyle addClass tabSelect taba [/script] [class name="tabSelect"] border-bottom:2px solid var(--accent); margin-left:0px; [/class] [script class="taba" on="click"] hide containerPages show pageOne removeClass tabSelect tabStyle addClass tabSelect taba [/script] [script class="tabb" on="click"] hide containerPages show pageTwo removeClass tabSelect tabStyle addClass tabSelect tabb [/script] [script class="tabc" on="click"] hide containerPages show pageThree removeClass tabSelect tabStyle addClass tabSelect tabc [/script] [animation=imageAnimate] [keyframe=50] background-size:130%;filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] background-size:130%;filter:grayscale(0%);background-position:center right; [/keyframe] [/animation] [animation=postAnimate] [keyframe=0] background-size:130%;filter:grayscale(0%);background-position:center right; [/keyframe] [keyframe=50] background-size:130%;filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] background-size:150%;filter:grayscale(100%);background-position:center; [/keyframe] [/animation] [animation=mobileAnimate] [keyframe=50] filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] filter:grayscale(0%);background-position:center right; [/keyframe] [/animation] [animation=postMobile] [keyframe=0] filter:grayscale(0%);background-position:center right; [/keyframe] [keyframe=50] filter:grayscale(0%);background-position:center; [/keyframe] [keyframe=100] filter:grayscale(100%);background-position:center; [/keyframe] [/animation]
 
Last edited:
WIP - 40%

[class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #999; [/class] [class=tag] display: inline; margin-top: 10px; padding: 0px 3px 2px 3px; background: #8b0000; color: #fff; [/class] [class=circle] height: 300px; width: 300px; margin: auto; margin-left: -50px; margin-top: 50px; border-radius: 100%; box-sizing: border-box; padding-top: 70px; background: #d70000; transition: .7s; [/class] [class name=circle state=hover] background: #f10000; transition: .7s; [/class] [script class=circle on=mouseenter] addClass show tab [/script] [script class=circle on=mouseleave] removeClass show tab addClass show selectedTab [/script] [class=tab] display: inline-block; box-sizing: border-box; background: #fff; padding: 2px; width: 25px; height: 25px; border: 1px solid #fff; border-radius: 100%; color: #999; text-align: center; transition: .7s; font-size: 12px; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; opacity: 0; [/class] [class name=tab state=hover] color: #494ca2; transition: .7s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #494ca2; transition: .7s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: all .7s; width: 350px; font-size: 11px; line-height: 26px; background:#a40000; color: #000; height: 400px; box-sizing: border-box; [/class] [class=show] opacity: 1; transition: all .7s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class=circle]
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tab tab3"]
[div class="tab tab4"]
[div class="tab tab5"]
[/div]
[div class="tab tab6"]
[/div] [/div] [/div] [/div]
[div class="tabContents tabContents06 show"]
Yang Shao Fei
楊韶霏
[div class="tabContents tabContents01"]
[div class=tag]name
Yang Shao-fei
[div class=tag]aliases
"Sophie Yang"
[div class=tag]age
17 years old
[div class=tag]birthday[/div] 18. May
[div class=tag]zodiac[/div] Taurus
[div class=tag]birthplace[/div] Taipei, Taiwan
[div class=tag]nationality[/div] Taiwanese
[div class=tag]ethnicity[/div] Han Chinese
[div class=tag]gender[/div] Cis female
[div class=tag]pronouns[/div] she/her
[div class=tag]orientation[/div] Bisexual, but looks like this [/div][/div] [/div][/div] [div class="tabContents tabContents02"]
[div class=tag]face claim
Estelle Chen
[div class=tag]voice claim
Jolin Tsai
[div class=tag]height
159 cm
[div class=tag]weight[/div] 49 kg
[div class=tag]build[/div] skinny legend
[div class=tag]skin[/div] Beige
[div class=tag]eyes[/div] Brown
[div class=tag]hair[/div] Black
[div class=tag]distinguishing features[/div] tries not to
[/div][/div] [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]psyche
It's rather hard to pin down someone like Shao-fei, and equally hard to tell where the facade ends and the woman begins. A life of playing at duplicitous schemes, triad politics, and many smaller games beside has made her a master of pretense. She can be a smiling schoolgirl, a shrewd thief, a spoony coquette, a dimwitted twit, a haughty lady, a kind benefactor, whichever will bring her advantage. Which of these personas is real? What is left when all the disguises are stripped? Shao-fei herself is not quite sure anymore.

Given the nature of her presence at this far-flung school, Sophie Yang is secretive by nature, and recognizes the importance of keeping her true emotions well-guarded. She learned from a young age to keep the depths of her feelings hidden so they could not be used against her or the ones she loves. Unfortunately this can make her keen on withholding things from her fellows that should be shown the light. Stubborn and unwavering, sheis loathe to back down once she's taken a stance, and hard to argue with once she's set her mind. .
[div class=tag]likes
painting, sketching, riddles, mind-games,
[div class=tag]dislikes

[div class=tag]strengths[/div] info.
[div class=tag]weaknesses[/div] info. [/div][/div] [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]relationships
info.
[div class=tag]parents, etc.
info.
[/div] [/div][/div] [div class="tabContents tabContents05"]
Liu Dong-hai ran his fingers across the thick canvas, inspecting one of the finest paintings to catch his gaze. Unfortunately, it was a lie.

"Are you sure she's the real deal?" whispered a voice from behind him. "Fuck, I don't think this girl's even old enough to drive."

Dong-hai angled the canvas towards the light. In his old age, his eyes weren't what they used to be.
Such precision, he thought, examining the brush strokes, feeling the layers of thick oils. Exactly like those in the original.

He would never have spotted the mistakes on his own. A blossom slightly out of place, a moon just a sliver too low in the sky. It had taken the whole crew days of inspection just to find the errors.

"She's an art forger." the voice belonged to one of Dong-hai's subordinates. "She's been building up a reputation for this kind of stuff. Still, I think it's a bit risky to use her."

"No." Lan-xin, his second-in-command, had a sharp nasal voice. "She is a valuable asset. This girl can save our plans. We have to use her."


She's got talent, Dong-hai thought again, but it's wasted on forgery. Why not create original paintings if you're capable of this artistry?

"I know," Lan-xin continued, "she's a thief, and likely not a reliable partner. But I can control her, and with her skills, we can prepare ourselves for the mess we're about to get into. "

The others didn't look so convinced. The girl they spoke of, Yang Shao-fei, was more than just a simple con artist. So much more. Dong-hai looked up from his seat at the far side of the table. The others stood in a conspiratorial clump around Lan-xin, their dark suits shrouding them from the dim overhead light. "I agree with Lan-xin," he said. "Send for the forger. I'd be interested to hear what she has to say. I suspect she'll be harder to control than what Lan-xin believes, but we haven't got many other choices. We either use this girl's skills, or we give up the heist."

Silence fell over the room. How long had it been since Dong-hai and Lan-xin agreed on anything at all, let alone on something so divisive as making use of a teenager?

One by one, the others nodded their heads.
"So it's settled," Lan-xin said softly.

[div class=tag]relationships

[div class=tag]grade level
Third-Year
[div class=tag]school
Arts & Humanities
[div class=tag]major[/div] Fine Arts
[div class=tag]status[/div] Scholarship, new
[div class=tag]net worth[/div] lmao
[div class=tag]extra[/div] Ryan, he/him, Eastern Standard Time [/div][/div] [/div][/div] [/div] [/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div][/div]
 
Last edited:
WIP
Carter Ruth Zigmond
original.gif

Faceclaim: Sophie Turner
Gender: Female(She/Her)
Age/Grade: 17/Junior
Birthday: April 14th (Aries)
Birthplace: Newport, Maine
Title: The Party Girl
Program: STEM, focus in Chemistry
Status: Non-Scholarship
Networth: 12 Million
Description: 5'9" tall and lanky, naturally blonde blue/grey eyes, 145lbs
Nationality: American
Ethnicity: Caucasian
Traits:
Positive: Loyal, driven, caring, candor, mature
Negative: Hot head, impulsive, sarcastic, cynical, stubborn
Adores: Hiking, Volleyball, animals, partying
Abhors: People who are afraid to get their hands dirty, her parents, homophobia
Habits/Quirks: Drinks, socially smokes, doesn't commit
Personality:
Carter is the bad girl you wouldn't ever expect. She's absolutely perfect at home, straight A+s, and because of this, her parents trust her with anything. Her family is extremely religious causing her to grow up in an un-accepting home. She however sees life as you love who you love, and it isn't someones business who you sleep next to at night.
But she has learned it is better to not fight with someone who refuses to see it your way, it is never a winning situation. This might be why she rebels secretly, small things that she knows would anger her parents. Like staying out late, drinking way past what she should, dying her hair red and being not only interested in guys, but girls as well.​
She had lived in Maine her whole life, but really hadn't made many friends who stayed around. She had only had one, her life long childhood friend. He was the only one she's really stayed close with, probably because they both hate the world, and no one else could put up with their very similar attitudes.
When her mother found out she wasn't just friends with him, she sent her off to the Regis Academy to finish off her high school years. Claiming it would look better on her college applications, but Carter knew the real reason. Her mother never trusted Carter, or who she chose to put her trust in.
Carter had lived below the radar for so long. She had never experienced so much freedom before leaving home to live at Regis Academy.
Relationship: Single/
Friends: TBA
Crush: TBA
Sexual Orientation: Bisexual
Romantic Orientation: Biromantic
Family: Jerry Zigmond, Jenny Zigmond
Clique: None
Sports/Clubs/Etc. : Volleyball
Religion: Raised Catholic, Agnostic
Other: returning student, second year


Aria Marie Daniels
310

Faceclaim: Crystal Reed
Gender: Female(She/Her)
Age/Grade: 17/Junior
Birthday: Jan 31, Aquarius
Birthplace: Morrisville, North Carolina
Title: The Bookworm/Loner
Program: Liberal Arts
Status: Non-Scholarship
Networth: 5 Million
Description: Dark brown hair, 5'6' 124lbs, eyes a whiskey brown
Nationality: American
Ethnicity: Caucasian
Traits:
Positive: Creative, kind, loving, honest, an empath
Negative: social anxiety, defensive, quite, constant RBF, loner
Adores: People who don't only put themselves first, dogs, libraries, reading.
Abhors: alcoholics, aggressive people, abusers, hospitals
Habits/Quirks: Pulls at her fingers when she's anxious, always the DD
Personality:
Aria is an enigma, she’s defensive but is willing to get to know someone who shows her kindness, always keeping her true emotions closely guarded. The move from her only home and the loss of her best friend only served to make her isolate herself a bit more, while Madison could work a room, she was happy to sit in the corner with a cup of coffee and a book. Though, she has a funny sensitive side to that can light up the room like no other, causing people who are just like her to gravitate towards her.

Background: Morrisville, North Carolina was heaven on Earth and a living breathing paradise for Aria Daniels, with enough space for her to spend days upon days exploring the woods with her horse Rose and her brother, every single day was an adventure for her. Sadly, life was about to buck her off and let her roll in the dirt because Luca (The Daniel Family Patriarch) announced that he was just promoted to a new position in his company, forcing the family to pack up from the dearly loved ranch and moved to Newport, Maine. Aria was devastated and dejected due to the move, Rose would have to stay with a family friend till plans could be made to move the horse north. Every day moved fast as they moved, got settled and the siblings were enrolled in the High school. Madison was all on board for this, but Aria wasn’t ready for any this.

The move for better or worse didn't last long, and her father decided to pick up his law office and move them to New York where an old friend had offered him a job within his firm. This meant that Aria and Mads' would be starting all over once again at a new school for the second time this year. Aria was ready for a new start this time, she was ready to hide from the world once again and this time she wasn't going to let anyone in.
Relationship: Single
Friends: TBA
Crush: TBA
Sexual Orientation: Heterosexual
Romantic Orientation: Heteromantic
Family: Brother: Madison Daniels, Father: Luca Daniels, Mother: Cassandra Daniels(deceased)
Clique: None
Sports/Clubs/Etc.:
Other:

Madison Lucas Daniels
310

Faceclaim: Austin Butler
Gender: Male(He/him)
Age/Grade: 15/Sophmore
Birthday: August 16th(Leo)
Birthplace: Morrisville, North Carolina
Title: Everybody's Friend
Program: Athletics
Status: Non-Scholarship
Networth: 5 Million
Description: 6'4" Blonde toned, light skin and blue eyes
Nationality: American
Ethnicity: Caucasian
Traits:
Positive: Jokester, playful, caring, friendly, brings the mood up in any room, charismatic
Negative: Has depression, ignores his emotions to keep face, holds grudges against those who do him wrong, childish, intense
Adores: Basketball, parties, any and all social events,
Abhors: hospitals, North Carolina, bullies, negative people
Habits/Quirks:
Personality:
A great basketball player and a huge socialite. Unlike his sister, he wasn’t super excited to move again. His first priority is always making sure others are happy, and puts them before himself. He is confident in who he is, even if its a bit of a klutz. He has a bit of a past but he doesn't let it get to him. You very rarely will see him without a smile.

His family lost their mother 3 years prior to cancer. Mads didn't take it as hard as his sister did. But rather than putting all his energy into the loss of his mother he started to raise money for cancer research and the hospital that took care of his mother and tried to heal her. So just maybe others didn't have to go through what his family had.

Mads was so happy for the new start after his girlfriend, or well ex-girlfriend had cheated on him with his bestfriend. It was the only time he felt like he had zero control over the situation, and it made moving seem easy. He ran from his problems rather than facing them, and he sure hoped it wouldn't come back to bite him.


Relationship: Single
Friends: TBA
Crush: TBA
Sexual Orientation: Heterosexual
Romantic Orientation: Heteromantic
Family: Brother: Madison Daniels, Father: Luca Daniels, Mother: Cassandra Daniels(deceased)
Clique: None
Sports/Clubs/Etc.: Basketball
Other:​
 
Last edited:
[class=whole] width:615px; margin:auto; [/class] [div class=whole][class=picture] height:400px; width:300px; background:url('https://66.media.tumblr.com/17a26a1935f6add106f56e9e5df2f2b0/tumblr_inline_o9b3wzh4rW1tpu0a5_500.gif'); background-size:100%; float:left; [/class] [div class=picture][class=chst] width:36px; height:36px; float:left; margin-top:30px; margin-left:20px; border:1px solid #000; border-radius:3px; [/class] [class=inchst] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [div class=chst][div class=inchst]IN[/div][/div] [class=named] width:136px; height:36px; float:left; margin-top:30px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=innamed] width:130px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [div class=named][div class=innamed]isaiah north[/div][/div] [class=tabs] height:56px; width:100%; background:#fff; float:left; margin-top:276px; border-bottom:1px solid #000; border-top:1px solid #000; [/class] [div class=tabs][class=tab1cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab1] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=tab2cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab2] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=tab3cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab3] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=tab4cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab4] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=somethingcover] width:86px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=something] width:80px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; [/class] [div class=tab1cover][div class=tab1]1[/div][/div][div class=tab2cover][div class=tab2]2[/div][/div][div class=tab3cover][div class=tab3]3[/div][/div][div class=tab4cover][div class=tab4]4[/div][/div][div class=somethingcover][div class=something]Bad boy[/div][/div] [script class=tabs] show tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 show tabcontent1 addClass Tabs [/script] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 800 tabcontent1 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 fadeIn 800 tabcontent4 hide tabcontent1 addClass Tabs [/script] [class=tabcontent1] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [class=tabcontent2] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [class=tabcontent3] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [class=tabcontent4] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [/div] [/div][div class=tabcontent1][class=container] width:308px; height:385px; float:left; margin:10px -0px; overflow:hidden; color:#000; font-family:'Lato'; text-align:justify; line-height:12px; font-size:11px; margin:auto; [/class] [class=scrollbar] width:105%; height:400px; float:left; margin:0px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox][class=basicpic] height:150px; width:92%; position:relative; top:20px; left:10px; background:url('https://66.media.tumblr.com/c26d41051afb65ce7535d657dfe513a7/tumblr_inline_ol85t2T5S31t8bm8b_250.gifv'); background-size:100%;[/class] [div class=basicpic][script class=basicpic on=mouseenter] fadeIn 1000 imgover [/script] [script class=basicpic on=mouseleave] fadeOut 1000 imgover [/script] [class=imgover] display:none; height:150px; width:100%; background:black; opacity:0.6; color:#fff; font-size:25px; font-family:Arial; text-align:center; line-height:150px; [/class] [div class=imgover]B A S I C S.[/div][/div]


Basics

Name: Isaiah North

Nickname: Issa

Age:

Birthday:

Zodiac:

Birthplace: Essex, England

Nationality: British

Ethnicity: British-African Caribbean

Gender + pronouns: Male - he/him

Sexual Orientation: Bisexual

Romantic Orientation: Heteroromantic

Religion: Atheist

Title: The Troublemaker

Appearance

Faceclaim: Reece King

Voiceclaim:

Height:

Weight:

Build:

Complexion:

Eye colour:

Hair colour:

Distinguishing Features:

Modifications:

Style:


[/div][/div][/div][/div][div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox][class=personapic] height:150px; width:92%; position:relative; top:20px; left:10px; background:url('https://66.media.tumblr.com/9ac56555c49cc28e7a2c57136ba24b96/tumblr_inline_olama1IkhH1t8bm8b_250.gifv'); background-size:100%;[/class] [div class=personapic][script class=personapic on=mouseenter] fadeIn 1000 imgover2 [/script] [script class=personapic on=mouseleave] fadeOut 1000 imgover2 [/script] [class=imgover2] display:none; height:150px; width:100%; background:black; opacity:0.6; color:#fff; font-size:25px; font-family:Arial; text-align:center; line-height:150px; [/class] [div class=imgover2]P E R S O N A.[/div][/div]


Positive Traits:

Negative Traits:

Adores:

Abhors:

Quirks:

Backstory:

Relationships:


[/div][/div][/div][/div][div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox][class=biopic] height:150px; width:92%; position:relative; top:20px; left:10px; background:url('https://em.wattpad.com/eb98da374714ac30c0e2b145bfebb6d02d6f290e/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f5538456b55637756514e67325f413d3d2d3433333437333938392e313463636430333439373134383833363833383831353332333737382e676966'); background-size:100%;[/class] [div class=biopic][script class=biopic on=mouseenter] fadeIn 1000 imgover3 [/script] [script class=biopic on=mouseleave] fadeOut 1000 imgover3 [/script] [class=imgover3] display:none; height:150px; width:100%; background:black; opacity:0.6; color:#fff; font-size:25px; font-family:Arial; text-align:center; line-height:150px; [/class] [div class=imgover3]W H O I S H E. [/div][/div]


Grade level:

Program: Athletics

Focus: Kickboxing

Status: Non-scholarship / Returning

Net Worth:


[/div][/div][/div][/div][div class=tabcontent4][div class=container][div class=scrollbar][div class=textbox][class=gallerypic] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://i.pinimg.com/originals/0f/05/f5/0f05f53cfce48820bd5245ae9e3be545.gif'); background-size:100%;[/class] [div class=gallerypic][/div] [class=gallerypic2] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://data.whicdn.com/images/286029088/original.gif'); background-size:100%;[/class] [div class=gallerypic2][/div] [class=gallerypic3] height:120px; width:120px;; float:left; margin:0px 10px; background:url('https://data.whicdn.com/images/281004348/original.gif'); background-size:100%;[/class] [div class=gallerypic3][/div] [class=gallerypic4] height:120px; width:120px;; float:left; margin:0px 10px; background:url('https://66.media.tumblr.com/64871058fa2ed64d5e7759cebfd57b79/tumblr_inline_o934c1qic81tpu0a5_250.gifv'); background-size:100%;[/class] [div class=gallerypic4][/div] [class=gallerypic5] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://66.media.tumblr.com/b20b8c75a8f82a5bdefdec3d3905e58c/tumblr_oda6o9SZ1G1verb9no3_250.gifv'); background-size:100%;[/class] [div class=gallerypic5][/div] [class=gallerypic6] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://em.wattpad.com/8b831fd2c6305340f3e01dd723ec91a1f99df22a/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f5456786d4c6c5a4a6667635f53773d3d2d3336383031363137382e313461376535376635366431646236333636323036393733373434362e676966'); background-size:100%;[/class] [div class=gallerypic6][/div]


[/div][/div][/div][/div] code by @pasta [/div]
 
[class=bkgd] position: relative; box-sizing: border-box; width: 400px; height: 435px; background-color: #0B1A2D; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; border: 2px solid #fff; [/class] [class=header] position: absolute; overflow: hidden; width: 400px; height: 160px; left: 0px; top: 0px; background: url(https://i.gifer.com/1ezS.gif); background-size: 100%; [/class] [class=name] position: absolute; overflow: visible; width: 225px; height: 50px; left: 88px; top: 55px; background-color: #0B1A2D; border: 2px solid #fff; color: #fff; font-size: 12px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; [/class] [class=one] position: absolute; overflow: visible; width: 102px; height: 25px; left: -2px; top: 160px; background-color: #647a72; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=two] position: absolute; overflow: visible; width: 100px; height: 25px; left: 100px; top: 160px; background-color: #49758c; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=three] position: absolute; overflow: visible; width: 100px; height: 25px; left: 200px; top: 160px; background-color: #5f6e5b; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=four] position: absolute; overflow: visible; width: 100px; height: 25px; left: 300px; top: 160px; background-color: #416178; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=pic1] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/wswv4kr.png); background-size: cover; border: 2px solid #fff; [/class] [class=pic2] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/SDhiFPG.png); background-size: cover; border: 2px solid #fff; [/class] [class=pic3] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/ed/9d/60/ed9d60cb08e11ae426876b0a499e30da.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic4] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/31EL4vh.png); background-size: cover; border: 2px solid #fff; [/class] [class=text] position: relative; overflow: auto; width: 210px; height: 185px; color: #fff; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px 30px 5px 15px; background-color: #0B1A2D; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 200px; left: 15px; top: 210px; border: 2px solid #fff; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid #fff; font-size: 9px; text-align: center; margin-right: 3px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #fff; font-weight: 700; [/class] [class=pink] background-color: #647a72; [/class] [class=cyan] background-color: #49758c; [/class] [class=yellow] background-color: #5f6e5b; [/class] [class=navy] background-color: #416178; [/class] [class=tab] position: absolute; overflow: visible; [/class] [class name=tab state=hover] background-color: #fff; color: #0B1A2D; transition-duration: 0.3s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 600 tabsContentBasics) if (eq ${currentTab} persona) (fadeIn 600 tabsContentPersona) if (eq ${currentTab} background) (fadeIn 600 tabsContentBackground) if (eq ${currentTab} other) (fadeIn 600 tabsContentOther) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #00A2F1; opacity: 0.3; [/class]
[div class=bkgd]
[div class=header][/div]
[div class=name]tread softly[/div]
[div class="tab one"]basics[/div]
[div class="tab two"]persona[/div]
[div class="tab three"]background[/div]
[div class="tab four"]other[/div]
[div class="tabsContent tabsContentBasics"]
[div class=textcontainer][div class=text][div class="tag pink"]name[/div]hercules du rêveilles

[div class="tag pink"]nickname[/div]everyone calls him lee

[div class="tag pink"]nationality[/div]french, white

[div class="tag pink"]age[/div]16

[div class="tag pink"]gender[/div]male

[div class="tag pink"]sexuality[/div]he's gay, karen

[div class="tag pink"]zodiac[/div]capricorn, jan 2

[div class="tag pink"]faceclaim[/div]timofei rudenko

[div class="tag pink"]voiceclaim[/div]dylan o'brien on benadryl

[div class="tag pink"]height[/div]5"11

[div class="tag pink"]weight[/div]160

[div class="tag pink"]build[/div]scrawny

[div class="tag pink"]hair color[/div]chestnut

[div class="tag pink"]eye color[/div]a dull sea glass green

[div class="tag pink"]key features[/div]freckles, glasses askew

[div class="tag pink"]body mods[/div]none

[div class="tag pink"]style[/div]a sad, myopic christopher robin
[/div][/div][div class=pic1][/div][/div]

[div class="tabsContent tabsContentPersona" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag cyan"]virtues[/div]of which he has but few.
  • unobtrusive & quiet: wealth whispers, and lee rarely raises his voice above a murmur.
  • sangfroid: nothing has managed to crack his facade. yet.
  • perceptive: few things escape his notice.
  • seemingly trustworthy: and therefore, privy to the secret griefs of wild, unknown men.
  • discreet: learned from his father. clem has been trying to pry some free choice gossip out of him for years—no luck yet.
  • eidetic: lee remembers nigh everything he reads or hears. doesn't necessarily equate to intelligence, but incredibly useful.
[div class="tag cyan"]vices[/div]some inherited, some learned.
  • apathetic: he is coasting (or sinking, if you ask his teachers) in his core subjects save for history. not a good look.
  • a terrible conversationalist: his family despairs at this. he is easily distracted and can ramble off on irksome tangents or become such an inert block that the person he is talking with is forced to bear the weight of the social interaction.
  • an eye for an eye: holds grudges almost pathologically. catalogues slights and accumulates injustices against him meticulously.
  • repressive, latent emotional issues: non confrontational and calm up to a point. then he explodes like a powder keg. like what happened at seuilly.
  • possessive & selfish: he is not used to sharing, and altruism wears him like an ill-fitted suit. applied to personal relationships, he is usually detached, but once you get close, he feels entitled to your time.

[div class="tag cyan"]adorations[/div]
  • his brother
  • companionable silences
  • the smell of a library. and also all the other aspects of a library for that matter.
  • sparrows
  • keeping secrets. knowledge is power.
  • selling secrets. money is power.
  • getting what he wants.
  • sleeping
  • history and mythology. they both fascinate him.

[div class="tag cyan"]abberations[/div]
  • being forced into doing something. he is his own master, or nothing.
  • hangers-on, cloutchasers, & sycophants
  • historical fiction. he can't stand it. he's too focused on the inaccuracies to actually enjoy the story
  • prolonged social interaction
  • bullies, people who try to test his limits
  • snitches

[div class="tag cyan"]fears[/div]
  • lee keeps his cards close to his chest, but no person is fearless.

[div class="tag cyan"]ambitions[/div]
  • to work in the national archives in the us, or to work in the archives nationales in france

[div class="tag cyan"]quirks[/div]
  • chews on the ends of his pens. you can tell cause his lips are often stained black and blue
  • takes off his glasses and puts them somewhere random when he's preoccupied. he's on his third pair as of the moment
  • smiles when he's angry

[/div][/div][div class=pic2][/div][/div]

[div class="tabsContent tabsContentBackground" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag yellow"]family[/div]
  • marie de barreau, grandmother
  • adelais marie du rêveille, mother
  • godfrey du rêveille, father
  • simon charles du rêveille, brother & regis alumnus
  • plus an vast, assorted collection of extended family on both sides

[div class="tag yellow"]status[/div]returning non-scholarship

[div class="tag yellow"]education[/div]junior year, academia with a focus on library & archival sciences

[div class="tag yellow"]electives[/div]world mythology, sociology 101 + library & archival sciences

[div class="tag yellow"]net worth[/div]19 million from the assets he has an ownership interest in, set to inherit a trust of 45 million and 1.3 million respectively in the event of his parents' death

[div class="tag yellow"]history[/div]
  • second son of the du rêveilles, an old-money french family that got its start in small arms dealing and the defense industry during the revolution. an unsavory business, but a very, very lucrative one. a weapons broker valued at the billions for a father and a minor member of the peerage for a mother.
  • born in the wealthy french countryside, somewhere in midi-pyrénées on an old family estate
  • spent his childhood mostly alone with books being his only company
  • yeah he's that kid
  • joined society with no people skills whatsoever, the only reason he didn't get shit for it was because of his last name
  • was expelled from his primary boarding school for undisclosed reasons at age 10, was homeschooled by private tutors for the rest of his primary education
  • got into regis a year after his older brother graduated from there, spent his last two years as a loner, living comfortably in the shadow of his older brother
  • is almost always referred to by both teachers and students alike as "simon's kid brother"
[/div][/div][div class=pic3][/div][/div]

[div class="tabsContent tabsContentOther" style="display: none;"][div class=pic4][/div]
[div class=textcontainer][div class=text][div class="tag navy"]theme song[/div]queensway (stripped)

[div class="tag navy"]favorite book[/div]the tale of despereaux

[div class="tag navy"]cats or dogs?[/div]dogs

[div class="tag navy"]r. status[/div]single & emotionally stunted

[div class="tag navy"]relationships[/div]
  • clem, or clement rivers, roommate. the only good friend he's made in his years so far in regis (and honestly his life and there's never really an end to his despair at the fact). he doesn't quite know how he ended up with a roast beef as a best friend, but he did and it's too late to stop.
  • simon charles du rêveille, brother. lee would do anything for his brother. anything.
  • his parents. they dote on him, but an incident in years past has made their relationship a bit strained.
[div class="tag navy"]extra[/div]kid/cat, they/them, est
[/div][/div][div class=pic4][/div][/div]
[/div][div class=credit]code by sox[/div]
 
Last edited:
[class=bkgd] position: relative; box-sizing: border-box; width: 400px; height: 435px; background-color: #0B1A2D; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; border: 2px solid #fff; [/class] [class=header] position: absolute; overflow: hidden; width: 400px; height: 160px; left: 0px; top: 0px; background: url(https://i.pinimg.com/564x/9e/f7/bc/9ef7bcc84acbd44d82799653098a2fee.jpg); background-size: cover; [/class] [class=name] position: absolute; overflow: visible; width: 225px; height: 50px; left: 88px; top: 55px; background-color: #0B1A2D; border: 2px solid #fff; color: #fff; font-size: 12px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; [/class] [class=one] position: absolute; overflow: visible; width: 102px; height: 25px; left: -2px; top: 160px; background-color: #C890A2; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=two] position: absolute; overflow: visible; width: 100px; height: 25px; left: 100px; top: 160px; background-color: #9BB0CD; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=three] position: absolute; overflow: visible; width: 100px; height: 25px; left: 200px; top: 160px; background-color: #CADAD5; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=four] position: absolute; overflow: visible; width: 100px; height: 25px; left: 300px; top: 160px; background-color: #D2D4F4; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=pic1] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/04/24/df/0424dfa4981c0a6df067f4f9e5286dc4.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic2] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/bf/eb/a5/bfeba501c30ef7f159583d0aa3442ef8.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic3] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/4b/9d/0f/4b9d0f5bcdebd1232348d08c7613b26f.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic4] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/81/66/ec/8166ecb692297ff1ec3d59c1435859c7.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=text] position: relative; overflow: auto; width: 210px; height: 185px; color: #fff; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px 30px 5px 15px; background-color: #0B1A2D; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 200px; left: 15px; top: 210px; border: 2px solid #fff; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid #fff; font-size: 9px; text-align: center; margin-right: 3px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #fff; font-weight: 700; [/class] [class=pink] background-color: #C890A2; [/class] [class=cyan] background-color: #9BB0CD; [/class] [class=yellow] background-color: #CADAD5; [/class] [class=navy] background-color: #D2D4F4; [/class] [class=tab] position: absolute; overflow: visible; [/class] [class name=tab state=hover] background-color: #fff; color: #0B1A2D; transition-duration: 0.3s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 600 tabsContentBasics) if (eq ${currentTab} persona) (fadeIn 600 tabsContentPersona) if (eq ${currentTab} background) (fadeIn 600 tabsContentBackground) if (eq ${currentTab} other) (fadeIn 600 tabsContentOther) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #00A2F1; opacity: 0.3; [/class]
[div class=bkgd]
[div class=header][/div]
[div class=name]iseabail macleod[/div]
[div class="tab one"]basics[/div]
[div class="tab two"]persona[/div]
[div class="tab three"]background[/div]
[div class="tab four"]other[/div]
[div class="tabsContent tabsContentBasics"]
[div class=textcontainer][div class=text][div class="tag pink"]name[/div] iseabail fiona macleod

[div class="tag pink"]pronunciation[/div]ish-uh-bel fyoo-na mac-loud

[div class="tag pink"]nickname[/div]beileag (family)

[div class="tag pink"]age[/div]17

[div class="tag pink"]birthday[/div]12 may- taurus

[div class="tag pink"]hometown[/div]portree, isle of skye, scotland

[div class="tag pink"]ethnicity[/div] caucasian

[div class="tag pink"]nationality[/div]scottish

[div class="tag pink"]gender[/div]female

[div class="tag pink"]pronouns[/div]she/her

[div class="tag pink"]sexuality[/div]heterosexual/romantic

[div class="tag pink"]faceclaim[/div]natalia dyer

[div class="tag pink"]voice claim[/div]julie fowlis

[div class="tag pink"]height[/div]5'4

[div class="tag pink"]weight[/div]110

[div class="tag pink"]body type[/div]slim

[div class="tag pink"]hair color[/div]brown

[div class="tag pink"]eye color[/div]blue

[div class="tag pink"]distinguishing features[/div]a scar on her shin and a thistle tattoo on her ankle

[div class="tag pink"]clothing style[/div]x x x x x

[div class="tag pink"]aesthetic board[/div] x
[/div][/div][div class=pic1][/div][/div]

[div class="tabsContent tabsContentPersona" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag cyan"]vices[/div]obstinate, lazy, shy, bottles up feelings (but is bad at doing so), scattered, impressionable, fickle, rigid thinker, self-conscious, impatient

[div class="tag cyan"]virtues[/div]prudent, creative, charming, diplomatic, sweet, trusting, tolerant, sincere, reliable, amiable

[div class="tag cyan"]fears[/div]claustrophobia, public speaking, blood

[div class="tag cyan"]habits/quirks[/div]taps her fingers on her desk, speaks to her family in gaelic

[div class="tag cyan"]likes[/div]nature, skye, good food, soft blankets, sweaters, books, singing, hiking, tea, music

[div class="tag cyan"]dislikes[/div]coffee, dark chocolate, running, hot weather, liars, mushrooms, violence, fish, being late, gum

[/div][/div][div class=pic2][/div][/div]

[div class="tabsContent tabsContentBackground" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag yellow"]history[/div]iseabail was the third of four children born to calum and anna macleod. born on the scenic isle of skye, iseabail grew up surrounded by beautiful scenery. though her home is an incredibly popular tourist location. her family’s livelihood depended on it. her mother was a manager at a bed and breakfast and her father did day tours around skye. growing up in a cozy little cottage was overall nice, though the close quarters with her siblings often ensued in bickering, however it was usually over insignificant things that was always moved past. iseabail shared a room with her older sister kirstie. her brothers iain and james shared their room. the macleods did not struggle making ends meet, but they were no where near "rich."

the children were brought up speaking gaelic in the home and even at school, as their parents insisted on gaelic medium education. calum and anna felt very strongly about the preservation of the gaelic language. it was a part of their heritage and culture and they refused to let it die, especially when it was banned from schools and playgrounds at one point in time. the children accepted this to varying degrees. james full on refuses to speak it, though understanding it, he responds only in english, kirstie and iain only speak it in class and partially at home, and iseabail loves using the language. something about it connects her to her home.

iseabail loved growing up on skye. it was beautiful and it made her feel like she was living in a fairytale. though the tourists could be annoying on occasion, she knew her family thrived off their business like many other families. she sometimes would tag along with her father as he gave his tours, visiting the fairy pools, hiking up to the old man of storr, seeing the fairy glen. though she was happy on skye, she wanted to see more of the world and experience new things. that's what drove her to apply to regis academy. knowing that they were now giving scholarships made the idea feasible for iseabail. with her effort in school and maybe a little bit of luck, she was accepted and awarded a scholarship.

starting in her second year, iseabail was now a student of an elite school. moving to new york city was a bit of a culture shock for her. though scottish and american culture were relatively similar, moving from an island in the highlands of scotland to one of the busiest cities in the world was a bit overwhelming. honestly, iseabail didn't sleep well for weeks because of all the noise. though she was a girl who loved nature, living in a city did grow on her. it is tough for iseabail to keep up with her classmates on occasion since she doesn't have the spending money they do. she isn't ashamed about it, but it doesn't feel good to miss outings with friends since they cost too much. she only has spending money from working over the summers and from birthday and christmas gifts.

when iseabail is home for the summers, she helps out her father by organizing the groups on tours and accompanying him (she can't give tours on her own since she cannot drive). additionally, she sings gaelic folk songs at the ceilidhs in town for tourists as well as at the inn her mother manages (where most of her father's tour groups stay incidentally). she had always had quite a talent for singing and her ability to speak gaelic fluently gave her an opportunity to entertain tourists and locals with traditional songs that tourists would not hear otherwise. in fact, she is usually more nervous singing in english because she knows most people will be able to tell if she makes mistakes. she brings these talents to school, performing occasionally, but mostly just for her friends.

[div class="tag yellow"]family[/div]
calum macleod // father // alive
anna macleod // mother // alive
kirstie macleod // older sister // alive
james macleod // older brother // alive
iain macleod // younger brother // alive

[/div][/div][div class=pic3][/div][/div]

[div class="tabsContent tabsContentOther" style="display: none;"][div class=pic4][/div]
[div class=textcontainer][div class=text] [div class="tag navy"]grade[/div]junior

[div class="tag navy"]program[/div]liberal arts and humanities

[div class="tag navy"]focus[/div]literature

[div class="tag navy"]status[/div]returning scholarship

[div class="tag navy"]net worth[/div]whatever she saves from her summer job

[div class="tag navy"]favorite food[/div]banoffee pie

[div class="tag navy"]favorite drink[/div]orange juice

[div class="tag navy"]favorite book[/div]in cold blood by truman capote

[div class="tag navy"]favorite movie[/div]10 things i hate about you

[div class="tag navy"]favorite color[/div]blue

[div class="tag navy"]extra[/div]copa, est, she/her

[div class="tag navy"]relationships[/div] - one
- two
- three
- four
- five
- six


[div class="tag navy"]gallery[/div]
fbad9100259266a793ded95ec8a56886.jpg

02627d8b514abd14b78786e56127da47.jpg

45be979aa118ef38c68e3b7a2b3bb88c.jpg

4c0f467ed82bb0ce93979a6b2ddd2d85.jpg

e62af25de052e3143395e4b1cb7f803b.jpg

5ce1e4e3f79dd3c12029c43f7d766923.jpg

07d2670a389f2f447d71c219e89b6251.jpg

0b81e2107b788b814f686c4206c89144.jpg

0c65110bb0dc2e8c93bbeaa24061ca11.jpg

41ecf112ea0bec797d7f6c506b68aed9.jpg

[/div][/div][div class=pic4][/div][/div]
[/div][div class=credit]code by [COLOR=#00A2F1]sox[/COLOR][/div]
 
Last edited:
[class=bkgd] position: relative; box-sizing: border-box; width: 400px; height: 435px; background-color: #917F44; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; border: 2px solid #fff; [/class] [class=header] position: absolute; overflow: hidden; width: 400px; height: 160px; left: 0px; top: 0px; background: url(https://media3.giphy.com/media/xUA7aS8zKYFHbng6NW/source.gif); background-size: 100%; [/class] [class=name] position: absolute; overflow: visible; width: 225px; height: 50px; left: 88px; top: 55px; background-color: #917F44; border: 2px solid #fff; color: #fff; font-size: 12px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; [/class] [class=one] position: absolute; overflow: visible; width: 102px; height: 25px; left: -2px; top: 160px; background-color: #698E8F; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=two] position: absolute; overflow: visible; width: 100px; height: 25px; left: 100px; top: 160px; background-color: #698E8F; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=three] position: absolute; overflow: visible; width: 100px; height: 25px; left: 200px; top: 160px; background-color: #698E8F; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=four] position: absolute; overflow: visible; width: 100px; height: 25px; left: 300px; top: 160px; background-color: #698E8F; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=pic1] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.pinimg.com/564x/7f/ae/f8/7faef8621ab624a5cf1771cd9446d5ff.jpg); background-size: cover; border: 2px solid #fff; [/class] [class=pic2] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/2ZV9XDq.png); background-size: cover; border: 2px solid #fff; [/class] [class=pic3] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/f9jhdse.png); background-size: cover; border: 2px solid #fff; [/class] [class=pic4] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/5kZ0ddR.png); background-size: cover; border: 2px solid #fff; [/class] [class=text] position: relative; overflow: auto; width: 210px; height: 185px; color: #fff; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px 30px 5px 15px; background-color: #917F44; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 200px; left: 15px; top: 210px; border: 2px solid #fff; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid #fff; font-size: 9px; text-align: center; margin-right: 3px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #fff; font-weight: 700; [/class] [class=pink] background-color: #698E8F; [/class] [class=cyan] background-color: #698E8F; [/class] [class=yellow] background-color: #698E8F; [/class] [class=navy] background-color: #698E8F; [/class] [class=tab] position: absolute; overflow: visible; [/class] [class name=tab state=hover] background-color: #fff; color: #B68050; transition-duration: 0.3s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 600 tabsContentBasics) if (eq ${currentTab} persona) (fadeIn 600 tabsContentPersona) if (eq ${currentTab} background) (fadeIn 600 tabsContentBackground) if (eq ${currentTab} other) (fadeIn 600 tabsContentOther) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #00A2F1; opacity: 0.3; [/class]
[div class=bkgd]
[div class=header][/div]
[div class=name]nouveau riche[/div]
[div class="tab one"]basics[/div]
[div class="tab two"]persona[/div]
[div class="tab three"]background[/div]
[div class="tab four"]other[/div]
[div class="tabsContent tabsContentBasics"]
[div class=textcontainer][div class=text][div class="tag pink"]name[/div]clement rivers

[div class="tag pink"]nickname[/div]clem

[div class="tag pink"]nationality[/div]english, white

[div class="tag pink"]age[/div]17

[div class="tag pink"]gender[/div]male

[div class="tag pink"]sexuality[/div]bi

[div class="tag pink"]zodiac[/div]cancer, jun 23

[div class="tag pink"]faceclaim[/div]boyd holbrook

[div class="tag pink"]voiceclaim[/div]james acaster

[div class="tag pink"]height[/div]6"1

[div class="tag pink"]weight[/div]178

[div class="tag pink"]build[/div]athletic

[div class="tag pink"]hair color[/div]blonde

[div class="tag pink"]eye color[/div]blue grey

[div class="tag pink"]key features[/div]chin-length hair with a near-permanent case of bedhead

[div class="tag pink"]body mods[/div]two piercings in one ear, one in the other. a stick and poke in the meat of his right palm and another on his ankle.

[div class="tag pink"]style[/div]mildly hypebeasty
[/div][/div][div class=pic1][/div][/div]

[div class="tabsContent tabsContentPersona" style="display: none;"]

[div class=textcontainer][div class=text][div class="tag cyan"]virtues[/div]quality over quantity with this one
  • equitable & empathetic: it takes a lot to get clem to hate your guts. always up for a conversation with anyone, he's the friend nodding along as you rant about your exes or your parents or really anything under the sun.
  • "but he's got a great personality!": down-to-earth and friendly, clem attracts friends from both high and low places and from all walks of life. even the teachers are fond of him, even as they write him up for disciplinary review.
  • defender of the weak: anti-authoritarian and with a notoriously short temper, clem does not take well to rich pricks who throw their weight around. this used to get him in deep trouble, but now, he has the money and clout to back up his attitude.
  • tells it like it is: clem tells the truth on principle and bases his opinions and views on the immovable rock of objective reality. while this means that he won't hesitate to tell his math teacher when he's being a fucking berk, it also means he won't hold back on the compliments and accolades to those who deserve it.
  • polyglot: speaks fluent spanish, french, welsh, & urdu, working on korean & polish, can hold a conversation in hindi (modern standard) & arabic. he picks up grammatical structures & rules quite quickly.
[div class="tag cyan"]vices[/div]too many to count
  • vicious & physical: clem has a short fuse. not a lot gets to him, but if you poke at the right nerve it doesn't take much more for him to get going. and when he gets going, he gets going. his pupil records can attest to that. he's never been one to turn down a fight either. the faculty at regis made sure to nip it in the bud beginning of sophomore year when he transferred in, but you never know. maybe it'll start up again.
  • pottymouth: the first things he learns when studying a language are swear words and how to use them. dude makes sure to curb it in the classroom, but even then it's not a 100% guarantee.
  • bleeding heart: clem tends to be taken advantage of because of his highly emotional and highly empathetic nature. highly susceptible to manipulation, clem relies on his friends (read: lee) to steer him clear of an ill-advised crusade or relationship.
  • stick it to the man: clem doesn't like to be told what to do. he can spot power plays in a hot second and doesn't take any of that crock lying down. if he thinks anyone is abusing their authority, he doesn't hold back on the the invectives.
  • your business is my business: he's a meddler, no other way to describe it. he's well intentioned, but sometimes clem is just nosy for the hell of it.
[div class="tag cyan"]adorations[/div]
  • his mum
  • traveling (though he hasn't done much of it)
  • chatting up interesting strangers
  • long bus rides
  • quiet people opening up
  • mornings
  • the american office
  • getting compliments
  • punk
[div class="tag cyan"]abberations[/div]
  • people who give him dirty looks cause he wears tracksuits/hoodies
  • just anyone who gives him shit about the council house thing, really
  • grime. i mean for fuck's sake
  • he's uncomfortable with using his father's money
  • dogs
  • people who front
  • snobs
[div class="tag cyan"]fears[/div]
  • isolation/loneliness
  • small spaces
[div class="tag cyan"]ambitions[/div]
  • provide for his mom
  • become an international journalist. he wants to meet interesting people and write stories about it, y'know?
  • sneak a cat into his dorms
[div class="tag cyan"]quirks[/div]
  • chews on his thumb nail when thinking/anxious
  • laughs when he's nervous/runs his hands through his hair
  • accents gets thicker when he's steamed
[/div][/div][div class=pic2][/div][/div]

[div class="tabsContent tabsContentBackground" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag yellow"]family[/div]
  • dana rivers, mother
  • geoff delmont, father
  • lucy "lulu" rivers, sister
  • olivia jane delmont, stepmother
[div class="tag yellow"]status[/div]returning non-scholarship

[div class="tag yellow"]education[/div]junior year, liberal arts with a focus on international relations & journalism

[div class="tag yellow"]electives[/div]creative writing, comparative politics, linguistics, and basketball

[div class="tag yellow"]net worth[/div]a "modest" 900,000 usd in a trust when he turns 21

[div class="tag yellow"]history[/div]
  • born in northampton
  • lived in council housing with his parents and baby sister
  • went to the tough state school instead of the good one
  • father divorced his mum when he was 8, caused a shit ton of issues when he did. clem was the most cut up about it and it showed when he started acting out even more than he already did.
  • then he waltzed back in clem's life when he was 13 a multimillion-dollar REIT magnate with a rich pregnant girlfriend with a sudden incentive to get back into his children's lives and a whole ton of parental guilt in the form of monetary apology
  • cue ungodly teenage meltdown
  • anyway, when it was all signed and settled and the backlog of missed child maintenance was all paid out, clem moved out at 14 to live with his da at the behest of his mother, who wanted him to have a proper education.
  • went to his father's girlfriend's alma mater, transferred out after some very strong hints by the administration to get his ass the hell out of there
  • got into regis tail end of freshman, settled in the summer with almost no one in the school, made friends with the custodial staff instead

[/div][/div][div class=pic3][/div][/div]

[div class="tabsContent tabsContentOther" style="display: none;"][div class=pic4][/div]
[div class=textcontainer][div class=text][div class="tag navy"]theme song[/div]sweater weather

[div class="tag navy"]cats or dogs?[/div]cats

[div class="tag navy"]r. status[/div]in a committed relationship with his left hand

[div class="tag navy"]relationships[/div]
  • hercules du rêveilles, dorm buddies & best mates: the first person clem met at the start of sophomore year, clem immediately imprinted on lee like a newly hatched duckling. always sticking close, lee is kind of his rock in regis, a world where he feels hella out of his depth with his accent and the way he carries himself (and how it screams "new money" & "fresh meat"). though clem likes to make friends with everybody, lee is kind of his default. especially with the numerous secret and interesting weird things about him that clem is intent on finding out. for science. inquiring minds want to know! lee also acts as his impulse control and sometimes a sort of supporting muscle when clem gets a little too hot in the head, ever the silent protector. in return, clem offers lee hits off his extremely contraband juul (which he refuses) and also his undying loyalty (which he ruthlessly exploits in an endearing sort of way.)
  • geoff delmont, father: wow there are some issues here
  • lulu & dana rivers, sister + mother: loves them to death, feels immense guilt for leaving them
  • olivia jane delmont, stepmother-to-be: an awkward relationship, but they both try to make nice

[div class="tag navy"]extra[/div]kid/cat, they/them, est
[/div][/div][div class=pic4][/div][/div]
[/div][div class=credit]code by sox[/div]
 
Last edited:
[import]9010974[/import] [class=values] --contentStyle: column nowrap; --tabStyle: row wrap; --tab-txt-align: center; --tab-txt-color: Grey; --bg-color: rgb(127,146,255; --fontFamily: 'Play'; --fontSize: 32px; --tab-hover-color: white; --tab-hover-bg: rgb(127,174,255); --tab-select-color: white; --tab-select-bg: rgb(127,174,255); [/class] [div class="tabContainer values"] [div class=tabHolder] [div class="tab selected"][div class=tabID]1Tab[/div]Bjørn Hansen[/div] [/div] [div class=tabContentHolder] [div class="tabContent 1"]

Name:
Bjørn Hansen

Age:
17 years old

Gender:
Male - He/Him

Sexuality:
Heterosexual

Height & Weight
6'2 - 192 cm
176 lbs - 80 kgs

Hometown & Nationality
Copenhagen, Denmark - Danish

Birthday & Zodiac:
3rd of May - Taurus

Belief:
Agnostic

Distinguishing features:
- Faint Danish accent
- Beauty marks
- Slightly stiff hair from chlorinated water
- Broad shoulders

Program:
Athletics - Swimming
Non-scholarship

Likes:
- People with a sharp wit
- Making an effort to better one's physical health
- Drinking - not necessarily with parent's knowledge
- Tea, but not when it's too strong
- Swimming

Dislikes:
- Smoking
- Cold weather
- Being out and about in nature
- Unprovoked rudeness
- Laziness

Strengths:
- Open to new experiences
- Helpful to people who ask
- Mathematics and Physical Education
- Being systematic
- Has a lot of confidence

Weaknesses:
- Understanding sarcasm
- Will often stick to first impressions
- Can at times be a little arrogant
- Language classes and land-based sports
- Keeping secrets for a long period of time
- Taking criticism

Networth:
6 Million



1575656144177.png

Personality
Bjørn is a very determined guy and often sets hard to reach goals for himself. Although, depending on how difficult the goal is to reach, the more he will aim for the bare minimum. He's kindhearted and always willing to help others. However, he nearly always judges books by their cover, which means he's prone to labeling people based on outside observations and looks. He usually falls in line with the people around him. He doesn't try to become the center of attention, but he does like making remarks in different situation and engaging with people around him.
Romantically, Bjørn is pretty inept. During his life with training, he hasn't gotten the chance to explore the life of a romantic, which in turn makes him really bad at making the first move, or responding to one.
Furthermore, he's extremely competitive and will rarely decline a bet if he's certain he'll win it. That's just not always the case. . . He likes acting a little tough from time to time, but he tried not to make it the cornerstone of his personality.
When it comes to academics, he loves being in charge and taking the lead in organizing work and making others work if he's in a group. He always does his best and strives to make things as good as it can get. This does also mean that others disappoint him easily, if he feels he could do a better job. Additionally he will also get frustrated if he does not live up to his own expectations.
Overall, this soon-to-be man is a bright, kind and competitive mind, whose social skills are pretty good when it comes to friends and strangers alike, although he's hopeless in romantic situations.



Biography
- Was born in Copenhagen into a wealthy family - a father, Brian Hansen being a CEO of an advertisement agency and a mother, Gitte Hansen who lately has gotten very successful in stock trading. Bjørn is an only child, so naturally all focus and attention has been put onto him, which has lead him having a VERY resistance-free life so far.
- At the age of 5 he got assigned a private coach in swimming, as his mom was fond if it when she was a child. This began growing on Bjørn, and is now a core part of what he is and what he does now. This early, "forced" interest has kept him from being a social superstar and without romantic relations throughout his whole life.
- He was enrolled a private school in Copenhagen, Denmark where he tried to do the best he could. It went alright throughout the years whilst he balanced it with swim practice. He gathered a few friends who came and went, nothing too special. He had an overall good time.
- Just before he graduated from the private school, whilst he was 14, (Danish education system), his mom made some high risk investments that turned out to be extremely profitable. This created a domino effect of wealth creating more wealth as she succeeded the majority of the time over a few more years.
- When he was 16 and had just started to taste the college life, Brian Hansen, after discussion and pondering, decided to further his company's reach by moving a part of the business to the US. This also meant that he would buy residence for the family there and not long after, they got allowed into the US and moved there to recide permanently. This meant that Bjørn had to adapt to a new life in the US recently, and also meant he would have to enroll a new place to be schooled. His parents quickly found one of the more lucrative places to be called Regis Academy.
- Now, he tries to adapt to new sorroundings, new people and new everything


[/div]
[/div][/div]
 
[div class=cont] [div class=hold] [div class=image][div class=page][div class=top][div class=thing][/div] [div class=pos][div class=d1]verizon [/div]...........................[div class=d2]78% [/div][/div][/div] [div class=bottom][div class=num]1:25[/div]
sunday, december 8, 2019
[/div] [div class=rhold][div class=fakr][/div] [div class=sop] [div class=back][div class=img][/div][/div][div class=arrow]Joshua Tomes[/div][div class=rel][/div] [div class=stats][div class=overflow][div class=o][div class=scroll] [div class=firstword]full name[/div] Joshua Lane Tomes
[div class=firstword]nickname[/div] Josh
[div class=firstword]age[/div] 16
[div class=firstword]birthday[/div] April 26, 2003
[div class=firstword]zodiac[/div] Taurus
[div class=firstword]birthplace[/div] Charlottesville, Virginia
[div class=firstword]nationality[/div] American
[div class=firstword]ethnicity[/div] Caucasian
[div class=firstword]gender[/div] Male
[div class=firstword]pronouns[/div] He/Him
[div class=firstword]sexual orientation[/div] Heterosexual
[div class=firstword]romantic orientation[/div] Panromantic
[div class=firstword]religion[/div] Agnostic
[div class=firstword]face claim[/div] Tom Holland
[div class=firstword]voice claim[/div] Aaron Mitchell Dismuke
[div class=firstword]height[/div] 5'8"
[div class=firstword]weight[/div] 154 lbs
[div class=firstword]build[/div] Mesomorph
[div class=firstword]complexion[/div] Type 2
[div class=firstword]eyes[/div] Dark Brown
[div class=firstword]hair[/div] Dark Brown
[div class=firstword]distinguishing features[/div] Eyes, Mouth, Jaw
[div class=firstword]modifications[/div] N/A
[div class=firstword]style[/div] Usually wears sweaters and jeans. Joshua is often seen wearing some variation of that basic outfit in public. He tends to slick his hair back a bit to the right side of his head.
[/div][/div]
[div class=o][div class=scroll][/div][/div][/div][/div][/div] [/div][/div][/div] [div class=film][/div][/div] [div class=2hold] [div class=cont2][div class=bg][div class=border][div class=pic][/div][/div] [div class=user] thatguyinthestore thatguyinthestore [/div][/div] [div class=pers][div class=overflow] [div class=photo][/div]___[div class=photo style="background-image: url(https://media.tenor.com/images/51899e95a87787b4ec32a208c258dc04/tenor.gif); background-size: 110%"][/div]

[div class=box] [div class=v]personality[/div]
[div class=firstword]positive traits[/div] Outgoing, positive, eager, kind, polite
[div class=firstword]negative traits[/div] Anxious, quiet when nervous, weak-willed, gives up easily, easily pressured
[div class=firstword]adores[/div] Movies, friends, partying, going out, staying up
[div class=firstword]abhors[/div] Being alone, being pressured, stereotypes, eating a lot
[div class=firstword]quirks[/div] Biting nails, random pacing, shaking slightly when nervous
[/div][/div][/div][/div] [div class=cont3][div class=title]biography ![/div] [div class=rop][div class=line][/div]...[div class=line][/div]............................[div class=line][/div]...[div class=line][/div][/div] [div class=box2][div class=overflow]
[div class=firstword]backstory[/div] Joshua was born into a wealthy home and has dealt with it since birth. Having come from a wealthy family of entrepreneurs, pressure has been placed on him since the start. Everything he says, does, eats, the grades he makes, who he hangs out with... it's all judged by everyone around him due to his parents. Because of this, Joshua has extreme social anxiety and has trouble forming actual bonds with someone. He tends to hang out with the people he considers "friends" and parties to distract from this fact, though when he's alone he often suffers panic attacks from all of it if he's not studying or watching TV to take his mind off of this. Because of the aforementioned pressure, Joshua also suffers from severe body dysmorphia disorder, which causes him to not eat much and overly work out because of it. He was forced to apply for the scholarship, and was accepted on account of his 4.0 GPA and all around great track record, which again was yet another result of the constant pressure put on him.
[div class=firstword]relationships[/div] Joshua doesn't really have any notable relationships due to his constant unsure nature of himself and those around him. The only notable relationship he has is the one with his parents, which is strained at best.
[div class=firstword]grade level[/div] Junior
[div class=firstword]program[/div] Liberal Arts
[div class=firstword]focus[/div] Literature
[div class=firstword]status[/div] Scholarship
[div class=firstword]networth[/div] $3.7 million
[/div][/div]
[/div][/div][/div] [class=cont]height: 380px; max-width: 450px; background: var(--back); border-radius: 5px; padding: 5%; margin: auto; overflow: hidden; --back: #200080; --bor: #ceeef5 [/class] [class=hold]height: 380px; width: 50%; [/class] [class=image]height: 290px; width: 100%; background-image: url(https://vignette.wikia.nocookie.net/filmguide/images/c/cc/TomHolland.jpg/revision/latest?cb=20171108061449); background-size: cover; background-position: 50% 0%; border-radius: 5px; overflow: hidden [/class] [class=page]height: 100%; width: 100%; border-radius: 5px [/class] [class=top]height: 20px; width: 100%; border-radius: 5px 5px 0px 0px; padding: 7px 5px 7px 5px; position: relative; top: -8px; font-size: 7px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; word-spacing: 3.5px; color: transparent [/class] [class=thing]height: 100%; width: 100%; display: inline-block; background: #606060; opacity: 0.4; position: relative; left: -5px; border-radius: 5px 5px 0px 0px; [/class] [class=pos]position: relative; display: inline-block; top: -17px [/class] [class=d1]display: inline-block; color: [/class] [class=d2]display: inline-block; color: white [/class] [class=bottom]width: 100%; font-size: 8px; text-align: center; color: white; text-transform: uppercase; line-height: 15px; letter-spacing: 1.5px; position: relative; top: 20px; [/class] [class=num]font-size: 35px; display: inline-block [/class] [class=rhold]height: 260px; width: 100%; padding: 10px; border-radius: 0px 0px 5px 5px; position: relative; top: -65px; left: 215px [/class] [class=fakr]display: inline-block; height: 250px; width: 100%; background: black; padding: 10px; border-radius: 0px 0px 5px 5px; opacity: 0.3 [/class] [class=sop]height: 95%; width: 100%; position: relative; top: -100%; left: 4%; overflow: hidden [/class] [class=back]display: inline-block; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 33%; width: 33%; background:var(--bor) ; padding: 3%; top: -90% [/class] [class=img]height: 100%; width: 100%; background-image: url(https://i.pinimg.com/originals/89/9a/8c/899a8cfbde9c429a195ba035c973714b.gif); background-size: cover; background-position: 50% 0%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); [/class] [class=arrow]text-align: center; font-style: italic; font-size: 13px; max-width: 55%; border-bottom: 1px solid white; color: white; display: inline-block; position: relative; top: -53px; left: 4%; font-family: serif [/class] [class=rel]display: inline-block; height: 65px; max-width: 100px; overflow: hidden; position: relative; left: 10px; background: black; font-size: 10px [/class] [class=stats]height: 110px; width: 80%; padding: 4%; background: #d3eef2; position: relative; top: 0%; border-radius: 4px; text-transform: uppercase; font-size: 9px; line-height: 20px; letter-spacing: 0.5px; font-weight: 700; overflow: hidden [/class] [class=overflow]height: 100%; width: 100%; overflow-y: scroll; text-align: justify; padding-right: 30px [/class] [class=film]position: relative; top: 5%; height: 75px; width: 100%; border-radius: 5px; background-image: url(https://cdn.discordapp.com/attachments/613971408430694410/653119356833628190/giphy.gif); background-size: 100%; background-position: 45% 60% [/class] [class=firstword]height: 15px; padding: 0px 3px 3px 4px; border-radius: 4px; background: #000; color: white; font-size: 7px; letter-spacing: 2px; display: inline-block [/class] [class=2hold]height: 380px; width: 47%; border-radius: 5px; position: relative; float: right; top: -100% [/class] [class=cont2]height: 170px; max-width: 220px; background: white; border-radius: 5px; position: relative; color: transparent [/class] [class=bg]height: 50px; max-width: 100%; background: var(--bor); border-radius: 5px 5px 0px 0px; color: ; [/class] [class=border]height: 52px; max-width: 52px; background: white; padding: 3px; border-radius: 4px; box-shadow: 2px 2px 0px #a9d5db; position: relative; left: 15px; top: 15px [/class] [class=pic]height: 100%; width: 100%; background-image: url(https://media1.popsugar-assets.com/files/thumbor/QzG4hUw4ooR4fQCjC8DmM5QMWW4/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2019/06/11/814/n/1922283/f5586d3b5cfff3c8c3b432.84574065_/i/Tom-Holland-Spider-Man-Deleted-Scene-Kimmel-Video.jpg); background-size: 150%; background-position: 45% 50% [/class] [class=user]max-width: 125px; font-weight: 700; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; position: relative; top: -28px; left: 80px [/class] [class=pers]height: 80px; width: 100%; left: 5%; top: 21%; font-size: 11px; margin: auto; position: relative; overflow: hidden [/class] [class=photo]display: inline-block; height: 70px; width: 40%; border-radius: 5px; background-image: url(https://media.tenor.com/images/82a8b55e4c32f81d3e86bc8c3fe2dbfa/tenor.gif); background-size: 110%; background-position: 100% 10% [/class] [class=box]color: black; font-size: 10px; width: 93% [/class] [class=v]font-style: italic; text-align: center; text-transform: uppercase; [/class] [class=cont3]height: 180px; max-width: 200px; padding: 10px; border-radius: 5px; position: relative; background: white; top: 4% [/class] [class=title]position: relative; font-size: 13px;t font-style: italic; text-align: center; text-transform: uppercase; font-weight: 700; z-index: 5 [/class] [class=rop]height: 20%; color: transparent; font-size: 20px; position: relative; top: -30px; margin-left: 12%; overflow: hidden; [/class] [class=line]height: 7px; width: 7px; display: inline-block; background: var(--back); z-index: 1 [/class] [class=box2]position: relative; top: -20px; margin: auto; font-size: 10px; height: 140px; width: 100%; overflow: hidden [/class] [class name=left] animation-name: {post_id}left; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=left] [keyframe=0]left: 215px[/keyframe] [keyframe=100]left: -10px[/keyframe] [/animation] [class name=lt] animation-name: {post_id}lt; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=lt] [keyframe=0]left: 0px[/keyframe] [keyframe=100]left: -215px[/keyframe] [/animation] [class name=right] animation-name: {post_id}right; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=right] [keyframe=0]left: -10px[/keyframe] [keyframe=100]left: 215px[/keyframe] [/animation] [class name=rt] animation-name: {post_id}rt; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=rt] [keyframe=0]left: -215px[/keyframe] [keyframe=100]left: 0px[/keyframe] [/animation] [script class=image on=mouseenter] addClass left rhold addClass lt bottom removeClass right rhold removeClass rt bottom [/script] [script class=image on=mouseleave] addClass right rhold addClass rt bottom removeClass left rhold removeClass lt bottom [/script]
 
Last edited:
[class=bkgd] position: relative; box-sizing: border-box; width: 400px; height: 435px; background-color: #0B1A2D; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; border: 2px solid #fff; [/class] [class=header] position: absolute; overflow: hidden; width: 400px; height: 160px; left: 0px; top: 0px; background: url(https://image.freepik.com/free-vector/colorful-tropical-flowers-leaves-background_52683-13862.jpg); background-size: 100%; [/class] [class=name] position: absolute; overflow: visible; width: 225px; height: 50px; left: 88px; top: 55px; background-color: #0B1A2D; border: 2px solid #fff; color: #fff; font-size: 12px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 5px; [/class] [class=one] position: absolute; overflow: visible; width: 102px; height: 25px; left: -2px; top: 160px; background-color: #DD3A6F; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=two] position: absolute; overflow: visible; width: 100px; height: 25px; left: 100px; top: 160px; background-color: #00A2F1; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=three] position: absolute; overflow: visible; width: 100px; height: 25px; left: 200px; top: 160px; background-color: #FAB36B; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=four] position: absolute; overflow: visible; width: 100px; height: 25px; left: 300px; top: 160px; background-color: #000F70; border: 2px solid #fff; font-size: 11px; text-align: center; text-transform: uppercase; line-height: 25px; font-weight: 700; color: #fff; [/class] [class=pic1] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/5hoeCLJ.jpg); background-size: 120%; border: 2px solid #fff; [/class] [class=pic2] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/6goFS97.jpg); background-size: 100%; border: 2px solid #fff; [/class] [class=pic3] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/ehtBkwM.jpg); background-size: 120%; border: 2px solid #fff; [/class] [class=pic4] position: absolute; overflow: visible; width: 124px; height: 200px; left: 251px; top: 210px; background: url(https://i.imgur.com/S5xNtsV.jpg); background-size: 120%; border: 2px solid #fff; [/class] [class=text] position: relative; overflow: auto; width: 210px; height: 185px; color: #fff; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px 30px 5px 15px; background-color: #0B1A2D; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 200px; left: 15px; top: 210px; border: 2px solid #fff; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid #fff; font-size: 9px; text-align: center; margin-right: 3px; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #fff; font-weight: 700; [/class] [class=pink] background-color: #DD3A6F; [/class] [class=cyan] background-color: #00A2F1; [/class] [class=yellow] background-color: #FAB36B; [/class] [class=navy] background-color: #000F70; [/class] [class=tab] position: absolute; overflow: visible; [/class] [class name=tab state=hover] background-color: #fff; color: #0B1A2D; transition-duration: 0.3s; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 600 tabsContentBasics) if (eq ${currentTab} persona) (fadeIn 600 tabsContentPersona) if (eq ${currentTab} background) (fadeIn 600 tabsContentBackground) if (eq ${currentTab} other) (fadeIn 600 tabsContentOther) [/script] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #00A2F1; opacity: 0.3; [/class]
[div class=bkgd]
[div class=header][/div]
[div class=name]love yourself[/div]
[div class="tab one"]basics[/div]
[div class="tab two"]persona[/div]
[div class="tab three"]background[/div]
[div class="tab four"]other[/div]
[div class="tabsContent tabsContentBasics"]
[div class=textcontainer][div class=text][div class="tag pink"]name[/div]zoey bella skyler jones

[div class="tag pink"]nicknames[/div]zoe, bell, sky

[div class="tag pink"]age[/div]17

[div class="tag pink"]birthday + Zodiac[/div]3-19-02 + pisces

[div class="tag pink"]birthplace[/div]boston, massachusetts

[div class="tag pink"]nationality[/div]american

[div class="tag pink"]ethnicity[/div]Italian, french, & caucasian

[div class="tag pink"]gender + pronouns[/div]genderfluid male + he, she, him, his, them, and they

[div class="tag pink"]sexual orientation[/div]bisexual

[div class="tag pink"]romantic orientation[/div]panromantic

[div class="tag pink"]title[/div]the beauty

[div class="tag pink"]face claim + voice claim[/div]jack warden

[div class="tag pink"]height + weight[/div]5ft 4 inches & 5ft 8 inches with heels + 120lbs
[/div][/div][div class=pic1][/div][/div]

[div class="tabsContent tabsContentPersona" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag cyan"]build + complexion[/div]ectomorph + type 2

[div class="tag cyan"]eyes + hair[/div] greenish-blue + medium blonde & blonde with long hair extensions

[div class="tag cyan"]distinguishing features[/div] greenish-blue eyes

[div class="tag cyan"]modifications[/div] ears pierced

[div class="tag cyan"]style[/div] tank tops, dresses, heels, skirts, and many other things too

[div class="tag cyan"]positive traits[/div] smart, kind, generous, polite, truthful, and caring

[div class="tag cyan"]negative traits[/div] sometimes mean, impatience, sometimes lazy, sometimes childish, forgetful, and blunt

[div class="tag cyan"]adores[/div] cute things, great music, looking good, and having fun

[div class="tag cyan"]abhors[/div] being late, losing things, being disorganized, and being unclean

[div class="tag cyan"]quirks + habits[/div] fantastic cook or baker, great at voices/ventriloquy, unusually high tolerance for pain + bites his nails, sometime procrastinating, and multi-tasking
[/div][/div][div class=pic2][/div][/div]

[div class="tabsContent tabsContentBackground" style="display: none;"]
[div class=textcontainer][div class=text][div class="tag yellow"]family[/div]but still, it's you

[div class="tag yellow"]grade level+ program[/div] 12th + performing arts

[div class="tag yellow"]focus [/div] theater performance

[div class="tag yellow"]status + net worth[/div] scholarship (returning) + 1M

[div class="tag yellow"]backstory[/div] - He is the oldest of 4 sisters and five brothers.
- He is a year old than his siblings.
- Zoey came out to his family and friends at the age of ten.
- At the age of fourteen years old, his boyfriend, Mike Williams, cheated on him with his brother Nick.
- Zoey's mother was in the hospital the day before he became fifteen years old, because of a stroke.
- His parents inroled him in the regis academy, and he got accepted in at the age of fifteen years old.
[/div][/div][div class=pic3][/div][/div]

[div class="tabsContent tabsContentOther" style="display: none;"][div class=pic4][/div]
[div class=textcontainer][div class=text][div class="tag navy"]theme song[/div]

[div class="tag navy"]favorite food[/div] mac and cheese

[div class="tag navy"]favorite drink[/div] sprite

[div class="tag navy"]favorite book[/div] Michael Jackson's Moonwalker

[div class="tag navy"]favorite movie[/div] Highschool Musical

[div class="tag navy"]favorite color[/div]neon blue

[div class="tag navy"]relationships + family [/div] johnny jack jones (father)
millie marie washington jones (mother)
ashely Thomas jones (sister)
bobby will jones (brother)
jovi quinton jones (sister)
keth billy jones (brother)
annie Jackie jones (sister)
mason mark jones (brother)
matthew michael jones (brother)
arie ruby jones (sister)
johusa jackson jones (brother)
ruby lucy johnson jones (grandmother)
luke bobby jones (grandfather)
marie ashly Jackson Washington (grandmother)
willam matthew washington (grandfather)

[div class="tag navy"]gallery[/div]
56928d5f66132039b5dad2464f993052[1].jpg50284255_375562799666808_9104187355139199692_n[1].jpg52990021_416170118949389_9213572422292076946_n[1].jpg54511813_418620815578648_1470641899848479836_n[1].jpg74376817_3256022631127483_852685398457137425_n[1].jpg74378625_2295901870513995_6227007066725873642_n[1].jpg69744151_419343922037747_253248703924164741_n[1].jpg69168258_357264075160522_2290276186155564385_n[2].jpg66614099_388701688670464_6308187543586819196_n[1].jpg
[/div][/div][div class=pic4][/div][/div]
[/div][div class=credit]code by [COLOR=#00A2F1]sox[/COLOR][/div]
 
Last edited:

Users who are viewing this thread

Back
Top