Fantasy 𝐒𝐄𝐀𝐒𝐎𝐍 𝐎𝐅 𝐓𝐇𝐄 𝐖𝐈𝐓𝐂𝐇 ! -

timshel · Apr 13, 2020

you've got to pick up every stitch.
a small group witch academy roleplay.
featuring low fidelity , erzulie , TheWaffleLord , yousmelldead , blackout , & timshel .

timshel · Apr 13, 2020

[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] color: #666; display: inline; letter-spacing: 1px; text-transform: uppercase; [/class] [class=tab] font-family: Avenir; text-transform: uppercase; color: #ccc; font-size: 10px; letter-spacing: 3px; transition: .7s all ease-in-out; text-align: center; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] transform: scale(1.2); color: #d9a1af; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] transform: scale(1.2); color: #d9a1af; 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: 405px; font-size: 11px; line-height: 26px; background: #fff; color: #999; height: 400px; box-sizing: border-box; font-family: Avenir; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 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="tab tab1"]basics

[div class="tab tab2"]looks

[div class="tab tab3"]persona

[div class="tab tab4"]herstory

[div class="tab tab5"]gallery

[div class="tab tab6"]home[/div] [/div] [/div]

[div class="tabContents tabContents06 show"]

circe o'donnell

"I am made and remade continually."

[div class="tabContents tabContents01"]

basics

[div class=tag]name.

Circe O'Donnell.
[div class=tag]age.

19 years old.
[div class=tag]gender.[/div] Transgender female.
[div class=tag]sexuality.[/div] Pansexual.
[div class=tag]date of birth.[/div] December 4th, 2001 (a Sagittarius).
[div class=tag]place of birth.[/div] Pacific Heights, San Fransisco, CA.
[div class=tag]magic.[/div] Especially adept at spell casting, she's reliably in tune with her own inner energy to produce powerful magic, and has the memory to maintain a wide range. It can turn fickle when she's in a troubling emotional period, though. She's also recently been experiencing lots of deja-vu that may or may not be something new.
[div class=tag]familiar.[/div] A Barn Owl named Ulysses.
[div class=tag]theme song.[/div] 'Brand New City,” Mitski [/div][/div][/div] [div class="tabContents tabContents02"]

looks

[div class=tag]ethnicity.

A vague mix of many European people, but of them, Irish is the most prevalent (have you ever seen a more Irish last name?).
[div class=tag]height.

5'10".
[div class=tag]weight.[/div] Just over 130 lbs—she's prone fluctuate a bit, as she's one to accidentally skip meals.
[div class=tag]eyes.[/div] Mid-toned blue.
[div class=tag]hair.[/div] A natural light blond, with slightly darker brown roots. Wavy, silky and somewhat thin, she's grown it out so it falls just before her shoulder blades. She usually wears it down.
[div class=tag]body.[/div] Long-limbed and slender, without many curves to speak of. She's thin due to her small appetite and great metabolism, not so much from rigorous, regular exercise.
[div class=tag]modifications.[/div] Has multiple ear piercings in each ear, generally limiting herself to small studs and huggies during the week. Likes the idea of getting one (or maybe a few!) enchanted tattoo at some point.
[div class=tag]scars/blemishes.[/div] Thankfully, the teenage acne gene seemed to pass her over, so she doesn't have many blemishes or troublesome skin. She does have some old scars on her knees and shins from rough and tumble playtime during recess.
[div class=tag]style.[/div] Fun and feminine: short skirts, bold colors, glittery tights, and baggy sweaters. Loves to sprinkle in the occasional pair of platform shoes (even if she doesn't really need them, considering her height) and quirky accessories, such as novelty sunglasses, hair clips, and statement jewelry pieces.
[div class=tag]face claim.[/div] Hunter Schafer. [/div][/div][/div] [div class="tabContents tabContents03"]

persona

[div class=tag]virtues.

Gregarious, fun-loving, energetic, optimistic, adventurous, fearless, free-spirited. (Everyone's favorite manic pixie dream girl.)
[div class=tag]vices.

Rash, emotional, impulsive, quick to judgement, confrontational, tends to harbor intense grudges, prone to put her foot in her mouth.
[div class=tag]hopes.[/div] Proving herself to be an accomplished witch to her community, filling the role of the role model she wished she had, making the world a better place through her magic. Maintaining a steady circle of friends. Reconnecting with her family someday.
[div class=tag]fears.[/div] Failing to meet the standards necessary to advance upwards in the magical world, making a fool of herself, losing her cool in a high-stakes situation, and permanently losing connection her family and siblings.
[div class=tag]likes.[/div] Upbeat music, dancing like no one's watching, tequila, spending time outdoors, tending to houseplants, expensive coffee, fast food, daydreaming, astrology, and Greek mythology.
[div class=tag]dislikes.[/div] Sexist dress codes, commitment in romantic relationships, organizing the minute details of a plan, awareness and feeling of the male gaze, unrelenting pessimists, and those occasional crippling bouts of gender dysphoria that come out of nowhere.
[div class=tag]ailments.[/div] Has a mild caffeine addiction: if she drinks less than two cups of coffee a day results in withdrawal. Has suffered from bouts of depression, but hasn't received an official diagnosis. [/div][/div][/div] [div class="tabContents tabContents04"]

q&a

[div class=tag]childhood

Born to a wealthy pair of business-minded parents in Pacific Heights, San Fransisco, she was a boy who had it all: a full-time nanny to replace working parents, private schools, horseback riding lessons, annual family vacations. She has an older sister and a younger brother, the latter of the two was her constant playmate and companion.

[div class=tag]adolescence

Her academic self began to flourish in middle and early high school, and she was drawn in particular to history and classics. This was also about the time she began feeling gender dysphoria and started experimenting with different styles of dress, makeup, and growing out her hair. It immediately drove a rift between her parents: her mother, compassionate, sympathetic, and liberal-minded, supported her transition, while her father opposed it vehemently. That once very happy household turned toxic, with frequent arguments, threats of divorce, and on one awful occasion, a police visit. The issue effectively tore their family apart and ruined her relationship with everyone except her mother, and although she transitioned kind of quietly, words exchanged between them left long-lasting wounds that may never heal.

[div class=tag]present[/div] During one of those fights as a teenager, Circe managed, through her magic rooted in emotion, to flip a table from a distance and shatter windows with the snap of her fingers. At that point, it was quite obvious that she had magic, and although her family tried to explain it away, she researched it more and found an online community that proved invaluable. After saving up a year's allowance and salary from her job as a barista, Circe packed all of her things and bought a plane ticket to pursue this magic of hers at an academy especially for witches in Salem, Massachusetts. Always an excellent student, and now free to express herself in any which way she wanted (in accordance with dress codes during the work week), Circe quickly rose to the top of the student ranks, and found an ease in adjusting to this new environment and making friends.
... & the rest is history! [/div][/div][/div] [div class="tabContents tabContents05"]

gallery

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

[div class=link]coded by christy.

https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]

[/div]

low fidelity · Apr 13, 2020

[div class=container]

♡coded by uxie♡

[div class=header] [div class=role]the witch.[/div] [div class=quote]drag your [div class=qemp]cities[/div] to the [div class=qemp]sea[/div]![/div] [/div] [div class=body] [div class=home]

tommy ramos iglesias

❝ i will be brutal. ❞

[/div] [div class="tabs 1tab" style=display:none;][div class=req] [div class=reqiconb][div class=reqicon][/div][/div] [div class=reqbox1c][div class=scroll style=width:110%;] [div class=reqbox1] [div class=reqc style=margin-top:2px;] [div class=h1]name[/div] [div class=reqt1]teresa sara ramos-iglesias.[/div] [/div] [div class=reqc] [div class=h1]nickname[/div] [div class=reqt1]tommy.[/div] [/div] [div class=reqc] [div class=h1]age[/div] [div class=reqt1]seventeen.[/div] [/div] [div class=reqc] [div class=h1]gender[/div] [div class=reqt1]cis female.[/div] [/div] [div class=reqc] [div class=h1]sexuality[/div] [div class=reqt1]bisexual.[/div] [/div] [div class=reqc] [div class=h1]race/ethnicity[/div] [div class=reqt1]mexican-american.[/div] [/div] [/div] [/div][/div] [div class=reqbox2c][div class=scroll] [div class=reqbox2] [div class=reqc2 style=margin-top:0px;] [div class=h2]hair[/div] [div class=reqt2]stark black, usually chin-length or shorter. usually looks like she just rolled out of bed, but easily tamed.[/div] [/div] [div class=reqc2] [div class=h2]eyes[/div] [div class=reqt2]dark brown, bordering on black, and beady.[/div] [/div] [div class=reqc2] [div class=h2]skin[/div] [div class=reqt2]evenly tan, with some beauty marks and blemishes. has a very small knick of a scar right under her bottom lip.[/div] [/div] [div class=reqc2] [div class=h2]height & weight[/div] [div class=reqt2]5'10" & 136 lbs.[/div] [/div] [div class=reqc2] [div class=h2]body build[/div] [div class=reqt2]as she's a bit taller than other girls her age, tommy is long limbed, but has an average body type. not really athletic, just kinda skinny, lots of harsh awkward angles.[/div] [/div] [div class=reqc2] [div class=h2]wardrobe[/div] [div class=reqt2 style=white-space:nowrap;] [div class=style][/div] [div class=style][/div] [div class=style][/div] [div class=style][/div] [/div] [/div] [div class=reqc2] [div class=h2]face claim[/div] [div class=reqt2]hannah kleit.[/div] [/div] [/div] [/div][/div] [/div][/div] [div class="tabs 2tab" style=display:none;] [div class=pers][div class=scroll] [div class=h3]personality[/div] [div class=perst]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae scelerisque magna, in hendrerit libero. Vestibulum sit amet euismod libero. Nullam viverra enim ut sem dapibus, ut dictum ligula congue. Ut tempor euismod dictum. Etiam diam orci, hendrerit ac ligula eget, dapibus sollicitudin arcu. Suspendisse finibus maximus tellus in pharetra. Nunc sagittis mollis magna at iaculis. Duis eget mauris at dolor cursus scelerisque non eget nunc. Mauris purus nisl, imperdiet elementum scelerisque sed, cursus non metus. Sed arcu turpis, sodales vitae nisi non, egestas eleifend justo. Nullam nec cursus mi, pulvinar vehicula ante. Proin sollicitudin enim finibus, faucibus nulla id, posuere lorem. Nullam at nulla at nisi porta sodales vel vel eros. Vestibulum id urna sed neque congue vulputate. Pellentesque in gravida urna. Praesent non elementum erat. Integer non tempor mauris, pretium faucibus velit. Aliquam ut nisl tempor, condimentum odio vel, ullamcorper quam. Vivamus ex eros, iaculis in molestie vel, iaculis vel risus. Quisque at dolor sed felis euismod fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vel ultricies dui. Donec accumsan mollis sem eu placerat. Cras blandit finibus ipsum. Integer in sollicitudin quam. Sed bibendum arcu a libero sagittis, vel efficitur risus scelerisque. Sed at suscipit massa, vitae tempus massa. Nullam ipsum nisl, convallis et lacus et, gravida congue enim. Fusce tempor dapibus quam eu mollis. Donec turpis enim, consectetur vitae lorem a, pellentesque hendrerit nisl.[/div] [div class=h3]vices[/div] [div class=perst]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae scelerisque magna, in hendrerit libero. Vestibulum sit amet euismod libero. Nullam viverra enim ut sem dapibus, ut dictum ligula congue. Ut tempor euismod dictum. Etiam diam orci, hendrerit ac ligula eget, dapibus sollicitudin arcu. Suspendisse finibus maximus tellus in pharetra. Nunc sagittis mollis magna at iaculis. Duis eget mauris at dolor cursus scelerisque non eget nunc. Mauris purus nisl, imperdiet elementum scelerisque sed, cursus non metus. Sed arcu turpis, sodales vitae nisi non, egestas eleifend justo. Nullam nec cursus mi, pulvinar vehicula ante. Proin sollicitudin enim finibus, faucibus nulla id, posuere lorem. Nullam at nulla at nisi porta sodales vel vel eros. Vestibulum id urna sed neque congue vulputate. Pellentesque in gravida urna. Praesent non elementum erat. Integer non tempor mauris, pretium faucibus velit. Aliquam ut nisl tempor, condimentum odio vel, ullamcorper quam. Vivamus ex eros, iaculis in molestie vel, iaculis vel risus. Quisque at dolor sed felis euismod fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vel ultricies dui. Donec accumsan mollis sem eu placerat. Cras blandit finibus ipsum. Integer in sollicitudin quam. Sed bibendum arcu a libero sagittis, vel efficitur risus scelerisque. Sed at suscipit massa, vitae tempus massa. Nullam ipsum nisl, convallis et lacus et, gravida congue enim. Fusce tempor dapibus quam eu mollis. Donec turpis enim, consectetur vitae lorem a, pellentesque hendrerit nisl.[/div] [div class=reqc2 style=margin-top:10px;] [div class=h2]likes[/div] [div class=reqt2]these are some things[/div] [/div] [div class=reqc2] [div class=h2]dislikes[/div] [div class=reqt2]these are some other things[/div] [/div] [div class=reqc2] [div class=h2]fears[/div] [div class=reqt2]these are some things[/div] [/div] [div class=reqc2] [div class=h2]habits[/div] [div class=reqt2]these are some things[/div] [/div] [div class=reqc2] [div class=h2]hobbies[/div] [div class=reqt2]these are some things[/div] [/div] [/div][/div] [/div] [div class="tabs 3tab" style=display:none;] [div class=history][div class=scroll] [div class=h3]history[/div] [div class=perst style=margin-bottom:5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae scelerisque magna, in hendrerit libero. Vestibulum sit amet euismod libero. Nullam viverra enim ut sem dapibus, ut dictum ligula congue. Ut tempor euismod dictum. Etiam diam orci, hendrerit ac ligula eget, dapibus sollicitudin arcu. Suspendisse finibus maximus tellus in pharetra. Nunc sagittis mollis magna at iaculis. Duis eget mauris at dolor cursus scelerisque non eget nunc. Mauris purus nisl, imperdiet elementum scelerisque sed, cursus non metus. Sed arcu turpis, sodales vitae nisi non, egestas eleifend justo. Nullam nec cursus mi, pulvinar vehicula ante. Proin sollicitudin enim finibus, faucibus nulla id, posuere lorem. Nullam at nulla at nisi porta sodales vel vel eros. Vestibulum id urna sed neque congue vulputate. Pellentesque in gravida urna. Praesent non elementum erat. Integer non tempor mauris, pretium faucibus velit. Aliquam ut nisl tempor, condimentum odio vel, ullamcorper quam. Vivamus ex eros, iaculis in molestie vel, iaculis vel risus. Quisque at dolor sed felis euismod fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vel ultricies dui. Donec accumsan mollis sem eu placerat. Cras blandit finibus ipsum. Integer in sollicitudin quam. Sed bibendum arcu a libero sagittis, vel efficitur risus scelerisque. Sed at suscipit massa, vitae tempus massa. Nullam ipsum nisl, convallis et lacus et, gravida congue enim. Fusce tempor dapibus quam eu mollis. Donec turpis enim, consectetur vitae lorem a, pellentesque hendrerit nisl. [/div] [div class=h3]miscellaneous[/div] [div class=reqc2] [div class=h2]theme[/div] [div class=reqt2]these are some things[/div] [/div] [div class=reqc2] [div class=h2]living quarters[/div] [div class=reqt2]these are some things[/div] [/div] [div class=reqc2] [div class=h2]mbti type[/div] [div class=reqt2]these are some things[/div] [/div] [/div][/div] [/div] [div class="tabs 4tab" style=display:none;] [div class=relationships] [div class="rstabs 1rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 1rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 2rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 2rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 3rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 3rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 4rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 4rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 5rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 5rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 6rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 6rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [div class="rstabs 7rs" style=display:none;] [div class=rsisa] [div class=rsname]name[/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="rsicon 7rsnimg"][/div][/div] [div class=rstext][div class=scroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis suscipit lorem, ut aliquam diam pellentesque at. Vestibulum eu vehicula nisl. Fusce at dolor ut libero eleifend sagittis. Donec eget scelerisque erat. Suspendisse potenti. Donec sollicitudin non felis nec varius. Sed et massa a sapien bibendum euismod. Pellentesque luctus, felis gravida consequat rutrum, neque metus condimentum dolor, ac facilisis elit nulla nec tellus. Duis ultricies ex sed ullamcorper malesuada. Ut pretium ullamcorper lacus quis suscipit. Sed pharetra ullamcorper mauris, ac tincidunt velit convallis ac. Donec congue leo a quam venenatis, id euismod arcu sagittis. Mauris finibus sem nec eros sodales, nec venenatis est dictum. Nulla id nibh urna. Ut congue ex ac dignissim eleifend. Phasellus varius enim nulla, sit amet pretium dui tempus quis. Sed faucibus sapien eget iaculis bibendum. Ut placerat blandit enim quis accumsan. Curabitur urna turpis, imperdiet viverra interdum vel, sodales vitae sem. Nulla consectetur iaculis interdum. Phasellus porta auctor ultricies. [/div][/div] [/div] [/div] [/div] [/div] [div class=sidebar] [div class=sbimg] [div class="rsnav 4rsnavi" style=display:none;][div class=rsscroll] [div class="rsbutton 1rsbtn"] [div class="rsnavimg 1rsnimg"][/div] [div class=rsnavname]the huntress[/div] [/div] [div class="rsbutton 2rsbtn"] [div class="rsnavimg 2rsnimg"][/div] [div class=rsnavname]the unholy[/div] [/div] [div class="rsbutton 3rsbtn"] [div class="rsnavimg 3rsnimg"][/div] [div class=rsnavname]the studious[/div] [/div] [div class="rsbutton 4rsbtn"] [div class="rsnavimg 4rsnimg"][/div] [div class=rsnavname]the warrior[/div] [/div] [div class="rsbutton 5rsbtn"] [div class="rsnavimg 5rsnimg"][/div] [div class=rsnavname]the alchemist[/div] [/div] [div class="rsbutton 6rsbtn"] [div class="rsnavimg 6rsnimg"][/div] [div class=rsnavname]the ill[/div] [/div] [div class="rsbutton 7rsbtn"] [div class="rsnavimg 7rsnimg"][/div] [div class=rsnavname]the wild[/div] [/div] [/div][/div] [/div] [div class=navi] [div class="button 1btn"][div class=buttontext]basics[/div][/div] [div class="button 2btn"][div class=buttontext]persona[/div][/div] [div class="button 3btn"][div class=buttontext]history[/div][/div] [div class="button 4btn"][div class=buttontext]relations[/div][/div] [div class=colourswitchc][div class=colourswitchb][/div][/div] [/div] [/div] [/div]

[class=container] --bg: #F9F9F9; --bg-2: #27181B; --border: #272727; --color-1: #9a0b0b; --txt: #262626; --img-1: url('https://i.pinimg.com/564x/9e/b8/89/9eb889623f09063682bf6f7b95d82469.jpg'); --img-2: url('https://i.pinimg.com/564x/1d/de/49/1dde498740f33d4c0f8d25bb47c3f892.jpg'); --rs-1: url('https://i.pinimg.com/564x/8f/77/46/8f7746de925a2be8f98063845dbcdd73.jpg'); --rs-2: url('https://i.pinimg.com/564x/82/c4/98/82c49831a1bf187bfd4f943e3d00e9e9.jpg'); --rs-3: url('https://i.pinimg.com/564x/78/3d/68/783d68f58394018a87eac9322605f205.jpg'); --rs-4: url('https://i.pinimg.com/564x/a5/21/fd/a521fd26d0e067781e56c7b43d498da3.jpg'); --rs-5: url('https://i.pinimg.com/564x/00/d2/3e/00d23e4d93f477ff6838f40ee6b50c23.jpg'); --rs-6: url('https://i.pinimg.com/564x/d4/f0/f2/d4f0f2aebafd7af372dc01da43bd3a70.jpg'); --rs-7: url('https://i.pinimg.com/564x/70/bb/d6/70bbd69ef2be06a534d9af688f9a6f99.jpg'); width:550px; height:380px; margin:auto; background-color: var(--bg); display:flex; flex-flow: row wrap; transition: .5s ease-in-out; position:relative; [/class] [class=colourswitch] --bg-2: #F9F9F9; --bg: #4b1e1e; --border: #060606; --color-1: #9a0b0b; --txt: #fff; --img-1: url('https://i.pinimg.com/564x/76/94/fc/7694fc1931b442a3b0e4c45d0c83504a.jpg'); --img-2: url('https://i.pinimg.com/564x/b7/27/c3/b727c3a5f6acfd2680a7fe7c623c6ab5.jpg'); transition: .8s ease-in-out; [/class] [class=home] height:80%; width:100%; display:flex; align-items:center; align-content: center; justify-content: center; flex-flow: row wrap; [/class] [class=header] height:18%; width:100%; position:absolute; display:flex; flex-flow: row-reverse nowrap; z-index:4; box-sizing:border-box; padding-right:10%; align-content: flex-end; align-items: flex-end; [/class] [class=role] height:100%; min-width:40%; max-width:70%; flex-shrink:0; color: var(--border); font-size:46px; font-weight:bold; letter-spacing:2px; font-family: 'Playfair Display', serif; transition: .5s; padding-right:10px; box-sizing:border-box; line-height:200%; [/class] [class name=role state=hover] color: var(--color-1); transition: .5s; [/class] [class=quote] flex-grow:1; align-self: flex-end; text-align:right; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-family: 'Poppins' , sans-serif; box-sizing:border-box; padding-right:10px; justify-content: flex-end; overflow:hidden; line-height:120%; margin-top:15px; color: var(--txt); font-weight:normal; [/class] [class=qemp] display:inline-block; color: var(--color-1); padding:1.5px; padding-top:0px; padding-bottom:0px; font-weight: bold; [/class] [class=sidebar] height:380px; width:44%; position:relative; display:flex; flex-flow: row wrap; [/class] [class=navi] height:100%; width:22%; border-left:1px solid var(--border); display:flex; flex-flow: row wrap; box-sizing:border-box; justify-content:center; align-items: space-between; padding-top:8%; padding-bottom:10px; z-index:5; [/class] [class=sbimg] width:78%; height:77%; align-self: flex-end; background: var(--img-1); background-size:auto 100%; background-position:50% 50%; position:relative; [/class] [class=button] height: 18%; width:90% display:inline-block; box-sizing:border-box; display:flex; cursor: pointer; color:black; transition:.7s; color: var(--txt); [/class] [class name=button state=hover] color: var(--color-1); cursor:pointer; transition:.7s; [/class] [class=buttontext] display:flex; transform: rotate(90deg); font-family: 'Eurotypo Bodoni', serif; font-weight: bold; letter-spacing:0.5px; font-size:16px; align-self:center; line-height:150%; padding-bottom:4px; box-sizing:border-box; [/class] [class=buttonselect] color: var(--color-1); [/class] [script class=button on=click version=2] (hide "home") (= currentTab (index (split (getText) "#") 0 )) (if (== openedTab currentTab) (stop)) (fadeOut 200 "rsnav") (removeClass "buttonselect" "button") (hide "tabs") (fadeIn 800 (+ currentTab "tab")) (fadeIn 600 (+ currentTab "rsnavi")) (addClass "buttonselect" (+ currentTab "btn")) (= openedTab currentTab) [/script] [class=colourswitchc] height:15px; width:15px; border-radius:50%; border:1px solid var(--color-1); padding:3px; font-size:0; z-index:9; position:relative; top:10px; [/class] [class=colourswitchb] height:100%; width:100%; background-color: var(--bg-2); border-radius:50%; transition: .3s; margin:auto; [/class] [class name=colourswitchb state=hover] background-color: var(--bg); border-radius:50%; transition: .3s; cursor:pointer; [/class] [script class=colourswitchb on=click version=2] (= newColour (getText)) (if (== newColour "") (group (addClass "colourswitch" "container") (setText "1"))) (if (== newColour "1") (group (removeClass "colourswitch" "container") (setText ""))) [/script] [class=body] height:77%; width:56%; align-self: flex-end; position:relative; [/class] [class name=scroll minWidth="550px"] height:100%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class=tabs] height:100%; width:100%; position:absolute; color: var(--txt); [/class] [class=req] height:100%; width:100%; padding:15px; box-sizing:border-box; padding-top:0px; display:flex; flex-flow: row wrap; [/class] [class=reqiconb] height:100px; width:100px; border:1px solid var(--txt); padding:3px; [/class] [class=reqicon] height:100%; width:100%; margin:auto; background: var(--img-2); background-size:100%; [/class] [class=reqbox1c] height:39%; width:61%; padding:5px; padding-top:0px; box-sizing:border-box; overflow:hidden; [/class] [class=reqbox1] height:100%; width:100%; display:flex; flex-flow: row wrap; align-items: space-between; [/class] [class=reqc] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:5px; line-height:150%; font-family: 'Karla', sans-serif; box-sizing:border-box; padding-left:8px; [/class] [class=h1] display:inline-block; height:15px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:0.5px; flex-shrink:0; [/class] [class=reqt1] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:right; [/class] [class=reqbox2c] height:56%; width:100%; align-self: flex-end; overflow:hidden; padding:3px; [/class] [class=reqbox2] height:100%; weight:100%; display:flex; flex-flow: row wrap; [/class] [class=h2] height:17px; text-transform:uppercase; border-bottom:1.5px solid var(--color-1); letter-spacing:1px; flex-shrink:0; [/class] [class=reqt2] flex-grow: 1; margin-left:15px; white-space: pre-wrap; text-align:justify; line-height:145%; [/class] [class=reqc2] padding-top:2.5px; padding-bottom:2.5px; width:100%; font-size:10.5px; color: var(--txt); display:flex; flex-flow: row nowrap; margin-top:10px; line-height:151%; font-family: 'Karla', sans-serif; box-sizing:border-box; [/class] [class=style] display:inline; color: var(--txt); transition: .3s; [/class] [class name=style state=hover] color: var(--color-1); transition: .3s; [/class] [class=pers] height:100%; width:100%; padding:15px; overflow:hidden; box-sizing:border-box; padding-top:0px; [/class] [class=h3] background-color: var(--bg); font-family: 'Eurotypo Bodoni', serif; font-weight:bold; letter-spacing:1px; width:101%; text-align: center; color: var(--color-1); font-size:20px; position:sticky; top:0; line-height:150%; [/class] [class=perst] width:100%; height: fit-content; font-size:10px; text-align:justify; font-family: 'Karla', sans-serif; white-space: pre-wrap; line-height:150%; [/class] [class=history] height:100%; width:100%; padding:15px; padding-top:0px; overflow:hidden; box-sizing:border-box; [/class] [class=rsnav] height: 100%; width: 100%; background-color: var(--bg); border:1px solid var(--border); border-bottom: 0px; border-right:0px; overflow:hidden; box-sizing:border-box; display:flex; flex-flow: column nowrap; box-sizing:border-box; bottom:0; position:absolute; [/class] [class=rsscroll] width:calc(100% + 13.5px); height:100%; overflow-y:scroll; overflow-x:hidden; [/class] [class=rsbutton] height:20%; width:100%; position:relative; display:flex; flex-flow: row nowrap; justify-content: center; [/class] [class name=rsbutton state=hover] cursor:pointer; [/class] [script class=rsbutton on=mouseenter version=2] (= currentRs (index (split (getText) "#") 0 )) (addClass "rsnavimgs" (+ currentRs "rsnimg")) [/script] [script class=rsbutton on=mouseleave] removeClass rsnavimgs rsnavimg [/script] [script class=rsbutton on=click version=2] (= currentRs (index (split (getText) "#") 0 )) (if (== openedRs currentRs) (stop)) (hide "rstabs") (removeClass "rsselect" "rsbutton") (fadeIn 550 (+ currentRs "rs")) (= openedRs currentRs) [/script] [class=rsnavimg] height:100%; width:100%; position:relative; transition: 0.3s ease-in-out; [/class] [class=rsnavimgs] transform: scale(0.92); transition: 0.3s ease-in-out; [/class] [class=rsnavname] height:25%; width:80%; justify-self: center; text-align:center; padding:1px; background-color: var(--bg); color: var(--txt); position:absolute; top:60%; font-size:9px; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing:1px; [/class] [class=rstabs] height:100%; width:100%; padding:15px; padding-top:0px; [/class] [class=rstabs] height:100%; width:100%; position:absolute; display:flex; flex-flow:row wrap; padding:10px; padding-top:0px; padding-left:5px; box-sizing:border-box; [/class] [class name=rsisa] height:40%; width:60%; margin-right:1%; padding-right:10px; padding-left:3px; box-sizing:border-box; margin-top:5px; [/class] [class=rsiconb] height:105px; width:105px; border:1px solid var(--txt); box-sizing:border-box; margin-top:7px; padding:0px; [/class] [class=rsicon] height:100%; width:100%; margin:auto; [/class] [class name=rsname] height: fit-content; margin-bottom:5px; width:100%; font-size:25px; text-align:right; color: var(--color-1); letter-spacing:1px; font-weight:bold; line-height:120%; font-family: 'Playfair Display', serif; [/class] [class name=rsrole] display:inline; margin-right:5px; font-size:9px; text-transform:uppercase; letter-spacing:0.5px; color: var(--t-color); font-style

blique; text-shadow: 0px 0px black; font-weight:normal; opacity:0.85; line-height:200%; [/class] [class name=rsstatus] height:15%; width:100%; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; color: var(--txt); text-align:right; line-height:130%; font-family: 'Karla', sans-serif; [/class] [class name=rsbarcon] width:90%; height:40%; padding-top:12px; box-sizing:border-box; opacity:0.9; margin:auto; margin-top:-5px; [/class] [class name=rsbar] width:100%; height:40%; border:1px solid var(--txt); 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(--txt); position:relative; line-height:100%; text-align:center; [/class] [class name=rsm2] width:7.8%; height:100%; font-size:12px; float:left; color: var(--txt); 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(--txt); 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(--txt); [/class] [class name=rstext] height:60%; width:100%; overflow:hidden; font-size:10px; text-align:justify; padding:8px; box-sizing:border-box; color: var(--txt); line-height:155%; font-family: 'Karla', sans-serif; [/class] [class=1rsnimg] background: var(--rs-1); background-size:100%; background-position: 50% 20%; [/class] [class=2rsnimg] background: var(--rs-2); background-size:100%; background-position: 50% 20%; [/class] [class=3rsnimg] background: var(--rs-3); background-size:100%; background-position: 50% 60%; [/class] [class=4rsnimg] background: var(--rs-4); background-size:100%; background-position: 50% 40%; [/class] [class=5rsnimg] background: var(--rs-5); background-size:100%; background-position: 50% 20%; [/class] [class=6rsnimg] background: var(--rs-6); background-size:100%; background-position: 50% 30%; [/class] [class=7rsnimg] background: var(--rs-7); background-size:100%; background-position: 50% 40%; [/class]

erzulie · Apr 13, 2020

[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] color: #153817; display: inline; letter-spacing: 1px; text-transform: uppercase; [/class] [class=tab] font-family: Avenir; text-transform: uppercase; color: #153817; font-size: 10px; letter-spacing: 3px; transition: .7s all ease-in-out; text-align: center; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] transform: scale(1.2); color: #153817; transition: .7s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] transform: scale(1.2); color: #153817; 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: 405px; font-size: 11px; line-height: 26px; background: #fff; color: #000; height: 400px; box-sizing: border-box; font-family: Avenir; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 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="tab tab1"]general

[div class="tab tab2"]appearance

[div class="tab tab3"]persona

[div class="tab tab4"]history

[div class="tab tab5"]gallery

[div class="tab tab6"]home[/div] [/div] [/div]

[div class="tabContents tabContents06 show"]

Babettè Duprè

vodou/hoodoo practitioner

[div class="tabContents tabContents01"]

general.

[div class=tag]full name.

Babettè Gabrielle Duprè
[div class=tag]nicknames.

Baby, Betty, Gabby
[div class=tag]age.[/div] Nineteen.
[div class=tag]gender.[/div] Female.
[div class=tag]date of birth.[/div] October 23rd.
[div class=tag]Zodiac.[/div] Scorpio.
[div class=tag]sexuality.[/div] Pansexual.
[div class=tag]Place of birth.[/div] Georgia
[div class=tag]Ethnicity/Race[/div] Haitian American
[/div][/div][/div] [div class="tabContents tabContents02"]

appearance.

[div class=tag]hair.

Babette’s hair is black in color. She wears it natural but often times can be found wearing protective styles like wigs and braids.
[div class=tag]eyes.

Chocolate Brown.
[div class=tag]skin.[/div] Her skin is a luscious dark brown. Thanks to her skin care routine it’s blemish free and has a natural glow to it.
[div class=tag]height.[/div] 5'7".
[div class=tag]weight.[/div] 140 lbs.
[div class=tag]body build.[/div] Full Hourglass.
[div class=tag]distinguishing features.[/div] Her hair.
[div class=tag]fashion sense.[/div] Babettè doesn’t really have a specific style when it comes to clothing. She enjoys experimenting and thrifting whenever she has the chance to do so.
[div class=tag]face claim.[/div] Hogoè Elimiera-Ivana.
[/div][/div][/div] [div class="tabContents tabContents03"]

persona

[div class=tag]positive traits.

Independent, Intelligent, Observant, Honest, Responsible, Strong-willed, Passionate, Mysterious, Charming.
[div class=tag]Negative Traits.

Stubborn, Aloof, Rebellious, Secretive, Opinionated, Confrontational, Vindictive, Possessive.
[div class=tag]likes.[/div] Snakes, Reading, Cocoa Butter Scent, Magnolias, Sunny Days, Beignets, Music, Cooking, Learning, Yoga
[div class=tag]Dislikes.[/div] Bigots, Sour Things, Dogs, Hiding, Rain, Bitter Things, Most Insects, Hunters, Restrictions, Humans
[div class=tag]fears.[/div] Being discovered. [/div][/div][/div] [div class="tabContents tabContents04"]

relations

[div class=tag]History.

W.I.P
[div class=tag]Lineage.

Babettè’s lineage is of mixed Haitian and southern American history. Her mother was born and raised in Haiti before coming to America. The daughter of a power vodou hougan and mambo. Her ancestors were maroons, revolutionaries who used their knowledge to fight against their oppressors. Her father was born in bred in Georgia, learning the ways of Hoodoo from his elders and using what he was taught to teach the next generation. His ancestors were brought to America but force, yet the learned the about the land, using Christianity in order to hide what they had grew up with, creating something new all together in order to protect and get retribution. [/div][/div][/div] [div class="tabContents tabContents05"]

gallery

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

[div class=link]coded by christy.

[/div]

@christy

[/div]

TheWaffleLord · Apr 13, 2020

placeholder

blackout · Apr 13, 2020

[class=background] height: 222px; width: 400px; margin: auto; [/class] [class=imageb] height: 201px; width: 170px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background: #454545; position: relative; left: 170px; top: -45px; [/class] [class=image] height: 198px; width: 168px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background: url('https://mediaslide-europe.storage.googleapis.com/metromodels/pictures/347/1501/large-1523224693-bddb0e886fe75e4f2ed36004a85c2888.jpg'); background-size: cover; filter: brightness(85%); position: relative; left: 1px; top: 1px; [/class] [class=text] font-family: Abril Fatface; text-transform: uppercase; font-size: 18px; z-index: 10; position: relative; top: 85px; line-height: 15px; [/class] [class=flowers] height: 230px; width: 170px; background: url('http://static.tumblr.com/a972c6019b2123812ebc51a83ebef5db/xihbzds/2hUmwhk1s/tumblr_static_tumblr_mrpg9m11451rl43djo1_500.png'); background-size: cover; position: relative; left: 230px; top: -245px; transform: rotate(25deg); filter: brightness(70%); [/class] [div class=background] [div class=text]lottie leo,
heathen girl

coming soon to rip you
to shreds!

[/div] [div class=imageb][div class=image][/div][/div][div class=flowers][/div] [/div]

Fantasy 𝐒𝐄𝐀𝐒𝐎𝐍 𝐎𝐅 𝐓𝐇𝐄 𝐖𝐈𝐓𝐂𝐇 ! -

timshel

𝙩𝙝𝙤𝙪 𝙢𝙖𝙮𝙚𝙨𝙩

timshel

𝙩𝙝𝙤𝙪 𝙢𝙖𝙮𝙚𝙨𝙩

low fidelity

𝗆𝗈𝗏𝖾𝖽 𝗍𝗈 𝘣𝘪𝘳𝘵𝘩 𝘰𝘧 𝘷𝘦𝘯𝘶𝘴

erzulie

cheers for spring; for life; for a growing soul

TheWaffleLord

OC-Loving Trash

blackout

midnight reel

Users who are viewing this thread

Similar threads