summerwine
an angel's kiss in spring
character sheets
code by summerwine
-
b a s i c s
-
a p p e a r a n c e
-
p e r s o n a
-
b a c k s t o r y
-
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.
Realistic or Modern Misery Business ~ cs
- Thread starter summerwine
- Start date
-
- Tags
- drama high school open
summerwine
an angel's kiss in spring
[class=header]
background:url('https://66.media.tumblr.com/eab12e31c003764564f7f5bf052beb4e/tumblr_peedhznMXP1v4fzcy_1280.jpg');
width: 590px;
height: 110px;
margin-left: 361px;
background-size: cover;
[/class]
[class=pfp]
background: url('https://66.media.tumblr.com/1410479d0e3a222e37835ebbdfe75286/tumblr_inline_ptm8c73VLT1v2umqu_540.jpg');
width: 230px;
height: 350px;
background-size: cover;
margin-left: 361px;
[/class]
[class=pfptext]
position: relative;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s;
color: white;
background-color: rgb(0,0,0,0.7);
[/class]
[class name=pfptext state=hover]
opacity: 1;
[/class]
[div class=header]
code by summerwine
hover over b&w pic for more info
[/div]
[div class=pfp][div class=pfptext][/div][/div]
Last edited:
ukiiyo
doki-doki
[class=container]
width: 382px;
height: 630px;
margin: auto;
[/class]
[class=container2]
height: 620px;
width: 372px;
background: white;
border-radius: 20px;
box-shadow: 3px 3px 5px gray;
[/class]
[class=header]
border-radius: 20px 20px 0px 0px;
background:URL(https://i.pinimg.com/564x/8e/47/d0/8e47d0bd73dafa1d339cb2b2b13c2b7e.jpg);
background-size: cover;
height: 140px;
width: 372px;
filter: brightness(66%);
background-position: 0px -30px;
[/class]
[class=headertext]
font-size: 45px;
color: white;
text-align: center;
letter-spacing: 0px;
position: relative;
top: -135px;
text-transform: uppercase;
[/class]
[class=subtitle]
font-size: 10px;
color: white;
text-align: center;
letter-spacing: 3px;
position: relative;
top: -160px;
text-transform: uppercase;
[/class]
[class=box]
height: 430px;
width: 280px;
background: white;
border-radius: 30px;
position: relative;
margin-top: -160px;
margin-left: 45px;
box-shadow: 3px 3px 5px gray;
[/class]
[class=picture]
border-radius: 0px 0px 30px 30px;
background:URL(https://i.pinimg.com/564x/74/5c/f1/745cf1f6a80ee598603a76af6b06654e.jpg);
background-size: cover;
height: 380px;
width: 280px;
[/class]
[class=profile]
height: 42px;
width: 42px;
border-radius: 60%;
background:URL(https://i.pinimg.com/564x/2d/9b/70/2d9b7002f6cbcafb60e22bcaa1ad5f53.jpg);
background-size: cover;
float: left;
margin-left: 10px;
margin-top: 10px;
[/class]
[class=name]
font-size: 15px;
letter-spacing: -1px;
color: black;
font-weight: bold;
position: relative;
top: 10px;
left: 7px;
[/class]
[class=username]
font-size: 10px;
color: black;
position: relative;
top: 3px;
left: 7px;
[/class]
[class=iconbar]
height: 24px;
width: 335px;
border-radius: 20px 20px 0px 0px;
background: #601617;
position: relative;
top: 10px;
margin-left: 20px;
color: white;
font-size: 10px;
text-align: center;
[/class]
[class=tabbox]
border-radius: 0px 0px 20px 20px;
background: #701b20;
height: 80px;
width: 372px;
margin-top: 8px;
[/class]
[class=tab1]
height: 80px;
width: 90px;
background:URL(https://i.imgur.com/TOBb7bP.png);
background-size: cover;
margin-left: 15px;
[/class]
[class=tab2]
height: 80px;
width: 90px;
background:URL(https://i.imgur.com/TOBb7bP.png);
background-size: cover;
margin-left: 100px;
margin-top: -80px;
[/class]
[class=tab3]
height: 80px;
width: 90px;
background:URL(https://i.imgur.com/TOBb7bP.png);
background-size: cover;
margin-left: 180px;
margin-top: -80px;
[/class]
[class=tab4]
height: 80px;
width: 90px;
background:URL(https://i.imgur.com/TOBb7bP.png);
background-size: cover;
float: right;
margin-right: 15px;
margin-top: -80px;
[/class]
[class=textbox]
border-radius: 0px 0px 30px 30px;
height: 380px;
width: 280px;
margin-top: 13px;
overflow: hidden;
position: absolute;
[/class]
[class=scroll]
width: 280px;
height: 370px;
overflow: auto;
border-radius: 0px 0px 30px 30px;
position: relative;
padding-right: 17px;
padding-left: 14px;
[/class]
[class=text]
font-size: 11px;
color: black;
width: 95%;
text-align: justify;
border-top: 4px solid transparent;
border-bottom: 10px solid transparent;
[/class]
[script class=container]
hide tab2textbox
hide tab3textbox
hide tab4textbox
[/script]
[script class=tab1 on=click]
fadeIn 800 tab1textbox
hide tab2textbox
hide tab3textbox
hide tab4textbox
[/script]
[script class=tab2 on=click]
hide tab1textbox
fadeIn 800 tab2textbox
hide tab3textbox
hide tab4textbox
[/script]
[script class=tab3 on=click]
hide tab1textbox
hide tab2textbox
hide tab4textbox
fadeIn 800 tab3textbox
[/script]
[script class=tab4 on=click]
hide tab1textbox
hide tab2textbox
hide tab3textbox
fadeIn 800 tab4textbox
[/script]
[class=topic]
color: white;
font-size: 12px;
float: right;
background: #601617;
width: 75px;
height: 18px;
text-transform: uppercase;
letter-spacing: -1px;
text-align: center;
margin-right: 10px;
[/class]
[class name=codetag]
font-size: 9px;
text-align: center;
margin-top: -30px;
[/class]
[div class=container][div class=container2] [div class=header][/div] [div class=headertext]The Red Rose[/div] [div class=subtitle]be careful of her thorns[/div] [div class=box][div class=profile][/div] [div class=name]clementine risi[/div] [div class=username]@clementine.risi[/div][div class=tab1textbox][div class=textbox][div class=picture][/div][/div][/div] [div class=tab2textbox][div class=textbox][div class=scroll][div class=text][div class=topic]
name — clementine valentine risi
nicknames — tba
age — eighteen
d.o.b — april 7
zodiac — aries
gender — cis. female
pronouns — she/her
sexuality — pansexual
ethnicity — english/italian
role — the rebel/feminist
faceclaim — millie hannah
[div class=topic]
height — 5'7
weight — 146 lbs
body type — curves in all the right places and she knows it. she is on the 'heavier' side (compared to a lot of girls at her school) she naturally stands out compared to the rest. her body is very toned despite this as she works out a lot and maintains a happy and healthy figure.
hair color — her hair is kept a natural dark brown color, almost appearing black. she tends to be pretty simple in terms of styling it, either leaving it down or pulling it back into a ponytail. she doesn't really worry about her hair that much.
eye color — hazel (predominantly olive green with light brown around the iris)
distinguishing features — a beauty mark near her mouth, light freckles, thick eyebrows, full lips, long eyelashes
mods — one ear lobe piercing on each ear
style — when she is at school, she tends to dress in a comfortable and covered up way. she usually will be wearing a pair of jeans and a plain t-shirt or sweater. when she's at home or hanging out with friends, she will dress up more and is often attracted to fun colors/patterns. it's not uncommon for her to wear dresses or skirts and even some crop tops if she's feeling it.[/div][/div][/div][/div] [div class=tab3textbox][div class=textbox][div class=scroll][div class=text][div class=topic]
virtues — intelligent, brave, direct, determined, passionate, adventurous, bold, supportive
vices — sarcastic, rebellious, outspoken, hotheaded, impulsive, jealous, lustful, holds grudges
likes — movies, reading, sleeping, cooking, art, photography, parties, her friends, her dog, junk food, being lazy, music, playing guitar, naps, weird chip flavors, traveling
dislikes — annoying people, preps/jocks, waking up early, society's standards, being bored, bad grades, dramatic people, pointless arguments, messes, getting drunk, crying
fears — ferris wheels, small spaces, needles
[div class=topic]
favorite food — nasi kerabu
favorite song — move! (niki)
favorite movie — corpse bride
favorite show — psych
favorite animal — dogs (bulldogs specifically)
mbti — enfp-t (campaigner)
enneagram — the challenger (8)
ailments — anxiety, depression, ed
relationship status — single
social media — @clementine.risi
playlist — xo
aesthetics — xo
[div class=topic]
relationships — will add to later[/div][/div][/div][/div] [div class=tab4textbox][div class=textbox][div class=scroll][div class=text][div class=topic]
- youngest of two kids
- her sister was picture perfect in every way
- she was prom queen, valedictorian, head cheer leader, you name it
- parents were trying to raise ferran the same way but she didn’t like it
- her personality wasn’t bubbly or as outgoing, instead she preferred to be doing things like studying or watching random movies
- her father began to grow distant in her life, finding her sister's success to be a priority
- as she got older, she felt pressured to fit society’s standards of beauty and kept herself very thing
- since she gained weight easily, in middle school, her ed began to develop
- by high school, she was a slave to the disorder and was having issues with eating properly
- it seemed to spiral, especially since she became rather popular due to her looks since she was so slim and ‘healthy’
- she was dating really popular guys and seemed to always been invited to parties, even the ones held by the 'royal' popular kids
- she had been in competitive dance and cheer since she could walk but stopped in sophomore year
- by the beginning of junior year, she snapped
- she had gone to the doctor and got diagnosed and was set on getting better
- she gained a lot of weight, weight that shocked pretty much everyone at school, despite her health being better than ever
- got involved with protests and things of that sort, making sure to blast the student body with enough ‘you are just enforcing everyone to follow standards of beauty’
- her parents became rather embarrassed by her behavior but didn’t say anything
- she got kicked out of a house a few times but they found out she caused more trouble that way so they brought her back home
- her relationship with her father completely crumbled and she found herself seeking out the missing relationship in her partners from school
- often met older men but kept it on the dl because she didn't want other people getting involved in her business
- she’s a great student academically speaking, but is a little too forward and blunt which tends to ruffle feathers
- she has difficulties with opening up to people because she knows she’s not the most likable person
- she has a small circle of friends and she really appreciates them
[div class=topic]
gwen risi | mother | alive
antonio risi| father | alive
sienna risi| grandmother | alive
luna risi | sister | alive[/div][/div][/div][/div] [/div] [div class=iconbar]
[div class="codetag"]coded by ukiiyo[/div]
basics —
[/div]name — clementine valentine risi
nicknames — tba
age — eighteen
d.o.b — april 7
zodiac — aries
gender — cis. female
pronouns — she/her
sexuality — pansexual
ethnicity — english/italian
role — the rebel/feminist
faceclaim — millie hannah
[div class=topic]
looks —
[/div]height — 5'7
weight — 146 lbs
body type — curves in all the right places and she knows it. she is on the 'heavier' side (compared to a lot of girls at her school) she naturally stands out compared to the rest. her body is very toned despite this as she works out a lot and maintains a happy and healthy figure.
hair color — her hair is kept a natural dark brown color, almost appearing black. she tends to be pretty simple in terms of styling it, either leaving it down or pulling it back into a ponytail. she doesn't really worry about her hair that much.
eye color — hazel (predominantly olive green with light brown around the iris)
distinguishing features — a beauty mark near her mouth, light freckles, thick eyebrows, full lips, long eyelashes
mods — one ear lobe piercing on each ear
style — when she is at school, she tends to dress in a comfortable and covered up way. she usually will be wearing a pair of jeans and a plain t-shirt or sweater. when she's at home or hanging out with friends, she will dress up more and is often attracted to fun colors/patterns. it's not uncommon for her to wear dresses or skirts and even some crop tops if she's feeling it.[/div][/div][/div][/div] [div class=tab3textbox][div class=textbox][div class=scroll][div class=text][div class=topic]
persona —
[/div]virtues — intelligent, brave, direct, determined, passionate, adventurous, bold, supportive
vices — sarcastic, rebellious, outspoken, hotheaded, impulsive, jealous, lustful, holds grudges
likes — movies, reading, sleeping, cooking, art, photography, parties, her friends, her dog, junk food, being lazy, music, playing guitar, naps, weird chip flavors, traveling
dislikes — annoying people, preps/jocks, waking up early, society's standards, being bored, bad grades, dramatic people, pointless arguments, messes, getting drunk, crying
fears — ferris wheels, small spaces, needles
[div class=topic]
misc —
[/div]favorite food — nasi kerabu
favorite song — move! (niki)
favorite movie — corpse bride
favorite show — psych
favorite animal — dogs (bulldogs specifically)
mbti — enfp-t (campaigner)
enneagram — the challenger (8)
ailments — anxiety, depression, ed
relationship status — single
social media — @clementine.risi
playlist — xo
aesthetics — xo
[div class=topic]
relations —
[/div]relationships — will add to later[/div][/div][/div][/div] [div class=tab4textbox][div class=textbox][div class=scroll][div class=text][div class=topic]
history —
[/div]- youngest of two kids
- her sister was picture perfect in every way
- she was prom queen, valedictorian, head cheer leader, you name it
- parents were trying to raise ferran the same way but she didn’t like it
- her personality wasn’t bubbly or as outgoing, instead she preferred to be doing things like studying or watching random movies
- her father began to grow distant in her life, finding her sister's success to be a priority
- as she got older, she felt pressured to fit society’s standards of beauty and kept herself very thing
- since she gained weight easily, in middle school, her ed began to develop
- by high school, she was a slave to the disorder and was having issues with eating properly
- it seemed to spiral, especially since she became rather popular due to her looks since she was so slim and ‘healthy’
- she was dating really popular guys and seemed to always been invited to parties, even the ones held by the 'royal' popular kids
- she had been in competitive dance and cheer since she could walk but stopped in sophomore year
- by the beginning of junior year, she snapped
- she had gone to the doctor and got diagnosed and was set on getting better
- she gained a lot of weight, weight that shocked pretty much everyone at school, despite her health being better than ever
- got involved with protests and things of that sort, making sure to blast the student body with enough ‘you are just enforcing everyone to follow standards of beauty’
- her parents became rather embarrassed by her behavior but didn’t say anything
- she got kicked out of a house a few times but they found out she caused more trouble that way so they brought her back home
- her relationship with her father completely crumbled and she found herself seeking out the missing relationship in her partners from school
- often met older men but kept it on the dl because she didn't want other people getting involved in her business
- she’s a great student academically speaking, but is a little too forward and blunt which tends to ruffle feathers
- she has difficulties with opening up to people because she knows she’s not the most likable person
- she has a small circle of friends and she really appreciates them
[div class=topic]
family —
[/div]gwen risi | mother | alive
antonio risi| father | alive
sienna risi| grandmother | alive
luna risi | sister | alive[/div][/div][/div][/div] [/div] [div class=iconbar]
. 9.7k .. . 12.1k .. . 14.8k ..
[/div][div class=tabbox] [div class=tab1][/div] [div class=tab2][/div] [div class=tab3][/div] [div class=tab4][/div] [/div][/div][/div][div class="codetag"]coded by ukiiyo[/div]
Last edited:
apolla
❛ it's only love, nobody dies ❜
Cameron Hunter
full name: Cameron Marie Hunter
age: 16
birthdate: august 27
gender: female
pronouns: she, her
sexual orientation: heterosexual
grade: 11
stereotype: goodie 2 shoes
face claim: Dove Cameron
hair color: blonde
hairstyle: usually down, wavy or straight
eye color: blue
height: 5'1
weight: 121lbs
tattoos: none
piercings: earlobes twice
clothing style: x x x
age: 16
birthdate: august 27
gender: female
pronouns: she, her
sexual orientation: heterosexual
grade: 11
stereotype: goodie 2 shoes
face claim: Dove Cameron
hair color: blonde
hairstyle: usually down, wavy or straight
eye color: blue
height: 5'1
weight: 121lbs
tattoos: none
piercings: earlobes twice
clothing style: x x x
likes: colorful pens | writing | singing | lemon ball candies | math
dislikes: dancing in front of people | her home life | her brother at times | older cars | fish
vices: proud | impulsive | impatient
virtues: passionate | adaptable | resourceful
biography:
Cameron is the second born child in the Hunter family. Her mother died when Cameron and her brother were still young, leaving her behind with her older brother and father. Unfortunately, her mother's death destroyed their father, and a once proud, hard-working man became a lazy, self-centered slob. This left Cam's older brother in charge most of the time, despite not being that much older than her to begin with.
Their mother's death affected them both, and Cameron and her brother couldn't be more different. He grew up and fell into drugs and partying, whereas Cameron was a 'good girl' and never touched the stuff he did. This led to many fights in the Hunter household, usually between the siblings, as their father didn't seem to mind either way. He worked just enough to keep them afloat, then came home and went straight for the bottle.
Cameron got used to doing things for herself. Cooking, cleaning, doing her homework. She became the 'mom' figure that her family didn't have anymore, and is constantly on her brother's case for how he is and what he does. Not that he cares, but she does, and she figures someone has to.
dislikes: dancing in front of people | her home life | her brother at times | older cars | fish
vices: proud | impulsive | impatient
virtues: passionate | adaptable | resourceful
biography:
Cameron is the second born child in the Hunter family. Her mother died when Cameron and her brother were still young, leaving her behind with her older brother and father. Unfortunately, her mother's death destroyed their father, and a once proud, hard-working man became a lazy, self-centered slob. This left Cam's older brother in charge most of the time, despite not being that much older than her to begin with.
Their mother's death affected them both, and Cameron and her brother couldn't be more different. He grew up and fell into drugs and partying, whereas Cameron was a 'good girl' and never touched the stuff he did. This led to many fights in the Hunter household, usually between the siblings, as their father didn't seem to mind either way. He worked just enough to keep them afloat, then came home and went straight for the bottle.
Cameron got used to doing things for herself. Cooking, cleaning, doing her homework. She became the 'mom' figure that her family didn't have anymore, and is constantly on her brother's case for how he is and what he does. Not that he cares, but she does, and she figures someone has to.
codedbycrucialstar
Last edited:
Kimby
Soft Apocalypse
[class=variables]
--image: url('https://i.pinimg.com/564x/46/24/97/4624974badb8bd40617e32f3a8c1adea.jpg');
[/class]
[div class=variables]
[div class=background]
[div class=text]the
prep turned rebel
Reagan Farrow. fc: Bridget Satterlee [/div] [div class=imageborder][div class=image style="background-size: cover;"][/div][/div] [/div][/div] [class=background] height: 203px; width: 400px; margin: auto; [/class] [class=imageborder] height: 202px; width: 173px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); background: #a6a6a6; position: relative; left: 170px; top: -45px; [/class] [class=image] height: 198px; width: 168px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); background: url('https://i.pinimg.com/564x/46/24/97/4624974badb8bd40617e32f3a8c1adea.jpg'); background-size: cover; filter: brightness(85%); position: relative; left: 3px; top: 2px; [/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=variables] --accent: #e0baaf; --image: url('https://i.pinimg.com/564x/bb/f3/2a/bbf32a458c7697c03e5324ee719215f5.jpg'); [/class] [div class=variables] [div class=bkg] [div class=header]Reagan Farrow[/div] [div class=img] [div class="cont cont1"] [div class=scroll] [div class=tag]full name[/div] Reagan Elizabeth Farrow
[div class=tag]age[/div] 17
[div class=tag]birthdate[/div] September 20
[div class=tag]gender[/div] cisgender female
[div class=tag]pronouns[/div] she/her
[div class=tag]sexual orientation[/div] bisexual
[div class=tag]grade[/div] 12th
[div class=tag]stereotype[/div] prep turned rebel
[/div] [/div] [div class="cont cont2" style="top: -195px;"] [div class=scroll] [div class=tag]face claim[/div] Bridget Satterlee
[div class=tag]hair color[/div] dirty blonde
[div class=tag]hairstyle[/div] long layered
[div class=tag]eye color[/div] brown
[div class=tag]height[/div] 5'7
[div class=tag]weight[/div] 115
[div class=tag]tattoos[/div] none yet, planning on getting one behind her parent's back
[div class=tag]piercings:[/div] both ears pierced, + additional piercings on both ears
[div class=tag]clothing style[/div] used to be: standard prep- Hollister, Abercrombie & Fitch, etc. Now: Darker tones, ripped jeans, more grunge
[/div] [/div] [div class="cont cont3" style="top: -390px;"] [div class=scroll] [div class=tag]likes[/div] punk/emo rap,rom coms (secretly), sneaking out, good trouble, dogs, parties, drinking,
[div class=tag]dislikes[/div] fake people, drama, being controlled, authority, reality TV, cowards, her family, math
[div class=tag]vices [/div] stubborn, hardheaded, rebellious, sarcastic, lewd, vulgar
[div class=tag]virtues [/div] Humorous, charming, bold, will stand up for others, dependable
[/div] [/div] [div class="cont cont4" style="top: -585px;"] [div class=scroll] [div class=tag]history [/div]
Reagan used to be a shining star in her social circles and all around highschool sunshine. Hanging with the preps meant maintaining a certain social status. She wasn't one to poke fun of anyone outside the norm, but she didn't take the time to associate with them either.
It wasn't until the winter break of junior year that changed Reagan's attitude on life upside down. Her older brother Riley who was a year older took his own life New Year's Eve. He had came out to their parents who in turn disowned him. His death was a shattering moment for Reagan and made her act out in turn once she got back to school.
She began distancing herself from her current friend group and doing anything to stay out of the house, even if it meant getting herself into some trouble. Now going into her senior year, she's determined to graduate so that she can move out of the house. This meant less ditching and getting more involved in school activities, much to her dismay.
[div class=tag]Relationships[/div] [/div] [/div] [/div] [div class=flexbox] [div class=tab1] [div class=taba][/div] [/div]
[div class=tab4] [div class=tabd][/div] [/div]
[/div]
[/div]
[/div]
[class=bkg]
height: 450px;
width: 300px;
clip-path: polygon(50% 0, 100% 0, 100% 67%, 50% 100%, 0 67%, 0 0);
background: #ededed;
margin: auto;
position: relative;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
[/class]
[class=img]
width: 240px;
height: 195px;
position: relative;
left: 30px;
top: 30px;
background: var(--image);
background-size: cover;
background-position: center center;
overflow: hidden;
[/class]
[class=header]
width: 240px;
height: 25px;
position: relative;
left: 30px;
top: 20px;
color: #454545;
letter-spacing: 1px;
font-family: Abril Fatface;
text-transform: uppercase;
text-align: center;
padding-top: 1px;
padding-bottom: 10px;
background: #fafafa;
border: 0.01em solid #454545;
font-size: 20px;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
transition: 0.5s;
[/class]
[class=flexbox]
width: 240px;
height: 30px;
position: relative;
left: 30px;
display: flex;
justify-content: space-around;
top: 40px;
[/class]
[class=taba]
height: 18px;
width: 18.5px;
position: relative;
top: 49px;
background: var(--accent);
border: 1px solid #fafafa;
left: -0.5em;
font-size: 1px;
border-radius: 100%;
[/class]
[class=tabb]
height: 18px;
width: 18.5px;
position: relative;
top: 49px;
background: var(--accent);
border: 1px solid #fafafa;
left: -0.5em;
font-size: 1px;
border-radius: 100%;
[/class]
[class=tabc]
height: 18px;
width: 18.5px;
position: relative;
top: 49px;
background: var(--accent);
border: 1px solid #fafafa;
left: -0.5em;
font-size: 1px;
border-radius: 100%;
[/class]
[class=tabd]
height: 18px;
width: 18.5px;
position: relative;
top: 49px;
background: var(--accent);
border: 1px solid #fafafa;
left: -0.5em;
font-size: 1px;
border-radius: 100%;
[/class]
[class=tab1]
height: 20px;
width: 20px;
border-radius: 100%;
border: 1px solid #454545;
background: #fafafa;
font-size: 12px;
color: #454545;
text-align: center;
overflow: hidden;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tab2]
height: 20px;
width: 20px;
border-radius: 100%;
border: 1px solid #454545;
background: #fafafa;
font-size: 12px;
color: #454545;
text-align: center;
overflow: hidden;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tab3]
height: 20px;
width: 20px;
border-radius: 100%;
border: 1px solid #454545;
background: #fafafa;
font-size: 12px;
color: #454545;
text-align: center;
overflow: hidden;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tab4]
height: 20px;
width: 20px;
border-radius: 100%;
border: 1px solid #454545;
background: #fafafa;
font-size: 12px;
color: #454545;
text-align: center;
overflow: hidden;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=cont]
width: 240px;
height: 195px;
position: relative;
background: #e2e2e2;
font-family: Inter;
font-size: 11px;
opacity: 0;
transition: all 0.5s;
color: black;
z-index: 5;
[/class]
[class=tag]
width: max-content;
height: max-content;
background: var(--accent);
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-transform: uppercase;
font-family: Inter;
font-size: 11px;
color: black;
display: inline;
line-height: 20px;
[/class]
[class=scroll]
height: 100%;
width: 100%;
overflow: scroll;
padding: 10px;
padding-right: 20px;
[/class]
[class=select]
opacity: 1;
transition: all 0.5s;
z-index: 10;
[/class]
[class=remove]
background: #e2e2e2;
transition: 3s;
[/class]
[class=up]
animation: {post_id}up 1s ease-in-out;
animation-fill-mode: forwards;
[/class]
[class=down]
animation: {post_id}down 1s ease-in-out;
animation-fill-mode: forwards;
[/class]
[animation=up]
[keyframe=100]
top: 0.15px;
[/keyframe]
[/animation]
[animation=down]
[keyframe=0]
top: 0.15px;
[/keyframe]
[keyframe=100]
top: 50px;
[/keyframe]
[/animation]
[script class=tab1 on=mouseenter]
addClass up taba
removeClass down taba
[/script]
[script class=tab1 on=mouseleave]
removeClass up taba
addClass down taba
[/script]
[script class=tab2 on=mouseenter]
addClass up tabb
removeClass down tabb
[/script]
[script class=tab2 on=mouseleave]
removeClass up tabb
addClass down tabb
[/script]
[script class=tab3 on=mouseenter]
addClass up tabc
removeClass down tabc
[/script]
[script class=tab3 on=mouseleave]
removeClass up tabc
addClass down tabc
[/script]
[script class=tab4 on=mouseenter]
addClass up tabd
removeClass down tabd
[/script]
[script class=tab4 on=mouseleave]
removeClass up tabd
addClass down tabd
[/script]
[class name=header state=hover]
background: var(--accent);
[/class]
[script class=tab1 on=click]
addClass select cont1
removeClass select cont2
removeClass select cont3
removeClass select cont4
addClass remove img
[/script]
[script class=tab2 on=click]
addClass select cont2
removeClass select cont1
removeClass select cont3
removeClass select cont4
addClass remove img
[/script]
[script class=tab3 on=click]
addClass select cont3
removeClass select cont1
removeClass select cont2
removeClass select cont4
addClass remove img
[/script]
[script class=tab4 on=click]
addClass select cont4
removeClass select cont1
removeClass select cont3
removeClass select cont2
addClass remove img
[/script]
[script class=header on=click]
removeClass select cont1
removeClass select cont2
removeClass select cont3
removeClass select cont4
removeClass remove img
[/script]
prep turned rebel
Reagan Farrow. fc: Bridget Satterlee [/div] [div class=imageborder][div class=image style="background-size: cover;"][/div][/div] [/div][/div] [class=background] height: 203px; width: 400px; margin: auto; [/class] [class=imageborder] height: 202px; width: 173px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); background: #a6a6a6; position: relative; left: 170px; top: -45px; [/class] [class=image] height: 198px; width: 168px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); background: url('https://i.pinimg.com/564x/46/24/97/4624974badb8bd40617e32f3a8c1adea.jpg'); background-size: cover; filter: brightness(85%); position: relative; left: 3px; top: 2px; [/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=variables] --accent: #e0baaf; --image: url('https://i.pinimg.com/564x/bb/f3/2a/bbf32a458c7697c03e5324ee719215f5.jpg'); [/class] [div class=variables] [div class=bkg] [div class=header]Reagan Farrow[/div] [div class=img] [div class="cont cont1"] [div class=scroll] [div class=tag]full name[/div] Reagan Elizabeth Farrow
[div class=tag]age[/div] 17
[div class=tag]birthdate[/div] September 20
[div class=tag]gender[/div] cisgender female
[div class=tag]pronouns[/div] she/her
[div class=tag]sexual orientation[/div] bisexual
[div class=tag]grade[/div] 12th
[div class=tag]stereotype[/div] prep turned rebel
[/div] [/div] [div class="cont cont2" style="top: -195px;"] [div class=scroll] [div class=tag]face claim[/div] Bridget Satterlee
[div class=tag]hair color[/div] dirty blonde
[div class=tag]hairstyle[/div] long layered
[div class=tag]eye color[/div] brown
[div class=tag]height[/div] 5'7
[div class=tag]weight[/div] 115
[div class=tag]tattoos[/div] none yet, planning on getting one behind her parent's back
[div class=tag]piercings:[/div] both ears pierced, + additional piercings on both ears
[div class=tag]clothing style[/div] used to be: standard prep- Hollister, Abercrombie & Fitch, etc. Now: Darker tones, ripped jeans, more grunge
[/div] [/div] [div class="cont cont3" style="top: -390px;"] [div class=scroll] [div class=tag]likes[/div] punk/emo rap,rom coms (secretly), sneaking out, good trouble, dogs, parties, drinking,
[div class=tag]dislikes[/div] fake people, drama, being controlled, authority, reality TV, cowards, her family, math
[div class=tag]vices [/div] stubborn, hardheaded, rebellious, sarcastic, lewd, vulgar
[div class=tag]virtues [/div] Humorous, charming, bold, will stand up for others, dependable
[/div] [/div] [div class="cont cont4" style="top: -585px;"] [div class=scroll] [div class=tag]history [/div]
Reagan used to be a shining star in her social circles and all around highschool sunshine. Hanging with the preps meant maintaining a certain social status. She wasn't one to poke fun of anyone outside the norm, but she didn't take the time to associate with them either.
It wasn't until the winter break of junior year that changed Reagan's attitude on life upside down. Her older brother Riley who was a year older took his own life New Year's Eve. He had came out to their parents who in turn disowned him. His death was a shattering moment for Reagan and made her act out in turn once she got back to school.
She began distancing herself from her current friend group and doing anything to stay out of the house, even if it meant getting herself into some trouble. Now going into her senior year, she's determined to graduate so that she can move out of the house. This meant less ditching and getting more involved in school activities, much to her dismay.
[div class=tag]Relationships[/div] [/div] [/div] [/div] [div class=flexbox] [div class=tab1] [div class=taba][/div]
[/div]
[div class=tab2] [div class=tabb][/div]
[/div]
[div class=tab3] [div class=tabc][/div]
Last edited:
Keira Winston
Golden State of Mind
[class=border]
--main-color: #a65959;
--image-1: url(https://i.pinimg.com/564x/34/07/c5/3407c5926521beaffc55f3ac23357323.jpg);
--image-2: url(https://cdn.yostagram.com/2019/05/cindy-kimberly-79.jpg);
--image-3: url(https://i.pinimg.com/originals/7f/1e/f6/7f1ef60bfc8f297107fc9e73f55e8b86.gif);
--image-4: url(https://cdn.yostagram.com/2019/05/cindy-kimberly-150.jpg);
--image-5: url(https://cdn.yostagram.com/2019/05/cindy-kimberly-75.jpg);
--image-6: url(https://i.imgur.com/SyHT4LJ.gif);
--image-7: url(https://em.wattpad.com/93eab6acb9fc437e5ba58518f52b412f200488d3/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f553033415a3379566b584b3642773d3d2d3530363338303933362e313466663562353666363366303863643539383531323332393535362e676966);
--image-8: url(https://data.whicdn.com/images/316196941/original.gif);
--image-9: url(https://i.pinimg.com/originals/97/20/8d/97208d523aa69db0c24949f9f7c03007.gif);
[/class]
[div class=border][div class=border2][div class=home][div class=homeimage]
[div class=square1][/div][div class=square2][/div]
[div class=ba][/div] [div class=bb][/div] [div class=bc][/div] [div class=bd][/div]
[div class=line][/div] [div class="tab tab1 chosentab" style="top: 85px; transition-delay: 2s;"]home[/div] [div class="tab tab2" style="top: 135px; transition-delay: 2.1s;"]about[/div] [div class="tab tab3" style="top: 185px; transition-delay: 2.2s;"]persona[/div] [div class="tab tab4" style="top: 235px; transition-delay: 2.3s;"]backstory[/div] [div class="tab tab5" style="top: 285px; transition-delay: 2.4s;"]gallery[/div][/div]
[div class=border3][div class=contents]
[div class="tabContents tabContents1 show"][div class=roleline style="left: 67px;"][/div] [div class=roleline style="left: 132px;"][/div]
[div class=role style="top: 30px; left: 50px;"]the[/div] [div class=role style="top: 65px; left: 115px;"]queen[/div][/div]
[div class="tabContents tabContents2"][div class=scroll][div class=tag]name[/div] elena rose
[div class=tag]nickname/s[/div] lena, e
[div class=tag]age[/div] 17
[div class=tag]gender[/div] cis-female
[div class=tag]pronouns[/div] she, her
[div class=tag]sexuality[/div] heterosexual
[div class=tag]birthdate[/div] july 28th
[div class=tag]grade[/div] senior, 12th
[div class=tag]stereotype[/div] the queen bee
[div class=tag]hair color/style[/div] her hair is naturally a dark brown, almost black, color and falls in thick, subtle waves that reach her lower back. it's shiny and luscious, kept healthy from the various salon grade products she uses. she tries to keep it looking natural and effortless, only straightening or curling her hair for special occasions.
[div class=tag]eye color[/div] chestnut brown
[div class=tag]height + weight[/div] 5'7", 121 lbs
[div class=tag]build[/div] she's tall, slender, and toned, resembling a model. she cares about her figure and remains toned with her own workout schedule and cheer practice. she has the perfect waist to hip ratio and legs for days, enough to make the guys swoon.
[div class=tag]tattoos/piercings[/div] no tattoos; doubles and a cartilage piercing on her right ear
[div class=tag]attire[/div] anything expensive, trendy, and high fashion that shows off her figure well; she often tops off her outfits with a designer belt and hand bag along with chanel's gabrielle perfume; often wears herve leger dresses and louboutins to parties, red is her signature color[/div][/div]
[div class="tabContents tabContents3"][div class=scroll][div class=tag]persona[/div] elena is a queen in her own right, turning heads left and right with her cool, calm exterior. she's smooth, always knowing just what to say, and carries herself with a confidence and carefree attitude that draws people to her, showing that she's independent, strong, charismatic, and brave. she knows how to be outgoing, friendly, relatable, and funny, saying the right things, and forming the right relationships. because of her deep understanding of people's emotions, with her silk rich voice and clever words, she has the ability to charm just about anyone's pants off. she has a knack for getting people to open up to her. however, although she's quite popular, high up the social hierarchy, and very involved in the social scene, its hard to get a read on her. hardly anyone knows her true self, making her even more intriguing. you could call her a beautiful mystery. there's an allure to her. while everyone's curious to discover more about her, she rarely opens up to people. instead, she charms the public and lets them see whatever they want. she could be a seductress, a sweetheart, a social butterfly, a wild party girl, an ice cold bitch, or whatever the public wants to see. she knows how to make men weak, turning their legs into jello, with a smolder or by whispering sweet nothings into their ear. she gives people just enough attention causing them to chase her the other way. she's both cold and distant and a ray of sunshine at the same time. many people are still trying to piece together the puzzle that she is. people know not to mess with her, as she easily has the whole school wrapped around her finger. she's the first to defend herself and anyone she cares about, and can be quite the bitch about it.
although she doesn't open up or trust easily, those that get under her layers, those that really understand her, connect with her, or are close with her, will find that elena is a carefree, fun loving sweet heart. she's compassionate, caring, and great at giving advice and being a great leader. she likes to let loose, and forget about the traditions and customs she's expected to uphold. she's driven to be successful and just wants to be happy, at peace, and in love.
[div class=tag]virtues[/div] charismatic, loyal, intelligent, clever, outgoing
[div class=tag]vices[/div] cold, distant, untrusting, stubborn, flirtatious
[div class=tag]likes[/div] wip
[div class=tag]dislikes[/div] wip[/div][/div]
[div class="tabContents tabContents4"][div class=scroll][div class=tag]backstory[/div] wip
[div class=tag]relationships[/div] let's talk! i'm down for anything [/div][/div]
[div class="tabContents tabContents5"][div class=scroll][div class=leftpic style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-3); background-size: cover; background-position: center;"][/div]
[div class=leftpic style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-5); background-size: cover; background-position: center;"][/div]
[div class=leftpic style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-7); background-size: cover; background-position: center;"][/div]
[div class=leftpic style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-9); background-size: cover; background-position: center;"][/div]
[/div][/div]
[/div][/div][/div][/div]
coded by constellation.
[/div]
[class=border]
width: 650px;
height: 400px;
margin: auto;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
[/class]
[class=border2]
position: absolute;
width: 650px;
height: 400px;
[/class]
[class=home]
position: relative;
width: 250px;
height: 400px;
left: 200px;
transition: 2s;
transition-delay: 3s;
z-index: 2;
[/class]
[class=homeimage]
width: 250px;
height: 400px;
background: var(--image-1);
background-size: cover;
background-position: center;
filter: grayscale(100%);
transition: 1s ease-in-out;
[/class]
[class=square1]
position: absolute;
top: -10px;
left: -10px;
transition: 1s ease-in-out;
border: 1px solid #000;
width: 248px;
height: 398px;
[/class]
[class=square2]
position: absolute;
top: 10px;
left: 10px;
transition: 1s ease-in-out;
opacity: 1;
border: 1px solid var(--main-color);
width: 248px;
height: 398px;
[/class]
[class=ba]
position: absolute;
top: 10px;
left: 10px;
width: 1px;
height: 0px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=bb]
position: absolute;
top: 10px;
left: 10px;
width: 0px;
height: 1px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=bc]
position: absolute;
bottom: 10px;
right: 10px;
width: 1px;
height: 0px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=bd]
position: absolute;
bottom: 10px;
right: 10px;
width: 0px;
height: 1px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=line]
position: absolute;
top: 50px;
left: 60px;
transition: 1s ease-in-out;
width: 5px;
height: 0px;
background: white;
transition-delay: 1.5s;
[/class]
[class=tab]
position: absolute;
left: 100px;
transition: 1s ease-in-out;
border-bottom: 5px solid white;
font: 14px/120% Chivo;
color: white;
text-transform: uppercase;
opacity: 0;
[/class]
[class=leftpic]
float: left;
display: inline-block;
width: 175px;
height: 210px;
background: red;
margin: 5px 0;
[/class]
[class=rightpic]
float: right;
display: inline-block;
width: 175px;
height: 210px;
background: red;
margin: 5px 0;
[/class]
[class=contents]
position: absolute;
z-index: 1;
height: 400px;
width: 400px;
background: #fff;
top: 0px;
left: -250px;
opacity: 0;
transition: 3s;
transition-delay: 4s;
border: 1px solid #e1e1e1;
[/class]
[class=tabContents]
position: absolute;
height: 370px;
width: 385px;
opacity: 0;
padding: 15px 0 15px 15px;
overflow: hidden;
white-space: pre-line;
[/class]
[class=scroll]
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
color: #333;
font-size: 12px;
[/class]
[class=border3]
position: absolute;
width: 402px;
height: 402px;
top: -1px;
left: 250px;
overflow: hidden;
[/class]
[class=role]
position: absolute;
text-align: center;
font: 22px Chivo;
background: var(--main-color);
padding: 10px 5px 3px 5px;
writing-mode: vertical-rl;
text-orientation: upright;
color: #fff;
text-transform: uppercase;
[/class]
[class=roleline]
position: absolute;
height: 75px;
background: var(--main-color);
top: 0;
width: 2px;
[/class]
[class=show]
opacity: 1;
transition: all 1.5s;
z-index: 1;
[/class]
[class=tag]
display: inline;
padding: 3px 5px;
margin-right: 2px;
background: var(--main-color);
color: white;
font-size: 9px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 150%;
font-family: Chivo;
[/class]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
font-style: italic;
transition: 1s;
[/class]
[class=chosentab]
font-style: italic;
transition-delay: 0s;
[/class]
[script class=tab1 on=click]
addClass show tabContents1
addClass chosentab tab1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents2
addClass chosentab tab2
removeClass show tabContents1
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents3
addClass chosentab tab3
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents4
addClass chosentab tab4
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents5
addClass chosentab tab5
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=home on=mouseenter]
addClass b1 square1
addClass b2 square2
addClass bh ba
addClass bw bb
addClass bh bc
addClass bw bd
addClass blur homeimage
addClass linemove line
addClass appear tab
addClass homeslide home
addClass contentslide contents
[/script]
[class=b1]
top: 0;
left: 0;
border: 1px solid var(--main-color);
[/class]
[class=b2]
top: 0;
left: 0;
background: var(--main-color);
opacity: 0.4;
[/class]
[class=bh]
height: 380px;
[/class]
[class=bw]
width: 230px;
[/class]
[class=blur]
filter: grayscale(100%) blur(0.5px);
[/class]
[class=linemove]
height: 300px;
[/class]
[class=appear]
opacity: 1;
[/class]
[class=homeslide]
left: 0;
[/class]
[class=contentslide]
left: 0px;
opacity: 1;
[/class]
Last edited:
enigma2
who am i? what am i?
[class=tcontain]height: 90px;
width: 500px;
background: #fff;
border-bottom: 1px solid #d8d8d8;
position: relative;
left: 0px;
top: 0px
[/class]
[class=timagecontain]height: 70px;
width: 70px;
padding: 10px;
border-right: 1px solid #d8d8d8;
position: relative
[/class]
[class=timage]height: 70px;
width: 70px;
background-image: url(https://i.pinimg.com/564x/a9/04/14/a90414f2de8414dc771c93b3b13de900.jpg);
background-size: 80%;
background-position: 20% 10%;
filter: brightness(105%)
[/class]
[class=timage2]height: 100%;
width: 100%;
background-image: url(https://i.pinimg.com/564x/a9/04/14/a90414f2de8414dc771c93b3b13de900.jpg);
background-size: 100%;
background-position: 20% 10%;
filter: brightness(95%);
opacity: 0;
transition: opacity 1.7s
[/class]
[class name=timage2 state=hover]opacity: 1
[/class]
[class=miniwords]padding: 11px;
width: 370px;
font-family:'Open Sans', sans-serif;
color: #7E8285;
font-weight: 600;
font-size: 16px;
position: relative;
top: -80px;
left: 95px
[/class]
[class=miniwords2]font-size: 11px;
font-weight: 400;
color: #acacac
[/class]
[class=tabcontainer]height: 169px;
width: 70px;
background: #fff;
text-align: center;
padding: 80px 10px 10px 10px;
border-right: 1px solid #d8d8d8;
line-height: 23px;
position: relative
[/class]
[class=tabs]width: 100%;
cursor: url(https://i.imgur.com/fkP02Jr.png), pointer;
color: #7E8285;
font-size: 13px;
position: relative;
line-height: 15px;
transition: 0.5s
[/class]
[class=slide]transform: translateY(-5px); transition: 0.7s
[/class]
[script class=first on=click]
hide tabsContent2
hide tabsContent3
hide tabsContent4
removeClass slide tabs
removeClass slide second
removeClass slide third
removeClass slide fourth
addClass slide first
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
removeClass slide tabs
removeClass slide first
removeClass slide third
removeClass slide fourth
addClass slide second
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
removeClass slide tabs
removeClass slide first
removeClass slide second
removeClass slide fourth
addClass slide third
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
removeClass slide tabs
removeClass slide first
removeClass slide second
removeClass slide third
addClass slide fourth
fadeOut 600 tabsContent2
fadeOut 600 tabsContent3
fadeOut 600 tabsContent1
fadeOut 600 tabsContent4
fadeIn 800 tabsContent4[/script]
[script class=first on=mouseenter]
addClass up hoverwordi
[/script]
[script class=first on=mouseleave]
removeClass up hoverwordi
[/script]
[script class=second on=mouseenter]
addClass up hoverwordii
[/script]
[script class=second on=mouseleave]
removeClass up hoverwordii
[/script]
[script class=third on=mouseenter]
addClass up hoverwordiii
[/script]
[script class=third on=mouseleave]
removeClass up hoverwordiii
[/script]
[script class=fourth on=mouseenter]
addClass up hoverwordiiii
[/script]
[script class=fourth on=mouseleave]
removeClass up hoverwordiiii
[/script]
[class=hoverwordi]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=hoverwordii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=hoverwordiii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=hoverwordiiii]width:100%;font-size: 10px; opacity: 0;position: absolute; top: 20px; left: 0px; text-transform:uppercase; transition: 1.0s
[/class]
[class=up]transform: translateY(0px); opacity: 1; transition: 1.0s
[/class]
[class=div]height: 249px;
width: 399px;
padding: 5px;
position: absolute;
top: 91px;
left: 91px
[/class]
[class=overflow]height: 100%;
width: 100%;
padding-right: 25px;
overflow: auto;
cursor: url(https://i.imgur.com/fkP02Jr.png), auto
[/class]
[class=post]height: 205px;
width: 255px;
border: 1px solid #d8d8d8;
position: relative;
left: -11px;
top: 7px;
transition: 1s
[/class]
[class name=post state=hover]filter: saturate(130%) brightness(90%)
[/class]
[class=posttitle]height: 20px;
width: 235px;
background: white;
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
padding: 1px 10px 7px 10px;
font-family:'Open Sans', sans-serif;
font-size: 10px;
margin: auto;
position: relative;
top: 10px;
left: 10px
[/class]
[class=username]height: 13px;
font-size: 10px;
color: #7E8285;
display: inline-block
[/class]
[class name=username state=hover]border-bottom: 1px solid grey;
cursor: pointer
[/class]
[class=postimg]height: 17px;
width: 17px;
display: inline-block;
background-image: url(https://i.pinimg.com/564x/a9/04/14/a90414f2de8414dc771c93b3b13de900.jpg);
background-size: 120%;
background-position: 0% 0%;
border-radius: 50%;
position: relative;
left: -3px;
top: 4px
[/class]
[class=date]display: inline-block;
float: right;
color: grey;
position: relative;
top: 5px
[/class]
[class=bottom]height: 30px;
width: 235px;
background: white;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
padding: 5px 10px 15px 10px;
font-family:'Open Sans', sans-serif;
position: relative;
left: -11px;
top: 7px
[/class]
[class=quote]height: 15px;
border-left: 4px solid #d8d8d8;
padding: 0px 0px 0px 5px;
position: relative;
top: 5px
[/class]
[class=uppersquare]height: 25px;
width: 25px;
border-top: 1px solid #b1b4b5;
border-left: 1px solid #b1b4b5;
position: relative;
top: -40px;
left: -10px
[/class]
[class=lowersquare]height: 25px;
width: 25px;
border-bottom: 1px solid #b1b4b5;
border-right: 1px solid #b1b4b5;
position: relative;
top: 279px;
left: 248px
[/class]
[class=image]height: 96.5%;
width: 150px;
background-image: url(https://i.gifer.com/KcPR.gif);
background-size: 158%;
background-position: 25% 35%;
border: 5px solid #d8d8d8;
position: relative;
left: 0px;
top: 0px;
transition: 1s
[/class]
[class name=image state=hover]filter: saturate(120%) brightness(105%)
[/class]
[class=smalldiv]height: 90.5%;
width: 225px;
padding: 5px;
position: absolute;
top: 5px;
left: 170px
[/class]
[class=wordscontainer]height: 25px;
width: 100%;
padding: 5px 0px 10px 0px;
border-bottom: 1px solid white;
font-weight: 400;
font-size: 11px;
line-height:17px;
font-family:'Comfortaa', display;
[/class]
[class=nameword]display: inline-block;
font-size:12px;
font-weight: 700;
text-transform: uppercase
[/class]
[class=text]height: 195px;
width: 230px;
padding: 5px;
font-size: 11px;
text-align: justify;
overflow: hidden;
position: absolute;
top: 48px;
left: 0px
[/class]
[class=overfloow]height: 100%;
width: 105%;
padding-right: 40px;
overflow: auto
[/class]
[class=box]height:15px;padding:1px 5px 2px 5px;display:inline-block;color:black;background: #eaeaea;font-weight: 700
[/class]
[div class=tcontain]
[div class=timagecontain]
[div class=timage][div class=timage2]
[/div][/div]
[div class=miniwords] Brielle González
[div class=miniwords2]You're my sunshine in the rain when it's pouring [/div][/div][/div]
[div class=tabcontainer][div class=tabs][div class="first" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordi]posts[/div][/div][/div]
[div class=tabs][div class="second" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordii]requisite[/div][/div][/div]
[div class=tabs][div class="third" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordiii]persona[/div][/div][/div]
[div class=tabs][div class="fourth" style="height:20px;font-size:18px;transition:1s"][div class=hoverwordiiii]biography[/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent1"] [div class=div] [div class=image][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Brielle González [/div]
sorry if I say sorry way too much[/div] [div class=text][div class=overfloow] [div class=box]name[/div] Brielle Aurora González
[div class=box]nicknames[/div] Bri, Bri-Bri
[div class=box]age[/div] 18
[div class=box]birthday[/div] aprl 29th
[div class=box]gender[/div] cis. female
[div class=box]sexuality[/div] heterosexual
[div class=box]grade[/div] senior
[div class=box]ethnicity[/div] hispanic
[div class=box]role[/div] the cheerleader
[div class=box]face claim[/div] ariana grande. [/div][/div][/div][/div] [/div] [div class=content][div class="tabsContent tabsContent2" style="display: none"] [div class=div] [div class=image style="background-image:url(https://i.pinimg.com/564x/76/16/f5/7616f5c3e8829b98b3c9532f41003523.jpg);background-size:137%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Brielle González [/div]
appearance.[/div] [div class=text][div class=overfloow] [div class=box]height[/div] 5'5
[div class=box]weight[/div] 113 lbs
[div class=box]hair color[/div] light brown
[div class=box]eye color[/div] amber
[div class=box]body mods[/div] ear lobe piercing on both ears, high lobe piercings on both ears, belly button piercing, cartilage piercing on left ear
[div class=box]distinguishing features[/div] her small frame is something you'd instantly notice once you meet brielle. she has a small dimple on her left cheek.
[div class=box]style[/div] on a lazy day you can find brielle with her hair up in a lazy bun and a track suit on. when dressing casual she wears crop tops, sweatshirts, t-shirts, jean jackets, bomber jackets, ripped jeans, biker shorts and leggings. she rarely dresses up unless it's an important event. she's always seen sporting either a pair of jordan's or a pair of vans on her feet. [/div][/div][/div][/div] [/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display: none"] [div class=div] [div class=image style="background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQFF82C7QjfNT4K-LTWce_gsdkNBMQxUJ6fmaN4otvgChXjJCT2&usqp=CAU);background-size:105%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Brielle González [/div]
personality[/div] [div class=text][div class=overfloow] [div class=box]virtues[/div] funny, adorable, confident, modest, loyal, intelligent, enthusiastic, kind, outgoing
[div class=box]vices[/div] loud, clingy, escapist, indecisive, night owl
[div class=box] description[/div] brielle at first glance is this small girl who seems like the epitome of happiness. she always has a smile on her face when approaching you and has an aura of confidence around herself. she loves to crack jokes and although she comes a wealthy home, she's always humble about it and is never one to brag and boast. she's a sight for sore eyes, but don't that fool you. she's always near the top of her class when it comes to her grades and is overall a smart individual. she's kind and loyal to those she cares about, always there for them when they need her. brielle can be loud and tends to draw attention in public, she's clingy when it comes to those she cares for. she tends to try to distract herself whenever something bad happens and is the most indecisive person ever. text her at 3 in the morning, try 4 and she's still awake, brielle tends to go to bed at ungodly hours.
[div class=box]likes[/div] basketball, disney and romance movies, music in general, slushies, chinese food, bananas, singing, cooking (prides herself in that)
[div class=box]dislikes[/div] being center of attention, horror movies, partying, her dad, loneliness, waking up early in the morning
[/div][/div] [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent4" style="display: none"] [div class=div] [div class=image style="background-image:url(https://i.pinimg.com/564x/0f/b2/c9/0fb2c95d84353a88f306aae5da00bb11.jpg);background-size:130%;background-position:100% 0%"][/div] [div class=smalldiv][div class=wordscontainer][div class=nameword]Brielle González [/div]
the biography[/div] [div class=text][div class=overfloow] [div class=box]history[/div] Brielle Aurora González was born on April 29th in Sacramento, California. Her father was a wealthy business whereas her mother was an escort. She was conceived through a one night stand and once her father received the news of her pregnancy, he offered her money in exchange of an abortion. Throughout her mother's pregnancy her father threw money at her in hopes to convince her into aborting their child, but after she continuously denied and eventually gave birth to Brielle, he was filled with rage and anger. Her father was able to keep her a secret until she was four, when the community she had lived in found out she was his child. He felt as though his name was tarnished and just to spite her mother he took her to court, fabricating false accusations against her and was eventually awarded sole custody due to his financial superiority. Her mother was told that she couldn't be in 500 meters distance of Brielle or attempt to contact her and her father. Once he had accomplished this, he packed everything of his and Brielle's and moved them to New Jersey, where he would operate another branch of his company.
Brielle couldn't remember much about her mother, just the fact that her father had told her to say she was dead if anyone asked. She knew for a fact that was a lie because she remembers living with her until one day she wasn't. Instead of confronting her father about it, she went along with his story in hopes that he would be happy with her. In the thirteen years of her life that she's lived with her father, she's never seen him smile once. Correction, she's never seen him smile when around her. Although he never harmed her and always took care of her, she could feel that they lacked that connection that you were typically supposed to have with your parents. Through her life she always attempted to please her father, joining cheer because he told her once that she always laid home like a sack of potatoes and needed to get out of the house. To this day he had never attended any of her cheer tournaments, but she always made up an excuse in her head for her father. Her grades were top notch and she never got in trouble yet it never seemed to be enough for him. She even picked up her love of basketball because of him. She saw him always watching so she joined whenever he was watching and actually found a love for the game, even though she could never play. That still wasn't enough for him to even bat an eyelash at her and the only thing she ended up with was an unexpected love for basketball.
When her father got a girlfriend and finally brought her home at the end of freshman year, it seemed as if he forgot he had a daughter. He only talked to her when he or his girlfriend needed her to do something, but other than that he couldn't care less about her. She felt loneliest then, the one person who's acceptance she craved so bad couldn't be damned about what happened to her. At school her thoughts were silenced because she was always around many people, due to her likable personality, but when she was alone her inner demons crept back into her head. That year, when the summer break had arrived, her father informed her that he would be going on vacation with his girlfriend and didn't even bother to invite her with them. She distanced herself from everyone, one thought floating in her mind. Why am I never good enough? She thought her mother had left her and clearly she was doing something wrong or her dad wouldn't have left her or cared so little, so she drowned herself in her woes. It was almost two weeks into the break when she started cutting, in a sick attempt to relieve herself of her pain. It was what she thought she deserved and it became routinely, her cutting the flesh on her arms and thighs almost daily. Her father returned earlier than expected, a whole month to be exact and when he found Brielle she was covered in a pool of her own blood. He frantically rushed her to the hospital and when she woke up and fully healed, they transferred her to a psychiatric hospital. Her father paid to make sure the story never got out and thus created her biggest secret.
Brielle's father couldn't help but feel guilty when she explained why she did what she did, so he devoted more time her. He was by her side through everything and she was out of there in a month. Her closet for that entire sophomore year consisted of sweaters that were way too big for her, sweatpants and leggings in an attempt to cover her scars, she even took a year off cheer. Her friends all questioned the move and asked why she had disappeared the previous summer, but she would shrug them off claiming it was nothing. Everyone naturally believed her because she always had this bubbly personality, but they couldn't see how much pain she was hiding. It wasn't until junior year when she was back to her usual, wearing ripped jeans and crop tops, that she noticed her father felt nothing more then pity for her. He only pretended he cared because he thought his daughter was some crazy suicidal and that hurt more than anything. Her life carried on though, and she rejoined cheer as a distraction. Her grades were never sub par and you would always see her approaching you with a wide smile. When she had fully come to terms with the fact that her father would never care, she grew more confident in herself letting go of any hopes she had for him. She was always humble about anything, even though her father was loaded you wouldn't know based off her personality, just her dressing which was still somewhat simple. To ignore that little voice that sometimes crept up on her, Brielle became an expert escapist, finding ways to ignore whenever something truly hurt her. She would still cut occasionally, but not as often as that tragic summer where she almost lost her life.
She was relatively popular her entire life, but she never liked the attention. Boys flocked towards her as she moved, but she only ever had a couple flings here and there, nothing too serious. Since the only thing her father knew to do for her was spend money, she had him build an in home studio in their mansion that her father considered "too small", and recorded songs she had written. Her love for music was obvious, but even though she was a talented singer with the voice of an angel, she would never allow anyone to hear her sing. She was too afraid of what their opinions would be and she wouldn't want her safe haven to be ruined because she had voluntarily let someone in. [/div][/div][/div][/div] [/div][/div] [/div][/div] [class=credit]height: 25px; width:500px; margin: auto; position: relative; top: 10px; font-size: 9px; color: grey [/class] [div class=credit]code by @diaphanous[/div]
Last edited:
natsukashii
𝘤𝘢𝘳𝘳𝘺𝘪𝘯𝘨 𝘰𝘯
[class=bkgd]
--main: #cc5500;
--accent: #47260c;
position: relative;
width: 50em;
height: 30em;
background-color: var(--main);
overflow: hidden;
margin-left: auto;
margin-right: auto;
[/class]
[class=flexcont]
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-evenly;
[/class]
[class=accent]
position: relative;
background-color: var(--accent);
overflow: hidden;
[/class]
[class=accent0]
width: 100%;
height: 30em;
[/class]
[class=accent02]
width: 5%;
height: 30em;
margin-left: 0.75em;
[/class]
[class=introright]
width: 100%;
height: 100%;
position: relative;
[/class]
[class=accentcont]
position: relative;
margin-right: auto;
margin-left: auto;
margin-top: 2em;
width: 80%;
height: 80%;
[/class]
[class=intropic]
background: url(https://i.imgur.com/fjBKRh6.jpg);
background-size: 100%;
background-position: 0% 40%;
width: 100%;
height: 90%;
border: 0.5px solid var(--main);
[/class]
[class=role]
position: relative;
font-size: 2em;
color: var(--main);
text-transform: uppercase;
margin-top: 0.3em;
line-height: 2em;
[/class]
[class=name]
position: absolute;
font-size: 2em;
color: var(--accent);
text-transform: uppercase;
text-align: right;
transform: rotate(-90deg);
width: 75%;
height: auto;
top: 5em;
left: 6.5em;
[/class]
[class=accent1]
width: 60%;
height: 30em;
[/class]
[class=header1]
position: relative;
font-size: 2em;
color: var(--main);
text-transform: uppercase;
margin-bottom: 0.5em;
[/class]
[class=pic1]
position: absolute;
width: 10em;
height: 18em;
top: 2.4em;
border: 0.5px solid var(--main);
[/class]
[class=pic11]
background: url(https://i.imgur.com/rpLCyYf.jpg);
background-size: 105%;
background-position: 0% 0%;
left: 22em;
[/class]
[class=pic12]
background: url(https://i.imgur.com/1ZwpVsr.jpg);
background-size: 105%;
background-position: 0% 0%;
left: 33em;
[/class]
[class=text];
font-size: 10px;
line-height: 12px;
text-align: justify;
text-transform: lowercase;
overflow: auto;
[/class]
[class=text1]
color: var(--main);
width: 28em;
height: 30em;
padding-right: 20px;
[/class]
[class=text1cont]
overflow: hidden;
margin-top: 1em;
width: 18em;
height: 30em;
[/class]
[class=num]
color: var(--main);
font-size: 90px;
font-family: 'Times New Roman';
position: absolute;
font-style: italic;
[/class]
[class=num1]
left: 3.75em;
top: 2.75em;
[/class]
[class=accent21]
width: 12%;
height: 30em;
[/class]
[class=accent22]
position: absolute;
width: 60%;
height: 30em;
top: 5em;
left: 20em;
[/class]
[class=pic2]
position: absolute;
width: 10em;
height: 13em;
border: 0.5px solid var(--main);
[/class]
[class=pic21]
background: url(https://i.imgur.com/bcjEms6.png);
background-size: 130%;
background-position: 50% 0%;
top: 10em;
left: 13em;
[/class]
[class=pic22]
background: url(https://i.imgur.com/uVGBv53.jpg);
background-size: 130%;
background-position: 50% 0%;
top: 1em;
left: 25em;
[/class]
[class=text2]
color: var(--main);
width: 35em;
height: 17em;
padding-right: 20px;
[/class]
[class=text2cont]
position: absolute;
top: 14.5em;
left: 25em;
overflow: hidden;
margin-top: 1em;
width: 23em;
height: 12em;
[/class]
[class=header2]
position: absolute;
font-size: 2em;
color: var(--accent);
text-transform: uppercase;
transform: rotate(-90deg);
width: 75%;
height: auto;
top: 4.2em;
left: -5em;
[/class]
[class=num2]
left: 7.3em;
top: 1em;
[/class]
[class=accent31]
width: 70%;
height: 27em;
[/class]
[class=header3]
position: relative;
font-size: 2em;
color: var(--main);
text-transform: uppercase;
margin-bottom: 0.5em;
[/class]
[class=text3cont]
overflow: hidden;
margin-top: 1em;
width: 23em;
height: 36em;
[/class]
[class=text3]
color: var(--main);
width: 35em;
height: 27em;
padding-right: 20px;
[/class]
[class=pic3]
position: absolute;
width: 20em;
height: 15em;
border: 0.5px solid var(--main);
[/class]
[class=pic31]
background: url(https://i.imgur.com/ioJQtXO.jpg);
background-size: 100%;
background-position: 50% 0%;
top: 3em;
left: 28em;
[/class]
[class=num3]
left: 5em;
top: 2.35em;
[/class]
[class=accent4]
width: 60%;
height: 30em;
position: absolute;
left: 20em;
[/class]
[class=gallerycont]
width: 80%;
margin-left: 2em;
overflow: auto;
padding-right: 8em;
[/class]
[class=header4]
position: absolute;
font-size: 2em;
color: var(--accent);
text-transform: uppercase;
transform: rotate(-90deg);
width: 75%;
height: auto;
top: 4.2em;
left: -8.25em;
[/class]
[class=header5]
position: absolute;
font-size: 2em;
color: var(--main);
text-transform: uppercase;
transform: rotate(90deg);
width: 75%;
height: auto;
top: 9.65em;
left: 14.2em;
[/class]
[class=text4cont]
position: absolute;
top: 10em;
left: 5em;
overflow: hidden;
margin-top: 1em;
width: 13em;
height: 30em;
[/class]
[class=text4]
color: var(--accent);
width: 19em;
height: 26em;
padding-right: 25px;
[/class]
[class=num4]
color: var(--accent);
left: 2.5em;
top: 0em;
[/class]
[class=tag]
position: relative;
display: inline;
width: auto;
height: auto;
margin-right: 5px;
color: var(--main);
font-size: 9px;
padding-right: 5px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
text-decoration: underline;
letter-spacing: 1px;
[/class]
[class=tagb]
position: relative;
display: inline;
width: auto;
height: auto;
margin-right: 5px;
color: var(--accent);
font-size: 9px;
padding-right: 5px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
text-decoration: underline;
letter-spacing: 1px;
[/class]
[class=tabflex]
width: 6em;
display: flex;
flex-direction: row;
justify-content: space-evenly;
position: absolute;
top: 28em;
left: 42.5em;
[/class]
[class=tab]
width: 3em;
height: 3em;
background-color: var(--accent);
border: 1px solid var(--main);
font-size: 0.2em;
color: var(--accent);
[/class]
[class name=tab state=hover]
background-color: var(--main);
color: var(--main);
transition-duration: 0.2s;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 0) (fadeIn 500 tabsContent0)
if (eq ${currentTab} 1) (fadeIn 500 tabsContent1)
if (eq ${currentTab} 2) (fadeIn 500 tabsContent2)
if (eq ${currentTab} 3) (fadeIn 500 tabsContent3)
if (eq ${currentTab} 4) (fadeIn 500 tabsContent4)
[/script]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #dedede;
opacity: 0.25;
[/class]
[div class=bkgd]
[div class="tabsContent tabsContent0 flexcont"]
[div class="accent accent0"]
[div class=accentcont]
[div class=intropic][/div]
[div class=role]class clown.[/div]
[/div]
[/div]
[div class=introright]
[div class="accent accent02"][/div]
[div class=name]Cisco de la Cruz[/div]
[/div]
[/div]
[div class="tabsContent tabsContent1" style="display: none;"]
[div class="accent accent1"]
[div class=accentcont]
[div class=header1]basics.[/div]
[div class=text1cont][div class="text text1"]
[div class=tag]name[/div] Francisco Javier de la Cruz
[div class=tag]nickname:[/div] Goes by Cisco but on occasion has accepted Javi
[div class=tag]age:[/div] 17
[div class=tag]birthday:[/div] April 1st
[div class=tag]gender:[/div] Male
[div class=tag]sexuality:[/div] Pansexual
[div class=tag]role:[/div] Class Clown/Loveable Idiot/Jock in spirit
[div class=tag]height:[/div] 5'10"
[div class=tag]weight:[/div] 68 kg/150lbs
[div class=tag]eye color:[/div] Light brown with highlights
[div class=tag]hair color:[/div] blue
[div class=tag]body type:[/div] athletic
[div class=tag]ethnicity:[/div] Mexican-American
[div class=tag]dist. marks:[/div] Cisco has a rather pointy nose.
[div class=tag]body mods:[/div] N/A
[div class=tag]faceclaim:[/div] froy Gutierrez [/div][/div] [/div] [/div] [div class="pic1 pic11"][/div] [div class="pic1 pic12"][/div] [div class="num num1"]1.[/div] [/div] [div class="tabsContent tabsContent2" style="display: none;"] [div class="accent accent21"][/div] [div class="accent accent22"][/div] [div class=header2]persona.[/div] [div class="pic2 pic21"][/div] [div class="pic2 pic22"][/div] [div class="num num2"]2.[/div] [div class=text2cont][div class="text text2"] [div class=tag]virtues[/div]confident, loyal, energetic, jovial, compassionate, literal ray of sunshine, enigmatic, literal goofball, very extroverted
[div class=tag]vices[/div]absentminded, flakey, lacks impulse control, doesn't know when to stop a joke or prank/has trouble resisting the urge to keep it going, sometimes is a little extra, guarded
[div class=tag]strengths[/div]there is something to be said about the way that Cisco hold himself in front of others; not just in front of his friends, either. He has a habit of radiating with an energy that most just kind of notice. Stranger or not, the way he is might just be the perfect way for those who otherwise wouldn't be social or might have trouble starting conversations, Cisco is the kind of guy who will reach out to someone if he feels they might be having a tough time. Even if he might misjudge the situation or overestimated someone's mood, he'll still be there for anyone, because that's the kind of person he is. He's also the kind of person to make light of most heavy situations. To him, a good laugh can go a long way into forging an everlasting #goodvibes2k20 mindset. For better or worse, Cisco tries his best to make people happy.
[div class=tag]weaknesses[/div]On the other side of the equation, Cisco can and, on several occasions, has been known to be just a tad extra. Which is to say he has this unintended effect of being "too much" for some people. His constant "high on life" demeanor has been noted as being a bit much. Even though his personality as a whole has been somewhat infectious, he's been told on numerous occasions that he can be annoying and that -- and this rings true to who he is as a person -- when the tough gets going, so does Cisco. He might be a loyal friend and will be there for anyone, but for a lot of reasons that not even his closest friends know, he's a tad cowardly when things get "too real" for him. This has nothing to do with anyone but himself. The way he was brought up and extenuating circumstances added to the fact, he yeets faster than anyone could yeet out of anything. He just doesn't like serious topics and likes to stay away from them like they are the freaking plague. Additionally, when he gets going on a tangent, come hell or high water, there is no stopping him until he's done. Might as well just be happy that he's talking and let him finish.
[div class=tag]fears[/div]cisco is ashamed of even being afraid of these but chihuahuas scare the ever-living Jesus christ out of him. He knows he shouldn't because they are so tiny and he's not, but the way they just come at him with such a ferocity not befitting of their size, there are moments when Cisco forsakes any and all semblance of dominance when he screeches like a banshee in a high frequency akin to that of a 80s hair metal frontman but with the tonedeaf musings of cat nails on a chalkboard.
[div class=tag]ambitions[/div]He would love to go into some sort of public service occupation. Maybe politics or something that would mean something to others, short term-wise? Cisco just wants to live for the moment. He wants to enjoy his youth, play a bit of b-ball and golf and maybe get into a decent college. And if he happens to meet a cute girl or boy along the way, he's open to that as well!
[div class=tag]habits[/div]Cisco has this nasty habit of chewing on his fingernails and shaking his left leg whenever he's seated for longer than he would prefer.
[div class=tag]quirks[/div] not to make him sounds too catoony but cisco has this thing about him that, whenever school lets out finishes something that might've been difficult, he stretches and lets out a screeching "yahoo!" with everything that he has in him. another quirk about him is he tends to say "man" way too much and refer to people as "dude" or "bro", regardless of gender identity or biological sex. This is because he's a firm believer in the royal "bro/dude". Anyone can be a bro or a dude!
[div class=tag]likes[/div]sunshine, summer, bright colors, going to the beach, lakes (any body of water really), selena Gomez (he stans), feel good music, any and all comic book-related media (tv shows, movies, fanfiction, etc), basketball, his abuela's tamales, and the cooking channel
[div class=tag]dislikes[/div]rainy seasons, Debby downers, when it is too hot/cold, being stuck inside with nothing to do, detention, [/div][/div] [/div] [div class="tabsContent tabsContent3" style="display: none;"] [div class="accent accent31"] [div class=accentcont] [div class=header3]background.[/div] [div class=text3cont][div class="text text3"] [div class=tag]family[/div]Francisco belongs to the "De La Cruz" family, which is a relatively large family but he lives with only five members of this family: his Abuela, Angela, his parents, Javier Luis de la Cruz (portrayed by Javier Bordem) and Maria Theresa de la Cruz (nee. Lopez) (portrayed by Salma Hayek), and his two younger siblings who are three years younger (twins): Ana (portrayed by Jenna Ortega) and Jesse (portrayed by Rico Rodriguez).
[div class=tag]occupation[/div]high school student?
[div class=tag]education[/div]working on getting that sweet high school diploma
[div class=tag]residence[/div]a two story house.
[div class=tag]history[/div]Francisco grew up in a very religious household to a family led by two parents who practiced what was preached to them. the dominant belief in the Cruz household is easily Roman Catholicism. Cisco's upbringing was as traditional as one could get: three-times-a-week church masses, sunday school, catholic school until 6th grade (for all his siblings), and such a strict household that no fun was allowed. Ever.
Truly, this was as old fashioned as one could get, yet Cisco never complained. Maybe it was the expectations as the big brother that his parents set for him but Cisco has never thought that the way his parents brought him up was "bad". Or maybe it was his general love for the church and belief that "it's all in God's plan" that made him a true believer. Now, granted, as he grew up and learned more about the world and figured out that not everything is as detailed in the good book, he became a little more realistic. BUT! Fransico is still as faithful to God and his message has he was when he was a little Cisco, but he doesn't have what you would call a traditional approach to it. For him, God means love and to him, love means to have fun and be happy. Whether that's dating or simply having a laugh with the boys, Cisco does it knowing that God approves!
At the end of the day, he grew up as a happy boy and is shaping up to be a man with a bright future. The only thing that might be stumping him is, of course, what sort of life will hold for him after certain rumors get out about him taking God's teachings a little too loosely than his parents or even the big guy himself would approve of... [/div][/div] [/div] [/div] [div class="pic3 pic31"][/div] [div class="num num3"]3.[/div] [/div] [div class="tabsContent tabsContent4" style="display: none;"] [div class="accent accent4"] [div class="accentcont gallerycont"] [/div] [/div] [div class=header4]misc.[/div] [div class=header5]gallery.[/div] [div class="num num4"]4.[/div] [div class=text4cont][div class="text text4"] [div class=tagb]theme song[/div]uptown funk by mark ronson (feat. bruno mars)
[div class=tagb]favorite food[/div]chicken tamales with adobo sauce
[div class=tagb]favorite drink[/div]Legally, he loves Dr. pepper but in secret, he ha a love for cherry wine coolers!
[div class=tagb]favorite book[/div]does the bible count? No, I kid. He really likes anything in Opera's book club!
[div class=tagb]favorite movie[/div]COCO!!!!
[div class=tagb]favorite color[/div]anything to do with orange or yellow
[div class=tagb]relationships[/div]
- one: tbd.
- two: tbd.
- three: tbd.
- four:tbd.
- five: tbd.
- six: tbd. [/div][/div] [/div] [div class=tabflex] [div class=tab]0[/div] [div class=tab]1[/div] [div class=tab]2[/div] [div class=tab]3[/div] [div class=tab]4[/div] [/div] [/div][div class=credit]code by sox[/div]
[div class=tag]nickname:[/div] Goes by Cisco but on occasion has accepted Javi
[div class=tag]age:[/div] 17
[div class=tag]birthday:[/div] April 1st
[div class=tag]gender:[/div] Male
[div class=tag]sexuality:[/div] Pansexual
[div class=tag]role:[/div] Class Clown/Loveable Idiot/Jock in spirit
[div class=tag]height:[/div] 5'10"
[div class=tag]weight:[/div] 68 kg/150lbs
[div class=tag]eye color:[/div] Light brown with highlights
[div class=tag]hair color:[/div] blue
[div class=tag]body type:[/div] athletic
[div class=tag]ethnicity:[/div] Mexican-American
[div class=tag]dist. marks:[/div] Cisco has a rather pointy nose.
[div class=tag]body mods:[/div] N/A
[div class=tag]faceclaim:[/div] froy Gutierrez [/div][/div] [/div] [/div] [div class="pic1 pic11"][/div] [div class="pic1 pic12"][/div] [div class="num num1"]1.[/div] [/div] [div class="tabsContent tabsContent2" style="display: none;"] [div class="accent accent21"][/div] [div class="accent accent22"][/div] [div class=header2]persona.[/div] [div class="pic2 pic21"][/div] [div class="pic2 pic22"][/div] [div class="num num2"]2.[/div] [div class=text2cont][div class="text text2"] [div class=tag]virtues[/div]confident, loyal, energetic, jovial, compassionate, literal ray of sunshine, enigmatic, literal goofball, very extroverted
[div class=tag]vices[/div]absentminded, flakey, lacks impulse control, doesn't know when to stop a joke or prank/has trouble resisting the urge to keep it going, sometimes is a little extra, guarded
[div class=tag]strengths[/div]there is something to be said about the way that Cisco hold himself in front of others; not just in front of his friends, either. He has a habit of radiating with an energy that most just kind of notice. Stranger or not, the way he is might just be the perfect way for those who otherwise wouldn't be social or might have trouble starting conversations, Cisco is the kind of guy who will reach out to someone if he feels they might be having a tough time. Even if he might misjudge the situation or overestimated someone's mood, he'll still be there for anyone, because that's the kind of person he is. He's also the kind of person to make light of most heavy situations. To him, a good laugh can go a long way into forging an everlasting #goodvibes2k20 mindset. For better or worse, Cisco tries his best to make people happy.
[div class=tag]weaknesses[/div]On the other side of the equation, Cisco can and, on several occasions, has been known to be just a tad extra. Which is to say he has this unintended effect of being "too much" for some people. His constant "high on life" demeanor has been noted as being a bit much. Even though his personality as a whole has been somewhat infectious, he's been told on numerous occasions that he can be annoying and that -- and this rings true to who he is as a person -- when the tough gets going, so does Cisco. He might be a loyal friend and will be there for anyone, but for a lot of reasons that not even his closest friends know, he's a tad cowardly when things get "too real" for him. This has nothing to do with anyone but himself. The way he was brought up and extenuating circumstances added to the fact, he yeets faster than anyone could yeet out of anything. He just doesn't like serious topics and likes to stay away from them like they are the freaking plague. Additionally, when he gets going on a tangent, come hell or high water, there is no stopping him until he's done. Might as well just be happy that he's talking and let him finish.
[div class=tag]fears[/div]cisco is ashamed of even being afraid of these but chihuahuas scare the ever-living Jesus christ out of him. He knows he shouldn't because they are so tiny and he's not, but the way they just come at him with such a ferocity not befitting of their size, there are moments when Cisco forsakes any and all semblance of dominance when he screeches like a banshee in a high frequency akin to that of a 80s hair metal frontman but with the tonedeaf musings of cat nails on a chalkboard.
[div class=tag]ambitions[/div]He would love to go into some sort of public service occupation. Maybe politics or something that would mean something to others, short term-wise? Cisco just wants to live for the moment. He wants to enjoy his youth, play a bit of b-ball and golf and maybe get into a decent college. And if he happens to meet a cute girl or boy along the way, he's open to that as well!
[div class=tag]habits[/div]Cisco has this nasty habit of chewing on his fingernails and shaking his left leg whenever he's seated for longer than he would prefer.
[div class=tag]quirks[/div] not to make him sounds too catoony but cisco has this thing about him that, whenever school lets out finishes something that might've been difficult, he stretches and lets out a screeching "yahoo!" with everything that he has in him. another quirk about him is he tends to say "man" way too much and refer to people as "dude" or "bro", regardless of gender identity or biological sex. This is because he's a firm believer in the royal "bro/dude". Anyone can be a bro or a dude!
[div class=tag]likes[/div]sunshine, summer, bright colors, going to the beach, lakes (any body of water really), selena Gomez (he stans), feel good music, any and all comic book-related media (tv shows, movies, fanfiction, etc), basketball, his abuela's tamales, and the cooking channel
[div class=tag]dislikes[/div]rainy seasons, Debby downers, when it is too hot/cold, being stuck inside with nothing to do, detention, [/div][/div] [/div] [div class="tabsContent tabsContent3" style="display: none;"] [div class="accent accent31"] [div class=accentcont] [div class=header3]background.[/div] [div class=text3cont][div class="text text3"] [div class=tag]family[/div]Francisco belongs to the "De La Cruz" family, which is a relatively large family but he lives with only five members of this family: his Abuela, Angela, his parents, Javier Luis de la Cruz (portrayed by Javier Bordem) and Maria Theresa de la Cruz (nee. Lopez) (portrayed by Salma Hayek), and his two younger siblings who are three years younger (twins): Ana (portrayed by Jenna Ortega) and Jesse (portrayed by Rico Rodriguez).
[div class=tag]occupation[/div]high school student?
[div class=tag]education[/div]working on getting that sweet high school diploma
[div class=tag]residence[/div]a two story house.
[div class=tag]history[/div]Francisco grew up in a very religious household to a family led by two parents who practiced what was preached to them. the dominant belief in the Cruz household is easily Roman Catholicism. Cisco's upbringing was as traditional as one could get: three-times-a-week church masses, sunday school, catholic school until 6th grade (for all his siblings), and such a strict household that no fun was allowed. Ever.
Truly, this was as old fashioned as one could get, yet Cisco never complained. Maybe it was the expectations as the big brother that his parents set for him but Cisco has never thought that the way his parents brought him up was "bad". Or maybe it was his general love for the church and belief that "it's all in God's plan" that made him a true believer. Now, granted, as he grew up and learned more about the world and figured out that not everything is as detailed in the good book, he became a little more realistic. BUT! Fransico is still as faithful to God and his message has he was when he was a little Cisco, but he doesn't have what you would call a traditional approach to it. For him, God means love and to him, love means to have fun and be happy. Whether that's dating or simply having a laugh with the boys, Cisco does it knowing that God approves!
At the end of the day, he grew up as a happy boy and is shaping up to be a man with a bright future. The only thing that might be stumping him is, of course, what sort of life will hold for him after certain rumors get out about him taking God's teachings a little too loosely than his parents or even the big guy himself would approve of... [/div][/div] [/div] [/div] [div class="pic3 pic31"][/div] [div class="num num3"]3.[/div] [/div] [div class="tabsContent tabsContent4" style="display: none;"] [div class="accent accent4"] [div class="accentcont gallerycont"] [/div] [/div] [div class=header4]misc.[/div] [div class=header5]gallery.[/div] [div class="num num4"]4.[/div] [div class=text4cont][div class="text text4"] [div class=tagb]theme song[/div]uptown funk by mark ronson (feat. bruno mars)
[div class=tagb]favorite food[/div]chicken tamales with adobo sauce
[div class=tagb]favorite drink[/div]Legally, he loves Dr. pepper but in secret, he ha a love for cherry wine coolers!
[div class=tagb]favorite book[/div]does the bible count? No, I kid. He really likes anything in Opera's book club!
[div class=tagb]favorite movie[/div]COCO!!!!
[div class=tagb]favorite color[/div]anything to do with orange or yellow
[div class=tagb]relationships[/div]
- one: tbd.
- two: tbd.
- three: tbd.
- four:tbd.
- five: tbd.
- six: tbd. [/div][/div] [/div] [div class=tabflex] [div class=tab]0[/div] [div class=tab]1[/div] [div class=tab]2[/div] [div class=tab]3[/div] [div class=tab]4[/div] [/div] [/div][div class=credit]code by sox[/div]
Last edited:
ukiiyo
doki-doki
[class=container]
height: 575px;
width: 460px;
margin: auto;
[/class]
[class=containercont]
height: 565px;
width: 450px;
background: white;
border: 1px solid #f4f4f4;
[/class]
[class=profile]
height: 565px;
width: 200px;
background: #f4f4f4;
[/class]
[class=profilepic]
height: 135px;
width: 135px;
background:URL(https://i.pinimg.com/564x/a6/76/13/a67613b992b7c293995dc3cc63fe9af4.jpg);
border-radius: 50%;
border: 3px solid white;
background-size: cover;
position: relative;
top: 50px;
margin-left: 25px;
[/class]
[class=header]
font-size: 27px;
color: #c3a1a0;
text-align: right;
line-height: 25px;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: bold;
margin-top: 65px;
margin-right: 30px;
[/class]
[class=quote]
font-size: 10px;
color: black;
text-align: justify;
width: 160px;
margin-left: 17px;
margin-top: 10px;
[/class]
[class=symbol]
color: #c3a1a0;
font-size: 28px;
margin-top: -5px;
text-align: center;
[/class]
[class=stats]
background: #c3a1a0;
height: 17px;
width: 160px;
margin-top: 8px;
margin-left: 17px;
[/class]
[class=statfont]
font-size: 10px;
color: white;
text-align: center;
font-weight: bold;
[/class]
[class=infobox]
float: right;
height: 525px;
width: 210px;
margin-top: -545px;
margin-right: 20px;
overflow: hidden;
[/class]
[class=scroll]
height: 525px;
width: calc(100% + 17px);
overflow-y: scroll;
[/class]
[class=title]
font-size: 20px;
color: #c3a1a0;
text-transform: uppercase;
font-weight: bold;
[/class]
[class=border]
border-top: 3px solid #c3a1a0;
width: 70px;
float: right;
margin-top: 16px;
[/class]
[class=text]
font-size: 10px;
color: black;
text-align: justify;
[/class]
[class=rspic1]
height: 30px;
width: 30px;
border-radius: 50%;
background:URL(https://i.pinimg.com/564x/0c/69/8d/0c698d96a80881011bd4be1e6399cd4a.jpg);
background-size: cover;
[/class]
[class=rspic2]
height: 30px;
width: 30px;
border-radius: 50%;
background:URL(https://i.pinimg.com/564x/fe/3e/2a/fe3e2a4ba7019d5210f41ff9eb6f550c.jpg);
background-size: cover;
[/class]
[class=rspic3]
height: 30px;
width: 30px;
border-radius: 50%;
background:URL(https://i.pinimg.com/564x/9f/5d/4b/9f5d4b409a309c9e92e68e40a868cb92.jpg);
background-size: cover;
[/class]
[class name=codetag]
font-size: 9px;
text-align: center;
color: black;
margin-top: 0px;
[/class]
[div class=container][div class=containercont] [div class=profile][div class=profilepic][/div] [div class=header]Kacper
Kaminski[/div] [div class=quote]"She keeps in a box those apples of which the gods eat when they grow old, and then they become young again, and so it will be until Ragnarok."[/div] [div class=symbol] [/div] [div class=stats][div class=statfont]kacper jan kaminski[/div][/div] [div class=stats][div class=statfont]kasper | s.c president[/div][/div] [div class=stats][div class=statfont]17 years old | leo[/div][/div] [div class=stats][div class=statfont]cis male | he/him[/div][/div] [div class=stats][div class=statfont]08/01 | senior [/div][/div] [div class=stats][div class=statfont]bisexual[/div][/div][/div] [div class=infobox][div class=scroll] [div class=title]appearance [div class=border][/div][/div] [div class=text] faceclaim — max barczak
ethnicity — polish
height — 6'2
weight — 175 lbs
hair — having natural colored dark honey blonde hair definitely causes some people to turn and look at him when he walks down the hall. he is known for the unruly curls that frame his face or fall across his eyes, giving him a gentle appearance. he rarely styles his hair and simply pushes it out of his face so that he can see properly. he has been told his hair is unnaturally soft, which he really likes.
eyes — hazel
scars — one scar that extends from the end of his right eyebrow towards his temple. he got this after a sledding accident.
distinguishing features — moles on his chin, full lips, 'droopy' eyes, thick eyebrows, curly hair
style — he isn't someone who really cares about fashion (or knows much about it), but he still manages to look sharp for school. he mostly wears sweaters and skinny jeans, finding that they compliment his appearance a lot more than casual clothes. when it comes to events, he is someone who prefers to go all out with a suit than just a dress shirt and pants.
[div class=title]persona [div class=border][/div][/div] virtues — intelligent, outgoing, humorous, creative, compassionate, romantic, affectionate, protective, honest, gentle, understanding, supportive
vices — airheaded, dependent, perfectionist, stubborn, jealous, easily-scared, struggles with admitting he's wrong, overworks himself, high standards, neurotic, lazy, refuses to try new things, lies easily
likes — dogs, reading, sleeping in, helping people, getting top marks, good food, affection, hugs, parties, music, studying, horror movies, classics, school events, friends, soft things, sweet perfumes
dislikes — players, rivals, not getting a good grade, difficult students, boredom, not having enough time, being told to relax, overly sweet food, most american candy, losing sleep, the cold, sand, cooking, bullies, spoiled brats
[div class=title]background [div class=border][/div][/div] family — immediate family only
lena kaminski | mother (alive)
adam kaminski | father (alive)
important relations — tba
backstory — list form
• only child, and frankly wasn't supposed to happen until his parents were in their late 30s
• father is a cancer research scientist from poland, but moved to the us because of his job (kasper was 6 at this time)
• mother is a biologist and ended up being a stay-at-home mom until kasper was 10
• he had a very privileged childhood but he was never spoiled, he was taught the morals and rules that someone of the middle class would have
• he had to earn a weekly allowance in order to buy the things he wanted and he was punished whenever he showed the behavior of the spoiled children they lived around
• naturally intelligent and an early learner, he was quick to dive into schooling but was kept in his proper grade level, he just simply had an accelerated program, courtesy of his mother teaching him at home.
• a neighbor of the family was carina's family, and he found her to be very interesting but never spoke to her
• he'd always catch himself staring at her in class instead of paying attention to what the teacher was saying
• eventually he worked up the courage to approach her, but on the day he did, he found her rather upset and refusing to leave her home (since they lived within walking distance of the elementary school)
• he worked up a lot of courage and marched straight up to the girl and grabbed her hand, saying something along the lines of walking her to school so that she would be protected
• this became a daily routine for the pair and she was part of the reason that kasper ended up so gentle and down to earth
• the two of them became very close and it wasn't long before he found himself favoring her over everyone else in his life, including girlfriends
• he had a very happy childhood which led to an equally happy middle school life and high school life
• his mother went back to work so his parents were often gone for long hours but he was never lonely since he would hangout with carina and her family
• in high school, he had a glow up pretty much every year and became a rather popular figure, mostly due to how gentle and easy to approach he was
• he became student body vice president in his junior year, and president in his senior year (after a lot of convincing)
• with his newfound position at the school, he found it difficult to focus on all the things he used to focus on, but still enjoys helping with school events and general student life
• dated people occasionally through the years, but he would lose interest in about two weeks and would end it without really thinking about it[/div] [/div][/div][/div][/div] [div class="codetag"]coded by ukiiyo[/div]
Kaminski[/div] [div class=quote]"She keeps in a box those apples of which the gods eat when they grow old, and then they become young again, and so it will be until Ragnarok."[/div] [div class=symbol] [/div] [div class=stats][div class=statfont]kacper jan kaminski[/div][/div] [div class=stats][div class=statfont]kasper | s.c president[/div][/div] [div class=stats][div class=statfont]17 years old | leo[/div][/div] [div class=stats][div class=statfont]cis male | he/him[/div][/div] [div class=stats][div class=statfont]08/01 | senior [/div][/div] [div class=stats][div class=statfont]bisexual[/div][/div][/div] [div class=infobox][div class=scroll] [div class=title]appearance [div class=border][/div][/div] [div class=text] faceclaim — max barczak
ethnicity — polish
height — 6'2
weight — 175 lbs
hair — having natural colored dark honey blonde hair definitely causes some people to turn and look at him when he walks down the hall. he is known for the unruly curls that frame his face or fall across his eyes, giving him a gentle appearance. he rarely styles his hair and simply pushes it out of his face so that he can see properly. he has been told his hair is unnaturally soft, which he really likes.
eyes — hazel
scars — one scar that extends from the end of his right eyebrow towards his temple. he got this after a sledding accident.
distinguishing features — moles on his chin, full lips, 'droopy' eyes, thick eyebrows, curly hair
style — he isn't someone who really cares about fashion (or knows much about it), but he still manages to look sharp for school. he mostly wears sweaters and skinny jeans, finding that they compliment his appearance a lot more than casual clothes. when it comes to events, he is someone who prefers to go all out with a suit than just a dress shirt and pants.
[div class=title]persona [div class=border][/div][/div] virtues — intelligent, outgoing, humorous, creative, compassionate, romantic, affectionate, protective, honest, gentle, understanding, supportive
vices — airheaded, dependent, perfectionist, stubborn, jealous, easily-scared, struggles with admitting he's wrong, overworks himself, high standards, neurotic, lazy, refuses to try new things, lies easily
likes — dogs, reading, sleeping in, helping people, getting top marks, good food, affection, hugs, parties, music, studying, horror movies, classics, school events, friends, soft things, sweet perfumes
dislikes — players, rivals, not getting a good grade, difficult students, boredom, not having enough time, being told to relax, overly sweet food, most american candy, losing sleep, the cold, sand, cooking, bullies, spoiled brats
[div class=title]background [div class=border][/div][/div] family — immediate family only
lena kaminski | mother (alive)
adam kaminski | father (alive)
important relations — tba
[div class=rspic1][/div]
#name
#relationshipstatus
#relationshipstatus
[div class=rspic2][/div]
#name
#relationshipstatus
#relationshipstatus
[div class=rspic3][/div]
#name
#relationshipstatus
#relationshipstatus
backstory — list form
• only child, and frankly wasn't supposed to happen until his parents were in their late 30s
• father is a cancer research scientist from poland, but moved to the us because of his job (kasper was 6 at this time)
• mother is a biologist and ended up being a stay-at-home mom until kasper was 10
• he had a very privileged childhood but he was never spoiled, he was taught the morals and rules that someone of the middle class would have
• he had to earn a weekly allowance in order to buy the things he wanted and he was punished whenever he showed the behavior of the spoiled children they lived around
• naturally intelligent and an early learner, he was quick to dive into schooling but was kept in his proper grade level, he just simply had an accelerated program, courtesy of his mother teaching him at home.
• a neighbor of the family was carina's family, and he found her to be very interesting but never spoke to her
• he'd always catch himself staring at her in class instead of paying attention to what the teacher was saying
• eventually he worked up the courage to approach her, but on the day he did, he found her rather upset and refusing to leave her home (since they lived within walking distance of the elementary school)
• he worked up a lot of courage and marched straight up to the girl and grabbed her hand, saying something along the lines of walking her to school so that she would be protected
• this became a daily routine for the pair and she was part of the reason that kasper ended up so gentle and down to earth
• the two of them became very close and it wasn't long before he found himself favoring her over everyone else in his life, including girlfriends
• he had a very happy childhood which led to an equally happy middle school life and high school life
• his mother went back to work so his parents were often gone for long hours but he was never lonely since he would hangout with carina and her family
• in high school, he had a glow up pretty much every year and became a rather popular figure, mostly due to how gentle and easy to approach he was
• he became student body vice president in his junior year, and president in his senior year (after a lot of convincing)
• with his newfound position at the school, he found it difficult to focus on all the things he used to focus on, but still enjoys helping with school events and general student life
• dated people occasionally through the years, but he would lose interest in about two weeks and would end it without really thinking about it[/div] [/div][/div][/div][/div] [div class="codetag"]coded by ukiiyo[/div]
Last edited:
Parallax
That man is playing Gallaga
[class=content]
position: relative;
width: 300px;
height: 400px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
--bkgd-color: #34066D;
--text-color: #fff;
--accent-color: #1EA19D;
cursor: url('https://i.imgur.com/FMvuswx.png'), auto;
[/class]
[class=homebkgd]
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--bkgd-color);
[/class]
[class=intro]
position: absolute;
width: 100%;
height: auto;
color: var(--text-color);
font-size: 10px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
top: 10%;
[/class]
[class=name]
position: absolute;
width: 100%;
height: auto;
color: var(--text-color);
font-size: 22px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
text-shadow: 2px 2px 0px var(--accent-color);
top: 13%;
[/class]
[class=role]
position: absolute;
width: 100%;
height: auto;
color: var(--text-color);
font-size: 15px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
top: 20%;
[/class]
[class=line]
position: absolute;
width: 80%;
height: 1px;
border-radius: 10px;
background-color: var(--accent-color);
top: 28%;
left: 10%;
[/class]
[class=icon]
position: absolute;
width: 5%;
height: 15px;
background: url(https://imgur.com/8ynbcEf.png);
background-size: 100%;
top: 32%;
left: 47.5%;
transition-duration: 0.5s;
animation:{post_id}throb 10s linear infinite;
[/class]
[class=pic]
position: absolute;
width: 80%;
height: 52%;
background: url(https://data.whicdn.com/images/232529928/original.jpg);
background-size: 130%;
background-position: 0% 30%;
top: 40%;
left: 10%;
border: 0.5px solid var(--accent-color);
[/class]
[animation=throb]
[keyframe=0]transform: scale(1.5);[/keyframe]
[keyframe=10]transform: scale(0.95);[/keyframe]
[keyframe=20]transform: scale(1.5);[/keyframe]
[keyframe=30]transform: scale(0.95);[/keyframe]
[keyframe=40]transform: scale(1.5);[/keyframe]
[keyframe=50]transform: scale(0.95);[/keyframe]
[keyframe=60]transform: scale(1.5);[/keyframe]
[keyframe=70]transform: scale(0.95);[/keyframe]
[keyframe=80]transform: scale(1.5);[/keyframe]
[keyframe=90]transform: scale(0.95);[/keyframe]
[keyframe=100]transform: scale(1.5);[/keyframe]
[/animation]
[script class=button on=click]
addClass slideup homebkgd
[/script]
[class=slideup]
animation-name: {post_id}slup;
animation-duration: 1.7s;
animation-fill-mode: forwards;
[/class]
[animation=slup]
[keyframe=0]transform: translateY(0%);[/keyframe]
[keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe]
[/animation]
[class=bkgd]
position: absolute;
width: 100%;
height: 100%;
background-color: var(--bkgd-color);
[/class]
[class=header]
position: absolute;
width: 80%;
height: auto;
color: var(--text-color);
font-size: 22px;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
top: 6%;
left: 10%;
[/class]
[class=tabcontainer]
position: absolute;
height: 20px;
width: auto;
top: 7.2%;
left: 63%;
[/class]
[class=tab]
position: relative;
color: var(--text-color);
width: 20px;
height: 10px;
display: inline;
font-size: 15px;
padding: 0px 5px 0px 6px;
transition-duration: 0.3s;
[/class]
[class name=tab state=hover]
color: var(--accent-color);
transition-duration: 0.3s;
[/class]
[class=textcontainer]
position: absolute;
overflow: hidden;
top: 18%;
left: 10%;
width: 90%;
height: 75%;
[/class]
[class=text]
position: relative;
overflow: auto;
width: 255px;
height: 100%;
font-size: 10px;
line-height: 12px;
color: var(--text-color);
text-align: justify;
text-transform: lowercase;
padding-right: 50px;
[/class]
[class=tag]
position: relative;
display: inline;
width: auto;
height: auto;
color: var(--accent-color);
text-transform: uppercase;
margin-right: 5px;
text-decoration: underline;
font-weight: 700;
[/class]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #dedede;
opacity: 0.25;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (fadeIn 500 tabsContent1)
if (eq ${currentTab} 2) (fadeIn 500 tabsContent2)
if (eq ${currentTab} 3) (fadeIn 500 tabsContent3)
if (eq ${currentTab} 4) (fadeIn 500 tabsContent4)
[/script]
[div class=content]
[div class=bkgd]
[div class=line style="top: 5%;"][/div]
[div class="header tabsContent tabsContent1"]basics[/div]
[div class="header tabsContent tabsContent2" style="display:none;"]persona[/div]
[div class="header tabsContent tabsContent3" style="display:none;"]backstory[/div]
[div class="header tabsContent tabsContent4" style="display:none;"]misc.[/div]
[div class=line style="top: 15%;"][/div]
[div class=tabcontainer]
[div class=tab]1[/div]
[div class=tab]2[/div]
[div class=tab]3[/div]
[div class=tab]4[/div]
[/div]
[div class="textcontainer tabsContent tabsContent1"][div class=text]
[div class=tag]name:[/div] cain lagos
[div class=tag]nickname:[/div] never really had one
[div class=tag]age:[/div] 18
[div class=tag]gender:[/div] male
[div class=tag]sexuality:[/div] heterosexual
[div class=tag]role:[/div] the bad boy
[div class=tag]faceclaim:[/div] matthew daddario
[div class=tag]d.o.b:[/div] november 23
[div class=tag]height:[/div] 6"1
[div class=tag]weight:[/div] 180lbs
[div class=tag]hair color:[/div] dark brown
[div class=tag]eye color:[/div] silver
[div class=tag]dist. marks:[/div] scars on his neck
[div class=tag]body mods:[/div] gauges, tattoos [/div][/div] [div class="textcontainer tabsContent tabsContent2" style="display:none;"][div class=text] [div class=tag]vices:[/div] icy, dismissive, calloused, unforgiving, tactless, instigating, hot-tempered, overprotective, jealous
[div class=tag]virtues:[/div] loyal, adventurous, extremely warm with close ones, comedic, creative, thoughtful, intelligent
[div class=tag]strengths:[/div] skilled at archery, knife throwing, oil painting, enjoys rock climbing, horseback riding, hunting, fishing, writing
[div class=tag]weaknesses:[/div] can't cook for shit, sucks at geography anything, terrible driver, addiction-prone personality
[div class=tag]fears:[/div] intimacy, dogs, absolute failure, fire, acid, tornados
[div class=tag]ambitions:[/div] he has yet to decide if he even has any
[div class=tag]likes:[/div] reptiles, ice cream, expressing creativity, privacy, feeling respected, intense conversations, dancing
[div class=tag]dislikes:[/div] PDA, corny jokes, overly affectionate people, not knowing what to do next, feeling inferior, art block, comments on his driving
[div class=tag]habits/quirks:[/div] squeezes each of his knuckles one by one with his index and thumb when stressed or in thought, zones out rather easily, twitches his neck if he's full
[div class=tag]ailments:[/div] complex ptsd [/div][/div] [div class="textcontainer tabsContent tabsContent3" style="display:none;"][div class=text] [div class=tag]family:[/div] adopted by his aunt gracie, doesn't know his father, mother is a heroin addict
[div class=tag]residence:[/div] a quaint one story home in the suburbs with his aunt
[div class=tag]history:[/div] he was born with complications from the beginning due to his mothers drug addiction, having to be raised mostly by his aunt gracie while his mother did whatever she could to get her fixes in. she would sell cain for whatever someone wanted to do with him in hour incriments to make drug money, and wasn't rather sweet or unkind to cain besides that. she treated him as more of a roommate at best. when his mother nearly overdosed while cain was 14, gracie was awarded custody. his mother still occasionally visits, sometimes doing better and sometimes not.
[div class=tag]relationships:[/div]
[div class=tag]mbti type:[/div] entj
[div class=tag]gallery:[/div] ↓
[/div][/div]
[/div]
[div class=homebkgd]
[div class=intro]introducing[/div]
[div class="name button"]cain lagos[/div]
[div class=role]the bad boy[/div]
[div class=line][/div]
[div class="icon button"][/div]
[div class="pic button"][/div]
[/div]
[/div][div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
[div class=tag]nickname:[/div] never really had one
[div class=tag]age:[/div] 18
[div class=tag]gender:[/div] male
[div class=tag]sexuality:[/div] heterosexual
[div class=tag]role:[/div] the bad boy
[div class=tag]faceclaim:[/div] matthew daddario
[div class=tag]d.o.b:[/div] november 23
[div class=tag]height:[/div] 6"1
[div class=tag]weight:[/div] 180lbs
[div class=tag]hair color:[/div] dark brown
[div class=tag]eye color:[/div] silver
[div class=tag]dist. marks:[/div] scars on his neck
[div class=tag]body mods:[/div] gauges, tattoos [/div][/div] [div class="textcontainer tabsContent tabsContent2" style="display:none;"][div class=text] [div class=tag]vices:[/div] icy, dismissive, calloused, unforgiving, tactless, instigating, hot-tempered, overprotective, jealous
[div class=tag]virtues:[/div] loyal, adventurous, extremely warm with close ones, comedic, creative, thoughtful, intelligent
[div class=tag]strengths:[/div] skilled at archery, knife throwing, oil painting, enjoys rock climbing, horseback riding, hunting, fishing, writing
[div class=tag]weaknesses:[/div] can't cook for shit, sucks at geography anything, terrible driver, addiction-prone personality
[div class=tag]fears:[/div] intimacy, dogs, absolute failure, fire, acid, tornados
[div class=tag]ambitions:[/div] he has yet to decide if he even has any
[div class=tag]likes:[/div] reptiles, ice cream, expressing creativity, privacy, feeling respected, intense conversations, dancing
[div class=tag]dislikes:[/div] PDA, corny jokes, overly affectionate people, not knowing what to do next, feeling inferior, art block, comments on his driving
[div class=tag]habits/quirks:[/div] squeezes each of his knuckles one by one with his index and thumb when stressed or in thought, zones out rather easily, twitches his neck if he's full
[div class=tag]ailments:[/div] complex ptsd [/div][/div] [div class="textcontainer tabsContent tabsContent3" style="display:none;"][div class=text] [div class=tag]family:[/div] adopted by his aunt gracie, doesn't know his father, mother is a heroin addict
[div class=tag]residence:[/div] a quaint one story home in the suburbs with his aunt
[div class=tag]history:[/div] he was born with complications from the beginning due to his mothers drug addiction, having to be raised mostly by his aunt gracie while his mother did whatever she could to get her fixes in. she would sell cain for whatever someone wanted to do with him in hour incriments to make drug money, and wasn't rather sweet or unkind to cain besides that. she treated him as more of a roommate at best. when his mother nearly overdosed while cain was 14, gracie was awarded custody. his mother still occasionally visits, sometimes doing better and sometimes not.
[div class=tag]relationships:[/div]
- gracie: aunt, very positive relationship
- ana: mother, resentful relationship
- klaus: brother, no real relationship
[div class=tag]mbti type:[/div] entj
[div class=tag]gallery:[/div] ↓
Last edited:
oliver
count the seconds
[class=tag]
background: #D86500;
display: inline;
border-radius: 5px;
color: #fff;
padding: 1px 5px 3px 4px;
[/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]
font-family: Avenir;
text-transform: uppercase;
color: #000000;
font-size: 18px;
box-sizing: border-box;
text-align: center;
transition: .5s all ease-in-out;
text-align: center;
margin: auto;
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: #FFFFFF;
transition: .5s 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: #FFFFFF;
transition: .5s 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: .5s all ease-in-out;
width: 330px;
font-size: 11px;
line-height: 26px;
color: #fff;
height: 350px;
box-sizing: border-box;
font-family: Montserrat;
[/class]
[class=show]
opacity: 1;
z-index: 1;
[/class]
[script class=tab1 on=click]
addClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents02
removeClass show tabContents01
removeClass show tabContents03
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab2
removeClass selectedTab tab1
removeClass selectedTab tab3
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents03
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab3
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents04
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents05
addClass selectedTab tab4
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents05
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents04
addClass selectedTab tab5
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
[/script]
[div class="tab tab3"]
[div class="tab tab4"]
[div class="tab tab5"][/div]
[/div][/div]
[div class=tag]age 17
[div class=tag]birthday[/div] july 5th
[div class=tag]gender[/div] male.
[div class=tag]pronouns[/div] he/him
[div class=tag]sexual orientation[/div] homosexual (closeted)
[div class=tag]grade[/div] senior
[div class=tag]stereotype[/div] the musician [/div][/div][/div] [div class="tabContents tabContents02"]
[div class=tag]weight 150lbs | 68 kg
[div class=tag]hair color[/div] dark brown
[div class=tag]hairstyle[/div] curly, sort of like an afro
[div class=tag]eye color[/div] dark brown
[div class=tag]body mods[/div] both ears are pierced. he keeps small black studs in them.
[div class=tag]clothing style[/div] noah wears very casual clothings in mostly neutral colors. he can typically be found in hoodies and sweatpants
[div class=tag]face claim[/div] akeem osborne [/div][/div][/div] [div class="tabContents tabContents03"]
[div class=tag]dislikes waking up early, going shopping, loud people, sugary drinks, country music
[div class=tag]vices[/div] dishonest, caustic, reactive, jealous, temperamental
[div class=tag]virtues[/div] tolerant, charismatic, playful, neat, confident [/div][/div][/div] [div class="tabContents tabContents04"]
Noah's father got him into music at a young age. He had been playing piano since elementary school and picked up choir in middle school which ultimately got him into theatre on the side. It isn't his favorite thing in the world, but he doesn't mind it taking up a lot of his time.
While Noah is dedicated to his music more than anything, but he didn't let that keep him within the clique of fine arts students. After having a math class with Oliver and also having their lockers next to each other, the two of them naturally became friends. They bonded over music, nature, and everything else. Noah even had Oliver play apart in one of the songs he posted online. During the summer of freshman year was when Oliver and Noah grew close despite Oliver having a girlfriend. This relationship continued up until the party before the start of senior year when Oliver told Noah they couldn't keeping doing what they were doing anymore. After that, Noah was heartbroken and tried to direct his focus to other things like his music.[/div][/div]
[/div]
[/div][/div]
https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tabContents tabContents05 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
noah hathaway
[div class=tag]age
[div class=tag]birthday[/div] july 5th
[div class=tag]gender[/div] male.
[div class=tag]pronouns[/div] he/him
[div class=tag]sexual orientation[/div] homosexual (closeted)
[div class=tag]grade[/div] senior
[div class=tag]stereotype[/div] the musician [/div][/div][/div] [div class="tabContents tabContents02"]
[div class=tag]height
6'1" | 186 cm
[div class=tag]weight
[div class=tag]hair color[/div] dark brown
[div class=tag]hairstyle[/div] curly, sort of like an afro
[div class=tag]eye color[/div] dark brown
[div class=tag]body mods[/div] both ears are pierced. he keeps small black studs in them.
[div class=tag]clothing style[/div] noah wears very casual clothings in mostly neutral colors. he can typically be found in hoodies and sweatpants
[div class=tag]face claim[/div] akeem osborne [/div][/div][/div] [div class="tabContents tabContents03"]
[div class=tag]likes
gaming, stargazing, music, writing, photography, sunset, going to the beach, drinking, smoking, partying, sleeping, deep conversation, playing the piano, singing
[div class=tag]dislikes
[div class=tag]vices[/div] dishonest, caustic, reactive, jealous, temperamental
[div class=tag]virtues[/div] tolerant, charismatic, playful, neat, confident [/div][/div][/div] [div class="tabContents tabContents04"]
[div class=tag]history
Noah belongs to an upper middleclass family consisting of him, his mom, his dad, and his little brother. They moved to Doveport halfway through the beginning of his first year of high school, but quickly he found his place among nearly everyone. He isn't exactly close with his parents but he doesn't hate them either. His little brother, Nathan, is 7 years younger than him and although he can be annoying sometimes, Noah is also pretty protective of him.
Noah's father got him into music at a young age. He had been playing piano since elementary school and picked up choir in middle school which ultimately got him into theatre on the side. It isn't his favorite thing in the world, but he doesn't mind it taking up a lot of his time.
While Noah is dedicated to his music more than anything, but he didn't let that keep him within the clique of fine arts students. After having a math class with Oliver and also having their lockers next to each other, the two of them naturally became friends. They bonded over music, nature, and everything else. Noah even had Oliver play apart in one of the songs he posted online. During the summer of freshman year was when Oliver and Noah grew close despite Oliver having a girlfriend. This relationship continued up until the party before the start of senior year when Oliver told Noah they couldn't keeping doing what they were doing anymore. After that, Noah was heartbroken and tried to direct his focus to other things like his music.
Last edited:
_amaranth_
...coffee_addict...
[class=container]
--accent-1: #8742ed;
--accent-2: #9573c7;
--accent-3: #333;
--image-1: url(https://data.whicdn.com/images/280876696/original.gif);
--image-2: url(https://i.pinimg.com/originals/01/4c/d7/014cd71d4c4a7255cc8c2db49ad801ef.png);
--image-3: url(https://66.media.tumblr.com/4e78bcbe19a31541b1e026c7719be6e2/tumblr_n6psh6MPUe1rfo1vco3_250.gif);
--image-4: url(https://i.pinimg.com/originals/3e/f7/3a/3ef73a5b697028b7a21dfced819c010b.jpg);
--image-5: url(https://medias.spotern.com/spots/w640/63/63829-1532336916.jpg);
--image-6: url(https://66.media.tumblr.com/tumblr_mekxy0xyiE1qd9si9o1_250.gifv);
--image-7: url(https://epmgaa.media.clients.ellingtoncms.com/img/photos/2015/05/17/1390499545534.cached_t750x550.jpg?d885fc46c41745b3b5de550c70336c1b382931d2);
--image-8: url(https://i0.wp.com/www.nerdsandbeyond.com/wp-content/uploads/2019/11/noelle.jpg?resize=520%2C293&ssl=1);
--image-9: url(https://i.pinimg.com/originals/9a/13/95/9a13954fe1403d606d7130b5db63a838.gif);
--image-10: url(https://i.pinimg.com/originals/ed/6c/91/ed6c9162f878a9af818cefef5c08bc97.png);
--image-11: url(https://66.media.tumblr.com/9b9ad9b0c420eae7d56715d7c570635b/tumblr_plutffXfkY1rp6b7zo6_400.png);
--image-12: url(https://www.manteresting.com/wp-content/uploads/2018/08/anna_gif.gif);
--image-13: url(https://66.media.tumblr.com/6122df8f163ff72f25d68f243dbc8d9d/tumblr_n8edlbib0Z1s1ma9uo6_250.png);
--image-14: url(https://pbs.twimg.com/profile_images/978721380265992193/-f5M60km_400x400.jpg);
--image-15: url(https://media2.giphy.com/media/z8Sacp6IvU4OA/source.gif);
--image-16: url(https://i2.wp.com/thefanboyseo.com/wp-content/uploads/2018/01/PP3-07.jpg?resize=1024%2C561);
[/class]
[div class=credit][/div][div class=credit2 style="display: none;"]code + design by
constellation
[/div]
[class=credit]position: absolute; top: 0px; left: 0px; font-size: 15px; color: #b2e0e0; transition: 1s;[/class]
[class=credit2]position: absolute; z-index: 2; top: 5px; left: 15px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #333; border: 1px solid #e2e2e2; background: white;[/class]
[class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #A0C9C9; transitions: 1s;[/class]
[script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]
constellation
[/div]
[class=credit]position: absolute; top: 0px; left: 0px; font-size: 15px; color: #b2e0e0; transition: 1s;[/class]
[class=credit2]position: absolute; z-index: 2; top: 5px; left: 15px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #333; border: 1px solid #e2e2e2; background: white;[/class]
[class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #A0C9C9; transitions: 1s;[/class]
[script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]
[div class=container][div class=border][div class=charactername]Marissa Amell
[div class=icon][/div] [div class=role]geeky glee kid[/div] [div class=sideword]the geek[/div]
[div class="tabContents tabContents1"][div class=textbox][div class=scroll][div class=tag]full name.[/div]
Marissa Jean Amell
[div class=tag]nicknames.[/div]
Mari
MJ
[div class=tag]age.[/div]
17
[div class=tag]birthdate.[/div]
January 16,2003
[div class=tag]gender[/div]
female (she/her)
[div class=tag]country.[/div]
america
[div class=tag]sexuality.[/div]
heterosexual
[div class=tag]relationship status.[/div]
single
[div class=tag]grade.[/div]
senior (12th grade)
[div class=tag]stereotype.[/div]
the geek
[div class=tag]face claim.[/div]
Anna kendrick
[/div][/div]
[div class=column][div class=images style="background: var(--image-2); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-3); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-4); background-size: cover; background-position: center;"][/div][/div][/div]
[div class="tabContents tabContents2"][div class=textbox][div class=scroll][div class=tag]eyes.[/div]
blue
[div class=tag]hair.[/div]
brown
[div class=tag]height / weight.[/div]
5'2'' / 106lbs.
[div class=tag]body build.[/div]
lean and slim
[div class=tag]distinguishing marks.[/div]
[div class=tag]attire.[/div]
[/div][/div]
[div class=column][div class=images style="background: var(--image-5); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-6); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div]
[div class="tabContents tabContents3"][div class=textbox][div class=scroll][div class=tag]enneagram.[/div]
enthusiast
[div class=tag]positive traits.[/div]
▲cheerful
▲optimistic
▲good listener
▲ambitious
▲strong-willed
[div class=tag]negative traits.[/div]
▼stubborn (opinionated)
▼impatient
▼sarcastic
▼insecure (tends to get in her own head too much)
▼reckless
[div class=tag]likes.[/div]
♥music
♥comic books
♥coffee
♥fantasy genre (Lord of the Rings FTW)
♥rollercoasters
♥Cillian Murphy
♥TV series
♥Jerry
♥baking
♥Doctor Strange
[div class=tag]dislikes.[/div]
▼condescention
▼know-it-alls
▼stupid questions
▼algebra (seriously, it sucks)
▼rap
▼pretentious people
▼running
▼mushrooms
▼pineapple on pizza
▼being alone
[/div][/div]
[div class=column][div class=images style="background: var(--image-8); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-9); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-10); background-size: cover; background-position: center;"][/div][/div][/div]
[div class="tabContents tabContents4"][div class=textbox][div class=scroll][div class=tag]the backstory.[/div]
Ever since she opened her mouth, she was singing. At lesat that’s what her parents say. Marissa was born with the great gift and her overachieving mother was trying to use it, making her own dreams come true. She enrolled Marissa in many competitions from her early childhood, the girl had to attend singing lessons, take up a piano and violin classes and while other kids were playing outside, she had to drill her skills. Until the very moment when she had enough. She was 10 when she threw her violin down the stairs and swore to never touch it again. Destroying the piano would be harder so the smaller instrument paid the price. She stuck with singing but only did it for her own pleasure.
Once she started high school, an opportunity presented itself. The glee club was looking for new members and Mari signed up. The try-outs went great and ever since then, she has been an essential part of that group, even scored a few important solos at regionals and once at nationals. The club never won the national title and this year, it is Mari’s last chance to do so. Her father is not extremely excited since he as a Distric Attorney, sees a different career for his daughter, preferably a legal one. But after the childhood when her ambitious mother pushed her into things, Marissa has developed a strong mind and wants nothing to do with the law. She sees her future in music, songwriting, maybe even singing career.
The most important part, Marissa comes from a rich family. Only very few people know it, that is, the group of her closest friends. She hates talking about it because her parents‘ wealth has never meant anything to her. Of course, it was comfortable, but she didn’t want to be known for that, rather for her work. She doesn’t flash it around and though she could be entitled and spoiled, she is rather down to earth and meek person. She is more interested in her comic books and fantasy movies than anything else and is famous for quoting movies in certain situations. Mari likes to think she is quite lovable, she laughs a lot and is very friendly. But when it comes to work, she is also very thorough and focused. This is her senior year. Things have to work out perfectly.
[/div][/div]
[div class=column][div class=images style="background: var(--image-11); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-12); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-13); background-size: cover; background-position: center;"][/div][/div][/div]
[div class="tabContents tabContents5"][div class=textbox][div class=scroll][div class=tag]father.[/div]
He is the typical strict dry dad who only sees his work. He works as the District Attorney and has always had high expectations of his children. His older son refused to follow in his footsteps, so his attention went to Marissa. Seeing how her mother pushed her into things, he thought he could do the same and the Amell legal tradition would continue. Little did he know that Mari was never planning on doing that. Their relationship is not the worst but Marissa could never talk to him about anything she enjoyed as he considers it all a waste of time and her potential.
[div class=tag]mother.[/div]
Valerie Crane has never worked a day in her life. And when it looked like she would have to, she got married well and became Amell. She is your typical socialite, focused on her country club and events of the social season rather than anything else. Having a daughter meant for her to have her little princess, some kind of doll to play a dress-up with. And for the first ten years of her life, Marissa let her. Then she rebelled since she never cared for expensive dresses and posh events. Of course, she loves her mother but she never felt the woman understood her.
[div class=tag]brother.[/div]
Ben is the only one who gets Marissa. He's the older brother, the protective jerk type. He has always been mean to her, as every older bro is, but when others tried to hurt or bully her, he stepped in. As one of the high school jocks, he had the reputation built and everyone knew better than to mess up with Ben Amell's lil sis. Now he's off to college and Mari misses him like crazy. They used to spend evenings on the roof, watching stars, drinking beers, joke around. He was her confidant and best friend. He comes home but not nearly as often as Marissa would love him to.
[/div][/div]
[div class=column][div class=images style="background: var(--image-14); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-15); background-size: cover; background-position: center;"][/div]
[div class=images style="background: var(--image-16); background-size: cover; background-position: center;"][/div][/div][/div]
[div class="tab tab1" style="left: 12px; bottom: -30px;"][/div]
[div class="tab tab2" style="left: 85px; bottom: -30px;"][/div]
[div class="tab tab3" style="left: 158px; bottom: -30px;"][/div]
[div class="tab tab4" style="left: 231px; bottom: -30px;"][/div]
[div class="tab tab5" style="left: 304px; bottom: -30px;"][/div]
[div class="tab tab6" style="left: 377px; bottom: -30px;"][/div]
[/div][/div][/div]
[class=container]
width: 450px;
height: 450px;
margin: auto;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
[/class]
[class=border]
position: absolute;
width: 450px;
height: 450px;
border: 1px solid #ccc;
outline: 1px solid #fafafa;
background: #f1f1f1;
margin: auto;
overflow: hidden;
[/class]
[class=charactername]
position: absolute;
width: 450px;
top: 75px;
right: 0;
text-align: center;
font-size: 30px;
text-transform: uppercase;
color: var(--accent-2);
font-weight: 900;
text-align: center;
transition: ease 1s;
white-space: nowrap;
transition-delay: 1s;
[/class]
[class=icon]
width: 150px;
height: 150px;
background: var(--image-1);
background-size: cover;
background-position: center;
border-radius: 100%;
position: absolute;
left: 145px;
top: 145px;
z-index: 2;
border: 5px solid var(--accent-1);
transform: rotateY(0deg);
transition: ease 1s;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class=role]
position: absolute;
bottom: 90px;
width: 450px;
height: 10px;
text-align: center;
color: var(--accent-2);
font-size: 11px;
line-height: 10px;
transition: ease 1s;
transition-delay: 1s;
text-transform: uppercase;
[/class]
[class=charname]
font-size: 15px;
top: 34px;
right: 10px;
width: 170px;
transition-delay: 0s;
[/class]
[class=roledown]
bottom: -20px;
transition-delay: 0s;
[/class]
[class=sideword]
position: absolute;
width: 170px;
left: -170px;
top: 34px;
font: 15px;
text-transform: uppercase;
color: var(--accent-2);
font-weight: 900;
text-align: center;
transition: ease 1s;
box-sizing: border-box;
padding-right: 0px;
transition-delay: 1s;
[/class]
[class=swordin]
left: 10px;
transition-delay: 0s;
[/class]
[class=spin]
top: 15px;
left: 190px;
width: 60px;
height: 60px;
transform: rotateY(360deg);
transition-delay: 1s;
border-width: 2px;
[/class]
[class=tab]
position: absolute;
background: var(--accent-1);
width: 61px;
height: 30px;
border-radius: 3px;
display: inline-block;
transition: ease 0.5s;
line-height: 30px;
text-align: center;
font-size: 12px;
color: var(--accent-3);
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class=up]
margin-bottom: 40px;
transition: ease 0.5s;
[/class]
[class=stab1]
transition-delay: 2.2s;
[/class]
[class=stab2]
transition-delay: 2.4s;
[/class]
[class=stab3]
transition-delay: 2.6s;
[/class]
[class=stab4]
transition-delay: 2.8s;
[/class]
[class=stab5]
transition-delay: 3s;
[/class]
[class=stab6]
transition-delay: 3.2s;
[/class]
[class=tabContents]
position: absolute;
top: 85px;
left: 20px;
height: 320px;
width: 410px;
transition: all .5s;
opacity: 0;
[/class]
[class=fadein]
opacity: 1;
z-index: 1;
transition: all 1.5s;
transition-delay: 3.6s;
[/class]
[class=column]
height: 320px;
width: 96px;
display: flex;
justify-content: space-evenly;
position: absolute;
right: 0;
flex-direction: column;
[/class]
[class=images]
height: 92px;
width: 92px;
border: 2px solid var(--accent-2);
[/class]
[class=images2]
height: 92px;
width: 92px;
border: 2px solid var(--accent-1);
[/class]
[class=textbox]
position: absolute;
left: 0;
top: 7px;
width: 315px;
height: 305px;
overflow: hidden;
font-size: 12px;
white-space: pre-line;
line-height: 130%;
text-transform: lowercase;
[/class]
[class=scroll]
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
color: var(--accent-3);
[/class]
[class=tag]
text-transform: uppercase;
display: inline;
font-size: 12px;
letter-spacing: 1px;
text-align: left;
font-weight: 600;
color: var(--accent-1);
[/class]
[class name=tab state=hover]
background: var(--accent-3);
color: var(--accent-1);
transition: ease .5s;
[/class]
[class=chosen]
background: var(--accent-3);
color: var(--accent-1);
transition: ease .5s;
[/class]
[class=chosen1]
background: var(--accent-3);
color: var(--accent-1);
transition: ease .5s;
transition-delay: 2.2s;
[/class]
[class=show]
opacity: 1;
transition: all 1s;
z-index: 1;
[/class]
[class=none]
pointer-events: none;
[/class]
[script class=tab on=mouseenter]
removeClass stab1 tab1
removeClass stab2 tab2
removeClass stab3 tab3
removeClass stab4 tab4
removeClass stab5 tab5
removeClass stab6 tab6
[/script]
[script class=icon on=click]
addClass charname charactername
addClass roledown role
addClass swordin sideword
addClass spin icon
addClass up tab
addClass stab1 tab1
addClass stab2 tab2
addClass stab3 tab3
addClass stab4 tab4
addClass stab5 tab5
addClass stab6 tab6
addClass fadein tabContents1
addClass chosen1 tab1
addClass none icon
[/script]
[script class=tab1 on=click]
addClass show tabContents1
addClass chosen tab1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass fadein tabContents1
removeClass chosen tab2
removeClass chosen tab3
removeClass chosen tab4
removeClass chosen tab5
removeClass chosen1 tab1
[/script]
[script class=tab2 on=click]
addClass show tabContents2
addClass chosen tab2
removeClass show tabContents1
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass fadein tabContents1
removeClass chosen tab1
removeClass chosen tab3
removeClass chosen tab4
removeClass chosen tab5
removeClass chosen1 tab1
[/script]
[script class=tab3 on=click]
addClass show tabContents3
addClass chosen tab3
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents4
removeClass show tabContents5
removeClass fadein tabContents1
removeClass chosen tab1
removeClass chosen tab2
removeClass chosen tab4
removeClass chosen tab5
removeClass chosen1 tab1
[/script]
[script class=tab4 on=click]
addClass show tabContents4
addClass chosen tab4
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents5
removeClass fadein tabContents1
removeClass chosen tab1
removeClass chosen tab2
removeClass chosen tab3
removeClass chosen tab5
removeClass chosen1 tab1
[/script]
[script class=tab5 on=click]
addClass show tabContents5
addClass chosen tab5
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass fadein tabContents1
removeClass chosen tab1
removeClass chosen tab2
removeClass chosen tab3
removeClass chosen tab4
removeClass chosen1 tab1
[/script]
[script class=tab6 on=click]
removeClass charname charactername
removeClass roledown role
removeClass swordin sideword
removeClass spin icon
removeClass up tab
removeClass fadein tabContents
removeClass show tabContents
removeClass chosen1 tab1
removeClass chosen tab
removeClass none icon
[/script]
Last edited:
summerwine
an angel's kiss in spring
[class=tabs]
background-color: #A62A2A;
color: #e4eeff;
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: auto;
min-width: 350px;
text-align: center;
width: 10px;
[/class]
[class=tab]
cursor: pointer;
display: inline-block;
width: 90px;
[/class]
[class name=tab state=hover]
opacity: 0.5;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Basics) (show tabsContentBasics)
if (eq ${currentTab} Persona) (show tabsContentPersona)
if (eq ${currentTab} Backstory) (show tabsContentBackstory)
[/script]
code by summerwine
[div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Basics[/div][div class=tab]Persona[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Backstory[/div][/div]
[div class="tabsContent tabsContentBasics"]
[/div]
[div class="tabsContent tabsContentPersona" style="display: none;"]
[/div]
[div class="tabsContent tabsContentBackstory" style="display: none;"]
[/div]
Last edited:
User
Junior Member
the troublemaker/pothead
Arya Hilton
faceclaim: Mia Alves
Arya Hilton
faceclaim: Mia Alves
[class=block] width: auto; padding: 0px 2px 0px 2px; font-size: 10px; display: inline-block; color: white; [/class] [class=writing] font-size: 13px; color: white; margin-align: auto; [/class] [class=snap] position: relative; font-size: 12px; color: white; margin-align: auto; left: 5px; top: 5px; line-height: 13px; [/class] [class=chat] font-size: 9px; color: white; display: inline-block; [/class] [class=stitle] position: relative; font-size: 50px; color: white; margin-align: auto; left: 60px; top: 37px; line-height: 13px; font: Arimo; font-spacing: 3px; [/class] [class=subt] font-size: 7px; color: white; display: inline-block; [/class] [class=info] font-size: 12px; color: #4c4c4c; font: Arimo; text-align: center; [/class] [class=info1] font-size: 12px; color: #4c4c4c; font: Arimo; text-align: left; [/class] [class=snap1] position: relative; font-size: 12px; color: white; margin-align: auto; left: 5px; top: 5px; line-height: 13px; [/class] [class=snap2] font-size: 9px; color: white; display: inline-block; [/class] [class=spotify] font-size: 20px; color: #4c4c4c; font: Arimo; text-align: left; [/class] [class=tabs]color: white; font-size: 25px; line-height: 1; text-align: center; space: 15px; width: 100%;[/class] [class=tab] margin-top: -60px; width: 45px; height: 45px; border-radius: 5px; background-color: #fafafa; float: left; text-align: center; padding-top: 8px; padding-left: 1px; box-sizing: border-box; color: #1e1e1e; font-size: 25px; transition: 0.5s; font: Arimo; position: relative; opacity: 1.0[/class] [class name=tab state=hover]color: black; font-style: italic; transition: 0.3s[/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 01) (show tabsContent01) if (eq ${currentTab} 02) (show tabsContent02) if (eq ${currentTab} 03) (show tabsContent03) [/script]
[div class=tabs]
[div class=tab]01
[div class=tab]02
[div class=tab]03
[/div][/div][/div][div class="tabsContent tabsContent01"]
[div class=block style="background-color: grey;"]name
Arya Hilton.
.
[div class=block style="background-color: grey;"]nickname[/div] Hills.
[div class=block style="background-color: grey;"]age[/div] 17.
[div class=block style="background-color: grey;"]d.o.b[/div] November 3rd.
[div class=block style="background-color: grey;"]pronouns[/div] She/Her.
[div class=block style="background-color: grey;"]orientation[/div] Biromantic.
[div class=block style="background-color: grey;"]Stereotype[/div] The Pothead/The Troublemaker
[div class=block style="background-color: grey;"]Faceclaim[/div] Mia Alves.
[div class=block style="background-color: grey;"]eyes[/div] Her eyes are green, with specks of grey.
[div class=block style="background-color: grey;"]hair[/div] Her hair is cut into a bob, and is usually kept down. Most days it is neat and straight, but, on others, it is a tangled mess that was quickly thrown up into a bun.
[div class=block style="background-color: grey;"]height[/div] 5' 4.
[div class=block style="background-color: grey;"]weight[/div] 110 lbs.
[div class=block style="background-color: grey;"]body figure[/div] Arya is unhealthily underweight due to her (lack of) eating habits.
[div class=block style="background-color: grey;"]body mods[/div] Arya has three piercings on her right ear (two of them being on the cartilage) and a self-done stick and poke tattoo on her upper thigh of a stick figure. She jokingly named it 'Tom,' but isn't too proud of that tattoo since she gave it to herself while high.
[div class=block style="background-color: grey;"]Clothing Style[/div] Her typical outfit consists of an oversized jacket - usually denim - a tightfitted shirt and a dark bottom. On occasions, when she wakes up late, she comes to class in basketball shorts and an oversized t-shirt. She doesn't really get creative with her makeup, mostly because she doesn't know anything other than the basics.
[/div][/div][/div][/div] [div class="tabsContent tabsContent02"]
[div class=block style="background-color: grey;"]year[/div] junior.
[div class=block style="background-color: grey;"]vices[/div]
Arya is terribly addicted to several
downers. In cases where she can't get her daily
fix, she acts irrationally and gets paranoid. She also never thinks about the future, or how her impulsive actions might harm anyone. Lacking any ambition, she comes off as lazy, undetermined, and careless to others.
To anyone unlucky enough trying to get her 'under control,' Arya makes a point of being as unruly as she can possibly be.
[div class=block style="background-color: grey;"]virtues[/div]
To anyone unlucky enough trying to get her 'under control,' Arya makes a point of being as unruly as she can possibly be.
Despite Arya's defiant nature, she tends to be very easy going around most people, as long as they don't give her any reason not to be.
Even though she doesn't have any goals of her own, she is always willing to help someone else complete theirs.
She values loyalty highly, and will take her friends' words as truth, even if they are blatantly lying. Arya is also very observant, and notices shifts in people's behavior easily. This is one of the main reasons she acts the way she does, as she realizes situations are more complex than what people say. Though, she will almost never place herself into serious situations, and will do her best to balance tension with light-hearted humor.
Even though she doesn't have any goals of her own, she is always willing to help someone else complete theirs.
Even though she doesn't have any goals of her own, she is always willing to help someone else complete theirs.
[div class=block style="background-color: grey;"]likes
[div class=block style="background-color: grey;"]dislikes[/div] authority, her stepfather, being alone, work, show-offs/naturally talented people, dogs.[/div]
[div class=block style="background-color: grey;"]history
Academically intelligent, musically talented, and polite, Arya was a poster child. Or, at least, that was until her father walked out one day, fed up with his ex-signigicant other's remissness. Though, whenever anyone asks, Arya's mother will always tell them that he died tragically in a car related accident. Her mother, too stubborn to pick up work, instantly remarried for money, leaving Arya with a man who could care less if she wound up dead. Neglected and emotionally abused, she sunk into a dark pit, yet, her mother was too naive to see anything and never stepped in. Arya truly felt alone. In the blink of an eye, her ambition dissipitated. The things she used to enjoy were suddenly bland and all she did every day was walk around aimlessly. It was on one of those walks that she met the crowd living in the trailer park, befriended them, and was adopted into their unofficial 'family'. Any time she was with them, Arya felt complete - like the hole her father's absence created was filled. Wanting to blend in to her new family, she adopted many of their bad habits, including being a druggie and aggressively impulsive. She learned to despise authority, but also how to let life's problems roll of her shoulders.
[/div][/div][/div][/div] [div class="tabsContent tabsContent03"]
[/div]
[div class=info1]
+
pork soda
glass animals
+
had some drinks
two feet
+
daddy issues
the neighborhood
+
do I wanna know
arctic monkeys
+
i see you
missio
+
drugs
upsahl
coded by nymphadora. ©
[div class=block style="background-color: grey;"]history
[/div][/div] [/div][/div][/div][/div] [/div][/div]
Aiden Hunter (
apolla
) - friends, druggie buddy, nicknamed [unknown]
Cain Logos (
Parallax
) - friends since middle school, druggie buddy/dealer, nicknamed Cane's Chicken/Raising Cane's,
Rowad Reed (
Parallax
) - acquaintances, enjoys teasing/spooking, nicknamed Reeses Pieces,
Elena River (
Keira Winston
) - friends-ish, tense/awkward relationship due to slowly drifting apart, nicknamed E/"Her majesty"
Carina Toro (
copacetic
) - acquaintances, admires her passion & art but doesn't really interact w/ her, no nickname (yet ; ))
Reagan Farrow (
Kimby
) - friends since previous year, has each other's back n stuff, nicknamed Prep
Lilith Goode (
summerwine
) - enemies, ex-crush, nicknamed "that Bitch"
apolla
) - friends, druggie buddy, nicknamed [unknown]Cain Logos (
Parallax
) - friends since middle school, druggie buddy/dealer, nicknamed Cane's Chicken/Raising Cane's,Rowad Reed (
Parallax
) - acquaintances, enjoys teasing/spooking, nicknamed Reeses Pieces,Elena River (
Keira Winston
) - friends-ish, tense/awkward relationship due to slowly drifting apart, nicknamed E/"Her majesty"Carina Toro (
copacetic
) - acquaintances, admires her passion & art but doesn't really interact w/ her, no nickname (yet ; ))Reagan Farrow (
Kimby
) - friends since previous year, has each other's back n stuff, nicknamed PrepLilith Goode (
summerwine
) - enemies, ex-crush, nicknamed "that Bitch"
Last edited:
copacetic
un cœur tranquille
[class=bkgd]
--highlight: #fff;
--lowlight: #1F5B5E;
--color1: #F6CC3F;
--color2: #81BDDC;
--color3: #B56561;
--color4: #CC9458;
--color5: #A092D3;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
width: 500px;
height: 350px;
background-color: var(--color2);
overflow: hidden;
border-radius: 10px;
box-shadow: 5px 5px 0px var(--color3);
cursor: url('https://i.imgur.com/FMvuswx.png'), auto;
[/class]
[class=splash]
position: absolute;
width: 100%;
height: 100%;
background-color: var(--color5);
[/class]
[class=splashpic]
position: absolute;
width: 200px;
height: 200px;
top: 65px;
left: 150px;
background: url(https://i.pinimg.com/564x/2a/58/8b/2a588b78491be2cb27735e0d99061a5a.jpg);
background-size: 100%;
background-position: 50% 50%;
border-radius: 10px;
[/class]
[class=splashpicshadow]
position: absolute;
width: 195px;
height: 195px;
top: 75px;
left: 160px;
border: 5px solid var(--color1);
border-radius: 10px;
[/class]
[class=splashname]
position: absolute;
width: 100%;
height: auto;
top: 35px;
padding-left: 80px;
text-align: left;
font-size: 30px;
color: var(--highlight);
text-shadow: 3px 3px 0px var(--color4);
font-weight: 700;
font-style: italic;
text-transform: lowercase;
[/class]
[class=splashrole]
position: absolute;
width: 85%;
height: auto;
top: 250px;
text-align: right;
font-size: 27px;
color: var(--lowlight);
text-shadow: 3px 3px 0px var(--color1);
font-weight: 700;
font-style: italic;
text-transform: lowercase;
[/class]
[class=pic]
position: absolute;
width: 150px;
height: 150px;
top: 25px;
left: 30px;
background: url(https://i.pinimg.com/564x/d0/c4/1b/d0c41b2734aa37dd363f4cc9ebf8ff90.jpg);
background-size: 100%;
background-position: 50% 50%;
border-radius: 10px;
transition-duration: 0.3s;
[/class]
[class name=pic state=hover]
background: url(https://i.pinimg.com/564x/c2/31/d0/c231d0a2896c38ce5713c0d58cde3402.jpg);
background-size: 100%;
background-position: 100% 60%;
transition-duration: 0.3s;
[/class]
[class=picshadow]
position: absolute;
width: 145px;
height: 145px;
top: 30px;
left: 35px;
border: 4px solid var(--color1);
border-radius: 10px;
[/class]
[class=name]
position: absolute;
width: 150px;
height: auto;
top: 190px;
left: 30px;
text-align: center;
font-size: 20px;
line-height: 20px;
color: var(--highlight);
text-shadow: 3px 3px 0px var(--color4);
font-weight: 700;
font-style: italic;
text-transform: lowercase;
[/class]
[class=tab]
position: absolute;
width: 130px;
height: 16px;
background: var(--color5);
border-radius: 5px;
transition-duration: 0.3s;
color: var(--highlight);
font-size: 12px;
line-height: 16px;
font-weight: 700;
text-transform: lowercase;
text-align: center;
font-style: italic;
box-shadow: 2px 2px 0px var(--color1);
[/class]
[class name=tab state=hover]
background: var(--color3);
transition-duration: 0.3s;
[/class]
[class=textcontainer]
position: absolute;
width: 300px;
height: 300px;
left: 220px;
top: 30px;
overflow: hidden;
[/class]
[class=text]
position: relative;
width: 260px;
height: 100%;
overflow: auto;
color: var(--lowlight);
font-size: 10px;
line-height: 12px;
text-align: justify;
padding-right: 100px;
white-space: pre-wrap;
padding-top: 2px;
[/class]
[class=tag]
position: relative;
overflow: visible;
display: inline;
width: auto;
height: auto;
font-size: 9px;
text-align: center;
margin-right: 5px;
padding: 1px 3px 1px 3px;
text-transform: lowercase;
border: 2px solid var(--color1);
border-radius: 3px;
color: var(--color3);
font-weight: 700;
letter-spacing: 0px;
[/class]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #dedede;
opacity: 0.2;
[/class]
[script class=button on=click]
addClass slideleft splash
[/script]
[class=slideleft]
animation-name: {post_id}sleft;
animation-duration: 1.7s;
animation-fill-mode: forwards;
[/class]
[animation=sleft]
[keyframe=0]transform: translateX(0%);[/keyframe]
[keyframe=100]transform: translateX(-100%);visibility:hidden;[/keyframe]
[/animation]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} basics) (fadeIn 400 tabsContent1)
if (eq ${currentTab} persona) (fadeIn 400 tabsContent2)
if (eq ${currentTab} backstory) (fadeIn 400 tabsContent3)
if (eq ${currentTab} extras) (fadeIn 400 tabsContent4)
[/script]
[class=hidden]
display:none;
[/class]
[div class=bkgd]
[div class=picshadow][/div]
[div class=pic][/div]
[div class=name]i'll make it back if i can.[/div]
[div class=tab style="top: 245px; left: 40px;"]basics[/div]
[div class=tab style="top: 267px; left: 40px;"]persona[/div]
[div class=tab style="top: 289px; left: 40px;"]backstory[/div]
[div class=tab style="top: 311px; left: 40px;"]extras[/div]
[div class="textcontainer tabsContent tabsContent1"][div class=text][div class=tag]name[/div] carina isabel toro
[div class=tag]age[/div] 17
[div class=tag]d.o.b[/div] september 17th
[div class=tag]gender[/div] female
[div class=tag]pronouns[/div] she/her
[div class=tag]sexuality[/div] bisexual
[div class=tag]grade[/div] senior
[div class=tag]role[/div] the artist
[div class=tag]faceclaim[/div] tashi rodriguez
[div class=tag]hair color[/div] dark brown
[div class=tag]hair style[/div] formerly past her shoulders, her soft, curly hair has been cut short and she had gotten bangs as well
[div class=tag]eye color[/div] brown
[div class=tag]height[/div] 5'1
[div class=tag]weight[/div] 110lbs
[div class=tag]ethnicity[/div] puerto rican
[div class=tag]dist. features[/div] freckles across her face, particularly concentrated around her nose
[div class=tag]body mods[/div] just basic ear piercings
[div class=tag]attire[/div] here
[div class=tag]aesthetic[/div] here
[div class=tag]ailments[/div] anxiety/depression/ocd
[/div][/div]
[div class="textcontainer tabsContent tabsContent2 hidden"][div class=text][div class=tag]vices[/div] tempermental, insecure, catastrophic thinker, passive, picky
[div class=tag]virtues[/div] creative, self-aware, conscientious, empathetic, conviction in her beliefs
[div class=tag]likes[/div] art (drawing/painting mostly), sunshine, the beach, therapy, home cooked meals, drying flowers, combining art mediums, thunderstorms, music
[div class=tag]dislikes[/div] fish touching her, seagulls, therapy (there are some good and bad days), feeling out of control, driving, public speaking, sports, milk, essays, math
[div class=tag]fears[/div] not being independent, her or someone she loves dying, spiders, snakes
[div class=tag]habits/quirks[/div] messing with her hair, does have rituals with her ocd
[/div][/div]
[div class="textcontainer tabsContent tabsContent3 hidden"][div class=text][div class=tag]family[/div]
-gabriel toro// father // deceased (50-heart attack)
-carolina toro// mother // 49 // alive
-isaac toro// brother // 22 // alive
-brianna toro // sister // 19 // alive
[div class=tag]history[/div]
-youngest of 3 children
-tight knit family
-her father was from puerto rico, but her mother was born in nj
-was a quiet child, but not particularly shy
-parents own a restaurant that serves breakfast/brunch/lunch
-not wealthy like many of her classmates, but not poor either
-siblings watched her a lot since parents were busy with the restaurant
-since her siblings were not old enough to drive her anywhere, she just focused on art rather than the usual afterschool activities
-it was evident early on that she had quite the talent for it
-she had always been a different child, but things got to the point where her parents became concerned
-she would have strange rules and habits, "meltdowns", and irrational fears of "bad things" happening/people dying/etc.
-eventually carina was diagnosed with ocd, depression, and anxiety
-panic attack at school sent her to the emergency room in 8th grade and she retreated a bit socially from her peers due to embarrassment and fear of a repeat
-she started therapy and has been steadily improving since then
-she has made significant progress, though there are occasional hiccups
-carina still has trouble with public speaking, but mostly has everything under control
-however, she did have a bit of a backslide a year ago when her father passed away from a heart attack
-she just wants to get back to normal, well, to figure out a new normal
-because one of her worst fears has come true, she did take some time off the end of the school year the year before to get back to a healthy place
-has begun sending out portfolios and applications to art schools in nyc because it is far enough away, but still close enough to home
-she is very aware of her issues and is trying to get out of her comfort zone to overcome them
[div class=tag]relationships[/div]
[/div][/div]
[div class="splash button"]
[div class=splashpicshadow][/div]
[div class=splashpic][/div]
[div class=splashname]take me anywhere[/div]
[div class=splashrole]i am a nervous passenger[/div]
[/div]
[/div]
[div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
- one: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
- two: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
- three: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
- four: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
Last edited:
copacetic
un cœur tranquille
[class=bkgd]
--highlight: #fff;
--lowlight: #33E018;
--color1: #961F1F;
--color2: #1B4199;
--color3: #F7DD1B;
--color4: #DB6634;
--color5: #A62493;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
width: 500px;
height: 350px;
background-color: var(--color2);
overflow: hidden;
border-radius: 10px;
box-shadow: 5px 5px 0px var(--color3);
cursor: url('https://i.imgur.com/FMvuswx.png'), auto;
[/class]
[class=splash]
position: absolute;
width: 100%;
height: 100%;
background-color: var(--color5);
[/class]
[class=splashpic]
position: absolute;
width: 200px;
height: 200px;
top: 65px;
left: 150px;
background: url(https://i.pinimg.com/564x/c3/17/62/c31762f12006dccf901054ee35207cdf.jpg);
background-size: 100%;
background-position: 5% 5%;
border-radius: 10px;
[/class]
[class=splashpicshadow]
position: absolute;
width: 195px;
height: 195px;
top: 75px;
left: 160px;
border: 5px solid var(--color1);
border-radius: 10px;
[/class]
[class=splashname]
position: absolute;
width: 100%;
height: auto;
top: 35px;
padding-left: 80px;
text-align: left;
font-size: 30px;
color: var(--highlight);
text-shadow: 3px 3px 0px var(--color4);
font-weight: 700;
font-style: italic;
text-transform: lowercase;
[/class]
[class=splashrole]
position: absolute;
width: 85%;
height: auto;
top: 250px;
text-align: right;
font-size: 27px;
color: var(--lowlight);
text-shadow: 3px 3px 0px var(--color1);
font-weight: 700;
font-style: italic;
text-transform: lowercase;
[/class]
[class=pic]
position: absolute;
width: 150px;
height: 150px;
top: 25px;
left: 30px;
background: url(https://i.pinimg.com/564x/74/eb/d1/74ebd1b3d56312f5153ce8846acf2c05.jpg);
background-size: 100%;
background-position: 50% 50%;
border-radius: 10px;
transition-duration: 0.3s;
[/class]
[class name=pic state=hover]
background: url(https://i.pinimg.com/564x/3e/ae/db/3eaedbcf0209170a854a84e76dc2def3.jpg);
background-size: 100%;
background-position: 100% 60%;
transition-duration: 0.3s;
[/class]
[class=picshadow]
position: absolute;
width: 145px;
height: 145px;
top: 30px;
left: 35px;
border: 4px solid var(--color1);
border-radius: 10px;
[/class]
[class=name]
position: absolute;
width: 150px;
height: auto;
top: 190px;
left: 30px;
text-align: center;
font-size: 20px;
line-height: 20px;
color: var(--highlight);
text-shadow: 3px 3px 0px var(--color4);
font-weight: 700;
font-style: italic;
text-transform: lowercase;
[/class]
[class=tab]
position: absolute;
width: 130px;
height: 16px;
background: var(--color5);
border-radius: 5px;
transition-duration: 0.3s;
color: var(--highlight);
font-size: 12px;
line-height: 16px;
font-weight: 700;
text-transform: lowercase;
text-align: center;
font-style: italic;
box-shadow: 2px 2px 0px var(--color1);
[/class]
[class name=tab state=hover]
background: var(--color3);
transition-duration: 0.3s;
[/class]
[class=textcontainer]
position: absolute;
width: 300px;
height: 300px;
left: 220px;
top: 30px;
overflow: hidden;
[/class]
[class=text]
position: relative;
width: 260px;
height: 100%;
overflow: auto;
color: var(--lowlight);
font-size: 10px;
line-height: 12px;
text-align: justify;
padding-right: 100px;
white-space: pre-wrap;
padding-top: 2px;
[/class]
[class=tag]
position: relative;
overflow: visible;
display: inline;
width: auto;
height: auto;
font-size: 9px;
text-align: center;
margin-right: 5px;
padding: 1px 3px 1px 3px;
text-transform: lowercase;
border: 2px solid var(--color1);
border-radius: 3px;
color: var(--color3);
font-weight: 700;
letter-spacing: 0px;
[/class]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #dedede;
opacity: 0.2;
[/class]
[script class=button on=click]
addClass slideleft splash
[/script]
[class=slideleft]
animation-name: {post_id}sleft;
animation-duration: 1.7s;
animation-fill-mode: forwards;
[/class]
[animation=sleft]
[keyframe=0]transform: translateX(0%);[/keyframe]
[keyframe=100]transform: translateX(-100%);visibility:hidden;[/keyframe]
[/animation]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} basics) (fadeIn 400 tabsContent1)
if (eq ${currentTab} persona) (fadeIn 400 tabsContent2)
if (eq ${currentTab} backstory) (fadeIn 400 tabsContent3)
if (eq ${currentTab} extras) (fadeIn 400 tabsContent4)
[/script]
[class=hidden]
display:none;
[/class]
[div class=bkgd]
[div class=picshadow][/div]
[div class=pic][/div]
[div class=name]i won't hold you down.[/div]
[div class=tab style="top: 245px; left: 40px;"]basics[/div]
[div class=tab style="top: 267px; left: 40px;"]persona[/div]
[div class=tab style="top: 289px; left: 40px;"]backstory[/div]
[div class=tab style="top: 311px; left: 40px;"]extras[/div]
[div class="textcontainer tabsContent tabsContent1"][div class=text][div class=tag]name[/div] jacob "jake" ryan perry
[div class=tag]age[/div] 18
[div class=tag]d.o.b.[/div] may 28th
[div class=tag]gender[/div] male
[div class=tag]pronouns[/div] he/him
[div class=tag]sexuality[/div] heterosexual
[div class=tag]grade[/div] senior
[div class=tag]role[/div] mechanic/lovable asshole
[div class=tag]faceclaim[/div] finn roberts
[div class=tag]hair color[/div] dark brown
[div class=tag]hair style[/div] curly disheveled mess
[div class=tag]eye color[/div] greenish blue
[div class=tag]height[/div] 6'1.
[div class=tag]weight[/div] 158 lbs
[div class=tag]dist. features[/div] his mop of hair on his head
[div class=tag]body mods[/div] tattoo on bicep
[div class=tag]attire[/div] tbd
[div class=tag]ailments[/div] n/a
[/div][/div]
[div class="textcontainer tabsContent tabsContent2 hidden"][div class=text][div class=tag]vices[/div] asshole, quick temper, stubborn, impulsive, impatient
[div class=tag]virtues[/div] helpful, charismatic, hard-working, genuine, outgoing
[div class=tag]likes[/div] cars, driving fast, figuring things out, movies, blasting music, jameson whiskey, late nights, snowboarding, nice tools, ferrets
[div class=tag]dislikes[/div] waking up early, school, coffee, traffic, bitter food, fixing stupid mistakes, broccoli, drama, country music, boredom
[div class=tag]fears[/div] losing his sister, seagulls
[div class=tag]habits/quirks[/div] cracking his back/knuckles
[/div][/div]
[div class="textcontainer tabsContent tabsContent3 hidden"][div class=text][div class=tag]family[/div]
-eric perry // father // 52 // alive
-alyssa perry // step-mother // 46 // alive
-gina cumminga // mother // 49 // alive
-evan cummings // step-father // 49 // alive
-kennedy perry // sister // 7 // alive
-sam cummings // step-brother // 14 // alive
[div class=tag]history[/div]
-parents grew up in doveport and married right after high school
-they eventually had jake and kennedy
-however, they did divorce when jake was 12 and kennedy was 1
-jake and kennedy split time at both parents' houses since they both stayed in doveport
-jake's parents both got remarried and he gained a younger step-brother
-always been an outgoing child, having a large array of friends
-has always been into cars
-got into fixing them when he was 14, helping his dad
-school has never been his thing
-he is very bright, but doesn't try because he doesn't care. he just puts in enough effort to pass
-9/10 times he does not do his homework
-he makes money through fixing classmates' cars
-he won't hesitate to call you a stupid bitch for not changing your oil or replacing your brakes on time, but he will still do it
-he is still v charismatic and good at heart, he can just be an asshole sometimes
-in addition to his regular car, he has the shell of a car in his garage that he is building into a race car (though he is keeping it street legal)
-hopes to open an automotive shop of his own in the future
[div class=tag]relationships[/div]
[/div][/div]
[div class="splash button"]
[div class=splashpicshadow][/div]
[div class=splashpic][/div]
[div class=splashname]i guess i'll just[/div]
[div class=splashrole]see you around[/div]
[/div]
[/div]
[div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
- one: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
- two: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
- three: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
- four: Mi bibendum neque egestas congue. Molestie nunc non blandit massa enim nec dui. Velit ut tortor pretium viverra.
Last edited:
Keira Winston
Golden State of Mind
[class=border]
--main-color: #A0C9C9;
--image-1: url(https://i.pinimg.com/originals/20/fc/a8/20fca82df7b5e14e98239338e5ae5516.jpg);
--image-2: url(https://i.redd.it/92ess83ctzm21.jpg);
--image-3: url(https://gate.undelete.news/uploads/jayalvarrez/50548249_295426637790184_555276550371077371_n.jpg);
--image-4: url(https://data.whicdn.com/images/267890759/original.jpg);
--image-5: url(https://medias.spotern.com/spots/w640/222/222779-1565603666.jpg);
--image-6: url(https://lh3.googleusercontent.com/proxy/0ZqySlj4VuPseIS67femYA5mFSHlh2ZcZSLddpR1GSL4gqwaqyXTq0E-v2ihrn-CTrsojk3xnS4nxIzNdHWgsHYvz2ZnHFoWh-AakqkdBkhoN0WVrKhKL_sW60jSGMaqjP0vX2Jm_xjwM69gPU5uBOf8OcVtU1vVytYITciPoBYzIa5b8F-8tCf-dF3oIZjtVd9y2bAyoElRZXEJu9zSSMsCjkT3hRdf4DXLkwsFHw5frGQ2UAUT7LLqO1_305M);
--image-7: url(https://pbs.twimg.com/media/C5rfTwsVMAEAfMd.jpg);
--image-8: url(https://www.famousbirthdays.com/faces/alvarrez-jay-musicproducer-image.jpg);
--image-9: url(https://i.pinimg.com/originals/78/6d/f3/786df349b9a318859019f096d84511b9.jpg);
[/class]
[div class=border][div class=border2][div class=home][div class=homeimage]
[div class=square1][/div][div class=square2][/div]
[div class=ba][/div] [div class=bb][/div] [div class=bc][/div] [div class=bd][/div]
[div class=line][/div] [div class="tab tab1 chosentab" style="top: 85px; transition-delay: 2s;"]home[/div] [div class="tab tab2" style="top: 135px; transition-delay: 2.1s;"]about[/div] [div class="tab tab3" style="top: 185px; transition-delay: 2.2s;"]persona[/div] [div class="tab tab4" style="top: 235px; transition-delay: 2.3s;"]backstory[/div] [div class="tab tab5" style="top: 285px; transition-delay: 2.4s;"]gallery[/div][/div]
[div class=border3][div class=contents]
[div class="tabContents tabContents1 show"][div class=roleline style="left: 67px;"][/div] [div class=roleline style="left: 132px;"][/div]
[div class=role style="top: 30px; left: 50px;"]the[/div] [div class=role style="top: 65px; left: 115px;"]surfer[/div][/div]
[div class="tabContents tabContents2"][div class=scroll][div class=tag]name[/div] jackson "jax" kai hernandez
[div class=tag]nickname/s[/div] most people call him jax
[div class=tag]age[/div] 17
[div class=tag]birthdate[/div] march 21st
[div class=tag]gender[/div] cis-male
[div class=tag]pronouns[/div] he, him
[div class=tag]sexual orientation[/div] heterosexual
[div class=tag]grade[/div] senior, 12th
[div class=tag]stereotype[/div] the surfer
[div class=tag]height + weight[/div] 6' 150 lbs
[div class=tag]eyes[/div] forest green
[div class=tag]hair[/div] a mess of dirty blonde curls that he either keeps short or tied in a man bun
[div class=tag]build[/div] slim and athletic, mostly muscle
[div class=tag]tattoos[/div] see image on home page
[div class=tag]attire[/div] comfortable, casual, and trend; closet consisting of skinny jeans, sweatpants, t-shirts, hoodies, vans, denim & leather jackets, etc.
[div class=tag]faceclaim[/div] jay alvarrez[/div][/div]
[div class="tabContents tabContents3"][div class=scroll][div class=tag]virtues[/div] laid-back, relaxed, sweet, humorous, compassionate, charismatic, clever, loyal, friendly
[div class=tag]vices[/div] flirtatious, wild, wreckless, stubborn, impulsive, fiery, impatient, lazy, blunt at times
[div class=tag]likes[/div] sports, flirting with girls, protein shakes, khakis, surfboards & skateboards, the ocean, weed, parties, beaches, cars & motorcycles, edm
[div class=tag]dislikes[/div] buzz kills, homework, high society events, unnecessary drama, lies, cheaters, the rain, being hungover, country music, being told what to do, rules[/div][/div]
[div class="tabContents tabContents4"][div class=scroll][div class=tag]backstory[/div]
-cousins w/ elena, but he's practically her brother- always looking out for her, her only close family member
-spent his early life growing up in san luis obispo, a small beach town on the central coast of ca
-his father was supposed to establish the west coast branch of "the rivera" luxury hotels, but he gave it up to run away from the corruption of high society
-because his father was cut out of the family business, he lost all his shares and practically had to start at the bottom
-the financial struggles created tension between jax's parents
-jax grew up without much, was often neglect, and struggled in school a lot
-he didn't have the best relationship with his dad, blaming him for the struggles they had to go through because he cut himself off from his family
-got in trouble a lot with the cops, fell into the wrong crowd
-got sent to live w/ elena after freshman year to get straightened out
[div class=tag]relationships[/div] let's talk! down for anything[/div][/div]
[div class="tabContents tabContents5"][div class=scroll][div class=leftpic style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-3); background-size: cover; background-position: center;"][/div]
[div class=leftpic style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-5); background-size: cover; background-position: center;"][/div]
[div class=leftpic style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-7); background-size: cover; background-position: center;"][/div]
[div class=leftpic style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=rightpic style="background: var(--image-9); background-size: cover; background-position: center;"][/div]
[/div][/div]
[/div][/div][/div][/div]
coded by constellation.
[/div]
[class=border]
width: 650px;
height: 400px;
margin: auto;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
[/class]
[class=border2]
position: absolute;
width: 650px;
height: 400px;
[/class]
[class=home]
position: relative;
width: 250px;
height: 400px;
left: 200px;
transition: 2s;
transition-delay: 3s;
z-index: 2;
[/class]
[class=homeimage]
width: 250px;
height: 400px;
background: var(--image-1);
background-size: cover;
background-position: center;
filter: grayscale(100%);
transition: 1s ease-in-out;
[/class]
[class=square1]
position: absolute;
top: -10px;
left: -10px;
transition: 1s ease-in-out;
border: 1px solid #000;
width: 248px;
height: 398px;
[/class]
[class=square2]
position: absolute;
top: 10px;
left: 10px;
transition: 1s ease-in-out;
opacity: 1;
border: 1px solid var(--main-color);
width: 248px;
height: 398px;
[/class]
[class=ba]
position: absolute;
top: 10px;
left: 10px;
width: 1px;
height: 0px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=bb]
position: absolute;
top: 10px;
left: 10px;
width: 0px;
height: 1px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=bc]
position: absolute;
bottom: 10px;
right: 10px;
width: 1px;
height: 0px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=bd]
position: absolute;
bottom: 10px;
right: 10px;
width: 0px;
height: 1px;
background: white;
transition: 1s ease-in-out;
transition-delay: 0.5s;
[/class]
[class=line]
position: absolute;
top: 50px;
left: 60px;
transition: 1s ease-in-out;
width: 5px;
height: 0px;
background: white;
transition-delay: 1.5s;
[/class]
[class=tab]
position: absolute;
left: 100px;
transition: 1s ease-in-out;
border-bottom: 5px solid white;
font: 14px/120% Chivo;
color: white;
text-transform: uppercase;
opacity: 0;
[/class]
[class=leftpic]
float: left;
display: inline-block;
width: 175px;
height: 210px;
background: red;
margin: 5px 0;
[/class]
[class=rightpic]
float: right;
display: inline-block;
width: 175px;
height: 210px;
background: red;
margin: 5px 0;
[/class]
[class=contents]
position: absolute;
z-index: 1;
height: 400px;
width: 400px;
background: #fff;
top: 0px;
left: -250px;
opacity: 0;
transition: 3s;
transition-delay: 4s;
border: 1px solid #e1e1e1;
[/class]
[class=tabContents]
position: absolute;
height: 370px;
width: 385px;
opacity: 0;
padding: 15px 0 15px 15px;
overflow: hidden;
white-space: pre-line;
[/class]
[class=scroll]
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
color: #333;
font-size: 12px;
[/class]
[class=border3]
position: absolute;
width: 402px;
height: 402px;
top: -1px;
left: 250px;
overflow: hidden;
[/class]
[class=role]
position: absolute;
text-align: center;
font: 22px Chivo;
background: var(--main-color);
padding: 10px 5px 3px 5px;
writing-mode: vertical-rl;
text-orientation: upright;
color: #fff;
text-transform: uppercase;
[/class]
[class=roleline]
position: absolute;
height: 75px;
background: var(--main-color);
top: 0;
width: 2px;
[/class]
[class=show]
opacity: 1;
transition: all 1.5s;
z-index: 1;
[/class]
[class=tag]
display: inline;
padding: 3px 5px;
margin-right: 2px;
background: var(--main-color);
color: white;
font-size: 9px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 150%;
font-family: Chivo;
[/class]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
font-style: italic;
transition: 1s;
[/class]
[class=chosentab]
font-style: italic;
transition-delay: 0s;
[/class]
[script class=tab1 on=click]
addClass show tabContents1
addClass chosentab tab1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents2
addClass chosentab tab2
removeClass show tabContents1
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents3
addClass chosentab tab3
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents4
addClass chosentab tab4
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents5
addClass chosentab tab5
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=home on=mouseenter]
addClass b1 square1
addClass b2 square2
addClass bh ba
addClass bw bb
addClass bh bc
addClass bw bd
addClass blur homeimage
addClass linemove line
addClass appear tab
addClass homeslide home
addClass contentslide contents
[/script]
[class=b1]
top: 0;
left: 0;
border: 1px solid var(--main-color);
[/class]
[class=b2]
top: 0;
left: 0;
background: var(--main-color);
opacity: 0.4;
[/class]
[class=bh]
height: 380px;
[/class]
[class=bw]
width: 230px;
[/class]
[class=blur]
filter: grayscale(100%) blur(0.5px);
[/class]
[class=linemove]
height: 300px;
[/class]
[class=appear]
opacity: 1;
[/class]
[class=homeslide]
left: 0;
[/class]
[class=contentslide]
left: 0px;
opacity: 1;
[/class]
Last edited:
jasmyn
f r e e b i r d
[class=container]
--main-color: #3973ac;
--image-1: url(https://66.media.tumblr.com/0186039c501956c12e95086bdb9104a4/tumblr_pkxiuhMTzr1rdibb3o2_400.gifv);
--image-2: url(https://66.media.tumblr.com/733e644ad30b52d99b296e60c31a276e/tumblr_olhli8D7zT1s6pp33o1_500.gif);
--image-3: url(https://media3.giphy.com/media/1AeefqBCLw64GJrfc5/giphy.gif?cid=ecf05e472faea3cdb857d79fa4985dbe706521333d600fe6&rid=giphy.gif);
--image-4: url(https://media.giphy.com/media/1pAbwe7nT3QkftPfn2/giphy.gif);
--image-5: url(https://66.media.tumblr.com/041d9739bf557b8d3fd904e547d08ded/tumblr_pkxiuhMTzr1rdibb3o3_400.gifv);
--image-6: url(https://media1.giphy.com/media/NSFtYu9TZ5aOmBFM3X/200.gif?cid=ecf05e4768245cda249ac874e7c1f51538d1b6c130df7f87&rid=200.gif);
--image-7: url(https://media1.giphy.com/media/5R0Ioi9XV48NQk1py5/200.gif?cid=ecf05e47c149d19aac30bcfc760f91f56d1053d23497a0ae&rid=200.gif);
--image-8: url(https://media0.giphy.com/media/5UJe1fmGhC1YSfhDXs/giphy.gif?cid=ecf05e47f29746b863acc1b84bc484b2ab9b5a3f72c08b2f&rid=giphy.gif);
--image-9: url(https://66.media.tumblr.com/0186039c501956c12e95086bdb9104a4/tumblr_pkxiuhMTzr1rdibb3o2_400.gifv);
[/class]
[div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div]
[div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]DORIAN KINGSTON[/div] [div class=subtitle]the player[/div][/div]
[div class="tabContents tabContents2"][div class=header]basics.[/div][div class=tabtwoimage][/div]
[div class=about2][/div]
[div class=about][div class=info][div class=tag]nickname[/div] dori. d.[/div]
[div class=info][div class=tag]age[/div] eighteen.[/div]
[div class=info][div class=tag]gender[/div] male.[/div]
[div class=info][div class=tag]sexuality[/div] heterosexual.[/div][/div][/div]
[div class="tabContents tabContents3"][div class=header]about.[/div] [div class=tabthreeimage][/div][div class=persona][div class=scroll]
[div class=tag2]persona[/div] dorian has a very outgoing persona which has made it quite easy for him to make friends. he prides himself on being the life of a party and able to mingle with just about anyone. along with this boldness comes his flirtatious side. he isn't afraid of rejection in the slightest so he's never been nervous about trying to charm anyone he sets his sights on. he has been labeled as a player but the truth is he just doesn't want to be tied down. what's so bad about that? love is overrated anyway, who needs it? he's usually upfront about not wanting a relationship but that hasn't stopped some girls from catching feelings and blaming him for their heartbreak. maybe he isn't totally innocent but whatever. dorian can also be pretty hot-headed in certain situations, especially those involving his sister or if he drinks a little too much. speaking of drinking, he loves to party and sometimes has too good of a time which has landed him into some trouble from time to time. his reckless nature probably comes from a lack of parental authority growing up. although he does have some questionable traits and ways, dorian does have a kind heart and he is pretty friendly. he just doesn't particularly open up about his feelings and shit.
[div class=tag2]likes[/div] fast cars. parties. tattoos. pb&j. rollercoasters. pasta. dogs.
[div class=tag2]dislikes[/div] brussle sprouts. country music. bats. puzzles. authority. [/div][/div][/div]
[div class="tabContents tabContents4"][div class=header]backstory.[/div] [div class=boxes][div class=box]BDAY
june 1st[/div] [div class=box]PRONOUNS
he/him[/div] [div class=box]GRADE
senior[/div] [div class=box]STYLE
X - X - X[/div][/div] [div class=history][div class=scroll][div class=tag]backstory[/div] dorian was born to laura and richard kingston, two people who had made quite the financial cushion for themselves before he or madi ever came along. on the outside looking in, their family is perfect but they aren't the loving family the portray for image sakes which was often a lot of pressure. they expected them to excel in everything to keep up appearances and to walk the golden line so to speak, something neither of them wanted to do. their parents were hardly around growing up. they were both successful but their jobs required them to travel often so he and his sister were left with nannies. they thought as long as their kids had all the material things they could ever want, life was perfect. it was far from it. dorian grew up seeking love and admiration wherever he could. he joined sports teams to get a sense of a bigger family and was sometimes a hopeless romantic when it came to girls. especially when he met...her. his first real girlfriend and he fell for her rather quickly. everything seemed perfect until sophomore year when she practically ripped his heart out and stomped on it like it was nothing to her. from then on he decided relationships were pointless. a waste of time. who needed real love? it was overrated and he was done chasing after the fantasy of it. he's never admitted to anyone the reason why he is so non-committal afraid it would make him look weak or silly. instead, he became the player he is today, claiming that relationships are a restriction on his freedom and he just wants to have fun without all the strings attached. [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
[div class=tag2]FACECLAIM[/div] noah centineo.
[div class=tag2]HEIGHT[/div] 5'11.
[div class=tag2]WEIGHT[/div] 168 lbs.
[div class=tag2]HAIR[/div] brunette.
[div class=tag2]EYES[/div] chocolatey brown.
[div class=tag2]BODY MODS[/div] info here.june 1st[/div] [div class=box]PRONOUNS
he/him[/div] [div class=box]GRADE
senior[/div] [div class=box]STYLE
X - X - X[/div][/div] [div class=history][div class=scroll][div class=tag]backstory[/div] dorian was born to laura and richard kingston, two people who had made quite the financial cushion for themselves before he or madi ever came along. on the outside looking in, their family is perfect but they aren't the loving family the portray for image sakes which was often a lot of pressure. they expected them to excel in everything to keep up appearances and to walk the golden line so to speak, something neither of them wanted to do. their parents were hardly around growing up. they were both successful but their jobs required them to travel often so he and his sister were left with nannies. they thought as long as their kids had all the material things they could ever want, life was perfect. it was far from it. dorian grew up seeking love and admiration wherever he could. he joined sports teams to get a sense of a bigger family and was sometimes a hopeless romantic when it came to girls. especially when he met...her. his first real girlfriend and he fell for her rather quickly. everything seemed perfect until sophomore year when she practically ripped his heart out and stomped on it like it was nothing to her. from then on he decided relationships were pointless. a waste of time. who needed real love? it was overrated and he was done chasing after the fantasy of it. he's never admitted to anyone the reason why he is so non-committal afraid it would make him look weak or silly. instead, he became the player he is today, claiming that relationships are a restriction on his freedom and he just wants to have fun without all the strings attached. [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
coded by constellation.
[class=container]
width: 540px;
height: 350px;
margin: auto;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
[/class]
[class=border]
position: absolute;
width: 540px;
height: 350px;
background: #f1f1f1;
margin: 0 auto;
border: 1px solid #f1f1f1;
background-image: url(https://www.transparenttextures.com/patterns/ecailles.png);
[/class]
[class=tabs]
position: absolute;
top: 50px;
left: 0;
height: 290px;
width: 50px;
display: flex;
justify-content: flex-end;
flex-direction: column;
[/class]
[class=tab]
height: 11px;
width: 11px;
background: var(--main-color);
border-radius: 100%;
margin: 5px 20px;
border: 1px solid var(--main-color);
transition: 1s;
[/class]
[class=header]
position: absolute;
top: -50px;
left: -50px;
height: 50px;
width: 320px;
padding: 0 15px;
color: var(--main-color);
line-height: 50px;
text-transform: uppercase;
font-weight: 900;
font-size: 23px;
[/class]
[class=tabContents]
position: absolute;
bottom: 0;
right: 0;
height: 300px;
width: 490px;
background: white;
opacity: 0;
transition: all .5s;
font-family: Sen;
font-size: 12px;
color: black;
[/class]
[class=show]
opacity: 1;
transition: all 1s;
z-index: 1;
[/class]
[script class=tab1 on=click]
addClass show tabContents1
addClass chosentab tab1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents2
addClass chosentab tab2
removeClass show tabContents1
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents3
addClass chosentab tab3
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents4
addClass chosentab tab4
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents5
addClass chosentab tab5
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
background: white;
transition: 1s;
[/class]
[class=chosentab]
background: white;
[/class]
[class=mainimage]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
background: var(--image-1);
background-size: cover;
background-position: center;
[/class]
[class=title]
position: absolute;
bottom: 50px;
left: 50px;
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
color: var(--main-color);
[/class]
[class=subtitle]
position: absolute;
bottom: 100px;
left: 53px;
font-size: 12px;
font-weight: 200;
text-transform: uppercase;
color: #fff;
[/class]
[class=about]
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 490px;
display: flex;
flex-direction: row;
[/class]
[class=info]
height: 40px;
width: 122.5px;
font-size: 11px;
text-transform: uppercase;
font-weight: 200;
color: #333;
text-align: center;
padding: 20px 0;
[/class]
[class=tag]
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: var(--main-color);
[/class]
[class=tabtwoimage]
position: absolute;
top: 80px;
left: 0;
height: 100px;
width: 490px;
background: var(--image-2);
background-size: cover;
background-position: 50%;
[/class]
[class=tag2]
display: inline-block;
padding: 0px 5px;
background: var(--main-color);
color: white;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 150%;
[/class]
[class=about2]
position: absolute;
bottom: 10px;
left: 10px;
height: 100px;
width: 470px;
white-space: pre-line;
overflow-x: hidden;
line-height: 150%;
[/class]
[class=tabthreeimage]
position: absolute;
top: 0;
right: 0;
height: 300px;
width: 250px;
-webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
background: var(--image-3);
background-size: cover;
background-position: center left;
[/class]
[class=persona]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 235px;
overflow: hidden;
white-space: pre-line;
line-height: 150%;
text-transform: lowercase;
[/class]
[class=scroll]
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
color: #333;
[/class]
[class=boxes]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
display: flex;
flex-direction: column;
justify-content: space-between;
[/class]
[class=box]
height: 28px;
width: 80px;
background: var(--main-color);
font-size: 11px;
text-transform: uppercase;
font-weight: 200;
color: #fff;
padding: 14px 10px;
line-height: 130%;
[/class]
[class=history]
position: absolute;
top: 15px;
right: 0;
height: 270px;
width: 360px;
overflow: hidden;
white-space: pre-line;
line-height: 150%;
padding-left: 20px;
text-align: justify;
text-transform: lowercase;
[/class]
[class=slideshow]
height: 110px;
max-width: 490px;
margin: 0 auto;
position: relative;
top: 150px;
overflow: hidden;
transform: translate3d(0, 0, 0);
border-top: 3px solid black;
border-bottom: 3px solid black;
[/class]
[class=slide]
height: 110px;
width: 1485px;
background: black;
position: absolute;
top: 0;
left: 0;
height: 100%;
transform: translate3d(0, 0, 0);
[/class]
[class=simage]
display: inline-block;
height: 110px;
width: 161px;
[/class]
[class=slide]
animation: {post_id}move 10s linear infinite;
[/class]
[animation=move]
[keyframe=100]
transform: translateX(-55.56%);
[/keyframe]
[/animation]
[class=tabfiveimage]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
background: var(--image-9);
background-size: cover;
background-position: center;
[/class]
Last edited:
laburnum gold
you know ;)
[class=bkgd]
position: relative;
box-sizing: border-box;
width: 600px;
height: 400px;
background-color: #7B9FAB;
border: 3px 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: 402px;
left: 0px;
top: -2px;
background: url(https://api.models.fr/media/5e1464ff08289e3242a92422/thumbnail/width/800/vededx.jpg);
background-size: 150%;
border-right: 3px solid #DFDEE6;
[/class]
[class=title]
position: absolute;
left: 183px;
top: 10px;
overflow: hidden;
width: 400px;
height: auto;
color: #EC9889;
text-shadow: 2px 2px 0px #240A03;
text-transform: uppercase;
text-align: right;
font-style: normal;
font-weight: normal;
font-size: 30px;
padding-right: 3px;
[/class]
[class=role]
position: absolute;
left: 383px;
top: 46px;
overflow: hidden;
width: 200px;
height: auto;
color: #8D220C;
text-transform: uppercase;
text-shadow: 1px 2px 0px #45130E;
text-align: right;
font-style: italic;
font-weight: normal;
font-size: 20px;
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: #8D220C;
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: #DFDEE6;
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: #194A60;
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: #DFDEE6;
text-shadow: 1px 2px 0px #194A60;
[/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: #DFDEE6;
text-shadow: 1px 2px 0px #194A60;
[/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: #DFDEE6;
text-shadow: 1px 2px 0px #194A60;
[/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: #DFDEE6;
text-shadow: 1px 2px 0px #194A60;
[/class]
[class=tag]
position: relative;
overflow: hidden;
width: auto;
height: 10px;
display: inline;
background-color: #EC9889;
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]Devon Wong[/div]
[div class=underline][/div]
[div class=role]the ditz[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]backstory[/div]
[div class=sub4 style="display: none;"]appearance[/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]B[/div]
[div class=two]A[/div]
[div class=three]P[/div]
[div class=four]S[/div]
[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] Devon Wong
[div class=tag]age[/div] 18
[div class=tag]birthdate[/div] February 28
[div class=tag]gender[/div] male
[div class=tag]pronouns[/div] he/him
[div class=tag]sexual orientation[/div] bisexual
[div class=tag]grade[/div] senior
[div class=tag]stereotype[/div] the airhead
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]likes[/div] LEDs that change with the beat of the music
ordering the newest Apple product even if he doesn't need it
detouring to pet the strays he finds on his walks
breakfast for dinner but making sure there's always something sickeningly sweet
jumping sidewalk hopscotch squares no matter what
[div class=tag]dislikes[/div] taking shots when he could just make a cocktail
wearing shoes when he doesn't strictly have to
people taking things too seriously - live a little!
sitting still for long periods of time
stumbling over his words when he reads out loud
[div class=tag]vices[/div]works hard plays hard
privileged and oblivious about it
only thinks about his own happiness
[div class=tag]virtues[/div] works hardplays hard
sincere and straightforward about it
once he cares, he cares a lot
[/div][/div][/div]
[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]history[/div] A puppy if puppies were born with silver spoons and learned Beyonce's choregraphy for fun.
Devon's not smart, and he's fine with it. Dance is what he's good at, and it's what he pours all his energy into. He's the only child of a couple who have more money than they know what to do with. As far as the Wongs are concerned, as long as the individual is happy then so too is the rest of the family. That's why if Devon's grades are shit but he's passing, there're no complaints. Applying himself in school is wasted energy, and he needs to focus on practicing in the studio or else he's not gonna nail his auditions for conservatories. Plus, the ADHD and dyslexia doesn't exactly make reading and sitting still for hours on end a pleasurable experience for him.
His mindset in school is that if he inherently can't enjoy being there, he'll have to find other ways to entertain himself. If that means cartwheeling down the hallways on his long bathroom breaks or striking up conversations with literally any student or faculty he bumps into, so be it. The only subjects he actually likes are art and gym. He might be gunning for graduation, but that doesn't mean he can't enjoy himself along the way.
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]hair color[/div] black
[div class=tag]hairstyle[/div] long, sometimes sleek, sometimes fluffy - it's kinda a mullet situation
[div class=tag]eyecolor[/div] black
[div class=tag]height[/div] 5'11"
[div class=tag]weight[/div] 160
[div class=tag]tattoos[/div] he's got a stick and poke smiley on his wrist and an apple on his foot
[div class=tag]piercings[/div] just his left ear, and he did it impulsively
[div class=tag]clothing style[/div] whatever he wants
[div class=tag]gallery[/div]
[/div][/div][/div]
[/div][div class=credit]code by [COLOR=#8D220C]sox[/COLOR][/div]
[div class=bkgd]
[div class=pic][/div]
[div class=title]Devon Wong[/div]
[div class=underline][/div]
[div class=role]the ditz[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]backstory[/div]
[div class=sub4 style="display: none;"]appearance[/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]B[/div]
[div class=two]A[/div]
[div class=three]P[/div]
[div class=four]S[/div]
[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] Devon Wong
[div class=tag]age[/div] 18
[div class=tag]birthdate[/div] February 28
[div class=tag]gender[/div] male
[div class=tag]pronouns[/div] he/him
[div class=tag]sexual orientation[/div] bisexual
[div class=tag]grade[/div] senior
[div class=tag]stereotype[/div] the airhead
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]likes[/div] LEDs that change with the beat of the music
ordering the newest Apple product even if he doesn't need it
detouring to pet the strays he finds on his walks
breakfast for dinner but making sure there's always something sickeningly sweet
jumping sidewalk hopscotch squares no matter what
[div class=tag]dislikes[/div] taking shots when he could just make a cocktail
wearing shoes when he doesn't strictly have to
people taking things too seriously - live a little!
sitting still for long periods of time
stumbling over his words when he reads out loud
[div class=tag]vices[/div]
privileged and oblivious about it
only thinks about his own happiness
[div class=tag]virtues[/div] works hard
sincere and straightforward about it
once he cares, he cares a lot
[/div][/div][/div]
[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]history[/div] A puppy if puppies were born with silver spoons and learned Beyonce's choregraphy for fun.
Devon's not smart, and he's fine with it. Dance is what he's good at, and it's what he pours all his energy into. He's the only child of a couple who have more money than they know what to do with. As far as the Wongs are concerned, as long as the individual is happy then so too is the rest of the family. That's why if Devon's grades are shit but he's passing, there're no complaints. Applying himself in school is wasted energy, and he needs to focus on practicing in the studio or else he's not gonna nail his auditions for conservatories. Plus, the ADHD and dyslexia doesn't exactly make reading and sitting still for hours on end a pleasurable experience for him.
His mindset in school is that if he inherently can't enjoy being there, he'll have to find other ways to entertain himself. If that means cartwheeling down the hallways on his long bathroom breaks or striking up conversations with literally any student or faculty he bumps into, so be it. The only subjects he actually likes are art and gym. He might be gunning for graduation, but that doesn't mean he can't enjoy himself along the way.
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]hair color[/div] black
[div class=tag]hairstyle[/div] long, sometimes sleek, sometimes fluffy - it's kinda a mullet situation
[div class=tag]eyecolor[/div] black
[div class=tag]height[/div] 5'11"
[div class=tag]weight[/div] 160
[div class=tag]tattoos[/div] he's got a stick and poke smiley on his wrist and an apple on his foot
[div class=tag]piercings[/div] just his left ear, and he did it impulsively
[div class=tag]clothing style[/div] whatever he wants
[div class=tag]gallery[/div]
[/div][/div][/div]
[/div][div class=credit]code by [COLOR=#8D220C]sox[/COLOR][/div]
Last edited:
jasmyn
f r e e b i r d
[class=container]
--main-color: #ff80aa;
--image-1: url(https://66.media.tumblr.com/e4e556bf8a7a72c9b282c83afc8daf8a/tumblr_pk06fvfRe31vd1nkco1_400.gifv);
--image-2: url(https://media0.giphy.com/media/PlmqBR1UeKbJ6aYjlS/200.gif?cid=ecf05e4716ba8bd15227642c1c4151fceb89ed50ec5276da&rid=200.gif);
--image-3: url(https://66.media.tumblr.com/14787d9d9cc16fc1c6792ed64290d7a9/a2759935e1d38033-79/s250x400/fa107cfaa1de865ed04bc5e43749b7b2b3242a77.gifv);
--image-4: url(https://66.media.tumblr.com/512b71b7238635fd7e501532c7be271e/tumblr_pff89l2LJ21xd7a0qo4_r1_250.gifv);
--image-5: url(https://66.media.tumblr.com/b196b8dec54f828551aa188e13a0771f/tumblr_pb6qqtae8Y1x3izs0o2_250.gifv);
--image-6: url(https://media1.giphy.com/media/eu3BCkbHerz5gRfEyG/giphy.gif?cid=ecf05e479036f8a03b32921acb8f98bcd69a689737bd468c&rid=giphy.gif);
--image-7: url(https://media2.giphy.com/media/n8x38IOOwUVCo7dKua/giphy.gif?cid=ecf05e479036f8a03b32921acb8f98bcd69a689737bd468c&rid=giphy.gif);
--image-8: url(https://media2.giphy.com/media/8dNusrZjf1qmLSvcdU/giphy.gif?cid=ecf05e479a6cd47cf6aa05786fc9a590279e3246e9d401c7&rid=giphy.gif);
--image-9: url(https://66.media.tumblr.com/e4e556bf8a7a72c9b282c83afc8daf8a/tumblr_pk06fvfRe31vd1nkco1_400.gifv);
[/class]
[div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div]
[div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]MADELAINE KINGSTON[/div] [div class=subtitle]the cheerleader[/div][/div]
[div class="tabContents tabContents2"][div class=header]basics.[/div][div class=tabtwoimage][/div]
[div class=about2][/div]
[div class=about][div class=info][div class=tag]nickname[/div] madi. mads. laney.[/div]
[div class=info][div class=tag]age[/div] seventeen.[/div]
[div class=info][div class=tag]gender[/div] female.[/div]
[div class=info][div class=tag]sexuality[/div] heterosexual.[/div][/div][/div]
[div class="tabContents tabContents3"][div class=header]about.[/div] [div class=tabthreeimage][/div][div class=persona][div class=scroll][div class=tag2]persona[/div] like her brother, madelaine is also pretty outgoing. she carries herself with confidence but this isn't to say she doesn't acknowledge her flaws. she is also very opinionated so if she feels something, you'll most likely know it. the only thing she can't seem to be so straight forward about is her desire to quit cheer and focus more on her other dreams and hobbies. madi has just always been the type of person who wants to please; her friends, her parents, and really everyone else. this is something she really wants to work on because it has made her feel trapped in a persona that she doesn't want but she cares a little too much what others think of her. her fun and adventurous side can be often suppressed by her need to be perfect for her parent's sake. she really wants to learn to be more carefree like dorian but she isn't sure she has it in her.
[div class=tag2]likes[/div] seashells. keychains. trying new things. photography. dancing.
[div class=tag2]dislikes[/div] losing. cooking. oranges. moths. rejection. lightning. seafood. [/div][/div][/div]
[div class="tabContents tabContents4"][div class=header]backstory.[/div] [div class=boxes][div class=box]BDAY
dec. 5th[/div] [div class=box]PRONOUNS
she/her[/div] [div class=box]GRADE
junior[/div] [div class=box]STYLE
X - X - X[/div][/div] [div class=history][div class=scroll][div class=tag]backstory[/div] she was the second born to the kingstons and she was just as spoiled and somehow ignored as dorian was. her mother did give her slightly more attention when she was around but only to shove the idea of cheerleading down her throat. her mother had been a cheerleader back in her days and fully expected that her daughter would follow in her footsteps. she threw her into tumbling and cheer from a very early age and put the pressure on her to excel at it. it wasn't that madi didn't like cheerleading, in fact she enjoyed it for the most part. through freshman year she had the best times of her life with her cheer family. it's just that she didn't want to make a career out of it. she was much more interested in other things. her mother didn't care though and madi could tell her for fear of the one thing that caught her mom's attention slipping out of reach. instead, she continues to cheer though it's gotten to be more of a chore than a hobby as she seeks the approval from her parents. [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
[div class=tag2]FACECLAIM[/div] madison beer.
[div class=tag2]HEIGHT[/div] 5'2.
[div class=tag2]WEIGHT[/div] 126 lbs.
[div class=tag2]HAIR[/div] brunette.
[div class=tag2]EYES[/div] chocolatey brown.
[div class=tag2]BODY MODS[/div] info here.dec. 5th[/div] [div class=box]PRONOUNS
she/her[/div] [div class=box]GRADE
junior[/div] [div class=box]STYLE
X - X - X[/div][/div] [div class=history][div class=scroll][div class=tag]backstory[/div] she was the second born to the kingstons and she was just as spoiled and somehow ignored as dorian was. her mother did give her slightly more attention when she was around but only to shove the idea of cheerleading down her throat. her mother had been a cheerleader back in her days and fully expected that her daughter would follow in her footsteps. she threw her into tumbling and cheer from a very early age and put the pressure on her to excel at it. it wasn't that madi didn't like cheerleading, in fact she enjoyed it for the most part. through freshman year she had the best times of her life with her cheer family. it's just that she didn't want to make a career out of it. she was much more interested in other things. her mother didn't care though and madi could tell her for fear of the one thing that caught her mom's attention slipping out of reach. instead, she continues to cheer though it's gotten to be more of a chore than a hobby as she seeks the approval from her parents. [/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
coded by constellation.
[class=container]
width: 540px;
height: 350px;
margin: auto;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
[/class]
[class=border]
position: absolute;
width: 540px;
height: 350px;
background: #f1f1f1;
margin: 0 auto;
border: 1px solid #f1f1f1;
background-image: url(https://www.transparenttextures.com/patterns/ecailles.png);
[/class]
[class=tabs]
position: absolute;
top: 50px;
left: 0;
height: 290px;
width: 50px;
display: flex;
justify-content: flex-end;
flex-direction: column;
[/class]
[class=tab]
height: 11px;
width: 11px;
background: var(--main-color);
border-radius: 100%;
margin: 5px 20px;
border: 1px solid var(--main-color);
transition: 1s;
[/class]
[class=header]
position: absolute;
top: -50px;
left: -50px;
height: 50px;
width: 320px;
padding: 0 15px;
color: var(--main-color);
line-height: 50px;
text-transform: uppercase;
font-weight: 900;
font-size: 23px;
[/class]
[class=tabContents]
position: absolute;
bottom: 0;
right: 0;
height: 300px;
width: 490px;
background: white;
opacity: 0;
transition: all .5s;
font-family: Sen;
font-size: 12px;
color: black;
[/class]
[class=show]
opacity: 1;
transition: all 1s;
z-index: 1;
[/class]
[script class=tab1 on=click]
addClass show tabContents1
addClass chosentab tab1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents2
addClass chosentab tab2
removeClass show tabContents1
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents3
addClass chosentab tab3
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents4
addClass chosentab tab4
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents5
addClass chosentab tab5
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
background: white;
transition: 1s;
[/class]
[class=chosentab]
background: white;
[/class]
[class=mainimage]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
background: var(--image-1);
background-size: cover;
background-position: center;
[/class]
[class=title]
position: absolute;
bottom: 50px;
left: 50px;
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
color: var(--main-color);
[/class]
[class=subtitle]
position: absolute;
bottom: 100px;
left: 53px;
font-size: 12px;
font-weight: 200;
text-transform: uppercase;
color: #000;
[/class]
[class=about]
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 490px;
display: flex;
flex-direction: row;
[/class]
[class=info]
height: 40px;
width: 122.5px;
font-size: 11px;
text-transform: uppercase;
font-weight: 200;
color: #333;
text-align: center;
padding: 20px 0;
[/class]
[class=tag]
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: var(--main-color);
[/class]
[class=tabtwoimage]
position: absolute;
top: 80px;
left: 0;
height: 100px;
width: 490px;
background: var(--image-2);
background-size: cover;
background-position: 50%;
[/class]
[class=tag2]
display: inline-block;
padding: 0px 5px;
background: var(--main-color);
color: white;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 150%;
[/class]
[class=about2]
position: absolute;
bottom: 10px;
left: 10px;
height: 100px;
width: 470px;
white-space: pre-line;
overflow-x: hidden;
line-height: 150%;
[/class]
[class=tabthreeimage]
position: absolute;
top: 0;
right: 0;
height: 300px;
width: 250px;
-webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
background: var(--image-3);
background-size: cover;
background-position: center left;
[/class]
[class=persona]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 235px;
overflow: hidden;
white-space: pre-line;
line-height: 150%;
text-transform: lowercase;
[/class]
[class=scroll]
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
color: #333;
[/class]
[class=boxes]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
display: flex;
flex-direction: column;
justify-content: space-between;
[/class]
[class=box]
height: 28px;
width: 80px;
background: var(--main-color);
font-size: 11px;
text-transform: uppercase;
font-weight: 200;
color: #fff;
padding: 14px 10px;
line-height: 130%;
[/class]
[class=history]
position: absolute;
top: 15px;
right: 0;
height: 270px;
width: 360px;
overflow: hidden;
white-space: pre-line;
line-height: 150%;
padding-left: 20px;
text-align: justify;
text-transform: lowercase;
[/class]
[class=slideshow]
height: 110px;
max-width: 490px;
margin: 0 auto;
position: relative;
top: 150px;
overflow: hidden;
transform: translate3d(0, 0, 0);
border-top: 3px solid black;
border-bottom: 3px solid black;
[/class]
[class=slide]
height: 110px;
width: 1485px;
background: black;
position: absolute;
top: 0;
left: 0;
height: 100%;
transform: translate3d(0, 0, 0);
[/class]
[class=simage]
display: inline-block;
height: 110px;
width: 161px;
[/class]
[class=slide]
animation: {post_id}move 10s linear infinite;
[/class]
[animation=move]
[keyframe=100]
transform: translateX(-55.56%);
[/keyframe]
[/animation]
[class=tabfiveimage]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
background: var(--image-9);
background-size: cover;
background-position: center;
[/class]
Last edited:
Parallax
That man is playing Gallaga
[class=content]
position: relative;
width: 300px;
height: 400px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
--bkgd-color: #FFE7AD;
--text-color: #000;
--accent-color: #00A68C;
cursor: url('https://i.imgur.com/eyUJ9gM.png'), auto;
[/class]
[class=homebkgd]
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--bkgd-color);
[/class]
[class=intro]
position: absolute;
width: 100%;
height: auto;
color: var(--text-color);
font-size: 10px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
top: 10%;
[/class]
[class=name]
position: absolute;
width: 100%;
height: auto;
color: var(--text-color);
font-size: 22px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
text-shadow: 2px 2px 0px var(--accent-color);
top: 13%;
[/class]
[class=role]
position: absolute;
width: 100%;
height: auto;
color: var(--text-color);
font-size: 15px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
top: 20%;
[/class]
[class=line]
position: absolute;
width: 80%;
height: 1px;
border-radius: 10px;
background-color: var(--accent-color);
top: 28%;
left: 10%;
[/class]
[class=icon]
position: absolute;
width: 5%;
height: 15px;
background: url(https://imgur.com/EHavE1R.png);
background-size: 100%;
top: 32%;
left: 47.5%;
transition-duration: 0.5s;
animation:{post_id}throb 10s linear infinite;
[/class]
[class=pic]
position: absolute;
width: 80%;
height: 52%;
background: url(https://i.pinimg.com/originals/ae/a8/e2/aea8e2c4ae809b006870b710e27843c3.jpg);
background-size: 100%;
background-position: 0% 40%;
top: 40%;
left: 10%;
border: 0.5px solid var(--accent-color);
[/class]
[animation=throb]
[keyframe=0]transform: scale(1.5);[/keyframe]
[keyframe=10]transform: scale(0.95);[/keyframe]
[keyframe=20]transform: scale(1.5);[/keyframe]
[keyframe=30]transform: scale(0.95);[/keyframe]
[keyframe=40]transform: scale(1.5);[/keyframe]
[keyframe=50]transform: scale(0.95);[/keyframe]
[keyframe=60]transform: scale(1.5);[/keyframe]
[keyframe=70]transform: scale(0.95);[/keyframe]
[keyframe=80]transform: scale(1.5);[/keyframe]
[keyframe=90]transform: scale(0.95);[/keyframe]
[keyframe=100]transform: scale(1.5);[/keyframe]
[/animation]
[script class=button on=click]
addClass slideup homebkgd
[/script]
[class=slideup]
animation-name: {post_id}slup;
animation-duration: 1.7s;
animation-fill-mode: forwards;
[/class]
[animation=slup]
[keyframe=0]transform: translateY(0%);[/keyframe]
[keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe]
[/animation]
[class=bkgd]
position: absolute;
width: 100%;
height: 100%;
background-color: var(--bkgd-color);
[/class]
[class=header]
position: absolute;
width: 80%;
height: auto;
color: var(--text-color);
font-size: 22px;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
top: 6%;
left: 10%;
[/class]
[class=tabcontainer]
position: absolute;
height: 20px;
width: auto;
top: 7.2%;
left: 63%;
[/class]
[class=tab]
position: relative;
color: var(--text-color);
width: 20px;
height: 10px;
display: inline;
font-size: 15px;
padding: 0px 5px 0px 6px;
transition-duration: 0.3s;
[/class]
[class name=tab state=hover]
color: var(--accent-color);
transition-duration: 0.3s;
[/class]
[class=textcontainer]
position: absolute;
overflow: hidden;
top: 18%;
left: 10%;
width: 90%;
height: 75%;
[/class]
[class=text]
position: relative;
overflow: auto;
width: 255px;
height: 100%;
font-size: 10px;
line-height: 12px;
color: var(--text-color);
text-align: justify;
text-transform: lowercase;
padding-right: 50px;
[/class]
[class=tag]
position: relative;
display: inline;
width: auto;
height: auto;
color: var(--accent-color);
text-transform: uppercase;
margin-right: 5px;
text-decoration: underline;
font-weight: 700;
[/class]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #dedede;
opacity: 0.25;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (fadeIn 500 tabsContent1)
if (eq ${currentTab} 2) (fadeIn 500 tabsContent2)
if (eq ${currentTab} 3) (fadeIn 500 tabsContent3)
if (eq ${currentTab} 4) (fadeIn 500 tabsContent4)
[/script]
[div class=content]
[div class=bkgd]
[div class=line style="top: 5%;"][/div]
[div class="header tabsContent tabsContent1"]basics[/div]
[div class="header tabsContent tabsContent2" style="display:none;"]persona[/div]
[div class="header tabsContent tabsContent3" style="display:none;"]backstory[/div]
[div class="header tabsContent tabsContent4" style="display:none;"]misc.[/div]
[div class=line style="top: 15%;"][/div]
[div class=tabcontainer]
[div class=tab]1[/div]
[div class=tab]2[/div]
[div class=tab]3[/div]
[div class=tab]4[/div]
[/div]
[div class="textcontainer tabsContent tabsContent1"][div class=text]
[div class=tag]name:[/div] rowan reed
[div class=tag]nickname:[/div] ro, reese's to his little sister
[div class=tag]age:[/div] 18
[div class=tag]gender:[/div] male
[div class=tag]sexuality:[/div] heterosexual
[div class=tag]role:[/div] the shy kid
[div class=tag]faceclaim:[/div] andrew garfield
[div class=tag]d.o.b:[/div] february 1
[div class=tag]height:[/div] 5' 11
[div class=tag]weight:[/div] 150lbs
[div class=tag]hair color:[/div] medium brown
[div class=tag]eye color:[/div] honey brown
[div class=tag]dist. marks:[/div] nothing out of the ordinary
[div class=tag]body mods:[/div] none [/div][/div] [div class="textcontainer tabsContent tabsContent2" style="display:none;"][div class=text] [div class=tag]vices:[/div] trusting, reserved, loyal to a fault, a bit cowardly, not direct, poor communicator, awkward
[div class=tag]virtues:[/div] warm, genuine, generous, loving, hopeless romantic, intelligent, family-oriented, understanding
[div class=tag]strengths:[/div] while he doesn't take advantage of it, he's a skilled hacker. great at soccer, biking, puzzle solving, and loves cooking for others
[div class=tag]weaknesses:[/div] most sports, pretty girls (lord help him), hand-eye coordination, confrontation, peanuts
[div class=tag]fears:[/div] crocodiles, peanuts, large birds, splinters, his family possibly being hurt
[div class=tag]ambitions:[/div] ideally, he'd get into i.t. work or web design
[div class=tag]likes:[/div] hammocks, the cold, cats, bugs, cartoons, his mom and little sister, babies, grapes, warm soup, having his hair touched
[div class=tag]dislikes:[/div] feeling pathetic, p e a n u t s, beets, bullies, math despite being good at it, foggy weather, bridges
[div class=tag]habits/quirks:[/div] compulsive lip biter, constantly crosses arms, sticks to the walls or sides/corners of a room
[div class=tag]ailments:[/div] generalized anxiety & panic disorder [/div][/div] [div class="textcontainer tabsContent tabsContent3" style="display:none;"][div class=text] [div class=tag]family:[/div] paisley reed: mother, positive relationship dalia reed: little sister, best friends
[div class=tag]residence:[/div] a rather poor shape small apartment
[div class=tag]history:[/div] rowan has a rather normal upbringing, with no sure tragedies to reflect upon. his father passed away when he was 5, and he doesn't really remember him. his mom never explained why he died, but nonetheless took the best care of him she could with her limited means. years down the line, she became pregnant again with dalia to her a man that would soon become her boyfriend. when dalia was born, rowan was ecstatic to be a big brother and to this day takes segments out of his day to have fun with her and be a positive influence. he frequently watches over her so his mom can work her second job on the weekends to make ends meet.
[/div][/div] [div class="textcontainer tabsContent tabsContent4" style="display:none;"][div class=text] [div class=tag]theme song:[/div] undecided
[div class=tag]mbti type:[/div] infp
[div class=tag]gallery:[/div] ↓
[/div][/div]
[/div]
[div class=homebkgd]
[div class=intro]introducing[/div]
[div class="name button"]rowan reed[/div]
[div class=role]the shy kid[/div]
[div class=line][/div]
[div class="icon button"][/div]
[div class="pic button"][/div]
[/div]
[/div][div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
[div class=tag]nickname:[/div] ro, reese's to his little sister
[div class=tag]age:[/div] 18
[div class=tag]gender:[/div] male
[div class=tag]sexuality:[/div] heterosexual
[div class=tag]role:[/div] the shy kid
[div class=tag]faceclaim:[/div] andrew garfield
[div class=tag]d.o.b:[/div] february 1
[div class=tag]height:[/div] 5' 11
[div class=tag]weight:[/div] 150lbs
[div class=tag]hair color:[/div] medium brown
[div class=tag]eye color:[/div] honey brown
[div class=tag]dist. marks:[/div] nothing out of the ordinary
[div class=tag]body mods:[/div] none [/div][/div] [div class="textcontainer tabsContent tabsContent2" style="display:none;"][div class=text] [div class=tag]vices:[/div] trusting, reserved, loyal to a fault, a bit cowardly, not direct, poor communicator, awkward
[div class=tag]virtues:[/div] warm, genuine, generous, loving, hopeless romantic, intelligent, family-oriented, understanding
[div class=tag]strengths:[/div] while he doesn't take advantage of it, he's a skilled hacker. great at soccer, biking, puzzle solving, and loves cooking for others
[div class=tag]weaknesses:[/div] most sports, pretty girls (lord help him), hand-eye coordination, confrontation, peanuts
[div class=tag]fears:[/div] crocodiles, peanuts, large birds, splinters, his family possibly being hurt
[div class=tag]ambitions:[/div] ideally, he'd get into i.t. work or web design
[div class=tag]likes:[/div] hammocks, the cold, cats, bugs, cartoons, his mom and little sister, babies, grapes, warm soup, having his hair touched
[div class=tag]dislikes:[/div] feeling pathetic, p e a n u t s, beets, bullies, math despite being good at it, foggy weather, bridges
[div class=tag]habits/quirks:[/div] compulsive lip biter, constantly crosses arms, sticks to the walls or sides/corners of a room
[div class=tag]ailments:[/div] generalized anxiety & panic disorder [/div][/div] [div class="textcontainer tabsContent tabsContent3" style="display:none;"][div class=text] [div class=tag]family:[/div] paisley reed: mother, positive relationship dalia reed: little sister, best friends
[div class=tag]residence:[/div] a rather poor shape small apartment
[div class=tag]history:[/div] rowan has a rather normal upbringing, with no sure tragedies to reflect upon. his father passed away when he was 5, and he doesn't really remember him. his mom never explained why he died, but nonetheless took the best care of him she could with her limited means. years down the line, she became pregnant again with dalia to her a man that would soon become her boyfriend. when dalia was born, rowan was ecstatic to be a big brother and to this day takes segments out of his day to have fun with her and be a positive influence. he frequently watches over her so his mom can work her second job on the weekends to make ends meet.
[/div][/div] [div class="textcontainer tabsContent tabsContent4" style="display:none;"][div class=text] [div class=tag]theme song:[/div] undecided
[div class=tag]mbti type:[/div] infp
[div class=tag]gallery:[/div] ↓
Last edited:
apolla
❛ it's only love, nobody dies ❜
Aiden Hunter
full name: Aiden Frances Hunter
age: 17
birthdate: feb 15
gender: male
pronouns: he, him
sexual orientation: heterosexual
grade: 12
stereotype: druggie
face claim: Diego Barrueco
hair color: dark brown
hairstyle: short & messy
eye color: hazel
height: 6'2
weight: 189lbs
tattoos: arms
piercings: no
clothing style: comfort over fashion anyday
age: 17
birthdate: feb 15
gender: male
pronouns: he, him
sexual orientation: heterosexual
grade: 12
stereotype: druggie
face claim: Diego Barrueco
hair color: dark brown
hairstyle: short & messy
eye color: hazel
height: 6'2
weight: 189lbs
tattoos: arms
piercings: no
clothing style: comfort over fashion anyday
likes: getting high | partying | flirting | music | fast cars
dislikes: being the provider | homework | fake ass people | people who flaunt their wealth | the color yellow
vices: brash | reckless | shameless
virtues: honest (usually)| flirty | witty
biography:
Aiden is the older of the Hunter siblings, but by no means does this make him the responsible one. He remembers their mother a little better than Cameron, despite not being that much older than her. The woman was simply incredible, and Aiden swears that if she hadn't died in that accident his life would have turned out quite differently. He blamed Cameron for a time, but he was just being a shit older brother.
Not that he's much better now. He still picks on her mercilessly, and acts like he doesn't know her for the most part at school. He has his own group of friends, and they don't include his goodie 2 shoes sister. He spends most of his time either getting high (usually on pot) or selling the stronger stuff to idiot kids who want to have a good time. He knows Cam hates it, but he needs to do it. It's how they survive, only she doesn't know it.
You see, their dad is an alcoholic, and far from a functioning one. Aiden got into selling drugs and doing other odd jobs for money at a younger age because he knew that they wouldn't survive on their father's paychecks. Cam has no idea that their father spends most of his time at bars instead of working, or just hiding out in general. He doesn't want her to know, either.
dislikes: being the provider | homework | fake ass people | people who flaunt their wealth | the color yellow
vices: brash | reckless | shameless
virtues: honest (usually)| flirty | witty
biography:
Aiden is the older of the Hunter siblings, but by no means does this make him the responsible one. He remembers their mother a little better than Cameron, despite not being that much older than her. The woman was simply incredible, and Aiden swears that if she hadn't died in that accident his life would have turned out quite differently. He blamed Cameron for a time, but he was just being a shit older brother.
Not that he's much better now. He still picks on her mercilessly, and acts like he doesn't know her for the most part at school. He has his own group of friends, and they don't include his goodie 2 shoes sister. He spends most of his time either getting high (usually on pot) or selling the stronger stuff to idiot kids who want to have a good time. He knows Cam hates it, but he needs to do it. It's how they survive, only she doesn't know it.
You see, their dad is an alcoholic, and far from a functioning one. Aiden got into selling drugs and doing other odd jobs for money at a younger age because he knew that they wouldn't survive on their father's paychecks. Cam has no idea that their father spends most of his time at bars instead of working, or just hiding out in general. He doesn't want her to know, either.
codedbycrucialstar
Last edited:
fin
"all i do is finesse, man."
[class=bkgd]
--bkgd-color: #000a24;
--text-color: #fff;
--accent-color1: #00acb5;
--accent-color2: #9c0216;
position: relative;
margin-right: auto;
margin-left: auto;
width: 600px;
height: 400px;
background: var(--bkgd-color);
overflow: hidden;
border-radius: 10px;
[/class]
[class=slidebkgd]
position: relative;
width: 100%;
height: 100%;
background: var(--bkgd-color);
[/class]
[class=texture]
position: absolute;
background: url(https://media.giphy.com/media/jqff22AMIfJU1I8ret/giphy.gif);
width: 100%;
height:100%;
background-size: 120%;
[/class]
[class=name]
position: absolute;
width: 100%;
height: auto;
top: 62%;
font-size: 60px;
color: var(--text-color);
text-transform: uppercase;
font-weight: 700;
line-height: 65px;
text-align: left;
letter-spacing: 3px;
padding-left: 20px;
transition-duration: 0.3s;
[/class]
[class name=name state=hover]
color: var(--accent-color1);
[/class]
[class=line]
position: absolute;
height: 2px;
background-color: var(--accent-color2);
border-radius: 10px;
[/class]
[class=role]
position: absolute;
width: 79%;
height: auto;
top: 51%;
font-size: 20px;
color: var(--accent-color1);
text-transform: uppercase;
font-weight: 400;
font-style: italic;
line-height: 32px;
text-align: right;
letter-spacing: 0px;
padding-right: 0px;
transition-duration: 0.3s;
[/class]
[class=circlepic]
position: absolute;
border-radius: 100px;
border: 2px solid var(--accent-color2);
[/class]
[class=homecircle]
width: 100px;
height: 100px;
top: 45%;
left: 80%;
background: url(https://i.pinimg.com/originals/fb/e1/b6/fbe1b68bff127ab627069625b6ca9848.jpg);
background-size: 100%;
[/class]
[class=linecircle]
width: 110px;
height: 110px;
top: 5%;
[/class]
[class=linecircle1]
left: 4%;
background: url(https://66.media.tumblr.com/04bb2617e03d2e12d8cfbcc71e7ab5c5/419e6fed434d8d4d-36/s640x960/a36c2ed572998112a2c23c6ba13fd141af8ef627.jpg);
background-size: 100%;
[/class]
[class=linecircle2]
left: 28%;
background: url(https://66.media.tumblr.com/7895524d941baa10f323267a50e61905/tumblr_pv4iabzN3b1srt71fo1_500.jpg);
background-size: 100%;
[/class]
[class=linecircle3]
left: 52%;
background: url(https://66.media.tumblr.com/6fc40580b5c26f02443772995c821c38/tumblr_pg6orxjdKb1r0br7d_540.jpg);
background-size: 100%;
[/class]
[class=linecircle4]
left: 76%;
background: url(https://66.media.tumblr.com/0f6eaca44b79da504d1479b172664d98/tumblr_okvp7iQeHX1u6bztdo2_500.jpg);
background-size: 100%;
[/class]
[class=linehover]
position: relative;
border-radius: 100px;
width: 110px;
height: 110px;
top: 0px;
background: var(--accent-color2);
text-align: center;
color: var(--text-color);
font-size: 12px;
line-height: 110px;
text-transform: uppercase;
[/class]
[class=header]
position: absolute;
width: 500px;
height: auto;
left: -215px;
top: 32%;
font-size: 25px;
color: var(--accent-color1);
text-transform: uppercase;
font-weight: 700;
font-style: italic;
line-height: 32px;
text-align: left;
letter-spacing: 2px;
padding-left: 30px;
transform: rotate(-90deg);
[/class]
[class=textcontainer]
position: absolute;
width: 550px;
height: 220px;
top: 40%;
left: 18%;
overflow: hidden;
[/class]
[class=text]
position: relative;
width: 470px;
height: 220px;
padding-right: 50px;
overflow: auto;
font-size: 10px;
line-height: 12px;
text-align: justify;
white-space: pre-wrap;
color: var(--text-color);
[/class]
[class=tag]
position: relative;
display: inline;
width: auto;
height: auto;
color: var(--accent-color1);
text-transform: uppercase;
margin-right: 5px;
text-decoration: underline;
font-weight: 700;
letter-spacing: 1px;
[/class]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 10px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
color: #dedede;
opacity: 0.25;
[/class]
[script class=button on=click]
addClass slideup slidebkgd
[/script]
[class=slideup]
animation-name: {post_id}slup;
animation-duration: 1.7s;
animation-fill-mode: forwards;
[/class]
[animation=slup]
[keyframe=0]transform: translateY(0%);[/keyframe]
[keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe]
[/animation]
[class=hidden]
display:none;
[/class]
[script class=linecircle1 on=mouseenter]
fadeIn 0200 linehover1
[/script]
[script class=linecircle1 on=mouseleave]
fadeOut 0200 linehover1
[/script]
[script class=linecircle2 on=mouseenter]
fadeIn 0200 linehover2
[/script]
[script class=linecircle2 on=mouseleave]
fadeOut 0200 linehover2
[/script]
[script class=linecircle3 on=mouseenter]
fadeIn 0200 linehover3
[/script]
[script class=linecircle3 on=mouseleave]
fadeOut 0200 linehover3
[/script]
[script class=linecircle4 on=mouseenter]
fadeIn 0200 linehover4
[/script]
[script class=linecircle4 on=mouseleave]
fadeOut 0200 linehover4
[/script]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} basics) (fadeIn 400 tabsContent1)
if (eq ${currentTab} persona) (fadeIn 400 tabsContent2)
if (eq ${currentTab} background) (fadeIn 400 tabsContent3)
if (eq ${currentTab} misc.) (fadeIn 400 tabsContent4)
[/script]
[div class=bkgd]
[div class=texture][/div]
[div class=line style="width: 100%;top: 18%;"][/div]
[div class=line style="width: 100%;top: 22%;"][/div]
[div class=line style="width: 2px; height: 100%; left: 72px; color: var(--text-color);"][/div]
[div class=line style="width: 2px; height: 100%; left: 87px; color: var(--text-color);"][/div]
[div class="circlepic linecircle linecircle1 tab"][div class="linehover linehover1 hidden"]basics[/div][/div]
[div class="circlepic linecircle linecircle2 tab"][div class="linehover linehover2 hidden"]persona[/div][/div]
[div class="circlepic linecircle linecircle3 tab"][div class="linehover linehover3 hidden"]background[/div][/div]
[div class="circlepic linecircle linecircle4 tab"][div class="linehover linehover4 hidden"]misc.[/div][/div]
[div class="header tabsContent tabsContent1"]basics.[/div]
[div class="header tabsContent tabsContent2 hidden"]persona.[/div]
[div class="header tabsContent tabsContent3 hidden"]background.[/div]
[div class="header tabsContent tabsContent4 hidden"]misc.[/div]
[div class="textcontainer tabsContent tabsContent1"][div class=text][div class=tag]name:[/div]Lamarcus Julius Lattimore.
[div class=tag]nickname:[/div]Marcus, majority of his friends call him 'L.J.', often goes by 'Double L' with the Jersey Crips.
[div class=tag]age:[/div]Seventeen.
[div class=tag]birth date:[/div]January Twenty-Seven.
[div class=tag]gender:[/div]Male.
[div class=tag]pronouns:[/div]He/Him.
[div class=tag]sexuality:[/div]Heterosexual.
[div class=tag]grade:[/div]Highschool junior.
[div class=tag]stereotype:[/div]The gangster/party boy.
[div class=tag]faceclaim:[/div]Keith Powers.
[div class=tag]hair colour:[/div]Dark Brown.
[div class=tag]hair style:[/div]360 waves.
[div class=tag]eye colour:[/div]Silver.
[div class=tag]height:[/div]6'2.
[div class=tag]weight:[/div]170lbs.
[div class=tag]tattoos:[/div]Neck tattoos. An ink-filled tear drop on his left cheek. Forearm sleeve of tattoos with meanings, and designs personal to Lamarcus.
[div class=tag]piercings:[/div]Piercings on both earlobes.
[div class=tag]distinguishing features:[/div]His plethora of tattoos. A circular scab over his right pec from a bullet wound.
[div class=tag]clothing style:[/div]Casual, but expensive.
[/div][/div]
[div class="textcontainer tabsContent tabsContent2 hidden"][div class=text]
[div class=tag]personality:[/div]Lamarcus is nothing like the television presented gangster. Nor do the tattoos on his body seem to reflect him at all. In summary, Lamarcus is a loud, and expressive young man, and due to his amicability, tends to make many friends (if they're not too shy because of his gang affiliations). Having grown up as the younger, and watched his brother change and become cold over the years, Lamarcus has made it a goal to retain some happiness in his life. He does so in constantly trying to enjoy himself, and have a good time with others. He doesn't care much for rules, and would exchange some fun for detention if the choice arose. Some call him childish, but with seeing his mother on the sick bed and people dying around him, he aims to live life to the fullest.
Don't let his fun-loving demeanor confuse one though. Lamarcus can become very aggressive, and angered at even the slightest insult to himself, his family, or home. He has near zero restraint once angered, and tends to hold grudges.
[div class=tag]vices:[/div]Lamarcus tends to be short-tempered, and short-sighted, and more often than not, acts purely on impulse He is sometimes manipulative, and uses his charm to get what he wants. He hates to admit it, but he's very emotional, seeing as his life has been a roller coaster thus far. He's definitely a womanizer, and very flirtatious.
[div class=tag]virtues:[/div]Lamarcus is a very smart individual, and quick-witted in resolving a given problem. He's got a silver-tongue that allows him to talk his way out of tricky situations. He's also very charming, something he uses to get his way on occasion. Lamarcus is very ambitious when it comes to achieving goals he has set for himself, and is far from gullible. If you manage to get his trust, Lamarcus is like a dog for those most important to him. Marcus is a very charismatic and extroverted person, and enjoys being on the good side of everybody in the case that he needs a favour.
[div class=tag]likes:[/div]He loves women, and has countless model posters in his bedroom. Marcus is a fan of sports cars, engineering, and refurnishing vehicles. He enjoys going shopping, and flexing expensive-wear. Paired with a roll of weed, Lamarcus loves late night drives in his convertible. Like any other male teen, he enjoys watching and playing sports, as well as videogames. Also enjoys drinking, smoking, and partying as a whole.
[div class=tag]dislikes:[/div]Marcus hates being alone, and sees himself as the "peoples' gangster." Dislikes any music that isn't rap/hip hop. He doesn't tolerate disrespect to himself, his family, or the Jersey Crips. Doesn't like being lied to.
[div class=tag]fears:[/div]Fears death, and facing the repercussions of his mortal life (after-life and hell). His mother, or brother dying. Meeting his father. Being killed by a rival gang/being killed in general. Failure.
[div class=tag]the tear drop tattoo:[/div]The origin of the tear drop tattoo stems from a gang member taking the life of someone else. In Lamarcus' case, he was given a hit during his sophomore summer. Once arrived at the destination, Lamarcus ordered what was supposed to be his victim to leave Doveport and never come back (all at gunpoint). The man did so, and in order to maintain his position in the gang's ranks, formulated a story that he'd already buried the body, and no one would be hearing of the man again. And so he got the tear drop tattoo that summer.
[/div][/div]
[div class="textcontainer tabsContent tabsContent3 hidden"][div class=text]
[div class=tag]residence:[/div]Southside Doveport.
[div class=tag]education:[/div]Highschool, eleventh grade.
[div class=tag]history:[/div] Lamarcus was born in the poorer areas of Doveport, New Jersey. At the time of his birth, his father had been incarcerated for possession of illegal firearms and drugs, and was jailed for 25 years without parole. He grew up as the youngest of two boys, with his brother Andre matured three more years than him. Asides from Andre, Lamarcus hadn't much a father figure in his house. His mother worked as an escort from a young age to pay the bills for her struggling family, but at Andre's conception, was swiftly kicked out of her parental home. She moved in with her boyfriend (Marcus' father), though he was later incarcerated for what would be the majority of Marcus' life. Growing up, his mother was hardly home to guide him due to walking multiple shifts, and so Lamarcus' main influence was his elder brother.
As kids, Marcus was always smaller and more frail than his brother, Andre. Andre was a more sizable kid, and went out of his way to protect Marcus, as well as ensure he stay in school and get an education. Once aged 15, Andre dropped out of school to join the area crips full-time. In doing so Andre would get a salary of his own for dealing drugs, and enforcing rules in the area, salary of which went towards the Lattimore home. Marcus berated his brother for joining the same Crips their father was once a part of, and aimed to join Andre once he was of age. His older brother would never allow him, and so Marcus was forced to watch from afar as Andre would leave the house late at night, hide guns in the attic, or tuck bags of weed into the couch. Times came when even the N.J.P.D. would raid the Lattimore household in search of contraband.
But as the days went on, Lamarcus no longer wanted to be in the shadow of his older brother-- a wish he hates himself for asking for now. It was in the summer after his freshman year that his mother, Latasha Lattimore fell ill. What started out as migraines, and forgetfulness manifested itself as stage 2 Leukemia. His mother was only given years to live if proper precaution wasn't taken, and already short on cash, Lamarcus partook in a life-altering effort to help. He joined the Jersey Crips along with his brother, and has worked as their dope boy, messenger, and club bouncer since. His goal has since been to keep working to keep his mother alive, and somehow balance his gangster responsibilities with his schoolwork.
[/div][/div]
[div class="textcontainer tabsContent tabsContent4 hidden"][div class=text][div class=tag]theme song:[/div]Many Men by 50 Cent
[div class=tag]school club(s):[/div] varsity basketball/football.
[div class=tag]relationship status:[/div] very, very adulterous.
[div class=tag]family relationships:[/div]
marcus.[/div] [div class=role]the gangster.[/div] [div class="circlepic homecircle"][/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
- Latasha Lattimore: Latasha Lattimore is 36 years of age, and is currently unemployed. She's been admitted to Doveport General Hospital where she's been treated for Stage 3 Leukemia for the past year or so. Latasha's a rather strong woman even on the sickbed, and is truly an anchor for the Lattimore boys.
- Maurice Lattimore: Maurice Lattimore is a 39 year old prisoner, and is currently incarcerated at the New Jersey State Prison. Maurice was a member of the New Jersey area Crips before his most recent jailing, and has had countless illegal possession of drug charges, weapons, assault, sexual assault, etc. before finally being pinned for years without parole. Lamarcus hasn't met Maurice, but has heard countless stories of him having been a decently good boyfriend to Latasha before he was jailed. Maurice sends letters to Lamarcus and Andre from his prison cell, but the boys refuse to open it, and believe themselves to be their only family.
- Andre Lattimore: Andre Lattimore is currently 20 years of age, and is a Doveport High dropout. Andre's been a member of the Jersey Crips since he was aged 15, and was hardened years before that. He's a high-ranking member of the gang, and is expected to supply dealers, and dope boys. Andre's girlfriend, Mariah Holt, aged 18 is currently pregnant with their second child. Andre rarely stays over at the Lattimore home, but is always present at Lamarcus' important events such as sports games, and graduations.
- Rory Elvis: Aged 31 years old, Rory is Lamarcus' uncle, and brother to Latasha Lattimore. He's around the Lattimore home often, and drops off money for the two boys. Rory is a construction worker, but equally has ties to the Jersey Crips. He's a fun-loving man, much similar to his nephew, Lamarcus.
marcus.[/div] [div class=role]the gangster.[/div] [div class="circlepic homecircle"][/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]
Last edited:
Users who are viewing this thread
Similar threads
