• 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 Guilty | Characters

Main
Here
Characters
Here
Other
Here

apolla

❛ it's only love, nobody dies ❜
df2132ad0fc63d6f8e6c6303b9ed10fc.png



Character Sheets
**REALISTIC pictures only please!**

Name:
Age: [16-20]
Gender:
Sexuality:
Criminal Percentage: [1%-100%; the higher the number, the more
potential for criminal activity. No one is at 100%.
**Must be above 50% to be sent to the home/jail.]
Face Claim:

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

Likes: [3+]
Dislikes: [3+]
Fears: [2+]
Quirks: [2+]

Theme Song: [optional]

Personality: [3 positive; 3 negative]
Bio: [1-2 paragraphs]
 
Last edited:
Character deadline is
Wednesday, September 25
(The RP is set to start on this day.
You can submit after the deadline,
you'll just jump in late. ^^)
 
[class name=container] margin: auto; height: 250px; width: 400px; [/class] [class name=containercont] height: 240px; width: 390px; [/class] [class name=chapterpic] background:URL(https://i.pinimg.com/564x/b1/eb/e4/b1ebe4f722f2ab6f2934b282bfa9db82.jpg); float: left; height: 240px; width: 190px; background-size: cover; [/class] [class name=scroll] float: right; height: 240px; width: 190px; overflow: hidden; margin-left: 5px; [/class] [class name=scrollbox] height: 98%; width: 100%; overflow-y: scroll; padding-right: 17px; [/class] [class name=text] font-size: 10px; text-align: justify; [/class] [class name=title] font-size: 18px; text-align: center; letter-spacing: -1px; color: #b7c7d4; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 3px; [/class] [div class="container"][div class="containercont"][div class="chapterpic"][/div] [div class="scroll"][div class="scrollbox"][div class="title"]IONA CROW
☾[/div][div class="text"]
"i feel bad for you spiritually but like, physically, not really."​

iona is 19 y/o.

she is a female and is bi-curious.

her criminal percentage is at a 52%.

iona's face claim is dasha taran.

★​

she has hazel brown pupils for eyes.

her hair is at a light brown colour.

iona's stands at 5'3" (approximately 160cm) and weighs in at about 110lbs (about 50kg).

she has a pair of basic piercings on her ear lobes and a tattoo of a crescent moon on her right wrist.

★​

she likes fruit teas, staying indoors on a rainy day, cats meowing, branded items and poetry.

she dislikes the smell of flowers, anti-feminists, reptiles and fruits as dessert.

she has a fear of reptiles, someone she loves being used as ultimatum against her and germs.

one of iona's quirks include carrying a small bottle of fruit tea around with her wherever she goes and light snoring only when she takes a nap.

★​

play gasoline by halsey for a feel of iona crow's theme.

★​

despite her looks, iona crow is a pretty honest individual who can be seen as somewhat tactless at times. she has a preference for always telling the truth even when it will hurts more than heal others. as such, she can be seen as somewhat rude as she doesn't hide what she genuinely feels about you. this has caused many to stray away from her as they assume she embodies the personality of a queen b.

iona can also be seen as narcissistic to a point as her she enjoys receiving compliments about her physical appearance. she enjoys giving herself credit for looking the way she is too. not a very openly caring individual, iona is more of a do more, speak less person.

she doesn't take people's word for what they'll promise to do but rather judge them on their actions. as such, she can be painfully logical at times, taking into account of what is right instead of what should be right.

other than that, she is rather courageous and probably isn't afraid to fight you if she has to. though it isn't preferred, if you are in trouble and she sees you as her kind, she will charge head first in like an elephant in a rampage. with that being said though, she has a very strong pack mentality and doesn't easily consider everyone as her own.

★​

iona cross is the eldest daughter of ex-politician, cian cross and elena ahmad. her family consists of four- her father, mother, herself and her younger brother. when iona was born and even up until her younger brother, manus cross was born, her family lived in luxury. after all, it wasn't everyday your father was an assistant minister in the government. to iona, her family was perfect. instead of needing to worry about what they were going to eat each day, they worried whether they could enter a-listed restaurants on short-noticed reservations. instead of worrying about bills that had to be paid, her parents worried whether iona and manus could enter the top universities in the country later on in life. simply put, iona led a worry-free life. that was, until she was fourteen years old. five years ago, when her family's driver dropped her off in front of her house, all she remembers seeing was her mother sobbing at their doorstep with two police officers talking to her. through the front window, she could see more officers rummaging through the drawers and items in their living room, looking for something iona obviously couldn't see with her eyes. her younger brother, twelve at that time, stood in their front yard, unsure of what to do. it was discovered her father was a kleptocrat who exploited his position and power to swindle money and other assets out of a few individuals. all iona remembers from that time was her visiting her father in jail and her mother sobbing yet again, over dinner at iona's grandparents' place, telling iona and manus their father divorced her. her life took a 180 degrees turn and what she once had is now gone. after her father was jailed, the three of them permanently moved in with iona's grandparents. iona and manus had to move to the public school system where almost everyone saw them as nothing but the children of a dirty ex-politician. [/div][/div][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]
 

Rowan Reed
M
20
straight
prisoner

Name -- Rowan Reed

Height -- 6"3

Hair -- Coffee brown

Eyes -- Golden hazel

Date of birth -- November 25th

Criminal leaning -- 72%

Face claim -- Jon Kortajarena

Personality -- Rowan has been known to fall into certain categories to puzzle piece him together. He's not the loud type, but demands to be heard when he speaks. He's calculated and cunning, but habitually warm and inviting to the majority of those immersed in conversation with him. Rowan definitely couldn't be described as naive, or an airhead. In fact, he was often groomed by associates to consider business administration as his major, due to his particular way with words. Rowan is pretty well encased in confidence, but it doesn't overtake his all around behavior with obvious pride. It only fuels his ideas and methods as he pushes to make decisions. Despite doing his utmost to be comical and fun to be around, Rowan can at times be rather cold and calloused when he interprets any kind of behavior as agitating or pretentious. At that point, it's rather difficult to sway him back onto your winning side. Some flaws he bears could certainly be the immense amount of alone time he craves to recharge. If you try to approach him when he's withdrawn, there's a chance you'll be talking to a total brick wall. He has never been good at connection in any sort of relationship, romantic or not. He can play the role, but seldom feels convinced himself. He can be an attention seeker under certain, more relaxed and social circumstances. Rowan frequently struggles with his perception of self, and tries not to discuss anything angled toward him describing his own mind.

History -- While he doesn't necessarily delve into the intense details, Rowan has confessed that his childhood consisted of watching his mother pass away under mysterious and painful circumstances over the course of two hours, warping his relationship with his father. Outwardly, it may not have looked like a bad shift in dynamic between the two. In fact, his father quit his job to fly them out to America from Columbia. His father drew closer and closer to Rowan, grooming him to be successful under his hand. However, as Rowan aged, he began to notice just why it was his dad kept him under such close quarters, and how it was apparent he never intended to let him go at all. In fact, there were things in place from day one to make true independence an impossibility. This earthshaking realization, coupled with sideline tragedies along the way completely erupted Rowan's world view, and quite possibly threw him into the criminal mind-muddle he deals with today.

Extra -- Loves sweets, snakes, testing himself, testing others, cooking, acrobatics, drinking, being challenged.


code by @pasta
 
Lissa

images




basics
→ Name: Melissa Zabielski
→ Age: 17
→ Gender: Female
→ Sexuality: Heterosexual
→ Criminal Percentage: 90%
→ Face Claim: Rena Lovelis


appearance
→ Eye Color: Hazel
→ Hair Color: Dyed frequently
→ Height: 5'0
→ Weight: 127lbs
→ Tattoos/Piercings: x x x


personality
→ Likes: singing | music in general | sushi | trashy tv | green apples
→ Dislikes: whipped frosting | the idea of leaving | hot tea | being too cold | gold jewelry
→ Fears: the world beyond the home | drowning
→ Quirks: always wears a ponytail holder, even though her hair is usually kept short | tugs on her hair when anxious/embarrassed

→ Theme Song:


→ Personality:

  • passionate
  • trusting
  • brave
  • impatient
  • impulsive
  • proud

biography
→ Bio: Melissa was born into a medium sized family, and is basically the middle child. She's got three older siblings, and two twin younger ones. She was, of course, tested as a child-- same as her brothers and sisters. While the rest passed the tests with flying colors, with low scores ranging from 11% to a well rounded 35%. Lissa, however, wasn't so lucky.


When her score came back-- 90%-- her parents were flabbergasted and confused. How could this happen to their bright and beautiful child? The little girl who sang before she talked, and talked to strangers as though they were family? It wasn't long before they came to the conclusion that, to protect the others, she had to go to a home.

Not that they would be given a choice in the matter anyway.

Lissa barely remembers her family. They don't call, and they don't visit. She's been in the home ever since she was young; they are her family. She's fairly friendly and outgoing, and still has a love of singing and performing, even if she can't dance to save her life. She welcomes the new kids, and is a shoulder to cry on for everyone.


codedbycrucialstar
 
Last edited:
Tyler James

images




basics
→ Name: Tyler James "TJ" Freeman
→ Age: 19
→ Gender: Male
→ Sexuality: Heterosexual
→ Criminal Percentage: tbd
→ Face Claim: Andy Black


appearance
→ Eye Color: Hazel
→ Hair Color: Black
→ Height: 6'0
→ Weight: 168lbs
→ Tattoos/Piercings: x x x


personality
→ Likes: Lissa | music | piercings & tattoos | sodas | swimming
→ Dislikes: oranges | the home | plaid | bright colors | crowds
→ Fears: losing his newfound 'family' | being stuck in the system forever
→ Quirks: plays the guitar and sings in secret | does tattoos for the other kids and himself |

→ Theme Song:


→ Personality:

  • musical
  • intelligent
  • quick-witted
  • unforgiving
  • jealous
  • overcritical

biography
→ Bio: Tyler James was born into a crime family. It's all he's ever known. Somehow, his parents managed to skew the test results for their children. How, TJ never found out. He knew of the homes and jail sentences, and was taught from a young age how to blend in, and not draw attention to himself. He lived a fairly comfortable life, with three older brothers and a younger sister.

TJ was very protective of his sister, and he lost sight of staying under the radar when she was molested by a family 'friend'. TJ killed him, and had no remorse, and no escape. The cops found him easily, and his parents weren't around to help him out. They ditched him, a murderer at the age of fifteen, to serve his time.

Once in the group home, he met Lissa, and the pair sort of adopted each other. He hasn't heard from his family since getting caught, and has no idea where they are. He doesn't open up to people easily, but has a fondness for music.


codedbycrucialstar
 
Last edited:


it's always the innocent ones.


A freak of nature
Stuck in reality;
I don't fit the picture
I'm not what you want me to be

I'm sorry.

Under the radar;
Out of the system;
Caught in the spotlight

That's my existence.
Kerli

about
/ / . BASIC INFORMATION;
NAME: kai winters
AGE: sixteen (16)
GENDER: male
SEXUALITY: unsure
CRIMINAL PERCENTAGE: ninety-one percent (91%)

/ / . APPEARANCE;
HEIGHT: five-foot-three (5'3)
WEIGHT: eighty-seven pounds (87 lbs)
BODY TYPE: naturally tiny and delicate but very underweight
EYE COLOR: the palest blue with a hint of lavender
HAIR COLOR: white (dyed)
DISTINGUISHING FEATURES: large, oddly colored eyes; tiny frame; ghostly complexion; eerie half smile
MARKINGS: has snakebite and angelbite piercings but doesn't always wear jewellery in them; hands have tattoos of strange symbols
persona
"YOU WANT ME TO CHANGE; BUT ALL I FEEL IS STRANGE"
there is something more than a little off about kai winters. it shouldn't be possible for a person to display both childlike innocence and a wisdom beyond their years, but the ill young boy with the haunting smile does just that. it's almost as if he's caught drifting between two worlds... and perhaps he is.

but behind his spectral appearance and whisper-soft voice, is kai truly an innocent soul? after all, they often say looks can be deceiving...

"STRANGE; I FEEL SO ABSURD IN THIS LIFE"
LIKES: rainy days; solitude; sweet things; animals; drawing & painting
DISLIKES: loud voices; being stared at; nosy people; medical things; questions
QUIRKS: too many to list...
FEARS: needles; hospitals; emotional closeness

history
the subject of the past seems oddly unimportant to kai. it isn't something the teen opens up about easily; though he doesn't go out of his way to hide it either. kai never got a chance to know his birth parents, they were young and poor and hardly equipped to deal with an unplanned and sickly child. the couple instead chose to give him up for adoption when he was barely a year old, leaving nothing of themselves behind except for the faintest of memories. despite all this, kai doesn't really hold it against them, though thinking about it understandably saddens him. his very first sentence was "where do things go when they die?", which was perhaps an early sign that the boy with the creepy eyes was anything but normal. kai's life itself was never any definition of normal either, at least not after he collapsed at the age of nine and was pronounced clinically dead for just under three minutes. his recovery itself was lengthly but excellent, though the incurable illness that had caused all this was not, and neither was the routine test score he received after— a shockingly high 91%. both hospital staff and his foster family were left speechless. sweet, quiet, thoughtful little kai... a criminal?

it had to be a mistake.

it wasn't though, and once stabilized, kai was shipped off to one of the larger homes with the resources to manage both his health concerns and social issues, as having grown up in hospital, he had a hard time relating to or forming lasting relationships with his peers... a situation that didn't exactly improve despite their efforts.

he was moved yet again at age sixteen to his current location, something kai isn't particularly sad or thrilled about.
other
•an extremely talented visual artist, he can create colorful and bizarre worlds that look real with the flick of his brush or pencil

•his art is often fantastical and otherworldly, and occasionally warped or disturbing

•he can sing well and has a soft, ethereal voice, though he can't use it all that loudly due to his weak lungs... the reason why he usually focuses on other art forms

•kai will draw on anything, yes, even walls, floors or other people if given the chance

•his illness makes him cough a lot (coughing up blood is rarer), so he's learned how to do this politely and quietly and absolutely hates to be stared at because of it

•he doesn't like spicy or bland things but cannot stand bitter foods or drinks, and he will spit them out if he accidently tries any

•he has a way with animals and they seem to love him... in fact, the only way to see kai truly smile is when he's in the company of an animal

THEME: strange - kerli & tokio hotel

codedbycrucially | hidden scroll
 
Last edited:
Gracie Girl





about


Name:
Grace Palleday

Age:
19

Gender:
Female
Sexuality:
Pansexual

Criminal %:
85%

Faceclaim:
Sabrina Carpenter

Appearance



Eye Color: Blue
Hair Color: Blonde
Height: 5'0''
Weight: 103lbs
Tattoos/Piercings/Etc: N/A


Persona


Likes:
+Candy +Poetry +Horror films +Talking +Bunnies +Cold nights +Grim Fairytales

Dislikes:
-Children's Fairytales -Coffee -Heat -Competitions -Heels -Peanut butter -Height comments

Quirks:
.Scrunches face when thinking .Refers to people as "bub" .Talks to herself

Fears:
.Emotional heart-to-hearts .Thunder storms .Adulthood


Being a young woman with an equal love for candy and small creatures as she has for gore equates to people thinking you're rather abnormal. Even if people were to find a discussion or environment awkward, Grace wouldn't feel it (she views everyone as a perspective friend) and would keep steamrolling until someone stopped her if she was on a tangent. She's more intuitive and socially aware than she even gives herself credit for -she just gets caught up on things. Her most peculiar trait is the unbridled joy she's seemingly maintained while being a prisoner.

biography


Grace finds that it's best not to dwell on her life... There's no happy ending to the story so why bother channeling your energy into all the horrible things that have happened to you. Her life was simple, nothing too special but it was hers. She was an only child with two parents enamored by their first child. They provided her all the opportunities that they could afford to supply and make her a happy, well-rounded girl. And she was! But then the test happened and then their only child was ripped away from them. Grace can't think too long on what her life used to be like or being sent to the home with the trauma still rooted so deeply in her chest. It hurts too much and only serves to have her spiral down into depressive thoughts about what her life could have been like or if her parents had a new child to replace her.

Miscellaneous


Theme song:

codedbycrucialstar | hidden scroll
 
Last edited:
Name: Samantha Daniel Parson
Nickname: Dani
Age: Sixteen
Gender: Female
Sexuality: Bisexual
Criminal Potential: 86%
Appearance:
8B6F65CC-950D-4374-A1F9-56CBEDC9E99F[1].jpeg
Eye Color: Grey
Hair Color: Black
Height/Weight: 5’5”, 120 pounds
Tattoos/Piercings/Etc.: Dani has a nasty wound from a surgery to repair her right clavicle, which was fractured very recently. It was an invasive surgery that will require several more months of care. The wound is still fresh, as the angry red glow around the stitches suggest.

Theme Song: Black Dresses by Builders and the Butchers

Likes:
horror movies | dreamwave | street art | the warm, fuzzy feeling of being drunk | oversized sweaters | dirt biking | accents, Australian in particular |
Dislikes: authority | romantic entanglements | dogs | daytime, particularly sunrise | overcooked meat | apologizing | doctors | planning activities |
Vices: impulsive | flakey | self-centered | aloof | wily | manipulative | reckless |
Virtues: clever | loyal | courageous | confident | idealistic | perceptive |
Fears: the possibility of being alone, platonic or romantic | being caged in and losing her freedom
Quirks: purposely mispronounces or calls people she dislikes by incorrect names | frequently disassociates and stops talking in the middle of conversations

Persona: A candy heart with 'fuck you' written across it, Dani has more than once been described as 'a bitch, but in a good way.' Fumbling through life with the enthusiasm of a retail employee on Black Friday about to work a sixteen hour shift, Dani's apathetic outlook on life is extreme, even for someone in her position. This shouldn't be confused for a lack of character or an attempt to be mysterious, as Dani has a colorful personality (even if it is mostly grey, grey is still a color) and has the enigma of a children's coloring book. When someone wants to like another person, it is easier to make excuses for their behavior than to accept that there isn't some traumatic past or a lost love that has transformed someone into a cold person. Instead, they're probably just a bitch.

Standoffish and cold, Dani refuses to entertain most interactions with people she is unfamiliar with. With her signature cold shoulder and an attitude which displays clear contempt, Dani will reluctantly and bluntly respond in a way which will end the conversation in the most straightforward way possible. This isn’t to say Dani is introverted or impossible befriend, but the effort of doing so is usually beyond the patience of anyone but the most persistent individual.

Even when someone is able to break through Dani’s continual rebuffing, she isn’t one to open up like a rose on a spring day, dew glistening in the early light. Getting on Dani’s good side is often a disappointment, as it’ll do little more than make her simply tolerate someone more or make her bite her tongue in situations where she would unceremoniously make cutting remarks. Befriending Dani itself requires a titanic force, but after everything she’s been through, Dani isn’t even sure if she wants friends. In her mind, maybe she isn’t even worth the effort or has the capability for friendship.
Bio: I tell ya, life ain't easy for a girl named Daniel. Childhood memories for Dani are unpleasant, at least those she can remember. Thanksgiving dinners and family gatherings were replaced with fights and parental infidelities. Used frequently as a bargaining chip in her parent’s continual bickering, Dani found herself the only child in a home split in two.

Through a majority of her youth, Dani was a toting child, doing her best to limit her impact on a failing marriage. However, at the age of thirteen, her life completely capsized. Her mother passed unexpectedly and even before the funeral there was a strange woman in her home, then seemingly married her father before her mother had been lowered into the ground. Around this time, Dani met her best friend, an older teen that introduced her to a lifestyle that would influence the way Dani would see the world. Introduced to alcohol, drugs and crime, Dani became more and more unpredictable as her dependency on substances strengthened. It came to a head when Dani came home for the first time in a week, still intoxicated from a lengthy bender, when a vicious argument broke out between Dani and her stepmother. Hurling barbs and eventually fists, Dani’s father returned home at the most inopportune time. Flying into a rage, Dani’s father kicked her out of the home, without giving Dani a chance to explain herself.

Emotionally broken and psychically battered, Dani turned to her best friend for support. The older teen brought Dani into her home. Initially, all seemed well, until Dani’s friend began pushing her into transporting drugs, committing ing theft and credit fraud. While things seemed to be going well for the pair, eventually that too soured. When Dani’s friend suggested that the younger teen should begin seeing men for cash, Dani flatly shut her down. Tension grew within their friendship and within a week, the two were at one another’s throats.

Dani’s life had turned into a living nightmare. She was betrayed by her friend and sent to a youth detainment facility. However, before trail she was able to escape but her newfound freedom lasted only moments before she was taken down in a fashion which destroyed her clavicle, requiring surgery. Now, at an all time low emotionally and dealing with debilitating pain nearly every waking moment, Dani finds herself on her way to one of the government’s youth retreat for rehabilitation.
 
[div class=hidden].[/div] [class=container] height: 600px; width: 800px; background-color: transparent; margin: auto; border: solid 3px transparent; [/class] [class=hidden] display: none; z-index: -10; transition: 1s; [/class] [class=para] font-size: 12px; color: black; text-align: justify; padding: 10px; opacity: 1; [/class] [class=first_box] height: 260px; width: 260px; background-color: white; position: absolute; z-index: 10; opacity: 0; transition: 2s; box-shadow: 4px 4px 3px lightgray; [/class] [class=first_image] height: 260px; width: 260px; position: absolute; z-index: 1; opacity: 0; border-radius: 0px; overflow: hidden; transition: 2s; [/class] [class=overlay_box] width: 260px; height: 260px; position: absolute; z-index: 0; margin-top: 170px; margin-left: 270px; transition: opacity 1s , -webkit-filter 4s; opacity: 0; -webkit-filter: grayscale(0%); background-color: transparent; [/class] [class name=overlay_box state=hover] -webkit-filter: grayscale(100%); transition: 4s; [/class] [class=showbox] opacity: 1; transition: 2s; [/class] [class=box_one] height: 120px; width: 120px; margin-left: 270px; margin-top: 170px; position: absolute; border-radius: 100%; background-color: transparent; overflow: hidden; transition: 1s; z-index: 1; opacity: 0; transform: translate(70px,70px) rotate(-90deg) scale(0.2); filter: grayscale(100%); brightness(50%); [/class] [class=one_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; opacity: 1; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.3s; opacity: 1; [/class] [class=box_two] height: 120px; width: 120px; margin-left: 410px; margin-top: 170px; position: absolute; border-radius: 100%; overflow: hidden; transition: 1s; opacity: 0; z-index: 0; background-color: transparent; transform: translate(-70px,70px) rotate(90deg) scale(0.2); filter: brightness(70%); [/class] [class=two_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.5s; opacity: 1; [/class] [class=box_three] height: 120px; width: 120px; margin-left: 270px; margin-top: 310px; position: absolute; border-radius: 100%; overflow: hidden; transition: 1s; opacity: 0; z-index: 0; background-color: transparent; filter: brightness(60%); transform: translate(70px,-70px) rotate(90deg) scale(0.2); [/class] [class=three_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.7s; opacity: 1; [/class] [class=box_four] height: 120px; width: 120px; margin-left: 410px; margin-top: 310px; position: absolute; border-radius: 100%; overflow: hidden; transition: 1s; opacity: 0; z-index: 0; background-color: transparent; transform: translate(-70px,-70px) rotate(-90deg) scale(0.2); filter: grayscale(100%); brightness(50%); [/class] [class=four_move] transform: translate(0px,0px) rotate(0deg) scale(1); border-radius: 5%; transition: transform 1s , border-radius 1s , opacity 1s; transition-delay: 0.9s; opacity: 1; [/class] [class=boxbgone] background-color: rgba(255, 255, 255, 0.0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadeone] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtextone] font-size: 14px; color: white; z-index: -10; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadeone] opacity: 1; transition: opacity 1s , transform 0s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtextone state=hover] cursor: pointer; [/class] [class=closeone] font-size: 14px; color: white; z-index: -10; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclose] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closeone state=hover] cursor: pointer; [/class] [class=boxbgtwo] background-color: rgba(255, 255, 255, 0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadetwo] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtexttwo] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadetwo] opacity: 1; transition: opacity 1s , transform 0s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtexttwo state=hover] cursor: pointer; [/class] [class=closetwo] font-size: 14px; color: white; z-index: -4; text-align: center; opacity: 0; transition: 1s ; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclosetwo] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closetwo state=hover] cursor: pointer; [/class] [class=boxbgthree] background-color: rgba(255, 255, 255, 0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadethree] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtextthree] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadethree] opacity: 1; transition: opacity 1s , transform 0s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtextthree state=hover] cursor: pointer; [/class] [class=closethree] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclosethree] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closethree state=hover] cursor: pointer; [/class] [class=boxbgfour] background-color: rgba(255, 255, 255, 0); opacity: 0; height: 120px; width: 120px; transform: scale(0.5); transition: 2s 0.5s; z-index: 1; position: absolute; border-radius: 28px; [/class] [class=bgfadefour] opacity: 1; background-color: rgba(255, 255, 255, 0.6); transform: scale(1.1); transition: transform 1s , opacity 1.5s , border-radius 2s , background-color 0.7s; border-radius: 8px; [/class] [class=bgtextfour] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=textfadefour] opacity: 1; transition: opacity 1s; z-index: 1; transform: scale(1); pointer-events: auto; [/class] [class name=bgtextfour state=hover] cursor: pointer; [/class] [class=closefour] font-size: 14px; color: white; z-index: -1; text-align: center; opacity: 0; transition: 1s; margin-top: 50px; margin-left: 26px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 20px; width: 70px; transform: scale(0.8); pointer-events: none; [/class] [class=showclosefour] opacity: 1; transition: 1s; z-index: 10; transform: scale(1); pointer-events: auto; [/class] [class name=closefour state=hover] cursor: pointer; [/class] [class=closeall] font-size: 14px; color: white; z-index: 1; text-align: center; opacity: 0; transition: 0.5s; margin-top: 445px; margin-left: 350px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 22px; width: 100px; [/class] [class=showcloseall] opacity: 1; transition: 2s; transition-delay: 0.5s; z-index: 10; [/class] [class name=closeall state=hover] cursor: pointer; [/class] [class=back] font-size: 14px; color: white; z-index: 1; text-align: center; opacity: 0; transition: 0.5s; margin-top: 445px; margin-left: 350px; font-variant: lowercase; font-style: italic; letter-spacing: 1px; font-weight: bold; position: absolute; transition: 1s; background-color: black; height: 22px; width: 100px; [/class] [class=showback] opacity: 1; transition: 2s; transition-delay: 0.5s; z-index: 10; [/class] [class name=back state=hover] cursor: pointer; [/class] [class=hideboxes] opacity: 0; pointer-events: none; transition: 1s; [/class] [class=front_line] background-color: black; height: 32px; width: 100px; position: absolute; margin-top: 40px; margin-left: 150px; z-index: 10; opacity: 1; [/class] [class=front_text] font-size: 22px; color: white; font-style: italic; font-weight: bold; font-variant: lowercase; text-align: center; padding-top: -3px; font-family: 'Arial', sans-serif; letter-spacing: 1px; [/class] [class name=front_line state=hover] cursor: pointer; [/class] [class name=front_text state=hover] cursor: pointer; [/class] [class=header_one] background-color: black; height: 30px; width: 0px; margin-left: 20px; margin-top: 30px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headerone_text] font-size: 18px; color: white; font-style: italic; font-weight: bold; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headerone_text state=hover] cursor: default; [/class] [class=header_two] background-color: black; height: 30px; width: 0px; margin-left: 550px; margin-top: 30px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headertwo_text] font-size: 24px; color: white; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headertwo_text state=hover] cursor: default; [/class] [class=header_three] background-color: black; height: 30px; width: 0px; margin-left: 20px; margin-top: 313px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headerthree_text] font-size: 24px; color: white; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headerthree_text state=hover] cursor: default; [/class] [class=header_four] background-color: black; height: 30px; width: 0px; margin-left: 550px; margin-top: 313px; position: absolute; opacity: 1; transition: 2s 1.9s ease-in-out; [/class] [class=headerfour_text] font-size: 24px; color: white; letter-spacing: 1px; font-family: 'Arial', sans-serif; text-align: center; opacity: 0; transition: 1.5s 1s; [/class] [class name=headerfour_text state=hover] cursor: default; [/class] [class=box_1] height: 0px; width: 220.5px; background-color: white; margin-top: 60px; margin-left: 20px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=title1] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 10px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-50px); transition: 0s 4s; [/class] [class name=title1 state=hover] cursor: default; [/class] [class=para1] font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 35px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 20px; transition: 0s 4s; [/class] [class name=para1 state=hover] cursor: default; [/class] [class=musicplayer] height: 30px; width: 185px; background-color: black; position: absolute; margin-top: 180px; margin-left: 18px; overflow: hidden; opacity: 0; transition: 0s 4s; [/class] [class=soundcloud] height: 20px; width: 20px; position: relative; overflow: hidden; margin-left: 89px; margin-top: 5px; -webkit-filter: brightness(90%) grayscale(100%) contrast(500%); transform: scale(0.75); [/class] [class=skipback] font-size: 14px; color: white; margin-left: 48px; margin-top: 5.5px; position: absolute; z-index: 1; [/class] [class name=skipback state=hover] cursor: pointer; [/class] [class=skipforward] font-size: 14px; color: white; margin-left: 138px; margin-top: 5.5px; position: absolute; z-index: 1; [/class] [class name=skipforward state=hover] cursor: pointer; [/class] [class=nowplaying] font-size: 14px; font-weight: bold; font-style: italic; margin-left: 30px; margin-top: 155px; position: absolute; color: black; font-family: 'Arial', sans-serif; letter-spacing: 0.5px; opacity: 0; transition: 0s 4s; [/class] [class name=nowplaying state=hover] cursor: default; [/class] [class=box_2] height: 0px; width: 220.5px; background-color: white; margin-top: 60px; margin-left: 550px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=title2] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 10px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-50px); transition: 0s 4s; [/class] [class name=title2 state=hover] cursor: default; [/class] [class=title3] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 120px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-50px); transition: 0s 4s; [/class] [class name=title3 state=hover] cursor: default; [/class] [class=title4] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 110px; margin-top: 120px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-110px); transition: 0s 4s; [/class] [class name=title4 state=hover] cursor: default; [/class] [class=para2] height: 80px; width: 185px; background-color: transparent; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 35px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 40px; text-align: justify; transition: 0s 4s; [/class] [class name=para2 state=hover] cursor: default; [/class] [class=para3] background-color: transparent; height: 70px; width: 40px; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 145px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 500px; text-align: justify; transition: 0s 4s; [/class] [class name=para3 state=hover] cursor: default; [/class] [class=para4] background-color: transparent; height: 70px; width: 60px; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 120px; margin-top: 145px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 500px; text-align: justify; transition: 0s 4s; [/class] [class name=para4 state=hover] cursor: default; [/class] [class=box_3] height: 0px; width: 220.5px; background-color: white; margin-top: 343px; margin-left: 20px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=title5] color: black; font-size: 18px; font-weight: bold; font-style: italic; position: absolute; margin-left: 10px; margin-top: 10px; opacity: 0; font-family: 'Arial', sans-serif; transform: translateX(-110px); transition: 0s 4s; [/class] [class name=title5 state=hover] cursor: default; [/class] [class=para5] background-color: transparent; height: 178px; width: 185px; font-size: 13px; font-family: 'Arial', sans-serif; margin-left: 20px; margin-top: 35px; opacity: 0; position: absolute; letter-spacing: 0.5px; line-height: 15px; overflow-y: scroll; padding-right: 500px; text-align: justify; transition: 0s 4s; [/class] [class name=para5 state=hover] cursor: default; [/class] [class=box_4] height: 0px; width: 220.5px; background-color: white; margin-top: 343px; margin-left: 550px; position: absolute; border-left: solid 5px black; border-right: solid 5px black; overflow: hidden; transition: height 2s ease-in-out , border-bottom 0.3s 1.9s; border-bottom: solid 0px black; [/class] [class=imagebox] height: 200px; width: 200px; background-color: transparent; margin-left: 10px; margin-top: 12px; position: absolute; overflow: hidden; opacity: 0; -webkit-filter: grayscale(100%); transition: filter 2s , opacity 3s 4s; [/class] [class name=imagebox state=hover] -webkit-filter: grayscale(0%); transition: 2s; cursor: pointer; [/class] [class=image1] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-462af4d332.jpg'); opacity: 1; grayscale(100%); transition: 1s 1s; [/class] [class=image2] background-image: url('https://i.pinimg.com/564x/57/ec/bb/57ecbba77623d378035cc1ba3f6369d9.jpg'); opacity: 1; -webkit-filter: brightness(0%); transition: 1s 1s; [/class] [class=image3] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-5fab3c40d8.jpg'); transition: 1s 1s; [/class] [class=image4] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-9fe7c3854a.png'); transition: 1s 1s; [/class] [class=image5] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-0381d1ca2e.jpg'); transition: 1s 1s; [/class] [class=image6] background-image: url('https://im5.ezgif.com/tmp/ezgif-5-459463cb4c.png'); transition: s 1s; [/class] [class=transform] height: 225px; transition: height 1.5s 2s ease-out , border-bottom 0.1s 2s; border-bottom: solid 5px black; [/class] [class=reveal] width: 230px; transition: 1.5s 0.5s ease-out; [/class] [class=text_reveal] opacity: 1; transition: opacity 2s 1.2s; [/class] [class=text_reveal1] opacity: 1; transition: opacity 1s 3s; [/class] [class=title_reveal1] opacity: 1; transition: opacity 1s 2.8s , transform 1.1s 2.7s; transform: translateX(0); [/class] [class=title_reveal2] opacity: 1; transition: opacity 1s 3.3s , transform 1.1s 3.2s; transform: translateX(0); [/class] [class=text_reveal2] opacity: 1; transition: opacity 1s 3.5s; [/class] [class=title_reveal3] opacity: 1; transition: opacity 1.7s 3.8s , transform 1.8s 3.7s; transform: translateX(0); [/class] [class=text_reveal3] opacity: 1; transition: opacity 1s 4.8s; [/class] [class=nowplaying_reveal] opacity: 1; transition: opacity 1s 3.3s; [/class] [class=music_reveal] opacity: 1; transition: opacity 1s 3.3s; [/class] [script class=container on=init] addClass showbox overlay_box addClass showbox first_box addClass showbox first_image [/script] [script class=front_line on=click] addClass hideboxes first_box addClass hideboxes overlay_box addClass hideboxes first_image addClass one_move box_one addClass two_move box_two addClass three_move box_three addClass four_move box_four addClass showback back [/script] [script class=front_text on=click] addClass hideboxes first_box addClass hideboxes overlay_box addClass hideboxes first_image addClass one_move box_one addClass two_move box_two addClass three_move box_three addClass four_move box_four addClass showback back [/script] [script=bgtextone] set one 1 [/script] [script=bgtexttwo] set two 1 [/script] [script=bgtextthree] set three 1 [/script] [script=bgtextfour] set four 1 [/script] [script class=bgtextone on=click] set one 2 if (eq "${one}" "2") (addClass showclose closeone) if (eq "${one}" "2") (removeClass textfadeone bgtextone) if (eq "${one}" "2") (addClass showcloseall closeall) if (eq "${one}" "2") (removeClass showback back) if (eq "${one}" "2") (addClass transform box_1) if (eq "${one}" "2") (addClass reveal header_one) if (eq "${one}" "2") (addClass text_reveal headerone_text) if (eq "${one}" "2") (addClass title_reveal1 title1) if (eq "${one}" "2") (addClass text_reveal1 para1) if (eq "${one}" "2") (addClass nowplaying_reveal nowplaying) if (eq "${one}" "2") (addClass music_reveal musicplayer) [/script] [script class=box_one on=mouseenter] if (eq "${one}" "2") (set one 2) (set one 1) if (eq "${one}" "1") (addClass textfadeone bgtextone) if (eq "${one}" "1") (addClass bgfadeone boxbgone) [/script] [script class=box_one on=mouseleave] if (eq "${one}" "1") (removeClass showclose closeone) if (eq "${one}" "1") (removeClass textfadeone bgtextone) if (eq "${one}" "1") (removeClass bgfadeone boxbgone) if (eq "${one}" "2") (addClass showclose closeone) if (eq "${one}" "2") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (set one 1) [/script] [script class=bgfadeone on=mouseleave] if (eq "${one}" "1") (removeClass showclose closeone) if (eq "${one}" "1") (removeClass textfadeone bgtextone) if (eq "${one}" "1") (removeClass bgfadeone boxbgone) if (eq "${one}" "2") (addClass showclose closeone) if (eq "${one}" "2") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (set one 1) [/script] [script class=closeone on=click] set one 0 if (eq "${one}" "0") (removeClass showclose closeone) if (eq "${one}" "0") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (removeClass bgfadeone boxbgone) if (eq "${one}" "0") (removeClass showcloseall closeall) if (eq "${one}" "0") (addClass showback back) if (eq "${one}" "0") (removeClass transform box_1) if (eq "${one}" "0") (removeClass reveal header_one) if (eq "${one}" "0") (removeClass text_reveal headerone_text) if (eq "${one}" "0") (removeClass title_reveal1 title1) if (eq "${one}" "0") (removeClass text_reveal1 para1) if (eq "${one}" "0") (removeClass nowplaying_reveal nowplaying) if (eq "${one}" "0") (removeClass music_reveal musicplayer) [/script] [script class=bgtexttwo on=click] set two 2 if (eq "${two}" "2") (addClass showclosetwo closetwo) if (eq "${two}" "2") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "2") (addClass showcloseall closeall) if (eq "${two}" "2") (removeClass showback back) if (eq "${two}" "2") (addClass transform box_2) if (eq "${two}" "2") (addClass reveal header_two) if (eq "${two}" "2") (addClass text_reveal headertwo_text) if (eq "${two}" "2") (addClass title_reveal1 title2) if (eq "${two}" "2") (addClass title_reveal2 title3) if (eq "${two}" "2") (addClass title_reveal3 title4) if (eq "${two}" "2") (addClass text_reveal1 para2) if (eq "${two}" "2") (addClass text_reveal2 para3) if (eq "${two}" "2") (addClass text_reveal3 para4) [/script] [script class=box_two on=mouseenter] if (eq "${two}" "2") (set two 2) (set two 1) if (eq "${two}" "1") (addClass textfadetwo bgtexttwo) if (eq "${two}" "1") (addClass bgfadetwo boxbgtwo) [/script] [script class=box_two on=mouseleave] if (eq "${two}" "1") (removeClass showclose closetwo) if (eq "${two}" "1") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "1") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "2") (addClass showclose closetwo) if (eq "${two}" "2") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (set two 1) [/script] [script class=bgfadetwo on=mouseleave] if (eq "${two}" "1") (removeClass showclose closetwo) if (eq "${two}" "1") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "1") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "2") (addClass showclose closetwo) if (eq "${two}" "2") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (set two 1) [/script] [script class=closetwo on=click] set two 0 if (eq "${two}" "0") (removeClass showclosetwo closetwo) if (eq "${two}" "0") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "0") (removeClass showcloseall closeall) if (eq "${two}" "0") (addClass showback back) if (eq "${two}" "0") (removeClass transform box_2) if (eq "${two}" "0") (removeClass reveal header_two) if (eq "${two}" "0") (removeClass text_reveal headertwo_text) if (eq "${two}" "0") (removeClass title_reveal1 title2) if (eq "${two}" "0") (removeClass title_reveal2 title3) if (eq "${two}" "0") (removeClass title_reveal3 title4) if (eq "${two}" "0") (removeClass text_reveal1 para2) if (eq "${two}" "0") (removeClass text_reveal2 para3) if (eq "${two}" "0") (removeClass text_reveal3 para4) [/script] [script class=bgtextthree on=click] set three 2 if (eq "${three}" "2") (addClass showclosethree closethree) if (eq "${three}" "2") (removeClass textfadethree bgtextthree) if (eq "${three}" "2") (addClass showcloseall closeall) if (eq "${three}" "2") (removeClass showback back) if (eq "${three}" "2") (addClass transform box_3) if (eq "${three}" "2") (addClass reveal header_three) if (eq "${three}" "2") (addClass text_reveal headerthree_text) if (eq "${three}" "2") (addClass title_reveal1 title5) if (eq "${three}" "2") (addClass text_reveal1 para5) [/script] [script class=box_three on=mouseenter] if (eq "${three}" "2") (set three 2) (set three 1) if (eq "${three}" "1") (addClass textfadethree bgtextthree) if (eq "${three}" "1") (addClass bgfadethree boxbgthree) [/script] [script class=box_three on=mouseleave] if (eq "${three}" "1") (removeClass showclose closethree) if (eq "${three}" "1") (removeClass textfadethree bgtextthree) if (eq "${three}" "1") (removeClass bgfadethree boxbgthree) if (eq "${three}" "2") (addClass showclose closethree) if (eq "${three}" "2") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (set three 1) [/script] [script class=bgfadethree on=mouseleave] if (eq "${three}" "1") (removeClass showclose closethree) if (eq "${three}" "1") (removeClass textfadethree bgtextthree) if (eq "${three}" "1") (removeClass bgfadethree boxbgthree) if (eq "${three}" "2") (addClass showclose closethree) if (eq "${three}" "2") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (set three 1) [/script] [script class=closethree on=click] set three 0 if (eq "${three}" "0") (removeClass showclosethree closethree) if (eq "${three}" "0") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (removeClass bgfadethree boxbgthree) if (eq "${three}" "0") (removeClass showcloseall closeall) if (eq "${three}" "0") (addClass showback back) if (eq "${three}" "0") (removeClass transform box_3) if (eq "${three}" "0") (removeClass reveal header_three) if (eq "${three}" "0") (removeClass text_reveal headerthree_text) if (eq "${three}" "0") (removeClass title_reveal1 title5) if (eq "${three}" "0") (removeClass text_reveal1 para5) [/script] [script class=bgtextfour on=click] set four 2 set image 1 if (eq "${four}" "2") (addClass showclosefour closefour) if (eq "${four}" "2") (removeClass textfadefour bgtextfour) if (eq "${four}" "2") (addClass showcloseall closeall) if (eq "${four}" "2") (removeClass showback back) if (eq "${four}" "2") (addClass transform box_4) if (eq "${four}" "2") (addClass reveal header_four) if (eq "${four}" "2") (addClass text_reveal headerfour_text) if (eq "${image}" "1") (addClass image1 imagebox) if (eq "${image}" "1") (removeClass image2 imagebox) if (eq "${image}" "1") (removeClass image3 imagebox) if (eq "${image}" "1") (removeClass image4 imagebox) if (eq "${image}" "1") (removeClass image5 imagebox) if (eq "${image}" "1") (removeClass image6 imagebox) [/script] [script class=imagebox on=click] if (eq "${image}" "${image}") (inc image 1) if (eq "${image}" "1") (addClass image1 imagebox) if (eq "${image}" "2") (addClass image2 imagebox) if (eq "${image}" "3") (addClass image3 imagebox) if (eq "${image}" "4") (addClass image4 imagebox) if (eq "${image}" "5") (addClass image5 imagebox) if (eq "${image}" "6") (addClass image6 imagebox) [/script] [script class=box_four on=mouseenter] if (eq "${four}" "2") (set four 2) (set four 1) if (eq "${four}" "1") (addClass textfadefour bgtextfour) if (eq "${four}" "1") (addClass bgfadefour boxbgfour) [/script] [script class=box_four on=mouseleave] if (eq "${four}" "1") (removeClass showclose closefour) if (eq "${four}" "1") (removeClass textfadefour bgtextfour) if (eq "${four}" "1") (removeClass bgfadefour boxbgfour) if (eq "${four}" "2") (addClass showclose closefour) if (eq "${four}" "2") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (set four 1) [/script] [script class=bgfadefour on=mouseleave] if (eq "${four}" "1") (removeClass showclose closefour) if (eq "${four}" "1") (removeClass textfadefour bgtextfour) if (eq "${four}" "1") (removeClass bgfadefour boxbgfour) if (eq "${four}" "2") (addClass showclose closefour) if (eq "${four}" "2") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (set four 1) [/script] [script class=closefour on=click] set four 0 if (eq "${four}" "0") (removeClass showclosefour closefour) if (eq "${four}" "0") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (removeClass bgfadefour boxbgfour) if (eq "${four}" "0") (removeClass showcloseall closeall) if (eq "${four}" "0") (addClass showback back) if (eq "${four}" "0") (removeClass transform box_4) if (eq "${four}" "0") (removeClass reveal header_four) if (eq "${four}" "0") (removeClass text_reveal headerfour_text) if (eq "${four}" "0") (removeClass image2) if (eq "${four}" "0") (removeClass image3) if (eq "${four}" "0") (removeClass image4) if (eq "${four}" "0") (removeClass image5) if (eq "${four}" "0") (removeClass image6) [/script] [script=closeall] set close 0 [/script] [script=back] set back 0 [/script] [script class=closeall on=click] set close 0 set back 0 if (eq "${close}" "0") (removeClass showcloseall closeall) if (eq "${close}" "0") (addClass showback back) set one 0 if (eq "${one}" "0") (removeClass showclose closeone) if (eq "${one}" "0") (removeClass textfadeone bgtextone) if (eq "${one}" "0") (removeClass bgfadeone boxbgone) if (eq "${one}" "0") (removeClass transform box_1) if (eq "${one}" "0") (removeClass reveal header_one) if (eq "${one}" "0") (removeClass text_reveal headerone_text) if (eq "${one}" "0") (removeClass title_reveal1 title1) if (eq "${one}" "0") (removeClass text_reveal1 para1) if (eq "${one}" "0") (removeClass nowplaying_reveal nowplaying) if (eq "${one}" "0") (removeClass music_reveal musicplayer) set two 0 if (eq "${two}" "0") (removeClass showclosetwo closetwo) if (eq "${two}" "0") (removeClass textfadetwo bgtexttwo) if (eq "${two}" "0") (removeClass bgfadetwo boxbgtwo) if (eq "${two}" "0") (removeClass twocont_move two_content) if (eq "${two}" "0") (removeClass transform box_2) if (eq "${two}" "0") (removeClass reveal header_two) if (eq "${two}" "0") (removeClass text_reveal headertwo_text) if (eq "${two}" "0") (removeClass title_reveal1 title2) if (eq "${two}" "0") (removeClass title_reveal2 title3) if (eq "${two}" "0") (removeClass title_reveal3 title4) if (eq "${two}" "0") (removeClass text_reveal1 para2) if (eq "${two}" "0") (removeClass text_reveal2 para3) if (eq "${two}" "0") (removeClass text_reveal3 para4) set three 0 if (eq "${three}" "0") (removeClass showclosethree closethree) if (eq "${three}" "0") (removeClass textfadethree bgtextthree) if (eq "${three}" "0") (removeClass bgfadethree boxbgthree) if (eq "${three}" "0") (removeClass transform box_3) if (eq "${three}" "0") (removeClass reveal header_three) if (eq "${three}" "0") (removeClass text_reveal headerthree_text) if (eq "${three}" "0") (removeClass transform box_3) if (eq "${three}" "0") (removeClass reveal header_three) if (eq "${three}" "0") (removeClass text_reveal headerthree_text) if (eq "${three}" "0") (removeClass title_reveal1 title5) if (eq "${three}" "0") (removeClass text_reveal1 para5) set four 0 if (eq "${four}" "0") (removeClass showclosefour closefour) if (eq "${four}" "0") (removeClass textfadefour bgtextfour) if (eq "${four}" "0") (removeClass bgfadefour boxbgfour) if (eq "${four}" "0") (removeClass transform box_4) if (eq "${four}" "0") (removeClass reveal header_four) if (eq "${four}" "0") (removeClass text_reveal headerfour_text) if (eq "${four}" "0") (removeClass transform box_4) if (eq "${four}" "0") (removeClass reveal header_four) if (eq "${four}" "0") (removeClass text_reveal headerfour_text) if (eq "${four}" "0") (removeClass image2) if (eq "${four}" "0") (removeClass image3) if (eq "${four}" "0") (removeClass image4) if (eq "${four}" "0") (removeClass image5) if (eq "${four}" "0") (removeClass image6) [/script] [script class=back on=click] set back 1 if (eq "${back}" "1") (removeClass one_move box_one) if (eq "${back}" "1") (removeClass two_move box_two) if (eq "${back}" "1") (removeClass three_move box_three) if (eq "${back}" "1") (removeClass four_move box_four) if (eq "${back}" "1") (removeClass showback back) if (eq "${back}" "1") (removeClass hideboxes first_box) if (eq "${back}" "1") (removeClass hideboxes overlay_box) if (eq "${back}" "1") (removeClass hideboxes first_image) [/script] [div class=container] [div class=overlay_box] [div class=first_box] [div class=first_image]
c6045c33553f0999939066f3d86befe7.jpg
[/div] [div class=front_line][div class=front_text]enter. (wip)[/div][/div] [/div][/div] [div class=box_one] [div class=boxbgone] [div class=closeone]close[/div] [div class=bgtextone]basics[/div] [/div]
86ceb955b3f0c20515649cfaffc95ad3.jpg
[/div] [div class=header_one][div class=headerone_text]
gabriel mikhailov.
[/div][/div] [div class=box_1] [div class=title1][/div] [div class=para1]
gender | male.
age | eighteen.
sexuality | heterosexual.
ethnicity | russian // american
d.o.b |
december 8th.
p.o.b | moscow, russia.
criminal percentage |
face claim | stephen james.


appearance.

gabriel is not ignorant to his good looks; he stands in at around 6'1, accompanied by a rather lean, angular and well-muscled frame. his features are refined, with a straight Roman nose and a sharp, well-defined jaw and a pair of infamous 'pouted' Slavic lips. his eyes are a piercing greyish blue, though they aren't the only striking things about him. thanks to a childhood obsession, gabriel is a walking canvas of beautifully intricate tattoos made up of different cultural icons and artistic expressions and designs.
[/div] [div class=nowplaying]my stress - nf[/div] [div class=musicplayer] [div class=skipback][/div] [div class=skipforward][/div] [div class=soundcloud]
[/div] [/div]
[/div] [div class=box_two] [div class=boxbgtwo] [div class=closetwo]close[/div] [div class=bgtexttwo]persona[/div] [/div]
2191be17aaa4a52064e644ab88a0e429.jpg
[/div] [div class=header_two][div class=headertwo_text]
[/div][/div] [div class=box_2] [div class=title2]personality[/div]
[div class=para2]wip. [/div] [div class=title3]likes[/div] [div class=para3]+ like
+ like
+ like
+ like
+ like
+ like
+ like
[/div] [div class=title4]dislikes[/div] [div class=para4]+ dislike
+ dislike
+ dislike
+ dislike
+ dislike
+ dislike
+ dislike
[/div]
[/div] [div class=box_three] [div class=boxbgthree] [div class=closethree]close[/div] [div class=bgtextthree]history[/div] [/div]
d699a49683b85a9c4c89b05719832d65.jpg
[/div] [div class=header_three][div class=headerthree_text]
[/div][/div] [div class=box_3] [div class=title5]biography[/div] [div class=para5]wip
[/div]
[/div] [div class=box_four] [div class=boxbgfour] [div class=closefour]close[/div] [div class=bgtextfour]other[/div] [/div]
dc59b7c116b09f3b3d91c6fd63494022.jpg
[/div] [div class=header_four][div class=headerfour_text]
[/div][/div] [div class=box_4] [div class=closeall]
close all
[/div] [div class=back]
back
[/div] [/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div]
[div class=box_4][/div] [/div][div class=container][/div]
 
MAJOR WIP
Maddox





about


Name:
Maddox Lefay

Age:
19

Gender:
Male
Sexuality:
Bisexual

Criminal %:
65%

Faceclaim:
Lucas Jade Zumann

Appearance



Eye Color: Hazel
Hair Color: Dark Brown
Height: 5'8''
Weight: 143lbs
Tattoos/Piercings/Etc: N/A

Persona


Likes:
boop

Dislikes:
boop

Quirks:
boop

Fears:
boop


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tortor odio, vehicula eget elit in, tincidunt condimentum massa. Donec rhoncus cursus vulputate. In pulvinar sapien ante, vitae bibendum arcu condimentum non. Vestibulum et porta libero. Duis feugiat lobortis metus a sodales. Etiam fringilla ut turpis ac ultrices. Nulla pellentesque ipsum ac convallis imperdiet. Aliquam erat neque, lacinia vitae pellentesque sed, lobortis suscipit neque. Sed quis neque dignissim enim varius vulputate. Nunc mi neque, lacinia venenatis purus quis, sodales sollicitudin sapien. In enim dui, scelerisque sed urna eget, eleifend pulvinar lorem. Nullam sit amet felis egestas, malesuada lacus eu, varius nulla. Curabitur vitae magna dolor.

biography


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tortor odio, vehicula eget elit in, tincidunt condimentum massa. Donec rhoncus cursus vulputate. In pulvinar sapien ante, vitae bibendum arcu condimentum non. Vestibulum et porta libero. Duis feugiat lobortis metus a sodales. Etiam fringilla ut turpis ac ultrices. Nulla pellentesque ipsum ac convallis imperdiet. Aliquam erat neque, lacinia vitae pellentesque sed, lobortis suscipit neque. Sed quis neque dignissim enim varius vulputate. Nunc mi neque, lacinia venenatis purus quis, sodales sollicitudin sapien. In enim dui, scelerisque sed urna eget, eleifend pulvinar lorem. Nullam sit amet felis egestas, malesuada lacus eu, varius nulla. Curabitur vitae magna dolor.

Miscellaneous


Theme song:

codedbycrucialstar | hidden scroll
 

Users who are viewing this thread

Back
Top