Realistic or Modern let the love talk cs

[houseplant]

CS IS DUE BY THE 15th IF NOT EARLIER​

​

CS:
Name:
Age: 18+
Height: (I'd like realistic fcs, this is set in south korea)
Major/Minor:
Grade: 1st, 2nd, 3rd, 4th, etc
Zodiac:
Role:
Vices and Virtues or a personality description:
Likes:
Dislikes:
Fears:
Bio:
Other: Relationship with Minkyung and more here.

THE ROLES:

the schools prince: houseplant
seo minkyung. handsome. rich. friendly. known to be famous among the girls at the college, and is known to never date or flirt with anyone, despite how friendly he is. he's pretty athletic and many like to watch him dance at the showcases the school hosts. the prince has his own issues of course, and has a small inferiority complex. known to be highly protective of his friends.

the princess:
she's pretty, smart, gets amazing grades, but nobody knows how poor she really is. she's here at the house after being evicted from her home due to any issue you would like. she's afraid to fall in love, and is often a bit distant.

the musical fanatic:
his dream is too be the a musical actor. all he wants too do is sing and act in his lifetime, but he just can't seem to land the roles because he has no experience. he's a bit of a jerk sometimes and lashes out on others when he's upset, but in reality the musical fanatic is a caring guy who just wants to follow his dreams.

the runaway:
known minkyung since they were young, they've always been close. until he moved away when they were 15. after being done living in her parents suffocating environment, the runaway, well, runs away. she's a hard worker and just wants too prove she's not just a stuck up rich girl.


For his two friends outside of the house, you can make them up. I don't have a set role for them planned. Just mark it as
Friend 1 or 2 in the roles.

 

[The_split_Nation]

Name: Seung Jun
Age: 19
Height: 176 cm
Major/Minor: music /math
Grade: 12 grade
Zodiac: Pisces
Role: the musical fanatic

Vices: Wrath, envy, Lust(romantic). Virtues: Kindness, Diligence, Charity.
Likes: cooking, singing(duh), running, video games, animation (disney, pixar, etc.)
Dislikes: sea food, failure, talentless people, extremes
Fears: the dark, that he’s no good at acting, that he will push the people he love away.
Bio: Seung grew up his whole life surrounded by the lights and the art of big cities there was always a light right outside his widow, when he was young his cousins made him a part of a play, and he loved it so much after that day he has always tried to catch that light again, he wanted to do music and acting for his education but his parents disapproved thinking that he would have no luck, so they him do math too.
Other: Minkyung and Seung, worked in the same restaurant when seung was 15, and they were buds almost instantly, even after seung was fried. a year later, they would still sometimes go out to the arcades and play, but then seung went to his later education, and it eat all his free time up, and what little he did half he spent on training for roles he would never get. They grew apart and hadn’t talked in two years.

 

[Turnsole]

[class=bkgd] position: relative; box-sizing: border-box; width: 600px; height: 400px; background-color: #E2CEF3; border: 3px solid #DFDEE6; overflow: hidden; margin-left: auto; margin-right: auto; padding: 0; border-radius: 10px; [/class] [class=pic] position: absolute; overflow: visible; width: 224px; height: 402px; left: 0px; top: -2px; background: url(https://ilarge.lisimg.com/image/6438964/1000full-bang-minah.jpg); background-size: 100%; border-right: 3px solid #DFDEE6; [/class] [class=title] position: absolute; left: 183px; top: 10px; overflow: hidden; width: 400px; height: auto; color: #000000; text-shadow: 2px 2px 0px #240A03; text-transform: uppercase; text-align: right; font-style: normal; font-weight: normal; font-size: 30px; padding-right: 3px; [/class] [class=role] position: absolute; left: 383px; top: 46px; overflow: hidden; width: 200px; height: auto; color: #000000; text-transform: uppercase; text-shadow: 1px 2px 0px #45130E; text-align: right; font-style: italic; font-weight: normal; font-size: 20px; padding-right: 3px; [/class] [class=underline] overflow: visible; position: absolute; top: 62.5px; left: 247px; width: 337px; height: 3px; border-radius: 10px; background-color: #DFDEE6; [/class] [class=tab] position: absolute; overflow: visible; width: 38px; height: 38px; background-color: #C2ADD8; border: 3px solid #DFDEE6; border-radius: 100px; color: #000000 font-size: 30px; line-height: 40px; text-align: center; font-weight: 700; [/class] [class=body] position: relative; overflow: auto; width: 297px; height: 240px; color: #000000; text-align: justify; text-transform: lowercase; line-height: 11px; font-size: 10px; padding: 5px; [/class] [class=bodycont] position: absolute; overflow: hidden; width: 290px; height: 256px; left: 270px; top: 119px; background-color: #C2ADD8; box-shadow: 3px 3px 0px #001F2C; border-radius: 10px [/class] [class=sub1] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub2] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub3] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub4] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #194A60; [/class] [class=tag] position: relative; overflow: hidden; width: auto; height: 10px; display: inline; background-color: #E2CEF3; border-radius: 50px; box-shadow: 2px 2px 0px #45130E; color: #000000; text-transform: uppercase; font-size: 10px; font-weight: 700; padding-right: 5px; padding-left: 5px; margin-right: 3px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #8D220C; opacity: 0.8; [/class] [class name=tab state=hover] background-color: #45130E; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContentBasics) if (eq ${currentTab} 1) (show sub1) if (eq ${currentTab} 1) (hide sub2) if (eq ${currentTab} 1) (hide sub3) if (eq ${currentTab} 1) (hide sub4) if (eq ${currentTab} 2) (show tabsContentPersona) if (eq ${currentTab} 2) (show sub2) if (eq ${currentTab} 2) (hide sub1) if (eq ${currentTab} 2) (hide sub3) if (eq ${currentTab} 2) (hide sub4) if (eq ${currentTab} 3) (show tabsContentBackground) if (eq ${currentTab} 3) (show sub3) if (eq ${currentTab} 3) (hide sub1) if (eq ${currentTab} 3) (hide sub2) if (eq ${currentTab} 3) (hide sub4) if (eq ${currentTab} 4) (show tabsContentOther) if (eq ${currentTab} 4) (show sub4) if (eq ${currentTab} 4) (hide sub1) if (eq ${currentTab} 4) (hide sub2) if (eq ${currentTab} 4) (hide sub3) [/script]
[div class=bkgd]
[div class=pic][/div]
[div class=title]Nam Hye Jin[/div]
[div class=underline][/div]
[div class=role]The Runaway[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]background[/div]
[div class=sub4 style="display: none;"]other[/div]

[div class=tabs][div class=tab style="left: 205px; top: 100px;"]1[/div][div class=tab style="left: 205px; top: 154px;"]2[/div][div class=tab style="left: 205px; top: 208px;"]3[/div][div class=tab style="left: 205px; top: 262px;"]4[/div][/div]

[div class=one]1[/div]
[div class=two]2[/div]
[div class=three]3[/div]
[div class=four]4[/div]

[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] nam hye jin

[div class=tag]age[/div] 20

[div class=tag]height[/div] 165 cm

[div class=tag]major/minor[/div] design/fashion

[div class=tag]grade[/div] 1st

[div class=tag]zodiac[/div] taurus

[div class=tag]role[/div] the runaway

[div class=tag]faceclaim[/div] bang min ah

[/div][/div][/div]


[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]personality[/div] Hye Jin is headstrong and stubborn. Anything she puts her mind to, she will do. She is loudly opinionated and active in protests for things she believes in. She can be a bit reckless at times due to this and her passion can be a little overwhelming for some people. She is also extremely competitive and works hard to get the best grades and tends to get overly stressed about losing.

[div class=tag]likes[/div] Fashion, art, sewing, kpop, video games

[div class=tag]dislikes[/div] Losing, weak-willed people, her height, the patriarchy

[div class=tag]fears[/div] Being stuck in a relationship she doesn't enjoy, failure

[/div][/div][/div]


[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]bio[/div] Hye Jin has kept in touch with Minkyun since he moved away, still considering him a friend. She and her mother had always been close and taught her how to sew when she was younger, which started her passion for it. Combined with her political activism, rebelling against the strict expectations surrounding women's appearances, fashion has become a way for her to express herself freely. She dreams to help other women do this too. Unfortunately, getting accepted into her course made her father dissapprove of her even more. So, she's turned to Minkyun for help.

[/div][/div][/div]


[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]

[div class=tag]relationships[/div] Relationship with Minkyun sort of explained in the bio.

[/div][/div][/div]
[/div][div class=credit]code by [COLOR=#8D220C]sox[/COLOR][/div]

 

[Nona]

• Min-Su Choi •​

Name | Min-Su Choi
Age | 19
Major | Culinary Arts & Business Management
Grade | 2nd
Zodiac | Virgo
Role | The Princess



Height | 5'1"
Face Claim | Jennie Kim



| Personality |
-/+ Hard-Working
+ Responsible
+ Mature
+ Modest
- Distant
- Impatient
- Overthinker

| Likes |
+ Baking/Cooking
+ Anything cinnamon flavoured
+ Warm clothes
+ Cats
+ Organising things

| Dislikes |
- Loud Noises
- Cold weather
- People prying into her business
- Overly Salty foods
- Horror Movies

| Fears |
- Storms
- Drowning

| Bio |
Min-Su has lived alone with her father most of her life as her mother became very ill when she was young and passed away, leaving Min-Su's father to raise her alone with a breadline job and huge sum of medical bills over his head.

He worked a lot to try catch up with what he owed meaning a lot of late shifts, leaving his daughter home alone by no choice of his own. Because of this Min-Su had to grow up fast and become responsible for herself at a young age. As busy as her father always seemed to be he alway managed to sit down for dinnertime with his daughter, which is where she discovered her love for cooking because once she was old enough to do so she took on cooking to give her father more free time.

She never told her money troubles while at school, her father warning her not to incase she'd get picked on for being poor so most thought she came from a well off home and she kept the act up for years too proud not to. Switching the subject when people would ask about her home life or falling silent. Instead focusing hard on her studies to distract herself and to be sure she'd do well, not wanting to be stuck in such a situation forever by going to a good college getting a good job.

She worked hard through highschool to get herself a scholarship to her desired college, knowing she couldn't afford it otherwise.

Just as things were turning around however they came to a halt. Years of hard work in labour heavy jobs had taken a toll on her father's health and now he had fallen ill himself. Not fatal but once again for Min-Su's family would run into hospital bills and things would become difficult. Min-Su could no longer hold enough funds to pay the rent in her student accommodation by herself and she didnt want to burden her father with her money trouble who was well enough for now but was still recovering. Her fathers home was also too far away to travel to back and forth to college for. With only a week left on her eviction notice she turns to Minkyung for help as a last resort, turning up at his doorstep looking defeated and upset.

| Relationships |
- Minkyung | She went to the same middle school as Minkyung, Of course the top girl in their class would know the top boy. He's the only one that knows about her financial struggles when she hadn't been taking school lunches for days at a time and eyebrows were raised. She went to a different highschool and lost touch with Minkyung until college where she'd see him on occasion. Now loosing her accommodations and exhausting all other methods of hanging on to it and unable to gather up the money quick enough she turns once again to the only person that knows the story of her home life as much as she wishes she didnt have to. Promising to only stay until she had saved enough from a job to get a new place.

codedbycrucialstar​

 

[The_split_Nation]

 

[Uxie]

[div class=container]

⠀♡coded by uxie♡

[div class=sidebar] [div class=headerimg][/div] [div class=icon][/div] [div class=bigtextsb]han
song-hee[div class=textadd][/div][/div] [div class=quote][div class=buttons] [div class="button buttonone bselect"]

1

[/div] [div class="button buttontwo"]

2

[/div] [div class="button buttonthree"]

3

[/div] [div class="button buttonfour"]

4

[/div][/div] do you remember the night the moon [div class=quoteb]fell from the sky[/div]? and we ran through the forest to find where it lie, i was tripping on tree roots and slipping on snow, you were [div class=quoteb]holding my hand[/div] saying [div class=quoteh]not to let go[/div]. when we found it at last there were twigs in our hair, a [div class=quoteb]rose[/div] on our cheeks and our breath in the air. and the [div class=quoteh]words to describe[/div] it got caught in our throats, as its [div class=quoteb]silver light[/div] danced through the threads of our coats. we knew that our eyes had not seen [div class=quoteb]such a view[/div], you were looking at it; i was looking at [div class=quoteh]you[/div]. [/div][div class=buttonsm] [div class="button1 buttonone bselect"]

1

[/div] [div class="button1 buttontwo"]

2

[/div] [div class="button1 buttonthree"]

3

[/div] [div class="button1 buttonfour"]

4

[/div] [/div] [/div][div class=contentbox][div class="tabscontent tab1"][div class="scroll stab1"][div class=post][div class=pimage][/div][div class=ptitle]requisite[/div][div class=pcontent][div class=ptag]full name[/div]han song-hee
[div class=ptag]age[/div]nineteen
[div class=ptag]birthday[/div]november 29th
[div class=ptag]ethnicity[/div]korean
[div class=ptag]gender[/div]female
[div class=ptag]zodiac[/div]sagittarius
[div class=ptag]major/minor[/div]visual arts
[div class=ptag]grade[/div]1st? (not super sure how the grades work!!)
[div class=ptag]role[/div]the runaway
[/div]
[/div]
[div class=post][div class=ptitle]appearance[/div][div class=pimageb]

hover

[div class=pcontent2] [div class=pboxc1] [div class=pbox]164 cm[/div] [div class=pbox]50 kg[/div] [div class=pbox]cute smile[/div] [div class=pbox]slender[/div] [/div] [div class=pboxc2] [div class=pboxe]dark brown eyes[/div] [div class=pbox]brown hair[/div] [div class=pboxe]pierced ears[/div] [div class=pboxe]fc: kim se-jeong[/div] [/div] [/div] [/div]

[/div]

[/div][/div][div class="tabscontent tab2" style=display:none;][div class=scroll][div class=msgcon] [div class=msgtitle]dad [/div] [div class="scroll smsg"] [div class=msgr]song-hee[/div] [div class=msgr]where are you? come home[/div][div class=msgblock][/div] [div class=msgr]this is unacceptable[/div] [div class=msgblock][/div][div class=msgs]please, dad.[/div] [div class=msgs]can't i just have a month away? i've found a friend who'll let me stay here for a bit[/div] [div class=msgr]you don't have any friends. you're not ready for the real world. get back home, now.[/div] [div class=msgblock][/div][div class=msgs]dad, please[/div] [div class=msgr]this is non-negotiable.[/div] [div class=msgblock][/div][div class=msgs]i'll prove to you i can do it. and i'll stay safe[/div] [div class=msgr]song-hee[/div] [div class=msgr]pick up the phone right now[/div] [div class=msgr]han song-hee[/div] [div class=msgr]if you haven't come crawling back by the next month, i'll drag you back kicking and screaming.[/div][div class=msgblock][/div] [/div] [/div][div class=personalityt][div class=personalityi][/div]personality
[/div][div class=personalitycon][div class="scroll personalitys"]song-hee isn't usually the brightest bulb in the room, but it's clear to everyone she means well, even if she takes a really lopsided, capricious route to get there. idealistic and pretty naive, she usually goes the long way round, but really works her ass off to get there, even if she'll get there a little later than everyone else. song-hee is desperate to prove to her father that her dreams are worth pursuing, and she's more than willing to put in the extra 200% to achieve success.

brought up with a strict father who rarely gave her praise, song-hee finds herself with lower self-esteem than most. she believes she may fail in a lot of the things she does but tries them regardless; though she finds herself unsuccessful on several occasions, song-hee's very tenacious. attuned to her emotions, song-hee makes a lot of impulse decisions when she's especially emotional and often comes to regret them afterwards.

socially inept and completely out of sync with the rest of society, song-hee's fun to be around, but her mannerisms are definitely on the more odd side. she can't seem to read people very well, misinterpreting their actions easily, for better or for worse. she's undyingly loyal to the relationships she forms with those around her and is easily won over by showing her the slightest amount of care and concern. she's liberal with her affection, will go above and beyond to make you happy, and you can count on her to support you in anything you do.

[/div][/div] [div class=personalityboxt]likes [div class=personalityicon][/div][/div] [div class=personalitybox] [div class=personalitytag]♡ dresses[/div] [div class=personalitytag]♡ bunnies[/div] [div class=personalitytag]♡ berg water[/div] [div class=personalitytag]♡ smoothies[/div]
[div class=personalitytag]♡ ice cream[/div] [div class=personalitytag]♡ watching dramas[/div] [/div] [div class=personalityboxt]dislikes [div class=personalityicon][/div][/div] [div class=personalitybox] [div class=personalitytag]♡ pineapple[/div] [div class=personalitytag]♡ chevrolet[/div] [div class=personalitytag]♡ beds that are too big[/div]
[div class=personalitytag]♡ stilettos[/div] [div class=personalitytag]♡ fiji water (tastes weird)[/div] [/div] [div class=personalityboxt]fears [div class=personalityicon][/div][/div] [div class=personalitybox] [div class=personalitytag]♡ disappointing her father[/div] [div class=personalitytag]♡ small spaces[/div] [/div] [div class=extrat]misc. [/div][div class=extracon]♡ hahaha
♡ hahaha
[/div]
[/div][/div][div class="tabscontent tab3" style=display:none;][div class=historyt][div class=historyi][/div]background[/div][div class=historycon][div class="scroll historys"]song-hee was born the younger of two into a very, very rich family. the hans were powerful in the business world of south korea, and song-hee grew up comfortably, at least financially.

her mother passed away before she'd learnt how to read. though not old enough to completely understand grief, song-hee was sad, as was her brother, sung-min, but on the other hand, their father seemed almost unaffected. he rarely spoke of her after her death, and it felt like it was only a minor inconvenience to him. song-hee can't remember much of her mother by now, but she does recall her being warm, the complete opposite of the cold, cruel mr. han.

mr. han rarely showed her attention as a child, though song-hee didn't mind as much. she spent most of her days playing with her nannies or her brother, of whom she was very close to, especially after her mother died. she knew sung-min wasn't happy at home, and she knew there were nights where their father would cane him and scold him if he wasn't doing well. he'd always explained to her afterwards that everything was okay, and that he was just being prepared to take over the family business. song-hee would admit she was jealous of the attention he was getting from their father, but he'd always said she'd rather not have it.

a few months after she turned 13, sung-min disappeared completely. her dad didn't talk much about it to her at all, but song-hee saw the aftermath of his anger the morning after they found out. afterwards, sung-min's name became a taboo in the house, and mr. han would always scold her if she ever brought it up, telling her that there was no use mentioning "the disgrace to the han name". with her elder brother gone, song-hee was left as the only remaining candidate for the inheritance of the business, a position that she took on reluctantly. her father turned her attention wholly to straightening her out, and song-hee's freedom was forcefully wrenched from her.

she had already been homeschooled, and her the only connections she would form were with potential future business partners. her passion for painting was shut down and she was made to learn about business, a subject she found she despised. her protests were futile, falling on her father's deaf ears. he was determined not to let his other child go astray like the first, and if that meant dictating her every move, so be it. his unattainable standards were thrust onto her, and song-hee struggled. the girl was regularly put down despite her best efforts, having never been as talented in this area as her brother, and song-hee found her once carefree nature now battered and beat from the criticisms of the elder mr. han.

it was a chance search on google when she saw a familiar face. a popular musical actor, vincent, had recently opened his latest broadway production. how surprised she was to see that it was sung-min, older, with a light in his eyes that she'd never seen while he'd been here. sung-min had vanished to the states to pursue his dream of being on broadway, and it seemed he'd succeeded.

if he could do it, why couldn't she?

it took her several months to plan out her grand escape, timing it perfectly with her father's business trip that would take him all the way to london. she had no confidence that it would work, but after all, what had she to lose?

relying on the one person she could still call friend and hoping that he hadn't changed his address, she wound up on minkyung's doorstep.
[/div][/div]
[/div][div class="tabscontent tab4" style=display:none;][div class=rst]relationships[/div][div class=scroll] [div class=rsboxt]minkyung

#1

[/div] [div class="rsbox 1rs"][div class=rsicon1][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]she[/div] knows of him through the twins, but has never interacted much with him otherwise. [/div][/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]

[/div] [/div][/div] [/div] [div class=rsboxt]mr. han

#2

[/div] [div class="rsbox 2rs"][div class=rsicon2][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]she[/div] knows of him through the twins, but has never interacted much with him otherwise. [/div][/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]

[/div] [/div][/div] [/div] [div class=rsboxt]the princess

#3

[/div] [div class="rsbox 3rs"][div class=rsicon3][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]she[/div] knows of him through the twins, but has never interacted much with him otherwise. [/div][/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]

[/div] [/div][/div] [/div] [div class=rsboxt]the musical fanatic

#4

[/div] [div class="rsbox 4rs"][div class=rsicon4][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]she[/div] knows of him through the twins, but has never interacted much with him otherwise. [/div][/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]

[/div] [/div][/div] [/div] [/div][/div]
[/div][/div]

[class=container] --bg-color:#F6F5F0; --color-1: #e8a9b2; --color-2: #fce3e6; --color-3: #F6F0F1; --color-4: #F0E4D8; --t-color-1: #54514f; --t-color-2: #2D2D2B; --header-img: url('https://media.giphy.com/media/A4wSE2GQGTpfi/giphy.gif'); --img-1: url('https://66.media.tumblr.com/89cd8525e1dda9e54d61562adb7f7f5c/3d253cff357f2f31-b4/s500x750/745cb62f31b0c9484aaf2915fd5225e487096e4d.jpg'); --img-2: url('https://66.media.tumblr.com/d615b6d69d2f641be35ab0ac7e6f1072/tumblr_p6gz3kIBcW1wih5cfo7_400.png'); --img-3: url('https://66.media.tumblr.com/048031fd2604862c8e9f42e9a955e99e/tumblr_pqjhn9FYfT1ukr0or_1280.jpg'); --img-4: url('https://66.media.tumblr.com/ca47d6ce0ae040347ce7bd5a64b4a17d/tumblr_pa2gyvibmH1wo1xi4o5_250.png'); --img-5: url('https://66.media.tumblr.com/484376ae660d8309d47bf05e7cf84b2e/tumblr_p6gz3kIBcW1wih5cfo1_400.png'); [/class] [class name="container" minWidth="700px"] background-color: var(--bg-color); display:flex; width:700px; margin:auto; box-sizing:border-box; padding:20px; padding-left:15.5px; padding-right:15.5px; border-radius:12px; flex-flow: row wrap; position:relative; [/class] [class name="container" maxWidth="699px"] background-color: var(--bg-color); display:flex; width:100%; margin:auto; box-sizing:border-box; padding:10px; padding-bottom:0px; border-radius:12px; flex-flow:row wrap; position:relative; [/class] [class name=sidebar minWidth="700px"] display:flex; height:450px; width:38%; display:flex; flex-flow: row wrap; padding:25px; padding-top:15px; padding-bottom:15px; padding-right:15px; box-sizing:border-box; [/class] [class name=sidebar maxWidth="699px"] display:flex; height:163px; width:100%; display:flex; flex-flow: row wrap; padding:20px; padding-bottom:0px; box-sizing:border-box; position:relative; [/class] [class name=headerimg minWidth="700px"] height:86px; width:100%; background: var(--header-img); background-size:160%; background-position:50% 43%; margin-bottom: 8px; [/class] [class name=headerimg maxWidth="699px"] height:36px; width:61%; background: var(--header-img); background-size:160%; background-position:50% 43%; margin-bottom: 5px; border-top-left-radius:6.5px; border-top-right-radius:6.5px; border-bottom-left-radius:6.5px; [/class] [class name=icon minWidth="700px"] height:81px; width:81px; background: var(--img-1); background-size:100%; border-top-right-radius:6.5px; border-top-left-radius:6.5px; border-bottom-right-radius:6.5px; transition:0.7s; [/class] [class name=icon maxWidth="699px"] height:100px; width:100px; background: var(--img-1); background-size:100%; border-top-right-radius:6.5px; border-top-left-radius:6.5px; border-bottom-left-radius:6.5px; float:left; margin-left:12px; transition:0.7s; [/class] [class name=bigtextsb minWidth="700px"] height:70px; width: calc(100% - 95px); padding:5px; padding-right:0px; box-sizing:border;box; font-weight: bold; color: var(--color-1); text-transform: uppercase; font-size:19px; line-height:115%; text-align:left; margin-left:6px; letter-spacing:1.5px; position:relative; [/class] [class name=bigtextsb maxWidth="699px"] height:55px; width: 28%; padding:5px; padding-right:0px; box-sizing:border;box; font-weight: bold; color: var(--color-1); text-transform: uppercase; font-size:19px; line-height:100%; text-align:right; letter-spacing:1.5px; position:absolute; top:55px; right:40%; [/class] [class name=textadd minWidth="700px"] height:80px; width:185px; position:absolute; top:15px; left:-26px; background:url('https://data.whicdn.com/images/242556291/original.gif'); background-size:100%; background-repeat:none; filter: invert(87%) sepia(46%) saturate(507%) hue-rotate(329deg) brightness(102%) contrast(94%); [/class] [class name=textadd maxWidth="699px"] display:none; [/class] [class name=buttons minWidth="700px"] height:18%; padding-left:20px; padding-right:20px; box-sizing:border-box; display:none; [/class] [script class=sidebar on=mouseenter] slideToggle 500 buttons addClass bappear button removeClass bdisappear button [/script] [script class=sidebar on=mouseleave] slideToggle 500 buttons addClass bdisappear button removeClass bappear button [/script] [class name=buttonsm minWidth="700px"] display:none; [/class] [class name=buttonsm maxWidth="699px"] height:38%; padding-left:8px; padding-right:8px; padding-top:3px; box-sizing:border-box; position:absolute; top:56px; width:30%; margin-left: -5px; [/class] [class name=button] height:82.5%; width:21.5%; margin-right:5px; background-color: var(--color-1); border-radius:6px; float:left; color: var(--bg-color); font-size:20px; opacity:0; box-sizing:border-box; padding:5px; padding-left:6px; text-align:center; transition: 0.2s; line-height:105%; [/class] [class name=button1 maxWidth="699px"] height:55%; width:42%; margin-right:5px; background-color: var(--color-1); border-radius:6px; float:left; color: var(--bg-color); font-size:18px; box-sizing:border-box; padding:5px; text-align:center; transition: 0.2s; margin-bottom:3px; line-height:110%; [/class] [class name=button state=hover] background-color: var(--color-2); text-shadow:3px 2px var(--color-1); transition:0.2s; cursor:pointer; [/class] [class name=button1 state=hover] background-color: var(--color-2); text-shadow:3px 2px var(--color-1); transition:0.2s; cursor:pointer; [/class] [class=bappear] animation-name: {post_id}bappear; animation-duration:1.6s; animation-fill-mode:forwards; [/class] [class=bdisappear] animation-name: {post_id}bdisappear; animation-duration:0.5s; animation-fill-mode: forwards; [/class] [animation=bappear] [keyframe=0] opacity:0; [/keyframe] [keyframe=38] opacity:0; [/keyframe] [keyframe=100] opacity:100; [/keyframe] [/animation] [animation=bdisappear] [keyframe=0] opacity:100; [/keyframe] [keyframe=100] opacity:0; [/keyframe] [/animation] [class=bselect] background-color: var(--color-2); text-shadow:3px 2px var(--color-1); pointer-events:none; [/class] [script class=button on=click] hide tabscontent removeClass bselect button set currentTab (getText) //buttons scripts if (eq ${currentTab} 1) (addClass bselect buttonone) if (eq ${currentTab} 2) (addClass bselect buttontwo) if (eq ${currentTab} 3) (addClass bselect buttonthree) if (eq ${currentTab} 4) (addClass bselect buttonfour) //tabs scripts if (eq ${currentTab} 1) (fadeIn 800 tab1) if (eq ${currentTab} 2) (fadeIn 800 tab2) if (eq ${currentTab} 3) (fadeIn 800 tab3) if (eq ${currentTab} 4) (fadeIn 800 tab4) [/script] [script class=button1 on=click] hide tabscontent removeClass bselect button1 set currentTab (getText) //buttons scripts if (eq ${currentTab} 1) (addClass bselect buttonone) if (eq ${currentTab} 2) (addClass bselect buttontwo) if (eq ${currentTab} 3) (addClass bselect buttonthree) if (eq ${currentTab} 4) (addClass bselect buttonfour) //tabs scripts if (eq ${currentTab} 1) (fadeIn 800 tab1) if (eq ${currentTab} 2) (fadeIn 800 tab2) if (eq ${currentTab} 3) (fadeIn 800 tab3) if (eq ${currentTab} 4) (fadeIn 800 tab4) [/script] [class name=quote minWidth="700px"] height:56%; width:100%; margin-top:5px; font-size:9px; color: var(--t-color-1); text-align:justify; letter-spacing:1.35px; line-height:180%; overflow:hidden; [/class] [class name=quote maxWidth="699px"] display:none; [/class] [class=quoteh] display:inline-block; background-color: var(--color-2); [/class] [class=quoteb] display:inline-block; font-weight:bold; color: var(--color-1); [/class] [class name=contentbox minWidth="700px"] width:60%; display:flex; height:450px; margin-left: 1%; display:flex; position:relative; [/class] [class name=contentbox maxWidth="699px"] width:100%; height:355px; display:flex; position:relative; top:-15px; [/class] [class name=tabscontent minWidth="700px"] height:100%; width:100%; position:absolute; padding:15px; box-sizing:border-box; overflow:hidden; display:flex; flex-flow: column nowrap; [/class] [class name=tabscontent maxWidth="699px"] height:100%; width:100%; position:absolute; padding:15px; padding-top:5px; box-sizing:border-box; overflow:hidden; display:flex; flex-flow: column nowrap; [/class] [class name=scroll] width: 100%; height:100%; overflow-y:scroll; display:block; padding-right:500px; [/class] [class name=stab1] margin-top:5px; [/class] [class name=post minWidth="700px"] width:100%; background-color: var(--color-3); border-top: 35px solid var(--color-4); border-radius:3px; display:flex; flex-flow: row wrap; padding:8px; box-sizing:border-box; margin-left:10px; position:relative; color: var(--t-color-2); font-size:11px; text-align:justify; [/class] [class name=post maxWidth="699px"] width:100%; background-color: var(--color-3); border-top: 35px solid var(--color-4); border-radius:3px; padding:8px; box-sizing:border-box; position:relative; color: var(--t-color-2); font-size:11px; text-align:justify; [/class] [class name=pcontent minWidth="700px"] width:63%; color: var(--t-color-2); font-size:11px; text-align:justify; [/class] [class name=pcontent maxWidth="699px"] width:63%; color: var(--t-color-2); font-size:11px; text-align:justify; margin-left:35%; padding:5px; [/class] [class name=ptag] background-color: var(--color-1); display:inline-block; border-radius:1.5px; margin-bottom:4px; margin-right:4px; padding-left:3px; padding-right:3px; [/class] [class name=ptitle minWidth="700px"] font-size:35px; letter-spacing:0.5px; color: var(--color-1); position:absolute; top:-50px; right:15px; [/class] [class name=ptitle maxWidth="699px"] font-size:35px; letter-spacing:0.5px; color: var(--color-1); position:absolute; top:-50px; right:15px; [/class] [class name=pimage minWidth="700px"] height:80px; width:80px; border: 5px solid var(--color-4); border-radius:50%; float:left; background: var(--img-2); background-size:100%; background-position: 0% 50%; position:relative; top:-30px; margin-left:10px; margin-right:15px; [/class] [class name=pimage maxWidth="699px"] height:80px; width:80px; border: 5px solid var(--color-4); border-radius:50%; float:left; background: var(--img-2); background-size:100%; background-position: 0% 50%; position:relative; top:-30px; margin-left:5px; margin-right:5px; [/class] [class name=pimageb minWidth="700px"] width:90%; height:300px; background-repeat:none; border:5px solid white; border-radius:1.5px; box-shadow:5px 5px var(--color-1); margin:auto; background: var(--img-3); background-size:100%; display:block; margin-top:5px; padding:50px; padding-top:65px; padding-bottom:65px; box-sizing:border-box; position:relative; [/class] [class name=pimageb maxWidth="699px"] width:260px; height:260px; background-repeat:none; border:5px solid white; border-radius:1.5px; box-shadow:5px 5px var(--color-1); margin:auto; background: var(--img-3); background-size:100%; display:block; margin-top:5px; padding:10%; padding-left:7%; padding-right:7%; box-sizing:border-box; position:relative; [/class] [class name=pcontent2 minWidth="700px"] width:100%; height:100%; margin-left:1.5%; position:relative; opacity:0; transition:0.5s; [/class] [class name=pcontent2 maxWidth="699px"] width:90%; height:100%; margin-left:6%; position:relative; opacity:0; transition:0.5s; [/class] [class name=pcontent2 state=hover] opacity:0.9; transition:0.5s; [/class] [class name=pboxc1] width:47.5%; height:100%; position:absolute; [/class] [class name=pboxc2] width:47.5%; height:100%; display:inline-block; position:absolute; left:50%; [/class] [class name=pbox] height:22.2%; width:100%; margin-bottom:5px; border-radius:5.5px; background-color:var(--color-3); text-transform:uppercase; font-size:13px; text-align:center; letter-spacing:1px; line-height:250%; [/class] [class name=pboxe] height:22.2%; width:100%; margin-bottom:5px; border-radius:5.5px; background-color:var(--color-3); text-transform:uppercase; font-size:13px; text-align:center; letter-spacing:1px; line-height:130%; [/class] [class name=msgcon minWidth="700px"] height:70%; width:85%; box-sizing:border-box; padding:10px; overflow:hidden; display:flex; flex-flow: column nowrap; margin-left:9.8%; [/class] [class name=msgcon maxWidth="699px"] height:70%; width:85%; box-sizing:border-box; padding:10px; overflow:hidden; display:flex; flex-flow: column nowrap; margin:auto; [/class] [class name=smsg minWidth="700px"] margin-left:8px; [/class] [class name=smsg maxWidth="699px"] margin-left:0px; [/class] [class name=msgtitle minWidth="700px"] height:10%; width:100%; background-color: var(--color-1); color:white; font-size:13px; font-weight:bold; border-top-left-radius:3.5px; border-top-right-radius:3.5px; text-align:center; line-height:200%; letter-spacing:1px; margin-bottom:5px; [/class] [class name=msgtitle maxWidth="699px"] height:10%; width:100%; background-color: var(--color-1); color:white; font-size:13px; font-weight:bold; border-top-left-radius:3.5px; border-top-right-radius:3.5px; text-align:center; line-height:150%; letter-spacing:1px; margin-bottom:5px; [/class] [class name=msgs] min-height:5%; max-height:30%; min-width:5%; max-width:65%; display:inline-block; background-color: var(--color-2); border-radius:5px; border-bottom-right-radius:0px; line-height:120%; font-size:10.5px; color: var(--t-color-2); margin-bottom:4px; padding:5px; margin-left:35%; text-align:justify; margin-right:0px; float:right; [/class] [class name=msgs maxWidth="699px"] min-height:5%; max-height:32%; min-width:5%; max-width:65%; display:inline-block; background-color: var(--color-2); border-radius:5px; border-bottom-right-radius:0px; line-height:120%; font-size:10.5px; color: var(--t-color-2); margin-bottom:4px; padding:5px; margin-left:30%; text-align:justify; margin-right:0px; float:right; [/class] [class name=msgr] min-height:5%; max-height:30%; min-width:5%; max-width:65%; display:inline-block; background-color: var(--color-4); border-radius:5px; border-bottom-left-radius:0px; line-height:120%; font-size:10.5px; color: var(--t-color-2); margin-bottom:4px; padding:5px; text-align:justify; margin-right:30%; [/class] [class name=msgblock] display:inline-block; max-width:40%; background-color:black; height:5%; [/class] [class name=personalityi minWidth="700px"] height:90px; width:90px; border:5px solid var(--color-1); background: var(--img-4); position:absolute; margin-left:-68px; margin-top:-12px; border-radius:50%; background-size:100%; z-index:7; [/class] [class name=personalityi maxWidth="699px"] height:75px; width:75px; border:5px solid var(--color-1); background: var(--img-4); position:absolute; margin-left:-52px; margin-top:-12px; border-radius:50%; background-size:100%; z-index:7; [/class] [class name=personalitycon minWidth="700px"] height:60%; width:82%; position:relative; background-color: var(--color-3); padding:5px; font-size:10.5px; color: var(--t-color-2); overflow:hidden; margin-top:0px; box-sizing:border-box; z-index:1; margin-left:20%; text-align:justify; margin-bottom:8%; [/class] [class name=personalitycon maxWidth="699px"] height:80%; width:80%; position:relative; background-color: var(--color-3); padding:5px; font-size:10.5px; color: var(--t-color-2); overflow:hidden; margin-top:0px; box-sizing:border-box; z-index:1; margin-left:18%; text-align:justify; margin-bottom:8%; [/class] [class name=personalitys minWidth="700px"] margin-left:31px; width:93%; [/class] [class name=personalitys maxWidth="699px"] margin-left:30px; width:85%; [/class] [class name=personalityt minWidth="700px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 82%; height:7%; background-color: var(--color-1); border-top-right-radius:2px; margin-left:20%; margin-top:8%; box-sizing:border-box; text-align:right; font-weight:bold; padding-right:8px; position:relative; [/class] [class name=personalityt maxWidth="699px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 80%; height:7%; background-color: var(--color-1); border-top-right-radius:2px; margin-left:18%; margin-top:8%; box-sizing:border-box; text-align:right; font-weight:bold; padding-right:8px; position:relative; line-height: 120%; [/class] [class name=personalityboxt minWidth="700px"] background-color: var(--color-4); border-radius:3px; width:100%; height:6.5%; margin-top:5%; margin-bottom:1%; line-height:150%; font-size:18px; text-transform:uppercase; text-align:right; color:white; display:block; font-weight:bold; box-sizing:border-box; text-align:right; padding-right:8px; letter-spacing:1.5px; margin-left:8px; [/class] [class name=personalityboxt maxWidth="699px"] background-color: var(--color-4); border-radius:3px; width:100%; height:6.5%; margin-top:5%; margin-bottom:1%; line-height:130%; font-size:18px; text-transform:uppercase; text-align:right; color:white; display:block; font-weight:bold; box-sizing:border-box; text-align:right; padding-right:8px; letter-spacing:1.5px; [/class] [class name=personalitybox minWidth="700px"] height:12.5%; width:100%; background-color: var(--color-3); color: var(--t-color-2); padding:5px; box-sizing:border-box; font-size:12px; border-radius:3px; overflow:hidden; text-transform:uppercase; margin-left:8px; line-height:180%; [/class] [class name=personalitybox maxWidth="699px"] height:17%; width:100%; background-color: var(--color-3); color: var(--t-color-2); padding:3.5px; box-sizing:border-box; font-size:12px; border-radius:3px; overflow:hidden; text-transform:uppercase; line-height:200%; [/class] [class name=personalityicon minWidth="700px"] display:inline; font-size:16px; margin-left:3px; [/class] [class name=personalityicon maxWidth="699px"] display:inline; font-size:16px; margin-left:3px; margin-bottom:3px; [/class] [class name=personalitytag minWidth="700px"] padding:2.5px; background-color: var(--color-2); display:inline; margin-right:4px; border-radius:3px; [/class] [class name=personalitytag maxWidth="699px"] padding:2.5px; background-color: var(--color-2); display:inline; margin-right:4px; border-radius:3px; [/class] [class name=extrat minWidth="700px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 70%; height:7%; background-color: var(--color-1); border-radius:2px; margin-top:8%; margin-left:20%; box-sizing:border-box; text-align:center; font-weight:bold; position:relative; [/class] [class name=extrat maxWidth="699px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 70%; height:7%; background-color: var(--color-1); border-radius:2px; margin-top:5%; margin-left:auto; margin-right:auto; box-sizing:border-box; text-align:center; font-weight:bold; padding-right:8px; position:relative; line-height: 120%; [/class] [class name=extracon minWidth="700px"] width:94%; margin-left:8px; padding:10px; font-size:11px; text-transform:uppercase; [/class] [class name=extracon maxWidth="699px"] width:95%; padding:5px; font-size:10.5px; text-transform:uppercase; margin-top:2%; margin-left:auto; [/class] [class name=historyi minWidth="700px"] height:105px; width:105px; border:5px solid var(--color-1); background: var(--img-5); position:absolute; margin-left:-18px; margin-top:-16px; border-radius:50%; background-size:100%; z-index:7; [/class] [class name=historyi maxWidth="699px"] height:75px; width:75px; border:5px solid var(--color-1); background: var(--img-5); position:absolute; margin-left:-52px; margin-top:-12px; background-size:100%; z-index:7; [/class] [class name=historyt minWidth="700px"] color: white; font-size:22px; text-transform: uppercase; letter-spacing: 1.5px; width: 99%; height:8%; background-color: var(--color-1); border-top-right-radius:2px; margin-left:1%; margin-top:4%; box-sizing:border-box; text-align:right; font-weight:bold; padding-right:8px; position:relative; [/class] [class name=historyt maxWidth="699px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 80%; height:7%; background-color: var(--color-1); border-top-right-radius:2px; margin-left:18%; margin-top:4%; box-sizing:border-box; text-align:right; font-weight:bold; padding-right:8px; position:relative; line-height: 120%; [/class] [class name=historycon minWidth="700px"] min-height:85%; width:80%; position:relative; background-color: var(--color-3); padding:5px; font-size:10.5px; color: var(--t-color-2); overflow:hidden; margin-top:0px; box-sizing:border-box; z-index:1; margin-left:20%; text-align:justify; [/class] [class name=historycon maxWidth="699px"] height:90%; min-height:90%; width:80%; position:relative; background-color: var(--color-3); padding:5px; font-size:10.5px; color: var(--t-color-2); overflow:hidden; margin-top:0px; box-sizing:border-box; z-index:1; margin-left:18%; text-align:justify; [/class] [class name=historys minWidth="700px"] margin-left:28px; width:95%; [/class] [class name=historys maxWidth="699px"] margin-left:31px; width:85%; [/class] [class name=rst minWidth="700px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 70%; height:7%; background-color: var(--color-1); border-radius:2px; margin-left:auto; margin-right:auto; margin-bottom:2%; box-sizing:border-box; text-align:center; font-weight:bold; position:relative; [/class] [class name=rst maxWidth="699px"] color: white; font-size:18px; text-transform: uppercase; letter-spacing: 1.5px; width: 70%; height:7%; background-color: var(--color-1); border-radius:2px; margin:auto; box-sizing:border-box; text-align:center; font-weight:bold; position:relative; line-height: 120%; margin-bottom: 1.5%; [/class] [class name=rsboxt minWidth="700px"] height:10%; width:90%; border-radius:4px; background-color: var(--color-2); padding:8px; box-sizing:border-box; margin-left:7.5%; font-size:20px; color: var(--t-color-1); text-align:right; line-height:80%; font-weight:bold; letter-spacing:1px; margin-top:1.5%; cursor:pointer; transition:0.3s; [/class] [class name=rsboxt state=hover] transform: scale(1.04); transition:0.3s; [/class] [class name=rsboxt maxWidth="699px"] height:10%; width:90%; border-radius:4px; background-color: var(--color-2); padding:8px; box-sizing:border-box; margin-top:2%; margin-left:auto; margin-right:auto; font-size:20px; color: var(--t-color-1); text-align:right; line-height:70%; font-weight:bold; letter-spacing:1px; cursor:pointer; transition:0.3s; [/class] [class=rsbox] --rs-3: url('https://66.media.tumblr.com/8264a219f880e3a5808f5dd1a00d5c65/tumblr_pfbllwr0c61vc8ncjo6_500.png'); --rs-4: url('https://66.media.tumblr.com/e1989391a8491662bd7e9302993a5874/tumblr_p8etc1rZkz1tc5gvpo7_400.png'); --rs-5: url('https://66.media.tumblr.com/0b35da77a7c5f1c9f5ecfaf047c689ea/tumblr_pldu93RBHv1tc908bo4_r1_250.png'); [/class] [class name=rsbox minWidth="700px"] background-color: var(--color-3); font-size:10.5px; color: var(--t-color-2); height:33%; width:90%; margin-top:1.5%; margin-left:7.5%; padding:10px; box-sizing:border-box; border-radius:2.5px; display:none; position:relative; [/class] [class name=rsbox maxWidth="699px"] background-color: var(--color-3); font-size:10.5px; color: var(--t-color-2); height:40%; width:90%; margin-top:1.5%; margin-left:auto; margin-right:auto; padding:5px; box-sizing:border-box; border-radius:2.5px; display:none; position:relative; [/class] [class name=rstextcon minWidth="700px"] width:66.5%; height:100%; float:left; position:relative; margin-left:2.5%; [/class] [class name=rstextcon maxWidth="699px"] width:68%; height:100%; float:left; position:relative; margin-left:3.5%; [/class] [class name=rstcontent minWidth="700px"] height:55%; width:100%; padding:3px; [/class] [class name=rstcontent maxWidth="699px"] height:55%; width:100%; padding:3px; [/class] [class name=srst minWidth="700px"] width:calc(100% + 15px); height:100%; overflow-y:scroll; display:block; padding-right:500px; text-align:justify; line-height:140%; [/class] [class name=srst maxWidth="699px"] width:100%; height:100%; overflow-y:scroll; display:block; padding-right:500px; text-align:justify; line-height:140%; [/class] [class name=rsfirst] display:inline; font-weight:bold; text-transform:uppercase; [/class] [class name=rsbarcon minWidth="700px"] width:80%; height:33%; position:absolute; top:69%; left:10%; [/class] [class name=rsbarcon maxWidth="699px"] width:85%; height:33%; position:absolute; top:70%; left:7%; [/class] [class name=rsbar minWidth="700px"] width:100%; height:38%; border:1px solid var(--t-color-1); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:10%; [/class] [class name=rsbar maxWidth="699px"] width:100%; height:33%; border:1px solid var(--t-color-1); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:12%; [/class] [class name=rsm1 minWidth="700px"] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color-1); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm1 maxWidth="699px"] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color-1); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2 minWidth="700px"] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color-1); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm2 maxWidth="699px"] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color-1); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm3 minWidth="700px"] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color-1); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm3 maxWidth="699px"] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color-1); position:relative; line-height:100%; text-align:center; [/class] [class name=rsmline] height:13px; width:1.5px; margin-left:auto; margin-right:auto; margin-top:15%; background-color: var(--t-color-1); [/class] [class name=rsicon1 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--img-4); background-size:100%; [/class] [class name=rsicon1 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--img-4); background-size:100%; [/class] [class name=rsicon2 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--img-4); background-size:100%; [/class] [class name=rsicon2 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--img-4); background-size:100%; [/class] [class name=rsicon3 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--img-4); background-size:100%; [/class] [class name=rsicon3 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--img-4); background-size:100%; [/class] [class name=rsicon4 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-4); background-size:100%; [/class] [class name=rsicon4 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-4); background-size:100%; [/class] [script class=rsboxt on=click version="2"] (= currentTab (index (split (getText) "#") 1)) (slideToggle 500 (+ currentTab "rs")) [/script]

 

[houseplant]

[class=outline]padding: 2vh; width: 500px; height: 300px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;[/class] [class=border]position: absolute; height: 300px; width: 500px; background-color: #ecf5ed; background-image: url(https://www.transparenttextures.com/patterns/ecailles.png);[/class] [class=sideinfo]position: absolute; top: 167.5px; left: 30.5px; height: 131px; width: 110px; letter-spacing: 1px; font-size: 9px; text-transform: uppercase;[/class] [class=info]border-bottom: 1px solid #d0e1ca; padding-top: 5px; padding-bottom: 5px; width: 110px; text-align: center; color: #aec5aa; font-family: Montserrat;[/class] [class=tabs]position: absolute; right: 20px; top: 20px; height: 260px; width: 65px;[/class] [class=tab]display: block; height: 65px; width: 65px; background-color: #d0e1ca; line-height: 65px; font-size: 20px; text-align: center; color: #aec5aa; transition: 1s;[/class] [class=chosentab]display: block; height: 65px; width: 65px; background-color: #aec5aa; color: #ecf5ed; transition: 1s;[/class] [class=tada]animation-name: {post_id}tada; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: ease-in-out;[/class] [class=tabContents]padding: 20px 0px 20px 20px; height: 220px; width: 203px; position: absolute; top: 20px; right: 105px; background-color: white; overflow-x: hidden;[/class] [class=sub]font-family: Montserrat; font-size: 15px; line-height: 17px; color: #aec5aa; font-weight: 400;[/class] [class=ans]font-family: Montserrat; font-size: 10px; text-align: justify; font-weight: 400; border-left: 1px solid #d0e1ca; margin: 5px; padding-left: 8px; color: #9a9a9a; letter-spacing: 1px; white-space: pre-line;[/class] [class=scroll]width: 100%; height: 100%; overflow-y: scroll; padding-right: 40px;[/class] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; background-color: #aec5aa; transition: 1s; color: #ecf5ed; [/class] [class name="icon1" state="hover"] animation-name: {post_id}tada; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: ease-in-out; [/class] [class name="icon2" state="hover"] animation-name: {post_id}tada; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: ease-in-out; [/class] [class name="icon3" state="hover"] animation-name: {post_id}tada; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: ease-in-out; [/class] [class name="icon4" state="hover"] animation-name: {post_id}tada; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: ease-in-out; [/class] [animation=tada] [keyframe=0] transform: scale3d(1, 1, 1); [/keyframe] [keyframe=10] transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); [/keyframe] [keyframe=20] transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); [/keyframe] [keyframe=30] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); [/keyframe] [keyframe=40] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); [/keyframe] [keyframe=50] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); [/keyframe] [keyframe=60] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); [/keyframe] [keyframe=70] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); [/keyframe] [keyframe=80] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); [/keyframe] [keyframe=90] transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); [/keyframe] [keyframe=100] transform: scale3d(1, 1, 1); [/keyframe] [/animation] [script class=tab1 on=click] hide tabContents02 hide tabContents03 hide tabContents04 slideDown 1000 tabContents01 addClass chosentab addClass tada icon1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass tada icon2 removeClass tada icon3 removeClass tada icon4 [/script] [script class=tab2 on=click] hide tabContents01 hide tabContents03 hide tabContents04 slideDown 1000 tabContents02 addClass chosentab addClass tada icon2 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass tada icon1 removeClass tada icon3 removeClass tada icon4 [/script] [script class=tab3 on=click] hide tabContents01 hide tabContents02 hide tabContents04 slideDown 1000 tabContents03 addClass chosentab addClass tada icon3 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass tada icon1 removeClass tada icon2 removeClass tada icon4 [/script] [script class=tab4 on=click] hide tabContents01 hide tabContents02 hide tabContents03 slideDown 1000 tabContents04 addClass chosentab addClass tada icon4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass tada icon1 removeClass tada icon2 removeClass tada icon3 [/script] [div class=outline][div class=border]

[div class=sideinfo][div class=info]seo minkyung.[/div] [div class=info]the prince.[/div] [div class=info]nineteen.[/div] [div class=info]male.[/div][/div] [div class="tabContents tabContents01"][div class=scroll][div class=sub]name.[/div] [div class=ans]korean: seo minkyung chinese. tingwei[/div] [div class=sub]age.[/div] [div class=ans]nineteen.[/div] [div class=sub]gender.[/div] [div class=ans]male.[/div] [div class=sub]zodiac.[/div] [div class=ans]virgo.[/div] [div class=sub]role.[/div] [div class=ans]the prince.[/div] [div class=sub]major.[/div] [div class=ans]music/dancer major.[/div][/div][/div] [div class="tabContents tabContents02" style="display: none;"][div class=scroll][div class=sub]height.[/div] [div class=ans]178cm.[/div] [div class=sub]hair.[/div] [div class=ans]light brown.[/div] [div class=sub]eyes.[/div] [div class=ans]dark brown.[/div] [div class=sub]fc.[/div] [div class=ans]xiaojun.[/div] [div class=sub]mods.[/div] [div class=ans]pierced ears.[/div][/div][/div] [div class="tabContents tabContents03" style="display: none;"][div class=scroll][div class=sub]personality.[/div] [div class=ans]Super friendly and caring, Minkyung is well known for being the perfect gentlemen. He takes care of others before himself and is very loyal. The "prince" isn't super romantic though. In all honesty, he doesn't know how to deal with females, and that's why he's not the most romantic person. He has an inferiority issue. Because he was adopted and isn't Korean, he gets a lot of hate in his fathers company. He always shuts down and takes it out on himself, wanting to believe he isn't what they say about him. His insecurities get the best of him a lot, and he often second guesses himself. He works hard at what he does, pushing himself to his limit to prove himself to his family. Most people think his quietness is him being "cool" , but in reality. The boy is just shy. He's not the most outgoing, even if he pushes out his fake confidence, he prefers to be by himself. You'll always find Min playing around. Whether by small pranks or jokes, he likes to have fun with his friends. [/div] [div class=sub]likes.[/div] [div class=ans]playing guitar, dancing, singing, animals, sour foods, aesthetics, taking photos, being alone, video games.[/div] [div class=sub]dislikes.[/div] [div class=ans]spicy foods, those who talk behind others backs, reptiles, bugs, birds, talking about his feelings, heights.[/div] [div class=sub]fears.[/div] [div class=ans]reptiles, bugs, heights.[/div][/div][/div] [div class="tabContents tabContents04" style="display: none;"][div class=scroll][div class=sub]backstory.[/div] [div class=ans]Minkyung was born in a rather poor family in the suburbs of China. They did all they could to keep food on the table but they couldn't afford it with the baby. So his real mother asked her best friend for a favor. Her best friend, now his mother, came down to China and came back with a new little bundle of joy. His real mother promising to come get him once everything settles, but nineteen years later and he's only talked to her on the phone. It was a blessing for his adopted mom, they'd tried and tried for a baby but were never able to have one, and Minkyung finally gave them one. He grew up pretending they were his real parents, despite how he got told how different he looked all the time by his classmates. It was obvious they weren't, Minkyung was a foreigner, but he felt a lot more connected to this family then the one back "home". So, he adopted the name Seo Minkyung, the name he chose to honor his late grandfather. He gets a lot of hate from his peers and his dads colleagues. He's not his blood son, so why should he inherit the company? It always bothered him, and it sent him into a huge depression spell. One day, his parents sent him on a trip to China. His grandparents on that side were ill and they had the wish to see Tingwei all grown up. It felt weird, he didn't speak much Chinese, sure he could understand it but speaking and writing was still new to him. He thought he'd see his real father, but he never showed up, and his mother only showed up after the young boy had left back to South Korea. Still, he was thankful to meet his grandparents, even if it was just a few days. He started to work harder and harder, and fell in love with music. While his parents weren't happy with it, they support him. They are just happy to see him come out of his shell more and more. [/div] [div class=sub]relationships.[/div] [div class=ans]info.[/div][/div][/div] [div class=tabs]

[div class="tab tab1 chosentab"][div class="icon1 tada"]

[/div] [div class="tab tab2"][div class=icon2][/div][/div] [div class="tab tab3"][div class=icon3][/div][/div] [div class="tab tab4"][div class=icon4][/div][/div][/div][/div][/div][/div]

coded by

constellation

.

 

[AshleyTheNarwhal]

[class=yeah] width:341px; height:270px; margin:auto; border:1px solid #ccc; [/class] [div class=yeah][class=big] height:270px; width:120px; background:#adc0c9; float:left; [/class] [div class=big] [class=img] height:118px; width:98px; background:url('https://66.media.tumblr.com/8b833bcb383ecac354dd68fc1bb464ed/tumblr_pe2rid2QRy1r6drupo1_1280.jpg'); background-size:100%; margin:auto; margin-top:10px; border:1px solid #fff; [/class] [class=img2] height:118px; width:98px; background:url('https://66.media.tumblr.com/29c032b82c056488d57847e97c04b428/tumblr_o1l8g8roDc1tb1cexo1_500.jpg'); background-size:100%; margin:auto; margin-top:10px; border:1px solid #fff; [/class] [div class=img][/div][div class=img2][/div] [/div][class=wrap] height:270px; width:221px; background:#ccc; float:left; [/class] [div class=wrap] [class=title] height:40px; width:200px; background:#000; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; float:left; margin:10px 10px; [/class] [div class=title][div style="color:#fff;font-size:25px;font-family:'Times New Roman';float:left;margin-left:5px;line-height:40px;font-weight:800;"]Eunji Ahn [/div][/div] [class=tabhold] height:8px; background:#eee; width:202px; float:left; margin-left:10px; margin-top:-10px; [/class] [div class=tabhold][class=tab1] height:8px; width:49px; border-right:1px solid #aaa; float:left; cursor:pointer; [/class] [class name=tab1 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [class=tab2] height:8px; width:49px; border-right:1px solid #aaa; float:left; cursor:pointer; [/class] [class name=tab2 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [class=tab3] height:8px; width:49px; border-right:1px solid #aaa; float:left; cursor:pointer; [/class] [class name=tab3 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [class=tab4] height:8px; width:50px; float:left; cursor:pointer; [/class] [class name=tab4 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [div class=tab1][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]BASICS[/div][/div] [div class=tab2][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]PERSONA[/div][/div] [div class=tab3][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]LIFE[/div][/div] [div class=tab4][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]MISC[/div][/div][/div] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 1000 tabcontent11 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 1000 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 1000 tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 fadeIn 1000 tabcontent4 hide tabcontent11 addClass Tabs [/script] [class=tabcontent11] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; [/class] [class=tabcontent2] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; display:none; [/class] [class=tabcontent3] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; display:none [/class] [class=tabcontent4] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; display:none; [/class] [div class=tabcontent11][class=container1] width:200px; height:125px; margin:0px -0px; overflow:hidden; color:#fff; font-size:10px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar1] width:105%; height:125px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox1]width:92%; [/class] [div class=container1][div class=scrollbar1][div class=textbox1] Name: Eunji Ahn Age: 18 Height: 5'2'' Major/Minor: Mortuary Science Grade: Freshman Zodiac: Capricorn Role: Friend 1

[/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1] Eunji is a pretty laid back person. She enjoys solitude most of the time but also enjoys the company of her close friends. Eunji really likes dark and macabre things, which you can tell by her choice of fashion and music amongst other things. She is kind of an outcast but still manages to do well in social situations. Eunji is also a very blunt person and will tell you exactly how she feels and not sugar coat it, but the plus side to that is you never wonder how she feels about you or what she's thinking. When she cares about someone she would literally give her left arm for them and help them in any way she can, even if her words and actions don't show that. She's not an overly affectionate person but when she really likes you you'll know. Likes: - Horror movies - Candles - Tattoos - Rainy Nights Dislikes: - Hot Weather - Flying stinging bugs - Rude people - Silence Fears: Not being liked for who she is and having to change her outward appearance in order for others to see her value.

[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1] Eunji had a pretty normal childhood, despite being raised in a funeral home. Her parents are funeral directors and own their own chain of Funeral Homes. They have raised Eunji from a young age to prepare to take over the family business and eventually run her own location. Though her parents frown upon her fashion and other interests they are happy she is fully embracing her role in the family. She is their only child, her Mother had trouble conceiving her. Other members of the family also work in their funerals homes but the business itself will be hers once they retire. During High School, though Eunji is considered generally pretty she was always an ouotcast and was viewed as odd. Despite that in her senior year of High School she was approached by an international modeling agency to work for them occasionally, which she was more than happy to do. She mostly models for Alternative Brand clothing. She has flown to Japan, United States, and Germany as well as a few gigs in her home country. Though these instances are few and far between, she may be out of town maybe once a month, but she enjoys it, she gets paid, gets to travel, and gets free clothing and accessories.

[/div][/div] [/div][/div] [div class=tabcontent4] [div class=container1][div class=scrollbar1][div class=textbox1] Seo Minkyung || She met Minkyung in school this year. She couldn't find one of the lecture halls she was supposed to go to and stopped Minkyung in the hall and instead of getting looked at like she was weirdo, which was usually the case he was really nice to her. They started having quick conversations in the hallway , which turned to her occasionally coming to his house to hang out, which turned to them being close friends and her crashing at his house sometimes. He was one of the first people at school to make her like she wasn't a freak, he liked her for her. The Princess || n/a The Musical Fanatic || n/a The Runaway || n/a Friend 2 || n/a

[/div][/div] [/div][/div] [class=lilimg] height:50px; width:200px; float:left; margin:10px 10px; background:url('https://66.media.tumblr.com/caad6347fa754bc967ea47afa4fd7d6e/tumblr_ozai0pjjeB1uop5ado1_500.jpg'); background-size:100%; border:1px solid #fff; background-position:50px; [/class] [div class=lilimg][/div][/div][/div]

code by @pasta

​

 

[AshleyTheNarwhal]

[class=yeah] width:341px; height:270px; margin:auto; border:1px solid #ccc; [/class] [div class=yeah][class=big] height:270px; width:120px; background:#adc0c9; float:left; [/class] [div class=big] [class=img] height:118px; width:98px; background:url('https://i.pinimg.com/236x/a9/db/ba/a9dbbae1e5be1c6e32ab20bb2d21b7e3.jpg'); background-size:100%; margin:auto; margin-top:10px; border:1px solid #fff; [/class] [class=img2] height:118px; width:98px; background:url('https://2.bp.blogspot.com/-aL7QtgtUd58/T0LeXTlZkrI/AAAAAAAAAZw/BJ2C_tKRe_c/s1600/Ok-Taec-Yeon.jpg'); background-size:100%; margin:auto; margin-top:10px; border:1px solid #fff; [/class] [div class=img][/div][div class=img2][/div] [/div][class=wrap] height:270px; width:221px; background:#ccc; float:left; [/class] [div class=wrap] [class=title] height:40px; width:200px; background:#000; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; float:left; margin:10px 10px; [/class] [div class=title][div style="color:#fff;font-size:25px;font-family:'Times New Roman';float:left;margin-left:5px;line-height:40px;font-weight:800;"]Jaehyun Seo [/div][/div] [class=tabhold] height:8px; background:#eee; width:202px; float:left; margin-left:10px; margin-top:-10px; [/class] [div class=tabhold][class=tab1] height:8px; width:49px; border-right:1px solid #aaa; float:left; cursor:pointer; [/class] [class name=tab1 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [class=tab2] height:8px; width:49px; border-right:1px solid #aaa; float:left; cursor:pointer; [/class] [class name=tab2 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [class=tab3] height:8px; width:49px; border-right:1px solid #aaa; float:left; cursor:pointer; [/class] [class name=tab3 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [class=tab4] height:8px; width:50px; float:left; cursor:pointer; [/class] [class name=tab4 state=hover] background:#adc0c9; color:#fff; transition:1s [/class] [div class=tab1][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]BASICS[/div][/div] [div class=tab2][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]PERSONA[/div][/div] [div class=tab3][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]LIFE[/div][/div] [div class=tab4][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]MISC[/div][/div][/div] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 1000 tabcontent11 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 1000 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 1000 tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 fadeIn 1000 tabcontent4 hide tabcontent11 addClass Tabs [/script] [class=tabcontent11] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; [/class] [class=tabcontent2] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; display:none; [/class] [class=tabcontent3] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; display:none [/class] [class=tabcontent4] height:135px; width:200px; float:left; background:#888; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; margin-left:10px; margin-top:-2px; display:none; [/class] [div class=tabcontent11][class=container1] width:200px; height:125px; margin:0px -0px; overflow:hidden; color:#fff; font-size:10px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar1] width:105%; height:125px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox1]width:92%; [/class] [div class=container1][div class=scrollbar1][div class=textbox1] Name: Jaehyun Seo Age: 20 Height: 182 cm Major/Minor: Veterinary Medicine Grade: Sophomore Zodiac: Taurus Role: Friend 2

[/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1] Jaehyun is relatively serious most of the time. He is a very sweet and caring person especially when it comes to animals, but sometimes he doesn't quite efficiently express how he feels. He's not really one to joke around much but he does enjoy a good laugh, especially when hanging out with friends. He loves animals and would rather spend time with them than people. Likes: - Helping animals - Food - Going to see shows - Music - Reading - Being outdoors Dislikes: - Crowds - Rainy days - The beach - Buses Fears: To never find a close friend group and to die alone.

[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1] Jaehyun grew up in a pretty normal family. His Mother and Father weren't super wealthy but he never really wanted for anything. He loved animals from a young age, always stopping to pet strays and help them occasionally. His parents wanted him to be a real doctor but he decided instead to go to school for Veterinary Medicine. His Father isn't happy about this decision and tells him this constantly and tries to sway him. Jaehyun knows what he wants. When Jaehyun was young he watched his Aunt and Uncle struggle to have a child of their own, he always thought it would be cool to have a cousin to hang out with but when they found out his Aunt and Uncle couldn't have children he was sad for them. Then Minkyung was adopted and everyone, including his parent's attention was absorbed into their new family member for the most of their childhood. It's like sometimes he didn't exist. He couldn't help but notice how Minkyung's birthdays were a bit more lavish and over the top than his, not that he was one to express this that always made him hurt. Despite this he like Minkyung and enjoyed hanging out with him, but occasionally would compare himself to Minkyung. Minkyung was always more social and able to connect with people better than him despite his efforts, which is why he preferred to be around animals.

[/div][/div] [/div][/div] [div class=tabcontent4] [div class=container1][div class=scrollbar1][div class=textbox1] Seo Minkyung || Cousin - Complex relationship. He loves Minkyung as his family but often finds himself striving to be more like him. The Princess || n/a The Musical Fanatic || n/a The Runaway || n/a Friend 1 || n/a

[/div][/div] [/div][/div] [class=lilimg] height:50px; width:200px; float:left; margin:10px 10px; background:url('https://img.kpopmap.com/2019/07/ok-taecyeon-51k-company-cover.jpg'); background-size:100%; border:1px solid #fff; background-position:50px; [/class] [div class=lilimg][/div][/div][/div]
code by @pasta