Realistic or Modern 𝐖𝐇𝐄𝐍 𝐇𝐄'𝐒 𝐆𝐎𝐍𝐄--𝓉𝒽𝑒 𝒸𝒶𝓈𝓉

[ameuSHhen1Tn2ba]

[class=pic] background: url(https://i.pinimg.com/originals/b4/30/82/b43082828a007c40f321b98c9026c85e.gif); background-size: 100%; background-position: 40% 40%; position: relative; overflow: hidden; margin: auto; height: 500px; width: 1000px; [/class] [class=title] position: absolute; height: 100px; width: 800px; font-size: 60px; color: #fff; top: 50px; left: 30px; text-transform: uppercase; font-weight: 1000; [/class] [class=text] position: absolute; height: 100px; width: 800px; font-size: 17px; color: #fff; top: 150px; left: 120px; text-transform: lowercase; [/class] [class=text2] position: absolute; height: 100px; width: 800px; font-size: 50px; color: #D65E5E; top: 50px; left: 75px; font-weight: 500; text-transform: lowercase; [/class] [div class=pic] [div class="title hidden"]When He's Gone[/div] [div class="text hidden"] Is it because your bed is empty?

Is he right there and he can't see?​

[/div] [Div class=text2]HanTheSunbeam x natasha[/div][/div]

 

[ameuSHhen1Tn2ba]

[class=container] position: relative; overflow: hidden; margin: auto; height: 700px; width: 500px; [/class] [class=title] position: absolute; height: 100px; width: 800px; font-size: 55px; color: #000; top: 30px; left: 3%; text-transform: uppercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; [/class] [class=callin] position: absolute; height: 100px; width: 800px; font-size: 50px; color: #000; top: 220px; left: 20%; text-transform: lowercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; [/class] [class=phone] background: url(https://allaboutthehouseblog.files.wordpress.com/2014/02/aath-horizontal-stripes-grey.jpg); background-size: 120%; position: absolute; overflow: hidden; margin: auto; height: 600px; width: 400px; border: 5px solid #000; border-radius: 20px; top: 0px; left: 0px; [/class] [class=phone2] background: url(https://allaboutthehouseblog.files.wordpress.com/2014/02/aath-horizontal-stripes-grey.jpg); background-size: 120%; position: absolute; overflow-x: hidden; top: 10px; left: 10px; height: 600px; width: 400px; border: 5px solid #000; border-radius: 20px; top: 0px; left: 0px; [/class] [class name=scroll] position: relative; box-sizing: border-box; width: 120%; overflow-y: scroll; overflow-x: hidden; height: 100%; padding-right: 50px; [/class] [class=pic] position: absolute; overflow: visable; left: 100px; height: 200px; width: 200px; top: 70px; background: url(https://i.pinimg.com/originals/1e/e8/9b/1ee89bad16fb92284f1704139ad4d272.gif); background-size: cover; background-position: 35% 0%; border-radius: 100px; border: 2px solid #000; [/class] [class=ring] background:url(https://media1.giphy.com/media/AEtG3ZjmW9rErXXzzg/source.gif); background-size: cover; position: absolute; overflow: visable; left: 110px; height: 200px; width: 200px; top: 255px; [/class] [class=click] position: absolute; height: 100px; width: 400px; font-size: 40px; color: #000; top: 470px; margin-left: auto; text-transform: lowercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; transition: letter-spacing 2s; text-align: center; [/class] [class name=click state=hover] letter-spacing: 4.5px; color: red; [/class] [script class=click on=click] fadeOut 1000 phone [/script] [class=toppic] position: absolute; overflow: visable; left: 20px; height: 150px; width: 150px; top: 20px; background: url(https://i.pinimg.com/474x/1e/e3/7d/1ee37d38bde0576d7a8323c86e5c91ed.jpg); background-size: cover; background-position: 50% 0%; border-radius: 10px; border: 1.5px solid #000; [/class] [class=quote] position: absolute; overflow: hidden; height: 150px; width: 265px; font-size: 40px; color: #000; top: 30px; left: 120px; line-height: 35px; text-shadow: 3px 3px 0px #fff; [/class] [class=divider] background: url(https://clip.cookdiary.net/sites/default/files/wallpaper/drawn-text/328737/drawn-text-doodle-328737-3660705.png); background-size: 100%; background-position: 50% 0%; position: absolute; overflow: hidden; height: 45px; width: 227px; top: 121px; left: 173px; [/class] [class=text] position: absolute; overflow: hidden; height: 25%; width: 45%; top: 200px; left: 5px; color: #000; font-size: 13px; padding-top: 10px; padding-left: 10px; background-color: rgb(255,255,255,0.9); border: 1.5px solid #000; border-radius: 5px [/class] [class=sub] position: absolute; overflow: height: 20px; width: 200px; font-size: 20px; color: #000; top: 185px; left: 15px; text-transform: uppercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; [/class] [class=text2] position: absolute; overflow: hidden; top: 400px; height: 25%; width: 50%; left: 150px; color: #000; font-size: 13px; padding-top: 10px; padding-left: 10px; background-color: rgb(255,255,255,0.9); border: 1.5px solid #000; border-radius: 5px [/class] [class=sub2] position: absolute; overflow: hidden; height: 25px; width: 200px; font-size: 20px; color: #000; top: 385px; left: 165px; text-transform: uppercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; [/class] [class=text3] position: absolute; overflow: hidden; top: 600px; height: 25%; width: 50%; left: 5px; color: #000; font-size: 13px; padding-top: 10px; padding-left: 10px; background-color: rgb(255,255,255,0.9); border: 1.5px solid #000; border-radius: 5px [/class] [class=sub3] position: absolute; overflow: hidden; height: 25px; width: 200px; font-size: 20px; color: #000; top: 585px; left: 15px; text-transform: uppercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; [/class] [class=text4] position: absolute; overflow: hidden; top: 800px; height: 25%; width: 50%; left: 150px; color: #000; font-size: 13px; padding-top: 10px; padding-left: 10px; background-color: rgb(255,255,255,0.9); border: 1.5px solid #000; border-radius: 5px; margin-bottom: 20px; [/class] [class=sub4] position: absolute; overflow: hidden; height: 25px; width: 200px; font-size: 20px; color: #000; top: 785px; left: 165px; text-transform: uppercase; font-weight: 1000; text-shadow: 3px 3px 0px #fff; [/class] [class=tag] position: relative; overflow: visible; width: auto; height: auto; display: inline-block; background-color: #000; border-radius: .2em; font-size: .8em; line-height: 1em; color: #fff; padding: 0.1em 0.5em 0.1em 0.5em; text-transform: lowercase; margin-right: 0.2em; text-shadow: 1px 1px 0px #241117; [/class] [class=pic2] position: absolute; overflow: visable; left: 220px; height: 175px; width: 175px; top: 200px; background: url(https://i.pinimg.com/474x/06/05/11/060511f429403176a5559521ad337a12.jpg); background-size: 110%; background-position: 50% 0%; border-radius: 100px; border: 2px solid #ff9999 ; [/class] [class=pic3] position: absolute; overflow: visable; left: 5px; height: 150px; width: 150px; top: 405px; background: url(https://i.pinimg.com/564x/f6/a4/d5/f6a4d539a26d664e24a27841d658b457.jpg); background-size: 110%; background-position: 50% 0%; border-radius: 100px; border: 2px solid #ccffff ; [/class] [class=pic4] position: absolute; overflow: visable; left: 240px; height: 150px; width: 150px; top: 605px; background: url(https://i.pinimg.com/474x/3f/0c/7b/3f0c7bd7bee8e99cce592009b4ba7a9d.jpg); background-size: 100%; background-position: 50% 0%; border-radius: 100px; border: 2px solid #ff9999 ; [/class] [class=pic5] position: absolute; overflow: visable; left: 5px; height: 150px; width: 150px; top: 805px; background: url(https://i.pinimg.com/474x/f8/3d/7a/f83d7a426576eba5ff70eda17eae4000.jpg); background-size: 100%; background-position: 50% 0%; border-radius: 100px; border: 2px solid #ccffff ; [/class] [div class=container] [div class=phone2][div class=scroll] [div class=text] [div class=scroll] [div class=tag]Name:[/div]Theodore Yang
[div class=tag]Nickname:[/div]Theo, Ty, or Yang
[div class=tag]Age:[/div]27
[div class=tag]Gender:[/div]Male
[div class=tag]Sexuality:[/div]Heterosexual
[div class=tag]Birthday:[/div]January 2nd, 1993
[div class=tag]fc:[/div]Cha Eun-Woo
[div class=tag]Height:[/div]6ft/183cm
[div class=tag]weight:[/div]141lbs/64kg
[div class=tag]Hair:[/div]Black
[div class=tag]Eyes:[/div]Dark brown
[div class=tag]Style:[/div]X X X
[/div][/div] [div class=sub]Basics[/div] [div class=text2] [div class=scroll] [div class=tag]Strengths:[/div]
Bold
Creative
Practical
Observant
Charming

[div class=tag]Weaknesses:[/div]
Sensitive
Easily Bored
Crappy at long-term planning
Unfocused
Avoids conflict

[div class=tag]likes:[/div]
cooking, food, parties, ladies, poetry, aesthetic, fashion, roller coasters, dancing, and open plans
[div class=tag]dislikes:[/div]
schedules, rules, focusing on the future, meatloaf, nagging, and buzzkills
[div class=tag]Hobbies:[/div]
Theo can often be seen bar hopping or going to local clubs. He also has a bit of an issue with shopping, but how can he not want those new shiny shoes. They'd look so good on him. On the off chance an open mic night is going on anywhere nearby, he'll be there to enjoy the amazing actually funny people, or laugh just as hard the people who can't tell a joke.
[div class=tag]Fears:[/div]
Although he won't admit it, Theo is scared of commitment. He doesn't like to be tied down, whether it's his job or getting married, all kinds of big commitments scare him.
And, um, *ahem* getting someone pregnant or he already did and doesn't know.
[div class=tag]personality type:[/div]ESFP
[/div][/div] [div class=sub2]Personality[/div] [div class=text3] [div class=scroll] [div class=tag]History:[/div]
Theo was born to Candice and Jun-Hee Yang. Candice was the daughter of two immigrant parents in Quebec, Canada, while his father had been the son of a family friend back in Busan, South Korea. They had met when his grandparents were visiting home and the pair just happened to hit it off. Theo was born two years into their marriage. The family of three lived comfortably about an hour north of Toronto in a quiet little suburb. He got along well with the neighbors and the kids at school. He did decent in school, although his teachers often told him he could do better if he tried harder. But school was never really his main focus. He liked to go to the park and play with the other kids. The thing little Theo hadn't known was how his parents relationship would turn out. He thought they were a normal nuclear family. Inside though, his parents fought and they nagged at each other. They argued over bills, over raising him, over simple little mistakes. He thought listening to your parents scream at each other while trying to fall asleep was normal. He learned later that it was not.

Theo lost all sense of normalcy at the age of 12. His parents got a divorce, which was no surprise to most people. No matter how many times people explained that this would make his parents happier, he still didn't want it to happen. Throughout middle and high school he spent the week with his mother and every weekend with his dad. At the age of 16 his mother remarried. His stepdad was nice-ish. The man had the tendency to ridicule his mom, which he didn't like. He also tried to become Theo's 'dad'. Which he really did not like. His mom really knew how to pick them. His dad never remarried. He always seemed sadder to Theo after the divorce.

When Theo turned 18 he was out of that house, away from the nagging of his stepdad and the whining of his mother. With his high school best friend in tow, he rented a small one bedroom apartment. But it was his own (well his and his besties'). After taking a gap year, he went to local college for a year, skipping around from major to major, not really finding anything of interest. His mom had her second divorce when he turned 20. His view of marriage had been soured yet again. It was at this time that he found his true passion. Cooking. He had taken a culinary class on a fluke, but he ended up loving it. Theo took no time at all to start honing in on his craft. It became his creative outlet, his escape.

It was when he went on to culinary school that he learned just how fun going out with your friends could be. He had gotten away from the community college and to one in a larger city. He made a new group of friends who liked to party hard. Theo learned the ropes pretty quickly. Go get some drinks, dance around, and, if you were lucky, take someone home with you. That became his weekends. Months turned to years, and fairly soon he was a new grad at 24 years old. While his grades were never fantastic, he was one of the best chiefs in the kitchen. He was hired on at a nice restaurant shortly after graduating. He's skipped around a little, not staying in one kitchen for too long. Whenever a better option came, he took it.

It was about a year ago when things started to change. He got promoted to executive chief at the restaurant he was working at, he had been at this place the longest out of all his jobs. And, surprisingly he met someone. Sure, he met girls all the time. Once, twice, maybe three times max, but never longer than that. This time, though, someone was able to keep his attention. Analise was a barista at the coffee shop he frequented. The pair happened to walk out at the same time and took the same bus. So, naturally, Theo talked to her. They exchanged phone numbers and the rest was history. Theo had never felt as strongly for anyone. When she told him she didn't like that he went out every single weekend, he stopped. He had been in the most stable spot he had ever been in. He stayed in with her. Took her on dates. Got her flowers. You know, all the things good boyfriends do. Apparently though, it wasn't enough and she lost feelings 6 months in.

Analise breaking up with his was the most crushing feeling in his life. He had never felt so low. You know the people who sit at home and cry with tubs of ice cream? That was Theo for weeks. It's been about four months since their break up. He had this new found want to never be in a committed relationship again. In order to establish some sort of normalcy into his life, Theo just recently decided to go out again. And, man was it good to be back.

[div class=tag]Occupation:[/div]
Executive chief at House of Seoul. It's a high end restaurant that puts a new-aged twist on authentic Korean foods.
[div class=tag]Education:[/div]
Bachelor's degree in Culinary Arts [div class=tag]Residence:[/div]
He lives in nice two bedroom apartment. One of his friends is currently staying in his guest room.
[div class=tag]Important relationships:[/div]
Candice Lee- Mother
Jun-Hee Yang- Father
Analise Reid- Ex-girlfriend
Emmett Brown- Friend and current roommate. [/div][/div] [div class=sub3]Backstory[/div] [div class=text4] [div class=scroll]

[/div][/div] [div class=sub4]Gallery[/div] [div class=pic2][/div][div class=pic3][/div][div class=pic4][/div][div class=pic5][/div] [div class=toppic][/div] [div class=quote]"Hey, it's me..

you alone?"​

[/div] [div class=divider][/div] [/div][/div] [div class=phone] [div class=pic][/div] [div class=title] Theodore Yang [/div] [div class=callin]...is calling[/div] [div class=ring][/div][div class=click] Pick up..? [/div] [/div] [/div]

 

[natasha.]

[div class=variables]

[div class=circle] [div class="tab1"]

[div class="tab2"]

[div class="tab3"]

[div class="tab4"][/div] [div class=line][/div] [/div] [/div]

[div class="tabContents tabContents04 show"]

penelope walsh

in a marriage that's slowly becoming loveless.

[div class="tabContents tabContents01"]

[div class=tag]name

penelope harriet walsh (née markham. she changed her surname after getting married).

[div class=tag]nicknames

she almost exclusively goes by just poppy. she prefers it to her real name.

[div class=tag]gender

cis-female.

[div class=tag]sexuality

heterosexual.

[/div]

[div class=tag]age

twenty-five.

[/div]

[div class=tag]d.o.b

poppy was born on the 31st of december.

[/div]

[div class=tag]p.o.b

poppy was born and raised in london, england. when she was fifteen, her family moved to canada, and she's been living there ever since.

[/div]

[div class=tag]ethnicity

a mix of british and irish from both sides. even now, poppy has retained her british accent, though it isn't as thick as it once was.

[/div]

[div class=tag]citizenship

poppy has a dual canadian and british citizenship.

[/div]

[div class=tag]occupation

screenwriter.

[/div]

[div class=tag]appearance

poppy is of an average height, standing at five feet and five inches tall. she has a rather slender frame, which is purely hereditary. as a youngster, she was often conscious about her skinny frame, but she grew used to it by the time she reached high school. poppy has a fair, almost milky complexion, free of any blemishes except for a few old scars that are remnants of a reckless childhood. she's got striking blue eyes and dirty blonde hair that's wavy and often a mess. she tries to tame it by putting it into a bun but even then, her bangs often fall in her eyes.

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

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

[div class=tag]family

— arthur markham ; father ; deceased.
— marilyn markham ; mother ; deceased.
— jonathon markham ; older brother (29) ; alive.
— oscar walsh ; husband (27) ; alive.

[div class=tag]biography

poppy's parents were high school sweethearts — ironic, given her current state — and they were happily in love even after graduating high school. the pair eloped when poppy's mother found out she was pregnant and her parents more or less kicked her out of the house. while neither her nor poppy's father had stable jobs, they somehow made it work, purely because of their love for each other and their newborn child.

when jonathon, poppy's brother, was born, her father bucked up and got a job at a hotel as a bellhop. over the years, he moved up in the hierarchy and went from carrying bags to making reservations to eventually becoming the head of sales and marketing, thanks to his skill at selling just about anything. by then, poppy was born and a toddler, and the family was living better. they had a bigger house, they could be properly fed and clothed, and even poppy's mother went on to get a job at a local bakery since she had a knack for decorating cakes.

poppy's father eventually landed a position at a five star hotel, but it required them to relocate to canada. while neither poppy nor jonathon were happy about uprooting their lives from school, there was nothing they could do. poppy tried to suck it up and be happy fort he sake of her parents' happiness, though she did act out quite a bit once they reached there. she skipped classes, stayed out past curfew, and got into fights with a bully or two.

only a year into living there, poppy met oscar. he was a year older, and what you'd call 'a jock', but he was smarter than what the stereotype made him out to be, and he was nicer. the two hit it off at a party, and the rest, as they say, was history.

tragedy struck in poppy's final year of high school. oscar was off at college in the next state over, and it was a particularly stormy night. the situation outside was really bad, and people couldn't leave their homes. poppy's parents had gone out of state for a retreat and were driving home that very day. caught up in the storm, their car swerved off the road and they were killed shortly after their car fell into a nearby lake.

the memory has had a lasting effect on poppy, to the extent that she experiences panic attacks whenever it's stormy outside. she has meds to help with it when her anxiety skyrockets, and over the years it's become a little better, but it could still definitely improve.

as she was close to eighteen at the time, and since her brother was twenty-one, he became her guardian till she became legal and she joined oscar in college, taking up a degree that would help her write for the media.

not wanting to wait, oscar and poppy got married that very year, with jonathon being the one to walk her down the aisle, and she and oscar have been living together ever since.

things took a different direction over the years though. while oscar was doing well with college hockey, he didn't go pro. instead, after graduating with a degree, he went into business. he was good at what he did, and it wasn't long before he started working long hours. he got better offers, which allowed the two of them to live quite comfortably, but poppy hardly saw him anymore, especially with her own job, and she's beginning to feel more and more like the spark that was once there, is now fading.

[/div]

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

[div class=tag]positive traits

poppy is a very [div class=tag1]compassionate

person. she cares for other people more than she cares about herself which, while slightly concerning for her own health, means she's extremely [div class=tag1]protective

over her loved ones. having faced loss in the past has only strengthened this quality. poppy is also a very [div class=tag1]vivacious

being. she's loud, and lively, and energetic and enjoys surrounding herself with people who can match her pace.

[/div]

[div class=tag]neutral traits

of her traits that are neither good, nor bad, poppy can be a bit [div class=tag1]competitive

. she doesn't take challenges lightly, and her temper shines brightest when she's competing against someone, no matter what the occasion. poppy is also known to be quite [div class=tag1]flirty[/div]. it's how she and her current husband first hit it off since he was like that too, once. of course, this also means that she can't really control herself around other people. her flirty side tends to make an appearance whether she's aware of it or not.[/div] [/div]

[div class=tag]negative traits

unfortunately, a side effect to living her life out loud is an [div class=tag1]impulsive

streak. she has a habit of acting without thinking through things ad it's gotten her into a lot of hot water in the past. poppy is also quite [div class=tag1]stubborn[/div] and can sometimes be a behave a bit [div class=tag1]bratty[/div] since poppy is used to always having her way. despite this, she at least knows when she's being difficult, and she tries to do her best to correct herself whenever she can.[/div] [/div]

[div class=tag]likes

writing , old movies , animals , cold weather , star wars , dancing , parties , singing (even if she's terrible at it) , traveling.

[/div]

[div class=tag]dislikes

being undermined , rejection , not having her way , creative boundaries , extreme heat , thunder/lightning , storms in general..

[/div]

[div class=tag]ailments

a very mild case of ocd. other than this, poppy struggled with adhd while growing up, but she has slightly better control over it now.

[/div]

[div class=tag]memorable quotes

— "you're quite cute, but you're infinitely forgettable."
— "it's true, i'm insatiable."

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

[/div] [/div][/div] [/div] [/div][/div] [class=variables] cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; --color: #3e9472; [/class] [class=tag] color: var(--color); font-weight: bold; text-transform: uppercase; width: 25%; margin-right: 5%; [/class] [class=tag1] color: var(--color); font-weight: bold; display: inline; [/class] [class=circle] position: relative; height: 300px; width: 300px; box-sizing: border-box; padding: 50px; border-radius: 100%; top: 350px; left: -150px; transition: 0.5s ease; [/class] [class=line] width: 100%; height: 100%; position: relative; top: -120px; background: #fff; border-radius: 100%; color: #222; text-align: center; font-size: 30px; padding-top: 40px; padding-left: 80px; box-sizing: border-box; z-index: 2; transition: 0.5s ease; [/class] [class name=line state=hover] color: var(--color); transition: 0.5s ease; [/class] [class=tab1] height: 30px; width: 30px; text-align: center; font-size: 14px; color: #222; background: #fff; border-radius: 100%; display: flex; flex-direction: column; justify-content: space-evenly; position: relative; top: 50px; left: 105px; transition: 0.5s ease; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab1 state=hover] color: var(--color); transition: 0.5s ease; [/class] [class=tab2] height: 30px; width: 30px; text-align: center; font-size: 14px; color: #222; background: #fff; border-radius: 100%; display: flex; flex-direction: column; justify-content: space-evenly; position: relative; top: 20px; left: 105px; transition: 0.5s ease; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab2 state=hover] color: var(--color); transition: 0.5s ease; [/class] [class=tab3] height: 30px; width: 30px; text-align: center; font-size: 14px; color: #222; background: #fff; border-radius: 100%; display: flex; flex-direction: column; justify-content: space-evenly; position: relative; top: -10px; left: 105px; transition: 0.5s ease; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab3 state=hover] color: var(--color); transition: 0.5s ease; [/class] [class=tab4] height: 30px; width: 30px; text-align: center; font-size: 14px; color: #222; background: #fff; border-radius: 100%; display: flex; flex-direction: column; justify-content: space-evenly; position: relative; top: -40px; left: 105px; transition: 0.5s ease; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab4 state=hover] color: var(--color); transition: 0.5s ease; [/class] [class=selectedTab] color: var(--color); transition: 0.5s ease; [/class] [class=slide1] top: -40px; transition: 0.5s ease; [/class] [class=slide2] top: -50px; left: 155px; transition: 0.5s ease; [/class] [class=slide3] top: -42px; left: 193px; transition: 0.5s ease; [/class] [class=slide4] top: -25px; left: 210px; transition: 0.5s ease; [/class] [class=tabContents] position: absolute; opacity: 0; transition: 1s ease; width: 580px; height: 500px; font-size: 13px; line-height: 22px; font-family: Avenir; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=line on=mouseenter] if (eq ${open} 0) (addClass slide1 tab1) if (eq ${open} 0) (addClass slide2 tab2) if (eq ${open} 0) (addClass slide3 tab3) if (eq ${open} 0) (addClass slide4 tab4) [/script] [script class=circle on=mouseleave] if (eq ${open} 0) (removeClass slide1 tab1) if (eq ${open} 0) (removeClass slide2 tab2) if (eq ${open} 0) (removeClass slide3 tab3) if (eq ${open} 0) (removeClass slide4 tab4) [/script] [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]