• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Fantasy Don't Break Down Here | Characters

Main
Here
Characters
Here
Other
Here

apolla

❛ it's only love, nobody dies ❜

[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]
"Be Creative!"
[/div]


Character Sheets

**REALISTIC pictures only please!**

Name:
Nickname:
Age: [18-21]
Gender:
Sexuality:

Face Claim:
Eye Color:
Hair Color:
Height/Weight:
Tattoos/Piercings/Etc.

Likes: [3+]
Dislikes: [3+]
Power: [ONE; humans; optional]
Personality: [1-2 paragraphs or 3pos/3neg]
Bio: [1-2 paragraphs]

Theme Song:
Anything Extra:

Relationships: N/A [until accepted]


[/div]
codedbycrucialstar | hidden scrolls, hover over photo
 
Last edited:
[class=bkgd] --highlight: #000000; --lowlight: #000000; --color1: #778899; --color2: #DCDCDC; --color3: #778899; --color4: #B0C4DE; --color5: #FFC0CB; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 4px; width: 500px; height: 350px; background-color: var(--color2); overflow: hidden; border-radius: 10px; box-shadow: 5px 5px 0px var(--color3); cursor: url('https://i.imgur.com/FMvuswx.png'), auto; [/class] [class=splash] position: absolute; width: 100%; height: 100%; background-color: var(--color5); [/class] [class=splashpic] position: absolute; width: 200px; height: 200px; top: 65px; left: 150px; background: url(https://i.pinimg.com/originals/1a/c8/d5/1ac8d544dc6cd874cb7ffd2f5b8a968c.jpg); background-size: 100%; background-position: 50% 50%; border-radius: 10px; [/class] [class=splashpicshadow] position: absolute; width: 195px; height: 195px; top: 75px; left: 160px; border: 5px solid var(--color1); border-radius: 10px; [/class] [class=splashname] position: absolute; width: 100%; height: auto; top: 35px; padding-left: 80px; text-align: left; font-size: 30px; color: var(--highlight); text-shadow: 3px 3px 0px var(--color4); font-weight: 700; font-style: italic; text-transform: lowercase; [/class] [class=splashrole] position: absolute; width: 85%; height: auto; top: 250px; text-align: right; font-size: 27px; color: var(--lowlight); text-shadow: 3px 3px 0px var(--color1); font-weight: 700; font-style: italic; text-transform: lowercase; [/class] [class=pic] position: absolute; width: 150px; height: 150px; top: 25px; left: 30px; background: url(https://66.media.tumblr.com/be6484baaadca06b5d4c4f295ffed7d1/tumblr_inline_ps8i36AHNv1rjxgbh_1280.gif); background-size: 180%; background-position: 50% 50%; border-radius: 10px; transition-duration: 0.3s; [/class] [class name=pic state=hover] background: url(https://media.giphy.com/media/uLRIKdRAZyG1q/giphy.gif); background-size: 100%; background-position: 100% 60%; transition-duration: 0.3s; [/class] [class=picshadow] position: absolute; width: 145px; height: 145px; top: 30px; left: 35px; border: 4px solid var(--color1); border-radius: 10px; [/class] [class=name] position: absolute; width: 150px; height: auto; top: 190px; left: 30px; text-align: center; font-size: 20px; line-height: 20px; color: var(--highlight); text-shadow: 3px 3px 0px var(--color4); font-weight: 700; font-style: italic; text-transform: lowercase; [/class] [class=tab] position: absolute; width: 130px; height: 16px; background: var(--color5); border-radius: 5px; transition-duration: 0.3s; color: var(--highlight); font-size: 12px; line-height: 16px; font-weight: 700; text-transform: lowercase; text-align: center; font-style: italic; box-shadow: 2px 2px 0px var(--color1); [/class] [class name=tab state=hover] background: var(--color3); transition-duration: 0.3s; [/class] [class=textcontainer] position: absolute; width: 300px; height: 300px; left: 220px; top: 30px; overflow: hidden; [/class] [class=text] position: relative; width: 260px; height: 100%; overflow: auto; color: var(--lowlight); font-size: 10px; line-height: 12px; text-align: justify; padding-right: 100px; white-space: pre-wrap; padding-top: 2px; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; font-size: 9px; text-align: center; margin-right: 5px; padding: 1px 3px 1px 3px; text-transform: lowercase; border: 2px solid var(--color1); border-radius: 3px; color: var(--color3); font-weight: 700; letter-spacing: 0px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.2; [/class] [script class=button on=click] addClass slideleft splash [/script] [class=slideleft] animation-name: {post_id}sleft; animation-duration: 1.7s; animation-fill-mode: forwards; [/class] [animation=sleft] [keyframe=0]transform: translateX(0%);[/keyframe] [keyframe=100]transform: translateX(-100%);visibility:hidden;[/keyframe] [/animation] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 400 tabsContent1) if (eq ${currentTab} persona) (fadeIn 400 tabsContent2) if (eq ${currentTab} backstory) (fadeIn 400 tabsContent3) if (eq ${currentTab} extras) (fadeIn 400 tabsContent4) [/script] [class=hidden] display:none; [/class] [div class=bkgd] [div class=picshadow][/div] [div class=pic][/div] [div class=name]you can't save me.[/div] [div class=tab style="top: 245px; left: 40px;"]basics[/div] [div class=tab style="top: 267px; left: 40px;"]persona[/div] [div class=tab style="top: 289px; left: 40px;"]backstory[/div] [div class=tab style="top: 311px; left: 40px;"]extras[/div] [div class="textcontainer tabsContent tabsContent1"][div class=text][div class=tag]name[/div] Katherine Renee Simonson [div class=tag]nickname[/div] Kit-kat, Kitty, Kat [div class=tag]age[/div] 19 [div class=tag]gender[/div] Female [div class=tag]sexuality[/div] Bisexual [div class=tag]face claim[/div] Sofia Carson [div class=tag]eye color[/div] Hazel [div class=tag]hair color[/div] Dark, almost black [div class=tag]height[/div] 5'6 [div class=tag]weight[/div] 140lbs [div class=tag]body mods[/div] These on her wrist [/div][/div] [div class="textcontainer tabsContent tabsContent2 hidden"][div class=text][div class=tag]likes[/div] texting | singing | writing | attention | her favorite stuffed owl [div class=tag]dislikes[/div] her mom when not medicated | losing loved ones | sushi | glitter | unsweet tea [div class=tag]power[/div] Darkness Manipulation [div class=tag]personality[/div] (+) passionate (+) assertive (+) determined (-) impulsive (-) impatient (-) proud [/div][/div] [div class="textcontainer tabsContent tabsContent3 hidden"][div class=text][div class=tag]bio[/div] Katherine, first of all, hates her full name. She's hated it ever since she was a child, because it's what her mother would call her when she was angry, and that was often. Kat grew up a daddy's girl; the two were practically inseparable. When he came home from work, Kat was there. She was his little Kit-Kat, and she loved him. Truthfully, there might not have been love lost between Kat and her mother if her mother had been properly medicated during Kat's upbringing. But that was always the problem. A diagnosed schizophrenic who always stopped her medications when she was 'feeling better', she put Kat and her father through hell, but Kat always had her father to hide behind. There were times with her mother would withdraw from them, spending hours upon hours upon days holed up in her room, with the TV off and the blinds drawn. It was mistaken for depression, but during her 'highs' the woman would lose touch with reality, or laugh or cry at inappropriate times. For example, when her father died in a motor vehicle accident, her mother didn't even cry at the funeral. She laughed at the gathering after, hysterical laughter that turned to hostility when a family member asked her why she was laughing. Kat ended up having to pretty much drag her mom from the event, and the resounding fight nearly destroyed the interior of their house. Kat ended up just spending as much time away from her home as possible, getting in with a group of friends that allowed her to do so. [/div][/div] [div class="textcontainer tabsContent tabsContent4 hidden"][div class=text][div class=tag]theme song[/div] [div class=tag style="display: block;"]gallery[/div]
tumblr_p7kwz3RR5J1wuthhfo1_400.gif
tumblr_inline_prstacZJVY1rjxgbh_1280.gif
original.gif
[/div][/div] [div class="splash button"] [div class=splashpicshadow][/div] [div class=splashpic][/div] [div class=splashname]katherine[/div] [div class=splashrole]"kitty"[/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited:
[class=bkgd] --highlight: #000000; --lowlight: #000000; --color1: #778899; --color2: #DCDCDC; --color3: #778899; --color4: #B0C4DE; --color5: #d3d3d3; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 4px; width: 500px; height: 350px; background-color: var(--color2); overflow: hidden; border-radius: 10px; box-shadow: 5px 5px 0px var(--color3); cursor: url('https://i.imgur.com/FMvuswx.png'), auto; [/class] [class=splash] position: absolute; width: 100%; height: 100%; background-color: var(--color5); [/class] [class=splashpic] position: absolute; width: 200px; height: 200px; top: 65px; left: 150px; background: url(https://lastfm.freetls.fastly.net/i/u/770x0/b9c88d71dd404138c1e9e557cf1a1937.jpg); background-size: 150%; background-position: 50% 50%; border-radius: 10px; [/class] [class=splashpicshadow] position: absolute; width: 195px; height: 195px; top: 75px; left: 160px; border: 5px solid var(--color1); border-radius: 10px; [/class] [class=splashname] position: absolute; width: 100%; height: auto; top: 35px; padding-left: 80px; text-align: left; font-size: 30px; color: var(--highlight); text-shadow: 3px 3px 0px var(--color4); font-weight: 700; font-style: italic; text-transform: lowercase; [/class] [class=splashrole] position: absolute; width: 85%; height: auto; top: 250px; text-align: right; font-size: 27px; color: var(--lowlight); text-shadow: 3px 3px 0px var(--color1); font-weight: 700; font-style: italic; text-transform: lowercase; [/class] [class=pic] position: absolute; width: 150px; height: 150px; top: 25px; left: 30px; background: url(https://66.media.tumblr.com/13d0b09420122ca16421b45255b40d0d/tumblr_on8tckQXhB1qlt4tao1_1280.jpg); background-size: 100%; background-position: 50% 50%; border-radius: 10px; transition-duration: 0.3s; [/class] [class name=pic state=hover] background: url(https://bildix.mmcloud.se/bildix/api/images/Y5l2tvoryHP_dbjtI_Vkld07nOA.jpeg?fit=crop&w=300); background-size: 100%; background-position: 100% 60%; transition-duration: 0.3s; [/class] [class=picshadow] position: absolute; width: 145px; height: 145px; top: 30px; left: 35px; border: 4px solid var(--color1); border-radius: 10px; [/class] [class=name] position: absolute; width: 150px; height: auto; top: 190px; left: 30px; text-align: center; font-size: 20px; line-height: 20px; color: var(--highlight); text-shadow: 3px 3px 0px var(--color4); font-weight: 700; font-style: italic; text-transform: lowercase; [/class] [class=tab] position: absolute; width: 130px; height: 16px; background: var(--color5); border-radius: 5px; transition-duration: 0.3s; color: var(--highlight); font-size: 12px; line-height: 16px; font-weight: 700; text-transform: lowercase; text-align: center; font-style: italic; box-shadow: 2px 2px 0px var(--color1); [/class] [class name=tab state=hover] background: var(--color3); transition-duration: 0.3s; [/class] [class=textcontainer] position: absolute; width: 300px; height: 300px; left: 220px; top: 30px; overflow: hidden; [/class] [class=text] position: relative; width: 260px; height: 100%; overflow: auto; color: var(--lowlight); font-size: 10px; line-height: 12px; text-align: justify; padding-right: 100px; white-space: pre-wrap; padding-top: 2px; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; font-size: 9px; text-align: center; margin-right: 5px; padding: 1px 3px 1px 3px; text-transform: lowercase; border: 2px solid var(--color1); border-radius: 3px; color: var(--color3); font-weight: 700; letter-spacing: 0px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.2; [/class] [script class=button on=click] addClass slideleft splash [/script] [class=slideleft] animation-name: {post_id}sleft; animation-duration: 1.7s; animation-fill-mode: forwards; [/class] [animation=sleft] [keyframe=0]transform: translateX(0%);[/keyframe] [keyframe=100]transform: translateX(-100%);visibility:hidden;[/keyframe] [/animation] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 400 tabsContent1) if (eq ${currentTab} persona) (fadeIn 400 tabsContent2) if (eq ${currentTab} backstory) (fadeIn 400 tabsContent3) if (eq ${currentTab} extras) (fadeIn 400 tabsContent4) [/script] [class=hidden] display:none; [/class] [div class=bkgd] [div class=picshadow][/div] [div class=pic][/div] [div class=name]you can't save me.[/div] [div class=tab style="top: 245px; left: 40px;"]basics[/div] [div class=tab style="top: 267px; left: 40px;"]persona[/div] [div class=tab style="top: 289px; left: 40px;"]backstory[/div] [div class=tab style="top: 311px; left: 40px;"]extras[/div] [div class="textcontainer tabsContent tabsContent1"][div class=text][div class=tag]name[/div] Lorenzo Miguel Burton [div class=tag]nickname[/div] Enzo [div class=tag]age[/div] Appears to be in his late 20's [div class=tag]gender[/div] Male [div class=tag]sexuality[/div] Heteroflexible [div class=tag]face claim[/div] Linus Svenning [div class=tag]eye color[/div] Brown [div class=tag]hair color[/div] Black [div class=tag]height[/div] 6'2 [div class=tag]weight[/div] 210lbs [div class=tag]body mods[/div] A sleeve on his left arm [/div][/div] [div class="textcontainer tabsContent tabsContent2 hidden"][div class=text][div class=tag]likes[/div] fast cars | women | scotch & whiskey | being in charge | winning [div class=tag]dislikes[/div] being betrayed | cats | pop music | flannel | video games [div class=tag]power[/div] n/a [div class=tag]personality[/div] (+) dominant (+) confident (+) intelligent (-) hot headed (-) selfish (-) conceited [/div][/div] [div class="textcontainer tabsContent tabsContent3 hidden"][div class=text][div class=tag]bio[/div] Lorenzo was born somewhere in the 1900's, though he doesn't remember much of his human life. Sometimes, in the depths of his nightmares, there's two faces that haunt him. One of them is an elderly woman, perhaps a grandmother? And the other one is much less clear, though he thinks it's his mother. It's not her face that haunts him, but her screams. He knows he had a younger sister at some point in time, because they were both turned together, on the night vampires attacked his hometown. He lost track of her shortly after they were turned, and for a long time, he tried to find her. Twice, he succeeded, and on that second time, she made it perfectly clear that she didn't want to be found, nor did she need to be rescued. He left her alone after that, but that meant that he too, was alone. Little did he know that a few years later, their paths would meet again, only this time there would be a much darker outcome. When he found her again, it was completely on accident, as he'd befriended a vampire that she was currently 'seeing'. As it turned out, this vampire was part of the clan that killed his family. The clan that his sister invited into their home. Enzo slaughtered them both, leaving their bodies behind to be discovered by whoever. Covered in blood, he stole a car and fled, though not because he was afraid. It was because he was angry, and ready to rampage. He needed an outlet for his anger, for his pain, and he tried to find it by laying with women (and sometimes men). He tried human drugs, alcohol, anything he could find. To this day he hasn't let out that anger or rage. [/div][/div] [div class="textcontainer tabsContent tabsContent4 hidden"][div class=text][div class=tag]theme song[/div] [div class=tag style="display: block;"]gallery[/div]
linus-svenning.png
linus-svenning.jpg
[/div][/div] [div class="splash button"] [div class=splashpicshadow][/div] [div class=splashpic][/div] [div class=splashname]lorenzo[/div] [div class=splashrole]"enzo"[/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited:
[class=container] --main-color: #bf4080; --image-1: url(https://i.pinimg.com/564x/a8/54/14/a85414f02f824b3e28b52fa7fffdd01b.jpg); --image-2: url(https://66.media.tumblr.com/0a8821c5ba9621cf89bd0ab7d0b2bd99/tumblr_oow52iK73F1u7gnm9o1_500.jpg); --image-3: url(https://66.media.tumblr.com/59a7feb3fd2d7252c389e3d59d529739/tumblr_prlurgCs9J1qktm3no2_500.gif); --image-4: url(https://66.media.tumblr.com/8b9cf3732e868943157f598817341e33/tumblr_p8uoptf7gs1rrk64qo2_400.gif); --image-5: url(https://66.media.tumblr.com/125bcab88b69bd2dee83646ed54d5880/tumblr_omogkzop0d1qgnns4o2_r1_500.gif); --image-6: url(https://66.media.tumblr.com/f2374e825df5111d5f073af69953e035/tumblr_ooqfjzime61uefpmfo3_400.gif); --image-7: url(https://66.media.tumblr.com/f8d03725810b72bc7f5a788ba5f7ea8a/d1e5a23c83dfdd5b-23/s400x600/7c68324bdd15a881ed3bd21560375d20d29696a5.gif); --image-8: url(https://66.media.tumblr.com/962a8077938762288e47b9c9e04be057/tumblr_pdmd4nZlMe1xpiesmo1_250.gif); --image-9: url(https://i.pinimg.com/564x/a8/54/14/a85414f02f824b3e28b52fa7fffdd01b.jpg); [/class] [div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div] [div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]ADDISON WINTERS[/div] [div class=subtitle][/div][/div] [div class="tabContents tabContents2"][div class=header]about.[/div][div class=tabtwoimage][/div] [div class=about2]
[div class=tag2]HAIR[/div] brunette [div class=tag2]EYES[/div] green hazel [div class=tag2]BODY[/div] 5'3 & 133lbs
[div class=tag2]DIST. FEATURES[/div] text here. [div class=tag2]BODY MODS[/div] text here. [div class=tag2]FACECLAIM[/div] phoebe tonkin
[/div] [div class=about][div class=info][div class=tag]nickname[/div] adi[/div] [div class=info][div class=tag]age[/div] twenty-two[/div] [div class=info][div class=tag]gender[/div] female[/div] [div class=info][div class=tag]sexuality[/div] bisexual[/div][/div][/div] [div class="tabContents tabContents3"][div class=header]persona.[/div] [div class=tabthreeimage][/div] [div class=persona][div class=scroll][div class=tag2]positive[/div] outgoing. loyal. opinionated. flirty. adventurous. [div class=tag2]negative[/div] impulsive. jealous. territorial. reckless. indecicive. [div class=tag2]likes[/div] photography. bonfires. tequila. dancing. marijuana. [div class=tag2]dislikes[/div] bats. spicy food. being underestimated. authority. [div class=tag2]powers[/div] speed. strength. heals quicker than humans. ability to change to wolf at will. [/div][/div][/div] [div class="tabContents tabContents4"][div class=header]backstory.[/div] [div class=boxes][div class=box]BIRTHDATE
june 1st[/div] [div class=box]ZODIAC
gemini[/div] [div class=box]STATUS
single[/div] [div class=box]SONG
none[/div][/div] [div class=history][div class=scroll][div class=tag]backstory.[/div] addison wasn't always on her own. as a matter of fact, she grew up surrounded by family since she was part of a wolf-pack called the crescents. she was born to a pack leader who had been awaiting a son to pass the tradition onto. unfortunately, addison's mother died during her birth. it was a tragic event and her father never remarried so therefore she was left to be his heir. it wasn't that she didn't want to lead, she actually was excited to be at the forefront and help her people. some people pushed that they had traditions for a reason though and the leader was meant to be a man, the king's first son, which he didn't have. pack rules stated that in the case of having no heir, they were meant to merge with their ally by a marriage. her marriage. her father agreed, telling her that in order to lead she would need a husband and he'd already chosen one. their closest ally, the lunar pack's king, had a son who was her age. they had recently lost a lot of their members in a war with their enemies. they needed the strength of the crescents and in exchange, they would merge with the marriage and both the son and addison would lead. addison was completely against the idea. she thought that the idea of arranged love was absurd and told her father she wouldn't go through with it. he told her that it was her choice but she soon found out he didn't mean it when she overheard him talking to another member about getting her to the ceremony by force. adi immediately went on the run and remained so for years, afraid her father would drag her back to be wed if he found her. she finally stopped running when she stumbled on shadowthrone. she felt like she'd found a place of misfits so to speak and ironically it was the only place she felt that she actually fit in. [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
coded by constellation.
[class=container] width: 540px; height: 350px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 540px; height: 350px; background: #f1f1f1; margin: 0 auto; border: 1px solid #f1f1f1; background-image: url(https://www.transparenttextures.com/patterns/ecailles.png); [/class] [class=tabs] position: absolute; top: 50px; left: 0; height: 290px; width: 50px; display: flex; justify-content: flex-end; flex-direction: column; [/class] [class=tab] height: 11px; width: 11px; background: var(--main-color); border-radius: 100%; margin: 5px 20px; border: 1px solid var(--main-color); transition: 1s; [/class] [class=header] position: absolute; top: -50px; left: -50px; height: 50px; width: 320px; padding: 0 15px; color: var(--main-color); line-height: 50px; text-transform: uppercase; font-weight: 900; font-size: 18px; [/class] [class=tabContents] position: absolute; bottom: 0; right: 0; height: 300px; width: 490px; background: white; opacity: 0; transition: all .5s; font-family: Sen; font-size: 12px; color: black; [/class] [class=show] opacity: 1; transition: all 1s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; background: white; transition: 1s; [/class] [class=chosentab] background: white; [/class] [class=mainimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-1); background-size: cover; background-position: center; [/class] [class=title] position: absolute; bottom: 50px; left: 50px; font-size: 35px; font-weight: 900; text-transform: uppercase; color: var(--main-color); [/class] [class=subtitle] position: absolute; bottom: 100px; left: 53px; font-size: 15px; font-weight: 200; text-transform: uppercase; color: #000; [/class] [class=about] position: absolute; top: 0; left: 0; height: 80px; width: 490px; display: flex; flex-direction: row; [/class] [class=info] height: 40px; width: 122.5px; font-size: 11px; text-transform: uppercase; font-weight: 200; color: #333; text-align: center; padding: 20px 0; [/class] [class=tag] font-size: 12px; text-transform: uppercase; font-weight: 600; color: var(--main-color); [/class] [class=tabtwoimage] position: absolute; top: 80px; left: 0; height: 100px; width: 490px; background: var(--image-2); background-size: cover; background-position: 50% 36%; [/class] [class=tag2] display: inline-block; padding: 0px 5px; background: var(--main-color); color: white; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; [/class] [class=about2] position: absolute; bottom: 10px; left: 10px; height: 100px; width: 470px; white-space: pre-line; overflow-x: hidden; line-height: 150%; [/class] [class=tabthreeimage] position: absolute; top: 0; right: 0; height: 300px; width: 250px; -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); background: var(--image-3); background-size: cover; background-position: center left; [/class] [class=persona] position: absolute; top: 15px; left: 15px; height: 270px; width: 235px; overflow: hidden; white-space: pre-line; line-height: 150%; text-transform: lowercase; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; [/class] [class=boxes] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; display: flex; flex-direction: column; justify-content: space-between; [/class] [class=box] height: 28px; width: 80px; background: var(--main-color); font-size: 11px; text-transform: uppercase; font-weight: 200; color: #fff; padding: 14px 10px; line-height: 130%; [/class] [class=history] position: absolute; top: 15px; right: 0; height: 270px; width: 360px; overflow: hidden; white-space: pre-line; line-height: 150%; padding-left: 20px; text-align: justify; text-transform: lowercase; [/class] [class=slideshow] height: 110px; max-width: 490px; margin: 0 auto; position: relative; top: 150px; overflow: hidden; transform: translate3d(0, 0, 0); border-top: 3px solid black; border-bottom: 3px solid black; [/class] [class=slide] height: 110px; width: 1485px; background: black; position: absolute; top: 0; left: 0; height: 100%; transform: translate3d(0, 0, 0); [/class] [class=simage] display: inline-block; height: 110px; width: 161px; [/class] [class=slide] animation: {post_id}move 10s linear infinite; [/class] [animation=move] [keyframe=100] transform: translateX(-55.56%); [/keyframe] [/animation] [class=tabfiveimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-9); background-size: cover; background-position: center; [/class]
 
Last edited:
[class=container] --main-color: #0099cc; --image-1: url(https://i.pinimg.com/564x/50/0c/13/500c13ea7f4ed7f75df64b0e809ca593.jpg); --image-2: url(https://66.media.tumblr.com/0a8821c5ba9621cf89bd0ab7d0b2bd99/tumblr_oow52iK73F1u7gnm9o1_500.jpg); --image-3: url(https://66.media.tumblr.com/4a095ba4dbc302fea5d3c7b00ee61299/tumblr_p1zxs2gIxu1vxhcvpo3_r1_400.gif); --image-4: url(https://66.media.tumblr.com/3fc0655e83d0cc977344f625d85a88e0/tumblr_oze7klgLfn1uk1uipo2_400.gif); --image-5: url(https://66.media.tumblr.com/6d8ab3d48a0f1785a9ee54be451acd23/tumblr_oo2hrs61Er1re37i3o2_400.gif); --image-6: url(https://66.media.tumblr.com/6c38e4e7e233c3874f87af58dd245b12/tumblr_or5ibdN4Nu1qj6bp2o2_400.png); --image-7: url(https://66.media.tumblr.com/711c83f164db094c7bda48a847795c50/tumblr_oqw5gddPdB1re37i3o2_540.jpg); --image-8: url(https://66.media.tumblr.com/1b3eba31337cd44877540a87780c4e89/tumblr_pwuymaZam81qc17ifo7_r1_500.gif); --image-9: url(https://i.pinimg.com/564x/50/0c/13/500c13ea7f4ed7f75df64b0e809ca593.jpg); [/class] [div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div] [div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]ANDREW CARTER[/div] [div class=subtitle][/div][/div] [div class="tabContents tabContents2"][div class=header]about.[/div][div class=tabtwoimage][/div] [div class=about2]
[div class=tag2]HAIR[/div] brunette [div class=tag2]EYES[/div] blue [div class=tag2]BODY[/div] 5'11 & 167lbs
[div class=tag2]DIST. FEATURES[/div] here. [div class=tag2]BODY MODS[/div] here. [div class=tag2]FACECLAIM[/div] daniel sharman
[/div] [div class=about][div class=info][div class=tag]nickname[/div] drew. andy.[/div] [div class=info][div class=tag]age[/div] twenty-one[/div] [div class=info][div class=tag]gender[/div] male[/div] [div class=info][div class=tag]sexuality[/div] heterosexual[/div][/div][/div] [div class="tabContents tabContents3"][div class=header]persona.[/div] [div class=tabthreeimage][/div] [div class=persona][div class=scroll][div class=tag2]positve[/div] protective. chivalrous. responsible. tenacious. [div class=tag2]negative[/div] stubborn. blunt. over-thinker. sometimes bossy. [div class=tag2]likes[/div] bourbon. barbecue. old cars. amusement parks. tattoos. [div class=tag2]dislikes[/div] puzzles. seafood. hard drugs. unnecessary violence. [div class=tag2]powers[/div] healing: he can heal minor and major wounds and broken bones. he heals and takes away the previous pain. this isn't always easy to do and sometimes a wound can be too deep or harsh for him to fix though he can help ease the pain but not much. this power can exhaust him if used too often. [/div][/div][/div] [div class="tabContents tabContents4"][div class=header]backstory.[/div] [div class=boxes][div class=box]BIRTHDATE
feb 3rd[/div] [div class=box]ZODIAC
aquarius[/div] [div class=box]STATUS
single[/div] [div class=box]SONG
none[/div][/div] [div class=history][div class=scroll][div class=tag]backstory.[/div] andrew wasn't always the 'dad' of the group. in fact, growing up he lacked responsibility and was rather wild. his mother always called him and his brother, jacob, her little troublemakers. nothing changed as the pair got older. still mischievous only with more charm and more to get into. the pair was inseparable, everyone knew it, and they sure did like to have a good time. it wasn't until the accident that things really changed for andrew. he and jacob had gone to a party together and they got a little too drunk, which wasn't out of the ordinary for them. unfortunately, they decided to try other substances that were. jacob's body reacted negatively and by the time he was rushed into the emergency room it was too late. he was already gone and andrew was left to explain to their parents what had happened to his brother. although he was only eighteen at the time, he felt like jacob's death was his fault and he shut down for a while. andrew still likes to have fun but he has become more aware of when enough is enough. he has be designated as the dad of the group due to him sometimes lecturing or being overprotective as well as his over-thinking and sometimes bossy nature. he has a more adventurous side if you can manage to pull it out of him. [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
coded by constellation.
[class=container] width: 540px; height: 350px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 540px; height: 350px; background: #f1f1f1; margin: 0 auto; border: 1px solid #f1f1f1; background-image: url(https://www.transparenttextures.com/patterns/ecailles.png); [/class] [class=tabs] position: absolute; top: 50px; left: 0; height: 290px; width: 50px; display: flex; justify-content: flex-end; flex-direction: column; [/class] [class=tab] height: 11px; width: 11px; background: var(--main-color); border-radius: 100%; margin: 5px 20px; border: 1px solid var(--main-color); transition: 1s; [/class] [class=header] position: absolute; top: -50px; left: -50px; height: 50px; width: 320px; padding: 0 15px; color: var(--main-color); line-height: 50px; text-transform: uppercase; font-weight: 900; font-size: 18px; [/class] [class=tabContents] position: absolute; bottom: 0; right: 0; height: 300px; width: 490px; background: white; opacity: 0; transition: all .5s; font-family: Sen; font-size: 12px; color: black; [/class] [class=show] opacity: 1; transition: all 1s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; background: white; transition: 1s; [/class] [class=chosentab] background: white; [/class] [class=mainimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-1); background-size: cover; background-position: center; [/class] [class=title] position: absolute; bottom: 50px; left: 50px; font-size: 35px; font-weight: 900; text-transform: uppercase; color: var(--main-color); [/class] [class=subtitle] position: absolute; bottom: 100px; left: 53px; font-size: 20px; font-weight: 200; text-transform: uppercase; color: #ff8c1a; [/class] [class=about] position: absolute; top: 0; left: 0; height: 80px; width: 490px; display: flex; flex-direction: row; [/class] [class=info] height: 40px; width: 122.5px; font-size: 11px; text-transform: uppercase; font-weight: 200; color: #333; text-align: center; padding: 20px 0; [/class] [class=tag] font-size: 12px; text-transform: uppercase; font-weight: 600; color: var(--main-color); [/class] [class=tabtwoimage] position: absolute; top: 80px; left: 0; height: 100px; width: 490px; background: var(--image-2); background-size: cover; background-position: 50% 36%; [/class] [class=tag2] display: inline-block; padding: 0px 5px; background: var(--main-color); color: white; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; [/class] [class=about2] position: absolute; bottom: 10px; left: 10px; height: 100px; width: 470px; white-space: pre-line; overflow-x: hidden; line-height: 150%; [/class] [class=tabthreeimage] position: absolute; top: 0; right: 0; height: 300px; width: 250px; -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); background: var(--image-3); background-size: cover; background-position: center left; [/class] [class=persona] position: absolute; top: 15px; left: 15px; height: 270px; width: 235px; overflow: hidden; white-space: pre-line; line-height: 150%; text-transform: lowercase; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; [/class] [class=boxes] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; display: flex; flex-direction: column; justify-content: space-between; [/class] [class=box] height: 28px; width: 80px; background: var(--main-color); font-size: 11px; text-transform: uppercase; font-weight: 200; color: #fff; padding: 14px 10px; line-height: 130%; [/class] [class=history] position: absolute; top: 15px; right: 0; height: 270px; width: 360px; overflow: hidden; white-space: pre-line; line-height: 150%; padding-left: 20px; text-align: justify; text-transform: lowercase; [/class] [class=slideshow] height: 110px; max-width: 490px; margin: 0 auto; position: relative; top: 150px; overflow: hidden; transform: translate3d(0, 0, 0); border-top: 3px solid black; border-bottom: 3px solid black; [/class] [class=slide] height: 110px; width: 1485px; background: black; position: absolute; top: 0; left: 0; height: 100%; transform: translate3d(0, 0, 0); [/class] [class=simage] display: inline-block; height: 110px; width: 161px; [/class] [class=slide] animation: {post_id}move 10s linear infinite; [/class] [animation=move] [keyframe=100] transform: translateX(-55.56%); [/keyframe] [/animation] [class=tabfiveimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-9); background-size: cover; background-position: center; [/class]
 
Last edited:
[class=container] width: 560px; position: relative; margin: auto; cursor: url(https://art.pixilart.com/thumb/41e4909da6e2f9c.png), auto !important; [/class] [class=cover] bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; [/class] [class=background_two] background-color: #F3EFF5; width: 560px; height: 456px; [/class] [class=border] background-color: #2E0A44; width: 110px; height: 416px; padding: 20px; [/class] [class=main_image] position: relative; background: url('https://i.gyazo.com/bf04c9a130efa614861db9be01569c0f.png'); width: 180px; height: 304px; border: 8px solid #E6BAFF; margin-left: 30px; margin-top: 45px; [/class] [class=image_one] position: relative; background: url('https://i.pinimg.com/564x/59/2a/96/592a96247c33ad7d440a6c35f25bb8ef.jpg'); border-radius: 100%; border: 1px solid #E6BAFF; background-size: 200%; margin-left: 180px; margin-top: -295px; width: 80px; height: 80px; [/class] [class=image_two] position: relative; background: url('https://i.pinimg.com/564x/5b/1d/c4/5b1dc4aa8979610ababce2e8ad2dec3e.jpg'); border-radius: 100%; border: 1px solid #E6BAFF; background-size: 100%; margin-left: 180px; margin-top: 15px; width: 80px; height: 80px; [/class] [class=image_three] position: relative; background: url('https://i.pinimg.com/564x/83/5d/df/835ddf4b01aeb2102c367e0c2b9cce04.jpg'); border-radius: 100%; border: 1px solid #E6BAFF; background-size: 100%; margin-left: 180px; margin-top: 15px; width: 80px; height: 80px; [/class] [class=textcontainer_two] position: relative; margin-left: 260px; margin-top: -260px; white-space: pre-wrap; [/class] [class=header_one] color: #E6BAFF; text-transform: uppercase; text-align: center; font-size: 20px; [/class] [class=header_two] color: #2E0A44; text-transform: uppercase; text-align: center; font-size: 30px; margin-top: -45px; [/class] [class=background] background-color: #FFFFFF; margin: auto; width: 560px; height: 455px; position: relative; [/class] [class=banner] width: 100%; height: 100px; padding: 0px; background-color: #2E0A44; [/class] [class=banner_text] position: relative; padding: 30px; font-size: 30px; text-transform: uppercase; font-style: italic; color: white; top: -5px; text-align: right; [/class] [class=divider] position: absolute; width: 50%; line-height: 0; height: 1px; background-color: black; margin-top: -5px; left: 250px; [/class] [class=textcontainer] position: relative; padding: 10px; [/class] [class=side_one] position: relative; width: 210px; [/class] [class=side_two] position: relative; margin-top: -310px; margin-left: 220px; white-space: pre-wrap; [/class] [class=box] position: relative; border: solid 1px #BABCBE; background-color: white; height: 150px; [/class] [class=box_info] position: relative; border-bottom: 1px solid #BABCBE; text-align: right; padding: 5px; background-color: #F2F2F2; font-size: 18px; color: #8C6DB4; text-transform: uppercase; font-style: italic; [/class] [class=box_text] padding: 10px; color: grey; font-size: 12px; font-family: 'Arial'; line-height: 16px; [/class] [class=textinformation] margin-top: -5px; margin-left: 10px; font-size: 18px; color: #8C6DB4; [/class] [class=textinformation_two] margin-top: -10px; margin-left: 20px; font-size: 11px; line-height: 16px; color: grey; text-transform: uppercase; [/class] [class=divider_two] position: absolute; width: 210px; line-height: 0; height: 1px; background-color: black; margin-top: 10px; [/class] [class=icon_border] display: inline-block; border: solid 1px #BABCBE; background-color: #F2F2F2; line-height: 0; padding: 12px; margin: auto; margin-top: -90px; margin-left: 15px; height: 100px; width: 100px; [/class] [class=icon_one] background: url('https://i.pinimg.com/564x/6e/bc/b4/6ebcb46712e807ef88a151b5c58bb68b.jpg'); background-size: 100%; border: solid 1px #FBFBFB; height: 100px; width: 100px; [/class] [class name=icon_one state=hover] background: url('https://i.pinimg.com/564x/d0/ac/d7/d0acd7681e5f579b5f2d113180dc002d.jpg') no-repeat; background-size: cover; width: 100%; height: 100%; [/class] [script class=background on=click] slideDown 800 cover [/script] [script class=cover on=click] slideUp 800 [/script] [div class=container][div class=background] [div class=banner][div class=banner_text]Etienne Briar Lapointe [div class=divider][/div][/div][/div] [div class=textcontainer][div class=icon_border][div class=icon_one][/div][/div]
[div class=side_one][div class=textinformation] nickname(s)[/div] [div class=textinformation_two]Etty[/div] [div class=divider_two][/div]
[div class=textinformation] age[/div] [div class=textinformation_two]19[/div] [div class=divider_two][/div]
[div class=textinformation] gender[/div] [div class=textinformation_two]Male[/div] [div class=divider_two][/div]
[div class=textinformation] sexuality[/div] [div class=textinformation_two]Bisexual[/div] [div class=divider_two][/div]
[div class=textinformation] role[/div] [div class=textinformation_two]Human[/div] [div class=divider_two][/div] [/div] [div class=side_two]
[div class=box][div class=box_info]appearance
[div class=box_text] Hair Color: Black Eye Color: Brown Height/Weight: 5'10/123 lbs Distinguishing Features: Pale, underweight, usually wears a lot of make-up Body Mods: Pierced ears, a few small tattoos Ailments: Anemia, photosensitive epilepsy, asthma Attire: Gothic shit, women's clothing, whatever he slept in Faceclaim: Richey Edwards
[/div]
[div class=box][div class=box_info]personality[/div]
[div class=box_text]
+ Thoughtful + Intelligent + Creative + Attentive + Eloquent
- Antisocial - Pessimistic - Anxious - Gloomy - Pretentious
❀ Likes: Dark music, painting, Sylvia Plath, sleeping in, aquariums ❀ Dislikes: Sunlight, peaches, black coffee, vodka, tight pants ❀ Fears: Being poisoned
[/div][/div]
[div class=box][div class=box_info]biography[/div]
[div class=box_text] Hometown: Tallahassee, Florida History: Etienne was born in Florida, but his father was very, very French, so he knows both English and French. He even has a tiny little accent. He was a sickly child, couldn't really play with anybody. His skin was sensitive, he was often fatigued, and he had trouble breathing. Not to mention that his first epileptic seizure was more likely to kill his mom with how frightened she was. He was coddled to an excessive degree, to the point that protection became emotional manipulation. At some point his father left, having found a new woman and leaving Etienne at the mercy of his mother. His freedoms were limited. He took many medications, some of which he didn't even really need. His only exposure to the outside world was for school, but it was enough to know what he was missing. In his room, Etienne created a personal paradise, which matched his shifting interests. The sprawling black metal posters had his mother concerned, but this was only the start of the creation of the Etienne we know today. Using his desktop computer, he communicated with the large community of goth enthusiasts online. Being young, he was often brushed off, but made a few friends. Enthusiasm had him spending his allowance on tall boots and tight pants. His soft face, painted in black and white, became a mask of sorts. Who was he, really? A dark, brooding poet? An anemic little momma's boy? His identity was confused. Everything about him was confused. He was confused. By adulthood, he was still living with his mother. Abhoring her influence, but fearing a world without her support. Etienne was never given the space to become an adult. But finally, recently, he hitched himself to a road trip to run from his home life. But he's been getting strange visions...
[/div][/div]
[div class=box][div class=box_info]other[/div]
[div class=box_text] Power: Clairvoyance, AKA the ability to see into the future Theme Song: x Other: His fear of poisoning comes from a combination of his weak immune system and the film Misery.
[/div][/div] [/div][/div][/div][/div][/div] [div class=cover][div class=background_two][div class=border][div class=main_image][/div] [div class=image_one][/div] [div class=image_two][/div] [div class=image_three][/div][/div][div class=textcontainer_two][div class=header_one]Etienne[/div] [div class=header_two]boys don't cry[/div][/div][/div][/div][/div]
codedbycrucially | click main image, hover icon, hidden scroll
 
Last edited:



Name: Evander Klaus Lockwood
Nickname: Evan, Ev
Age: 21
Gender: male
Sexuality: hetero

Face Claim: Jensen Ackles
Eye Color: dark brown, almost black in some lights
Hair Color: also dark brown
Height/Weight: 6'1", 180 pounds
Tattoos/Piercings/Etc.: None

Likes: Cars/Motorcycles, Rain, Cigarettes, Whiskey
Dislikes: Romance Movies, Large Bodies of Water, Hot Weather, Kids
Power: Souls -- as in, he'll trade your soul for a favor
Personality: Cocky and sure of himself are the best ways to describe Evander. He radiates ill-deserved confidence, and runs on the mindset of how could anyone hate him when -- to be perfectly honest -- that cocky attitude often rubs people the wrong way and can make him very unlikable. The confident demeanor definitely ups itself around girls that Evan takes a particular interest in which, with him, tends to be almost every girl that he meets. After all, there isn't much to do in town except aimlessly flirt.

Evander is also terribly unmotivated and even lazy. Trying to get Ev to actually do something or finish something is almost like pulling teeth -- he would much rather just mess around all day than actually get something done. The only time he shows any passion for something is if it'll benefit him -- and even then it'll probably take a while before he musters up the energy to actually complete it. Evan is very much a go with the flow, let things complete themselves, and enjoy life as it comes type of guy.
Bio: It might come as a surprise, but demons tend to make horrible parents -- meaning that Ev, born to a human mother and demon father, was left mostly to his own devices. Eventually his father left, and it was unknown if he possessed those same powers. So... his mother didn't tell him anything about what his father was, and Evan started his life growing up completely unaware of what he really was. When he was about eight, he'd start to have angry fits -- tantrums -- and his eyes would go black and things would happen. Rage that he couldn't control and when he'd come to, he'd have almost no memory of it. His mother, fearful of what might happen, started moving them but never telling Evan, or reaching out to his father. So Evander didn't learn how to control his powers, at all.

Eventually, when he was about seventeen, he had such a fit and when he came to, his mother was alive, but she didn't seem alive. As it would just so happen, Ev had taken her soul, and had no idea how to get it back. She was pale, and looked almost sick, and Evan had no idea how to help her. Finally, his mother broke down and explained everything to him, and Ev packed his stuff and headed out the next day towards Shadowthorne in hopes of finding his father, or someone that could help me fix his mother. Undo his wrongs.

Granted, when he made it to Shadowthrone, he never did find his father -- or figure out if he actually could return souls. However, he did find a place where he was less judged, so Evander decided to stick around try practicing his newfound powers on any human dumb enough to stumble into the town.

Theme Song: Animal I Have Become by Three Days Grace
Anything Extra:

Relationships: N/A [until accepted]
code by apolla apolla
 
Last edited:
[class=content] position: relative; width: 300px; height: 400px; margin-right: auto; margin-left: auto; overflow: hidden; --bkgd-color: #161d2b; --text-color: #f4f7d2; --accent-color: #cc0000; cursor: url('https://i.imgur.com/FMvuswx.png'), auto; [/class] [class=homebkgd] box-sizing: border-box; position: absolute; width: 100%; height: 100%; background-color: var(--bkgd-color); [/class] [class=intro] position: absolute; width: 100%; height: auto; color: var(--text-color); font-size: 10px; letter-spacing: 5px; text-transform: uppercase; text-align: center; top: 10%; [/class] [class=name] position: absolute; width: 100%; height: auto; color: var(--text-color); font-size: 22px; letter-spacing: 5px; text-transform: uppercase; text-align: center; text-shadow: 2px 2px 0px var(--accent-color); top: 13%; [/class] [class=role] position: absolute; width: 100%; height: auto; color: var(--text-color); font-size: 15px; letter-spacing: 5px; text-transform: uppercase; text-align: center; top: 20%; [/class] [class=line] position: absolute; width: 80%; height: 1px; border-radius: 10px; background-color: var(--accent-color); top: 28%; left: 10%; [/class] [class=icon] position: absolute; width: 5%; height: 15px; background: url(https://i.imgur.com/8ynbcEf.png); background-size: 100%; top: 32%; left: 47.5%; transition-duration: 0.5s; animation:{post_id}throb 10s linear infinite; [/class] [class=pic] position: absolute; width: 80%; height: 52%; background: url(https://i.pinimg.com/564x/4c/4e/18/4c4e180f830fc17d1138906a3a614220.jpg); background-size: 130%; background-position: 0% 30%; top: 40%; left: 10%; border: 0.5px solid var(--accent-color); [/class] [animation=throb] [keyframe=0]transform: scale(1.5);[/keyframe] [keyframe=10]transform: scale(0.95);[/keyframe] [keyframe=20]transform: scale(1.5);[/keyframe] [keyframe=30]transform: scale(0.95);[/keyframe] [keyframe=40]transform: scale(1.5);[/keyframe] [keyframe=50]transform: scale(0.95);[/keyframe] [keyframe=60]transform: scale(1.5);[/keyframe] [keyframe=70]transform: scale(0.95);[/keyframe] [keyframe=80]transform: scale(1.5);[/keyframe] [keyframe=90]transform: scale(0.95);[/keyframe] [keyframe=100]transform: scale(1.5);[/keyframe] [/animation] [script class=button on=click] addClass slideup homebkgd [/script] [class=slideup] animation-name: {post_id}slup; animation-duration: 1.7s; animation-fill-mode: forwards; [/class] [animation=slup] [keyframe=0]transform: translateY(0%);[/keyframe] [keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe] [/animation] [class=bkgd] position: absolute; width: 100%; height: 100%; background-color: var(--bkgd-color); [/class] [class=header] position: absolute; width: 80%; height: auto; color: var(--text-color); font-size: 22px; letter-spacing: 0px; text-transform: uppercase; text-align: left; top: 6%; left: 10%; [/class] [class=tabcontainer] position: absolute; height: 20px; width: auto; top: 7.2%; left: 63%; [/class] [class=tab] position: relative; color: var(--text-color); width: 20px; height: 10px; display: inline; font-size: 15px; padding: 0px 5px 0px 6px; transition-duration: 0.3s; [/class] [class name=tab state=hover] color: var(--accent-color); transition-duration: 0.3s; [/class] [class=textcontainer] position: absolute; overflow: hidden; top: 18%; left: 10%; width: 90%; height: 75%; [/class] [class=text] position: relative; overflow: auto; width: 255px; height: 100%; font-size: 10px; line-height: 12px; color: var(--text-color); text-align: justify; text-transform: lowercase; padding-right: 50px; [/class] [class=tag] position: relative; display: inline; width: auto; height: auto; color: var(--accent-color); text-transform: uppercase; margin-right: 5px; text-decoration: underline; font-weight: 700; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.25; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (fadeIn 500 tabsContent1) if (eq ${currentTab} 2) (fadeIn 500 tabsContent2) if (eq ${currentTab} 3) (fadeIn 500 tabsContent3) if (eq ${currentTab} 4) (fadeIn 500 tabsContent4) [/script] [div class=content] [div class=bkgd] [div class=line style="top: 5%;"][/div] [div class="header tabsContent tabsContent1"]basics[/div] [div class="header tabsContent tabsContent2" style="display:none;"]persona[/div] [div class="header tabsContent tabsContent3" style="display:none;"]backstory[/div] [div class="header tabsContent tabsContent4" style="display:none;"]misc.[/div] [div class=line style="top: 15%;"][/div] [div class=tabcontainer] [div class=tab]1[/div] [div class=tab]2[/div] [div class=tab]3[/div] [div class=tab]4[/div] [/div] [div class="textcontainer tabsContent tabsContent1"][div class=text] [div class=tag]name:[/div] xavier beaurose

[div class=tag]nickname:[/div] beauty

[div class=tag]age:[/div] 21 (at the time of his death)

[div class=tag]gender:[/div] male

[div class=tag]sexuality:[/div] closeted homosexual

[div class=tag]faceclaim:[/div] froy gutierrez

[div class=tag]eye color[/div] blue

[div class=tag]hair color:[/div] light brown

[div class=tag]height/weight:[/div] 5'10 & 150lbs

[div class=tag]tattoos/piercings/etc:[/div] has a small rose tattoo on the back of his neck
[/div][/div] [div class="textcontainer tabsContent tabsContent2" style="display:none;"][div class=text] [div class=tag]likes:[/div]
- lollipops
- pop music
- having a good time
- staying up all night

[div class=tag]dislikes:[/div]
- loud music
- hot weather
- dogs
- talking to other people

[div class=tag]personality:[/div]
The brunette doesn't like to talk much. He does speak from time to time, but he isn't comfortable with long conversations. He prefers small talk with people, however, if a guy tries to talk to him, he proceeds to become silent and display no signs of emotion. Xavier likes being alone with himself, and if he's ever encountered while he's having his alone time, he would stop what he's doing and use his powers on you.

When it comes to things related to love, he's scared of it. He doesn't deserve love and can't truly love another person, he always thinks to himself. Due to an unfortunate incident in the past, it changed his view on forming relationships with people and realized how reckless he could get. But, if someone can manage to get through his barrier of contempt for himself, then he can probably learn to love again and love himself better than within the previous relationships he had.
[/div][/div] [div class="textcontainer tabsContent tabsContent3" style="display:none;"][div class=text] [div class=tag]role:[/div] ghost

[div class=tag]power:[/div] hypnotism
When Xavier looks at anyone while his eyes are glowing a slight red, the person that stares at him gets in a trance and will do whatever he says. The hypnotize trance will only last for about 30 minutes, or until Xavier has had enough of the person and wants to move on to another. The person's sense of pleasure will be increased, even a simple touch will feel like a kiss.

[div class=tag]history:[/div]
It was a dark night with no street lights to light up the highways within the forests. There was a car that rolled in those woods, a red Ford Fiesta with two male young adults looking at each other with longing eyes. Xavier was with Henry, a blonde man who was the love of his life at the time. They were two young guys in love with each other, but Henry wasn't feeling as much love as he used to feel before when their relationship started. The blonde asked the brunette with blue eyes if he had been seeing anyone else. Xavier simply replied with a head shake. He reached for something in the back while Xavier sweated intensely, knowing that he lied. He had been seeing another man named Laurence, the son of some rich man in New York. He thought that it would only be a one time thing, but they proceeded to meet again and again after each night. He didn't mean to catch feelings for him, it just happened naturally.

In a sudden flash, Henry shot his gun, almost hitting Xavier with a bullet. The glass of the car window got broken, slightly spilling its shards to his seat and outside the car. Tears rolled down the brunette's eyes as the blonde man laughed while holding his gun. Xavier's breath started to get heavy. He was nervous. Sweat rolled down his cheeks as Henry asked again if he had been seeing anyone besides him. His head nodded, with his eyes wide-open and streaming tears as his mouth twitched in fear. A small laugh was released from Henry's mouth, before turning becoming tormented with what his cheating lover said.

"So, Laurence was his name, right?" the man asked while pointing his gun near Xavier's head. "Remember. You're mine, and mine only," he cautioned to his two-timing lover.

"Yeah, that's his name," the brunette stuttered. "Henry, please. I swear I won't meet him again. I promise. Just don't shoot me," he pleaded while his heart beated intensely.

Henry nodded his head, lowering his gun and looking at Xavier with malice. Suddenly, he was pulled outside of the car and thrown to the ground. "You know," he said in an ominous tone. "All liars go to hell," a shot was fired from his gun.

Xavier's lifeless body spilled its blood on the cold dirt, his tears mixed with the blood and sweat he had on his face. It was a direct shot to his heart, killing him and leaving him with a few moments to live. He used some of his remaining strength to look at Henry, the man who had his heart broken by him and resorted to violent means for revenge. Dropping his gun as he realized what he did, Henry rushed to his car and floored it, leaving behind his dead ex to rot. The brunette continued to cry until his last breath, promising himself that he won't ever catch feelings for another person ever again.
[/div][/div] [div class="textcontainer tabsContent tabsContent4" style="display:none;"][div class=text] [div class=tag]theme song:[/div] i like u by niki

[div class=tag]gallery:[/div] ↓

1585534449444.png 1585534543977.png 1585534696248.png 1585536082918.png 1585536221028.png
[/div][/div] [/div] [div class=homebkgd] [div class=intro]introducing[/div] [div class="name button"]xavier[/div] [div class=role]the heartbroken[/div] [div class=line][/div] [div class="icon button"][/div] [div class="pic button"][/div] [/div] [/div][div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited:
[class=content] position: relative; width: 300px; height: 400px; margin-right: auto; margin-left: auto; overflow: hidden; --bkgd-color: #fff0c2; --text-color: #ba1813; --accent-color: #013761; cursor: url('https://i.imgur.com/eyUJ9gM.png'), auto; [/class] [class=homebkgd] box-sizing: border-box; position: absolute; width: 100%; height: 100%; background-color: var(--bkgd-color); [/class] [class=intro] position: absolute; width: 100%; height: auto; color: var(--text-color); font-size: 10px; letter-spacing: 5px; text-transform: uppercase; text-align: center; top: 10%; [/class] [class=name] position: absolute; width: 100%; height: auto; color: var(--text-color); font-size: 22px; letter-spacing: 5px; text-transform: uppercase; text-align: center; text-shadow: 2px 2px 0px var(--accent-color); top: 13%; [/class] [class=role] position: absolute; width: 100%; height: auto; color: var(--text-color); font-size: 15px; letter-spacing: 5px; text-transform: uppercase; text-align: center; top: 20%; [/class] [class=line] position: absolute; width: 80%; height: 1px; border-radius: 10px; background-color: var(--accent-color); top: 28%; left: 10%; [/class] [class=icon] position: absolute; width: 5%; height: 15px; background: url(https://imgur.com/EHavE1R.png); background-size: 100%; top: 32%; left: 47.5%; transition-duration: 0.5s; animation:{post_id}throb 10s linear infinite; [/class] [class=pic] position: absolute; width: 80%; height: 52%; background: url(https://i.pinimg.com/564x/a0/6b/54/a06b544f26dabd94392e1cfa13f641e1.jpg); background-size: 100%; background-position: 0% 40%; top: 40%; left: 10%; border: 0.5px solid var(--accent-color); [/class] [animation=throb] [keyframe=0]transform: scale(1.5);[/keyframe] [keyframe=10]transform: scale(0.95);[/keyframe] [keyframe=20]transform: scale(1.5);[/keyframe] [keyframe=30]transform: scale(0.95);[/keyframe] [keyframe=40]transform: scale(1.5);[/keyframe] [keyframe=50]transform: scale(0.95);[/keyframe] [keyframe=60]transform: scale(1.5);[/keyframe] [keyframe=70]transform: scale(0.95);[/keyframe] [keyframe=80]transform: scale(1.5);[/keyframe] [keyframe=90]transform: scale(0.95);[/keyframe] [keyframe=100]transform: scale(1.5);[/keyframe] [/animation] [script class=button on=click] addClass slideup homebkgd [/script] [class=slideup] animation-name: {post_id}slup; animation-duration: 1.7s; animation-fill-mode: forwards; [/class] [animation=slup] [keyframe=0]transform: translateY(0%);[/keyframe] [keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe] [/animation] [class=bkgd] position: absolute; width: 100%; height: 100%; background-color: var(--bkgd-color); [/class] [class=header] position: absolute; width: 80%; height: auto; color: var(--text-color); font-size: 22px; letter-spacing: 0px; text-transform: uppercase; text-align: left; top: 6%; left: 10%; [/class] [class=tabcontainer] position: absolute; height: 20px; width: auto; top: 7.2%; left: 63%; [/class] [class=tab] position: relative; color: var(--text-color); width: 20px; height: 10px; display: inline; font-size: 15px; padding: 0px 5px 0px 6px; transition-duration: 0.3s; [/class] [class name=tab state=hover] color: var(--accent-color); transition-duration: 0.3s; [/class] [class=textcontainer] position: absolute; overflow: hidden; top: 18%; left: 10%; width: 90%; height: 75%; [/class] [class=text] position: relative; overflow: auto; width: 255px; height: 100%; font-size: 10px; line-height: 12px; color: var(--text-color); text-align: justify; text-transform: lowercase; padding-right: 50px; [/class] [class=tag] position: relative; display: inline; width: auto; height: auto; color: var(--accent-color); text-transform: uppercase; margin-right: 5px; text-decoration: underline; font-weight: 700; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.25; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (fadeIn 500 tabsContent1) if (eq ${currentTab} 2) (fadeIn 500 tabsContent2) if (eq ${currentTab} 3) (fadeIn 500 tabsContent3) if (eq ${currentTab} 4) (fadeIn 500 tabsContent4) [/script] [div class=content] [div class=bkgd] [div class=line style="top: 5%;"][/div] [div class="header tabsContent tabsContent1"]basics[/div] [div class="header tabsContent tabsContent2" style="display:none;"]persona[/div] [div class="header tabsContent tabsContent3" style="display:none;"]backstory[/div] [div class="header tabsContent tabsContent4" style="display:none;"]misc.[/div] [div class=line style="top: 15%;"][/div] [div class=tabcontainer] [div class=tab]1[/div] [div class=tab]2[/div] [div class=tab]3[/div] [div class=tab]4[/div] [/div] [div class="textcontainer tabsContent tabsContent1"][div class=text] [div class=tag]name:[/div] daniel king

[div class=tag]nickname:[/div] king

[div class=tag]age:[/div] 19

[div class=tag]gender:[/div] male

[div class=tag]sexuality:[/div] bicurious

[div class=tag]faceclaim:[/div] charles de vilmorin

[div class=tag]eye color:[/div] blue

[div class=tag]hair color:[/div] golden blonde

[div class=tag]height/weight:[/div] 6'1/186lbs

[div class=tag]tattoos/piercings/etc:[/div] wears earrings and has a large scar on his right hand
[/div][/div] [div class="textcontainer tabsContent tabsContent2" style="display:none;"][div class=text] [div class=tag]likes:[/div]
- polaroid photos
- slasher films
- haunted locations
- vanilla scent

[div class=tag]dislikes:[/div]
- loud noises
- annoying people
- oranges
- uninteresting things

[div class=tag]personality:[/div]
He's simply untypical. Daniel is offbeat, unusual, and every other antonym for stereotypical. The blonde is known in the friend group for being the one who listens any type of indie pop song without seeming like a hipster. He paints when he's bored and casually writes short stories when he's bored, Daniel is a bottle of creativity that shuts itself. Normally, he doesn't talk to people. Unless, you pique his interest. He's like a kid that pokes at an animal laying on the side of the road, just curious with why it's sleeping. His normal tone is monotonous and his eyes are always in a state of resting bitch face. If he had a character on TV that he could relate to, it would be Chanel #3 with her almost-dead but caring personality.

Underneath Daniel's deadpan exterior, he's pretty open and sensible with things. His main thing is being low key, so people that don't like how indifferent he seems can go. When Daniel speaks, he has no filter. He'll say what's on his mind, but he won't make a big deal out of it. If he doesn't like you, then he simply doesn't like you.

[div class=tag]relationships:[/div]
isaac
- good friends
[/div][/div] [div class="textcontainer tabsContent tabsContent3" style="display:none;"][div class=text] [div class=tag]role:[/div] human

[div class=tag]power:[/div]supernatural resistance
From becoming used to being unusual, his mind developed a some sort of resistance to anything supernatural. Most powers won't work on him like mind control, reading his thoughts, or anything that could affect him. However, if anyone continuously uses his powers on him, he may start to feel head aches and feel weaker because of his mind trying to resist the supernatural. When his mind can't handle it anymore, he faints and is unconscious for a while, leaving him susceptible to the effects of other people's powers.

[div class=tag]history:[/div]
Daniel was born to Laurence King and Andrea King, two of the most successful entrepreneurs in New York. Actually, his current parent was just Laurence King. His mother died while giving birth to him, it left his father in a state of devastation, but he had to be strong for his son. His childhood was pretty boring, he was homeschooled by private tutors that his dad hired. Laurence didn't want his son to go out into the world yet, he was still grieving over the death of his wife. But, Daniel didn't understand emotions much. He was a blank-faced kid and did whatever he wanted to do. While he was exploring around his home, he discovered a painting of his mom and decided to recreate it and show it to his dad. When he showed it to his father, he became mad and almost hit him, but stopped himself before he could do anything. Afterwards, they had a talk about his mother and how it affected him and such. Daniel became a sponge to his emotions so much that he was literally a therapist by the time he reached highschool.

The boy got in a decent highschool, having decent grades, and having decent activities to look forward to after school. It became a routine for him, and Daniel wanted more. In an attempt to have a more fun highschool life, he started attending house parties by the popular kids at the school. At first, he was shy and barely talked to anyone. But after a few parties, he met some of the best friends he ever had. And, he even got himself a cute guy. However, this new life of partying sparked concern for his father. They had a few arguments about it, and how he needed to be a more responsible adult to pave a good path for himself. Daniel became more deadpan with each party, reverting back to his regular deadpan self with added sarcasm and charm. The blonde's relationship with the guy was doing well, until he discovered that he was cheating on him with another girl. Daniel was devastated with the news and cried about it when he heard the news. The two broke up, and his father knew of it when the dad of the boy talked to him about it.

Laurence comforted him and said that a break-up wasn't the end of the world. And, he was unexpectedly accepting with his son having a relationship with another guy, much to the blonde's shock. They hugged as Daniel had flicked an irreversible switch in his psyche. When he attended school, everything suddenly became boring. His friends were predictable, the food was boring, and all the other guys at school that he seemed like a good match for him became typical. He turned to vintage photos, wondering what times were like back then and if guys deteriorated as time moved forward. The blonde developed a liking to the macabre and old, Daniel found the weird and unusual to be comforting. He'd say that he'd be friends with Lydia if there was ever a girl like her in real life.

Time passed, he graduated highschool with great GPAs and a nice art college was waiting for him. However, the college was out of state and that meant he had to leave his father behind. He said a final farewell to his best friends by sending them an unfolding photo collage filled with polaroids of their best memories. And for his dad, he gave him a small card that had a photo of the two of them while Daniel was an infant. It had a small message that read: "For the best dad who's accepting of what I like and what I do, cheers!"

And with that, he took a plane and went on to stay at another state to attend his art college. Finding new friends, and going on a road trip that was probably not for the best.
[/div][/div] [div class="textcontainer tabsContent tabsContent4" style="display:none;"][div class=text] [div class=tag]theme song:[/div] dead weight by jack stauber

[div class=tag]gallery:[/div] ↓

1585541781372.png 1585541809009.png 1585541836139.png 1585542145675.png 1585542022166.png
[/div][/div] [/div] [div class=homebkgd] [div class=intro]introducing[/div] [div class="name button"]daniel[/div] [div class=role]the untypical[/div] [div class=line][/div] [div class="icon button"][/div] [div class="pic button"][/div] [/div] [/div][div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
 
Last edited:



wip


[class=container] --accent-1: #6a9943; --accent-2: #6a9943; --accent-3: #333; --image-1: url(https://25.media.tumblr.com/tumblr_mcjfysySjP1rjabi1o1_500.gif); --image-2: url(https://m.media-amazon.com/images/M/MV5BYmRlZDZmNjMtYmE4NS00MjhhLTg4ZTMtNzg0OWJjZDE4YWIwXkEyXkFqcGdeQXVyMTAyNjg4NjE0._V1_.jpg); --image-3: url(https://media1.giphy.com/media/hjkk1eWbTaYs8/source.gif); --image-4: url(https://lh3.googleusercontent.com/proxy/mcq11QhOcd50Hhmwi0NcFB43VyQHeVanpZGKtSzo885bxIWqiaZRNGnFXeoTQp7ZEA2n2aeN5QZ4BZJLxDvKxRtqGUxylprBvXHZfJB9o-jAWnmyw3X6WZhFJlKlaP1nnpn6hHP3ng); --image-5: url(https://www.indiewire.com/wp-content/uploads/2018/04/screen-shot-2018-04-06-at-10-47-20-am.png); --image-6: url(https://data.whicdn.com/images/270894548/original.gif); --image-7: url(https://vignette.wikia.nocookie.net/villains/images/c/cd/Kevin_Khatchadourian.jpg/revision/latest?cb=20130130194933); --image-8: url(https://i.pinimg.com/originals/b9/2e/03/b92e03f5d0fc5653b6c3f3935cc5ca4a.jpg); --image-9: url(https://data.whicdn.com/images/271514482/original.gif); --image-10: url(https://i.pinimg.com/originals/15/a4/b7/15a4b7dd1da0ffbccd0d58a986e19347.jpg); --image-11: url(https://storiescdn.hornet.com/wp-content/uploads/2017/11/09105825/ezra-miller-1000x500.jpg); --image-12: url(https://66.media.tumblr.com/55aefe4f531a80dc93617b9e8b9bd877/tumblr_ntng90zRWH1u8h1ydo1_400.gifv); --image-13: url(https://www.lipstiq.com/wp-content/uploads/2017/11/BuzzFeed.jpg); --image-14: url(https://i.pinimg.com/736x/d2/f3/55/d2f35508f7dd8dff1f38283ca4c3975a.jpg); --image-15: url(https://media1.giphy.com/media/XRJmQli4xCxgY/source.gif); --image-16: url(https://data.whicdn.com/images/290709375/original.jpg); [/class] [div class=credit][/div][div class=credit2 style="display: none;"]code + design by @constellation[/div] [class=credit]position: absolute; top: 0px; left: 0px; font-size: 15px; color: #b2e0e0; transition: 1s;[/class] [class=credit2]position: absolute; z-index: 2; top: 5px; left: 15px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #333; border: 1px solid #e2e2e2; background: white;[/class] [class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #A0C9C9; transitions: 1s;[/class] [script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]
[div class=container][div class=border][div class=charactername]isaac perch
[div class=icon][/div] [div class=role][/div] [div class=sideword]the psychic[/div] [div class="tabContents tabContents1"][div class=textbox][div class=scroll][div class=tag]full name.[/div]
isaac percival perch​
[div class=tag]nicknames.[/div]
izzy, percy​
[div class=tag]age.[/div]
18​
[div class=tag]gender[/div]
male​
[div class=tag]sexuality.[/div]
homosexual​
[div class=tag]relationship status.[/div]
single​
[/div][/div] [div class=column][div class=images style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-3); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-4); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents2"][div class=textbox][div class=scroll][div class=tag]eyes.[/div]
dark brown​
[div class=tag]hair.[/div]
black, messy​
[div class=tag]height.[/div]
5'11​
[div class=tag]weight.[/div]
135 lbs​
[div class=tag]body build.[/div]
slim​
[div class=tag]distinguishing marks.[/div]
none​
[div class=tag]face claim.[/div]
ezra miller​
[/div][/div] [div class=column][div class=images style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents3"][div class=textbox][div class=scroll][div class=tag]personality.[/div]
isaac’s personality fits right onto the introversion side of the scale. he likes anything an introvert might enjoy doing, like reading, listening to music or just casually being alone, and he simply doesn’t thrive in large crowds of people, usually being very shy and inside of his own shell. even around people he considers his friends, isaac doesn’t like to particularly stand out, just keeping quiet and listening to the conversation going on. he doesn’t join the actual conversation unless he has something worthy to contribute into it, and this is especially noticeable when it comes to small talk. isaac prefers to just keep out of it, and unless a question is specifically directed at him, he won’t join the conversation because he doesn’t think small talk is something he can contribute very easily to.​
Isaac’s imagination is very wild, especially his dreams, seeing he is directly connected to the spirit realm. having the ability to see spirits/ghosts is the main reason why he isn’t a party person, as loud places like parties are where a large number of spirits/ghosts usually dwell.​
[div class=tag]likes.[/div]
reading, writing, listening to music, the sound of rain, the smell of rain, nature, dogs, tea, fire​
[div class=tag]dislikes.[/div]
people with a lot of unnecessary energy, stuck up people, cats, bullies​
[/div][/div] [div class=column][div class=images style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-9); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-10); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents4"][div class=textbox][div class=scroll][div class=tag]the backstory.[/div]
When Isaac was born, his parents were just starting out both of their careers, which meant that, even though they loved him more than anything else in the world, they weren't exactly the best parents, usually having their attention set on work instead of on him. He didn't mind this, seeing his imaginary friend was always there for him, almost like she was actually there, and not a fruit of his imagination. His parents thought it was cute that Isaac had an imaginary friend, but when he still had an imaginary friend at 13 years of age, his parents started to get concerned.​
Fast forward a couple of months, and Isaac's parents, both being psychiatrists, decided it was best for him to be put on medication which would stop these illusions, even though Isaac wasn't having illusions and hallucinations, but was actually psychic. The ghosts around him, including his best friend, his imaginary friend, all disappeared, but fragments of theirs still remained around Isaac, seeing occasional shadows or outlines of people, much like a ghost one sees in movies.​
[div class=tag]power.[/div]
isaac is a psychic. he knew about his ability to see and talk to ghosts ever since realizing that his childhood imaginary friend marie was actually a person who died back in the 1930s. because of his connection to the realm of the spirits, isaac also has the ability to astral project his soul outside of his body, leaving his body unconscious until his soul is back inside of it.​
[/div][/div] [div class=column][div class=images style="background: var(--image-11); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-12); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-13); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents5"][div class=textbox][div class=scroll][div class=tag]relationships.[/div]
tba​
[/div][/div] [div class=column][div class=images style="background: var(--image-14); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-15); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-16); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tab tab1" style="left: 12px; bottom: -30px;"][/div] [div class="tab tab2" style="left: 85px; bottom: -30px;"][/div] [div class="tab tab3" style="left: 158px; bottom: -30px;"][/div] [div class="tab tab4" style="left: 231px; bottom: -30px;"][/div] [div class="tab tab5" style="left: 304px; bottom: -30px;"][/div] [div class="tab tab6" style="left: 377px; bottom: -30px;"][/div] [/div][/div][/div] [class=container] width: 450px; height: 450px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 450px; height: 450px; border: 1px solid #ccc; outline: 1px solid #fafafa; background: #f1f1f1; margin: auto; overflow: hidden; [/class] [class=charactername] position: absolute; width: 450px; top: 75px; right: 0; text-align: center; font-size: 30px; text-transform: uppercase; color: var(--accent-2); font-weight: 900; text-align: center; transition: ease 1s; white-space: nowrap; transition-delay: 1s; [/class] [class=icon] width: 150px; height: 150px; background: var(--image-1); background-size: cover; background-position: center; border-radius: 100%; position: absolute; left: 145px; top: 145px; z-index: 2; border: 5px solid var(--accent-1); transform: rotateY(0deg); transition: ease 1s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=role] position: absolute; bottom: 90px; width: 450px; height: 10px; text-align: center; color: var(--accent-2); font-size: 11px; line-height: 10px; transition: ease 1s; transition-delay: 1s; text-transform: uppercase; [/class] [class=charname] font-size: 15px; top: 34px; right: 10px; width: 170px; transition-delay: 0s; [/class] [class=roledown] bottom: -20px; transition-delay: 0s; [/class] [class=sideword] position: absolute; width: 170px; left: -170px; top: 34px; font: 15px; text-transform: uppercase; color: var(--accent-2); font-weight: 900; text-align: center; transition: ease 1s; box-sizing: border-box; padding-right: 0px; transition-delay: 1s; [/class] [class=swordin] left: 10px; transition-delay: 0s; [/class] [class=spin] top: 15px; left: 190px; width: 60px; height: 60px; transform: rotateY(360deg); transition-delay: 1s; border-width: 2px; [/class] [class=tab] position: absolute; background: var(--accent-1); width: 61px; height: 30px; border-radius: 3px; display: inline-block; transition: ease 0.5s; line-height: 30px; text-align: center; font-size: 12px; color: var(--accent-3); cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=up] margin-bottom: 40px; transition: ease 0.5s; [/class] [class=stab1] transition-delay: 2.2s; [/class] [class=stab2] transition-delay: 2.4s; [/class] [class=stab3] transition-delay: 2.6s; [/class] [class=stab4] transition-delay: 2.8s; [/class] [class=stab5] transition-delay: 3s; [/class] [class=stab6] transition-delay: 3.2s; [/class] [class=tabContents] position: absolute; top: 85px; left: 20px; height: 320px; width: 410px; transition: all .5s; opacity: 0; [/class] [class=fadein] opacity: 1; z-index: 1; transition: all 1.5s; transition-delay: 3.6s; [/class] [class=column] height: 320px; width: 96px; display: flex; justify-content: space-evenly; position: absolute; right: 0; flex-direction: column; [/class] [class=images] height: 92px; width: 92px; border: 2px solid var(--accent-2); [/class] [class=images2] height: 92px; width: 92px; border: 2px solid var(--accent-1); [/class] [class=textbox] position: absolute; left: 0; top: 7px; width: 315px; height: 305px; overflow: hidden; font-size: 12px; white-space: pre-line; line-height: 130%; text-transform: lowercase; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: var(--accent-3); [/class] [class=tag] text-transform: uppercase; display: inline; font-size: 12px; letter-spacing: 1px; text-align: left; font-weight: 600; color: var(--accent-1); [/class] [class name=tab state=hover] background: var(--accent-3); color: var(--accent-1); transition: ease .5s; [/class] [class=chosen] background: var(--accent-3); color: var(--accent-1); transition: ease .5s; [/class] [class=chosen1] background: var(--accent-3); color: var(--accent-1); transition: ease .5s; transition-delay: 2.2s; [/class] [class=show] opacity: 1; transition: all 1s; z-index: 1; [/class] [class=none] pointer-events: none; [/class] [script class=tab on=mouseenter] removeClass stab1 tab1 removeClass stab2 tab2 removeClass stab3 tab3 removeClass stab4 tab4 removeClass stab5 tab5 removeClass stab6 tab6 [/script] [script class=icon on=click] addClass charname charactername addClass roledown role addClass swordin sideword addClass spin icon addClass up tab addClass stab1 tab1 addClass stab2 tab2 addClass stab3 tab3 addClass stab4 tab4 addClass stab5 tab5 addClass stab6 tab6 addClass fadein tabContents1 addClass chosen1 tab1 addClass none icon [/script] [script class=tab1 on=click] addClass show tabContents1 addClass chosen tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosen tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosen tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab4 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosen tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosen tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen1 tab1 [/script] [script class=tab6 on=click] removeClass charname charactername removeClass roledown role removeClass swordin sideword removeClass spin icon removeClass up tab removeClass fadein tabContents removeClass show tabContents removeClass chosen1 tab1 removeClass chosen tab removeClass none icon [/script]
 
Last edited:



Name: Willow Hargrove
Nickname: Will
Age: 18
Gender: female
Sexuality: pansexual

Face Claim: Kat Graham
Eye Color: dark brown,
Hair Color: also dark brown
Height/Weight: 5'7", 160 pounds
Tattoos/Piercings/Etc.: None

Likes: Snow, Nighttime, Lemonade, Storms, Outer Space
Dislikes: Small Spaces, Social Media, Alcohol, Dolls, PDA
Power: [insert cool power]
Personality: Will is the kind of girl that is easy to overlook. She's not outspoken, or super opinionated. Instead, Will prefers to breeze along on the outside of disagreements or even friend groups -- she was the girl in high school that you would recognize, her name just on the tip of your tongue, but never be able to quite place it.

There isn't a mean bone in her body, and Will would give anything to keep those that she cares about safe. Unfortunately, this means that Willow can come off as quite naive, and easy to manipulate, or take advantage of. And generally? She's none the wiser. She sees the best in others, and will often do what people say without questioning it.
Bio:

Theme Song:
Anything Extra:

Relationships: N/A [until accepted]

code by apolla apolla
 
Last edited:

[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]
"Welcome."
[/div]


Character Sheets

Name: Noa Arc
Nickname: Noa
Age: Appears 19
Gender: Female
Sexuality: Asexual

Face Claim: Lili Reinhart
Eye Color: Green
Hair Color: Blonde
Height/Weight: 5'10"/135 lbs
Tattoos/Piercings/Etc.: Noah has an old, choker-lookalike of a scar around the end of her neck.

Likes: Tidy and clean spaces, aromatic candle, helping out, tea
Dislikes: Messy room, being hated, being alone
Power: Can turn human into ghost or urban legends upon fulfilling several criterias.
Personality: Noa is best described as a chatty (once you let her/she becomes comfortable with you), hospitable-kind of girl. She also excels in cleaning and taking care of houseworks. The type of girl that's always ready to fulfill requests of help, assistance, or needs of advice. There are times however, of where she immediately gives a hand even though no one asks for it.
Bio: Noa is a polite girl that takes care of the villa left by her "father" despite there isn't any blood relation between the two. Noah was initially a body-less, mere "dragger" spirit, but through a magecraft, she's able to reside and use human body with its natural phases proceeding with normalcy, hence causing this spirit to be a human.

Theme Song: (still in searching)
Anything Extra: Noa has taken care of the manor for more than a hundred years (wonder how she does that 👀).

Relationships: N/A [until accepted]


[/div]
codedbycrucialstar | hidden scrolls, hover over photo
 
[class=container]height: 350px; width: 450px; background-color: #F79D65; border-radius: 10px; box-shadow: 0px 0px 4px 0px rgba(129, 130, 132,.7);[/class] [class=tabs]position: absolute; top: 0; right: 0; width: 150px; height: 350px;[/class] [class=tab]display: inline-block; position: relative; left: 40px; width: 90px; height: 45px; border-radius: 10px; background-color: #F79D65; box-shadow: 0px 0px 4px 0px rgba(129, 130, 132,.7); line-height: 15px; text-align: center; color: #F9C790; font-size: 20px; line-height: 36px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class] [class=line]position: relative; margin-left: -40px; width: 40px; height: 2px; background-color: #FD6D25; opacity: 0.7; top: 19px;[/class] [class=slab]position: absolute; left: 2px; top: 2px; z-index: 50; background-color: #F79D65; height: 36px; width: 87px; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 36px; font-weight: 500; letter-spacing: 1px;[/class] [class=title]position: absolute; bottom: 5px; right: 185px; font-size: 40px; text-transform: uppercase; font-weight: 900; letter-spacing: -2px; color: #A23421; text-shadow: 2px 2px #F9C790;[/class] [class=textbox]padding: 10px; position: absolute; top: 30px; left: 190px; height: 270px; width: 210px; border-radius: 10px; font-size: 12px; background-color: white; overflow: hidden; padding-right: 5px; text-align: justify;[/class] [class=scroll]width: calc(100% + 12px); height: 270px; overflow-y: scroll; padding-right: 15px; white-space: pre-line; color: #A23421;[/class] [class=tag]display: inline-block; line-height: 19px; height: 21px; padding-left: 3px; padding-right: 3px; background: #A23421; color: #fff;[/class] [script class=tab1 on=mouseenter] fadeIn 500 slab1 hide slab2 hide slab3 hide slab4 hide slab5 [/script] [script class=tab1 on=mouseleave] fadeOut 500 slab1 [/script] [script class=tab2 on=mouseenter] fadeIn 500 slab2 hide slab1 hide slab3 hide slab4 hide slab5 [/script] [script class=tab2 on=mouseleave] fadeOut 500 slab2 [/script] [script class=tab3 on=mouseenter] fadeIn 500 slab3 hide slab1 hide slab2 hide slab4 hide slab5 [/script] [script class=tab3 on=mouseleave] fadeOut 500 slab3 [/script] [script class=tab4 on=mouseenter] fadeIn 500 slab4 hide slab1 hide slab2 hide slab3 hide slab5 [/script] [script class=tab4 on=mouseleave] fadeOut 500 slab4 [/script] [script class=tab5 on=mouseenter] fadeIn 500 slab5 hide slab1 hide slab2 hide slab3 hide slab4 [/script] [script class=tab5 on=mouseleave] fadeOut 500 slab5 [/script] [script class=tab1 on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent1[/script] [script class=tab2 on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent2[/script] [script class=tab3 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent3[/script] [script class=tab4 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent3 hide tabsContent5 fadeIn 1000 tabsContent4[/script] [script class=tab5 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeIn 1000 tabsContent5[/script]
[div class=container][div class="tabsContent tabsContent5"]
[div class=title]Stella Kohler
[div class="tabsContent tabsContent1" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]name[/div] Stella Kohler [div class=tag]nickname[/div] Stell, Star [div class=tag]age[/div] appears 21 [div class=tag]gender[/div] Cis-female [div class=tag]sexuality[/div] Pansexual [div class=tag]species[/div] Phoenix[/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]face claim[/div] Molly Quinn [div class=tag]eye color[/div] Blue [div class=tag]hair color[/div] Red [div class=tag]height[/div] 5'5" (166 cm) [div class=tag]weight[/div] 121 lbs (55 kg) [div class=tag]tattoos[/div] x | x [div class=tag]piercings[/div] x[/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]likes[/div] Birds, the color orange, learning languages, journaling, fire, vinyl records [div class=tag]dislikes[/div] The ocean, heights, dolls, surprises, constantly coming back life, enclosed spaces, sweet foods [div class=tag]positive traits[/div] Wise, resourceful, intuitive, intelligent [div class=tag]negative traits[/div] Cynical, sarcastic, pyromaniac, impulsive [div class=tag]power[/div] Immortality - not the inability to die per se, but the inability to stay dead [div class=tag]theme song[/div]"The Phoenix" by Fall Out Boy [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]biography[/div] If someone were to ask Stella where she was born, who her family was, how old she was, she wouldn't have any idea what to tell you. She has been around for so long, that she actually doesn't remember the answers to those questions anymore. It was only about 272 years ago that she had the idea to keep daily journals to better help herself remember. Stella is a phoenix, a creature that isn't able to stay dead. Instead, every time she dies, she comes back to life only a few moments later. From what she can gather from faint wisps of memories, she was cursed around when she turned 21 by a witch who was mad at her for the death of a family member. Because of that, she would outlive everyone she has ever and will ever love. Stella arrived in Shadowthorne about one hundred years ago, drawn to the small town because of the other supernatural creatures that existed there. Some of them were immortal as well, and she figured that she would lose less friends and family there. But when new humans come to town, that plan goes out the window... [/div][/div][/div][/div] [div class=tabs style="font-family: EB Garamond;"]
[div class="tab tab1"][div class=line]
[div class="slab slab1" style="display: none;"]basics[/div][/div] [div class="tab tab2"][div class=line][/div] [div class="slab slab2" style="display: none;"]looks[/div][/div] [div class="tab tab3"][div class=line][/div] [div class="slab slab3" style="display: none;"]persona[/div][/div] [div class="tab tab4"][div class=line][/div] [div class="slab slab4" style="display: none;"]history[/div][/div] [div class="tab tab5"][div class=line][/div] [div class="slab slab5" style="display: none;"]return[/div][/div][/div][/div][/div]
coded by
constellation
.
[/div]
 
Last edited:
[class=container]height: 350px; width: 450px; background-color: #878586; border-radius: 10px; box-shadow: 0px 0px 4px 0px rgba(129, 130, 132,.7);[/class] [class=tabs]position: absolute; top: 0; right: 0; width: 150px; height: 350px;[/class] [class=tab]display: inline-block; position: relative; left: 40px; width: 90px; height: 45px; border-radius: 10px; background-color: #878586; box-shadow: 0px 0px 4px 0px rgba(129, 130, 132,.7); line-height: 15px; text-align: center; color: #D0CFCB; font-size: 20px; line-height: 36px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class] [class=line]position: relative; margin-left: -40px; width: 40px; height: 2px; background-color: #818284; opacity: 0.7; top: 19px;[/class] [class=slab]position: absolute; left: 2px; top: 2px; z-index: 50; background-color: #878586; height: 36px; width: 87px; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 36px; font-weight: 500; letter-spacing: 1px;[/class] [class=title]position: absolute; bottom: 5px; right: 185px; font-size: 35px; text-transform: uppercase; font-weight: 900; letter-spacing: -2px; color: #1B1B1B; text-shadow: 2px 2px #D0CFCB;[/class] [class=textbox]padding: 10px; position: absolute; top: 30px; left: 190px; height: 270px; width: 210px; border-radius: 10px; font-size: 12px; background-color: white; overflow: hidden; padding-right: 5px; text-align: justify;[/class] [class=scroll]width: calc(100% + 12px); height: 270px; overflow-y: scroll; padding-right: 15px; white-space: pre-line; color: #1B1B1B;[/class] [class=tag]display: inline-block; line-height: 19px; height: 21px; padding-left: 3px; padding-right: 3px; background: #1B1B1B; color: #fff;[/class] [script class=tab1 on=mouseenter] fadeIn 500 slab1 hide slab2 hide slab3 hide slab4 hide slab5 [/script] [script class=tab1 on=mouseleave] fadeOut 500 slab1 [/script] [script class=tab2 on=mouseenter] fadeIn 500 slab2 hide slab1 hide slab3 hide slab4 hide slab5 [/script] [script class=tab2 on=mouseleave] fadeOut 500 slab2 [/script] [script class=tab3 on=mouseenter] fadeIn 500 slab3 hide slab1 hide slab2 hide slab4 hide slab5 [/script] [script class=tab3 on=mouseleave] fadeOut 500 slab3 [/script] [script class=tab4 on=mouseenter] fadeIn 500 slab4 hide slab1 hide slab2 hide slab3 hide slab5 [/script] [script class=tab4 on=mouseleave] fadeOut 500 slab4 [/script] [script class=tab5 on=mouseenter] fadeIn 500 slab5 hide slab1 hide slab2 hide slab3 hide slab4 [/script] [script class=tab5 on=mouseleave] fadeOut 500 slab5 [/script] [script class=tab1 on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent1[/script] [script class=tab2 on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent2[/script] [script class=tab3 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent4 hide tabsContent5 fadeIn 1000 tabsContent3[/script] [script class=tab4 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent3 hide tabsContent5 fadeIn 1000 tabsContent4[/script] [script class=tab5 on=click] hide tabsContent1 hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeIn 1000 tabsContent5[/script]
[div class=container][div class="tabsContent tabsContent5"]
[div class=title]Kasper Lundgren
[div class="tabsContent tabsContent1" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]name[/div] Kasper Lundgren [div class=tag]nickname[/div] Kas [div class=tag]age[/div] appears 21 [div class=tag]gender[/div] Cis-male [div class=tag]sexuality[/div] Heterosexual [div class=tag]species[/div] Incubus[/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]face claim[/div] Dave Franco [div class=tag]eye color[/div] Chocolate brown [div class=tag]hair color[/div] Light brown [div class=tag]height[/div] 5'9" (175 cm) [div class=tag]weight[/div] 150 lbs (68 kg) [div class=tag]tattoos[/div] x | x [div class=tag]piercings[/div] None[/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]likes[/div] Playing guitar, drinking, doing drugs, partying, working out, hanging out with friends [div class=tag]dislikes[/div] Pessimism, arguing, planning, watching TV, alcohol that is too sweet, dancing, being alone [div class=tag]positive traits[/div] Outgoing, charming, loyal, observant [div class=tag]negative traits[/div] Non-committal, manipulative, arrogant, rule-breaker [div class=tag]power[/div] Desire Manipulation - the ability to draw out people's desires and coerce them into acting on them by lowering their inhibitions [div class=tag]theme song[/div] "Emperor's New Clothes" by Panic! At The DIsco [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]biography[/div] With the fall of Lucifer, the demons were created as soldiers and servants to the King. They were his hands, torturing the souls of the mortals that were unworthy in heaven, and his eyes and ears on Earth, keeping tracking of the sinners. However, a subcategory of these Earthbound demons was the succubi and incubi, a class responsible for luring humans into sinning. One of the earliest created was Kasper, an incubus masterful in manipulating humans into lowering their inhibitions, revealing their greatest desires, and acting on them. For all of his life, Kasper has only known exploiting humans and coercing them. Eventually, however, it got old. He was burnt out, and no longer wanted to constantly be wreaking havoc. Instead, he wanted to relax and take some time for himself. Shadowthorne, a humanless town, allowed him to have that. That is, until the road trip van pulled into town. They would turn his plan upside down... [/div][/div][/div][/div] [div class=tabs style="font-family: EB Garamond;"]
[div class="tab tab1"][div class=line]
[div class="slab slab1" style="display: none;"]basics[/div][/div] [div class="tab tab2"][div class=line][/div] [div class="slab slab2" style="display: none;"]looks[/div][/div] [div class="tab tab3"][div class=line][/div] [div class="slab slab3" style="display: none;"]persona[/div][/div] [div class="tab tab4"][div class=line][/div] [div class="slab slab4" style="display: none;"]history[/div][/div] [div class="tab tab5"][div class=line][/div] [div class="slab slab5" style="display: none;"]return[/div][/div][/div][/div][/div]
coded by
constellation
.
[/div]
 

Users who are viewing this thread

Back
Top