[ ๐›๐ฎ๐ฅ๐ฅ๐ž๐ญ ๐ฐ๐ข๐ญ๐ก ๐›๐ฎ๐ญ๐ญ๐ž๐ซ๐Ÿ๐ฅ๐ฒ ๐ฐ๐ข๐ง๐ ๐ฌ ]

astrowrld

why don't you get a grip?
fitz' character storage.
some characters may have a google doc link, some are still in progress, some are completely finished.
if they're currently being used i will make note of that.
do not post, if you want to roleplay with a character just shoot me a message.
my layout may change. idk yet.
 
Last edited:
1) e.k. o'malley
currently being used.

[div class=variables]
[div class=leaf1]
[div class="tab selectedTab tab1"]general
[div class="tab tab2"]appearance
[div class="tab tab3"]personality
[div class="tab tab4"]background
[/div] [/div] [/div]
[div class="tabContents tabContents01 show"]
[div class=tag]name
elliot kiet o'malley.

[div class=tag]nickname
ellie.

[div class=tag]age
nineteen.

[div class=tag]gender
cisgender male.
[/div]
[div class=tag]sexuality
homosexual.
[/div]
[div class=tag]ethnicity
thai / canadian.
[/div]
[div class=tag]nationality
american.
[/div]
[div class=tag]occupation
works at his dad's gym.
[/div]
[div class=tag]theme song
lost โ€” frank ocean
[/div]
[div class=tag]quote
for a twink, he's very sure of himself.
[/div]
[/div][/div]
[div class=leaf2]
[/div]
[div class=leaf3]
[/div] [/div] [div class="tabContents tabContents02"]
[div class=arrow1][/div]
hazel green eyes
with flecks of gold.
[div class=arrow2][/div]
a mop of dark brown
curls that he'll sometimes straighten.
[div class=arrow3][/div]
5'9" / 159 pounds
[div class=arrow4][/div]
light brown skin, that darkens
in the summertime
[/div] [div class="tabContents tabContents03"]
[div class=tag]+ loyal
elliot is loyal to the end of his days, whether it be to a person, place, or thing. if he's decided that you're worth trusting, he'll practically devote his life to you. he isn't one to betray his friends or family, and will always have his arms open for them.
[div class=tag]+ trustworthy
elliot knows when to not tell a secret, and if he says he's going to do something, there's a high chance he'll do it, with only mild complaints. he knows how it feels to have trust broken, and does his best to not be the same for others.
[div class=tag]+ protective
elliot might not be the strongest person around, but he's protective over the few things he has left. he's often been likened to an angry chihuahua with how he gets sometimes, but he just cares too much about people and the things he has, and wants to protect them with everything he's got. [/div] [/div][/div]
[div class=tag]- impatient
elliot has a tendency to want things as soon as he asks for them, and will get mildly irritated if it doesn't happen as quick as he'd like. he's trying to overcome this, because he knows how much it gets on his dad's nerves.
[div class=tag]- cautious
it often takes elliot quite some time to trust others. due to the turmoil he's experienced in his life, it's often hard for him to instantly trust others, even if they do catch his eye immediately.
[div class=tag]- indecisive
it's often incredibly hard for elliot to make a decision on things, and will often leave those decisions until the last minute. it's impossible to pick where to eat with him, but he's trying to get better at just his decision making skills as a whole. [/div] [/div][/div] [div class=leaf4][/div] [div class=leaf5][/div] [/div] [div class="tabContents tabContents04"]
vincent and sasithorn were a happy couple. married when the two were in their early twenties, vincent was still riding the high of his very successful career as a pro boxer, and sasi was a successful real estate agent in the las vegas area. the two never really imagined the white picket fence life, but sasi soon found out she was pregnant, and that life immediately came to fruition. nine months later, elliot was born, and he quickly became the apple of his parents eyes'.

vincent put his career on hold when elliot was born, wanting to help sasi take care of their son, and didn't go back to professional boxing until elliot turned two. elliot's childhood was a happy one, spending most of his time with his mom or in the care of his uncle, anthony. their life was a relatively normal one, but that changed when elliot was seven years old.

sasi had been diagnosed with lung cancer, and was given less than a year to live. this information had been, for the most part, withheld from elliot, unsure why his mom kept going to the hospital and why she kept on looking more and more tired as the days went on. vincent wasn't keen on telling him why that was happening either, and so left elliot in the dark about it until sasi was truly at her worst. in an effort to help her with her pain, her doctor had prescribed her opioids, and sasi slowly but surely became addicted to them. almost six months after her diagnosis, elliot went into her room one evening to tell her that dinner was ready, and was instead greeted to the sight of his mother lying on her bed, dead from a prescription medication overdose.

the screams that filled the o'malley house afterwards would be something that haunted vincent for years. The o'malley household felt cold and empty after the funeral, the life that once filled it completely gone. vincent sunk into a deep depression, and elliot went to live with his aunt and uncle for the time being until vincent was finally able to get back on his feet.

elliot had nightmares for months afterwards about his mom, and when he finally went back to live with his dad, they slowly began to subside. the father and son duo healed together, and vincent retired from boxing to open up his own boxing gym in vegas, training boxers who wanted to be the next big thing. elliot would often be at the gym doing homework or just hanging out, considering his dad was extremely against the thought of elliot even being a boxer.

at age sixteen, elliot came to the conclusion after years of questioning that he was gay, and secretly began to date one of his classmates, a boy by the name of jason henrick. their relationship didn't last very long, just due to the fear elliot had of his dad finding out, and they broke up soon afterwards. at age seventeen, elliot finally came out to his dad through plenty of tears, and vincent accepted his son with open arms. when elliot began attending the university of nevada, located in las vegas, he continued to live with his dad, picking up a job at the gym in order to make some spare change when he's not in classes. he doesn't mind the hours, especially considering the eye candy he gets to witness sometimes at the gym. there's someone who's definitely caught his eye, though...
[div class=tag]vincent o'malley
father. former world famous boxer. alive. elliot still lives with his father and works at the gym his dad owns. their relationship is kinda strained at times, but vincent tries his best to be there for his son.
[div class=tag]sasithorn o'malley
mother. maiden name was bunma. deceased. she passed when elliot was young, and elliot misses her a lot. her death heavily affected him in ways he doesn't really like talking about.
[/div]
[div class=tag]anthony o'malley
paternal uncle. alive. elliot and anthony's relationship is alright, and elliot often feels closer to his uncle than his dad sometimes. they're pretty close, if he says so himself.
[/div] [/div]
[/div] [/div] [/div] [/div][/div] https://www.rpnation.com/threads/โ€-โ€”-๐˜ต๐˜ฉ๐˜ฆ-๐˜ค๐˜ฐ๐˜ฅ๐˜ฆ-๐˜จ๐˜ข๐˜ณ๐˜ฅ๐˜ฆ๐˜ฏ.466575/[/div] [class=variables] cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; --color: #23409e; [/class] [class=leaf1]position: relative; height: 100px; width: 100px; background: url(https://i.imgur.com/vpB3bchr.png); background-size: cover; top: 40px; left: 280px;[/class] [class=leaf2]position: relative; height: 120px; width: 120px; background: url(https://i.imgur.com/0kD2Kvw.png); background-size: cover; top: 40px; left: 200px;[/class] [class=leaf3]position: relative; height: 120px; width: 120px; background: url(https://i.imgur.com/2eaiBLN.png); background-size: cover; top: 40px; right: 130px;[/class] [class=leaf4]width: 200px; height: 200px; background: url(https://i.imgur.com/JyLxBJO.png); background-size: cover; position: relative; top: -480px; left: 600px;[/class] [class=leaf5]width: 200px; height: 200px; background: url(https://i.imgur.com/JyLxBJO.png); background-size: cover; position: relative; top: -400px; left: 10px; transform: scaleX(-1);[/class] [class=arrow1]width: 80px; height: 80px; position: relative; top: -150px; left: 240px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092513-200.png); background-size: cover;[/class] [class=arrow2]width: 60px; height: 60px; position: relative; top: -380px; left: 450px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092509-200.png); background-size: cover;[/class] [class=arrow3]width: 80px; height: 80px; position: relative; top: -690px; left: 240px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092513-200.png); background-size: cover;[/class] [class=arrow4]width: 100px; height: 100px; position: relative; top: -810px; left: 610px; transform: rotate(-10deg); background: url(https://static.thenounproject.com/png/1563367-200.png); mix-blend-mode: multiply; background-size: cover;[/class] [class=tag] color: var(--color); text-transform: uppercase; font-family: Playfair Display; font-size: 16px; [/class] [class=tab] font-family: Avenir; color: #999; font-size: 13px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #999; display: inline-block; text-align: center; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] letter-spacing: 3px; transition: 1s all ease-in-out; [/class] [class=selectedTab] color: var(--color); border-bottom: 1px solid var(--color); transition: 1s all ease-in-out; letter-spacing: 3px; transform: scale(1.1); [/class] [class=tabContents] position: absolute; opacity: 0; transition: 1s all ease-in-out; width: 800px; font-size: 13px; line-height: 26px; color: #000; height: 500px; box-sizing: border-box; font-family: Avenir; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
Last edited:
2) a.k. mikaelson
[div class=variables]
[div class=leaf1]
[div class="tab selectedTab tab1"]general
[div class="tab tab2"]appearance
[div class="tab tab3"]personality
[div class="tab tab4"]background
[/div] [/div] [/div]
[div class="tabContents tabContents01 show"]
[div class=tag]name
augustus klausovich mikaelson.

[div class=tag]nickname
gus, auggie.

[div class=tag]age
twenty-four.

[div class=tag]gender
cisgender male.
[/div]
[div class=tag]sexuality
homosexual.
[/div]
[div class=tag]ethnicity
russian.
[/div]
[div class=tag]nationality
russian.
[/div]
[div class=tag]occupation
hitman for hire.
[/div]
[/div][/div]
[div class=leaf2]
[/div]
[div class=leaf3]
[/div] [/div] [div class="tabContents tabContents02"]
[div class=arrow1][/div]
dark brown eyes
[div class=arrow2][/div]
dark brown hair, messily
cut and very unruly
[div class=arrow3][/div]
6'1" / 185 lbs
[div class=arrow4][/div]
very pale complexion, will tan
in the summer
[/div] [div class="tabContents tabContents03"]
[div class=tag]+ passionate
augustus cares deeply about others, and will often follow his goals to the end. he gives his all in everything he does, and is not one to do a half assed job.
[div class=tag]+ honest
augustus is not one to lie, especially when high stakes are involved. he's been lied to enough in his life, and despises lying to others or being lied to.
[div class=tag]+ trustworthy
if augustus is trusted with something, you can most definitely expect him to take the utmost care of it. he's not one to spill secrets either, and wants to be trusted by others. [/div] [/div][/div]
[div class=tag]- anger
augustus has a bit of a hair trigger temper, and it doesn't really take much to get him angry. it's only worse when he's drunk, a state he often finds himself in.
[div class=tag]- closed off
augustus is incredibly closed off, not one to talk about his past or his feelings easily. he's not a fan of talking about himself.
[div class=tag]- insecure
despite knowing that he's pretty good at a lot of things, augustus is insecure in himself, mainly due to the combination of his religious upbringing and the route his life has taken. [/div] [/div][/div] [div class=leaf4][/div] [div class=leaf5][/div] [/div] [div class="tabContents tabContents04"]
augustus mikaelson was born to loving parents in volgograd, russia in 1996. the first year of augustus being on this earth was fairly normal, the small family living on the outskirts of volgograd, but tragedy quickly struck the mikaelsonโ€™s, when augustus was one year old. his parents, klaus and sinoviya, passed suddenly in a car crash, leaving augustus in the care of the foster system, which could only have been described as a harsh. he found himself at saint maryโ€™s orphanage, and he stayed there until he was thirteen years old.

a man by the name of yevgeny came and adopted him at the age of thirteen, something that was practically unheard of. most children at saint maryโ€™s either aged out at eighteen or got adopted before they turned five, and augustus was neither of those.

yevgenyโ€™s only motive for adopting augustus was because he saw a fire in the eyes of the boy, and wanted to train him within the mafia to be a hitman and a perfect right hand man. as augustus grew older, he attracted the attention of some of the older members, including one of the heads, miloslav yahontav, who had become increasingly interested in augustus. fearful of what miloslav could do to him, augustus quickly began forming a plan to leave the mafia and escape to the united states. he enlisted the bykov brothers to help, and they escaped to the states.

augustus now resides in a small apartment in las vegas, and he lives by himself with his cat, ivana. he works as a waiter at a local diner, but his main source of income is being a hitman for hire for local crime lords around the city. he doesnโ€™t let his knowledge in hand to hand combat and handguns go to waste, either.
[div class=tag]tba
tba
[div class=tag]tba
tba
[/div]
[div class=tag]tba
tba
[/div] [/div]
[/div] [/div] [/div] [/div][/div] https://www.rpnation.com/threads/โ€-โ€”-๐˜ต๐˜ฉ๐˜ฆ-๐˜ค๐˜ฐ๐˜ฅ๐˜ฆ-๐˜จ๐˜ข๐˜ณ๐˜ฅ๐˜ฆ๐˜ฏ.466575/[/div] [class=variables] cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; --color: #e63b25; [/class] [class=leaf1]position: relative; height: 100px; width: 100px; background: url(https://i.imgur.com/vpB3bchr.png); background-size: cover; top: 40px; left: 280px;[/class] [class=leaf2]position: relative; height: 120px; width: 120px; background: url(https://i.imgur.com/0kD2Kvw.png); background-size: cover; top: 40px; left: 200px;[/class] [class=leaf3]position: relative; height: 120px; width: 120px; background: url(https://i.imgur.com/2eaiBLN.png); background-size: cover; top: 40px; right: 130px;[/class] [class=leaf4]width: 200px; height: 200px; background: url(https://i.imgur.com/JyLxBJO.png); background-size: cover; position: relative; top: -480px; left: 600px;[/class] [class=leaf5]width: 200px; height: 200px; background: url(https://i.imgur.com/JyLxBJO.png); background-size: cover; position: relative; top: -400px; left: 10px; transform: scaleX(-1);[/class] [class=arrow1]width: 80px; height: 80px; position: relative; top: -150px; left: 240px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092513-200.png); background-size: cover;[/class] [class=arrow2]width: 60px; height: 60px; position: relative; top: -380px; left: 450px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092509-200.png); background-size: cover;[/class] [class=arrow3]width: 80px; height: 80px; position: relative; top: -690px; left: 240px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092513-200.png); background-size: cover;[/class] [class=arrow4]width: 100px; height: 100px; position: relative; top: -810px; left: 610px; transform: rotate(-10deg); background: url(https://static.thenounproject.com/png/1563367-200.png); mix-blend-mode: multiply; background-size: cover;[/class] [class=tag] color: var(--color); text-transform: uppercase; font-family: Playfair Display; font-size: 16px; [/class] [class=tab] font-family: Avenir; color: #999; font-size: 13px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #999; display: inline-block; text-align: center; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] letter-spacing: 3px; transition: 1s all ease-in-out; [/class] [class=selectedTab] color: var(--color); border-bottom: 1px solid var(--color); transition: 1s all ease-in-out; letter-spacing: 3px; transform: scale(1.1); [/class] [class=tabContents] position: absolute; opacity: 0; transition: 1s all ease-in-out; width: 800px; font-size: 13px; line-height: 26px; color: #000; height: 500px; box-sizing: border-box; font-family: Avenir; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
Last edited:
3) a.a. bykov
[div class=variables]
[div class=leaf1]
[div class="tab selectedTab tab1"]general
[div class="tab tab2"]appearance
[div class="tab tab3"]personality
[div class="tab tab4"]background
[/div] [/div] [/div]
[div class="tabContents tabContents01 show"]
[div class=tag]name
anatoly aleksandrovich bykov.

[div class=tag]nickname
tolya.

[div class=tag]age
twenty-four.

[div class=tag]gender
cisgender male.
[/div]
[div class=tag]sexuality
bisexual.
[/div]
[div class=tag]ethnicity
russian.
[/div]
[div class=tag]nationality
russian.
[/div]
[div class=tag]occupation
getaway driver + hitman for hire.
[/div]
[/div][/div]
[div class=leaf2]
[/div]
[div class=leaf3]
[/div] [/div] [div class="tabContents tabContents02"]
[div class=arrow1][/div]
hazel green
[div class=arrow2][/div]
cut short, but
always looks unruly
[div class=arrow3][/div]
6"2' / 190 lbs
[div class=arrow4][/div]
pale, and finds it
hard to tan
[/div] [div class="tabContents tabContents03"]
[div class=tag]+ve trait
info here.
[div class=tag]+ve trait
info here.
[div class=tag]+ve trait
info here. [/div] [/div][/div]
[div class=tag]-ve trait
info here.
[div class=tag]-ve trait
info here.
[div class=tag]-ve trait
info here. [/div] [/div][/div] [div class=leaf4][/div] [div class=leaf5][/div] [/div] [div class="tabContents tabContents04"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus mauris, non efficitur justo. Maecenas in rhoncus felis. Donec eu dolor sed lectus aliquet cursus eget sit amet magna. Sed semper faucibus dui, pellentesque dignissim eros pellentesque at. Sed eu libero pellentesque, rhoncus est eget, ultrices odio. Donec pulvinar erat dolor, ac congue arcu fermentum vitae. Quisque sit amet consequat dui, ac facilisis velit. Etiam nec odio sed diam tincidunt tincidunt. In tempor eu nisi nec venenatis. Duis ipsum turpis, mattis non consectetur eget, fringilla et turpis.

Fusce aliquet facilisis turpis id aliquet. Mauris at turpis vel erat maximus elementum. Quisque mollis ligula justo, eget dignissim libero auctor quis. Fusce id blandit eros. Donec in felis et purus lobortis tincidunt sit amet a felis. Suspendisse auctor lacinia erat non consectetur. Nunc at diam ac metus condimentum aliquam vel nec magna. Suspendisse congue velit vel dui accumsan, convallis fermentum leo rhoncus.

Praesent quis libero turpis. Nulla facilisi. Phasellus sagittis lacus dui, nec viverra tortor euismod eu. Pellentesque commodo urna vitae metus tempus rhoncus. Phasellus sit amet tortor et nibh cursus congue nec sed diam. Praesent vehicula risus pulvinar pellentesque mollis. Phasellus nunc orci, aliquam at aliquam eget, ultricies ut velit. Praesent suscipit sem id maximus porttitor. Vestibulum lobortis dictum congue. Vivamus erat turpis, faucibus id dolor sit amet, condimentum egestas diam. Integer eget massa facilisis, ultricies nunc in, mollis quam.

Vivamus tristique orci dui, a dapibus lectus sollicitudin a. Nulla facilisi. Vestibulum rutrum, ex ac interdum commodo, arcu enim pharetra dolor, id sollicitudin justo orci tristique tortor. Quisque in ligula porta, elementum enim at, volutpat neque. Praesent auctor finibus lobortis. Aliquam viverra euismod erat vel finibus. Maecenas sed quam ornare, ornare lorem at, lacinia ex. Nunc in tortor elit.
[div class=tag]character name
small description.
[div class=tag]character name
small description.
[/div]
[div class=tag]character name
small description.
[/div] [/div]
[/div] [/div] [/div] [/div][/div] https://www.rpnation.com/threads/โ€-โ€”-๐˜ต๐˜ฉ๐˜ฆ-๐˜ค๐˜ฐ๐˜ฅ๐˜ฆ-๐˜จ๐˜ข๐˜ณ๐˜ฅ๐˜ฆ๐˜ฏ.466575/[/div] [class=variables] cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; --color: #6c9157; [/class] [class=leaf1]position: relative; height: 100px; width: 100px; background: url(https://i.imgur.com/vpB3bchr.png); background-size: cover; top: 40px; left: 280px;[/class] [class=leaf2]position: relative; height: 120px; width: 120px; background: url(https://i.imgur.com/0kD2Kvw.png); background-size: cover; top: 40px; left: 200px;[/class] [class=leaf3]position: relative; height: 120px; width: 120px; background: url(https://i.imgur.com/2eaiBLN.png); background-size: cover; top: 40px; right: 130px;[/class] [class=leaf4]width: 200px; height: 200px; background: url(https://i.imgur.com/JyLxBJO.png); background-size: cover; position: relative; top: -480px; left: 600px;[/class] [class=leaf5]width: 200px; height: 200px; background: url(https://i.imgur.com/JyLxBJO.png); background-size: cover; position: relative; top: -400px; left: 10px; transform: scaleX(-1);[/class] [class=arrow1]width: 80px; height: 80px; position: relative; top: -150px; left: 240px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092513-200.png); background-size: cover;[/class] [class=arrow2]width: 60px; height: 60px; position: relative; top: -380px; left: 450px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092509-200.png); background-size: cover;[/class] [class=arrow3]width: 80px; height: 80px; position: relative; top: -690px; left: 240px; transform: rotate(30deg); background: url(https://static.thenounproject.com/png/2092513-200.png); background-size: cover;[/class] [class=arrow4]width: 100px; height: 100px; position: relative; top: -810px; left: 610px; transform: rotate(-10deg); background: url(https://static.thenounproject.com/png/1563367-200.png); mix-blend-mode: multiply; background-size: cover;[/class] [class=tag] color: var(--color); text-transform: uppercase; font-family: Playfair Display; font-size: 16px; [/class] [class=tab] font-family: Avenir; color: #999; font-size: 13px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #999; display: inline-block; text-align: center; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] letter-spacing: 3px; transition: 1s all ease-in-out; [/class] [class=selectedTab] color: var(--color); border-bottom: 1px solid var(--color); transition: 1s all ease-in-out; letter-spacing: 3px; transform: scale(1.1); [/class] [class=tabContents] position: absolute; opacity: 0; transition: 1s all ease-in-out; width: 800px; font-size: 13px; line-height: 26px; color: #000; height: 500px; box-sizing: border-box; font-family: Avenir; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 [/script] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class]
 
Last edited:

Users who are viewing this thread

Back
Top