• 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 ★彡 ᴡʜᴇɴ sᴛᴀʀs ғᴀʟʟ 彡★ - ᴄʜᴀʀᴀᴄᴛᴇʀs

OOC
Here
Other
Here

neon reverie

ᴅʀᴇᴀᴍᴇʀ ᴅɪsᴄɪᴘʟᴇ
Roleplay Type(s)
[class=background] max-width:900px; height:520px; margin:auto;center; background-color: #0000; overflow:hidden; [/class] [class=imagebox] width:350px; height:450px; background:url('https://i.pinimg.com/originals/13/07/ef/1307ef58307fbb46d757eceb1ec19d67.jpg'); background-size:120%; border:5px solid #222; position:relative; top:30px; left:510px; [/class] [class=overlaytext] width:330px; text-align:right; font-family:Oswald; font-size:25px; color:#F0F8FF; text-shadow:2px 2px 0px #222; position:relative; top:400px; left:0px; [/class] [class=maintextwrapper] width:900px; height:460px; overflow-y:auto; padding:0px; position:relative; top:-430px; left:40px; [/class] [class=textbox] width:450px; background:#05060F; font-family:Roboto; font-size:15px; color:#F0F8FF; padding:10px; position:relative; top:-40px; [/class] [class=titleblock] width:450px; text-align:right; font-family:Oswald; font-size:25px; color:#F0F8FF; text-shadow:2px 2px 0px #222; position:relative; top:-50px; [/class]
[div class=background][div class=imagebox][div class=overlaytext] Character applications [/div][/div][div class=maintextwrapper]
[div class=titleblock]RULES [/div][div class=textbox]
I. I think it's a given that Mary or Gary Stues are prohibited.
II. On a similar note; I won't allow overpowered characters either. You win some and you lose some, that's life hunny.
III. the ages of the human characters will be between 23 - 28. As for the constellations, obviously, the characters are 'old', though I would still prefer to keep them looking between 23 - 30 appearance wise.
IV. I prefer to use realistic faceclaims for this roleplay, but won't force you to use realistic ones if you have a drawn image you feel suits your character best.
V. you can use any template you like, as long as you include the following data;
╰☆☆ BASICS ☆☆╮
↬ (human) name.
↬ nicknames
↬ age [23 - 30]
↬ d.ob ** only for human characters
↬ p.o.b ** only for human characters
↬ gender
↬ sexuality
↬ role

╰☆☆ APPEARANCE ☆☆╮
↬ height
↬ weight
↬ hair colour
↬ eye colour
↬ distinguishing features
↬ faceclaim

╰☆☆ PERSONA ☆☆╮
↬ brief personality overview
↬ 5 virtues
↬ 5 vices
↬ likes
↬ dislikes
↬ fears

╰☆☆ BACKGROUND ☆☆╮
↬ brief history ** intended for human characters, though the constellations are free to add a bio too!
↬ family/significant relationships
↬ theme song
↬ miscellaneous
[/div]

[div class=titleblock]ROLES[/div][div class=textbox]

THE CONSTELLATIONS

LYRA | OPEN
Might as well be an angel in disguise. Is someone always there to help, always ready to lend a hand. Has a persona where she's always there to give a helping hand, ready to do whatever favours without hesitation. An undeniable people pleaser; you could use her as a personal gofer and she wouldn't mind, never minding having to go out of her way to walk. Conservator of harmony – even if it means holding secrets and telling lies. A faithful follower of the rules and fearful of anything that deviates from it. Volunteered to seek for the crystal, because that’s just who she is. A person filled with love and care.

CASSIOPEIA | OPEN
A constellation with enough vanity to make her actually believe she is royalty. Firmly stands by the idea that she truly is the most beautiful of them all and therefore, superior. A person who loves and craves attention with something like desperation. Will do anything to receive the attention she thinks she deserves to the point of being pitiful. A person who, above all, loves too passionately that it’s hard to breathe underneath it. Petty and down-right mean at times – but that might just be a defence mechanism. She was one of the selected to seek the crystal and although the woman was more than displeased to leave her luxurious spot in the heavens, she embarked on the quest.

ORION | OPEN
A person whose ego was fed by being the most popular one amongst the constellations. A narcissist with a solid hero-complex; thinks he the best in his own way and always more than eager to save the day. His strong will to do great things and be admired often blinds him from seeing what the people maybe truly need. Meddles himself into businesses that aren’t his to be involved in, solely because he wants to play the hero. A martyr to the core; will save all the people he can save, even at a detriment to himself. Clings to the notion of being remembered like it’s the only thing that matters. A volunteer, because that’s what a hero does.

SCORPIUS | OPEN
wickedly cunning and greedy veiled with a mask of charms. Has a mastery in manipulation and can be anyone you want him to be - or who he wants you to see. His gestures might seem caring, but in reality, they hold something hollow and self-centred. Many of his flirtations are shown to be a mere tool of manipulation, the words only aiming to gain an outcome that benefits him the most. Selflessness is not a trait he possesses, not hesitating to sacrifice others if it means that he would be the only one standing at the end of the battle. Born and raised in the shadows of Orion’s popularity, the man has grown to be envious and bitter, and only volunteered with the plan to ‘dethrone’ the popular constellation.

STELLARIS ORGANIZATION

THE DEDICATED STUDY | TAKEN
a study in hard-work with an almost prodigious intellect. Goes through life with a level-headed attitude and handles matters with a logical approach. A perfectionist with bossy tendencies, yet unfailingly dutiful and loyal to her friends. Perhaps the odd one out in a secret organisation primarily based on belief rather than facts, but that’s because ______ Devotes herself to the appointed role with utmost perseverance. Someone, who can’t understand – for the love of god – why she was paired up with a narcissist with a hero-complex.

THE INDIFFERENT DUTY | OPEN
To be completely blunt - thinks this astrology belief is complete bullshit. A man of few words and even fewer emotions. Someone with their foot firmly planted on the ground, firmly telling himself that these beliefs should only be for the ones in the gutter who look up at the stars. Wears a mask with scars that are yet to heal. Is only in this whole ordeal because of his duty and love towards his recently passed brother - and immediately regrets it the moment he is paired up with a constellation with enough vanity to fill the galaxy..

THE GOOD-HEARTED MAYHEM | OPEN
He, who laughs just for laughs. Someone who takes enjoyment easy in pranks and the simple things in life. He’s trouble in how he only barely knows when to behave, does his jobs well but with a cheekiness to it that makes his fellow members pray he doesn't go near anyone too important and strict. He loves his vices and never bothers to hide them, privy to sneaking out to enjoy the night no matter how it might be dangerous. The person who hopes to show the earth to the constellation, and maybe put a bit of the devil in the angel.

THE EMPATHETIC WALLFLOWER | OPEN
A quirky girl, with a serene disposition and many eccentric beliefs and qualities. Nonconformist in a way she lacks the self-consciousness and isn’t afraid to show who she truly is. Has a demeanour and voice distant and dreamy – as if she is in her own wonderland. An open book when it comes to emotions and someone who doesn’t understand why people aren’t the same. Someone with a knack for embarrassing honesty and a curiosity that is yet to be satisfied. One who can’t help but wonder why the constellation she ended paired up with has two faces….
[/div][/div][/div]
credits @RI.a
 
THE INITIAL DEADLINE WILL BE 11TH OF NOVEMBER
THOUGH IT MIGHT BE SUSCEPTIBLE TO CHANGE
 
[class=tag] color: #fff; font-size: 12px; font-family: Arial; padding: 0px 4px 2px 4px; background: #d4b8a5; display: inline-block; line-height: 15px; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Limelight; padding-top: 5px; color: #999; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #a56e50; text-align: center; transition: .7s all ease-in-out; font-family: Limelight; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=heading] font-size: 30px; float: left; font-family: Marcellus; font-weight: bold; text-transform: uppercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0; transition: .7s all ease-in-out; [/class] [class name=tab state=hover] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: .7s all ease-in-out; width: 330px; font-size: 13px; background: #fff; color: #000; height: 440px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; transition: .7s all ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 removeClass show heading5 removeClass show heading6 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass show heading5 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading6 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading6 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading5 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class="tab tab1"]
requisite
[div class="tab tab2"]
appearance
[div class="tab tab3"]
psyche
[div class="tab tab4"]
dossier
[div class="tab tab5"]
gallery
[div class="tab tab6"]
home
[/div] [/div] [/div]
[div class="heading heading6 show"]river calloway
[div class="heading heading1"]requisite[/div] [div class="heading heading2"]appearance[/div] [div class="heading heading3"]psyche[/div] [div class="heading heading4"]dossier[/div] [div class="heading heading5"]gallery[/div]
[div class="tabContents tabContents06 show"]
[div class="tabContents tabContents01"]
[div class=tag]full name:
river diane calloway.

[div class=tag]nicknames:[/div] cal. ( for a long time, she despised her own name, and preferred to go by this ). lake. ( her family would call her that whenever they were trying to annoy her ). red. ( obviously pertains to her hair ).

[div class=tag]age:[/div] twenty-four. ( 24 ).

[div class=tag]date of birth:[/div] july seventeenth.

[div class=tag]place of birth:[/div] portland, oregon.

[div class=tag]nationality:[/div] american.

[div class=tag]ethnicity:[/div] caucasian. ( irish ).

[div class=tag]gender:[/div] cisfemale. ( feminine pronouns ).

[div class=tag]sexual orientation:[/div] demisexual.

[div class=tag]romantic orientation:[/div] biromantic.

[div class=tag]role:[/div] the empathetic wallflower. ( human ). [/div][/div] [div class="tabContents tabContents02"]
[div class=tag]height:
5'7 ft. / 170 cm.

[div class=tag]weight:[/div] 115 lbs. / 52 kg.

[div class=tag]build:[/div] svelte. ( ectomorph ).

[div class=tag]hair:[/div] long. ( falls just past her rib cage ). naturally dark orange / red.

[div class=tag]eyes:[/div] blue-green.

[div class=tag]distinguishing features:[/div] freckles. ( most common on her face and shoulders ). nose piercing. ( doesn't wear her ring often ). a curious glint in her eyes that is never satisfied.

[div class=tag]face claim:[/div] laura gwyneth butler. [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]overview:
a serene disposition coupled with dangerously vibrant hair adorn her easy-going and infectious nature, rendering her a naturally alluring individual. those that gaze upon river mistake her wistfulness for naivety, thinking her to be an innocent fool lost in some different version of reality. while lofty ideals of romance fill her dreams and a mischievous curtain of diamonds glitter over her smiling eyes, she is an enigma at her best and an open book at her worst, and she is not to be underestimated.

[div class=tag]virtues:[/div] alluring, whimsical, compassionate, empathetic, benevolent, philosophical, curious, allocentric, and vivacious.

[div class=tag]vices:[/div] demure, filterless, enigmatic, idealistic, idiosyncratic, unassuming, anomalous, awkward, and fickle.

[div class=tag]likes:[/div] heart-shaped sunglasses, the sun beaming through curtains, sharpie tattoos, peach lipstick, dancing in the rain, uncontrollable laughter at idiotic jokes, mismatched socks, colors that burn like fire, freshly baked pastries, picnics in a field of flowers, midnight adventures straight out of a poem, learning, asking, wondering.

[div class=tag]dislikes:[/div] bigotry of any kind, sardonicism used to hurt someone, the smell of citruses, feeling helpless, telling lies and hearing lies, hip hop music, wearing high heels, sudden noises, humid weather, cruelty just for the sake of it, losing her trust in someone, enclosed spaces, pointless small talk, and being unable to figure someone out.

[div class=tag]fears:[/div] never amounting to her parent's expectations, heights, and enclosed spaces. [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]history:
river calloway lost her mind to the universe at a young age, prone to wandering off in her own thoughts and ceaseless curiosity.

in the calloway household, knowledge is a form of power that very few people can obtain and properly wield. her childhood was wasted away with her nose in a book and bright red one hundred percents scrawled across test papers and homework assignments.

unfortunately for river calloway, it was not academics that she had a strength in. rather, she wanted to know the anatomy of a person in a social aspect.

she wanted to know why the heart was a fickle thing, why people fell in and out of love by the snap of a finger, why the world could never be as selfless as it should be.

the daughter of a famed astrologist and a successful psychologist, expectations have been set for river since the day she was born, woven in between daily conversation and parental lectures.

[div class=tag]significant relationships:[/div] dean calloway. ( father ). jillian schmidt. ( mother ). rain calloway. ( older brother ).

[div class=tag]theme song:[/div] avalanche by walk the moon.

[div class=tag]miscellaneous:[/div] speaks english, french, welsh, and greek, but is only fluent in english. [/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
the empathetic wallflower
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 
Last edited:
╰☆☆ BASICS ☆☆╮
↬ name: bertram casimir hartmut friedrich burgstaller
↬ nicknames: bert (don’t use this one if you want his approval, as it reminds him of the sesame street character), casi, hearts, mutie, fries, fryman, birdman
↬ age: 24
↬ d.ob: 18th january, 1995
↬ p.o.b: rural saxony, germany
↬ gender: genderfluid (he/him or they/them depending on the day), assigned male at birth
↬ sexuality: panromantic pansexual, and looking.
↬ role: the good hearted mayhem

╰☆☆ APPEARANCE ☆☆╮
↬ height: 5’10”
↬ weight: 160 lbs
↬ hair colour: stark white due to albinism
↬ eye colour: pinkish red
↬ distinguishing features: aforementioned albinism, typically dressed in expensive yet durable clothes, careful to cover as much as of his skin as possible even when sunburn isn’t a danger (hiding burn scars all over his body), particularly fond of hoodies and enamel pins. Also typically seen wearing 80’s outrun aesthetic visor looking shades.
↬ faceclaim: prussia from hetalia

╰☆☆ PERSONA ☆☆╮
↬ brief personality overview: though he tries to look distant, ‘cool’ and generally unbothered, bertram truly is fettered, underneath the surface constantly wondering how everyone is doing, including himself as he doesn’t often trust his own intuition about his own emotions. thus his mischief making- playing harmless little pranks and so on, in order to draw hidden emotions to the surface. he himself, meanwhile, does his best to mask his own negative emotions and not talk about them, usually hiding them behind layers of sarcasm and self-deprecating jokes. truly, he is much like one of his favorite role models, and is the robin williams of his bunch of family and friends.
↬ 5 virtues: diligence, charity (he regularly donates large sums of cash and useful expensive items to those in need), patience, kindness, humility
↬ 5 vices: wrath, envy, sloth, gluttony (he hasn’t overcome his own wealthy background as much as he likes to think), pride
↬ likes: deep fried food (to the point of knowing how to operate his own high end deep fryer on a daily basis), birds (especially the smarter ones), playing pranks
↬ dislikes: people who fake love (or any emotion really) just for the money, being swindled or lied to (he’ll give you what you need, just be honest!), people who are obviously not loyal to their family
↬ fears: open uncontrolled fire (even though he works with lots of cooking equipment, he’s still not over the incident that left him burned and disfigured), losing friends and family, being betrayed

╰☆☆ BACKGROUND ☆☆╮
↬ brief history: bertram not only grew up wealthy, but was heir to quite the fortune on account of his family being well connected both in terms of business and in old european royalty. they were old money, but many of them lost their lives in a fire when he was too young to remember. and so he grew up with people constantly trying to manipulate him into giving them control of his money. one would think he’d end up a shut in, but he instead tied up much of the family fortune into expensive investments and material resources, and intentionally lives at a lower standard of living so that his fortune is much more challenging for anyone else to access.
↬ family/significant relationships: not much is left of the burgstaller family, and thus he clings tightly to his younger brother ludger, his distant cousin eckard, and the remaining family parrot that his grandparents owned, kneller. aside that all his loved ones are various pet birds, and befriended wild corvids. He has few long term friends, and though he doesn’t want to admit it eats him up inside when friends have to leave, all the signs are still there. further he’s desperate for romantic love, but all the potential significant others he’s found are usually just in it for his family fortune, which he doesn’t want.
↬ theme songs: thrift shop by macklemore & ryan lewis, money by pink floyd, can’t buy me love by the beatles, mo money mo problems by the notorious big
↬ miscellaneous: go on and ask him about his many pet parakeets and parrots, and the wild ravens, crows, and magpies he’s befriended. you’ll be talking with him for hours, and it’s one of the few things that breaks through his usual quiet, scheming nature and ‘cool’ facade.
 
Last edited:
[class=bkgd] position: relative; box-sizing: border-box; width: 700px; height: 450px; background-color: #FFE4C4; overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; [/class] [class=name] text-shadow: 3px 3px 0px #D8BFD8; position: absolute; top: 10px; overflow: hidden; width: 400px; height: auto; text-align: left; font-size: 35px; color: #000000; text-transform: uppercase; left: 10px; [/class] [class=role] text-shadow: 2px 2px 0px #D8BFD8; position: absolute; left: 25px; top: 50px; overflow: hidden; width: 200px; height: aut0; text-align: left; font-style: italic; font-weight: 700; font-size: 20px; color: #696969; text-transform: lowercase; [/class] [class=tab1] position: absolute; overflow: visible; width: 40px; height: 40px; border-radius: 200px; background-color: transparent; border: 2px solid #000000; top: 15px; left: 450px; [/class] [class=tab2] position: absolute; overflow: visible; width: 40px; height: 40px; border-radius: 200px; background-color: transparent; border: 2px solid #000000; top: 15px; left: 500px; [/class] [class=tab3] position: absolute; overflow: visible; width: 40px; height: 40px; border-radius: 200px; background-color: transparent; border: 2px solid #000000; top: 15px; left: 550px; [/class] [class=tab4] position: absolute; overflow: visible; width: 40px; height: 40px; border-radius: 200px; background-color: transparent; border: 2px solid #000000; top: 15px; left: 600px; [/class] [class=text] position: relative; overflow: auto; width: 230px; height: 250px; color: #000000; font-size: 10px; line-height: 12px; padding: 15px; text-transform: lowercase; [/class] [class=textcontainer] position: absolute; overflow: hidden; width: 250px; height: 260px; left: 225px; top: 150px; box-shadow: 3px 3px 0px #000000; background-color: #D8BFD8; border-radius: 5px; [/class] [class=goldie] font-size: 8px; text-align: center; [/class] [class=picture] position: absolute; overflow: visible; width: 200px; height: 200px; border-radius: 200px; left: 10px; top: 150px; box-shadow: 3px 3px 0px #000000; background: url(https://i8.lisimg.com/15292828/280full.jpg); border: 3px solid #D8BFD8; background-size: 100%; background-position: 0% 0%; [/class] [class name=picture state=hover] background: url(https://iv1.lisimg.com/image/15292718/500full-vanja-jagnic.jpg); transition-duration: 0.5s; border: 3px solid #D8BFD8; box-shadow: 3px 3px 0px #000000; background-size: 100%; background-position: 20% 20%; border-radius: 200px; [/class] [class=picture2] position: absolute; overflow: visible; width: 200px; height: 200px; border-radius: 200px; right: 10px; top: 150px; box-shadow: 3px 3px 0px #000000; background: url(https://em.wattpad.com/5421bcce837acf31feb74bd6dcdb132dc41cec4c/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f5635784e5634594b4168453451513d3d2d3130332e313464336466646334666533313030653433303334303739393638342e6a7067?s=fit&w=720&h=720); border: 3px solid #D8BFD8; background-size: 100%; background-position: 50% 50%; [/class] [class name=picture2 state=hover] background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT_gBD7ZE5WzyyEOTNIuGVjHLlnXw4uu8ZePeMc1A7kbeAMcSrk&s); transition-duration: 0.5s; border: 3px solid #D8BFD8; box-shadow: 3px 3px 0px #000000; background-size: 100%; background-position: 20% 20%; border-radius: 200px; [/class] [class=tag] display: inline; margin-top: 10px; background: linear-gradient(to right, #800080, #f3f3f3, #800080); color: #000000; font-size: 11px; [/class] [class=basics] position: relative; left: 175px; bottom: 75px; overflow: hidden; width: 200px; text-align: center; font-style: italic; font-size: 30px; color: #808080; text-transform: uppercase; [/class] [class=persona] position: relative; left: 175px; bottom: 75px; transform-origin: left; overflow: hidden; width: 200px; text-align: center; font-style: italic; font-size: 30px; color: #808080; text-transform: uppercase; [/class] [class=bio] position: relative; left: 175px; bottom: 75px; transform-origin: left; overflow: hidden; width: 200px; text-align: center; font-style: italic; font-size: 30px; color: #808080; text-transform: uppercase; [/class] [class=misc] position: relative; left: 175px; bottom: 75px; transform-origin: left; overflow: hidden; width: 200px; text-align: center; font-style: italic; font-size: 30px; color: #808080; text-transform: uppercase; [/class] [class name=tab state=hover] transform: scale(1.5); transition-duration: 1.5s; filter: grayscale(80%); [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContent1) if (eq ${currentTab} 1) (show basics) if (eq ${currentTab} 1) (hide persona) if (eq ${currentTab} 1) (hide bio) if (eq ${currentTab} 1) (hide misc) if (eq ${currentTab} 2) (show tabsContent2) if (eq ${currentTab} 2) (show persona) if (eq ${currentTab} 2) (hide basics) if (eq ${currentTab} 2) (hide bio) if (eq ${currentTab} 2) (hide misc) if (eq ${currentTab} 3) (show tabsContent3) if (eq ${currentTab} 3) (show bio) if (eq ${currentTab} 3) (hide basics) if (eq ${currentTab} 3) (hide persona) if (eq ${currentTab} 3) (hide misc) if (eq ${currentTab} 4) (show tabsContent4) if (eq ${currentTab} 4) (show misc) if (eq ${currentTab} 4) (hide basics) if (eq ${currentTab} 4) (hide persona) if (eq ${currentTab} 4) (hide bio) [/script]

[div class=bkgd]
[div class=name]Lyla[/div]
[div class=role]"lyra"[/div]
[div class="tab tab1"]
1
[/div]
[div class="tab tab2"]
2
[/div]
[div class="tab tab3"]
3
[/div]
[div class="tab tab4"]
4
[/div]
[div class=picture][/div][div class=picture2][/div]
[div class=basics]basics[/div][div class=persona style="display: none;"]persona[/div][div class=bio style="display: none;"]bio[/div][div class=misc style="display: none;"]misc[/div]

[div class="tabsContent tabsContent1"][div class=textcontainer][div class=text][div class=tag]human name[/div] Lyla

[div class=tag]nickname[/div] Ly

[div class=tag]age[/div] [appears] 24

[div class=tag]dob[/div] n/a

[div class=tag]pob[/div] n/a

[div class=tag]gender[/div] Female

[div class=tag]sexuality[/div] Heterosexual

[div class=tag]role[/div] Lyra

[/div][/div][/div]
[div class="tabsContent tabsContent2" style="display: none;"][div class=textcontainer][div class=text][div class=tag]height[/div] 5'5

[div class=tag]weight[/div] 137lbs

[div class=tag]hair color[/div] Pastel pink

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

[div class=tag]distinguishing features[/div] Her hair; left cheek dimple

[div class=tag]face claim[/div] Vanya Jagnic

[/div][/div][/div]
[div class="tabsContent tabsContent3" style="display: none;"][div class=textcontainer][div class=text][div class=tag]brief personality overview[/div] As a human, Lyla can be quite fearful of the things going on around her, but that doesn't stop her impulsiveness or rash decisions. Determined to save the earth and skies above, she keeps the peace between the other constellations and the members of STELLARIS. She never minds her role as peacekeeper, as overall, she's compassionate and cares about all. She's got a long fuse; it takes alot to make her truly angry.

[div class=tag]5 virtues[/div] compassionate | passionate | peaceful | brave | loyal

[div class=tag]5 vices[/div] shy | shameless | impulsive | proud | rash

[div class=tag]likes[/div] the world | her hair | bright colors | flowers | the cold

[div class=tag]dislikes[/div] bees | red apples| being too hot | rap music | sudden noises

[div class=tag]fears[/div] water (swimming, especially drowning) | the end of the world | the dark

[/div][/div][/div]
[div class="tabsContent tabsContent4" style="display: none;"][div class=textcontainer][div class=text][div class=tag]brief history[/div] "Lyla" has spent her entire existence looking down at the world below, keeping it safe from evil and darkness. Never jealous of the humans for the lives they lived, she was merely curious about them. When the force of darkness threatened their very livelihood, she volunteered to go to the world below, ready to help and save, even if it meant sacrificing herself.

[div class=tag]family/significant relationships[/div] none except for the other constellations (which are tbd)

[div class=tag]theme song[/div]

[div class=tag]miscellaneous[/div] n/a for now

[/div][/div][/div]
[/div][div class=goldie]code by g o l d i e l o x x[/div]
 
[class=variables] --color: #B3CBB6; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important [/class] [class=container] width: 460px; height: 300px; display: flex; margin: auto; [/class] [class=left] background-color: var(--color); height: 300px; width: 220px; padding: 10px; box-sizing: border-box; [/class] [class name=left maxWidth=450px] width: 135px; padding: 5px; height: 290px; [/class] [class=img] height: 280px; width: 200px; background-image: url('https://i.pinimg.com/originals/24/9e/ee/249eeeb55c992a88b998f637d6fdbf27.jpg'); filter: saturate(100%); background-size: cover; padding: 20px; box-sizing: border-box; background-position: 50% 50%; [/class] [class name=img maxWidth=450px] width: 125px; [/class] [class=brackets] height: 100%; width: 100%; background: linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px; [/class] [class name=brackets maxWidth=450px] opacity: 0; [/class] [class=right] width: 240px; height: 300px; display: flex; flex-direction: column; [/class] [class=contentContainer] position: relative; width: 240px; height: 270px; [/class] [class name=contentContainer maxWidth=450px] left: -5px; [/class] [class=content] position: absolute; opacity: 0; transition: 0.5s; width: 240px; height: 270px; font-size: 12px; padding-left: 10px; box-sizing: border-box; overflow: hidden; [/class] [class=scroll] width: 100%; padding-right: 150px; height: 100%; overflow-y: scroll; [/class] [class=name] font-weight: 900; text-align: center; border-bottom: 4px solid var(--color); width: 120px; display: block; margin: 10% auto; font-size: 18px; position: relative; [/class] [class=textHome] font-size: 12px; text-align: center; text-transform: uppercase; width: 200px; margin: 0 6.5%; [/class] [class=title] text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 900; [/class] [class=tag] display: inline-block; border-bottom: 1px solid var(--color); height: 15px; font-size: 10px; text-transform: uppercase; [/class] [class=imgSmallContainer] width: 80%; height: 70px; display: flex; justify-content: space-between; margin: 10px auto; [/class] [class=imgSmall] width: 70px; height: 70px; background-size: cover; background-position: 45% 50%; filter: saturate(70%); [/class] [class=tabs] display: flex; width: 150px; margin: 0 23%; justify-content: space-between; [/class] [class name=tabs maxWidth=450px] position: relative; left: -10px; [/class] [class=tab] border-radius: 50%; height: 20px; width: 20px; border: 1px solid black; transition: 0.5s; [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; border: 1px solid var(--color); [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=click] border: 1px solid var(--color); background-color: var(--color); [/class] [script class=tab01 on=click] addClass click tab01 removeClass click tab02 removeClass click tab03 removeClass click tab04 addClass show content01 removeClass show content02 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab02 on=click] addClass click tab02 removeClass click tab01 removeClass click tab03 removeClass click tab04 addClass show content02 removeClass show content01 removeClass show content03 removeClass show content04 removeClass show contentHome [/script] [script class=tab03 on=click] addClass click tab03 removeClass click tab01 removeClass click tab02 removeClass click tab04 addClass show content03 removeClass show content01 removeClass show content02 removeClass show content04 removeClass show contentHome [/script] [script class=tab04 on=click] addClass click tab04 removeClass click tab01 removeClass click tab02 removeClass click tab03 addClass show content04 removeClass show content01 removeClass show content02 removeClass show content03 removeClass show contentHome [/script] [div class=variables] [div class=container] [div class=left] [div class=img] [div class=brackets][/div] [/div] [/div] [div class=right] [div class=contentContainer] [div class="show content contentHome"] [div class=name]LYRA[/div] [div class=textHome]sometimes the only pay off for having any faith, is when it's tested again and again everyday
i'm still comparing your past to my future, it might be your wound but they're my sutures
[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]human name[/div] Eurydice Angelos (eurydice for the tragic human myth surrounding her constellation, and angelos means 'angel' in greek, it was a suggestion from one of the other constellations).
[div class=tag]nicknames[/div] Edie (E-dee).
[div class=tag]age[/div] appears to be about 24 or 25 years old.
[div class=tag]gender[/div] female.
[div class=tag]s.o.[/div] pansexual.
[div class=tag]role[/div] the constellation lyra.
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3o6gg8PX6S7KxklbCE/giphy.gif');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3o6ggd3bHikwununok/giphy.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]face claim[/div] taylor alison swift.
[div class=tag]hair[/div] a light, dirty blonde.
[div class=tag]eyes[/div] blue.
[div class=tag]height[/div] 5' 10" (178 cm).
[div class=tag]weight[/div] 132 lbs (61 kg).
[div class=tag]dist. features[/div] clear, piercing eyes. expressive features.
[div class=tag]style[/div] l y r a (in her human form, she is drawn to what is referred to as 'vintage inspired' clothing. she finds the look of it quite charming while still being practical).
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona p.1[/div] [div class=tag]likes[/div] nature, watching sunrises, meeting new people/entities, helping others, the rain, music, learning about earth & humans, taking photos, handmade things.
[div class=tag]dislikes[/div] disobeying rules/orders, violence, cruelty, silence, sitting/standing still for too long, disappointing others, monotonous tasks.
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/ZYSjNrN4wiO2c/giphy.gif');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/14m0KfP4mdCmOI/giphy.gif');"][/div] [/div] [div class=tag]fears[/div] nyctophobia (fear of the dark), enissophobia (fear of criticism), atychiphobia (fear of failure).
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]persona p.2[/div] [div class=tag]virtues[/div] kind, gentle, generous, affectionate, curious, brave, steadfast.
[div class=tag]vices[/div] anxious, stubborn, avoids confrontation (if she can), self sacrificing, overly critical of herself.
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/tyzVHhnpZVpPq/giphy.gif');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/DddWJzaEE8Tss/giphy.gif');"][/div] [/div] [div class=tag]personality[/div] an unfailingly kind soul, edie seems to have an infinite amount of care and love to give to the world, and she doesn't expect anything in return. though she believes that rules are important and should be followed- as they dictate what is good and right, she does sometimes tiptoe the line of what is following and against the rules when it comes to more innocent things because of her deep sense of curiosity about the universe. she will always do what is asked of her and what is right, but no one said she couldn't do that and also try dying her hair, listening to human music, or swimming in a lake. she is also quite brave, even if she does not show it in a very clear, bombastic type of way- she did volunteer for this quest, after all. edie is quite fearful of things that are more serious and more intensely prohibited by rules put in place, and rarely even considers doing anything that would be considered illegal, wrong, or bring disappointment upon her from others- especially regarding their quest. stubborn in her ways, it is very hard to convince her that something that is against the rules is something good, even if she has doubts about the rules put in place, and getting her to break a rule is even harder. being a person who strives to please as many around her as she can, edie can be a rather anxious personality and cares deeply about what others think of her- even if she doesn't always show how it affects her.
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=tag]biography[/div] (okay, so, doing a bio for a constellation would involve a lot of years and i doubt it would fit here even if i could write it. instead, i'll just briefly sum up some more recent history of lyra's to give you an idea of her interests and what she's been up to.) lyra has always had a fascination with earth and the human inhabitants of it, especially in their art forms. she thinks that it is so amazing that they create things, and was very flattered and honored when they even dedicated one of their myths to her appearance in the earth's sky. she'll admit she wishes it were a bit less tragic of a myth, but she still adores it all the same. when the myth of the crystal seemed to become more real and signs pointed to earth as it's location, lyra couldn't say she was all too surprised- she had always known that eventually something special was going to happen involving earth, it just seemed so interesting to her.
when it comes to the darkness' arrival and the battles that would ensue, lyra was shocked that an entity could be so cruel and disregard the rules that had kept the universe safe for so long without a second thought. she did as was instructed of her and served as a kind of combat medic for her fellow constellations during the battles to come. steadfast in her belief of doing by the rules but also doing good, she refused to harm others- even this terrible darkness- unless she absolutely had to. when the opportunity arose where she could potentially help end this fighting without having to do anything violent, she jumped at the chance. protecting this universe is her number one priority. her number two is doing it in the least violent way possible. number three is discovering as much about earth from a human's perspective as she possibly can while they are there, while still sticking to the mission and playing by the rules. [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3o6gg3mTPxR3c3n2nK/giphy.gif');"][/div] [div class=imgSmall style="background-image: url('https://media.giphy.com/media/3o6gfQ4xRI8rfWlDmU/giphy.gif');"][/div] [/div] [div class=tag]theme song[/div] the daughters - little big town (edie can sympathize with the idea sometimes that it feels like there isn't anyone there to help her as she helps others).
[div class=tag]sig. relationships[/div] the other constellations on the mission, tbd.
[div class=tag]misc.[/div] edie knows how to fluently speak the majority of the human languages, only really finding some trouble when she accidentally mixes them because there are just so many different kinds. she is very excited to learn about earth as much as their mission will allow, although she is especially fearful of some things- like dogs and skyscrapers. [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
 
Last edited:
[class=bkgd] position: relative; box-sizing: border-box; width: 600px; height: 400px; background-color: #1C1C1C; border: 0px solid #DFDEE6; overflow: hidden; margin-left: auto; margin-right: auto; padding: 0; border-radius: 10px; [/class] [class=pic] position: absolute; overflow: visible; width: 224px; height: 400px; left: 0px; top: -2px; background: url(https://i.pinimg.com/236x/57/ec/bb/57ecbba77623d378035cc1ba3f6369d9.jpg); background-size: 130%; image-rendering: high-quality; border-right: 3px solid #DFDEE6; [/class] [class=title] position: absolute; left: 183px; top: 10px; overflow: hidden; width: 400px; height: auto; color: #000000; text-shadow: 2px 2px 0px #45130E; text-transform: uppercase; text-align: right; font-style: normal; font-weight: normal; font-size: 30px; padding-right: 3px; [/class] [class=role] position: absolute; left: 384px; top: 70px; overflow: hidden; width: 200px; height: auto; color: #000000; text-transform: uppercase; text-shadow: 1px 2px 0px #45130E; text-align: right; font-style: italic; font-weight: normal; font-size: 14px; padding-right: 3px; [/class] [class=underline] overflow: visible; position: absolute; top: 62.5px; left: 247px; width: 337px; height: 3px; border-radius: 10px; background-color: #DFDEE6; [/class] [class=tab] position: absolute; overflow: visible; width: 38px; height: 38px; background-color: #000000; border: 3px solid #DFDEE6; border-radius: 100px; color: #DFDEE6 font-size: 30px; line-height: 40px; text-align: center; font-weight: 700; [/class] [class=body] position: relative; overflow: auto; width: 297px; height: 240px; color: #CCCCCC; text-align: justify; text-transform: lowercase; line-height: 11px; font-size: 10px; padding: 5px; [/class] [class=bodycont] position: absolute; overflow: hidden; width: 290px; height: 256px; left: 270px; top: 119px; background-color: #000000; box-shadow: 3px 3px 0px #001F2C; border-radius: 10px [/class] [class=sub1] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #000000; [/class] [class=sub2] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #000000; [/class] [class=sub3] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #000000; [/class] [class=sub4] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #000000; text-shadow: 1px 2px 0px #000000; [/class] [class=tag] position: relative; overflow: hidden; width: auto; height: 10px; display: inline; background-color: #1C1C1C; border-radius: 50px; box-shadow: 2px 2px 0px #45130E; color: #8D220C; text-transform: uppercase; font-size: 10px; font-weight: 700; padding-right: 5px; padding-left: 5px; margin-right: 3px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #8D220C; opacity: 0.8; [/class] [class name=tab state=hover] background-color: #45130E; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContentBasics) if (eq ${currentTab} 1) (show sub1) if (eq ${currentTab} 1) (hide sub2) if (eq ${currentTab} 1) (hide sub3) if (eq ${currentTab} 1) (hide sub4) if (eq ${currentTab} 2) (show tabsContentPersona) if (eq ${currentTab} 2) (show sub2) if (eq ${currentTab} 2) (hide sub1) if (eq ${currentTab} 2) (hide sub3) if (eq ${currentTab} 2) (hide sub4) if (eq ${currentTab} 3) (show tabsContentBackground) if (eq ${currentTab} 3) (show sub3) if (eq ${currentTab} 3) (hide sub1) if (eq ${currentTab} 3) (hide sub2) if (eq ${currentTab} 3) (hide sub4) if (eq ${currentTab} 4) (show tabsContentOther) if (eq ${currentTab} 4) (show sub4) if (eq ${currentTab} 4) (hide sub1) if (eq ${currentTab} 4) (hide sub2) if (eq ${currentTab} 4) (hide sub3) [/script]
[div class=bkgd]
[div class=pic][/div]
[div class=title]judas a. sokolov[/div]
[div class=underline][/div]
[div class=role]the indifferent duty.[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]background[/div]
[div class=sub4 style="display: none;"]other[/div]

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

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

[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] judas alexander sokolov

[div class=tag]nickname[/div] jude the dude
(reserved only for those judas considers close - and the last person who had that privilege died).

[div class=tag]age[/div] twenty-five

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

[div class=tag]sexuality[/div] heterosexual

[div class=tag]d.o.b[/div] december 31st

[div class=tag]p.o.b[/div] st. petersburg, russia

[div class=tag]hair color[/div] murky, dark sandy-blonde

[div class=tag]eye color[/div] pale cerulean blue with grey tones

[div class=tag]height[/div] 5' 11

[div class=tag]weight[/div] 160 lbs

[div class=tag]body mods[/div] n/a

[div class=tag]attire[/div] x x x

[div class=tag]faceclaim[/div] marc shulze
[/div][/div][/div]


[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]vices[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]virtues[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]strengths[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]weaknesses[/div] Aliquet sagittis id consectetur purus ut faucibus pulvinar. Aliquam ultrices sagittis orci a. Senectus et netus et malesuada fames ac. Nibh sit amet commodo nulla facilisi nullam vehicula. Cursus metus aliquam eleifend mi in nulla. Ornare arcu dui vivamus arcu felis bibendum ut. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Adipiscing elit ut aliquam purus sit amet luctus venenatis. Facilisis gravida neque convallis a. In tellus integer feugiat scelerisque varius morbi. Adipiscing tristique risus nec feugiat in fermentum posuere urna. Blandit volutpat maecenas volutpat blandit aliquam etiam erat. Sed viverra ipsum nunc aliquet bibendum enim facilisis. Dignissim diam quis enim lobortis scelerisque fermentum dui. Amet luctus venenatis lectus magna fringilla. Eget arcu dictum varius duis at consectetur lorem donec massa.

[div class=tag]likes[/div] Imperdiet dui accumsan sit amet nulla facilisi morbi. Tempor orci eu lobortis elementum nibh tellus molestie nunc. Nulla aliquet enim tortor at auctor urna nunc id. Ipsum suspendisse ultrices gravida dictum fusce. Vel facilisis volutpat est velit egestas dui id ornare. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Sagittis purus sit amet volutpat consequat mauris nunc congue. Pellentesque elit eget gravida cum sociis. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Tristique nulla aliquet enim tortor. Elementum nisi quis eleifend quam adipiscing. Arcu odio ut sem nulla pharetra diam sit amet nisl. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

[div class=tag]dislikes[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]habits[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]quirks[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]fears[/div] Imperdiet dui accumsan sit amet nulla facilisi morbi. Tempor orci eu lobortis elementum nibh tellus molestie nunc. Nulla aliquet enim tortor at auctor urna nunc id. Ipsum suspendisse ultrices gravida dictum fusce. Vel facilisis volutpat est velit egestas dui id ornare. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Sagittis purus sit amet volutpat consequat mauris nunc congue. Pellentesque elit eget gravida cum sociis. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Tristique nulla aliquet enim tortor. Elementum nisi quis eleifend quam adipiscing. Arcu odio ut sem nulla pharetra diam sit amet nisl. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

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


[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]history[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]family[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]education[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]relationships[/div] my lover: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my nemesis: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

my soulmate: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my side chick: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

my boss: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my partner in crime: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

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


[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]theme song[/div]

[div class=tag]favorite food[/div] popcorn shrimp

[div class=tag]favorite drink[/div] passion fruit margs

[div class=tag]favorite book[/div] anything by george orwell

[div class=tag]favorite movie[/div] mister nobody


[div class=tag]gallery[/div]



[/div][/div][/div]
[/div][div class=credit]code by sox[/div]
 
Last edited:
╰☆☆ BASICS ☆☆╮
↬ (human) name. Drew Averly Peterson
↬ nicknames Robot (His brother called him this)
↬ age 27
↬ date if birth June 21st.
↬ place of birth Michigan USA.
↬ gender Male
↬ sexuality Homosexual
↬ role The Indifferent Duty

╰☆☆ APPEARANCE ☆☆╮
↬ height 5'8"
↬ weight 150lb
↬ hair colour dyed white, naturally dark brown.
↬ eye colour brown
↬ distinguishing features a scar on the right side of his jaw which has been with him since he was young.
↬ faceclaim
f2ed37af364b25b5817afaef8cfea083.jpg

╰☆☆ PERSONA ☆☆╮
↬ brief personality overview
Drew is a man grounded in reality. He thinks about what is happened now and makes sure to have back up plans for the future. Not very expressive and even fewer words, Drew likes to get things done without needed to have to talk about everything along the way. He still enjoys when others talk to him, but can only take so much depending on the person. He is blunt about most things. Being someone who was never good at getting through bad emotions, he'd push them away thinking it will get better without doing anything about it. This can lead to him bottling things up and waiting for the day it over flows. Fully believing it won't happen soon.

↬ 5 virtues Loyal, Orderly, Responsible, Dedication, Self Reliance.
↬ 5 vices Stubborn, Resentful, Tactless, Withdrawn, Secretive.
↬ likes morning jogs, getting things done, listening to other to an extent, bicycling, coffee.
↬ dislikes Vanity, not being able to do something, having to rely on others.
↬ fears cracking under pressure, cars, losing anything he has left.

╰☆☆ BACKGROUND ☆☆╮
↬ brief history Drew grew up with his brother Alex, who could talk for the both of them. He was the one to reel Alex back in when he had an idea that could get himself hurt. Often being called the 'responsible' one, Drew was the person who always tried to get his work done as fast as possible. While the brothers personalities were rather different, Drew and Alex were very close. Drew thought his brother would grow out of looking at the stars and daydream, though he never did. After Alex died Drew wanted to pick up what his brother left from the guilt and wanting to feel close to someone who isn't there anymore.
↬ family/significant relationships Jenna his mother and Markus his father.
↬ theme song Easy Life - Nightmares
↬ miscellaneous He tends to talk to animals and plants when he thinks he's alone.
 
[div class=container][div class=sidebar] [div class=sbbox] [div class=iconb][div class=icon][/div][/div] [div class=qnbox] [div class=quote]it's a sin to be this gorgeous ♡[/div] [div class=name]Clio [div class=role]cassiopeia[/div] [/div][/div] [/div] [div class=taskbar] [div class="button 1btn buttonselect"]
#1
[/div] [div class="button 2btn"]
#2
[/div] [div class="button 3btn"]
#3
[/div] [div class="button 4btn"]
#4
[/div] [/div] [div class=sbarea][div class=longquote] i’m telling myself it’s [div class=lqbold]okay[/div]. i loved you with [div class=lqhighlight]my everything[/div] and you just needed something [div class=lqbold]different[/div] than i could put together. i’m saying i was a building sandcastles kind of person and you always asked [div class=lqhighlight]why i bothered[/div] when it was going to wash away. i think we did our [div class=lqbold]best[/div]. i'm saying i know she’ll be better than me in the end but i [div class=lqbold]tried[/div] so hard i [div class=lqhighlight]broke myself[/div] for it. that’s what i’ve been saying to myself, i guess: [div class=lqhighlight]at least you tried[/div]. it’s just that you needed something [div class=lqbold]different.[/div]⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀— r.i.d [/div] [/div] [/div][div class=body][div class="tabs 1tab" ][div class=basics][div class=scroll2][div class=reqblock]requisite
[div class=reqscrolln1]scroll[/div]

[/div][div class=reqbody][div class=scroll][div class=reqtag](human) name[/div] clio aida
clio; a nereid— daughters of nereus and doris that queen cassiopeia boasted she and her daughter were more beautiful than, hence resulting in her punishment.
aida; the titular ethiopian princess of an italian opera, a fitting name for someone as queenly as she was, and a nice reference to mythical cassiopeia's territory of aethiopia

[div class=reqtag]nicknames[/div] ❝ clio. it's four letters. you're dumb, but not that dumb, right? ❞
[div class=reqtag]age[/div] appears 23
[div class=reqtag]gender[/div] female
[div class=reqtag]sexuality[/div] ❝ you don't stand a chance either way. ❞ (bisexual)
[div class=reqtag]role[/div] cassiopeia (constellation)
[/div]
[/div][/div]
[/div][div class=appearance][div class=scroll2][div class=reqblock]appearance
[div class=reqscrolln2]scroll[/div]

[/div][div class=reqbody][div class=scroll][div class=reqtag]height[/div] 168cm (5'6)
[div class=reqtag]weight[/div] 51kg (112lbs)
[div class=reqtag]hair colour[/div] light brown
[div class=reqtag]eye colour[/div] green-blue, with specks of gold visible in sunlight
[div class=reqtag]distinguishing features[/div]
❝ what? all of me. ❞ (her eyes + her style + her rbf)
[div class=reqtag]faceclaim[/div] park sora
[div class=reqtag]style[/div] clio dresses glamourously, but with class. most of her outfits have a slight old-fashioned look to them, and she enjoys expensive, soft materials. clio accessorises often, and you probably won't catch her without a necklace or two. (outfit inspo: think manwol from hotel del luna!)
[/div]
[/div][/div]

[/div]
[/div][div class="tabs 2tab" style=display:none;][div class=persum] [div class=persh]VICES & VIRTUES[/div] [div class=persiconb] [div class=persicon][/div] [/div] [div class=perscon] [div class=persvirc] [div class=persvir]+ passionate[/div][div class=persvir]+ generous[/div][div class=persvir]+ creative[/div][div class=persvir]+ kind[/div][div class=persvir]+ observant[/div] [/div] [div class=persvicc] [div class=persvic]– vain[/div][div class=persvic]– attention-seeking[/div][div class=persvic]– petty[/div][div class=persvic]– stubborn[/div][div class=persvic]– irritable[/div] [/div] [/div] [/div][div class=persb][div class=scroll][div class=reqtag]brief personality[/div] clio isn't the nicest or the most likable person, but she's definitely memorable. she could care less whether or not your impression of her is good or bad, as long as it lasts. she has an undeniable princess complex, but can you really blame her? of course not. she has a flair for dramatics and tends to overexaggerate, especially if it means it'll put her in the spotlight, though she's just shy of straight-out telling lies for it. clio finds that terribly unbecoming and totally beneath her. clio has a very sharp tongue and loves arguing, never one to back down and just "accept" the other person's opinions, especially when they're so clearly wrong. even if the other person somehow manages to prove otherwise, clio seems incapable of shame. she's irritable and very capricious, quick to anger but quick to defuse as well, though blows to touchy subjects can leave her moody for long periods of time. petty, clio always finds ways to seek revenge of some sort, from drugging your coffee to tripping you in the hallway. there's no such thing as being the bigger person; you'll never be bigger than her.

but underneath the shallow, vain princess is a side not many ever get to see, though definitely worth your time. clio is kind and very, very generous, having difficulty turning a blind eye to someone truly in need, but she's always quite hesitant to inconvenience herself for their sake and her help may not always be the most... useful. clio thinks it's great to share success, especially since it wouldn't affect her in any way — they couldn't compare, she'd still be the star regardless. she's creative and very confident, not seeing a need to play by the rules or stay within her comfort zone; she's always been a bit on the rebellious side, though she honestly does not have the sufferance for another telling-off. a hopeless romantic, clio tends to fall easily and deeply in love, but is fearful of expressing these feelings unless she knows the others' for sure. she despises boring people and environments, and honestly would be a fun friend to hang out with if she wasn't such a bitch.

[div class=reqtag]likes[/div] fashion, luxury, coffee, laughing, summer, cats, makeup, being treated like royalty, flowers, spending money, money in general, painting, admiration
[div class=reqtag]dislikes[/div] thunderstorms, goths, dishonesty, boring people, tacky brown, copycats, imitation brands, people who mumble, crying, people who walk too slow, people who pry too much, people in general, heartbreak, rejection
[div class=reqtag]fears[/div] falling into obscurity/abandonment, being stuck on a deserted island, being ugly, death
[/div][/div]
[/div][div class="tabs 3tab" style=display:none;][div class=historyb][div class=scroll]truthfully, clio had always found earth entertaining. it was much better than boring, stinky space with, although she had to admit she loved the attention she received from the other stars. there really wasn't much competition in that sense— who'd they fawn over, libra? please. there were always things going on. wars, and shit. but they had these pretty trends and prettier people, ones actually worthy of her looking at.

so maybe one day clio snuck out of her little space house and ventured down to earth. maybe she met a sweet guy who didn't know about her and she showed him how to find her constellation and maybe when he called her beautiful she blushed. maybe they fell in love, and when she'd returned to the heavens she spent hours thinking of him. and maybe it– no, probably didn't end well for her.

whatever. she's over it. humans are scum, and none will ever be worthy of her. she can't believe she even liked him; he got credit for discovering her constellation, for fucks' sake, and he gave her the shittiest myth ever. so what if it was kind of true? now she had stupid, ugly cepheus believing they were soulmates. hell no. fuck you, ptolemy. she never wanted to go back down, even if they have a really nice dress that she really wanted to wear, so, fuck you too, deities.

it's all speculation, but perhaps clio wasn't always self-absorbed and painful to be around, though you'd be pressed trying to find an answer from anyone she knows, because that's all they can remember of her. what we do know for sure is that she's always been gorgeous, so you can sit down and think about that instead.
[div class=hblock]

[/div][/div][/div][div class=extra][div class=scroll][div class=reqtag]family/significant relationships[/div] ❝ none you should worry about. ❞
[div class=reqtag]theme song[/div] the king by conan gray
[/div][/div][div class=historyf] [div class=hfcon] [div class=historytitle]history[/div] [div class=extrabutton]click here for extra[/div] [/div] [div class=historyiconb] [div class=historyicon][/div] [/div] [/div]
[/div][div class="tabs 4tab" style=display:none;][div class=rsheader] [div class=rsbigiconb] [div class=rsbigicon][/div] [/div] [div class=rshcon] [div class=rshtitle]relationships[/div] [div class=rshtaskbar][div class=scroll] [div class="rsbutton 1rsb rsselect"]lyra
#1
[/div] [div class="rsbutton 2rsb"]scorpius
#2
[/div] [div class="rsbutton 3rsb"]orion
#3
[/div] [div class="rsbutton 4rsb"]ptolemy
#4
[/div]
[/div][/div] [/div] [/div][div class=rsbodya][div class="rsbody 1rs"][div class=rsisa] [div class=rsname][div class=rsrole](const.)[/div]lyra[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div][div class=rsiconb][div class=rsicon1][/div][/div][div class=rstext][div class=scroll]clio much prefers her over the other guys. her willingness to be at her beck and call is especially helpful when clio just can't muster up the fucks to do something herself. does she feel bad for always taking advantage of lyra? maybe, but it's so worth it.

the poor girl could definitely use a makeover. there's a whole lot of potential, though clio doubts she'd ever reach her level. still, she'd at least be enough for a okay constellation. corvus, maybe? he's mediocre.
[/div][/div]

[/div][div class="rsbody 2rs" style=display:none;][div class=rsisa] [div class=rsnames][div class=rsrole](const.)[/div]scorpius[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div][div class=rsiconb][div class=rsicon2][/div][/div][div class=rstext][div class=scroll]ew.
[/div][/div]

[/div][div class="rsbody 3rs" style=display:none;][div class=rsisa] [div class=rsname][div class=rsrole](const.)[/div]orion[/div] [div class=rsstatus]status: acquaintance[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div][div class=rsiconb][div class=rsicon3][/div][/div][div class=rstext][div class=scroll]bigger ew.
[/div][/div]

[/div][div class="rsbody 4rs" style=display:none;][div class=rsisa] [div class=rsnames][div class=rsrole](hum.)[/div]ptolemy[/div] [div class=rsstatus]status: ENEMY[/div] [div class=rsbarcon] [div class=rsm1][div class=rsmline][/div][/div][div class=rsm2][div class=rsmline][/div][/div][div class=rsm3][div class=rsmline][/div][/div] [div class=rsbar]
[/div] [/div] [/div][div class=rsiconb][div class=rsicon4][/div][/div][div class=rstext][div class=scroll]what a dick. the biggest loser she'd ever had the pleasure of meeting. a disgusting, low-life rat that should never have gotten a wikipedia page. it was too much of an honour for a classless rodent like him.

look at him. he looks like an idiot. absolutely no charm and the pictures don't even do his horror of a face justice. disgusting. stupid. scum.
[/div][/div]

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

[/div]
♡coded by uxie♡
[/div]

[class=container] --bg-color: #F9F9F9; --sb-color: #f7f4f4; --color-1: #EFC3E6; --color-2: #9C89B8; --color-3: #f4a4d4; --color-4: #7c689b; --t-color: #443b3b; --img-1: url('https://66.media.tumblr.com/129738945d5bb47e49c038d1f97e5948/833fab3e752ff13f-cc/s1280x1920/e17407afd72c563eec2695291180d3ddc2bbaada.jpg'); --img-2: url('https://i.pinimg.com/originals/38/e8/6e/38e86ebde8eabd5196dd0a857e07903e.jpg'); --img-3: url('https://instagram.fsin9-2.fna.fbcdn.net/vp/cda4250b92c3ab1d566958e6cab17672/5E53BBB7/t51.2885-15/e35/25008602_2056482461248920_361762312203272192_n.jpg?_nc_ht=instagram.fsin9-2.fna.fbcdn.net&_nc_cat=100'); --img-4: url('https://66.media.tumblr.com/31f7350132780885ebb47146bad4dce8/833fab3e752ff13f-75/s1280x1920/27c87f7948b6f066da673fda1827c166344bc308.jpg'); --img-5: url('https://66.media.tumblr.com/848e692b2ae98dc3773a7bc810e7b84e/tumblr_pg4kq6VqpA1tc5gvpo7_250.png'); --img-6: url('https://66.media.tumblr.com/34e951f1ef7f81258da3d2d4c7b57607/833fab3e752ff13f-45/s1280x1920/a3574176e234479b8ba08d2818c5f778d376c03a.jpg'); [/class] [class name=container] width:570px; display:flex; margin:auto; flex-flow: row nowrap; box-sizing:border-box; padding:15px; background-color: var(--bg-color); border-radius:4px; position:relative; overflow:visible; [/class] [class name=sidebar] height:400px; width:39%; display:flex; background-color: var(--sb-color); flex-flow:row wrap; [/class] [class name=sbbox] height:33%; padding:8px; box-sizing:border-box; display:flex; flex flow: row wrap; [/class] [class name=icon] height:65px; width:65px; border-radius:50%; background: var(--img-1); background-size:100%; [/class] [class name=iconb] height:65px; width:65px; padding:5px; border-radius:50%; border:2px solid var(--color-1); margin-top:25px; transition:0.3s; [/class] [class name=iconb state=hover] transform: scale(1.06); transition:0.3s; [/class] [class name=qnbox] height:100%; width:49%; margin-left:10px; margin-top:10px; [/class] [class name=quote] height:35%; width:100%; background-color: var(--color-1); border-top-right-radius:5px; border-top-left-radius:5px; border-bottom-right-radius:5px; box-sizing:border-box; padding:5px; font-size:9px; text-transform:uppercase; letter-spacing:0.3px; color: var(--t-color); [/class] [class name=name] height:60%; width:100%; font-size:25px; color: var(--color-2); text-shadow: 1.5px 1.5px var(--color-1); font-weight:bold; letter-spacing: 1.5px; line-height:80%; box-sizing:border-box; padding-top:10px; padding-left:5px; [/class] [class name=role] font-size:10px; text-transform:uppercase; font-style: oblique; color: var(--color-2); text-shadow:0px 0px black; font-weight:normal; text-align:right; margin-right:3px; [/class] [class name=taskbar] height:12%; width: 110%; background-color: var(--color-1); display:flex; flex-flow:row nowrap; padding:5px; box-sizing:border-box; padding-left:17px; padding-right:17px; justify-content:space-between; [/class] [class name=button] height:27px; width:27px; background-color:white; color: var(--color-1); border-radius:50%; padding:4.5px; font-size:19px; font-weight:bold; text-align:center; line-height:160%; transition: all 0.3s ease-in-out; [/class] [class name=button state=hover] background-color: var(--color-1); color: white; transition: all 0.3s ease-in-out; cursor:pointer; [/class] [class=buttonselect] background-color: var(--color-1); color: white; pointer-events:none; [/class] [script class=button version=2 on=click] (removeClass "buttonselect" "button") (hide "tabs") (= currentTab (index (split (getText) "#") 1 )) (fadeIn 800 (+ currentTab "tab")) (addClass "buttonselect" (+ currentTab "btn")) [/script] [class name=sbarea] height:55%; width:100%; padding:8px; box-sizing:border-box; [/class] [class name=longquote] height:100%; width: 93%; font-size:9px; letter-spacing:0.5px; overflow:hidden; text-align:justify; color: var(--t-color); opacity:0.9; margin:auto; line-height:152%; [/class] [class name=lqhighlight] background-color: var(--color-1); padding-left:2px; padding-right:2px; letter-spacing:0.8px; display:inline; [/class] [class name=lqbold] font-weight:bold; letter-spacing:1px; color: var(--color-2); display:inline; font-style:oblique; [/class] [class name=body] height:400px; width:59%; display:flex; margin-left:2%; position:relative; [/class] [class name=tabs] height:100%; width:100%; position:absolute; display:flex; flex-flow: row wrap; [/class] [class name=scroll] height:100%; width: calc(100% + 17px); padding-right:50px; overflow-y: scroll; [/class] [class name=basics] height:50%; width:95%; border:5px solid var(--color-1); margin:auto; box-sizing:border-box; background: var(--img-2); overflow:hidden; background-size:120%; background-position: 50% 25%; [/class] [class name=appearance] height:50%; width:95%; border:5px solid var(--color-1); margin:auto; box-sizing:border-box; border-top: 0px solid black; background: var(--img-3); overflow:hidden; background-size:100%; background-position: 0% 13%; [/class] [class name=reqblock] height:100%; background-color:transparent; width:100%; opacity:0; color: white; text-shadow: 1.5px 1.5px var(--color-3); font-weight:bold; letter-spacing:1px; text-align:center; font-size:25px; text-transform:uppercase; font-style:oblique; transition: all 0.4s ease-in-out; box-sizing:border-box; padding:50px; padding-top:60px; [/class] [class name=reqblock state=hover] opacity:0.80; transition: all 0.4s ease-in-out; [/class] [class name=reqscrolln1] display:inline; font-size:12px; font-style: normal; position:relative; top:48px; text-shadow: 1px 1px var(--color-3); [/class] [class name=reqscrolln2] display:inline; font-size:12px; font-style: normal; position:relative; top:53px; [/class] [class name=reqbody] height:94%; background-color: var(--sb-color); padding:10px; overflow:hidden; font-size:12px; color: var(--t-color); [/class] [class name=scroll2] height:100%; width: calc(100% + 17px); overflow-y: scroll; [/class] [class name=reqtag] min-width:10px; max-width:100%; display:inline-block; background-color: var(--color-1); padding-left:3px; padding-right:3px; color: var(--color-4); letter-spacing:0.5px; margin-right:2.5px; margin-top:2.5px; border-radius:1px; text-align:center; text-transform:uppercase; font-weight:bold; [/class] [class name=persum] height:45%; width:100%; display:flex; flex-flow: row wrap; position:relative; [/class] [class name=persb] height:55%; width:100%; overflow:hidden; padding:15px; box-sizing:border-box; font-size:11px; text-align:justify; [/class] [class name=persh] height:8%; width:52%; padding:5px; border-radius:15px; background-color: var(--color-1); text-transform:uppercase; letter-spacing:1px; font-size:11px; text-align:center; margin-top:60px; margin-left:32px; z-index:6; transform: rotate(-5deg); color: var(--t-color); [/class] [class name=persiconb] height:85px; width:85px; border-radius:50%; border:2px solid white; padding:5px; position:absolute; right:10%; margin-top:2%; transition:0.3s; [/class] [class name=persiconb state=hover] transform: scale(1.08); transition:0.3s; [/class] [class name=persicon] height:85px; width:85px; border-radius:50%; background: var(--img-4); background-size:100%; [/class] [class name=perscon] height:49%; width:67%; box-sizing:border-box; padding:5px; padding-top:0px; margin-left:13%; display:flex; flex-flow: row wrap; margin-top:0.5%; z-index:6; [/class] [class name=persvirc] height:50%; width:100%; line-height:110%; padding-top:6px; box-sizing:border-box; [/class] [class name=persvicc] height:50%; width:100%; line-height:110%; padding-top:2px; box-sizing:border-box; [/class] [class name=persvir] font-size:9.5px; letter-spacing:0.8px; text-transform:uppercase; display:inline-block; border-radius:2px; background-color: var(--color-3); padding-right:2px; padding-left:2px; margin-right:3px; color: var(--t-color); [/class] [class name=persvic] font-size:9.5px; letter-spacing:0.8px; text-transform:uppercase; display:inline-block; border-radius:2px; background-color: var(--color-2); padding-right:2px; padding-left:2px; margin-right:3px; color: black; [/class] [class name=historyb] min-height:50%; max-height:73%; width:100%; background-color: var(--sb-color); overflow:hidden; padding:10px; font-size:11px; text-align:justify; line-height:152%; [/class] [class name=hblock] height:8%; width:100%; [/class] [class name=historyf] height:22%; width:100%; background-color: var(--color-1); display:flex; flex-flow: row nowrap; justify-content: space-between; box-sizing:border-box; padding:10px; margin:auto; [/class] [class name=historyiconb] height:85px; width:85px; padding:5px; border:2px solid white; position:relative; top:-40px; border-radius:50%; background-size:100%; transition:0.3s; [/class] [class name=historyiconb state=hover] transform: scale(1.06); transition:0.3s; [/class] [class name=historyicon] height:85px; width:85px; background: var(--img-5); border-radius:50%; background-size:100%; [/class] [class name=hfcon] height:100%; width:62%; [/class] [class name=historytitle] height:40%; width:100%; font-size:27px; color:white; font-weight:bold; text-shadow: 2px 2px var(--color-2); letter-spacing:1.5px; font-style: oblique; text-transform:uppercase; text-align:right; padding-right:5px; box-sizing:border-box; [/class] [class name=extrabutton] height: 25%; min-width:20%; max-width:100%; display:inline; background-color: var(--color-3); font-size:9px; text-transform:uppercase; letter-spacing:1px; padding-left:4px; padding-right:4px; text-align:center; float:right; margin-top:16px; border-radius:5px; line-height:180%; transition: all 0.3s ease-in-out; opacity:0.9; [/class] [class name=extrabutton state=hover] box-shadow:2.5px 2.5px var(--bg-color); cursor:pointer; transition: all 0.3s ease-in-out; [/class] [class name=extra] height:23%; width:100%; border: 5px solid var(--color-1); border-bottom: 0px solid black; background-color: var(--sb-color); display:inline-block; position:absolute; overflow:hidden; bottom:22%; display:none; padding:5px; box-sizing:border-box; font-size:10px; [/class] [script class=extrabutton on=click] slideToggle 700 extra [/script] [class name=rsheader] height:30%; width:100%; background-color: var(--color-1); display:flex; flex-flow: row nowrap; box-sizing:border-box; padding:10px; [/class] [class name=rsbigiconb] height:80px; width:80px; padding:5px; border:2px solid white; border-radius:50%; margin-top:1%; transition:0.3s; [/class] [class name=rsbigiconb state=hover] transform: scale(1.06); transition:0.3s; [/class] [class name=rsbigicon] height:80px; width:80px; background: var(--img-6); background-size:100%; border-radius:50%; opacity:0.95; [/class] [class name=rshcon] height:100%; width: 64%; margin-left:4%; display:flex; flex-flow: row wrap; [/class] [class name=rshtitle] height:35%; width:100%; font-size:23px; text-transform:uppercase; color:white; font-weight:bold; text-shadow: 2px 2px var(--color-2); letter-spacing:1.5px; font-style: oblique; line-height:150%; [/class] [class name=rshtaskbar] height:68%; width:100%; overflow:hidden; padding:3px; box-sizing:border-box; position:relative; [/class] [class name=rsbutton] height:46%; width:48%; border-radius:5px; background-color: var(--color-1); box-sizing:border-box; padding:5px; color:white; text-transform:uppercase; font-size:12px; display:inline-block; margin-bottom:3px; font-weight:bold; text-align:center; letter-spacing:1px; transition:0.3s; [/class] [class name=rsbutton state=hover] background-color: var(--color-3); transition:0.3s; cursor:pointer; [/class] [class name=rsselect] background-color: var(--color-3); pointer-events:none; [/class] [script class=rsbutton version=2 on=click] (removeClass "rsselect" "rsbutton") (hide "rsbody") (= currentRs (index (split (getText) "#") 1)) (addClass "rsselect" (+ currentRs "rsb")) (show (+ currentRs "rs")) [/script] [class name=rsbodya] height:70%; width:100%; box-sizing:border-box; background-color: var(--sb-color); padding:15px; position:relative; [/class] [class name=rsbody] height:100%; width:100%; display:flex; flex-flow: row wrap; [/class] [class name=rsisa] height:40%; width:63%; padding-right:10px; box-sizing:border-box; [/class] [class name=rsname] height:40%; width:100%; font-size:28px; text-align:right; color: var(--sb-color); font-weight:bold; letter-spacing:2px; text-transform:uppercase; text-shadow: 2.5px 2.5px var(--color-3); line-height:120%; [/class] [class name=rsnames] height:40%; width:100%; font-size:22px; text-align:right; color: var(--sb-color); font-weight:bold; letter-spacing:2px; text-transform:uppercase; text-shadow: 2.5px 2.5px var(--color-3); line-height:160%; [/class] [class name=rsrole] display:inline; margin-right:5px; font-size:10px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); font-style:oblique; text-shadow: 0px 0px black; font-weight:normal; opacity:0.85; line-height:200%; [/class] [class name=rsstatus] height:15%; width:100%; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); text-align:right; line-height:130%; [/class] [class name=rsbarcon] width:95%; height:40%; padding-top:12px; box-sizing:border-box; opacity:0.9; margin:auto; [/class] [class name=rsbar] width:100%; height:40%; border:1px solid var(--t-color); border-radius:8px; padding:1.5px; box-sizing:border-box; margin-top:11.5%; [/class] [class name=rsm1] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color); position:relative; line-height:100%; text-align:center; margin-left:38%; margin-right:38%; [/class] [class name=rsm3] width:7.8%; height:100%; font-size:12px; float:left; color: var(--t-color); position:relative; line-height:100%; text-align:center; [/class] [class name=rsmline] height:60%; width:1.5px; margin-left:auto; margin-right:auto; margin-top:15%; background-color: var(--t-color); [/class] [class name=rstext] height:57%; margin-top:3%; overflow:hidden; font-size:11px; text-align:justify; padding:3px; box-sizing:border-box; color: var(--t-color); line-height:160%; [/class] [class=rsiconb] --rs-1: url('https://66.media.tumblr.com/ddb3744a28913c112fe132e258723d11/tumblr_pqjyhsyN0j1v7s2g9_640.jpg'); --rs-2: url('https://66.media.tumblr.com/67cd5e46128c09924577169488285d6c/tumblr_oa3u57XWwL1v6nl27o1_1280.jpg'); --rs-3: url('https://instagram.fsin9-1.fna.fbcdn.net/vp/451d9fe78a3af3546ae18d5db44a73b4/5E861A57/t51.2885-15/e35/23507559_130956370941569_2930596438217850880_n.jpg?_nc_ht=instagram.fsin9-1.fna.fbcdn.net&_nc_cat=105'); --rs-4: url('https://upload.wikimedia.org/wikipedia/commons/0/0b/PSM_V78_D326_Ptolemy.png'); [class name=rsiconb] height:90px; width:90px; border-radius:5px; padding:5px; border:1.5px solid white; [/class] [class name=rsicon1] height:90px; width:90px; border-radius:5px; background: var(--rs-1); background-size:100%; [/class] [class name=rsicon2] height:90px; width:90px; border-radius:5px; background: var(--rs-2); background-size:300%; background-position: 40% 0%; [/class] [class name=rsicon3] height:90px; width:90px; border-radius:5px; background: var(--rs-3); background-size:130%; background-position:49% 0%; [/class] [class name=rsicon4] height:90px; width:90px; border-radius:5px; background: var(--rs-4); background-size:130%; background-position: 50% 0%; [/class]
 
Last edited:
still a WIP
[class=container]height: 350px; width: 450px; background-color: #000000; 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: 40px; border-radius: 10px; background-color: #000000; box-shadow: 0px 0px 4px 0px rgba(129, 130, 132,.7); line-height: 15px; text-align: center; color: #fff07c; 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: #f0f7ee ; opacity: 0.7; top: 19px;[/class] [class=slab]position: absolute; left: 2px; top: 2px; z-index: 50; background-color: #000000; 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: 50px; text-transform: uppercase; font-weight: 900; letter-spacing: -2px; color: #fff07c; text-shadow: 2px 2px #5d737e;[/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: #000000;[/class] [class=tag]display: inline-block; line-height: 19px; height: 21px; padding-left: 3px; padding-right: 3px; background: #000000; color: #fff07c;[/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]Alessia Carter
[div class="tabsContent tabsContent1" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]full name[/div] Alessia Carter [div class=tag] nicknames[/div] Lessa or Lessie | the former is much preferred over the latter, though the woman isn't a fan of nicknames in general either way. [div class=tag]age [/div] twenty-five years old [div class=tag]d.o.b [/div] december 10th [div class=tag]p.ob [/div] New Orleans, Louisiana [div class=tag]gender [/div] female [div class=tag]sexuality [/div] heterosexual [div class=tag] role [/div] the dedicated study [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]height[/div] 5'2 [div class=tag]weight[/div] 123 lbs [div class=tag]body type [/div] mesomorph [div class=tag]hair [/div] straight but with a bit of a natural wave | half long [ ends midst chest] | naturally black, currently dyed dark blonde [div class=tag]eyes [/div] round | green | [div class=tag]distinguishing features [/div] a small birthmark on her lower back | scar on her left calve from a dog bite [div class=tag]faceclaim [/div] Kat Graham [/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag]personality overview [/div] Diligence is her virtue, pride her vice. Erudite in nature and a prodigy in hard-work and determination. Lives by her own values and follows the saying ''the pen is mightier than the sword'' with heart and soul. Methodical, focused and perfectionistic in almost everything she does and holds - arguably - unrealistic standards in regards to herself. Failure is not a word that exists in her book nor does she allow it to be. The person who - almost obsessively - drafts all the possible scenarios in her mind and devises back up plans for back up plans. Lover of stability and being in control. A natural-born leader and clever enough that she can make split-second decisions on what's worth contesting and what isn't. Infuriatingly unyielding, because sometimes, obstinacy means victory, and Alessia is not someone who loses. Selective in her social circle, but makes up for an honest and loyal friend. Someone who will revolt against anyone and anything as long as it's by your side. A carer and protector to those who need it, and a fighter for equality in the world. A woman who desperately tries to be as strong as people think she is, and too prideful to ask for help. [div class=tag]virtues [/div] [+] Intelligent [+] Dependable [+] Tenacious [+] Amiable [+] Responsible [div class=tag]vices[/div] [-] Overly autonomous [-] Perfectionistic [-] Prideful [-] Contentious [-] Imperious [div class=tag]likes [/div] soft blankets | acing tests | winning | decluttering | making lists | lending advice | libraries | record players | chill music | romantic movies - though would never admit it | museums | the scent of roses |strawberries with whipped cream | [div class=tag]dislikes [/div] chocolate sue her | laziness | disorder | getting dismissed | losing | disappointment | bigotry | childish behaviour | beer | egotism | constant teasing | flashing lights | people who don't understand the word no [div class=tag] fears [/div] big dogs | failure | loss | [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none;"]
[div class=textbox style="font-family: Lobster;"][div class=scroll][div class=tag] brief history [/div] Alessia's parents could be viewed as an odd couple; while her father delved himself into the wonders of the universe by joining some astrology organization, her mother kept her focus on the people on this planet by becoming a lawyer. Truth to be told, no one expected the couple to last, let alone get married and have a child. Nevertheless, they managed to beat the stigma and on a frosty evening, Alessia Carter was born. Alessia spent her early childhood alternating between grandparents, her father almost always being away conducting 'research' in some other place [or country] and her mother being occupied with her own job herself. From a young age, the female learned to be independent. Her grandparents from her mother's side made certain to give her many chores and taught her the tips and tricks to be self-sufficient. Alessia had never really cared for her father's role in Stellaris, thinking it was just some cheesy organization made for the lunatic spiritual minds. It was only at happenstance that the female got slowly drawn into the whole ordeal. You see, her father was spending less and less time with his family, much to the agitation of her mother and the bitterness of herself. His devotion to this organization was beyond her comprehension; how could someone invest so much time in a myth rather than the people who actually existed? Determined to prove this was all a load of shit and shatter her father's obsession for the sake of the family, the woman started to investigate the theories herself. Oh, and how that backfired. As deeper as Alessia's research went, the more actual credible sources she found in support of the theory. It was absurd - couldn't be true, yet the female found herself slowly getting more and more convinced that her father was actually speaking the truth... There was an epiphany, and along with that, the emergence of a whole new world. Alessia found herself looking down the rabbit hole and before she could maybe realize it, she leapt. Now, Alessia can be considered one of the most hard-working and perfectionistic members of Stellaris. Completely converted, the woman puts all her effort and time into preparing for the arrival of the constellations, determined to fulfil her role and stop whatever threatens the heavens above. [div class=tag]family/significant relationships [/div] Blaise Carter | father Beatrice Carter | mother [div class=tag]theme song [/div] lifeline by Jule Vera [div class=tag]miscellaneous [/div] Fluent in English and French Is able to play the piano [/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 name=scaled] animation-name: {post_id}scaled; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=scaled] [keyframe=0]transform: scale(1.4); opacity: 0[/keyframe] [keyframe=100]transform: scale(1); opacity: 1[/keyframe] [/animation] [class name=scalen] animation-name: {post_id}scalen; animation-direction: normal; animation-duration: 0.5s; animation-delay: 0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=scalen] [keyframe=0]transform: scale(1); opacity: 1[/keyframe] [keyframe=100]transform: scale(1.4); opacity: 0[/keyframe] [/animation] [class name=ir] animation-name: {post_id}ir; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=ir] [keyframe=0]left: 0%; opacity: 0[/keyframe] [keyframe=100]left: 70%; opacity: 1[/keyframe] [/animation] [class name=pi] animation-name: {post_id}pi; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=pi] [keyframe=0]left: 70%; opacity: 1[/keyframe] [keyframe=100]left: 0%; opacity: 0[/keyframe] [/animation] [class name=ri] animation-name: {post_id}ri; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=ri] [keyframe=0]left: -5%[/keyframe] [keyframe=100]left: 0%;[/keyframe] [/animation] [class name=le] animation-name: {post_id}le; animation-direction: normal; animation-duration: 0.7s; animation-delay: 0.2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: both; [/class] [animation=le] [keyframe=0]left: 0%; [/keyframe] [keyframe=100]left: -5%;[/keyframe] [/animation] [script class=ff on=mouseenter] addClass le ffor removeClass ri ffor addClass ir outs removeClass pi outs [/script] [script class=ff on=mouseleave] addClass ri ffor removeClass le ffor addClass "pi" "outs" removeClass "ir" "outs" [/script] [script class=first on=click] hide tabsContent2 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent1 fadeIn 800 tabsContent1[/script] [script class=second on=click] hide tabsContent1 hide tabsContent3 hide tabsContent4 fadeOut 600 tabsContent1 fadeOut 600 tabsContent3 fadeOut 600 tabsContent4 fadeOut 600 tabsContent2 fadeIn 800 tabsContent2[/script] [script class=third on=click] hide tabsContent2 hide tabsContent1 hide tabsContent4 fadeOut 600 tabsContent2 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeOut 600 tabsContent3 fadeIn 800 tabsContent3[/script] [script class=fourth on=click] hide tabsContent2 hide tabsContent3 hide tabsContent1 fadeOut 600 tabsContent2 fadeOut 600 tabsContent3 fadeOut 600 tabsContent1 fadeOut 600 tabsContent4 fadeIn 800 tabsContent4[/script] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px; [/class] [class=container]height: 380px; max-width: 530px; padding: 1.5%; background: var(--back); margin: auto; overflow: hidden; cursor: url(https://i.imgur.com/fkP02Jr.png), auto; --back: #CDA373; --font1: #f2f2f2; --title: #fff; --firstword: #9A7958; --bor: #D7936C [/class] [class=moon]width: 0px; height: 0px; border-top: 420px solid #B89369 ; border-left: 570px solid transparent; position: relative; top: -20px; left: -20px [/class] [class=pic]height: 380px; width: 43%; background-image: url(https://s3.amazonaws.com/images.spaceref.com/news/2018/heic1818a_102518_945.jpg); background-size: cover; background-position: 70% 90%; position: relative; top: -110%; overflow: hidden; [/class] [class=text]height: 370px; width: 85%; margin: auto; font-size: 20px; font-family: 'Yesteryear'; position: relative; top: 10px; left: 0px; text-align-last: justify; line-height: 40px; color: white; overflow: hidden; transition: 0.5s [/class] [class=cloak]opacity: 0 [/class] [class=uncloak]transition-delay: 0.3s; opacity: 1 [/class] [class=half]height: 100%; width: 100%; opacity: 0; background: orange; transition: 0.7s; position: relative; filter: blur(1%); top: -97.5% [/class] [class=halfu]height: 100%; width: 100%; opacity: 0.3 [/class] [class=spryt]height: 360px; width: 100%; margin: auto; font-size: 12px; position: relative; top: -200%; left: 80%; left: 0px; color: white; opacity: 0 [/class] [class=ff]height: 100px; width: 100%; position: relative; top: 35px; left: 25%; transition: 0.5s [/class] [class=ffor]height: 87px; width: 87px; padding: 2%; border-radius: 50%; border: 1px solid var(--back); position: relative; transition: 0.5s [/class] [class=bor]height: 85px; width: 85px; border: 1px solid var(--back); border-radius: 50%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730946.png); background-size: cover; background-position: 0% 40%; position: relative; [/class] [class=title]height: 30%; width: 100%; overflow: hidden; font-size: 22px; font-family: 'Yesteryear'; color: var(--title); text-transform: lowercase; text-align: center; position: relative; top: -20px; left: -25% [/class] [class=stixt]height: 175px; width: 70%; font-size: 9px; font-family: 'Inconsolata', monospace; color: white; overflow: hidden; text-align: justify; text-transform: lowercase; position: relative; top: 15%; left: 14%; [/class] [script class=pic on=mouseenter version=2] (addClass "cloak" "text") (addClass "halfu" "half") (removeClass "cloak" "half") (removeClass "uncloak" "text") (addClass "scaled" "spryt") (removeClass "scalen" "spryt") [/script] [script class=pic on=mouseleave version=2] (addClass "uncloak" "text") (addClass "cloak" "half") (removeClass "halfu" "half") (removeClass "cloak" "text") (addClass "scalen" "spryt") (removeClass "scaled" "spryt") [/script] [class=outs]padding-top: 5px; height: 55px; max-width: 60px; font-size: 35px; font-weight: 900; line-height: 15px; font-family: sans-serif; position: relative; top: -70px; left: 50%; opacity: 0; transition: 0.5s [/class] [class=tabs]display: inline-block; font-size: 17px; cursor: pointer; color: white; font-size: 0.6em; font-weight: 700; font-family: 'Montserrat', sans-serif; position: relative [/class] [class=gade]height: 350px; width: 53%; padding: 25px 5px 5px 5px; position: relative; top: -800px; left: 44%; color: var(--font1); overflow: hidden [/class] [class=scroll]height: 100%; width: 100%; overflow-y: scroll; padding-right: 10% [/class] [class=big]height: 50px; width: 100%; overflow: hidden; color: var(--title); font-size: 30px; text-transform: uppercase; font-weight: 900; position: relative; left: 1% [/class] [class=o]height: 185px; max-width: 260px; font-size: 10px; overflow: hidden; position: relative; margin: auto; text-align: justify; line-height: 17px [/class] [class=firstword]height: 10px; display: inline-block; background: var(--firstword); padding: 0px 5px 7px 5px; color: var(--title); font-weight: 700 [/class] [class=columnhold]height: 75px; width: 100%; position: relative; font-size: 19px; color: transparent [/class] [class=image]display: inline-block; height: 75px; width: 28%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730938.png); background-size: cover; position: relative; filter: grayscale(50%) brightness(110%) [/class] [class=image2]display: inline-block; height: 75px; width: 28%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730935.png); background-size: cover; position: relative; filter: grayscale(50%) brightness(110%) [/class] [class=image3]display: inline-block; height: 75px; width: 28%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730950.png); background-size: cover; position: relative; filter: grayscale(50%) brightness(110%) [/class] [class=image4]display: inline-block; height: 75px; width: 28%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730953.png); background-size: cover; position: relative; filter: grayscale(50%) brightness(110%) [/class] [class=image5]display: inline-block; height: 75px; width: 28%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730944.png); background-size: cover; position: relative; filter: grayscale(50%) brightness(110%) [/class] [class=image6]display: inline-block; height: 75px; width: 28%; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730932.png); background-size: cover; position: relative; filter: grayscale(50%) brightness(110%) [/class] [class=angle]width: 280px; font-size: 33px; text-align: center; position: relative; top: 10px [/class] [class=round]border: 5px solid var(--firstword); border-radius: 50%; height: 70px; width: 70px; background-image: url(https://hollow-art.com/files/bases/2019/02/20190202/28951/allison-harvard-i-3730952.png); background-size: 250%; background-position: 50% 30%; filter: contrast(110%) brightness(95%); position: relative; top: -40%; left: 90% [/class] [class=bigtext]height: 70px; max-width:200px; position: relative; font-size: 15px; text-transform: uppercase; font-weight: 700; [/class] [div class=container][div class=moon][/div] [div class=pic][div class=text] left in the dust
left in the dust
left in the dust
left in the dust
left in the dust
left in the dust
left in the dust
left in the dust
left in the dust
[/div] [div class=half][/div][div class=spryt][div class=ff][div class=ffor][div class=bor][/div] [div class=outs][div class="tabs first"]1.[/div] [div class="tabs second"]2.[/div] [div class="tabs third" style="top: 5px"]3.[/div] [div class="tabs fourth" style="top: 5px"]4.[/div][/div][/div] [div class=title]Such a shame[/div][/div] [div class=stixt] Nowhere near, even the near mist

Lightyears away from the hope of being sun-kissed

Anchored home in her interstellar sea

But, poor, lonely

Cassiopeia [/div][/div][/div] [div class=gade] [div class="tabsContent tabsContent1"][div class=big]requisite[/div] [div class=o][div class=scroll] [div class=firstword]alias[/div] cass

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

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

[div class=firstword]height[/div] 5'2

[div class=firstword]weight[/div] 108

[div class=firstword]faceclaim[/div] allison harvard [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none"][div class=big]persona[/div] [div class=o][div class=scroll] [div class=firstword]personality[/div] cass has an interesting yet troublesome personality. she is high-spirited, cheerful, and carefree, but rarely thinks about the consequences of her actions. it is also very easy to taunt her with jeers or lure her with praises. since cass thrives on compliments, she usually performs good deeds, but then immediately ruins her own merits by seeking admiration aggressively and persistently. also, while many of her "good deeds" turn out fine, she is very short-sighted, and some of these "good deeds" actually turn out to be complete disasters.

[div class=firstword]virtues[/div]

honest

trusting

smart

peaceful

helpful

[div class=firstword]vices[/div]

inability to lie convincingly

gullible

lacks basic analytical skills

selfish

attention seeking

[div class=firstword]likes[/div]

being praised

booze

people doing stuff for her

a shoulder to cry on because of how horrible being away from heaven is

money

whatever random object caught her eyes that she needs right now

[div class=firstword]dislikes[/div]

people who aren't charmed by her

being broke because she bought that random object

having to get up and do something without being praised

any sort of insult will get her to break down in tears

others getting the spotlight, including when she was essentially just there when it happened

[div class=firstword]fears[/div]

falling in love back and having an actual attachment

rejection

being forgotten

having to confront her flaws

the kool-aid man [/div][/div][/div] [div class="tabsContent tabsContent3" style="display: none"][div class=big]biography[/div] [div class=o][div class=scroll] [div class=firstword]biography[/div] it would be many, many millennia, so here's a quick sum up; she was hailed as the most beautiful for most her life, and she took it in stride. she's never had to do a thing herself, waited on hand and foot by potential suitors. as a result, she never really learned how to live any other way, and when she was picked to be sent to earth, it was a rude awakening. this kid wouldn't do anything for her, wouldn't even so much as listen to her rant about how he should be better. ridiculous!

[div class=firstword]relationships[/div]

lyra: she would be lying if she said that she hadn't taken advantage of her once or twice, but she has helped her out in return, even if it was to gather praise

orion: simply because they both love themselves so much, they hate each other greatly. she's the best, not him. he's some dude that thinks that because he can swing a sword he's amazing, while she's the most beautiful constellation of them all!

scorpio: while she mostly dislikes him, he's not all bad. a bit of planning can go a long way to make you look like the greatest person in the room, and if she offers him an adequate prize, he might just help her. although strangely, none of the plans seem to work out quite so well. weird. there must've been something he didn't account for.

[div class=firstword]theme song[/div] galactic mermaid ghost choir [/div][/div][/div] [div class="tabsContent tabsContent4" style="display: none"][div class=big]gallery[/div] [div class=o][div class=scroll] [div class=columnhold][div class=image][/div] . [div class=image2][/div] . [div class=image3][/div][/div]
[div class=columnhold][div class=image4][/div] . [div class=image5][/div] . [div class=image6][/div][/div] [/div][/div][/div] [div class=angle]▼▼▼▼▼▼▼ [div class=bigtext]Cassiopeia [div class=round][/div][/div][/div][/div][/div] [div class=c]@undine[/div]
 
Last edited:
[class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #999; [/class] [class=tag] display: inline; margin-top: 10px; padding: 0px 3px 2px 3px; background: #8186d5; color: #fff; [/class] [class=circle] height: 300px; width: 300px; margin: auto; margin-left: -50px; margin-top: 50px; border-radius: 100%; box-sizing: border-box; padding-top: 70px; background: #d8dff0; transition: .7s; [/class] [class name=circle state=hover] background: #c6cbef; transition: .7s; [/class] [script class=circle on=mouseenter] addClass show tab [/script] [script class=circle on=mouseleave] removeClass show tab addClass show selectedTab [/script] [class=tab] display: inline-block; box-sizing: border-box; background: #fff; padding: 2px; width: 25px; height: 25px; border: 1px solid #fff; border-radius: 100%; color: #999; text-align: center; transition: .7s; font-size: 12px; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; opacity: 0; [/class] [class name=tab state=hover] color: #494ca2; transition: .7s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #494ca2; transition: .7s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: all .7s; width: 350px; font-size: 11px; line-height: 26px; background: #e3e7f1; color: #000; height: 400px; box-sizing: border-box; [/class] [class=show] opacity: 1; transition: all .7s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class=circle]
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tab tab3"]
[div class="tab tab4"]
[div class="tab tab5"]
[/div]
[div class="tab tab6"]
[/div] [/div] [/div] [/div]
[div class="tabContents tabContents06 show"]
apollo alazoneía
scorpius
[div class="tabContents tabContents01"]
[div class=tag]name
apollo alazoneía.
(apollo for the god who supposedly sent scorpius after orion for his relationship with his sister, artemis. alazoneía is the greek word for "arrogance," which is often associated with myths involving the scorpion and his involvement with mythological figures.)
[div class=tag]nickname
pollo, venom.
[div class=tag]age
(appears) 23-24.
[div class=tag]gender[/div] male.
[div class=tag]sexuality[/div] bisexual.
[div class=tag]d.o.b.[/div] not applicable.
[div class=tag]zodiac[/div] scorpio (ha!).
[div class=tag]constellation[/div] scorpius.
[/div][/div] [/div][/div] [div class="tabContents tabContents02"]
[div class=tag]face claim
nate niehaus.
[div class=tag]hair
dark brown.
[div class=tag]eyes
dark brown.
[div class=tag]height[/div] 5'11".
[div class=tag]weight[/div] 168 lbs.
[div class=tag]dist. features[/div] slight tilt to his eyes ; very recognizable nose.
[div class=tag]tattoos/markings[/div] the scorpius constellation on his back.
[div class=tag]clothing style[/div] v e n o m.
[/div][/div] [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]personality
scorpius (now known as apollo) just wants his time in the spotlight. he's clearly so much better than orion, and yet, he is the more popular one. this is unacceptable by apollo's standards. he wants nothing more than to be more popular than orion.
he would do anything to seem better than orion, so he puts on this facade of kindness. he pretends to be considerate of others, to care for them, when really he couldn't care less about them. in fact, if it was a choice between himself and one of his fellow constellations, he'd push them in front of him and run the other way.
apollo has become very good at acting. he will become whoever he feels the other person needs him to be, manipulate them into believing he is the only thing you'll ever need. he will make you believe he deserves more popularity than that stardamned orion.
the whole world will fall at his starstruck feet by the time he's done with it. and orion will finally learn his true place among the stars.
[div class=tag]virtues
intelligent, clever, ambitious, perseverance, self-confident.
[div class=tag]vices
selfish, cunning, greedy, arrogant, bitter.
[div class=tag]likes[/div] scorpions (for obvious reasons), greek myths (also for obvious reasons), earth (surprisingly), venom, carnivorous plants.
[div class=tag]dislikes[/div] orion, pretty much everyone else, snakes (they're posers), spiders (also posers), roses.
[div class=tag]fears[/div] irrationally, that he is slowly poisoning himself with his own existence. rationally, that he will always be in orion's shadow.
[/div][/div] [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]history
even in mythology, scorpius has long been associated with orion, much as he hates it. depending on who you ask, scorpius was merely an object of vengeance used by greek deities.
in one version, leto and artemis sent him after orion for boasting that he would kill every animal on earth. the battle between the mortal and the scorpion caught the attention of zeus, who raised them both to the stars to remind mortals to be careful of their pride. it was the scorpion who taught a lesson that day.
in another version, orion boasted he was better than artemis, and somehow, she took a liking to him. so apollo, her brother, sent a scorpion after him, and orion died. artemis asked zeus to raise him as a constellation, but when summer came, the constellation of the scorpion would continue to chase him.
there is, of course, another myth, involving phaeton, but that one doesn't involve orion, so scorpius doesn't care for it much. even in myths, scorpius is clearly the superior party, so he's not sure why he's constantly upstaged by the more popular constellation. he's tried and tried to be more popular than the one whose ascent to heaven he is indirectly responsible for, but nothing's worked.
why in heaven would anyone like that stardamned jerk more than him? that's the real question, and it's what scorpius is determined to find out. so, yeah, he agreed to help find this crystal that's supposed to save them or whatever. but, more importantly, he's going to find a way to shove that jerk off his pedestal.
[div class=tag]theme song
"be prepared" - the lion king.
[div class=tag]significant relationships
lyra - tbd.
cassiopeia - tbd.
orion - tbd.
[div class=tag]misc. info[/div] he wants to get a pet scorpion while he's here and name it shelby.
[/div][/div] [/div][/div] [div class="tabContents tabContents05"]
[div class=tag]relationships
(covers the humans of the Stellaris organization).
to be added upon (hopeful) acceptance.
[/div][/div] [/div] [/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div][/div]
 
╰☆☆ BASICS ☆☆╮
↬ name: Cole Wertherson
↬ nicknames: N/A
↬ age: 24
↬ d.o.b: July 19, 1995
↬ p.o.b: Philadelphia, Pennsylvania
↬ gender: Male
↬ sexuality: Bisexual
↬ role: The Good-Hearted Mayhem

╰☆☆ APPEARANCE ☆☆╮
↬ height: 5'11"
↬ weight: 153 lbs.
↬ hair colour: Dark Brown
↬ eye colour: Brown
↬ distinguishing features: Small, Black Crescent Moon Tattoo On His Right Shoulder
↬ faceclaim:
1573381314471.png

╰☆☆ PERSONA ☆☆╮
↬ brief personality overview: Cole is a free spirit, loving to live life to the fullest without tomorrow's worries burdening his mind. He doesn't fear the unknown, but embraces every opportunity to try something new. He's a cheerful guy, entering the room with an attention-grabbing presence and spreading joy to his friends. Emotional and impulsive, the male isn't the calmest under pressure nor a great role model, preferring to break the rules rather than follow them. Smiles come to him easily, he loves a good laugh almost as much as he enjoys playfully teasing friends. A thrill-seeker, Cole is always up for some excitement. He's pretty friendly and easygoing, liking meeting a variety of people to widen his horizons.
↬ 5 virtues: Open-minded, optimistic, affectionate, considerate, adventurous
↬ 5 vices: Reckless, undisciplined, rambunctious, (somewhat) gullible, mischievous
↬ likes: Summer, desserts, motorcycles
↬ dislikes: Rain, caves, tea
↬ fears: Being forgotten, snakes

╰☆☆ BACKGROUND ☆☆╮
↬ brief history: Cole had a pretty normal life, born into a happy well-off family. He has an older brother who he gets along with, but doesn't often talk with due to his brother being busy with work and married life. The male joined STELLARIS two years ago and voluntarily signed up for escorting a constellation around Earth because he was curious about what constellations were like and was eager to meet some firsthand for bragging rights as well as desired to help out in "saving the world."
↬ family/significant relationships: He doesn't really keep in touch with them too much, not because he dislikes them, but because he's busy "doing his own thing." Cole always comes back home for the holidays though.
↬ theme song: Cake By The Ocean - DNCE
↬ miscellaneous: His favorite mystical creatures are griffins.
 
Last edited:
[class=BG] position: relative; box-sizing: border-box; background: #E5E5E5; width: 550px; height: 400px; background-color: rgba(255,255,255,0); overflow: hidden; margin-right: auto; margin-left: auto; padding: 0; [/class] [class=ExtraBox] position: absolute; overflow: visible; width: 550px; height: 400px; left: 0px; top: 0px; background-color: #FFDEDC; border-radius: 20px; [/class] [class=BackstoryBox] position: absolute; overflow: visible; width: 500px; height: 400px; left: 50px; top: 0px; background-color: #F1B5B5; border-radius: 20px; [/class] [class=PersonaBox] position: absolute; overflow: visible; width: 450px; height: 400px; left: 100px; top: 0px; background-color: #93939B; border-radius: 20px; [/class] [class=BasicBox] position: absolute; overflow: visible; width: 400px; height: 400px; left: 150px; top: 0px; background-color: #AAB7AE; border-radius: 20px; [/class] [class=Pic1] position: absolute; overflow: visible; width: 280px; height: 280px; left: 235px; top: 60px; background: url(https://i.imgur.com/7ipZDp9.jpg); border-radius: 16px; [/class] [class=Pic2] position: absolute; overflow: visible; width: 80px; height: 80px; left: 201px; top: 30px; background: url(https://i.imgur.com/Vg6H90X.jpg); border-radius: 10px; [/class] [class=Pic3] position: absolute; overflow: visible; width: 80px; height: 80px; left: 310px; top: 28px; background: url(https://i.imgur.com/OjX82RF.jpg); border-radius: 10px; [/class] [class=Pic4] position: absolute; overflow: visible; width: 80px; height: 80px; left: 419px; top: 28px; background: url(https://i.imgur.com/I5kMZv3.jpg); border-radius: 10px; [/class] [class=Pic5] position: absolute; overflow: visible; width: 80px; height: 80px; left: 201px; top: 30px; background: url(https://i.imgur.com/wcHs5e3.jpg); border-radius: 10px; [/class] [class=Pic6] position: absolute; overflow: visible; width: 80px; height: 80px; left: 310px; top: 28px; background: url(https://i.imgur.com/PHvpHD3.jpg); border-radius: 10px; [/class] [class=Pic7] position: absolute; overflow: visible; width: 80px; height: 80px; left: 419px; top: 28px; background: url(https://i.imgur.com/iZwpshx.jpg); border-radius: 10px; [/class] [class=Pic8] position: absolute; overflow: visible; width: 80px; height: 80px; left: 201px; top: 30px; background: url(https://i.imgur.com/dPPcHa4.jpg); border-radius: 10px; [/class] [class=Pic9] position: absolute; overflow: visible; width: 80px; height: 80px; left: 310px; top: 28px; background: url(https://i.imgur.com/6XMsEni.jpg); border-radius: 10px; [/class] [class=Pic10] position: absolute; overflow: visible; width: 80px; height: 80px; left: 419px; top: 28px; background: url(https://i.imgur.com/2clomhg.jpg); border-radius: 10px; [/class] [class=Pic11] position: absolute; overflow: visible; width: 80px; height: 80px; left: 201px; top: 30px; background: url(https://i.imgur.com/kQqdjTh.jpg); border-radius: 10px; [/class] [class=Pic12] position: absolute; overflow: visible; width: 80px; height: 80px; left: 310px; top: 28px; background: url(https://i.imgur.com/N8CBXSC.jpg); border-radius: 10px; [/class] [class=Pic13] position: absolute; overflow: visible; width: 80px; height: 80px; left: 419px; top: 28px; background: url(https://i.imgur.com/fcYXH0w.jpg); border-radius: 10px; [/class] [class=Text] position: relative; border-radius: 5%; overflow: auto; width: 284px; height: 226px; font-size: 13px; font-weight: normal; line-weight: normal; color: #000; padding: 15px; text-align: justify; margin-right: 150px; margin-left: -1px; [/class] [class=TextContainer] position: absolute; overflow: hidden; width: 298px; height: 226px; left: 201px; top: 122px; background-color: #fff; opacity: .5; border-radius: 10px; [/class] [class=HomeBox] position: absolute; overflow: visible; width: 350px; height: 400px; left: 200px; top: 0px; background-color: #C6D2C6; border-radius: 20px; [/class] [class=TabExtra] position: absolute; overflow: visible; width: 30px; height: 30px; left: 11px; top: 360px; background: url(https://i.imgur.com/ppEy2Pt.png); [/class] [class=TabBackstory] position: absolute; overflow: visible; width: 30px; height: 30px; left: 61px; top: 360px; background: url(https://i.imgur.com/v2UgUK2.png); [/class] [class=TabPersona] position: absolute; overflow: visible; width: 30px; height: 30px; left: 111px; top: 360px; background: url(https://i.imgur.com/VjBQd2g.png); [/class] [class=TabBasics] position: absolute; overflow: visible; width: 30px; height: 30px; left: 161px; top: 360px; background: url(https://i.imgur.com/Gxt6PN3.png); [/class] [class=TabHome] position: absolute; overflow: visible; width: 30px; height: 30px; left: 211px; top: 360px; background: url(https://i.imgur.com/q4d5BEX.png); [/class] [class=CharacterName] position: absolute; left: 211px; top: 16px; overflow: hidden; width: 180px; height: 36px; text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 20px; color: rgba(0,0,0,1); [/class] [class=RoleHere] position: absolute; left: 350px; top: 357px; overflow: hidden; width: 250px; height: 36px; text-align: left; font-family: Segoe UI; font-style: normal; font-weight: normal; font-size: 20px; color: rgba(0,0,0,1); [/class] [class=tab] position: absolute; overflow: visible; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContentHome) if (eq ${currentTab} 1) (hide tabsContentPersona) if (eq ${currentTab} 1) (hide tabsContentBackground) if (eq ${currentTab} 1) (hide tabsContentOther) if (eq ${currentTab} 1) (hide tabsContentBasics) if (eq ${currentTab} 1) (show HomeBox) if (eq ${currentTab} 1) (show BasicBox) if (eq ${currentTab} 1) (show PersonaBox) if (eq ${currentTab} 1) (show BackstoryBox) if (eq ${currentTab} 1) (show ExtraBox) if (eq ${currentTab} 2) (show tabsContentBasics) if (eq ${currentTab} 2) (hide tabsContentHome) if (eq ${currentTab} 2) (hide tabsContentPersona) if (eq ${currentTab} 2) (hide tabsContentBackground) if (eq ${currentTab} 2) (hide tabsContentOther) if (eq ${currentTab} 2) (hide HomeBox) if (eq ${currentTab} 2) (show BasicBox) if (eq ${currentTab} 2) (show PersonaBox) if (eq ${currentTab} 2) (show BackstoryBox) if (eq ${currentTab} 2) (show ExtraBox) if (eq ${currentTab} 3) (show tabsContentPersona) if (eq ${currentTab} 3) (hide tabsContentHome) if (eq ${currentTab} 3) (hide tabsContentBasics) if (eq ${currentTab} 3) (hide tabsContentBackground) if (eq ${currentTab} 3) (hide tabsContentOther) if (eq ${currentTab} 3) (hide BasicBox) if (eq ${currentTab} 3) (hide HomeBox) if (eq ${currentTab} 3) (show PersonaBox) if (eq ${currentTab} 3) (show BackstoryBox) if (eq ${currentTab} 3) (show ExtraBox) if (eq ${currentTab} 4) (show tabsContentBackground) if (eq ${currentTab} 4) (hide tabsContentHome) if (eq ${currentTab} 4) (hide tabsContentBasics) if (eq ${currentTab} 4) (hide tabsContentPersona) if (eq ${currentTab} 4) (hide tabsContentOther) if (eq ${currentTab} 4) (hide PersonaBox) if (eq ${currentTab} 4) (hide BasicBox) if (eq ${currentTab} 4) (hide HomeBox) if (eq ${currentTab} 4) (show BackstoryBox) if (eq ${currentTab} 4) (show ExtraBox) if (eq ${currentTab} 5) (show tabsContentOther) if (eq ${currentTab} 5) (hide tabsContentHome) if (eq ${currentTab} 5) (hide tabsContentBasics) if (eq ${currentTab} 5) (hide tabsContentPersona) if (eq ${currentTab} 5) (hide tabsContentBackground) if (eq ${currentTab} 5) (hide BackstoryBox) if (eq ${currentTab} 5) (hide PersonaBox) if (eq ${currentTab} 5) (hide BasicBox) if (eq ${currentTab} 5) (hide HomeBox) [/script] [div class=BG] [div class=ExtraBox][/div] [div class=BackstoryBox][/div] [div class=PersonaBox][/div] [div class=BasicBox][/div] [div class=HomeBox][/div] [div class=tabs] [div class="TabExtra tab"]
5
[/div] [div class="TabBackstory tab"]
4
[/div] [div class="TabPersona tab"]
3
[/div] [div class="TabBasics tab"]
2
[/div] [div class="TabHome tab"]
1
[/div] [/div] [div class="tabsContent tabsContentHome"][div class=CharacterName]Daisy Brousseau[/div][div class=Pic1][/div][div class=RoleHere]The Empathetic Wallflower[/div][/div] [div class="tabsContent tabsContentBasics" style="display: none;"][div class=Pic2][/div][div class=Pic3][/div][div class=Pic4][/div][div class=TextContainer][div class=Text]Name:Daisy Brousseau
Nicknames: Dai-Dai, Daisy-Doo
Age: 23
D.O.B: September 6th
P.O.B:Blois, France
Gender: Female
Sexuality: Heterosexual
Role: The empathetic walflowers
Height: 5'5"
Weight: 105lbs
Hair Color:Light Brown
Eye Color:Green
Distinguishing Features: Doe eyes
Faceclaim: Chloe Chuu

[/div][/div][/div] [div class="tabsContent tabsContentPersona" style="display: none;"][div class=Pic5][/div][div class=Pic6][/div][div class=Pic7][/div][div class=TextContainer][div class=Text]Personality:Daisy is the definition of random, she would appear and start talking to you about the weather or the meaning of life, with her you can never know what she is up to. She lives every moment as if it was her last and tries to make the best out of the worst situation, she is like the happy virus of the group who can't stay still but even with her energetic persona she puts her everything in her work, making sure to show that she is able to do everything and she shouldn't be sub estimated due to her happy personality.
She is someone that is there for her friends and is like the person that would love to be there with you on a meltdown in the middle of the night and that would cry with you and the next thing she would try to make is to put a smile on your face.
Daisy believes that everyone is good and they have the potential to become a better person.
Virtues: Colorful, Cheerful, Curious, Energetic, Friendly, Fun-Loving, Imginative, Humorous, Kind, Lovable, Optimistic, Spontaneous.
Vices: Childish, Clumsy, Forgetful, Naive, Quirky, Transparent.
Likes:Hot chocolate, sweets, smell of new books, rainbows, four-leaf clovers, milkshakes, minipigs, painting, doing crafts, learning random facts.
Dislikes: Spicy food, small spaces, thunderstorms, coffee, being scared, horror movies, being alone.
Fears: Being forgotten, the darkness.

[/div][/div][/div] [div class="tabsContent tabsContentBackground" style="display: none;"][div class=Pic8][/div][div class=Pic9][/div][div class=Pic10][/div][div class=TextContainer][div class=Text]Backstory:Daisy was born in a middle class family that show that she didn't really need luxurious things to be happy, she was happy to live the life she had and discover things on her own and because of her effort.
While growing up Daisy become an enthusiast of the stars wanting to know what was after what her eyes let her see, she wanted to know the history behind every constellations she saw and what was the meaning behind them.
As her parents notice this, they gift her a telescope when she turn 10, she has appreciate her telescope like her most valuable possession and everytime she uses it she feels tht she can touch them with her hands, but she wasn't expecting that one day she would actually be with a constellation. [/div][/div][/div] [div class="tabsContent tabsContentOther" style="display: none;"][div class=Pic11][/div][div class=Pic12][/div][div class=Pic13][/div][div class=TextContainer][div class=Text]Significant Relationships:Giselle Brousseau | Mother
Pierre Brousseau | Father
Theme Song: Galway Girl
Miscellaneous: She is allergic to cats, she is good at baking. [/div][/div][/div] [/div]
Code by Stardust Galaxy Stardust Galaxy
 
[class=variables] cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; --color: #141414; [/class] [class=container] width: 350px; display: flex; height: 400px; margin: auto; flex-direction: column; justify-content: flex-start; [/class] [class=name] font-size: 33px; font-weight: 900; line-height: 0.7; color: var(--color); [/class] [class=tabsContainer] width: 350px; height: 40px; display: flex; justify-content: space-evenly; align-items: center; [/class] [class=title] font-size: 15px; border: 1px solid var(--color); padding: 3px; box-sizing: border-box; line-height: 1; letter-spacing: 2px; transition: 1s; [/class] [class name=title state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; background-color: var(--color); color: white; [/class] [class=bigGap] flex-grow: 3; [/class] [class=gap] flex-grow: 2; [/class] [class=tab] text-shadow: -1px -1px 0 var(--color), 1px -1px 0 var(--color), -1px 1px 0 var(--color), 1px 1px 0 var(--color); font-size: 30px; color: white; transition: 1s; flex-basis: auto; [/class] [class name=tab state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; color: var(--color); [/class] [class=contentContainer] height: 350px; width: 350px; position: relative; [/class] [class=content] height: 350px; width: 350px; opacity: 0; position: absolute; transition: 1s; padding: 10px; box-sizing: border-box; font-size: 12px; overflow: hidden; [/class] [class=scroll] overflow-y: scroll; padding-right: 40px; width: 100%; height: 100%; [/class] [class=bigImg] height: 330px; width: 330px; background-image: url('https://media.discordapp.net/attachments/597707141574295562/644080365635371008/image0.jpg'); background-size: cover; [/class] [class=tag] width: auto; height: 16px; padding: 0px 2px 0px 2px; display: inline-block; border: 1px solid var(--color); font-size: 10px; text-transform: uppercase; [/class] [class=imgSmallContainer] width: 80%; height: 70px; display: flex; justify-content: space-between; margin: 10px auto; [/class] [class=imgSmall] width: 70px; height: 70px; background-size: cover; [/class] [class=show] z-index: 1; opacity: 1; [/class] [class=titleSelected] background-color: var(--color); color: white; [/class] [class=selected] color: var(--color); [/class] [script class=title on=click] addClass show contentHome removeClass show content01 removeClass show content02 removeClass show content03 addClass titleSelected title removeClass selected tab01 removeClass selected tab02 removeClass selected tab03 [/script] [script class=tab01 on=click] addClass show content01 removeClass show contentHome removeClass show content02 removeClass show content03 addClass selected tab01 removeClass titleSelected title removeClass selected tab02 removeClass selected tab03 [/script] [script class=tab02 on=click] addClass show content02 removeClass show contentHome removeClass show content01 removeClass show content03 addClass selected tab02 removeClass titleSelected title removeClass selected tab01 removeClass selected tab03 [/script] [script class=tab03 on=click] addClass show content03 removeClass show contentHome removeClass show content01 removeClass show content02 addClass selected tab03 removeClass titleSelected title removeClass selected tab01 removeClass selected tab02 [/script] [div class=variables] [div class=container] [div class=name]Vladomir Xanotharou[/div] [div class=tabsContainer] [div class="title titleSelected"]THE GOOD-HEARTED MAYHEM[/div] [div class=bigGap][/div] [div class="tab tab01"]01.[/div] [div class=gap][/div] [div class="tab tab02"]02.[/div] [div class=gap][/div] [div class="tab tab03"]03.[/div] [/div] [div class=contentContainer] [div class="content contentHome show"] [div class=bigImg][/div] [/div] [div class="content content01"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.discordapp.net/attachments/597707141574295562/644076890742849547/image0.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/i/s/66.media.tumblr.com/e32c926a6dfaf1c52649d4093d421a07/tumblr_p6evx0kmS61wflir7o2_1280.jpg');"][/div] [div class=imgSmall style="background-image: url('http://rawpages.com/wp-content/uploads/2018/03/Karan-Brar-RAW-02.jpg');"][/div] [/div] [div class=tag]name[/div] Vladomir Xanotharou
[div class=tag]nickname[/div] Vlad
[div class=tag]age[/div] 19
[div class=tag]zodiac[/div] Libra
[div class=tag]d.o.b[/div]
[div class=tag]p.o.b[/div] France
[div class=tag]height[/div] 176cm
[div class=tag]weight[/div] 54.5kg
[div class=tag]body type[/div] Lanky, Lean
[div class=tag]eyes[/div] Dark blue
[div class=tag]hair[/div] Short, Dark Brown
[div class=tag]faceclaim[/div] Karan Braar
[div class=tag]Description[/div] Vlad, is a young lad known for his boyish grins, flirtatious smirks, contagious laughs and carefree smiles. He resembles his Mother more than Father. Vlad takes on some feminine features like long eyelashes, angular eyebrows and tall nose from his arabian-descent Mother while that pair of strong dark blue eyes is a trait belonging to his greek Father. With a height like his, most would see him more of a younger brotherly figure than anything else. Due to moving about places his entire life, Vlad has quite the unique accent. The 18 year old is a rather late bloomer and is still in the late midst of puberty so much so that his voice might still crack occasionally most especially when he is nervous or excited, this would often lighten a conversation in the form of laughs from his peers. Vlad doesn’t mind it at all given his carefree personality. At 18, Vlad is still discovering his gender preference, he does not go looking for relationships but openly flirts with both genders as he pleases with his charms. [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.discordapp.net/attachments/597707141574295562/644076890742849547/image0.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/i/s/66.media.tumblr.com/e32c926a6dfaf1c52649d4093d421a07/tumblr_p6evx0kmS61wflir7o2_1280.jpg');"][/div] [div class=imgSmall style="background-image: url('http://rawpages.com/wp-content/uploads/2018/03/Karan-Brar-RAW-02.jpg');"][/div] [/div] [div class=tag]vices[/div] Impulsive, Flirtatious, Ingenuous, Easily Influenced, Escapist, Ambivalent, Escape Artist, Sneaky, Voracious.
[div class=tag]virtues[/div] Outgoing, Sociable, Charming, Boisterous, Empathetic, Carefree, Indulging, Optimistic, Persuasive.
[div class=tag]strengths[/div] Parkour, Astronomy, Navigation, Art of Escaping, Art, Agile, Streetwise. Greek History.
[div class=tag]weaknesses[/div] Swimming, Fighting, Chocolate, Roaches & Rats, Strength in general, Driving, Riddles.
[div class=tag]likes[/div] Parkour, Heights, Food, Partying, Pranks.
[div class=tag]dislikes[/div] Cramp Places, Wine (so not greek), Egocentric People. Studies. To Disappoint. Awkward Situations (esp. silence)
[div class=tag]personality[/div]
Upon first meeting Vlad, he would seem to have a vibrant personality with an easy-going and carefree soul. He is one who can ease a tense conversation with his laughter and jokes in a matter of seconds. Moreover, no matter how spiteful, Vlad does not take insults to heart and would brush them of or laugh it out. He is an individual who simply refuses to let anything ruin his mood.
Vladomir is more likely to than flight than fight if given the option. The eighteen year old is impulsive and is quick to get into trouble as swift as he is at getting out. Loyalties be damned, Vlad would leave everyone behind and flee unnoticed at the first sign of danger. But, if there happens to be a special someone perhaps a cute guy or girl in the room, he’d make sure to go out of his way to impress. Other than that, Vlad can be quite the escape artist and would climbing out of windows, walls and hop over buildings just to get away from authorities.
Xanotharou, the descendants of Athena or so they say, have a history of scholars. Vlad for one, is fairly intelligent. Though he chooses to keep one of his talents low-key, the boy has an affinity for art. Sketching and painting is his past time, but rarely would Vlad be seen with a brush or pencil in hand outside of his room. [/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://media.discordapp.net/attachments/597707141574295562/644076890742849547/image0.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/i/s/66.media.tumblr.com/e32c926a6dfaf1c52649d4093d421a07/tumblr_p6evx0kmS61wflir7o2_1280.jpg');"][/div] [div class=imgSmall style="background-image: url('http://rawpages.com/wp-content/uploads/2018/03/Karan-Brar-RAW-02.jpg');"][/div] [/div] [div class=tag]paternal[/div] Zain Xanotharou
[div class=tag]maternal[/div] Sharyana Menon
[div class=tag]family history[/div] The Xanotharou family hails from Greece and many claim to be the descendants of the goodness Athena. The Xanotharou has been in the Stellaris organisation for centuries and are loyal and esteemed members of the organisation some serve as researcher while others, astronomers.
[div class=tag]backstory[/div] Vladomir, or Vlad as he prefers to be called, has been on the move ever since he can remember. His Father, like the many other Xanotharou before him, is a honoured member of the Stellaris organisation who studies the stars and paranormal events across the world. You can call him delusional, he believes that that the events and stars holds signs from the Gods. Where ever the Stellaris heads send Zain he goes and where ever he goes, his family goes and so does young Vlad.
Vlad and his older (4 years) Sister, Penelopa, was homeschooled, they never had time to settle down in a school for they knew that it wouldn’t belong before Stellaris sent their Father to somewhere across the world. Vlad’s education wasn’t like normal kids, he was taught Greek, Greek Gods and History instead of Math and Science. However as he grew up, he began to think that all that Greek yada yada was a bunch of bullshit, of course he never admitted it to anyone.
When he turned, 14, the age where puberty and hormones began to mess up his head, and boredom in the house became unbearable, Vlad began to sneak out to of the house to find some relief. He began to discover the streets and the world around him, it called out to him and welcomed a social boy like him with open arms. Despite the fact that he never gone out often, his skills of navigation came natural to him. It started with sneaking out through the door when everybody was deep in their slumbers before moving on with the windows and even the roof.
When Zain heard about the missing constellations and the Mission, he saw it as a chance to get more honour. It should have been Penelopa, she was older, more mature contrary to the other mess of a Son, Vlad and less likely to embarrass the Xanotharou name. However, Penelopa was in university and such a mission to meet the Gods would disrupt her studies. So Zain volunteered Vladomir to which he reluctantly agreed.
[div class=tag]misc[/div] [/div] [/div] [/div] [/div] [/div]

coded by shady.
 
Last edited:
[class=tag] color: #fff; padding: 0px 4px 3px 4px; background: #635151; display: inline; [/class] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; transition: 1s; font-size: 9px; font-family: Avenir; padding-top: 5px; color: #999; [/class] [class=tab] box-sizing: border-box; padding-top: 13px; width: 100%; height: 100%; color: #d9ac9c; text-align: center; transition: .7s all ease-in-out; font-family: Avenir; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=heading] font-size: 35px; float: left; font-family: Montserrat-Bold; font-weight: bold; text-transform: lowercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0; color:#E6DBBB; transition: .7s all ease-in-out; [/class] [class name=tab state=hover] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #0e1214; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: .7s all ease-in-out; width: 330px; font-size: 11px; line-height: 26px; background: #fff; color: #000; height: 440px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; transition: .7s all ease-in-out; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading1 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading2 removeClass show heading1 removeClass show heading3 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass show heading3 removeClass show heading2 removeClass show heading1 removeClass show heading4 removeClass show heading5 removeClass show heading6 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass show heading4 removeClass show heading2 removeClass show heading3 removeClass show heading1 removeClass show heading5 removeClass show heading6 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass show heading5 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading6 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show heading6 removeClass show heading2 removeClass show heading3 removeClass show heading4 removeClass show heading1 removeClass show heading5 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]
[div class="tab tab1"]
basics
[div class="tab tab2"]
looks
[div class="tab tab3"]
psyche
[div class="tab tab4"]
history
[div class="tab tab5"]
gallery
[div class="tab tab6"]
home
[/div] [/div] [/div]
[div class="heading heading6 show"]Julius Carrigan
[div class="heading heading1"]basics[/div] [div class="heading heading2"]looks[/div] [div class="heading heading3"]psyche[/div] [div class="heading heading4"]history[/div] [div class="heading heading5"]gallery[/div]
[div class="tabContents tabContents06 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
Julius Carrigan
Julius Caesar is one human who truly spoke to Orion when he was choosing his human name. A great warrior defeated only by betrayal? Who could be better?
[div class=tag]nickname[/div] Jules

[div class=tag]age[/div] appears 25

[div class=tag]sexuality[/div] heterosexual

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

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

[/div][/div] [div class="tabContents tabContents02"]
[div class=tag]face claim
Nicholas Fols

[div class=tag]height[/div] 6'2

[div class=tag]weight[/div] 190 lbs

[div class=tag]eyes[/div] gray-green

[div class=tag]hair[/div] dark brown, curly

[div class=tag]distinguishing features[/div] very bushy eyebrows

[div class=tag]piercings[/div] nose piercing and both ears pierced. prefers hoops to studs.

[div class=tag]clothing style[/div] x x x [/div][/div] [div class="tabContents tabContents03"]
[div class=tag]personality
Julius has a bit of a larger-than-life personality (or he likes to tell himself that). Being the center of attention is something he constantly strives towards, and if that means interrupting someone then so be it. He has a flair for dramatics, and occasionally speaks in rambling prose that barely makes any sense at all. As a charismatic person, Julius is used to convincing people to like him in the short term. However, his tendency to focus on himself can be quite annoying if forced to be around him for an extended period of time. While Julius does care about others to a certain extent, it is merely because he sees them as a means to an end. He consistently inserts himself into dangerous situations. Not because he is impulsive or stupid, but because he wants them to talk about him. He craves being an object of their worship.
[div class=tag]virtues[/div] focused | intelligent | charismatic | commanding presence | brave

[div class=tag]vices[/div] narcissistic | impatient | overly competitive | dramatic | hypocritical

[div class=tag]likes[/div] large crowds | dessert foods | dancing

[div class=tag]dislikes[/div] being ignored | long stretches of silence | being called out

[div class=tag]fears[/div] being forgotten | death... again [/div][/div] [div class="tabContents tabContents04"]
[div class=tag]Relationships

Lyra:
Cassiopeia:
Scorpius:
Dedicated Study:
Indifferent Duty:
Good-Hearted Mayhem:
Empathetic Wallflower:
[div class=tag]Theme Song[/div] tbd.
[div class=tag]etc.[/div] info. [/div][/div] [div class="tabContents tabContents05"]
[/div] [/div]
THE ORION
[/div] [/div][/div][/div] https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
 
╰☆☆ BASICS ☆☆╮
↬ name: Christopher Winston
↬ nicknames: Chris
↬ age: 27
↬ d.o.b: September 5, 1992
↬ p.o.b: Bristol, Tennessee
↬ gender: Male
↬ sexuality: Bisexual
↬ role: The Indifferent Duty

╰☆☆ APPEARANCE ☆☆╮
↬ height: 6'1"
↬ weight: 157 lbs.
↬ hair colour: Dirty Blond
↬ eye colour: Brown
↬ distinguishing features: Mole On The Right Side Of His Neck
↬ faceclaim:
8ac9a4e1f1ebcfc17bdd24c654552731.jpg

╰☆☆ PERSONA ☆☆╮
↬ brief personality overview: Christopher is a man of his words and always stays true to promises he's made- even when he regrets them later. That's why he doesn't easily promise anyone anything. He's not an optimistic guy; he isn't one for false hope or empty words of encouragement, preferring facts and the harsh truth. The male doesn't often express any kind of emotion because most of the time, he's apathetic, bottling up his emotions to hold onto his sanity. His indifference makes him come off as cold and unapproachable to others and at best, disinterested. Christopher is a loyal man, motivated by duty, and can selflessly sacrifice himself for others- but only those he cares about.
↬ 5 virtues: Dedicated, pragmatic, level-headed, responsible, succinct
↬ 5 vices: Unenthusiastic, reclusive, blunt, unfriendly, somber
↬ likes: Smoking, his brother, books
↬ dislikes: Noisiness, cactus, jet lag
↬ fears: Losing someone he loves again, claustrophobia

╰☆☆ BACKGROUND ☆☆╮
↬ brief history: He had no desire to join STELLARIS, it was his brother's passion project and Christopher was content to watch from the sidelines. However, his older brother, Kyle, passed away in an unfortunate car accident, leaving Christopher in despair. But he knew what his brother would've wanted; so often had the other male encouraged him to join the organization, the cause, so often had Christopher refused. With Kyle gone, Christopher took up the mantle he left behind, becoming an aide to the constellations- a position his brother had bragged to him so happily about getting, and resigned himself to joining a cause he didn't truly believe in, out of duty and brotherly affection.
↬ family/significant relationships: Christopher was very close with his older brother, despite their extremely different personalities. Kyle was one of the few people that could get Christopher to smile and was his only confidante.
↬ theme song: Wish You Were Here - Pink Floyd
↬ miscellaneous: He's allergic to shellfish.
 
Last edited:

Users who are viewing this thread

Back
Top