Realistic or Modern 🌸 flowerboys 2.0 🌸 characters

[Asuhra]

F4
1. The Azure Dragon | Jin Byung-Soo | Asuhra
2. The White Tiger | Moon Dae-Hyun | Hoekage
3. The Vermilion Bird | Lee Kong-Jwi | weldherwings
4. The Black Tortoise | Kim Dong-Min | SoulHunter

Gorls
1. The Peacock | Song Ha-Yun ukiiyo
2. The Butterfly | Im Da-Won | ukiiyo
3. The Lotus | Lee Ji-Woo SoulHunter
4. The Fish | Seo Mi-Rae Hoekage

Antagonist(s)
1. The Imugi | Hwang Kyung-Tae Asuhra ​

 

[Asuhra]

[div class=container][div class=cont][div class=image][div class=name]The Azure Dragon[/div] [div class=outside][div class="tabs first"]1.[/div] . . [div class="tabs second"]2.[/div] . . [div class="tabs third"]3.[/div] [div class=littlebox][div class=scroll style="width: 100%"]I don't quit. I don't run. I never go back on my word. That is my ninja way. [/div][/div][/div][/div] [div class=hold][div class=outline][div class=round][/div] [div class="tabsContent1"][div class=title]requisite[/div] [div class=yo][div class=scroll]

[div class=firstword]full name[/div] Jin Byung-Soo 진병수

[div class=firstword]alias[/div] The Prince, Prince Byung-Soo, ByuByu

[div class=firstword]age[/div] 23

[div class=firstword]gender[/div] male

[div class=firstword]sexuality[/div] questioning

[div class=firstword]year[/div] 4

[div class=firstword]major[/div] business/philosophy

[div class=firstword]ethnicity[/div] Korean

[div class=firstword]faceclaim[/div] Park Bo Gum[/div][/div][/div] [div class="tabsContent2" style="display: none"][div class=title]persona[/div] [div class=yo][div class=scroll][div class=firstword]personality[/div] Byung-soo's personality is like the glue that holds everyone together. Upon first meeting him, Byung-soo is a very friendly, warm and kind person. He is charming, exudes confidence and enjoys any chance to flirt with a cute, unsuspecting girl. He's extremely likable and can adapt easily to most situations.

He is extremely loyal and protective of his friends, and although the majority of the time he appears carefree and silly, he can be quick to anger and easily driven to jealousy. When he is serious or moody, he can become cold and distant. Trips to the hospital to see his mother can put him in a dark place. Byung-soo is generally an open book. It's easy to read what mood he's in. Although he often seems childish and irresponsible, he is very intelligent and perceptive. There is a dark and insecure side to him that he hides through humor and quick wits. Behind that wall is a desperate loneliness and bitterness.

He is the kind of person who can easily pull an introverted person out of their shell and is extremely empathetic to the hardships of others. He is not soft or overly feminine, nor is he exceedingly brooding or edgy.

Byung-soo likely became friends with the boys (F4) because he was so accepting, protective and courageous. If he saw one of the them playing all alone, he would reach out his hand with a great smile spread along his cheeks and invite them to join him. If he saw one of the boys being bullied or ganged up on by a group of kids, he would excitedly charge into battle, fists flying, and refusing to stay down despite being outnumbered and covered in bruises.

[div class=firstword]likes[/div] spicy foods, kbbq, anime, adventures, traveling, reading, trying new things, making friends, home-cooked meals, people stroking his hair, flirting

[div class=firstword]dislikes[/div] white chocolate, birds, children, the smell of povidone-iodine, hospital food, funerals, people who pity him, staying inside for too long

[div class=firstword]vices[/div] childish, lazy, hotheaded, stubborn, naive, impulsive, impatient, envious, moody, naughty, abandonment issues, mischievous, daredevil, irresponsible

[div class=firstword]virtues[/div] friendly, kind, outgoing, spontaneous, thoughtful, empathetic, open-minded, light-hearted, good-humored, considerate, courageous, adventurous, idealistic, hardworking, excitable, easy to please

[div class=firstword]habits[/div] staring off into space, easily distracted, right hand shakes uncontrollably when he's nervous or stressed.

[div class=firstword]fears[/div] reckless driving, losing his mother, failure, people suffering because of him, loneliness, death, disappointing others

[div class=firstword]talents[/div] Can speak fluent English, Chinese, and Japanese. Can finish a bowl of ramen in under 30 seconds. [/div][/div][/div] [div class="tabsContent3" style="display: none"][div class=title]biography[/div] [div class=yo][div class=scroll] [div class=firstword]biography[/div] Being a member of one of the wealthiest families in the world, Byung-soo was pampered for success from the moment he was conceived. He is the heir to the mega-corporations Bamboo and Seol, the rulers of retail across all platforms. The ultimate marriage between his mother and father was meant to solidify the combination of online and offline retail. It was a match made in heaven. It was two empires coming together as one.

When Byung-soo was ten-years-old, he and his parents were on their way home from an important dinner. They all sat in the backseat of the limo that was being driven by their chauffeur. On that winter night, the car hit a sheet of ice and spun out of control, tumbling down the side of a steep, rocky hill. It was unreal, like a snowy dream. Byung-soo's father died on impact. His mother survived, but has remained in a vegetative state for the past thirteen years. The chauffeur walked away with a concussion but later passed away due to his injuries. After months in the hospital, Byung-soo miraculously recovered. Despite multiple surgeries, he still has issues with his legs and arms. In the accident, his left knee was crushed and the joint had to be replaced with a metal implant. The nerves in his right hand were also heavily damaged and it took years of therapy to heal. When he's stressed or nervous, his hand will shake uncontrollably. His doctor suspects a psychological connection as the reason why this happens. Ever since the accident, Byung-soo is uncomfortable being driven anywhere, and prefers driving himself.

The accident made international headlines and soon everyone in the world would know who Jin Byung-soo was. It was both a national tragedy and a miracle. His grandfather stepped out of his retirement immediately upon hearing the news and moved to Hong Kong to oversee the company. Byung-soo's aunt and cousin moved back to Korea from their home in France and offered up a place for Byung-soo to stay once his wounds had healed. While her intentions seemed pure, her true feelings were quickly realized, as she alienated him and ridiculed him endlessly. Byung-soo spent the remainder of his childhood hidden from the public-eye, raised within the protective walls of a luxurious estate. Although he technically lived in the same building as his aunt and cousin, they made every effort to avoid him, even scheduling their meals in different rooms. And so, Byung-soo found nurturing in his nanny, the one worker from his parent's estate who was allowed to live with him in his aunt's home. Kim In-ha, an elderly women who raised his mother. Because of her connections to the family, she was allowed to stay. She taught Byung-soo kindness and forgiveness and told him stories of his mother's childhood. She was the head nanny and oversaw all of Byung-soo's daily activities and meals.

Inside the estate he felt like a prisoner, lonely and hated by his own family. It's understandable then, why Byung-soo was always plotting ways to escape. His disappearances always put his guards and nannies in a state of panic, and it was during these escapades that he would run into who would eventually become his three closest friends.

When Byung-Soo entered university, he was finally allowed to live in his own place, and immediately purchased a condo in Seoul that could accommodate his friends. Only the closest maids, servants and guards were allowed to live with him.

[div class=firstword]Relationships[/div]

Grandfather: Currently the head of Seol Inc., Seol Chansol is cold and calculated. The death of his son-in-law, the hospitalization of his favorite daughter and the cutthroat life of the corporate business world turned his heart to stone. Driven by the fear of losing another heir, Chansol is strict and judgmental of Byung-soo's actions, and he keeps a tight watch on his whereabouts. Unbeknownst to Byung-soo, Chansol has always been aware of Dal-rae's feelings towards her nephew as well as her treatment of him. Rather than stepping in and moving his grandson to another home, Chansol saw this as a test for Byung soo, a way for him to toughen up and prepare for his inheritance. On the rare occasion that Chansol speaks to Byung-soo, it's either a lecture or an order. Despite his emotionally-distant attitude towards his grandson, it all comes from a place of both love and a need to protect the family name.

Aunt: The relationship between Byung-soo and Moon Dal-rae has always been tense and emotional. Although she was the elder sibling, the fact that Jin Ara was chosen over Moon Dal-rae to marry Jin Bo-yeon, and to in effect, inherit Seol Inc., made Dal-rae incapable of ever actually loving her nephew. It was as if she and her son, Moon Do-yeong, had been cast aside and forgotten, denied of their birthright. At all costs Dal-rae avoided her sister, but when she died, Dal-rae saw an opportunity. She offered to take in the orphaned and battered Byung-soo, as a show of good will to her father. While living together, she mostly ignored her nephew, scheduling meals in different rooms and ensuring that Do-yeong and Byung-soo never developed any kind of relationship. When she's sober, Dal-rae spends her time pampering her son and plotting his takeover of Seol Inc. Otherwise, she is hidden away, abusing alcohol and prescription pills.

Cousin: Right after he was born, Moon Do-yeong and his mother left Korea and moved into an estate in France. He spent most of his childhood in Europe, visiting Korea here and there for family events. He did not permanently move back to Korea until the car accident that killed Byung-soo's father and incapacitated his mother took place. Do-yeong's mother saw an opportunity to take back control of the Seol family's inheritance. If Byung-soo was too weak or naive to realize his position, she would make Do-young strong. Byung-soo grew up with his aunt and cousin in a private estate, although he was rarely ever permitted to speak to them. Conversations with his cousin were met with severe punishments and conversations with his aunt left a bad taste in his mouth.

Kim In-ha Mother: Jin Ara was always the favorite child between the two sisters. Before the accident, she was known for being kind and soft-spoken, yet cunning and strongwilled. Byung-soo visits his mother in the hospital when he can, and will give her an update on the goings-on of his life, although there is no real evidence she can hear him. Before her marriage to Jin Bo-yeon, the heir to Bamboo, the largest online retail and ecommerce company in the world; Ara and Dal-rae were far more close and had a friendly competition between them.

Nanny: Kim In-ha practically raised Byung-soo, as the two have an extremely strong and close connection. They have almost a grandmother-grandson kind of relationship. She was a beacon of light in his childhood that saved him from becoming a cold and cruel person. In-ha has no children and loves the boy as if he were her own. She was also the nanny of Byung-soo's mother, and often tells him stories of her childhood. She did her best to instill the same wisdom and kindness that she did unto his mother. She is the head-nanny of the Seol family and, through the generations, spent her career overseeing the children's meals and activities. When Byung-soo was younger, In-ha went to his grandfather and begged him to take Byung-soo away from his cruel aunt. Chansol instead found it as an opportunity to test his grandson and sent In-ha back to the estate. From then on, In-ha took it upon herself to protect Byung-Soo from Dal-rae's cruelty and do her best to lure him away from a life of resent and darkness. She is one of the few workers who live in Byung-soo's condo.

[div class=firstword]Other[/div] pictures of Byung-Soo's condo: 1 , 2 , 3 [/div][/div][/div] [/div][/div] [div class=columnhold][div class=img style="background-image:url(https://i.pinimg.com/564x/bc/43/18/bc43189ae83217974cbb3c7332be5b38.jpg)"][/div][div class=img style="background-image: url(https://i.pinimg.com/564x/7a/3c/fd/7a3cfdc54004873a92278fce5f533b6c.jpg)"][/div][div class=img style="background-image: url(https://i.pinimg.com/564x/4b/5d/df/4b5ddfaf0b1bc4b979b4eaa988f5e7ef.jpg)"][/div][div class=img style="background-image: url(https://i.pinimg.com/564x/4e/e6/fe/4ee6fe0f646b1c132428f2515284163c.jpg)"][/div][/div] [/div][/div] [div class=c]code by: @undine[/div] [class=container]height: 400px; max-width: 550px; margin: auto; cursor: url(https://i.imgur.com/fkP02Jr.png), auto; --color: black; --colour: white; --outline: #404040; --hover: #B9B9B9 [/class] [class=cont]height: 94%; width: 95%; padding: 2%; background: transparent; [/class] [class=image]height: 100%; width: 50%; top: 1.9%; background-image: url(https://i.pinimg.com/564x/35/be/5f/35be5fa2ac9294fda35a5f76076d8627.jpg); background-size: cover; background-position: 60% 10%; position: relative; left: 59.5%; overflow: hidden; [/class] [class=name]width: 100%; position: relative; top: 83%; text-align: center; color: var(--colour); font-size: 33px; letter-spacing: 5px; font-weight: 500; font-family:'Meie Script', serif; pointer-events: none; line-height: 15px [/class] [class=outside]height: 50%; width: 70%; position: relative; top: 55%; margin: auto; color: transparent; opacity: 0 [/class] [class=littlebox]height: 30%; width: 96%; background: var(--outline); padding: 3%; opacity: 0.95; color: var(--colour); font-size: 0.7em; text-transform: lowercase; text-align: center; overflow: hidden [/class] [class=tabs]display: inline-block; padding: 2% 5% 2% 5%; background: var(--hover); color: var(--colour); text-align: center; font-size: 0.75em; font-weight: bold; cursor: url(https://i.imgur.com/cKGchlB.png), pointer; overflow: hidden; line-height: 20px; transition: 0.5s [/class] [class=hold]height: 100%; width: 57%; position: relative; top: -100%; [/class] [class=round]height: 30%; width: 35%; background-image: url(https://i.pinimg.com/564x/e9/2d/8d/e92d8dfd884164f14411a3c6f840a433.jpg); background-size: 100%; background-position: 50% 15%; position: relative; top: -19% [/class] [class=outline]height: 62%; width: 98%; padding: 3%; border: 2px solid var(--outline); margin: auto; position: relative; top: 12%; left: -1.5%; transition: 1s [/class] [class name=outline state=hover]border: 2px solid var(--hover) [/class] [class=title]height: 45px; width: 55%; font-family: 'Cormorant Garamond', sans-serif; text-transform: uppercase; text-align: right; font-size: 23px; position: relative; top: -115px; left: 45%; color: var(--hover); overflow: hidden [/class] [class=yo]height: 170px; width: 100%; overflow: hidden; font-size: 11px; position: relative; top: -65px [/class] [class=scroll]height: 100%; width: 100%; overflow-y: scroll; padding-right: 20%; text-align: justify [/class] [class=firstword]padding: 3px 6px 3px 6px; display: inline-block; font-size: 9px; font-weight: 800; background: var(--outline); color: var(--colour) [/class] [class=columnhold]height: 12%; width: 100%; position: relative; top: -119.25%; left: -1%; color: transparent; [/class] [class=img]height: 175%; width: 15%; display: inline-block; background-image: url(https://scontent-frt3-2.cdninstagram.com/vp/1ef7c029ade8768b2e88b958eaa89fb4/5DDF3742/t51.2885-15/e35/23734563_1950504698609554_4819044204799852544_n.jpg?_nc_ht=scontent-frt3-2.cdninstagram.com); background-size: cover; [/class] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent1 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent2 fadeIn 800 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeOut 600 tabsContent3 fadeIn 800 tabsContent3[/script] [script class=image on=mouseenter] addClass fadeout name addClass fadein outside removeClass fadeout outside removeClass fadein name [/script] [script class=hold on=mouseenter] addClass fadein name addClass fadeout outside removeClass fadein outside removeClass fadeout name [/script] [class name=fadein] animation-name: {post_id}fadein; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=fadein] [keyframe=0]opacity: 0;[/keyframe] [keyframe=100]opacity: 1;[/keyframe] [/animation] [class name=fadeout] animation-name: {post_id}fadeout; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=fadeout] [keyframe=0]opacity: 1;[/keyframe] [keyframe=100]opacity: 0;[/keyframe] [/animation]

code by undine​

 

[Asuhra]

WIP​

[div class=container][div class=cont][div class=image][div class=name]The Imugi[/div] [div class=outside][div class="tabs first"]1.[/div] . . [div class="tabs second"]2.[/div] . . [div class="tabs third"]3.[/div] [div class=littlebox][div class=scroll style="width: 100%"]have you ever danced with the devil in the pale moonlight?[/div][/div][/div][/div] [div class=hold][div class=outline][div class=round][/div] [div class="tabsContent1"][div class=title]requisite[/div] [div class=yo][div class=scroll]

[div class=firstword]full name[/div] Hwang Kyung-tae 황경태

[div class=firstword]alias[/div] the dark prince

[div class=firstword]age[/div] 24

[div class=firstword]gender[/div] male

[div class=firstword]sexuality[/div] bisexual

[div class=firstword]year[/div] 4

[div class=firstword]major/minor[/div] business & finance / history

[div class=firstword]ethnicity[/div] Korean

[div class=firstword]faceclaim[/div] Kim Woo-bin[/div][/div][/div] [div class="tabsContent2" style="display: none"][div class=title]persona[/div] [div class=yo][div class=scroll][div class=firstword]personality[/div] -

[div class=firstword]likes[/div] soju, reading, history, philosophy, poetry, traveling, cooking, fresh pastries

[div class=firstword]dislikes[/div] people, cooked fruit, hangovers, apathy, getting out of bed,

[div class=firstword]vices[/div] self-destructive, selfish, cruel, cold, playboy, manipulative, emotionally distant, possessive, hotheaded, aggressive, intense, enigmatic, skeptical, competitive, aloof, callous, blunt, moody, petty, impulsive, repressed, sadistic, self-indulgent, envious, egocentric, hedonistic, insecure, greedy, insensitive, petty, vindictive.

[div class=firstword]virtues[/div] deep, flirtatious, nurturing, romantic, passionate, intelligent, clever, witty, loner, observant, perfectionist, athletic, playful, disciplined, stoic, wise, well-read, ambitious, introspective, tough, masculine, charming, patient, confident, persuasive, protective, realistic, debonair, sensitive, gentle, studious, perceptive.

[div class=firstword]habits[/div] smiling when he's winning, skipping breakfast, overspending (only when he's not sober)

[div class=firstword]fears[/div] loneliness, something bad happening to his mother, love, drowning, closed-spaces (claustrophobia)

[div class=firstword]talents[/div] Can speak five languages including one dead language. (English, French, Chinese, Korean, Latin) [/div][/div][/div] [div class="tabsContent3" style="display: none"][div class=title]biography[/div] [div class=yo][div class=scroll] [div class=firstword]biography[/div] -

[div class=firstword]Relationships[/div]

Grandfather: Seol Chansol

Mother: Hwang Dal-rae

Cousin: Jin Byung-Soo

Aunt: Jin Ara

[div class=firstword]Other[/div] penthouse pics: 1, 2, 3 [/div][/div][/div] [/div][/div] [div class=columnhold][div class=img style="background-image:url(https://i.pinimg.com/564x/70/c1/e7/70c1e7116a444716ebcba68654647d09.jpg)"][/div][div class=img style="background-image: url(https://i.pinimg.com/564x/41/e9/f2/41e9f20b2b7413ec3580701efcd8399f.jpg)"][/div][div class=img style="background-image: url(https://i.pinimg.com/564x/9e/df/ab/9edfabfd0e4d31a45a5b679d555d8628.jpg)"][/div][div class=img style="background-image: url(https://i.pinimg.com/564x/45/c8/0c/45c80ca300dba77e765b5104e7be3dd2.jpg)"][/div][/div] [/div][/div] [div class=c]code by: @undine[/div] [class=container]height: 400px; max-width: 550px; margin: auto; cursor: url(https://i.imgur.com/fkP02Jr.png), auto; --color: black; --colour: white; --outline: #000000; --hover: #000000 [/class] [class=cont]height: 94%; width: 95%; padding: 2%; background: transparent; [/class] [class=image]height: 100%; width: 50%; top: 1.9%; background-image: url(https://i.pinimg.com/564x/ac/34/f6/ac34f6a944b6985737a4181ebef79bfe.jpg); background-size: 108%; background-position: 100% 2%; position: relative; left: 59.5%; overflow: hidden; [/class] [class=name]width: 100%; position: relative; top: 83%; text-align: center; color: var(--colour); font-size: 33px; letter-spacing: 5px; font-weight: 500; font-family:'Meie Script', serif; pointer-events: none; line-height: 15px [/class] [class=outside]height: 50%; width: 70%; position: relative; top: 55%; margin: auto; color: transparent; opacity: 0 [/class] [class=littlebox]height: 30%; width: 96%; background: var(--outline); padding: 3%; opacity: 0.95; color: var(--colour); font-size: 0.7em; text-transform: lowercase; text-align: center; overflow: hidden [/class] [class=tabs]display: inline-block; padding: 2% 5% 2% 5%; background: var(--hover); color: var(--colour); text-align: center; font-size: 0.75em; font-weight: bold; cursor: url(https://i.imgur.com/cKGchlB.png), pointer; overflow: hidden; line-height: 20px; transition: 0.5s [/class] [class=hold]height: 100%; width: 57%; position: relative; top: -100%; [/class] [class=round]height: 30%; width: 35%; background-image: url(https://i.pinimg.com/originals/08/c4/2a/08c42a4bb2549ae19a8c0aa179bfbd19.gif); background-size: 150%; background-position: 50% 30%; position: relative; top: -19% [/class] [class=outline]height: 62%; width: 98%; padding: 3%; border: 2px solid var(--outline); margin: auto; position: relative; top: 12%; left: -1.5%; transition: 1s [/class] [class name=outline state=hover]border: 2px solid var(--hover) [/class] [class=title]height: 45px; width: 55%; font-family: 'Cormorant Garamond', sans-serif; text-transform: uppercase; text-align: right; font-size: 23px; position: relative; top: -115px; left: 45%; color: var(--hover); overflow: hidden [/class] [class=yo]height: 170px; width: 100%; overflow: hidden; font-size: 11px; position: relative; top: -65px [/class] [class=scroll]height: 100%; width: 100%; overflow-y: scroll; padding-right: 20%; text-align: justify [/class] [class=firstword]padding: 3px 6px 3px 6px; display: inline-block; font-size: 9px; font-weight: 800; background: var(--outline); color: var(--colour) [/class] [class=columnhold]height: 12%; width: 100%; position: relative; top: -119.25%; left: -1%; color: transparent; [/class] [class=img]height: 175%; width: 15%; display: inline-block; background-image: url(https://scontent-frt3-2.cdninstagram.com/vp/1ef7c029ade8768b2e88b958eaa89fb4/5DDF3742/t51.2885-15/e35/23734563_1950504698609554_4819044204799852544_n.jpg?_nc_ht=scontent-frt3-2.cdninstagram.com); background-size: cover; [/class] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px [/class] [script class=first on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent1 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent2 fadeIn 800 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeOut 600 tabsContent3 fadeIn 800 tabsContent3[/script] [script class=image on=mouseenter] addClass fadeout name addClass fadein outside removeClass fadeout outside removeClass fadein name [/script] [script class=hold on=mouseenter] addClass fadein name addClass fadeout outside removeClass fadein outside removeClass fadeout name [/script] [class name=fadein] animation-name: {post_id}fadein; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=fadein] [keyframe=0]opacity: 0;[/keyframe] [keyframe=100]opacity: 1;[/keyframe] [/animation] [class name=fadeout] animation-name: {post_id}fadeout; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=fadeout] [keyframe=0]opacity: 1;[/keyframe] [keyframe=100]opacity: 0;[/keyframe] [/animation]

code by undine​

 

[ukiiyo]

[class=container] width: 510px; height: 427px; margin: auto; [/class] [class=container2] width: 500px; height: 417px; background: #f4f4f4; [/class] [class=profilepic] border-radius: 50%; height: 210px; width: 210px; background:URL(https://66.media.tumblr.com/1f383c6f72515dfa57360b1a6de1787d/tumblr_pytcw2aTpe1spqhdqo7_540.png); background-size: cover; margin-left: 35px; position: relative; top: 90px; [/class] [class=pic1] height: 75px; width: 75px; background:URL(https://66.media.tumblr.com/a04da257b79ce42c827713fd44144b80/tumblr_pycl0iZYOH1spqhdqo3_1280.png); background-size: cover; float: right; margin-right: 125px; margin-top: -310px; [/class] [class=pic2] height: 75px; width: 75px; background:URL(https://66.media.tumblr.com/11944aa5abf35d5ce3ac2ea5b4e48960/tumblr_pycl0iZYOH1spqhdqo2_1280.png); background-size: cover; float: right; margin-right: 40px; margin-top: -310px; [/class] [class=pic3] height: 75px; width: 75px; background:URL(https://66.media.tumblr.com/6f49da3c94b89127499cc53d66db3d64/tumblr_pycl0iZYOH1spqhdqo1_1280.png); background-size: cover; float: right; margin-right: 40px; margin-top: -225px; [/class] [class=pic4] height: 75px; width: 75px; background:URL(https://66.media.tumblr.com/9608ecd8e9785ab8a57e8a67c532ef9c/tumblr_pycl0iZYOH1spqhdqo7_1280.png); background-size: cover; float: right; margin-right: 125px; margin-top: -225px; [/class] [class=textbox] height: 135px; width: 220px; margin-top: -110px; margin-right: 20px; float: right; overflow: hidden; [/class] [class=scroll] height: 100%; width:calc(100% + 17px); overflow-y: scroll; [/class] [class=title] font-size: 30px; color: black; width: 145px; margin-top: -160px; margin-right: 15px; letter-spacing: -1px; float: right; [/class] [class=text] font-size: 10px; color: black; text-align: justify; width: 215px; text-transform: lowercase; [/class] [class=tabtitle] font-size: 35px; color: black; width: 100px; margin-top: 90px; margin-left: 140px; letter-spacing: -1px; [/class] [class=tab1] font-size: 9px; text-transform: uppercase; font-weight: bold; color: white; background: #770011; height: 50px; width: 50px; text-align: center; margin-top: -20px; margin-left: 20px; [/class] [class=tab2] font-size: 9px; text-transform: uppercase; font-weight: bold; color: white; background: #007866; height: 50px; width: 50px; text-align: center; margin-top: -50px; margin-left: 75px; [/class] [class=tab3] font-size: 9px; text-transform: uppercase; font-weight: bold; color: white; background: #127800; height: 50px; width: 50px; text-align: center; margin-top: -50px; margin-left: 130px; [/class] [class=tab4] font-size: 9px; text-transform: uppercase; font-weight: bold; color: white; background: #001278; height: 50px; width: 50px; text-align: center; margin-top: -50px; margin-left: 185px; [/class] [script class=container] hide tab2textbox hide tab3textbox hide tab4textbox [/script] [script class=tab1 on=click] fadeIn 800 tab1textbox hide tab2textbox hide tab3textbox hide tab4textbox [/script] [script class=tab2 on=click] hide tab1textbox fadeIn 800 tab2textbox hide tab3textbox hide tab4textbox [/script] [script class=tab3 on=click] hide tab1textbox hide tab2textbox hide tab4textbox fadeIn 800 tab3textbox [/script] [script class=tab4 on=click] hide tab1textbox hide tab2textbox hide tab3textbox fadeIn 800 tab4textbox [/script] [class=codetag] font-size: 9px; text-align: center; color: black; margin-top: 0px; [/class] [div class=container][div class=container2] [div class=profilepic][/div] [div class=tabtitle]Palette[/div] [div class=pic1][/div] [div class=pic2][/div] [div class=pic3][/div] [div class=pic4][/div] [div class=title]Song Ha-yun[/div][div class=tab1textbox][div class=textbox][div class=scroll][div class=text]Name | song ha-yun (송하윤)
Nicknames | tba
Age | 23
Birthday | july 29th
Gender | Cis. Female
Sexuality | Pansexual
Major | Fashion design
Minor | Graphic design
Role | The Peacock

Height | 166 cm
Hair | natural dark brown
Eyes | dark brown and very warm. she occasionally will wear colored contacts instead of regular ones
Ethnicity | South Korean

Mods | she has five piercings on each ear, a small heart tattoo on her left ring finger
Scars | has a small scar by the corner of her left eye from an accident
Aesthetics | xo

Body | due to years of running and swimming, she has managed to maintain a small waist and toned figure. she is often envied by other women for her figure, but she doesn't understand why. she is always in shape and hates falling out of her usual routine.

Style | very stylish, she likes to wear more classy clothes for fancier occasions, and comfortable ones for the rest of the time. when she's in the public eye, she makes sure to keep her good-girl image going, especially with what she wears.[/div][/div][/div][/div] [div class=tab2textbox][div class=textbox][div class=scroll][div class=text]Likes | cooking, comfortable clothes, dogs, exploring, traveling, photography, going out with friends, having fun, snowboarding, hiking, swimming, projects, designing, art, sports, morning runs, drinking, singing, playing guitar/piano

Dislikes | boring parties, wearing too much makeup, forced relationships, arranged marriages, getting told what to do, sour candies, bitter alcohol, bland food, undercooked meat, jet lag, being bored, overly hot weather, getting drunk, crying, cheesy rom-coms, failing, following rules, corny pick up lines, over-confident guys

Habits | bites her lip, hides behind bangs, sweater paws, blows bubbles with gum, taps on things, runs her fingers back through her hair

Fears | small spaces, clowns, rats

Vices | opinionated, perfectionist, stubborn, rebellious, trouble-maker, great liar, lustful, spoiled

Virtues | determined, creative, athletic, intelligent, resourceful, charismatic, romantic, social

connection to f4 | grew up around them, eventually fell for Moon Daehyun after he helped her with a bad cramp when she was practicing for a swim meet. they became unlikely friends and she fell hard for him. to this day she still holds feelings for him and always wears the ring that he gave her since it finally fits.

penthouse | xo
played by | park sora

miscellaneous | loves soju, can do card tricks, gets motion sickness really easily, loves to sing, has a jindo named ginkgo, cries when she eats spicy things, currently works as a model for various brands such as nike, fila, etc[/div][/div][/div][/div] [div class=tab3textbox][div class=textbox][div class=scroll][div class=text]family | immediate family only
song hyeon-ju | mother| alive
song iseul | father | alive
song ji-hoon | older brother | alive
song ji-hu | older brother | alive
song mina | sister-in-law | alive

Background | list form for now
- born as the youngest of the family
- has twin older brothers, born four years before her
- was very good at getting away with things when she was little
- took a lot of extracurricular classes during her childhood
- realized she lived in 'another world' when she met kids from lower-class families
- dad didn't spend much time with her bc he was always at the office
- bc her family owns various law firms, it was difficult for her to see anyone other than her mom
- had various clubs and academy after school
- developed a rebellious streak in middle school when she got her first bf
- he was from a public school, not the private one she went to
- started to learn how to lie and sneak around without getting caught
- her popularity only continued to increase the older she got, high school practically being her own world
- was on the varsity swim and track & field teams
- participated in piano recitals
- would get top marks in school and get voted 'the most beautiful' at school festivals
- was injured before a swim meet in her senior year of hs and no longer was able to participate due to it
- decided to pursue a career in fashion instead of law like her parents wanted
- has a double-life if you will
- likes to go out clubbing with her friends and hopefully not getting into too much trouble.
- refuses to get placed in an arranged marriage.[/div][/div][/div][/div] [div class=tab4textbox][div class=textbox][div class=scroll][div class=text][name here] relationship. info

[name here] relationship. info

[name here] relationship. info

[name here] relationship. info

[name here] relationship. info

[name here] relationship. info

[name here] relationship. info[/div][/div][/div][/div] [div class=tab1]

#770011

[/div] [div class=tab2]

#007866

[/div] [div class=tab3]

#127800

[/div] [div class=tab4]

#001278

[/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]

 

[Hoekage]

[div class=container][div class=cbgcut]

⠀♡coded by uxie♡

[/div][div class=sidebar][div class=sidebarimg][div class=sidebarimgh][div class=sbimght]That time I thought success would make everything fine but you see, but you see as time goes by, I feel like I’m turning into a monster[/div][/div][/div][div class=sbname] --Moon Dae-Hyun[/div]

— —

[div class=navicon][div class="button1 select"]req.[/div][div class=button2]pers.[/div][div class=button3]hist.[/div][div class=button4]misc.[/div]

[/div]
[/div][div class=tabcon][div class=tab1][div class=basics]

[div class=btag]#White Tiger

[/div]

[div class=btag]* nicknames

Hyunnie/Honey, Dae
[div class=btag]* age[/div] 23
[div class=btag]* sexuality[/div]Closested Bisexual
[div class=btag]* major[/div]Intl Business + Comp Sci

[div class=btag]#MALE

i[div class=btag]#Scorpio[/div]i[div class=btag]#Gikwang[/div][/div]
[/div]
[/div][div class=appearance]

[div class=atag]* height

190cm
[div class=atag]* weight[/div] 80kg
[div class=atag]* eye colour[/div] brown
[div class=atag]* hair colour[/div] black
[div class=atag]* body mods[/div] earlobe piercings
[div class=atag]* style[/div]

[/div][/div]
[/div][div class=tab2 style=display:none;]

likes
[div class=btag]#swimming

[div class=btag]#spicyfood[/div][div class=btag]#luxurymaterials[/div][/div]

dislikes
[div class=btag]#hospitals

[div class=btag]#restriction[/div][div class=btag]#sweets[/div][/div]

fears
[div class=btag]#falling in love

[div class=btag]#being abandoned[/div][/div][div class=personality][div class=scroll][div class=atag]* hobbies[/div] swimming, live-streaming games, hiking, pissing off his stepmom.
[div class=atag]* habits[/div] hums a lullaby his mom used to sing before doing anything nerve wrecking, pinches the cheek of anyone irritating him, clears his throat and acts as if someone called his name when he gets embarrassed.
[div class=atag]* personality[/div]
[div class=atag]Charismatic[/div] [div class=atag]Dependable[/div] [div class=atag]Loyal[/div] [div class=atag]Observant[/div] [div class=atag]Passionate[/div]
Above all, the key to Dae’s personality is intensity. Nothing is done by half-measures.

While he presents a calm and charming face to the world, he is ferociously persistent and extremely strong-willed. Even when he appears at ease and relaxed, he is always evaluating, figuring out his moves, working out strategy. Unable to accept defeat he shows his flexibility and agility to sidestep obstacles and figure out a handful of new ways to get to his goal.

In relationships he is an all or nothing type of person. Which explains his lack of friends and abundant acquaintances. Most people are kept at an arm’s length, on a thread of him that’s charming and charismatic enough for the less observant of people to be satisfied with. Though managing to get through that thick wall of pleasantries and well-practiced masks, is an intensely emotional man with a romantic and generous disposition.

As a friend, and he really only has four(+1?) of those, he is often a dependable source for advice with uncanny hunches of the future and piercing insight on people’s true motives. Exhibits a surprising gentleness and generosity given his history of not receiving either, and often gives more than he gets in return. Has a fierce loyalty to his friends, the type to be around long after the last of a support group has turned their back.

[div class=atag]Materialistic[/div] [div class=atag]Obstinate[/div] [div class=atag]Secretive[/div] [div class=atag]Stoic[/div] [div class=atag]Venegeful[/div]
While Dae-Hyun is the type to never forget a kindness he is even less likely to forgive an injury. It is strictly advised to not become an enemy to Dae-Hyun, for you will have to deal with the subtle and deadly vengeance he is sure to rend. A fierce hoarder of information, facts, and names and doesn’t hesitate to use what he can when the opportunity arises. Much time will pass if intuition rings it’s alarm for Dae-Hyun to wait for a better time to meet an injury with tenfold, he’ll wait it out gather more information and go in for the kill within a moment unbeknownst to his offender-turned-victim.

Unknown to all but his closest of intimates, he suffers from feelings of insecurity and loneliness that is expertly concealed through aloof masks and cool rejections. Most of all he fears falling head over heels for someone and have them turn their back on him later on, so he’s cautious with his trust and locks away the warmth of his heart, despite a deep yearning to love and be loved. Along those lines he finds it hard to reveal his deepest emotions and struggles, sometimes even excluding his closest friends from parts of his tumultuous home life, and instead compensates with authority, power and materialistic pleasures.

[/div][/div]
[/div][div class=tab3 style=display:none;]

[div class=btag]#Honey asks . . .

ho❝ what's a king to a god? what's a god to a nonbeliever? ❞
[/div]

[div class=atag]* biography

[/div][div class=bio][div class=scroll]What should have been an easy going childhood, living in the lap of luxury was stripped away from Dae-hyun the moment his first wails harmonized with the flat line of the vital signs monitor in the delivery room. Moon Chaerin was a loving wife and mother who had chosen the life of her third son over her own, and while the sacrifrice was meant to sew a compact family full of comfort and supports it only planted the seeds of resentment and isolation. The childhood of the unwanted son was filled with instability, between false love in the family's public life and gross negligence in the private life, Dae-Hyun was often running away from the walls of a building that felt more like a prison than it ever would a home. Though Dae-Hyun's only savior was his father's father, who had dearly loved his daughter-in-law and saw much of Chaerin within her last son, and often treated Dae-Hyun much better than his other grandchildren.


Eventually, his father was remarried to a woman of old money and deep connections, the two swore it was a marriage driven by love but everyone knew better than to believe that. Dae-hyun's stepmother was a neutral body in the house until she had three children of her own who were cast in the shadow's of an unwanted older brother who stole away the affections of their grandfather through manipulative pity and wildly imaginative stories of mistreatment... or so she had casually declared during a "family dinner". Another enemy was made within the confines of the prison, but Dae-Hyun had grown disinterested in the malignant indignation and decided that he'd only let their foolishness poison themselves.


Highschool was joy ride for him, with killer looks, a star on the swim team and being luckily blessed with his father's genius (the only gift the man gave him) he prospered along with his friends. Dae-Hyun wasn't one to go out of his way to please teachers or rile up the masses of swooning girls, but he played his cards right to be both known and liked enough to get himself out of trouble. The family had moved around his sophomore year into a larger estate to more comfortably hold their growing family, and through the requests of his grandfather Dae-Hyun was "granted" a place in the house, but scarcely used it and instead found himself crashing at his friends house always giving the excuses of "missing them too much" or "needing a good night's rest without all the kids yelling and running around." Eventually, his grandfather caved and gave Dae an early graduation present in the form of a place he could really call home.


In college Dae-Hyun has seen the same success as he had in High School, excelling in both his academic and athletic lives. Though on the social aspect at school Dae-Hyun had made a sort of name for himself, as a handsome ice prince who was unattainable. A heartbreaker who turned down all the confessions that were made towards him without hesitation. Yet, the girls still kept coming. On the homefront there was improvement in his relationship with his older siblings, who thankfully grew out of their childish resenment, but still faces the disdain from his father and now his evil step-mother, as he affectionately calls her.

[div class=atag]* Relations[/div]
Moon Hyun-Tae || Grandfather
Moon Jae-Suk || Father
Moon Eun-Ah || Stepmother
Moon Ji-Sung || Older Brother
Moon Ji-Min || Older Sister
Moon Tae-Min || Younger Brother

[/div][/div]


[/div]



[div class=tab4 style=display:none;][div class=scroll]

[div class=rsborder]

[div class=rsname]name here[/div][div class=rsstatus]status: tba[/div][div class=rsbody][div class=rsscroll]Sed est tellus, iaculis id orci id, interdum tincidunt sapien. Cras eu enim imperdiet, convallis nibh vel, lacinia ex. Proin arcu metus, pellentesque sit amet aliquam consequat, iaculis nec nisi. Ut facilisis et ante ut commodo. Sed quam massa, eleifend id mi sodales, facilisis consequat enim. Cras lacinia neque sit amet nulla laoreet luctus. Aliquam eleifend pulvinar porttitor. Suspendisse potenti. Cras sapien dolor, suscipit et magna eu, blandit euismod tortor. Nam at tincidunt est, suscipit ullamcorper mauris. Nulla gravida malesuada felis, id dapibus ex pharetra vitae. Duis cursus dolor eget elit aliquet consequat. Suspendisse auctor fringilla gravida. Donec non tellus a nibh lacinia consequat. Nulla id consequat nunc, ac viverra nulla.


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

[class=container] --color-1: #022c43; --color-2: #ffd700; --color-3: #115173; --color-4: #0F0F0F; --color-5: #00060a; --color-6: #FFFFFF; --img-1: url('https://66.media.tumblr.com/7f1b3c97b49be47db87a436181cf48e7/tumblr_p3ajteSmxb1wqkw0yo3_250.gif'); --img-2: url('https://i.pinimg.com/originals/10/5b/eb/105beb4c2f25d12527915c69b2cc857a.gif'); --img-3: url('https://i.pinimg.com/originals/09/11/f2/0911f2695b50166612cf8a272c1a2692.png'); --img-4: url('https://i.pinimg.com/564x/72/b5/b7/72b5b73baa28daf87acdef6ddb96940a.jpg'); --img-5: url('https://i.pinimg.com/originals/e1/72/3e/e1723e002ac08b6fa315f12570fb5b1a.gif'); --img-6: url('https://i.pinimg.com/originals/35/ea/ee/35eaee77be564cd71a0a563be75272a0.jpg'); --img-7: url('https://pbs.twimg.com/media/DY35bqtUQAEYj23.jpg'); --img-8: url('https://pa1.narvii.com/6201/b61b3424f28e83030be583fb5c359b0e75d8150d_hq.gif'); border:1px solid transparent; height:350px; width:500px; margin:auto; border-radius:4px; background-color: var(--color-1); position:relative; [/class] [class=cbgcut] position:absolute; width:501px; height:130.5px; background-color: var(--color-2); clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%); border-top-left-radius:4px; border-top-right-radius:4px; top:-0.5px; [/class] [class=sidebar] margin-top:20px; margin-left:20px; height:310px; width:160.5px; background-color: var(--color-3); border-radius:4px; z-index:6; position:relative; float:left; [/class] [class=sidebarimg] width:160.5px; height:195px; background: var(--img-1); background-size:130%; background-position: 50% 0%; border-top-left-radius:4px; border-top-right-radius:4px; position:relative; [/class] [class=sidebarimgh] width:160.5px; height:195px; background: var(--color-5); position:absolute; border-top-left-radius:4px; border-top-right-radius:4px; opacity:0; transition:0.5s; color: var(--color-2); [/class] [class name=sidebarimgh state=hover] opacity:0.75; transition:0.5s; [/class] [class=sbimght] height: 140px; width: 110px; margin:auto; margin-top:25px; font-size:9px; overflow:hidden; text-align:justify; [/class] [class=sbname] font-size:16px; background-color: var(--color-4); width:127px; font-weight:bold; letter-spacing:0.5px; padding-left:5px; position:relative; top:-10px; left:-8px; border-top-right-radius:2px; border-bottom-right-radius:2px; color: var(--color-2); [/class] [class=navicon] width:150px; height:60px; padding:5px; border:1px solid transparent; [/class] [class=select] background-color: var(--color-4); [/class] [class=button1] border:1px solid #848484; display:inline-block; height:18px; width:70px; font-size:12px; letter-spacing:1px; text-align:center; transition:0.5s; [/class] [class name=button1 state=hover] background-color: var(--color-4); color: var(--color-3); transition:0.5s; cursor:pointer; [/class] [script class=button1 on=click] removeClass select button4 removeClass select button2 removeClass select button3 hide tab2 hide tab3 hide tab4 addClass select show tab1 [/script] [class=button2] border:1px solid #848484; display:inline-block; height:18px; width:70px; font-size:12px; letter-spacing:1px; text-align:center; transition:0.5s; margin-left:5px; [/class] [class name=button2 state=hover] background-color: var(--color-4); color: var(--color-3); transition:0.5s; cursor:pointer; [/class] [script class=button2 on=click] removeClass select button1 removeClass select button4 removeClass select button3 hide tab1 hide tab3 hide tab4 addClass select show tab2 [/script] [class=button3] border:1px solid #848484; display:inline-block; height:18px; width:70px; font-size:12px; letter-spacing:1px; text-align:center; transition:0.5s; margin-top:8px; [/class] [class name=button3 state=hover] background-color: var(--color-4); color: var(--color-3); transition:0.5s; cursor:pointer; [/class] [script class=button3 on=click] removeClass select button1 removeClass select button2 removeClass select button4 hide tab2 hide tab1 hide tab4 addClass select show tab3 [/script] [class=button4] border:1px solid #848484; display:inline-block; height:18px; width:70px; font-size:12px; letter-spacing:1px; text-align:center; transition:0.5s; margin-left:5px; margin-top:8px; [/class] [class name=button4 state=hover] background-color: var(--color-4); transition:0.5s; cursor:pointer; color: var(--color-3); [/class] [script class=button4 on=click] removeClass select button1 removeClass select button2 removeClass select button3 hide tab2 hide tab3 hide tab1 addClass select show tab4 [/script] [class=tabcon] height:310px; width:270px; margin-top:20px; float:left; z-index:7; position:relative; margin-left:25px; [/class] [class=tab1] height:100%; width:100%; position:absolute; top:0px; [/class] [class=basics] height:100px; width:100%; margin-top:5px; font-size:9.5px; border:1px solid transparent; position:relative; [/class] [class=btag] background-color: var(--color-4); color: var(--color-2); font-size:10px; font-weight:bold; border-radius:3px; display:inline-block; min-width:25px; max-width:100px; padding-left:3px; padding-right:3px; margin-right:3px; height:14px; [/class] [class=appearance] height:180px; width:250px; background: transparent; padding:5px; position:relative; top:5px; margin:auto; overflow:hidden; font-size:10.5px; [/class] [class=atag] background-color: var(--color-4); color: var(--color-2); font-size:11px; font-weight:bold; border-radius:3px; display:inline-block; min-width:25px; max-width:100px; padding-left:3px; padding-right:3px; margin-right:3px; height:15px; margin-bottom:5px; [/class] [class=scroll] height:100%; width:100%; overflow-y:scroll; padding-right:150px; [/class] [class=tab2] height: calc(100% - 10px); width: calc(100% - 20px); position:absolute; top:0px; padding:10px; padding-top:5px; padding-bottom:5px; [/class] [class=personality] width:250px; height:150px; margin-top:10px; padding:5px; color:var(--color-2); text-align:justify; font-size:10px; overflow:hidden; [/class] [class=tab3] height: calc(100% - 10px); width: calc(100% - 20px); position:absolute; top:0px; padding:10px; [/class] [class=bio] height:165px; width:250px; padding:5px; position:relative; top:10px; text-align:justify; color:var(--color-2); overflow:hidden; font-size:10px; [/class] [class=tab4] height: calc(100% - 20px); width: calc(100% - 0px); position:absolute; top:0px; padding:10px; overflow:hidden; [/class] [class=misc] width:240px; min-height:20px; max-height:500px; display:inline-block; text-align:justify; color: var(--color-2); font-size:10px; padding-left:5px; padding-top:5px; [/class] [class=rsborder] height:80px; width:80px; border-radius:50%; border:1px solid var(--color-3); padding:6px; float:left; transition:0.3s; z-index:6; position:relative; left:5px; top:5px; [/class] [class name=rsborder state=hover] transform: scale(1.05); transition:0.3s; [/class] [class=rsname] font-size:18px; color: var(--color-1); text-shadow:1.5px 1.5px #ffd700; text-transform:uppercase; font-weight:bold; position:relative; top:15px; left:12px; [/class] [class=rsstatus] font-size:12px; color: var(--color-3); font-variant:small-caps; position:relative; top:12px; left:12px; [/class] [class=rsbody] height:74px; width:176px; color: var(--color-2); padding:3px; overflow:hidden; position:absolute; top:60px; left:59px; border-radius:3px; [/class] [class=rsscroll] height:100%; width:calc(100% - 22px); overflow-y:auto; padding-right:50px; position:relative; left:35px; font-size:8.5px; text-align:justify; [/class] [/div]

 

[Hoekage]

W I P​

[div class=container]

⠀♡coded by uxie♡

[div class=sidebar] [div class=headerimg][/div] [div class=icon][/div] [div class=bigtextsb]Seo
Mi-rae[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 ever [div class=quoteb]think about me[/div]? when she ain't around, is your bed cold without me? [div class=quoteb]does her love feel just the same?[/div] is she the one [div class=quoteh]to take your last name[/div]? whatever the case, I'm glad you're[div class=quoteb]happy[/div]. There ain't nothin' for me out here. technicolor sparks fly in this city[div class=quoteh] but not for me[/div], maybe next year. magic air, charmin' lips but [div class=quoteb]I'm never spellbound[/div]. Honestly though, I'm glad you found [div class=quoteb]her[/div], I'll stop asking questions, you[div class=quoteh] take care [/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]seo mi-rae
[div class=ptag]age[/div]twenty-two
[div class=ptag]birthday[/div] august 1st
[div class=ptag]ethnicity[/div]korean
[div class=ptag]gender[/div]female
[div class=ptag]zodiac[/div]leo
[div class=ptag]major[/div]performing arts
[div class=ptag]minor[/div]international business
[div class=ptag]role[/div]the peony
[/div]
[/div]
[div class=post][div class=ptitle]appearance[/div][div class=pimageb]

hover

[div class=pcontent2] [div class=pboxc1] [div class=pbox]177 cm[/div] [div class=pbox]54 kg[/div] [div class=pboxe]pretty smile[/div] [div class=pbox]slender[/div] [/div] [div class=pboxc2] [div class=pboxe]dark brown eyes[/div] [div class=pboxe]blonde (dyed) hair[/div] [div class=pboxe]pierced ears[/div] [div class=pboxe]fc: chungha[/div] [/div] [/div] [/div]

[/div]

[/div][/div][div class="tabscontent tab2" style=display:none;][div class=scroll][div class=msgcon] [div class=msgtitle]da honey [/div] [div class="scroll smsg"] [div class=msgblock][/div][div class=msgs] I got another one![/div] [div class=msgr]no thanks, go bother Ryu[/div][div class=msgblock][/div] [div class=msgblock][/div][div class=msgs]don't be an ass! knock knock[/div] [div class=msgblock][/div][div class=msgr]what about Byunnie, I'm sure he'd love to entertain you[/div] [div class=msgblock][/div][div class=msgs]knock knock[/div] [div class=msgr]...[/div][div class=msgblock][/div] [div class=msgr]no one's home[/div] [div class=msgblock][/div][div class=msgblock][/div][div class=msgs] KNOCK KNOCK[/div] [div class=msgr]who's there?[/div][div class=msgblock][/div] [div class=msgblock][/div][div class=msgs]daisy[/div] [div class=msgr]...[/div][div class=msgblock][/div] [div class=msgblock][/div][div class=msgs]it's daisy![/div] [div class=msgs]please answer[/div] [div class=msgs]helloooo[/div] [div class=msgblock][/div][div class=msgr]daisy who? I don't even know a daisy[/div] [div class=msgblock][/div][div class=msgs]daisy me rolling[/div] [div class=msgblock][/div][div class=msgs] lololol[/div] [div class=msgblock][/div][div class=msgr]i hate you[/div] [div class=msgblock][/div][div class=msgs] Dae hating[/div] [div class=msgs] are we still going out tonight?[/div] [div class=msgs]Dae?[/div] [div class=msgs]c'mon don't be a brat![/div] [div class=msgs]okay, I'll be at your house at 8!![/div] [/div] [/div][div class=personalityt][div class=personalityi][/div]personality
[/div][div class=personalitycon][div class="scroll personalitys"]
[/div][/div] [div class=personalityboxt]likes [div class=personalityicon][/div][/div] [div class=personalitybox] [div class=personalitytag]♡ sweets[/div] [div class=personalitytag]♡ high fashion[/div] [div class=personalitytag]♡ art[/div] [div class=personalitytag]♡ singing[/div]
[div class=personalitytag]♡ classical music[/div] [div class=personalitytag]♡ flowers[/div] [div class=personalitytag]♡ rain[/div] [div class=personalitytag]♡ kids[/div] [/div] [div class=personalityboxt]dislikes [div class=personalityicon][/div][/div] [div class=personalitybox] [div class=personalitytag]♡ horror[/div] [div class=personalitytag]♡ lectures[/div] [div class=personalitytag]♡ hot days[/div]
[div class=personalitytag]♡ archaic traditions[/div] [div class=personalitytag]♡ being controlled[/div] [div class=personalitytag]♡ coffee[/div] [/div] [div class=personalityboxt]fears [div class=personalityicon][/div][/div] [div class=personalitybox] [div class=personalitytag]♡ losing Tae-min[/div] [div class=personalitytag]♡ losing independence[/div]
[div class=personalitytag]♡ becoming her parents[/div] [div class=personalitytag]♡ getting burnt out[/div] [/div] [div class=extrat]misc. [/div][div class=extracon]♡ youtube cover artist
♡ can speak Korean, Italian and English
♡ matches Tae-min's outfits with her own
♡ italian artists really move her
♡ can play the piano, violin and guitar
♡ favorite composer is Frederic Chopin
♡ a pretty good cook, but gets too lazy
♡
[/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"] Born the only child.....
[/div][/div]
[/div][div class="tabscontent tab4" style=display:none;][div class=rst]relationships[/div][div class=scroll] [div class=rsboxt]Tae-min[/div] [div class="rsbox rs1"][div class=rsicon1][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: son
[div class=rsfirst]out[/div] [/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 Azure Dragon[/div] [div class="rsbox rs2"][div class=rsicon2][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: best friend
[div class=rsfirst]without[/div] [/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 Black Tortoise[/div] [div class="rsbox rs3"][div class=rsicon3][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: best friend
[div class=rsfirst]though[/div] [/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 Vermillion Bird[/div] [div class="rsbox rs3"][div class=rsicon3][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: Best friend/ ex-lover
[div class=rsfirst]though[/div] [/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 White Tiger[/div] [div class="rsbox rs3"][div class=rsicon3][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: best friend
[div class=rsfirst]though[/div] [/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 Butterfly[/div] [div class="rsbox rs4"][div class=rsicon4][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]moon-hee[/div] [/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 Fish[/div] [div class="rsbox rs5"][div class=rsicon5][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst] [/div][div class=rsfirst][/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 Lotus[/div] [div class="rsbox rs6"][div class=rsicon6][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]ha neul[/div] [/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 Peacock[/div] [div class="rsbox rs7"][div class=rsicon7][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]junsu's[/div] [/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 Heron[/div] [div class="rsbox rs8"][div class=rsicon8][/div][div class=rstextcon][div class=rstcontent][div class=srst]status: acquaintance
[div class=rsfirst]ji ah's[/div] [/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 class="rsbox rs5"][/div][/div]
[/div][/div]

[class=container] --bg-color:#f9ecec; --color-1: #ac8daf; --color-2: #ddb6c6; --color-3: #F6F0F1; --color-4: #f1d4e3; --t-color-1: #54514f; --t-color-2: #2D2D2B; --header-img: url('https://i.pinimg.com/originals/78/31/4f/78314febf2cceb7b2582fe6b15532a32.jpg'); --img-1: url('https://i.pinimg.com/564x/04/dd/9a/04dd9a6708187c9837d82a1dd8a793c2.jpg'); --img-2: url('https://i.pinimg.com/564x/c9/8c/43/c98c43186fce8e31b148afb3bef4b357.jpg'); --img-3: url('https://i.pinimg.com/564x/46/d1/70/46d170ce04a85bfa3c947e2c81a4d9ab.jpg'); --img-4: url('https://i.pinimg.com/564x/82/bd/4a/82bd4ace3a8762b2172ca6bd4c38900e.jpg'); --img-5: url('https://i.pinimg.com/564x/cf/e3/02/cfe302d2f0775973e113f745e3ce5d06.jpg'); --img-6: url('https://i.pinimg.com/originals/fd/f8/93/fdf893989b333492b5b50ce218a63516.gif'); [/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:190%; background-position: 70% 30%; 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:190%; background-position: 70% 30%; 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=icon state=hover] background: var(--img-6); transition:0.7s; background-size:100%; [/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:12px; 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:140%; 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 minWidth="700px"] display:inline-block; width:35%; height:5%; [/class] [class name=msgblock maxWidth="699px"] display:inline-block; width:40%; 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:79%; 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%; background-position:60% 30%; 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%; background-position:60% 30%; 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 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(--rs-1); 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(--rs-1); 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(--rs-2); background-size:110%; background-position: 50% 50%; [/class] [class name=rsicon2 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-2); background-size:110%; background-position: 50% 50%; [/class] [class name=rsicon3 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-3); 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(--rs-3); 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] [class name=rsicon5 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-5); background-size:100%; [/class] [class name=rsicon5 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-5); background-size:100%; [/class] [class name=rsicon6 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-6); background-size:100%; [/class] [class name=rsicon6 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-6); background-size:100%; [/class] [class name=rsicon7 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-7); background-size:110%; [/class] [class name=rsicon7 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-7); background-size:110%; [/class] [class name=rsicon8 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-8); background-size:110%; [/class] [class name=rsicon8 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-8); background-size:110%; [/class] [class name=rsicon9 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-9); background-size:110%; [/class] [class name=rsicon9 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-9); background-size:110%; [/class] [class name=rsicon10 minWidth="700px"] height:85px; width:85px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-10); background-size:110%; [/class] [class name=rsicon10 maxWidth="699px"] height:65px; width:65px; border-radius: 6.5px; border-bottom-left-radius:0px; float:left; background: var(--rs-10); background-size:110%; [/class] [class=rsbox] --rs-1: url('https://scontent-lht6-1.cdninstagram.com/vp/83e8db97efc26728076e16542a052335/5D8AC09C/t51.2885-15/e35/51036663_806066399741145_4588212119483177069_n.jpg?_nc_ht=scontent-lht6-1.cdninstagram.com&se=8'); --rs-2: url('https://data.whicdn.com/images/304505696/large.jpg'); --rs-3: url('https://66.media.tumblr.com/0676a92e9d967d3652dc4df335e59a46/tumblr_pjjpcoE87K1v1ofe3o8_250.png'); --rs-4: url('https://66.media.tumblr.com/22dd2f2e4edeb56d907847ad84447930/tumblr_p3jigmtYW71w3t9ywo2_250.png'); --rs-5: url('https://data.whicdn.com/images/316071210/large.jpg'); --rs-6: url('https://66.media.tumblr.com/4b5614622e170c4e58aac651645c7dee/tumblr_p0lvbrAg4w1wfeojto1_250.png'); --rs-7: url('https://kpopinfo114.files.wordpress.com/2018/02/nct-u-jungwoo-e1519425787962.jpg'); --rs-8: url('https://66.media.tumblr.com/3f25373ab3e47784fe2fd9f56bb4919b/tumblr_p6m3g2xnki1wfeojto5_250.png'); --rs-9: url('https://pm1.narvii.com/6594/7cfd686db6e3f3dc43e2a7395cca54e2753e8b8d_hq.jpg'); --rs-10: url('https://66.media.tumblr.com/751028402311d8ecd963e91a87f672b5/tumblr_pbrgp7qRDa1w91emqo5_400.png'); [/class] [script class=rsboxt on=click] set currentRs (getText) if (eq ${currentRs} "hyejee") (slideToggle 500 rs1) if (eq ${currentRs} "eun-ji") (slideToggle 500 rs2) if (eq ${currentRs} "seo-hyun") (slideToggle 500 rs3) if (eq ${currentRs} "woo jin") (slideToggle 500 rs4) if (eq ${currentRs} "han-bin") (slideToggle 500 rs5) if (eq ${currentRs} "ha neul") (slideToggle 500 rs6) if (eq ${currentRs} "junsu") (slideToggle 500 rs7) if (eq ${currentRs} "ji ah") (slideToggle 500 rs8) if (eq ${currentRs} "sung-min") (slideToggle 500 rs9) if (eq ${currentRs} "moon-ae") (slideToggle 500 rs10) [/script] [/div]

 

[ukiiyo]

[class name=container] height: 530px; width: 530px; margin: auto; [/class] [class name=containercont] height: 490px; width: 500px; background: #eeeeee; margin-top: 25px; [/class] [class name=header] height: 40px; width: 500px; background: #b6bcdc ; [/class] [class name=headertext] font-size: 20px; color: white; text-align: right; float: right; margin-right: 10px; margin-top: 5px; letter-spacing: 3px; [/class] [class name=codetag] font-size: 9px; text-align: center; color: black; margin-top: 3px; [/class] [class name=profilepic] height: 95px; width: 95px; background: URL(https://i.imgur.com/QKWvZX3.jpg); background-size: cover; border-radius: 60%; border: 5px solid #b6bcdc ; margin-top: -63px; margin-left: -30px; [/class] [class name=name] font-size: 40px; font-family: open sans; color: #b6bcdc ; text-align: center; margin-top: -10px; [/class] [class name=textbox] height: 235px; width: 435px; margin-left: 33px; overflow: hidden; [/class] [class name=text] margin: auto; font-size: 11px; color: black; text-align: justify; [/class] [class name=scroll] height: 98%; width: calc(100% + 17px); overflow-y: scroll; [/class] [class name=traits] height: 55px; width: 205px; background: #b6bcdc ; margin-left: 3px; margin-top: 22px; [/class] [class name=traittext] font-size: 18px; color: white; letter-spacing: 1px; font-family: open sans; float: right; margin-top: 15px; margin-right: 5px; text-transform: uppercase; [/class] [class name=pic1] height: 211px; width: 205px; background: URL(https://i.imgur.com/uykCTIp.jpg); background-size: cover; [/class] [class name=pic2] height: 211px; width: 205px; background: URL(https://i.imgur.com/IkFdOf2.jpg); background-size: cover; [/class] [class name=pic3] height: 211px; width: 205px; background: URL(https://i.imgur.com/wTcFG77.jpg); background-size: cover; [/class] [class name=pic4] height: 211px; width: 205px; background: URL(https://i.imgur.com/XuKMkLi.jpg); background-size: cover; [/class] [class name=tab1] height: 80px; width: 80px; background: #cddbe4; border-radius: 60%; color: white; [/class] [class name=tab1heart] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=tab2] height: 80px; width: 80px; background: #d1ded5; border-radius: 60%; color: white; [/class] [class name=tab2star] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=tab3] height: 80px; width: 80px; background: #bcd0e9; border-radius: 60%; color: white; [/class] [class name=tab3bell] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=tab4] height: 80px; width: 80px; background: #c7cce0; border-radius: 60%; color: white; [/class] [class name=tab4comment] font-size: 35px; text-align: center; position: relative; top: 10px; [/class] [class name=text] display: inline; [/class] [script class=container] hide tab2traits hide pic2 hide tab2text hide tab3traits hide pic3 hide tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab1 on=click] fadeIn 800 tab1traits fadeIn 800 pic1 fadeIn 800 tab1text hide tab2traits hide pic2 hide tab2text hide tab3traits hide pic3 hide tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab2 on=click] hide tab1traits hide pic1 hide tab1text fadeIn 800 tab2traits fadeIn 800 pic2 fadeIn 800 tab2text hide tab3traits hide pic3 hide tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab3 on=click] hide tab1traits hide pic1 hide tab1text hide tab2traits hide pic2 hide tab2text fadeIn 800 tab3traits fadeIn 800 pic3 fadeIn 800 tab3text hide tab4traits hide pic4 hide tab4text [/script] [script class=tab4 on=click] hide tab1traits hide pic1 hide tab1text hide tab2traits hide pic2 hide tab2text hide tab3traits hide pic3 hide tab3text fadeIn 800 tab4traits fadeIn 800 pic4 fadeIn 800 tab4text [/script] [div class="container"][div class="containercont"] [div class="header"][div class="headertext"]THE BUTTERFLY [/div] [/div] [div class="profilepic"][/div] [div class="name"]

waggy

[/div] [div class="textbox"][div class="scroll"]

[div class="traits tab1traits" style=margin-top:0px;][div class="traittext"]

Je m’baladais

[/div][/div] [div class="traits tab1traits"][div class="traittext"]

sur l’avenue

[/div][/div] [div class="traits tab1traits"][div class="traittext"]

What are you saying

[/div][/div]

[div class="pic1"][/div]

[div class="traits tab2traits" style=margin-top:0px;][div class="traittext"]Like a good feeling[/div][/div] [div class="traits tab2traits"][div class="traittext"]

afternoon sunlight

[/div][/div] [div class="traits tab2traits"][div class="traittext"]

i've fallen for them

[/div][/div]

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

[div class="traits tab3traits" style=margin-top:0px;][div class="traittext"]

you are the sunshine

[/div][/div] [div class="traits tab3traits"][div class="traittext"]

of my life, oh i think

[/div][/div] [div class="traits tab3traits"][div class="traittext"]

i've fallen in love

[/div][/div]

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

[div class="traits tab4traits" style=margin-top:0px;][div class="traittext"]

i would like it if you

[/div][/div] [div class="traits tab4traits"][div class="traittext"]

were mine, everyone

[/div][/div] [div class="traits tab4traits"][div class="traittext"]

would be jealous

[/div][/div]

[div class="pic4"][/div]

[div class="text tab1text"] [div class="text"]

by dwaegi_dawon 6 hours ago
Q: What's your full name?
A: What kind of question is that? kekeke my name is Im Da-won. (임다원 )

by dwaegi_dawon 6 hours ago
Q: How old are you?

A: I am 22 years old actually! I was born on March 3rd, in case that was another question keke

by dwaegi_dawon 6 hours ago
Q: Unnie what's your sexuality?
A: Mmm I don't think I need to label myself, I just love people ^~^

by dwaegi_dawon 6 hours ago
Q: Where do you go to school and what are you majoring in?

A: I am currently attending Ewha Woman's University and I am a language and literature major with a minor in English

by dwaegi_dawon 6 hours ago
Q: Are you dating anyone?
A: Me? Dating? Ah I don't think so, maybe at some point though.

by dwaegi_dawon 6 hours ago
Q: How tall are you?
A: I'm 165 cm! Pretty impressive right? I'm taller than my friends xD

by dwaegi_dawon 6 hours ago
Q: Is your hair natural?

A: Right now I have my black natural color but I used to dye it a lighter brown because I thought it was pretty. I might go back to it. But yes, my hair is natural, I decided to never cut it so I'm seeing how long it'll grow.

by dwaegi_dawon 6 hours ago
Q: Your eyes are so pretty Unnie, what lenses do you wear?

A: I usually will wear circle lenses or regular colored ones when I do shoots. Other than that, I just have my plain brown eyes

by dwaegi_dawon 6 hours ago
Q: How would you describe your style?

A: My style really changes depending on where I am. When I'm attending an event or anything in public, I tend to dress in a really classy and feminine way. But if I'm able to just do whatever and hangout with friends, I tend to dress in a 90's aesthetic. Think of Chandler from Friends, that's basically me.

[/div][/div] [div class="text tab2text"] [div class="text"]

by dwaegi_dawon 6 hours ago
Q: What are some of your likes?

A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

by dwaegi_dawon 6 hours ago
Q: What do you dislike?

A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.b

by dwaegi_dawon 6 hours ago
Q: Do you have any habits or quirks?

A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

by dwaegi_dawon 6 hours ago
Q: Are you scared of anything?

A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

[/div][/div] [div class="text tab3text"] [div class="text"]

by dwaegi_dawon 6 hours ago
Q: Question

A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sapien nibh, consectetur accumsan dignissim sed, faucibus vel odio. Aenean in imperdiet nisl, quis malesuada ante. Nulla vitae porta lorem. Vestibulum interdum velit in nunc tempus consectetur. Sed ultricies magna faucibus lacus tristique vehicula. Donec eu lorem risus. Proin feugiat erat in urna malesuada fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent in magna et eros suscipit auctor. Quisque pellentesque turpis in nunc euismod, eget ultrices velit bibendum. Donec et purus porta, convallis nunc vel, tempus nisi. Sed id placerat felis. Suspendisse bibendum ultricies ante sed vehicula. Aliquam erat volutpat. hiiii

[/div][/div] [div class="text tab4text"] [div class="text"]

by dwaegi_dawon 6 hours ago
Q: Question

A: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum tincidunt risus, et cursus ex posuere quis. Pellentesque ut ipsum eu turpis pretium fringilla. Aliquam eget est eu eros laoreet gravida. Fusce pulvinar odio risus, ut dapibus lectus tincidunt non. Aliquam gravida eget urna sit amet scelerisque. Morbi sed gravida mauris. Nunc dapibus tincidunt lacinia. Mauris elementum odio hendrerit ligula varius faucibus. Aliquam malesuada nulla vitae vestibulum ultrices. Sed ac euismod ipsum, sed placerat velit. Ut hendrerit ante nec vestibulum mollis. Duis vel lacus et diam scelerisque venenatis nec efficitur dolor. Donec pellentesque finibus eros, vel mattis lorem finibus eget.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sapien nibh, consectetur accumsan dignissim sed, faucibus vel odio. Aenean in imperdiet nisl, quis malesuada ante. Nulla vitae porta lorem. Vestibulum interdum velit in nunc tempus consectetur. Sed ultricies magna faucibus lacus tristique vehicula. Donec eu lorem risus. Proin feugiat erat in urna malesuada fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent in magna et eros suscipit auctor. Quisque pellentesque turpis in nunc euismod, eget ultrices velit bibendum. Donec et purus porta, convallis nunc vel, tempus nisi. Sed id placerat felis. Suspendisse bibendum ultricies ante sed vehicula. Aliquam erat volutpat. hiiii

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

[div class="tab1"][div class="tab1heart"]

[/div]

[div class="tab2"][div class="tab2star"]

[/div][/div]

[div class="tab3"][div class="tab3bell"][/div][/div]

[div class="tab4"][div class="tab4comment"]

[/div][/div]

[/div] [/div] [div class="codetag"]code by ukiiyo[/div] [/div]

 

[SoulHunter]

• [class name=scaled] animation-name: {post_id}scaled; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=scaled] [keyframe=0]transform: scale(1.4); opacity: 0[/keyframe] [keyframe=100]transform: scale(1); opacity: 1[/keyframe] [/animation] [class name=scalen] animation-name: {post_id}scalen; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=scalen] [keyframe=0]transform: scale(1); opacity: 1[/keyframe] [keyframe=100]transform: scale(1.4); opacity: 0[/keyframe] [/animation] [class name=ir] animation-name: {post_id}ir; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=ir] [keyframe=0]left: 0%; opacity: 0[/keyframe] [keyframe=100]left: 70%; opacity: 1[/keyframe] [/animation] [class name=pi] animation-name: {post_id}pi; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=pi] [keyframe=0]left: 70%; opacity: 1[/keyframe] [keyframe=100]left: 0%; opacity: 0[/keyframe] [/animation] [class name=ri] animation-name: {post_id}ri; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=ri] [keyframe=0]left: -5%[/keyframe] [keyframe=100]left: 0%;[/keyframe] [/animation] [class name=le] animation-name: {post_id}le; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=le] [keyframe=0]left: 0%; [/keyframe] [keyframe=100]left: -5%;[/keyframe] [/animation] [script class=ff on=mouseenter] addClass le ffor removeClass ri ffor addClass ir outs removeClass pi outs [/script] [script class=ff on=mouseleave] addClass ri ffor removeClass le ffor addClass "pi" "outs" removeClass "ir" "outs" [/script] [script class=first on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent1 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent2 fadeIn 800 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeOut 600 tabsContent3 fadeIn 800 tabsContent3[/script] [script class=fourth on=click] hide tabsContent2 hide tabsContent3 hide tabsContent1 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeIn 800 tabsContent4[/script] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px; [/class] [class=container]height: 380px; max-width: 530px; padding: 1.5%; background: var(--back); margin: auto; overflow: hidden; cursor: url(https://i.imgur.com/fkP02Jr.png), auto; --back: #A489D6; --font1: #D5D5D5; --title: #fff; --firstword: #000000; --bor: #000000 [/class] [class=moon]width: 0px; height: 0px; border-top: 420px solid #343435; border-left: 570px solid transparent; position: relative; top: -20px; left: -20px [/class] [class=pic]height: 380px; width: 43%; background-image: url(http://pm1.narvii.com/6886/54d6eebf819f30eccc7e1dd489f9227708205bf2r1-516-918v2_uhq.jpg); background-size: cover; background-position: 40% 0%; position: relative; top: -110%; overflow: hidden; [/class] [class=text]height: 370px; width: 85%; margin: auto; font-size: 20px; font-family: 'Yesteryear'; position: relative; top: 10px; left: 0px; text-align-last: justify; line-height: 40px; color: white; overflow: hidden; transition: 0.5s [/class] [class=cloak]opacity: 0 [/class] [class=uncloak]transition-delay: 0.3s; opacity: 1 [/class] [class=half]height: 100%; width: 100%; opacity: 0; background: pink; transition: 0.7s; position: relative; filter: blur(1%); top: -97.5% [/class] [class=halfu]height: 100%; width: 100%; opacity: 0.3 [/class] [class=spryt]height: 360px; width: 100%; margin: auto; font-size: 12px; position: relative; top: -200%; left: 80%; left: 0px; color: white; opacity: 0 [/class] [class=ff]height: 100px; width: 100%; position: relative; top: 35px; left: 25%; transition: 0.5s [/class] [class=ffor]height: 87px; width: 87px; padding: 2%; border-radius: 50%; border: 1px solid var(--back); position: relative; transition: 0.5s [/class] [class=bor]height: 85px; width: 85px; border: 1px solid var(--back); border-radius: 50%; background-image: url(https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/gettyimages-182880589-1493334765.jpg); background-size: cover; background-position: 0% 40%; position: relative; [/class] [class=title]height: 30%; width: 100%; overflow: hidden; font-size: 22px; font-family: 'Yesteryear'; color: var(--title); text-transform: lowercase; text-align: center; position: relative; top: -20px; left: -25% [/class] [class=stixt]height: 175px; width: 70%; font-size: 9px; font-family: 'Inconsolata', monospace; color: white; overflow: hidden; text-align: justify; text-transform: lowercase; position: relative; top: 15%; left: 14%; [/class] [script class=pic on=mouseenter version=2] (addClass "cloak" "text") (addClass "halfu" "half") (removeClass "cloak" "half") (removeClass "uncloak" "text") (addClass "scaled" "spryt") (removeClass "scalen" "spryt") [/script] [script class=pic on=mouseleave version=2] (addClass "uncloak" "text") (addClass "cloak" "half") (removeClass "halfu" "half") (removeClass "cloak" "text") (addClass "scalen" "spryt") (removeClass "scaled" "spryt") [/script] [class=outs]padding-top: 5px; height: 55px; max-width: 60px; font-size: 35px; font-weight: 900; line-height: 15px; font-family: sans-serif; position: relative; top: -70px; left: 50%; opacity: 0; transition: 0.5s [/class] [class=tabs]display: inline-block; font-size: 17px; cursor: pointer; color: white; font-size: 0.6em; font-weight: 700; font-family: 'Montserrat', sans-serif; position: relative [/class] [class=gade]height: 350px; width: 53%; padding: 25px 5px 5px 5px; position: relative; top: -800px; left: 44%; color: var(--font1); overflow: hidden [/class] [class=scroll]height: 100%; width: 100%; overflow-y: scroll; padding-right: 10% [/class] [class=big]height: 50px; width: 100%; overflow: hidden; color: var(--title); font-size: 30px; text-transform: uppercase; font-weight: 900; position: relative; left: 1% [/class] [class=o]height: 185px; max-width: 260px; font-size: 10px; overflow: hidden; position: relative; margin: auto; text-align: justify; line-height: 17px [/class] [class=firstword]height: 10px; max-width: 100px; display: inline-block; background: var(--firstword); padding: 0px 5px 7px 5px; color: var(--title); font-weight: 700 [/class] [class=columnhold]height: 75px; width: 100%; position: relative; font-size: 19px; color: transparent [/class] [class=image]display: inline-block; height: 85px; width: 45%; background-image: url(https://4.bp.blogspot.com/-XlqqT68ko2M/XJXKHj2vgyI/AAAAAAAAMvo/s9r1NNFXR3shWtnZJ9EUOUiarTKFX7HwgCLcBGAs/s1600/JYP%2BAllegedly%2BTeams%2BUp%2BWith%2BShin%2BRyujin%2BITZY%2BTo%2BBe%2BA%2BTrainee%2BBecause%2BOf%2BThis.jpg); background-size: cover; position: relative; filter: grayscale(50%) brightness(120%) [/class] [class=image1]display: inline-block;height: 85px; width: 45%; background-image: url(https://scontent-sjc3-1.cdninstagram.com/vp/2286f3f778b537d97a945018592c35cc/5E1AA9A0/t51.2885-19/s320x320/60735681_1052870711578994_8462089435826094080_n.jpg?_nc_ht=scontent-sjc3-1.cdninstagram.com); background-size: cover; position: relative; filter: grayscale(50%) brightness(100%) [/class] [class=image2]display: inline-block;height: 85px;width: 45%; background-image: url(https://pbs.twimg.com/profile_images/941952506015358976/v5a5uiKy_400x400.jpg); background-size: cover; position: relative; filter: grayscale(50%) brightness(120%) [/class][class=image3]display: inline-block;height: 85px;width: 45%;background-image: url(https://media1.tenor.com/images/6092c9bd3c37c96e12335dc0519b9e5f/tenor.gif?itemid=13536578); background-size: cover; position: relative; filter: grayscale(50%) brightness(120%) [/class] [class=angle]width: 280px; font-size: 33px; text-align: center; position: relative; top: 10px [/class] [class=round]border: 5px solid var(--firstword); border-radius: 50%; height: 70px; width: 70px; background-image: url(https://66.media.tumblr.com/7bca0752765962982bc60d46ed9b5dfb/tumblr_pmtpkt4u631wfeojto3_250.png); background-size: cover; background-position: 30% 190%; filter: contrast(110%) brightness(95%); position: relative; top: -40%; left: 90% [/class] [class=bigtext]height: 70px; max-width:200px; position: relative; font-size: 15px; text-transform: uppercase; font-weight: 700; [/class] [div class=container][div class=moon][/div] [div class=pic][div class=text] [/div] [div class=half][/div][div class=spryt][div class=ff][div class=ffor][div class=bor][/div] [div class=outs][div class="tabs first"]1.[/div] [div class="tabs second"]2.[/div] [div class="tabs third" style="top: 5px"]3.[/div] [div class="tabs fourth" style="top: 5px"]4.[/div][/div][/div] [div class=title]Family is everything[/div][/div] [div class=stixt]Family isn’t always blood. It’s the people in your life who want you in theirs; the ones who accept you for who you are. The ones that would do anything to see you smile and who love you no matter what [/div][/div][/div] [div class=gade] [div class="tabsContent tabsContent1"][div class=big]requisite[/div] [div class=o][div class=scroll] [div class=firstword]full name[/div] Lee Ji Woo (이지우)
  
  [div class=firstword]alias[/div] Doesn't have one
  
  [div class=firstword]age[/div] 21
  
  [div class=firstword]gender[/div] Female
  
  [div class=firstword]sexuality[/div] Shoot your shot fam, see what happens
  
  [div class=firstword]year[/div] 1
  
  [div class=firstword]major[/div] Criminology
  
  [div class=firstword]ethnicity[/div] Korean
  
  [div class=firstword]role[/div] Lotus
  
  [div class=firstword]faceclaim[/div] Shin Ryujin [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none"][div class=big]Persona[/div] [div class=o][div class=scroll] [div class=firstword] Likes[/div] Her family, studying, spoiling her little brothers, crime television, music, banana milk, cooking, baking, hospitals because they're quiet, libraries, cats
  
  [div class=firstword] Dislike[/div] White chocolate, rich people, gossip, bullies, small talk, cigarettes, heat, spiders, planes, loud places
  
  [div class=firstword]Habits[/div] Chewing on her pencil while studying, eating spicy food when stressed, talks to herself when deep in thought
  
  [div class=firstword] Vices[/div] frugal, aloof, defensive, stubborn, holds grudges, absentminded, protective, quick-tempered
  
  [div class=firstword] Virtues[/div] Family orientated, studious, intelligent, hard-working, loyal, quick-witted, respectful, responsible,
  
  [div class=firstword] Fears[/div] Failing (at work or at school), flunking out of Jeguk University, not being able to provide for her family, finding out the truth about her dad, flying [/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none"][div class=big]Biography[/div] [div class=o][div class=scroll] [div class=firstword]Biography[/div] Born to a couple with a relationship based on true love, Ji Woo had a gratifying early childhood. Her father provided all for his family, wishing for his wife to have an easy-going life as a house wife. Ji Woo was daddy's little girl, always begging to play with him on his days off. Truly smitten with his daughter, Ji Woo's father never denied his daughter's requests. Commonly, the two would watch crime dramas together. When Ji Woo was eight and her mother was pregnant with her younger twin brothers, Ji Woo's father disappeared. Many other families in the neighborhood pitied Ji Woo and her family, but spread whispered rumors that he had run away with a secret mistress. The neighborhood boys, after hearing these whispers from their mothers, teased and bullied Ji Woo about how her father abandoned her. Ji Woo never believed these rumors. She knew her father and mother were truly, and deeply in love. Her father could never have abandoned the family he cherished so much. Due to her mother's teaching of how to stand up for herself and to fight back, Ji Woo's bullies soon stopped their endeavors.
  
  After the disappearance of her father, Ji Woo's mother began her quest of finding a job. However, due to the pampering by Ji Woo's father, Ji Woo's mother had little skills when it came to work life. Managing to scrape by on the few places that would hire her, Ji Woo's mother was barely home, leaving her daughter to take care of her younger brothers. Around the time that Ji Woo was old enough to start working herself, Ji Woo's mother injured her back, forcing her stop working for a while. This prompted Ji Woo to enter the workforce herself, taking on any job she could find. Once becoming the breadwinner of her family, Ji Woo convinced her mother stay at home and take of her brothers.
  
  Outside of taking care of her younger brothers, Ji Woo was an outstanding student. As time progressed, memories of her father faded except for those of them watching crime dramas together and her father's wish for her to attend a prestigious university. With those memories stuck with her, Ji Woo studied every day in between the time she spent taking care of her brothers and taking care of the house. As such, she was the top of her class in her less-than-illustrious high school. With her studious background, she was able to attend Jeguk University with a full scholarship, allowing her to fulfill both her and her father's dream.
  
  [div class=firstword]Relationships[/div]
  Mother: Ji Woo has a very close relationship with her mother. It was through her that Ji Woo gained the fiery aspects of her personality. Her mother instilled in her deep notions of the importance of standing up for what is right and always fighting for what she wants. Due to the fact that Ji Woo helped raise her brothers and is now working multiple jobs to support her family, her mother a great sense of guilt towards Ji Woo. Her mother wishes for a better life for Ji Woo where she has more time to relax and have fun.
  
  Twin Brothers: Ji Woo's brothers are the most important people to her. A close bond formed between the two siblings since the time that Ji Woo took care of them. Despite her family's struggle with money, Ji Woo would always find some way to spoil her brothers. Ji Woo is fiercely protective of her brothers and would do anything for them. The brothers in turn are also very protective of their older sister.
  
  F4: Who? [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none"][div class=big]gallery[/div] [div class=o][div class=scroll] [div class=columnhold][div class=image][/div] . [div class=image1][/div][/div]
  [div class=columnhold][div class=image2][/div] . [div class=image3][/div][/div] [/div][/div][/div] [div class=angle]▼▼▼▼▼▼▼ [div class=bigtext]Ji Woo [div class=round][/div][/div][/div][/div][/div] [div class=c]@undine[/div]

code by undine​

 

[SoulHunter]

• [class name=scaled] animation-name: {post_id}scaled; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=scaled] [keyframe=0]transform: scale(1.4); opacity: 0[/keyframe] [keyframe=100]transform: scale(1); opacity: 1[/keyframe] [/animation] [class name=scalen] animation-name: {post_id}scalen; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=scalen] [keyframe=0]transform: scale(1); opacity: 1[/keyframe] [keyframe=100]transform: scale(1.4); opacity: 0[/keyframe] [/animation] [class name=ir] animation-name: {post_id}ir; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=ir] [keyframe=0]left: 0%; opacity: 0[/keyframe] [keyframe=100]left: 70%; opacity: 1[/keyframe] [/animation] [class name=pi] animation-name: {post_id}pi; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=pi] [keyframe=0]left: 70%; opacity: 1[/keyframe] [keyframe=100]left: 0%; opacity: 0[/keyframe] [/animation] [class name=ri] animation-name: {post_id}ri; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=ri] [keyframe=0]left: -5%[/keyframe] [keyframe=100]left: 0%;[/keyframe] [/animation] [class name=le] animation-name: {post_id}le; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=le] [keyframe=0]left: 0%; [/keyframe] [keyframe=100]left: -5%;[/keyframe] [/animation] [script class=ff on=mouseenter] addClass le ffor removeClass ri ffor addClass ir outs removeClass pi outs [/script] [script class=ff on=mouseleave] addClass ri ffor removeClass le ffor addClass "pi" "outs" removeClass "ir" "outs" [/script] [script class=first on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent1 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent2 fadeIn 800 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeOut 600 tabsContent3 fadeIn 800 tabsContent3[/script] [script class=fourth on=click] hide tabsContent2 hide tabsContent3 hide tabsContent1 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeIn 800 tabsContent4[/script] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px; [/class] [class=container]height: 380px; max-width: 530px; padding: 1.5%; background: var(--back); margin: auto; overflow: hidden; cursor: url(https://i.imgur.com/fkP02Jr.png), auto; --back: #000000; --font1: #D5D5D5; --title: #fff; --firstword: #000000; --bor: #000000 [/class] [class=moon]width: 0px; height: 0px; border-top: 420px solid #343435; border-left: 570px solid transparent; position: relative; top: -20px; left: -20px [/class] [class=pic]height: 380px; width: 43%; background-image: url(https://www.koreaboo.com/wp-content/uploads/2017/06/jinyoung-leather-pouting.jpg); background-size: cover; background-position: 40% 0%; position: relative; top: -110%; overflow: hidden; [/class] [class=text]height: 370px; width: 85%; margin: auto; font-size: 20px; font-family: 'Yesteryear'; position: relative; top: 10px; left: 0px; text-align-last: justify; line-height: 40px; color: white; overflow: hidden; transition: 0.5s [/class] [class=cloak]opacity: 0 [/class] [class=uncloak]transition-delay: 0.3s; opacity: 1 [/class] [class=half]height: 100%; width: 100%; opacity: 0; background: pink; transition: 0.7s; position: relative; filter: blur(1%); top: -97.5% [/class] [class=halfu]height: 100%; width: 100%; opacity: 0.3 [/class] [class=spryt]height: 360px; width: 100%; margin: auto; font-size: 12px; position: relative; top: -200%; left: 80%; left: 0px; color: white; opacity: 0 [/class] [class=ff]height: 100px; width: 100%; position: relative; top: 35px; left: 25%; transition: 0.5s [/class] [class=ffor]height: 87px; width: 87px; padding: 2%; border-radius: 50%; border: 1px solid var(--back); position: relative; transition: 0.5s [/class] [class=bor]height: 85px; width: 85px; border: 1px solid var(--back); border-radius: 50%; background-image: url(https://i.pinimg.com/originals/78/e6/79/78e679164d36b1fcf8deca6407020ea0.jpg); background-size: cover; background-position: 0% 40%; position: relative; [/class] [class=title]height: 30%; width: 100%; overflow: hidden; font-size: 22px; font-family: 'Yesteryear'; color: var(--title); text-transform: lowercase; text-align: center; position: relative; top: -20px; left: -25% [/class] [class=stixt]height: 175px; width: 70%; font-size: 9px; font-family: 'Inconsolata', monospace; color: white; overflow: hidden; text-align: justify; text-transform: lowercase; position: relative; top: 15%; left: 14%; [/class] [script class=pic on=mouseenter version=2] (addClass "cloak" "text") (addClass "halfu" "half") (removeClass "cloak" "half") (removeClass "uncloak" "text") (addClass "scaled" "spryt") (removeClass "scalen" "spryt") [/script] [script class=pic on=mouseleave version=2] (addClass "uncloak" "text") (addClass "cloak" "half") (removeClass "halfu" "half") (removeClass "cloak" "text") (addClass "scalen" "spryt") (removeClass "scaled" "spryt") [/script] [class=outs]padding-top: 5px; height: 55px; max-width: 60px; font-size: 35px; font-weight: 900; line-height: 15px; font-family: sans-serif; position: relative; top: -70px; left: 50%; opacity: 0; transition: 0.5s [/class] [class=tabs]display: inline-block; font-size: 17px; cursor: pointer; color: white; font-size: 0.6em; font-weight: 700; font-family: 'Montserrat', sans-serif; position: relative [/class] [class=gade]height: 350px; width: 53%; padding: 25px 5px 5px 5px; position: relative; top: -800px; left: 44%; color: var(--font1); overflow: hidden [/class] [class=scroll]height: 100%; width: 100%; overflow-y: scroll; padding-right: 10% [/class] [class=big]height: 50px; width: 100%; overflow: hidden; color: var(--title); font-size: 30px; text-transform: uppercase; font-weight: 900; position: relative; left: 1% [/class] [class=o]height: 185px; max-width: 260px; font-size: 10px; overflow: hidden; position: relative; margin: auto; text-align: justify; line-height: 17px [/class] [class=firstword]height: 10px; max-width: 100px; display: inline-block; background: var(--firstword); padding: 0px 5px 7px 5px; color: var(--title); font-weight: 700 [/class] [class=columnhold]height: 75px; width: 100%; position: relative; font-size: 19px; color: transparent [/class] [class=image]display: inline-block; height: 85px; width: 45%; background-image: url(https://data.whicdn.com/images/293602103/original.gif); background-size: cover; position: relative; filter: grayscale(50%) brightness(120%) [/class] [class=image1]display: inline-block;height: 85px; width: 45%; background-image: url(https://image.tmdb.org/t/p/w235_and_h235_face/zQ0MlBausdXb2vfL2f5YD3udHRw.jpg); background-size: cover; position: relative; filter: grayscale(50%) brightness(100%) [/class] [class=image2]display: inline-block;height: 85px;width: 45%; background-image: url(https://data.whicdn.com/images/323037503/superthumb.jpg?t=1543455172); background-size: cover; position: relative; filter: grayscale(50%) brightness(120%) [/class][class=image3]display: inline-block;height: 85px;width: 45%;background-image: url(https://i.pinimg.com/originals/e7/14/be/e714bee89590fcb8e6259618adc64803.gif); background-size: cover; position: relative; filter: grayscale(50%) brightness(120%) [/class] [class=angle]width: 280px; font-size: 33px; text-align: center; position: relative; top: 10px [/class] [class=round]border: 5px solid var(--firstword); border-radius: 50%; height: 70px; width: 70px; background-image: url(http://student.skhlkmss.edu.hk/~s16117/jr.jpeg); background-size: cover; background-position: 30% 190%; filter: contrast(110%) brightness(95%); position: relative; top: -40%; left: 90% [/class] [class=bigtext]height: 70px; max-width:200px; position: relative; font-size: 15px; text-transform: uppercase; font-weight: 700; [/class] [div class=container][div class=moon][/div] [div class=pic][div class=text] [/div] [div class=half][/div][div class=spryt][div class=ff][div class=ffor][div class=bor][/div] [div class=outs][div class="tabs first"]1.[/div] [div class="tabs second"]2.[/div] [div class="tabs third" style="top: 5px"]3.[/div] [div class="tabs fourth" style="top: 5px"]4.[/div][/div][/div] [div class=title]Music is an outburst of the soul [/div][/div] [div class=stixt]Music is the great uniter. An incredible force. Something that people who differ on everything and anything else can have in common [/div][/div][/div] [div class=gade] [div class="tabsContent tabsContent1"][div class=big]requisite[/div] [div class=o][div class=scroll] [div class=firstword]full name[/div] Kim Dong Min (김동민)
  
  [div class=firstword]alias[/div] Minnie, Poop-Min
  
  [div class=firstword]age[/div] 23
  
  [div class=firstword]gender[/div] Male
  
  [div class=firstword]sexuality[/div] Heterosexual (But change his mind)
  
  [div class=firstword]year[/div] 4
  
  [div class=firstword]major[/div] Business/Music
  
  [div class=firstword]ethnicity[/div] Korean
  
  [div class=firstword]role[/div] Black Tortoise
  
  [div class=firstword]faceclaim[/div] Park Jin Young [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none"][div class=big]Persona[/div] [div class=o][div class=scroll] [div class=firstword] Likes[/div] Chocolate milk, classical music but only when he's playing an instrument, hot showers, bright places, getting outside of his house, Min Seo's husband, cats
  
  [div class=firstword] Dislike[/div] Melon cream soda, narcissists, low quality food, bigotry, pretending, being constantly alert
  
  [div class=firstword]Habits[/div]Analyzing people (especially people he's never met before), going to Min Seo's store when he's stressed, humming whatever musical piece he's working on
  
  [div class=firstword] Vices[/div] RBF, dutiful, cunning, aloof, merciless, obedient towards parents, judgmental, worrywart
  
  [div class=firstword] Virtues[/div] Adaptable, flexible, reliable, assertive, loyal, affectionate, perceptive
  
  [div class=firstword] Fears[/div] Becoming his parents, confinement, losing those close to him[/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none"][div class=big]Biography[/div] [div class=o][div class=scroll] [div class=firstword]Biography[/div] A marriage based on combining Korea’s largest real estate and hotel jaebols into one bound Dong Min’s parents. It wasn’t a marriage based on love, nor was there hate between the two. It simply was. Cool indifference filled the marriage, even after Dong Min’s older sister, Min Seo, was born. Neither of the parents contained an affinity for parenting and left much of raising of Min Seo to the various servants they’d hired. Min Seo was very mild-tempered, finding it hard to speak up against her parents detached interactions. Once Dong Min was born, Min Seo played a large role in shaping much of his character as she battled to keep her brother from turning into their parents. She was largely successful, as Dong Min is warm and open to those he is close to, but still is neutral towards everyone else including his parents.
  
  Min Seo introduced Dong Min to the world of music, teaching him basic chords on the piano. Dong Min learned various instruments quickly which gave him the title of music prodigy. Since Min Seo was supposed to inherit the family business, Dong Min’s parents gave little care to his hobbies but nonetheless reaped the benefits of his talents.
  
  Inside the cold, dark household, Min Seo was the only shining light for Dong Min, giving them a close relationship. The same could be said for Min Seo, though she battled her own demons within her childhood home. Min Seo never wished to inherit her parents’ corporation knowing that she’d never have the backbone to handle the cutthroat nature of running a giant empire. In her heart, she knew Dong Min always had the right nature to handle such a task since he’d inherited both his sister’s kindness and his parents’ ruthlessness. During her conflict, she found her salvation.
  
  While studying at Korea’s top university, she fell in love. The man Min Seo fell in love with was a potter. A potter who would never attain fame and wealth like her parents had, but one who would be comfortable. Not scraping by, but not making anything big. He was someone her parents would never approve of. So, she dated him in secret, falling deeper and deeper in love with his gentle heart every day. When he proposed, she said yes and ran to tell her brother the exciting news. Dong Min was happy for his sister, but was worried about what their parents would do. Finally, with a dream in her heart, Min Seo had the courage to stand up to her parents. She told them of her intentions and of course they refused. They threatened, but Min Seo wouldn’t be swayed. Min Seo called for her parents to disown her, remove her from the family registry, and name Dong Min their heir. Expecting her to retract her requests soon after being disowned, her parents complied. Min Seo left the Kim family home lighter and free.
  
  Thus, Dong Min was named heir to the family business. He kept in touch secretly with his sister, maintaining their close relationship, while his parents acted as if they never had a daughter. Min Seo attended all of Dong Min’s recitals along with her husband, them being his only family present.
  
  [div class=firstword]Relationships[/div]
  Parents: Dong Min's relationship with his parents is nothing to brag about. An aloofness surrounds the three family members. Most days his parents are absent from the house on various business dealings, leaving Dong Min alone to his own devices. However, due to his sister's previous actions, a close eye is kept on Dong Min to prevent another similar incident. Because of this, Dong Min has learned to read people much like he reads sheet music in order to see intentions and keep his image up to his parents' standard.
  
  Min Seo: Since his older sister played a large role in his upbringing, Dong Min wasn't going to let a simple disownment keep him from Min Seo. He frequents the pottery shop she runs with her husband, going there a lot especially when he's stressed. The homely atmosphere and his sister and her husband's affecionate natures provide a deep respite from his normally frigid home. [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none"][div class=big]gallery[/div] [div class=o][div class=scroll] [div class=columnhold][div class=image][/div] . [div class=image1][/div][/div]
  [div class=columnhold][div class=image2][/div] . [div class=image3][/div][/div] [/div][/div][/div] [div class=angle]▼▼▼▼▼▼▼ [div class=bigtext]Dong Min [div class=round][/div][/div][/div][/div][/div] [div class=c]@undine[/div]

code by undine​

 

[weldherwings]

[div class=Flowers][div class=Background1][/div][div class=Picture][/div][div class=TabsContainer] [div class="tab tab1"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [/div][div class="tabContents tabContents01 show"][div class=Textbox][div class=scroll]

HELLOLOVE

Name Lee Kong-Jwi

Name meaning Prior to his birth, his Umma was told she was having a baby girl. Therefore decorated everything with the name 'Kong-Jwi' which was the name of a Princess in an old Korean folk tale Kong-Jwi and Pat-Jwi. Much to her surprise, she had a baby boy instead of a girl. Having her heart set on the name and believing it was fate, she decided to still give it to her child and call him Kong-Jwi regardless.

Nickname Konnie - call him Jwi (which translates to Rat in Korean) he'll stab you

Age 22

Gender Male

Birthday 28th November

Ethnicity Korean

Place of Birth Busan, South Korea

Sexuality Demisexual

Languages Korean and English

Year 4

Major and Minor Major In International Business with a Minor in English

Role The Vermilion Bird

Face Claim Jung Jae-won

OUTSIDE

[div class=eyes][/div]Eyes Jet black iris with monolid shape with a slight double lid crease and thick aegyo sal. Known for having "big puppy dog" eyes.


[div class=hair][/div] Hair Black thin hair, cut at a medium to long hairstyle. His pride and joy. The amount of times his parents have tried to get him to cut it but huh, not today satans!

[div class=body][/div] Body Lean build - Mesomorph. To keep fit and healthy, he enjoys playing recreational indoor soccer and go for morning runs

[div class=tattoo][/div]
Tattoos Click here for a tattoo tour - His parents have never been fond of his tattoos - all the more reason to get them. His first one was out of spite of his parents and it just keeps on going. His parents are constantly harrassing him to cover them up so people don't see them.

Height 176 cms

Weight 54 kg

Scars A scar on the back of his head - his hair covers it now. He doesn't know where the scar is from but always feels uneasy when he touches it.

Other body mods? Left ear - helix piercing. Right ear - Lobe piercing

Allergies Prone to asthma attacks when he's sick. He spent a lot of time in the hospital emergency room when he was younger due his asthma attacks in winter.

[/div][/div][/div] [div class=Textbox][div class="tabContents tabContents02"][div class=scroll]

REWIND

0-6 YEARS

On the 28th of November, Lee Jae-Sung and Ha-Ra welcomed their first son into the world. Well, it was not what they had been expecting. In fact, it was the complete opposite of what they had been expecting. You see, at every appointment Ha-Ra had attended, the doctors had told her that she was expecting to have a beautiful baby girl. And, of course, being a first time mother and excited about having a little baby girl, she went around and announced to everyone how they would be having a girl. She labelled everything that belonged to this said little girl with the name she had picked out and told close family friends the name also. Which prompted them to buy them items for the baby with the name embrodded or custom made with that said name.

But instead, a little boy came into the world instead of a girl. But Ha-Ra’s first thoughts were: this is fate. After having all those presents with that name printed upon and how they told everyone what the child’s name would be, Ha-Ra knew it was the Gods blessing them with an heir to the family and they had blessed her with a name also to give to him. Therefore, they decided to stick with the name: Lee Kong-Jwi. For those unfamiliar, Kong-Jwi is the Korean name for their own version of Cinderella. Essentially, they had named their newborn son after a Princess. Because that wasn’t going to result in him getting bullied as a child, right?

Wrong.

But we won’t get into that right now.

From the moment they returned home from the hospital, Jae-Sung returned back to business and Ha-Ra spent three months with her newborn child. Once those three months were up, she returned back to work and passed over the motherly duties to their new Nanny, Eun-Byul. And that was it. Jae-Sung and Ha-Ra were flying and driving in and out, going to different meetings and signing off different business advancements. All the while their only son stayed at home under the watchful eye of their Nanny.

Eun-Byul essentially, in Konnie’s mind, became his Umma. Jae-Sung and Ha-Ra just happened to be blood related, but they were never there. And when they were home, they were always talking on their phone or discussing about the company. One distinct memory that was burnt into Konnie’s mind was when he was five years old. He had been trying to get his Umma’s attention as she was talking on the phone. He stood there for a good five minutes, calling her name over and over again. In the end, she walked out of the house, still on the phone and leaving her son to stand there in disbelief. It was at that moment he felt like a ghost in his own house. Did his parents really not see him?

6-12 YEARS

As Kong-Jwi grew older, his parents had asked Eun-Byul to start teaching him how to be a proper gentleman. To learn all the proper etiquette and to train him so he could start attending important company meetings and events with the family. It was also around this time that Eun-Byul’s only son died in a car crash with his wife. Therefore, their daughter, Soo-Rah, came to live with Eun-Byul.

Konnie and Soo-Rah became instantly close as they were the same age. If they weren't at school, they were together and inseparable. Having Soo-Rah and Eun-Byul in his life really helped with the loneliness of not having his parents around. And when they weren’t around, they weren’t mentally there. In fact, his parents were very rarely seen both coming to the house at the same time unless there was an event on or such. When his Umma was home, she spent her time absorbed in her phone and acted as if she was ready to get moving again. And when Appa was home, he would talk Konnie’s ear off about the family business and how he would have to learn all about the tool of the trade as he was the heir to it all.

Ask any other child, and they would tell you that parents were not meant to be this way. But for Konnie, it was all that he knew. It wasn’t until he was eleven years old that he realised that something wasn’t right. He walked in on his Appa and one of the maids getting hot and heavy together one day after school. It was that night that his Appa confessed to him that he and Umma had split up five years ago. That they were pretending to be together for the sake of the company. It was all starting to make sense now. Umma spent her time in her own apartment complex in Seoul, with her new secret partner, and working on various companies within Korea while Appa flew back and forth from Dubai for work and focused on the international companies. Their marriage was nothing more than a business partnership. Their love had been completely fake.

12-18 YEARS

Puberty hit Kong-Jwi at the age of 12. And it hit him hard.

All the sudden, Soo-Rah – the girl who was practically his sister – was… well… His first love. He didn’t want to feel these things for her, but everytime he was with her… he lost his breath. When they were fourteen years old, they shared their first kiss together. It had been under the mistletoe near Christmas time. Kong-Jwi confessed his love for her there and then, and Soo-Rah said that she also felt the same way.

They hid their love from Eun-Byul, however, as there were fears that she might’ve made Soo-Rah move away with Konnie being a distraction to her school work. And they didn’t bother to tell his parents because, well, they were never there anyways. But whenever Eun-Byul wasn’t there, they’d steal small kisses off of each other or hold hands. Teenage love, what can you say? They were each others little secret – even to their friends. They feared that if someone found out, they would tell his parents or her grandmother.

It had been a year and a half of hiding from Eun-Byul, his parents and their friends. And it wasn’t very easy either. Their little relationship hadn’t progressed from anything beyond simple peck kisses and holding hands, fearing that if they went any further before they were married that Eun-Byul would have a heart attack. Well, at the age of fifteen, Konnie decided that he wanted to go a little bit further. All the other boys at school had gone further, so why couldn’t he try? He asked her to meet him in his bedroom after lights out, to which she agreed. That night was the first time he managed to touch clothed boob and get his first French kiss. It was well damn amazing.

That night, however, Eun-Byul passed away in her sleep.

Soo-Rah took it hard. She blamed herself, saying that Eun-Byul must’ve found out about their relationship and literally had a heart attack. Konnie tried everything in his power to comfort Soo-Rah. But as the months and years began to creep, he could see that his girlfriend was slowly becoming more depressed. Everyone in her life that she loved – apart from Konnie – was now dead. She began to get suspicious of Konnie hanging out with other people after school and would often think that he was cheating on her. She would take his phone and try to find evidence. She was a mess.

On the fourteenth of August, Konnie, at the age of seventeen, came home from school and there was just something different about the house. He could remember calling out Soo-Rah’s name and the place just echoed. He had never expected that he would find her the way he did. But the day will forever be imprinted into his memory. The way he found her lifeless, limp body on the floor in the bathroom. Her blood as it poured from her wrists, staining not only the floor and her clothes and skin, but his own as he held her in his arms and wept. Soo-Rah had been a complete mess. And she finally found a way to fix the feelings that she had felt.

Leaving Konnie all his own, leading a loveless life.

18 - 22 YEARS

Once he turned eighteen, Konnie’s parents decided it was high time that he started to start having control of the family company. Even with the absence of his parents, Konnie had mandatory business training with the company’s staff after school from the age of thirteen and onwards. They had practically trained him as a robot. So, once school had finished, his parents picked the course for him to do at university despite telling them that he wanted to go into nursing. They told him that it was in the company’s best interest that he focused on international sales and studies as they wanted to expand over to America and Australia.

With no control over his future endeavours, and feeling like he was just a pawn in his family’s little projected image, Konnie decided it was time to change something. First, he started with getting his ears pierced. It took his parents a good five months to realise that he had them done and demanded that he took them out. However, Konnie lied to them and told them that he got them done for medical reasons; that they help with migraines. His stupid ass Appa believed him and he was allowed to keep them in (however was requested to take them out for events). He then began to slowly grow his hair out (much to his Umma’s dismay) and well, he started to get tattoos.

The sad thing was, though, was that his parents didn’t realise he had tattoos until he turned twenty-one. By that time, he had already had seven, along with a rather large piece on his arm. His parents sat him down and spoke about how he was ruining the family image with his piercings, hair and tattoos. He wanted to snap at them and tell them that there was no family image because this wasn’t a family. But before he could say anything, his Appa told him that he was allowed to keep the hair and the piercing and the tattoos – as long as he covered them up for events or whilst he was around any photographers. It seemed too suspicious the way that his Appa had caved in so easily to it all. And then he discovered why.

They had arranged for him to get married to someone he had never met before.

Konnie was not happy. But when his parents told him that if he didn’t go ahead with the marriage that they’d cut him off completely. That he would have to pay for his own studies, his own apartment and find his own job. All he had to do was get married and pretend to be in love with this person for the rest of his damn life. Much like his parents do. After all, real love doesn’t exist, right?

[/div][/div][/div] [div class=Textbox][div class="tabContents tabContents03"][div class=scroll]

INSIDE

Likes Going out for morning runs, having a couple of drinks with the boys, playing online games, going to the movies by himself, his beautiful reptile pets (2 Shingleback Lizards named Bob and Angel, and 1 Carpet Python named Amanda).

Dislikes Spicy food, seafood, coriander (as you might tell, he is a very picky eater. He basically lives off of ramen and chocopies). He also hates going to the movies with people who constantly talk during it. Like. Shut up, please. I don’t care who that actor is, and I don’t care what other movies they were in. Also the concept of love. Love is dead.

Habits As a picky eater, he’ll dissect his food before eating. He wants to know everything that is in it before he potentially poisons himself. He will sometimes sniff his food too before eating it.

Fears He’s petrified of butterflies. Don’t ask why. But, on the serious side, he’s also scared of getting close to people. Every person he’s ever been close to has left him, apart from the F4 boys.

Hidden talents He's double-jointed in his thumbs. So never ask him to give thumbs up in a photo because they look weird as hell when he does.

Apartment tour click me

Love language A combination of physical touch and quality time; which is funny because, as a child, these are the two things he craved the most and yet never received from his family. Physical touch doesn’t mean that he feels loved during sexual encounters, but rather he feels loved by small gestures like a hug, hand-holding or even running your hands through his hair. As for quality time, it doesn’t have to be anything special. It could simply be lying around the house, watching Netflix. Or it could be going out for a morning run together.

Intelligence Spatial Intelligence – The ability to imagine or visualize in one’s mind the positions of objects, their shapes, their spatial relations to one another and the movement they make to form new spatial relations. It’s the ability to perform visualization and spatial thinking.

Personality type Konnie is known to have an Entrepreneur personality (ESTP-A to be exact). This makes him an explorer and people mastery.

Strengths – Bold, original, direct and sociable
Konnie is full of life and energy. There is no greater joy to him than pushing boundaries and discovering and using new things and ideas. In combination with his boldness and practicality, he loves to experiment with new ideas and solutions. Konnie can put things together in a way no one else would think to. Finally, he prefers to communicate clearly with direct and factual questions and answers. He hates to beat around the bush and says things clearly to what they are. All of these qualities rolled together end up making him a naturally sociable person. It isn’t something that he actively seeks but rather people with his personality type just have a knack for making excellent use of social interactions and networking opportunities.

Weaknesses – Insensitive, impatient, risk-prone and unscructured
Feelings and emotions come second to facts and “reality” for Konnie. Emotionally charged situations are awkward, uncomfortable affairs and his blunt honesty don’t help here. He struggles to acknowledge and express his feelings. He also moves at his own pace to keep himself excited. Slowing down because someone else “doesn’t get it” or having to stay focused on a single detail for too long is extremely challenging for him. Due to his impatience, he tends to push into uncharted territory without thinking of the long-term consequences. He will sometimes intentionally combat boredom with extra risk which makes him risk-prone. Finally, when he sees an opportunity – to fix a problem, to advance, to have fun – and seizes the moment, he often ignores rules and social expectations in the process. It may get things done, but it can create unexpected social fallout. [/div][/div][/div] [div class=Textbox][div class="tabContents tabContents04"][div class=scroll]

THEOTHERS

LEE JAE-SUNG

Appa - 58 years old

The Father/Son dynamic which they have is… well, it’s business. It always has been. From the moment he could speak, Jae-Sung has been shoving business lingo down his son’s throat. He’s happy that his son is starting to co-operate and help with the family company – even if it does mean black mailing him.

LEE HA-RA

Umma - 54 years old

All Konnie ever wanted was a nurturing Umma. One that would read books to him or would cuddle him whenever he had nightmares at night. That wasn’t Ha-Ra. Whilst she had been very excited that they had a son to help with the family name, she was also somewhat disappointed. She had wanted a daughter to play dress ups with and go to tea parties. I suppose it was the main reason it was so easy for her to leave him behind at such a young age and only seen him once a month.

KANG EUN-BYUL

Family Nanny - 86 / Deceased

While his Umma and Appa were too busy with their business, Eun-Byul was Konnie’s nanny. She practically raised him as if he was one of her own. Due to his parent’s absence, Konnie saw Eun-Byul as a family member rather than a worker for the family. He would share things with her that he wouldn’t dream of telling his parents. He liked to call her Imo (Aunty) because whenever he called her Ajumma, she would whack him and tell him that she wasn’t that old yet. She worked until her very last day on Earth, caring for the Lee family. When Konnie was fifteen, Eun-Byul went to bed that night simply never woke up the next morning.

KANG SOO-RAH

First love - 17 / Deceased

Soo-Rah was Eun-Byul’s only grandchild. After losing her parents in a car crash, Soo-Rah lived under the watchful eye of her grandmother within the Lee residence. Therefore, Konnie and Soo-Rah were practically like brother and sister. They were each other’s best friends and would spend all their spare time together. And then puberty hit him. Well, it was safe to say that Soo-Rah went from being that annoying little sister to his first love. He had the biggest crush on her for so long but had always been too scared to tell her. When Eun-Byul passed away, Soo-Rah was a mess. She became depressed and grieved over the death of her grandmother. At the age of seventeen, depression still had a tight hold of her and she took her own life. To this day, Konnie believes she was his first and only love.

THE PETS

Bob + Angel & Amanda

THEBOY

[/div][/div][/div][/div] [class=Flowers] position: relative; box-sizing: border-box; background: #e8f1f5; width: 700px; height: 500px; overflow: hidden; margin: auto; padding: 0; border-radius:3px; [/class] [class name=scroll]width: 100%;height: 98%; overflow: hidden;box-sizing: content-box;padding-right:50px;padding-left:5px; left: -2px;font-size:12px;overflow-Y: scroll;overflow-X: hidden;color: grey; font-familypen Sans; position:absolute; z-index:1;[/class] [class=Background1] background: #aeaea2; position: absolute; overflow: visible; width: 204px; height: 506px; left: 0px; top: -6px; [/class] [class=Picture] transition: .7s; background: url(https://i.pinimg.com/564x/8c/9b/d0/8c9bd0cdfe20ee0bb38a5dd8a1f53154.jpg); background-position: 50%; background-size: cover; position: absolute; overflow: visible; width: 334px; height: 368px; left: 27px; top: 90px; z-index:2; [/class] [class=TabsContainer] position: absolute; overflow: visible; width: 409px; height: 57px; left: 278px; top: 14px; [/class] [class=Textbox] position: absolute; overflow: visible; width: 307px; height: 368px; left: 380px; top: 90px; [/class] [class=tab] background: transparent; width: 80px; padding:8px; height:40px; color:gray; margin: auto; transition: .7s; font-size: 24px; text-align:center;FLOAT:LEFT;[/class] [class name=tab state=hover]background: #aeaea2; color: white; transition: .7s; transform: scale(1.1); animation-name: {post_id}pulse; animation-duration:3s; animation-timing-fuction: linear; animation-iteration-count: infinite; animation-fill-mode: both[/class] [class=selectedTab]background: #aeaea2; color: #fff; transition: .7s; transform: scale(1.1);[/class] [class=tabContents] opacity: 0; transition: all .7s; background:transparent;overflow: visible; [/class] [class=show]opacity: 1; transition: all .7s; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script] [class=eyes] position: relative; overflow: visible; width: 100px; height: 100px; float: left; margin-left: auto; margin-right: auto; box-shadow: 1px 1px 1px #E5E5E5; border-radius: 100px; background: url(https://pm1.narvii.com/6546/34e8d301d0579c4587bea476a76a727555509b1f_hq.jpg); border: 3px solid #fff; background-size: 250%; background-position:35% 30%; transition-duration: 0.7s; [/class] [class name=eyes state=hover] transform: scale(1.1); border-radius: 1px; width: 200px;[/class] [class=hair] position: relative; overflow: visible; width: 100px; float:right; height: 100px; margin-left: auto; margin-right: auto; box-shadow: 1px 1px 1px #E5E5E5; border-radius: 100px; background: url(https://i.pinimg.com/originals/43/45/66/434566c2f6ca849358844e7d1a0c79f8.jpg); border: 3px solid #fff; background-size: 150%; background-position:35% 10%; transition-duration: 0.7s; [/class] [class name=hair state=hover] border-radius: 1px; width: 190px; height: 100px; transform: scale(1.5); [/class] [class=body] position: relative; overflow: visible; width: 100px; float:left; transition-duration: 0.7s; height: 100px; margin-left: auto; margin-right: auto; box-shadow: 1px 1px 1px #E5E5E5; border-radius: 100px; background: url(https://s3-ap-northeast-2.amazonaws.com/kstarlive/image%2F1566809916793-67233068_2520650674662478_6849359143672018226_n.jpg); border: 3px solid #fff; background-size: 200%; background-position:35% 25%; [/class] [class name=body state=hover] border-radius: 1px; width: 190px; height: 100px; transform: scale(1.5); [/class] [class=tattoo] position: relative; overflow: visible; float:right; width: 100px; height: 100px; margin-left: auto; margin-right: auto; box-shadow: 1px 1px 1px #E5E5E5; border-radius: 100px; background: url(https://pbs.twimg.com/media/ECoTWVMVAAALg_W.jpg); border: 3px solid #fff; background-size: cover; background-position:50% 35%; transition-duration: 0.7s; [/class] [class name=tattoo state=hover] border-radius: 1px; width: 190px; height: 100px; transition-duration: 0.3s; transform: scale(1.5); [/class] [animation=pulse][keyframe=0]transform: scale(1.1);[/keyframe] [keyframe=50] transform: scale(0.8); [/keyframe] [keyframe=100] transform: scale(1.1); [/keyframe][/animation]