Realistic or Modern Manhattan's Social Elite Characters

[BurningBridges]

Post your characters here! I don't do reserves/first-come-first-serve, but feel free to post in the OOC who you're trying for! I'm not obsessive over how things are coded-- my preference is in the quality of the writing, not necessarily the prettiness of the coding (though I appreciate and respect the skill, since I definitely don't possess it lol!) Just note that all characters are seniors, so the age should reflect that, and include: Name, Nicknames, Age, Birthday, Sexual Orientation, Role, Personality, History, Appearance. Anything else is welcomed, but not required!​

 

[General_warNpeace]

Name
Astris Mardell
Nicknames
Tris by her mom
Age
18
Birthday
June 5th
Sexual Orientation
Heterosexual
Role
The rebel
Personality
Astris was once a good student who did no wrong but after her mother's death and failed attempts at getting along with her step family she changed. Letting her sister take the limelight after realizing she will never be happy trying to fit into the cookie cutter family her father has constructed Astris is more then happy to be in the shadows. Where she doesn't have to worry about their expectations or their rules. She has also totally given up on earning her father's approval, especially now that observant Astris has an inkling of what he is really like. Instead, she likes to sleep in, skip stuffy family dinners to have fun with her friends, or do reckless stuff to thrill the adrenaline junkie inside her.

Don't let this all fool you though, Astris isn't stupid. She may no longer be the perfect student but when her mom was alive she was an A-plus honor-roll geek. So while she may have lost those titles she is still smarter then many. She is also as careful as she is reckless. When she steals she doesn't draw attention to herself and scopes out the place, especially when stealing something that cost a lot or stealing or profit. She may like the thrill but a few night's in the local jail is nothing compared to prison and even a kleptomaniac like her knows it. She also does enough in school so that eventually she can leave. Go to collage someplace far away.
History
Astris grew up in a happy home as the only child of Claudia and Claude Mardell. Her father worked in a law firm, he wasn't in an important position but he made enough to care for them and always came home with a smile. Never showing that he secretly craved more. Her mother stayed at home to take care of Astris and never failed to make her smile when she was down or listen to her childish made up stories. Her mother was her world and Astris did everything she could to make her proud. And every year, as though to reward her for being a good kid, her parent's would take her to the amusement park and allow her all the sweet's and greasy food she desired and indulge in the fastest rides she could get on. It never ended well but she didn't care.

Of course the happiness couldn't last.

Astris's mother fell in with liver cancer and in her attempt to not worry her family hid, while assuring herself it was nothing, hid the symptoms until she literally collapsed making dinner one night. Terrified,12 year old Astris called 9-1-1 and her mother was rushed to the hospital. Where, she was diagnosed with stage 3 liver cancer. She died two months later.

With her mother gone it seemed like something snapped in her father. Claude began spending more time at work and throwing himself into the cases, quickly spiraling down a dark path to get higher up at the firm. Without his wife's utter goodness holding him back and basically ignoring his daughter's dependency on him in his grief his hidden side that strives for more power came out. He became cold and ruthless. This is in fact how he came to meet Astris step-mother. Arlene was the daughter of the CEO of the law firm and had one failed marriage behind her and a daughter to care for. So it seemed obvious to romance and marry her to get higher up, all the while getting someone to care for his own daughter and getting a better image for himself.

At first Astris hoped she could get along with her new family and did her best to be friendly and kind toward them. She was even excited at the prospect of having a sister and offered to share her toys and games with the girl. However, it wasn't meant to be. Her new step mother was strict and spoiled. She didn't want a new daughter, all she wanted was to be known as perfect. The perfect mother, perfect wife, and perfect woman. Trying to fit Astris into this image just didn't work. Instead just pushing Astris away further.

This actually allowed Astris to see what her 'family' has become and she decided that she didn't want to be part of the picture. She also realized she was tired of trying for other's approval. So she gave up on them and spent more time with her friends or out doing things. Her grades suffered sure, but she found a new side of herself as her friends changed or moved. And she was happy with what she found even if no one else was.

 

[Girl2Fine2]

Name
Aaliyah Marie Shank

Nickname(s)
Leah or Allie {Most common; she prefers Leah} || Queenie {Common; every now and then among friends}​

Age : Date of Birth
17 : October 31rst

Sexual Orientation
Heteroflexible (In truth, Leah is straight and prefers males. However, she's not against using a female's attraction to her to her advantage)

Role
The Queen Bee

Dialogue Color
#B5677A​

♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕​

Height
5'4

Build
Slim with a bit of a pear shape

Eye Color
Dark brown

Skin tone
Even and clear, Aaliyah posseses a deep brown skin tone that easily darkens upon continued exposure to the sun.

Hair
Her favorite feature second only to her full, pouting lips is Aaliyah's hair. Aaliyah defies the stereotype of dark-skinned black girls only having long, moderately straight hair if it is a weave with her naturally curly, long jet-black hair that she typically wears straightened. Her locks are thick and has a looser curl pattern than her mother's, which is why she tends to straighten it. The only time she does wear a weave is when it's a shorter or even long and braided look, but the latter is a rare occasion and she prefers her own hair.

Style
Aaliyah is a perfectionist in all things, including her wardrobe, and she's known for always appearing stylishly put-together, chic and classy with a dash of edgy. Every outfit is on trend and there's rarely a moment when you see Aaliyah in anything like joggers and a tee - her staple when she's home and not expecting any company - as she is on point at all times. She just has to be.
​

♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕​

Personality

What Aaliyah Shank is most known for is her mix of Zen-like tranquility and unbothered charm with a layer of unbridled, take-no-nonsense realness always threatening to burst through. While she has old friends who have always been known as loud, over the top, and vivacious, and more privy to verbally lashing out, Leah can be likened to a jungle cat: quiet and almost unassuming, but always seemingly two seconds from pouncing on her prey. At the end of the day, she has never denied that she is a powerhouse. In a household ruled by a matriarch who declared that it was always her way or the high way, and with a father and sister who loudly argued their points down, Leah learned that she could be just as powerful and demanding as her mother - she just didn't need what she deemed as the "extra-ness" from her father and sister. And while she'll be the first to tell you that she has never and will never require a spotlight, the one thing she will be is respected - and it is a quiet sort of respect that she has garnered, this undeniable knowledge that she is one person to not be trifled with. That's the thing about Leah. She has never believed in being a wilting or shrinking daisy, but a rose - and one with all of its thorns. It doesn't matter to her that the expression on her face is always misconstrued as perpetually displeased or arrogant without her even having to verbalize it; what's going to happen is that she's going to be respected to her face, whether you talk behind her back or not. After all, as the quote goes, lions do not lose sleep over sheep. She does not allow herself to be bothered by much, oftentimes seemingly cold and unfeeling when she has simply decided what and what is not allowed to garner her energy. It doesn't help that she takes this mentality sometimes when it comes to those trying to be closer to her as Leah tends to believe that softer feelings like love are things she's not allowed to "lose sleep over."

However, while, under most circumstances, Aaliyah can be the calm caress of the ocean waves against the sandy shoreline, there's no denying the tempestuous sea she is underneath. And that's not just an allusion to her less than savory traits. At the end of the day, there is a reason why it was so easy for Leah to take over the crown of Constance and inspire both envy and fear from her classmates. For all she is cool, calm, and collected, when she is not these things, she can be brutally efficient in reading someone and telling them about themselves, oftentimes not feeling guilt about tearing them down because she herself feels to vulnerable or attacked. It's good when she happens to be plotting against someone for the sake of a friend or someone she cares for, but Aaliyah has no shame in being the kind of bitch people whisper about in the halls - the ruthless, cruel, and vindictive sort that can put true fear in her peers' hearts. It's what she has grown up with and you can't be a part of a certain type of environment and not take something from it. She can be cold, seemingly heartless, and like she thinks she's better than other people when she wants to be, oftentimes making people wish that she could be the unfeeling ice queen from before. At least then, Leah is simply not acknowledging your existence and you haven't incurred the wrath of a typhoon.

At the same time, that tempestuous sea isn't just about her "queenie" side. It also alludes to the instability rankling beneath it all. For Aaliyah does have traits that have made her likable. She gives pretty concrete and efficient advice, even if she can be quite blunt and even though she doesn't follow her own advice, and she's exceptionally smart. She surprises people by not flinching at the idea of horror films and haunted amusement attractions, and secretly, everything she does inside her home isn't as lavish and self-indulgently ridiculous as her social media posts suggests. Her evasiveness can be considered almost magnetic - you want to know more about her. Particularly because while she can definitely be intense, intimidating and tough, Leah also is enigmatic and charming in her own little way. But she's not pushing people away and being so private about her different passions because she's trying to be a tease. It's just that Aaliyah has been taught to sublimate those more authentic sides of herself to make it in the environment her mother thrust her family into upon her accumulation of wealth. The side of Leah only few get to see - the one who plays video games with pizza on the way, melts in the face of children and pets, sings with so much hurt and raw talent, laughs freely without fear of judgement, and who honestly adores affection and the idea of love - has to get shoved in deep under lock and key because to be her is to be less than perfect. Less than acceptable to her mother. And as an heiress - as her mother's favorite doll to show off - that just can't be. Even if it gets lonely.​

♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕

​

Home Life
Though her main residence is spacious enough to hold her immediate family, Aaliyah, along with her childhood caretaker, Carlotta, are the only ones who reside there on a regular basis. She also has a new bombay kitten named T'Challa, and an Egyptian mau cat named Natasha. Her mother, Suzanne, lives mostly in Chicago, and travels back and forth between New York and Chicago. Once her father re-married, he moved to Atlanta and her sister left for school in Europe and hasn't been back in three years, only texting Aaliyah a few times a week.

History
​

​

​

Considering the fact that the woman who gave birth to Aaliyah is none other than Suzanne Shank, President and CEO of Siebert Cisneros Shank & Co., LLC and nicknamed ‘$ Trillion Woman’ by many finance enthusiasts because she is CEO of two ‘trillion dollars’ firms on Wall Street, according to her classmates and social media followers- Aaliyah has the golden life. By the time Aaliyah was born, her mother's wealth had grown exponentially and as of recently, though her mother's actual net worth has yet to be publicly announced (it's known, though, to be in the billions), it's no secret that a good portion of Aaliyah's life has been in the lap of luxury. Materialistically, she has never had to want for anything and she is possibly more well-traveled and cultured than the average adult. Emotionally and mentally, there is much left to be desired. While the outside world has seen her family be damn near perfect at dinners and various events, and even accepted the supposed calm that came with her parents' divorce almost three years ago, what they don't know is that for all the love of Swarvoski crystals and Hermes, there is also a deep-set hurt among each member of Aaliyah's immediate family and it all begins with her mother and her controlling ways.

Aaliyah wouldn't go so far as to say that her mother is particularly abusive. She's realistic enough to acknowledge the woman's negligence, but to say anything that she has done has been abuse - which her sister is quick to call it - in the ways everyone else would is a touch dramatic, even for her best friend and that girl is known for her dramatics. But Suzanne isn't guiltless, that's for sure, and there's a reason why Aaliyah keeps both her anti-depressant and anxiety medication even from her best of friends. And it's not just because anyone outside of her immediate family can't know - it's because Suzanne herself doesn't want to know. Out of sight, out of mind is what her father bitterly called it, even as he himself contributed to his younger daughter's mental health issues. Admitting to mental health issues in their family is a weakness and one Suzanne can't fathom, which is why Aaliyah feels so embarrassed by it. She can't exactly go without her medication, but she hates acknowledging it - oftentimes treating the days that her depression really takes a lot out of her has "migraine days", random days of the week on which she'd tell her closest friends that her head is hurting her and she is nauseous, never admitting to the truth. That's just how Suzanne constructed her household: after years of casual and sometimes blatant racism, and wanting to never be in the same financial situation her own parents had been in, Suzanne had decided to build a financial empire. And she succeeded, but at the cost of her old ability to allow emotional vulnerabilities, which eventually shut out her husband and began to estrange her from her first born daughter, which is one of the reasons why - if she decides to give attention to Aaliyah in the first place - she puts so much on her future as the heiress to it all. Aaliyah was naturally gifted in academics and in brains in general, but Suzanne has always required perfection, which is the driving force behind so much of what Aaliyah does and who she is, sometimes even in the privacy of her home. She's been afforded so many luxuries, all of which she is eternally grateful and far more humble about than she admits. But it was also at the cost of her sense of self and own ability to be honest about her feelings, hiding an already fragile heart behind a hardened exterior that not everyone can get past.​

♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕ ♕

​

​

​

​

 

[gloomy]

aleksandr | wolford ;

name | nickname: aleksandr quinn wolford | often goes by aleks or quinn

age | birthday | zodiac: seventeen | august 1st | leo

orientation: heterosexual

role: the party animal

p e r s o n a l i t y

Ah, Aleksandr Wolford (or just Aleks if you want to keep your head.) How he focuses on anything or anyone else besides himself is beyond understanding. Yes, it's true, he's selfish and compulsive and would really rather be high than dealing with reality, but he still makes time for the people he cares about. His badboy image only reaches so far, eventually he would have to show somebody his soft side, right? Sadly, very few have that luxury. However, under all those problems lies a broken boy, and the walls of protection that come with it. He has a bad habit of carrying all of his problems, and all of everyone elses problems on his shoulders, without ever sharing any of his. He's become a good source to vent to, if only he didn't try to carry everything on his own. But don't worry, he won't share your secrets unless he wants something from you. It takes a lot to phase him, although he can be easily irritable when sober. Most of the time he's numb (although it could very well be because of drugs, too.) He really doesn't even bother to care anymore... about anything. Petty things such as drama and who had sex with who behind whoevers back doesn't really seem to concern him anymore - unless he can somehow use that information to his advantage of course. No, Aleks is numb and unfazed by most things nowadays, which is part of the reason why he chases danger. He longs for the feeling of being alive, the rush, the excitement, everything that drugs, sex, and parties can give him. The only problem is... they don't last forever, and so he is forever running - but getting nowhere.
Really, Aleks is at a standstill in his life. He has no dreams, no aspirations, nothing that he wants that he hasn't already lost. It isn't like he has the grades to do much with his life anyways. This doesn't mean that he's stupid, quite the contrary in fact. If only he had the motivation to apply himself. He's gone through most of his high school life seeing the concerned look of teachers and staff, fearful of the path he has chosen, and disappointed in his wasted potential. Though most of the time he has better things to concern himself with than schoolwork; Like when his next cigarette will be, or how much money is in his pocket so he can buy more drugs. Of course, nothing too hardcore (god forbid he get hooked on something crazy like heroin.) But he'd never refuse a good ol' party drug to make him feel alive, or maybe a valium to take the edge off.
To call Aleks a bad influence would be an understatement. Although his reputation was tarnished, he's managed to build it back up in his own image without his fathers wealth or power (which he could no longer rely on anyways.) He is: the party animal, the wild child, the badboy. And he couldn't enjoy the attention more. Most girls fall into the palm of his hand at one sloppy smirk, the sense of excitement and danger is what every girl can't resist. That and the fact that he couldn't give two shits about what people think of him. At least, that's what he wants everyone to believe. He would never admit that his bad habits are slowly eating at him from the inside. And yet, he treats everyone with a sense of playfulness and carelessness that keeps bringing them back. Keeping them clueless. He keeps his true feelings of emptiness well hidden. Nothing in his life is genuine, it never has been, and he's learned to protect himself from that. He continues to let his classmates believe what they want about him, and he doesn't have to worry about concerned souls. Although he can be an asshole who doesn't want be bothered with how liked or disliked he is, all he's ever wanted was true friends he could trust. Friends like that are hard to find in this school, but perhaps he'll be careless enough to drop his shield one day, and show his true loyal and caring nature.

h i s t o r y

Aleksandr Quinn Wolford. A well known name in New York City, with so much history behind it that, nowadays, is looked at in a manner of disgust - or pity, depending on who's looking. Aleksandr was at the top, right up there with the King and Queen B. He loved to party, and many people were drawn to his fun and careless nature. Especially when his dad was out dealing with business, and his penthouse sweet was empty and just waiting to be partied in. The teen and his friends were untouchable... or so he thought. Aleksandr was constantly surrounded by drama. People who would smile at his face, but turn to stab him in the back as soon as he turned around. But he loved his lavish life, and he loved his fake friends, because at the time he didn't care.
But then quite suddenly, all at once, his fathers life collapsed; taking Aleks with him. A family who once was sitting at the top, who's name and face was tainted and tarnished 'till no return - Aleks' entire existence began to crumble right before his eyes. People in school started treating him differently. The gossip of parents impacted his classmates. Those he once called friends turned their backs on him. All those fake friends he never cared were fake pushed him right off the pedestal and let him fall, fall, fall right to the bottom of the pact. And he had the wrong mind to act surprised. Who could blame them? A tarnished name like Wolford has no place within the A Listers, but Aleks didn't want to believe that. At least not at first.
First it was denial, then came disbelief, which quickly spiraled into desperation. He turned to drugs, alcohol, and sex in hopes that it would help him cope, but it honestly made everything worse, and now he's in far too deep to stop. Any hope to make it back with the A Listers was and is but a futile dream. For a long time Aleks had no where to fit in. He had no one, not even his dad dared to showed his face to him - instead choosing to drink his problems away. To hope his father has any time to entertain his own son would be wishful thinking. Or just plain stupid. He was alone... until he found a group of misfits that didn't seem to meet the status quo. Ever since then he latched onto them and didn't let go.

coded by dwale​

 

[Susurrus]

Edited CS - WIP

**Personality Descriptions = WIP**

[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Basics[/div]
[div class="tabName introName"]Personality[/div]
[div class="tabName requestsName"]Biography[/div]
[div class="tabName bbcodeName"]Other[/div]
[/div][div class=tabs]
[div class="tab titletab"]

1

[/div]
[div class="tab introtab"]

2

[/div]
[div class="tab requeststab"]

3

[/div]
[div class="tab bbcodetab"]

4

[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"][div class=scroll]

Name: Atlas Honor Parsons

Nicknames: TBD

Age: 17

Birthday: July 18th

Sexual Orientation: Pansexual

Role: Bookworm

[/div][/div]
[div class="header titleContent"]

B

asics
[/div][/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

Quiet

Studious

Observant

Clumsy

Anxious

Worrywart

Bubbly

Caring

Intellectual

Goody Two Shoes

Organized

Etc

(Basic outline of her traits, detailed descriptions with a few additional traits are underway!)

[/div][/div]
[div class="header introContent"]

P

ersonality
[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]

Atlas is her mother’s only child, but as far as Atlas is concerned, the woman is only deemed as such through documentation and a signature. Other than that, May River Parsons is not a mother and especially not Atlas’. If she were then why is it that by the age of 6 Atlas had to walk, take a bus, catch the train, then walk another .5 mile by herself to get to school? Why did she at the age of 6 always come home to an empty Co-op apartment, have to eat cereal or go to the deli across the street to be able to have something to eat.

If she were Atlas’ mother...why was she never there?

The woman was forever off on an exotic adventure with her latest lover, not really ever having time to care for her own child. The woman was so quick and easy to find a man of wealth for her to slink her painted claws into and bind to her for life.

Despite lacking in both a mother and father figure in life, Atlas was always polite and was rather intelligent. From Kindergarten on until 8th grade, the girl had straight A’s. Not to mention that she was never without a book in her hand. On Sundays she’d check out all the books she could from the New York Public Library, that she’d read and return on Fridays only to come in on Saturday’s and spend the entire day. This is a personal tradition that she started and still continues to do today.

Fast forward a few years and Atlas is finally in high school. She started her freshman year at Harry S. Truman High in the Bronx. It was around mid-October that she had returned home to a bittersweet surprise. Her mother was finally home. The woman had embraced her in a warm hug she hadn’t had from the woman since she was a mere toddler. The action had surprised her so much that it brought streams of tears down her eyes and brought her to her knees. Her mother who’s presence she had always greatly desired (much to her personal denial of the fact). Atlas had thought the woman had returned for them to finally to be together. For her to finally have a family.

Much to her her joy she did get her family, but it was nothing that she’d imagined...

By her sophomore year her mother had married a wealthy man who had 2 boys that already graduated from high school at the top of their class. Which had already set the stage for Atlas.

As soon as she transferred into Constance the pressure was on. Her mother and newly acquired father never spoke to her unless it was to ask about her grades. And whenever she received a mark lower than a 90%, the couple would become upset with her. Her two older step-siblings would merely send her glances of pity before turning a blind eye. Her mother was around...she had a father...and a pair of older brothers...but she was feeling even more lonely than before.

But even so she remained determined to try and please them. She worked even harder to get high marks, she remained practically invisible in school to avoid the limelight and any scandals that’d possibly tarnish her image. She played by the rules and never took any risks, she was too afraid to. She was afraid to lose whatever affection she gained from her mother when she did please her family. She was afraid of the disappointment in their eyes, the scorn expression of her step-father followed by the thundering bass of his voice that bounce off the walls of his penthouse. She was afraid of being completely alone. She was also afraid of losing the only source of company she’d gained after living under her step fathers house for a couple of months, her dog Apollo who she’d found abandoned a few blocks from the library.

She was afraid of so many things, and she didn’t dare step outside of her comfortable little box.

[/div][/div]
[div class="header requestsContent"]

B

iography
[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Theme Song:

Relationships: TBD (Please PM me if you’d like to be friends with Atlas! c: )


Family: May River Parsons-Jackson: Mother (biological) - 37 years old - Housewife

Unknown: Father (biological) - 38 years old - unknown profession

Richard Jackson: Father (Step) - 48 years old - Renowned Lawyer

Silva Jackson: Brother (Step) - 21 years old - Studying Neurology

Luca Jackson: Brother (Step) - 21 years old - Studying Law

Favorite Book(s) Atm: The Word is Murder by Anthony Horowitz and Manhattan Beach by Jennifer Egan

Atlas and Apollo:

[/div][/div]
[div class="header bbcodeHeader"]

O

ther
[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(255, 228, 225, .5); --divide-thick: .25vw; --tab-color-1:#ff69b4; --tab-color-2:#ff69b4; --tab-color-3:#ff69b4; --tab-color-4:#ff69b4; color: #ff0080; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url(https://i.gifer.com/ZBA5.gif); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 1%, transparent var(--cir-radius-math), hotpink var(--cir-radius-math), hotpink calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid hotpink; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: mistyrose; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: mistyrose; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: mistyrose; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: mistyrose; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) hotpink solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: hotpink; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px hotpink solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: gray; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]

Code created by Alteras​

​