Realistic or Modern the project

[ukiiyo]

[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/a7/0a/59/a70a5992c8842498c4bb3cdbc78b32c8.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: #d5b0ad; [/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"]STEP 1: THE PARTY[/div][div class="text"] The first party since break ended and everyone was excited about it. The event was being held at a popular senior's house, as per usual, but this time it was a little bit different. Why? Well that's simply because this party wasn't for just getting drunk and hooking up with the random hot chick you were eyeing across the room, it was to celebrate the arrival of all the new transfer students.

The whole ordeal of the 'lower class' public school burning down was a nightmare for the students of Stephen Vanier Secondary School. Still, it wasn't totally terrible, after all, the students who were helping out the transfer kids were getting extra credit for it. That essentially saved various seniors who were in desperate need of some credits in order to graduate on time. But this party, well, not everyone is thrilled about the newest additions to the peaceful school.

Most of the transfer students were well known for their troublemaking ways and frankly, nobody wanted anything to do with them. But wouldn't it be fun to get into trouble and blame it all on the troublemakers of the party? Nobody knows what direction this party will end up going in, but it's common knowledge that it's the perfect way to celebrate the New Year and coming back to school.

tags: copacetic koala erised vixen-chan aurnia Winona invariance fantasy [/div][/div][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]

 

[koala]

hadrien​

[div class=base][div class=image][/div] location: Beatrice's house interactions: Raquel copacetic mentions: Emory outfit: xx "What a bad idea." The words had left Hadrien's lips, but the music and talking were so loud he could barely hear himself. It'd been so long since he'd taken part of the social scene that he felt like an outsider as he stood next to the staircase. A few old schoolmates had approached him with light conversation, but they'd been brief since he obviously didn't want to talk. The intensity of the music made him not want to. It shook his core and practically made his ears bleed, but that was probably because he wasn't used to the same things as he was in the past. He was more sensitive to stuff now, even if he didn't want to admit it. The older male took a sip of his drink, a blend of diet and regular Coca-cola because he didn't want to drink and didn't want something too sugary. The old Hadrien would have drank and socialized, taking in the extroverted energy that was currently swallowing him whole. The new Hadrien, however, was different. He couldn't do the things he wanted and truthfully, he didn't really have any desire to. Coming to the party wasn't even his idea, but his best friend, Emory's. Where was that guy anyways? Hadrien left his post in search of his friend. His taller build blessed him with the ability to look passed most of the crowd, eyes scanning the area like a sensor. When they landed on a familiar face, his breathe was nearly forced out of his body. His chest tightened, fingers tingled, and his head pounded when he saw her--when she looked at him. It was hard to tell what she was thinking though. She'd looked away too quickly, even if everything slowed down for him, and as much as he wanted to walk towards her, all he could do was turn and head the opposite direction. [/div] [class=base] background-color: #385792; color: white; height: 350px; min-width: 300px; max-width: 300px; font-size: 15px; text-align: justify; overflow-y: auto; overflow-x: none; margin: auto; padding: 5px; white-space: pre-line; [/class] [class=image] background-image: url(https://i.imgur.com/bigVjHE.jpg); background-size: 100%; background-position: 0px 0px; height: 350px; min-width: 300px; max-width: 300px; [/class]

 

[copacetic]

[div class=container]

font call outhellohello

[div class=img1] [div class=mentions][div class=scroll] [div class=tag]location[/div] the party
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]interactions[/div] hadrien
[div class=tag]mentions[/div] none
[div class=tag]tags[/div] koala
[/div][/div] [/div] [div class=namecon] [div class=role]click[/div] [div class=name]raquel.[/div] [div class=nameo]raquel.[/div] [/div] [div class=body][div class=scroll][div class=dialogue]"Showtime."[/div] Raquel muttered to herself as she walked through the door and into the party. Normally, she wasn't that nervous to show up to a party, but tonight was different. She had to make a good first impression for her new school. Since Sir Higgins, burned to the ground, Raquel knew that she had to start over socially, which was a difficult task halfway through her senior year.

She could feel the music playing in her chest as she scanned the crowd for familiar faces. A couple of her friends were also going to Stephen Vanier, so they should be here, or they should be here eventually. She weaved through the crowd and found where the drinks were kept. She had gotten herself some water, not wanting to start drinking just yet. She'd rather wait for her friends. After grabbing her water she found a corner where she can keep an eye on the crowd. She had looked up from her phone only to catch someone's eye. Only, it wasn't just anyone. It was Hadrien.

Raquel quickly looked away as her heart rate increased. Shit, shit shit. She wanted to throw up. He was the last person she had expected to see and all of the feelings she thought she was over came rushing back to her. She hasn't seen him since he suddenly decided to call it quits. Raquel could never forget the feelings of shock, confusion, and heartbreak that occurred all at once. To this day, she doesn't have answers.

Letting out a breath, she turned back towards the drinks table and made herself a strong drink. Some vodka and some soda. Tonight was going to be much more complicated than she had originally thought. She downed half of the drink at the table before she returned back to her corner.

Tonight is going to be a long night.
[/div][/div]

⠀♡coded by uxie♡

[/div]


[class=container] --img-1: url('https://i.pinimg.com/564x/7e/90/f5/7e90f5ff5c04d3eceee88c0fe412388f.jpg'); --bg: #fff; --mbg: #fff; --color-1: #C0F5B7; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class]

 

[vixen-chan]

tragic

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

"quote here"​

location:
with:
tags:

​

Sung-hoon was, to say the least, excited. He loved parties. At first, he had been a little uncertain about the only going to a new school thing, but after hearing that they were throwing a celebration, he was actually all for it now! Maybe the thought of a party had calmed his nerves somehow, or maybe the party just clouded his mind and made him forget about what kind of school he was actually going to. Now that party was on his mind, he completely didn't care. Maybe that was the solution to making Sung-hoon calm down and try new things. Just promise something fun before or after that'll make him forget all his worries. It seemed to work perfectly in this situation.

When he got to the party, he had noticed it was a bit different then what he imagined. This party had a lot of drinking involved. And he wasn't the type for alcohol consumption. Yea, so uncool, but he wasn't trying to get drunk and do stupid shit. Sure, he had been in a school with a bunch of troublemaker children, but he wasn't trying to be one intentionally. He was probably more a goody-two-shoes then a troublemaker. He could probably even become a legit teacher's pet if he wanted to, but Sung-hoon wasn't trying too hard to be a good boy. Not that being a good kid was a bad thing or anything, he was just aware of how far it'd get you if you acted like one in school. Especially schools were wealthy kids ran the place and everyone had something to say about someone. There were always expectations of how a school could or would be, but those allegations were kind of conflicting. It depended on what kind of school you went to if something like they showed on TV, would happen. In most cases, bullying is a thing. The only group things (jokes, popular kids, etc.) probably true, but not a frequent thing that you'd probably witness. At least, Sung-hoon has never been exposed to it. Yet.

Anywho, to back away from the talk of schools, the teen turned his head and focused on the party again. He had seen a few kids from his old school, but despite wanting to approach them, he wasn't sure. They seemed distracted enough and he didn't want to be a bother. He sighed. It had been funny to think that one minute he had been excited about this party, but then once he got here... he wasn't as excited. Maybe he had forgotten how weird teenage parties were. He stayed standing and just quietly watched everyone else who were more or less enjoying the party.

~~~~​

Su-bin, on the other hand, was terrified. She hated parties and wanted nothing to do with them whatsoever. She honestly wasn't sure why she was going to this party, and what even made her. Then she remembered how it was kind of required? She had to get to know the new transfers. But Su-bin felt that maybe she could just meet them at school instead of having to attend such a loud and out of control celebration party. Who knows what could happen?! Someone could probably die! That was a bit melodramatic, but still, there was a huge possibility of something going very wrong. Even though it'd seem like overreacting to most, Su-bin truly thought that some kind of huge event like this would happen if things went out of control. Whose idea was it to allow these students to have a celebration party like this, anyway? Especially without some kind of teachers being involved to watch over it all? Honestly, Su-bin couldn't believe this was a thing and that she was attending it. She'd much rather be in her dorm and reading a good book to relieve herself of school stress. Was that too much to ask?

Guess so.

The teen was quiet for the most part, and just observing as she tried her best to refrain from getting involved in any drinking or something outrageous. She just sat quietly on the couch, tapping her foot as the loud music clouded her head, keeping her from escaping into her mind where it was much quiet and she could probably just daydream and time would go by faster. She sighed heavily, resting her elbows on her knees and then her head on her hands.

[/div][/div]

codedbycrucialstar | hidden scroll​

 

[copacetic]

[div class=container]

font call outhellohello

[div class=img1] [div class=mentions][div class=scroll] [div class=tag]location[/div] the party
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]interactions[/div] none
[div class=tag]mentions[/div] pam, rion
[div class=tag]tags[/div] koala
[/div][/div] [/div] [div class=namecon] [div class=role]click[/div] [div class=name]graham.[/div] [div class=nameo]graham.[/div] [/div] [div class=body][div class=scroll][div class=dialogue]"Hey! What's up?"[/div] Graham greeted as he entered the party. A couple of his basketball teammates had been standing by the door as he walked in. He said his hellos to the others he knew (basically he'd greet anyone he recognized) as he walked through the party. Graham always looked forward to parties. He was a social butterfly with a short attention span, so parties are really where he thrived. The only thing that stayed in his head as he walked through the party was that Pam (and of course Rion) would be there soon.

Graham hadn't made his way to the drinks table yet because he wanted to hold off drinking until later in the party. He wanted to have some form of coherent conversation with Pam. And honestly, he'd much rather remember hanging around with her. Also, Rion would probably kill him if he somehow got Pam involved in some stupid drunk shenanigan. To tell the truth, Rion scared Graham. He may not come off as a tough guy, but Graham knows what he would do for his little brothers, so he would never want to underestimate him.

He stayed close enough to the entrance so he could keep an eye on it, making sure to look out for the pair of siblings. He pulled out his phone and shot Pam a text.

where are u pammy? i am so lonely and boreddddd

That was a lie. Graham always had a friend somewhere. Though they may be a new friend he made in the moment, he never failed to have someone to pass the time with. Thankfully, he didn't have to go through the effort of making a new friend just to pass the time with tonight since he was at a party with his classmates. So, he was talking with a group of people from his history class as he waited, glancing at the door every so often.
[/div][/div]

⠀♡coded by uxie♡

[/div]


[class=container] --img-1: url('https://i.pinimg.com/474x/e6/96/c2/e696c228366a0b0752c1def89ec5ad41.jpg'); --bg: #fff; --mbg: #fff; --color-1: #233980; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class]

 

[invariance]

[div class=container]

⠀♡coded by uxie♡

[div class=sidebar][div class=border1]

[/div][div class=name]‹ scout ›[/div][div class=info style=display:none][div class=scroll2]location: bea's house
mood: grumpy
outfit: ☼
mentions: bea, subin, and pam
[/div][/div][div class=border2]

[/div][/div][div class=content][div class=scroll1]scout didn't like parties. he didn't like them solely because everyone was either drunk or horny, leaving him to sit with the other antisocial kids on the couches when he could be ranking up in league of legends. however, he had made sure that pam was going to be there to save him from spending an eternity in the flashing lights all by himself. perhaps it was a blessing in disguise, with bea having set up the whole celebration for the transferring students.

and that was a whole different conversation.

filing between the bodies of people holding red solo cups, scout's eyes surveyed the dimly lit room in search of either bea or pam. even though scout knew that his girlfriend wouldn't be coming until later, he couldn't help but feel desperate for the social buffer his kind, extroverted girlfriend offered. thinking about it made his stomach warm, a foreign feeling for someone so isolated.

scout finally pushed through the crowd into a sort of clearing, which was when he spotted subin sitting by herself on the couches. he quickly made his way over and sat beside her, staring out at the great throng of people talking. he had to yet to see any of the transfer students – as if he would recognize them if he did see them – so there was no use talking to anyone else if he couldn't find bea and pam hadn't yet arrived.

[div class=dialogue]"not a huge fan of parties?"[/div] he offered up as a conversation starter, talking uncomfortably loudly to combat the thrumming of the music.
[/div][/div]
[/div]

[class=container] --bg-color-1:#996622; --bg-color-2:#cc9944; --color-1: #664400; --color-2: #ff7caa; --t-color: white; --img-1: url('https://i.imgur.com/DoRWP8O.png'); --img-2: url('https://66.media.tumblr.com/ea6922d4faf4d13024939b2f7327e0d8/tumblr_oy6tv5IXr01w8utqwo1_400.jpg'); height:320px; width:400px; margin:auto; position:relative; [/class] [class=sidebar] height:300px; width:160px; background-color: var(--bg-color-1); float:left; border-top-left-radius:3px; border-bottom-left-radius:3px; [/class] [class=content] height:284px; width:230px; background-color: var(--bg-color-2); float:left; border-top-right-radius:3px; border-bottom-right-radius:3px; padding:5px; padding-top:8px; padding-bottom:8px; overflow:hidden; text-align:justify; font-size:10px; line-height: 9px; [/class] [class=scroll1] height:100%; width:100%; overflow-y:auto; padding-right:40px; color: var(--t-color); margin-left:8px; [/class] [class=scroll2] height:100%; width:100%; overflow-y:auto; padding-right:40px; color: var(--t-color); [/class] [class=border1] height:95px; width:95px; border-radius:50%; border:1px solid var(--color-1); padding:5px; margin:auto; margin-top:15px; transition:0.4s; [/class] [class name=border1 state=hover] transform: scale(1.05); transition:0.4s; [/class] [class=name] font-size:18px; color:white; text-shadow: 2px 2px var(--color-1); text-align:center; margin:auto; margin-top:2px; font-weight:bold; letter-spacing:1px; [/class] [class=info] height:69px; width:124px; margin:auto; background-color: var(--bg-color-2); margin-top:5px; padding:3px; color: var(--t-color); font-size:10px; overflow:hidden; line-height: 13px; [/class] [class=border2] height:42px; width:42px; border-radius:50%; border:1px solid var(--color-1); padding:3px; margin:auto; margin-top:10px; transition:0.4s; position:relative; top:0px; [/class] [class name=border2 state=hover] transform: scale(1.05); transition:0.4s; cursor: pointer; [/class] [script class=border2 on=click] slideToggle 800 info [/script] [class=dialogue] display:inline-block; color: var(--color-1); [/class] [class=alt] display:inline-block; background-color:var(--color-2); min-height:20px; width: calc(100% - 10px); padding:5px; [/class]

 

[vixen-chan]

tragic

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

"tragic. ain't it tragic?"​

location: party
with: scout
tags: invariance

​

Su-bin continued staring blankly at the floor. It was as if she had been waiting for the floor to open up a void and swallow her whole. That'd be better then forcefully being at this loud party. At least, that was her own mindset. Honestly, she was hoping that no one would approach her, and maybe the crowd of people would keep her hidden from sight. But unfortunately, that didn't seem to be the case. She hadn't even noticed Scout coming in her direction, not until she felt extra weight on the couch to her left. Her eyes shifted in that direction, staring at the teen who had made himself comfortable beside her. She blinked a few times, thinking he was just trying to also get away and wasn't looking to trying to talk to her, but she was taken by surprise when he shouted over the music, or at least tried. But it worked. She heard him enough to understand what he was saying, though the booming of the music just made conversating difficult to all hell.

The question flew over her head for a second as she was surprised she was even approached in the first but then she remembered that she was being spoken to. And by a guy no less. So now, Su-bin was in a bit of distress. She felt a shiver run up her spine, causing her to tremble from the tingling feeling. "I-I, um-" Now she was glad that the music was so loud. It at least blocked out her stammering. But now she had to yell to even answer the other.

And why did it have to be a guy of all people?

Su-bin had a bad history with guys. Or well, with a guy, and ever since then she kind of... never wanted to be associated with them, and kind of fear them (though that was a whole different story on why). Maybe it was dumb to be scared of men, but she felt as though she had a very good reason to be. She was quiet for a moment, refusing to speak may be hoping that he'd get annoyed or maybe see that she didn't want to talk and just leave. But then again, that was a long shot. Plus, that was a bit rude. She never liked being ignored or pushed to the side, so why would she act like such with anyone else?

Su-bin sighed - guessing that she was out of options - and turned her head a bit to face Scout but didn't bother to make eye contact as she just awkwardly continued staring at the floor.

"Yea, n...not really." She responded, being sure to raise her voice enough where it could at least try to overlap the music that was playing. Whether Scout heard her or not was debatable on his reaction and response.

[/div][/div]

codedbycrucialstar | hidden scroll​

 

[ukiiyo]

[class=container] height: 360px; width: 400px; margin: auto; [/class] [class=container2] height: 350px; width: 390px; border: 2px solid #f8d672; background: white; [/class] [class=pic] height: 240px; width: 150px; background:URL(https://i.imgur.com/a7yJqRB.jpg); background-size: cover; margin-left: 10px; margin-top: 10px; background-position: -5px 0px; [/class] [class=stats] width: 150px; height: 35px; margin-left: 10px; margin-top: 0px; [/class] [class=title] font-size: 25px; border-bottom: 1px solid #f8d672; text-transform: uppercase; letter-spacing: 4px; color: #f8d672; text-shadow: 2px 2px #e4b740; text-align: center; [/class] [script class=stats on=click] slideToggle 900 cool1 [/script] [class name=cool1] height: 50px; width: 150px; background: white; display: none; overflow: hidden; [/class] [class=scroll] height: 98%; width: calc(100% + 17px); overflow-y: scroll; [/class] [class=text] font-size: 10px; color: black; text-align: justify; width: 90%; [/class] [class=name] font-size: 30px; color: white; text-align: center; background: #f8d672; height: 40px; width: 170px; float: right; margin-top: -275px; margin-right: 40px; [/class] [class=textbox] height: 290px; width: 220px; float: right; margin-right: -6px; margin-top: -230px; overflow: hidden; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 0px; [/class] [div class=container][div class=container2] [div class=pic][/div] [div class=stats][div class=title]stats[/div] [div class=cool1][div class=scroll][div class=text]location: home ➞ the party
tags: rion (me) | scout invariance | graham copacetic
outfit: 01[/div][/div][/div][/div] [div class=name]

Pamela Choi

[/div] [div class=textbox][div class=scroll][div class=text]Pulling her hair up into a messy bun, Pam found herself pulling some strands of hair to frame her face and make her look less like a potato. The party had already started and naturally, she was still in the midst of getting ready for it. This was a normal thing for Pam and it seemed like that would never change. She always found herself waiting until the last second to get ready for an event and that would cause her dates to get annoyed with her or judge the fact she took so long. But her current boyfriend didn't seem to care. In fact, he was already at the party and probably somewhat mingling with people. Or at least trying to. While it did sort of suck that she wasn't going to arrive at the party with him but rather her brother, she understood why he went there ahead of time.

There was a sharp knock on her bathroom door and the annoyed tone of her younger brother followed soon after. "Pam you've literally been in there for ages. At this point, why are we even going to the party?" Laughing a bit, Pam put her lipgloss on before opening the door and looking up at the tall youth who was grumpily standing in front of her.

"We are going to the party because my boyfriend is there, probably suffering, and my best friend is dying to have me show up." To prove her point, the girl quickly flashed the text message she received from Graham a bit earlier which only resulted in a frown on her brother's features. "Plus, I'm ready now so we can go. I'm even wearing jeans and a jacket. Aren't you proud of me?" Her tone was teasing and she couldn't help but ruffle Rion's styled hair as she moved past him. Of course, it wasn't a smooth thing as she was relatively short, but he always would bend down a bit to make it easier.

As the pair of siblings made it out of her bedroom and downstairs, Pam made sure to send a few texts to Graham and Scout, telling them that she was finally on her way. It was rude to keep people waiting for too long. "Mom, we're heading out so I'll probably see you in the morning?" Waving to her mother who was comfortably sitting on the couch watching reruns of some dating show, Pam dragged Rion out the front door and to her car. They probably could've taken the boy's more expensive car but they only seemed to take her's as it was 'more fun'. And by more fun, they meant it was a 90's car and so it was pretty neat.

"Is your girlfriend coming?" The question fell from her lips as soon as they were both in the car and she was starting it. The question seemed to only result in a dramatic eye roll from Rion as he leaned back in his seat, probably contemplating his answer. "Because she is pretty cute and you haven't really introduced me to her or anything like that."

"Can we just ignore my love life and focus on yours? Where did you even find that guy? Some alley?" The tone was sharp and he was clearly annoyed, but Pam could only laugh at him.

"Rion, not every boyfriend of mine is bad news. Who knows, you might actually learn to like Scout."

"Doubt it."

The two arrived at the party and it seemed like the perfect time to show up. Most people were already there and the music was finally getting good, which meant Pam's mood was instantly better. She was the type who really enjoyed parties and really had fun at them. She had a habit of going a little too hard or getting a little too wild without the influence of alcohol, but that's why she had all her friends. Entering the front door, she looked around the crowd for the one guy she was really excited to say hi to. Obviously that was Graham. "Hey! Graham cracker, what's up?" Her thin arms were wrapped around the basketball player's frame for a bit once she reached him, only pulling away when it was borderline past a friendly hug.

Rion seemed to disappear into the crowd, most likely checking out who exactly was at the party, but Pam didn't really mind. "The party seems to be really popping already." She commented to her friend, trademark smile on her soft features. She did realize she had to find Scout though which meant she had to break herself away from the group of classmates. "I'm going to find Scout, do you want to tag along? He isn't the best at socializing." Pam tilted her head to the side, waiting for Graham's reply, hoping it would be an 'okay sure'.

She was fully aware of the disapproval people had for her relationship, but she didn't want her best friend to also disapprove of it. After all, what was a good girl like her doing dating a boy who was fighting more often than not?
[/div][/div][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]

 

[invariance]

[div class=container]

⠀♡coded by uxie♡

[div class=sidebar][div class=border1]

[/div][div class=name]‹ scout ›[/div][div class=info style=display:none][div class=scroll2]location: bea's house
mood: grumpy
outfit: ☼
mentions: subin, pam
[/div][/div][div class=border2]

[/div][/div][div class=content][div class=scroll1]upon finding himself closer to the girl, scout slowly caught on to the fact that she didn't seem very confident in her socializing skills. she stammered awkwardly, which the blond boy had been able to pick up on over the roar of the party. he felt a little bad for her, especially since scout had missed the warning signs that she obviously wanted to be left alone. well, that makes two of them.

when she finally seemed to get a grip on her tongue, her answer didn't give scout much to go off of. he nodded dumbly, returning his gaze from gazing quizzically at her to scrutinizing the crowd. a vibration through his leg jolted scout out of his thoughts, mild disgust at the sweaty bodies of the dancing partiers having sucked the boy into his own headspace. fishing his phone out of his pocket, scout couldn't help the immense relief that flooded his system upon sliding open pam's text, assuring him that she was on her way. in all honesty, having pam or bea with him was the only way he could actually let loose at a party and come to enjoy himself. otherwise, he was often slinking around the edges of the party-goers, maybe getting into a fistfight with a drunk student or two. those were when he really had fun; it was actually action to spice up the lame stereotypical-ness of high school parties.

shooting back a quick text thanking and blessing his girlfriend, scout wondered if he should attempt to make his way back to the front door in the hopes of reaching pam faster or continue to camp out on the sofa with subin, who still refused to look at him. it almost made him want to fight, but he controlled the flash of hot fire beginning to ignite beneath his skin. shrugging off the irritation, scout decided to stay on the couch in the hopes that pam would find him, since he might just get swallowed up by the crowd trying to get back to the front door.
[/div][/div]
[/div]

[class=container] --bg-color-1:#996622; --bg-color-2:#cc9944; --color-1: #664400; --color-2: #ff7caa; --t-color: white; --img-1: url('https://i.imgur.com/DoRWP8O.png'); --img-2: url('https://66.media.tumblr.com/ea6922d4faf4d13024939b2f7327e0d8/tumblr_oy6tv5IXr01w8utqwo1_400.jpg'); height:320px; width:400px; margin:auto; position:relative; [/class] [class=sidebar] height:300px; width:160px; background-color: var(--bg-color-1); float:left; border-top-left-radius:3px; border-bottom-left-radius:3px; [/class] [class=content] height:284px; width:230px; background-color: var(--bg-color-2); float:left; border-top-right-radius:3px; border-bottom-right-radius:3px; padding:5px; padding-top:8px; padding-bottom:8px; overflow:hidden; text-align:justify; font-size:10px; line-height: 9px; [/class] [class=scroll1] height:100%; width:100%; overflow-y:auto; padding-right:40px; color: var(--t-color); margin-left:8px; [/class] [class=scroll2] height:100%; width:100%; overflow-y:auto; padding-right:40px; color: var(--t-color); [/class] [class=border1] height:95px; width:95px; border-radius:50%; border:1px solid var(--color-1); padding:5px; margin:auto; margin-top:15px; transition:0.4s; [/class] [class name=border1 state=hover] transform: scale(1.05); transition:0.4s; [/class] [class=name] font-size:18px; color:white; text-shadow: 2px 2px var(--color-1); text-align:center; margin:auto; margin-top:2px; font-weight:bold; letter-spacing:1px; [/class] [class=info] height:69px; width:124px; margin:auto; background-color: var(--bg-color-2); margin-top:5px; padding:3px; color: var(--t-color); font-size:10px; overflow:hidden; line-height: 13px; [/class] [class=border2] height:42px; width:42px; border-radius:50%; border:1px solid var(--color-1); padding:3px; margin:auto; margin-top:10px; transition:0.4s; position:relative; top:0px; [/class] [class name=border2 state=hover] transform: scale(1.05); transition:0.4s; cursor: pointer; [/class] [script class=border2 on=click] slideToggle 800 info [/script] [class=dialogue] display:inline-block; color: var(--color-1); [/class] [class=alt] display:inline-block; background-color:var(--color-2); min-height:20px; width: calc(100% - 10px); padding:5px; [/class]

 

[copacetic]

[div class=container]

font call outhellohello

[div class=img1] [div class=mentions][div class=scroll] [div class=tag]location[/div] the party
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]interactions[/div] none
[div class=tag]mentions[/div] none
[div class=tag]tags[/div]
[/div][/div] [/div] [div class=namecon] [div class=role]click[/div] [div class=name]astrid.[/div] [div class=nameo]astrid.[/div] [/div] [div class=body][div class=scroll][div class=dialogue]"Hejdå"[/div] Astrid called behind her as she left her house to head to the party. She didn't really want to go to the party, but it was a big thing for the new kids to get to know their classmates. Astrid felt like it was probably a good idea for her to at least make an appearance since she is participating in the project. Not to mention, she had spent the past who-knows-how-long at home, so she was in need of socialization, as much as she didn't want to admit it.

This whole social isolation game was not fun and Astrid wouldn't recommend it. She wasn't naturally antisocial, quite the opposite in fact. That wasn't the point however. The party was the point. It was strange completely dreading something but also looking forward to it at the same time. She could hear the music from the street as she approached the house where the party was held.

She squeezed her way through the crowd of people and into the heart of the party- where the drinks were. She made herself a drink and found herself a nice secluded corner to sit in. She's done her duty, she showed up. Now, she just has to wait it out a bit before she goes home. So for now, she is gonna go with the flow and see what happens.
[/div][/div]

⠀♡coded by uxie♡

[/div]


[class=container] --img-1: url('https://i.pinimg.com/564x/2c/c9/6a/2cc96aefe034182790a1b85987465055.jpg'); --bg: #fff; --mbg: #fff; --color-1: #DEA5C5; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size: cover; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class]

 

[copacetic]

[div class=container]

font call outhellohello

[div class=img1] [div class=mentions][div class=scroll] [div class=tag]location[/div] the party
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]interactions[/div] pam, scout
[div class=tag]mentions[/div] rion
[div class=tag]tags[/div] koala invariance
[/div][/div] [/div] [div class=namecon] [div class=role]click[/div] [div class=name]graham.[/div] [div class=nameo]graham.[/div] [/div] [div class=body][div class=scroll] Graham sighed in relief as he saw Pam's text. While he was having a good time, it was always better with his best friend at his side. Even if her scary brother seemed to always be keeping an eye on him. The best friends always had fun together at parties. Pam, who wouldn't drink, would always have just as much fun (if not more) as Graham, who did drink. That always worked out, because sometimes Graham needed a helping hand by the end of the night.

A grin appeared on Graham's face once he finally saw Pam. [div class=dialogue]"Pamcake! I'm ready to party, Short Stack. What about you?"[/div] he responded, squeezing her tightly. He raised a hand to wave at Rion before he slipped off into the crowd. [div class=dialogue]"Of course the party is poppin'; I'm here,"[/div] he joked with a dumb grin on his face.

His smile faded a bit when she mentioned Scout. Graham wasn't Scout's biggest fan. He seemed like a pretty volatile person, so he worried a bit about his friend. But, if she was happy, he'd keep his opinions to himself. Or at least he would try to, because he surely wasn't the best about it. She already got enough shit from Rion probably. [div class=dialogue]"Fine, but he better not kill the vibe with his antisocial-ness. Can we make a pit stop at the drink table first?"[/div] he asked, before heading there anyway.

Once he was there, he made himself a strong drink and handed Pam her usual choice: water. He draped his arm over her shoulder to keep from getting separated in the crowd, definitely not because he liked being close to her. He kept an eye out for the awkward boy, using his tall-ish frame to his advantage.

Finally, Graham spotted him on a couch through a sea of party-goers and steered his friend in that direction. [div class=dialogue]"Found him,"[/div] he announced loudly so she could hear him over the din of the party. Once they stopped in front of the seated boy, Graham nodded in greeting and removed his arm from Pam's shoulders, semi reluctantly. It was only a friendly gesture, but he didn't want to start trouble with her boyfriend, which would only lead to problems with Pam.
[/div][/div]

⠀♡coded by uxie♡

[/div]


[class=container] --img-1: url('https://i.pinimg.com/474x/e6/96/c2/e696c228366a0b0752c1def89ec5ad41.jpg'); --bg: #fff; --mbg: #fff; --color-1: #233980; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class]

 

[koala]

paxton​

[div class=base][div class=image][/div] location: Party house interactions: Rion ukiiyo mentions: Emory outift: tinted brown hair, xx For all the years he'd lived in Toronto, one would think Paxton was used to the cold. The unfortunate truth was that he wasn't and that he never would be. When he shut the engine of his car off and opened the door to the outside world, a blast of cold air punched him in the face and he was forced to clenched his jaw. It almost stung as it traveled beneath the fabric of his dark clothing, sinking into his skin. Paxton couldn't stop there, however. The real battle was trying to make it to the front door without succumbing to the demons of Canadian winter. "Damn." He muttered, finally stepped through the doorway and shutting the slab of wood behind him. He was met with warmth from all directions, a few people even coming towards him for a closer confrontation. Though their faces were unfamiliar to Paxton himself, they seemed to know him. Even without knowing who the strangers were, it was relatively easy for the male to keep up with the conversations happening around him. Most of them were about his recent dances while a few were even about some of his older competitions. It made him feel fuzzy inside every time his dancing was brought up, like he was actually getting somewhere with his dreams. Excusing himself from the small crowd that had formed around him, the male went searching for two of the people he knew were there: Rion and Raquel. Rion was his childhood friend and they'd known each other since primary school. For years they attended the same school and same grade but they went different ways once high school hit. Rion went the more academic route while Paxton went to his previous school for its art program. The two always kept in touch though and hung out at least once a week. On the other hand, Raquel and Paxton had become friends once high school hit. The two immediately hit it off and they'd even become known as a somewhat renown pair of friends due to their social media following. She was definitely the more popular of the two though, especially since Paxton didn't start actively involving himself with the social media community until last year. When a tall, dark-haired individual came into view, Paxton couldn't stop the dorky grin that formed on his face. He looked as though he hadn't seen the person in ages with how happy his expression was. "Excuse me, is this the Krusty Krab?" [/div] [class=base] background-color: #ca6123; color: white; height: 350px; min-width: 300px; max-width: 300px; font-size: 15px; text-align: justify; overflow-y: auto; overflow-x: none; margin: auto; padding: 5px; white-space: pre-line; [/class] [class=image] background-image: url(https://i.imgur.com/happqfg.png); background-size: 100%; background-position: 0px 0px; height: 350px; min-width: 300px; max-width: 300px; [/class]

 

[ukiiyo]

[class=container] height: 360px; width: 400px; margin: auto; [/class] [class=container2] height: 350px; width: 390px; border: 2px solid #c98886; background: white; [/class] [class=pic] height: 240px; width: 150px; background:URL(https://i.pinimg.com/564x/74/e0/a2/74e0a26a4543abefb3b6ad98ff960e0b.jpg); background-size: cover; margin-left: 10px; margin-top: 10px; background-position: -5px 0px; [/class] [class=stats] width: 150px; height: 35px; margin-left: 10px; margin-top: 0px; [/class] [class=title] font-size: 25px; border-bottom: 1px solid #c98886; text-transform: uppercase; letter-spacing: 4px; color: #c98886; text-shadow: 2px 2px #90626c; text-align: center; [/class] [script class=stats on=click] slideToggle 900 cool1 [/script] [class name=cool1] height: 50px; width: 150px; background: white; display: none; overflow: hidden; [/class] [class=scroll] height: 98%; width: calc(100% + 17px); overflow-y: scroll; [/class] [class=text] font-size: 10px; color: black; text-align: justify; width: 90%; [/class] [class=name] font-size: 30px; color: white; text-align: center; background: #c98886; height: 40px; width: 170px; float: right; margin-top: -275px; margin-right: 40px; [/class] [class=textbox] height: 290px; width: 220px; float: right; margin-right: -6px; margin-top: -230px; overflow: hidden; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 0px; [/class] [div class=container][div class=container2] [div class=pic][/div] [div class=stats][div class=title]stats[/div] [div class=cool1][div class=scroll][div class=text]location: the party
tags: pam | graham copacetic | pax koala
outfit: 01[/div][/div][/div][/div] [div class=name]

Rion Walsh

[/div] [div class=textbox][div class=scroll][div class=text]The party was rather loud and annoying, which meant Rion's sour demenor showed on his freckled features instantly. He had left his sister in the care of her best friend, Graham, after giving him a simple nod, not really interested in talking to him. They were on the same page when it came to the girl's choice of a boyfriend but unlike Rion, the other boy actually kept quiet. That's probably why Pam hung out with him so much. Though Rion was still very skeptical about his feelings towards her, he decided not to question it too much. He had to go and find his girlfriend at some point and see if she was going to be annoying and clingy or not.

The tall student soon spotted the blonde and walked over to her, arm subtly wrapped around her waist, his lips pressing against her temple. "Hey." His voice was low and really only loud enough for her to hear. Naturally, she gushed over her boyfriend and hugged him, causing Rion to stagger slightly since he still hadn't decided if he liked how affectionate and bubbly his current choice was. They had been in the same class the previous year and she had asked him out multiple times before but the timing never worked out until last month after Rion had finished up with an exam. He had been so caught off-guard that he could only say yes to her.

"I just came to see how you were holding up, especially since I didn't know if you were actually going to come." He mused, a small smirk evident on his lips as he looked down at the girl. You would think that Rion's reputation would be a negative one, but surprisingly it wasn't. Sure, he was never single for more than a week, but he hadn't been labeled a player since his relationships were all very loving and pleasant. They ended on good terms and everyone went about their ways. Still, the youth found his dark gaze wandering the crowd, but instead of looking at every girl that was dancing along with the music and downing some god-awful drink, he was staring at the various boys that filled the house.

He didn't even realize it himself until he saw the familiar frame of someone he hadn't seen since the previous weekend. Paxton. He was his childhood friend and honestly, Rion had never had such a fun friendship until that guy. The boys constantly got into trouble and they used to torment Pam just a bit whenever they would stay at her house over the weekend. They hadn't had a weekend between the three of them since middle school. Pam didn't even know that he still lived in Toronto. "I'm going to go say hi to a friend real quick. Grab me a drink if you have time." A half-hearted kiss was left on Olivia's lips before he left her side and wandered over to Paxton, dramatically throwing an arm around his shoulders.

"Since when did you start showing up to parties? I thought you'd be getting all hot and sweaty at the studio with someone" The teasing tone was noticeable as he patted Paxton's arm before pulling away slightly. "Pam's here tonight, you should probably say hi. She hasn't seen you in years."
[/div][/div][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]

 

[ukiiyo]

[class=container] height: 360px; width: 400px; margin: auto; [/class] [class=container2] height: 350px; width: 390px; border: 2px solid #f8d672; background: white; [/class] [class=pic] height: 240px; width: 150px; background:URL(https://i.imgur.com/a7yJqRB.jpg); background-size: cover; margin-left: 10px; margin-top: 10px; background-position: -5px 0px; [/class] [class=stats] width: 150px; height: 35px; margin-left: 10px; margin-top: 0px; [/class] [class=title] font-size: 25px; border-bottom: 1px solid #f8d672; text-transform: uppercase; letter-spacing: 4px; color: #f8d672; text-shadow: 2px 2px #e4b740; text-align: center; [/class] [script class=stats on=click] slideToggle 900 cool1 [/script] [class name=cool1] height: 50px; width: 150px; background: white; display: none; overflow: hidden; [/class] [class=scroll] height: 98%; width: calc(100% + 17px); overflow-y: scroll; [/class] [class=text] font-size: 10px; color: black; text-align: justify; width: 90%; [/class] [class=name] font-size: 30px; color: white; text-align: center; background: #f8d672; height: 40px; width: 170px; float: right; margin-top: -275px; margin-right: 40px; [/class] [class=textbox] height: 290px; width: 220px; float: right; margin-right: -6px; margin-top: -230px; overflow: hidden; [/class] [class name=codetag] font-size: 9px; text-align: center; margin-top: 0px; [/class] [div class=container][div class=container2] [div class=pic][/div] [div class=stats][div class=title]stats[/div] [div class=cool1][div class=scroll][div class=text]location: home ➞ the party
tags: scout invariance | graham copacetic
outfit: 01[/div][/div][/div][/div] [div class=name]

Pamela Choi

[/div] [div class=textbox][div class=scroll][div class=text]Laughing at how dramatic her friend seemed to be about Scout, she nodded her head. "Don't worry, he's not a total stick in the mud. He's just awkward around strangers!" The noise of the party seemed to only increase as the pair of friends made their way over to the drinks, Graham handing her water since she wasn't big on drinking in the first place. She thanked him and allowed the taller to lead her through the crowd in order to find Scout. It didn't take too long before he announced that he found the blonde. Instantly the girl's face lit up as she hurried over to where he was seated, smiling as brightly as ever.

Pam noticed the girl who was also occupying the couch but it didn't seem like she was even paying attention to Scout so she didn't really worry about her either. Setting her cup down on the coffee table that was in front of the sofa, Pam found herself wrapping her arms around Scout's frame, probably annoying the hell out of him but frankly she didn't care. She felt the urge to hug him and show how happy and satisfied she was with him, especially to her friends so that they would stop worrying so much. "Sorry that I made you wait for so long. I was having a tough time figuring out what to wear and I cut my leg while shaving. It was an ordeal, let me tell you." The girl ended up squeezing her way between Scout and the other girl, holding his hand tightly as she looked up at Graham, practically beaming like a ray of sunshine.

"Have the two of you formally met?" She asked, tilting her head slightly, her thumb lightly rubbing Scout's hand, just to help ease any tension he may have been feeling. She knew that he had a nasty temper and often got into fights so she hoped to just make things a bit more comfortable for him. Their relationship was generally perceived as odd, especially since they only met through Pam going to pick up a friend of Rion's from the school that Scout attended. Her brother had told her that the blonde was nothing but a troublemaker that would fight anyone and anything, but she still pursued him, with the intent of being friends. However, one thing led to another and they ended up dating each other. Sure, it was different from what she was used to, but it wasn't bad. She really liked Scout, even if he was rough around the edges at times.

Brushing her bangs away from her face, the girl stood up, pulling her boyfriend's hand as she did so. "I want to dance, so let's go dance. Graham, you too! You should dance a bit, that way the party can really get started." Pulling the blonde behind her, Pam ended up finding the main area where the music was the loudest and people seemed to be somewhat dancing and having a good time. Not that there was that much dancing at a high school party, especially a cliche rich kid party like this. But Pam, as the optimist of the party, still wanted to dance with her boyfriend and have fun, just let loose and not worry about the things that were weighing on her shoulders and causing stress.
[/div][/div][/div] [/div][/div] [div class="codetag"]coded by ukiiyo[/div]

 

[koala]

paxton​

[div class=base][div class=image][/div] location: Party house interactions: Rion & Pam ukiiyo mentions: Scout & Graham outift: tinted brown hair, xx The weight of Rion's arm around his shoulders made Paxton's knees bend slightly fore fear of being thrown off balance. He gave his best friend a playful shove as he laughed and shook his head. "Honestly, I really thought about skipping but I knew your lame ass would be here. How's Olivia? You guys doing alright?" The male nodded his head towards the blonde who was giggling about God knows what. He tried biting back a pitiful expression, wondering why Rion was dating someone different from his usual types, but he didn't say anything else. "Oh, Pam's here?" The tone of his voice rose slightly, curiosity shimmering in his dark brown eyes. He eyed the surround area before noticing someone familiar making her way to the dance floor. He grinned as he watched her move and then he couldn't help but look at Rion. "How are you guys actually related?" Paxton asked before making his way over and waiting for the song to be done. She was seemingly busy with some of her friends, one of them probably being her boyfriend. He debated on whether he should greet her then or wait until later, but spontaneity was always his thing. "Hey, Pam. Long time no see."[/div] [class=base] background-color: #ca6123; color: white; height: 350px; min-width: 300px; max-width: 300px; font-size: 15px; text-align: justify; overflow-y: auto; overflow-x: none; margin: auto; padding: 5px; white-space: pre-line; [/class] [class=image] background-image: url(https://i.imgur.com/happqfg.png); background-size: 100%; background-position: 0px 0px; height: 350px; min-width: 300px; max-width: 300px; [/class]

 

[invariance]

[div class=container]

⠀♡coded by uxie♡

[div class=sidebar][div class=border1]

[/div][div class=name]‹ scout ›[/div][div class=info style=display:none][div class=scroll2]location: bea's house
mood: skeptical
outfit: ☼
mentions: pam, graham, subin, paxton
[/div][/div][div class=border2]

[/div][/div][div class=content][div class=scroll1]as the time continued to pass, scout wondered if pam was ever going to show up. doubt trickled into his mind and he grit his teeth, damning both his girlfriend and bea for dragging him here as well as keeping him here. those two women worked wonders on scout's stubborn attitude to the point that he hoped they didn't realize how much power they had over a lowly boy like himself.

scanning the crowd, scout's eyes caught the familiar shape of his girlfriend weaving through... bringing someone with her. scout desperately hoped it wasn't rion, who very much disliked scout and the feeling was mutual. the blond boy had been close to starting several fights with pam's brother over mundane things, which he would always regret whenever pam would step in.

scout offers a smile to his girlfriend, relieved to finally have his social buffer with him again. he honestly wouldn't go anywhere without her at this point, she turned him into a slightly more likable person. his arms slowly wrap around her frame to return the hug, though his cheeks flush and he feels embarrassed in front of this friend she had brought along. after situating herself between scout and subin, he lets her hold his hand, albeit a bit tightly.

[div class=dialogue]"no, i don't think we have,"[/div] his voice is mildly icy over the thrum of the music, though he focuses on the soothing rub of pam's finger across the back of his hand. as great of a girlfriend as pam is, scout can't find it in him to not feel jealous whenever she introduces him to yet another of her guy friends. he mentally sizes graham up, coming to the conclusion that he wouldn't be hard to take down in a fight.

before either of the men can say anything else, pam is tugging him up off the couch and toward the dance floor, exclaiming that she wants to dance. the idea of dancing clogs scout's throat and he tries to settle it before they reach the dance floor. pam always looks like she belongs doing something and scout hardly does (maybe sitting in front of his pc or his xbox), only furthering the respect pam has from him. he watches her, allowing an endearing smile to slide easily - too easily - across his lips.

however, the moment is ruined when yet another man walks up, vying for pam's attention. hostility boils under scout's skin and he turns to paxton, anger flashing through his dark eyes. it seemed that every guy pam talked to got more and more attractive and less like scout's own self, making him feel defensive. if she was clearly friends with so many guys (who likely would drop everything to date her), scout wondered why she decided that he was deserving.

[div class=dialogue]"get lost, fuck-o. she obviously wants to dance, not talk."[/div]
[/div][/div]
[/div]

[class=container] --bg-color-1:#996622; --bg-color-2:#cc9944; --color-1: #664400; --color-2: #ff7caa; --t-color: white; --img-1: url('https://i.imgur.com/DoRWP8O.png'); --img-2: url('https://66.media.tumblr.com/ea6922d4faf4d13024939b2f7327e0d8/tumblr_oy6tv5IXr01w8utqwo1_400.jpg'); height:320px; width:400px; margin:auto; position:relative; [/class] [class=sidebar] height:300px; width:160px; background-color: var(--bg-color-1); float:left; border-top-left-radius:3px; border-bottom-left-radius:3px; [/class] [class=content] height:284px; width:230px; background-color: var(--bg-color-2); float:left; border-top-right-radius:3px; border-bottom-right-radius:3px; padding:5px; padding-top:8px; padding-bottom:8px; overflow:hidden; text-align:justify; font-size:10px; line-height: 9px; [/class] [class=scroll1] height:100%; width:100%; overflow-y:auto; padding-right:40px; color: var(--t-color); margin-left:8px; [/class] [class=scroll2] height:100%; width:100%; overflow-y:auto; padding-right:40px; color: var(--t-color); [/class] [class=border1] height:95px; width:95px; border-radius:50%; border:1px solid var(--color-1); padding:5px; margin:auto; margin-top:15px; transition:0.4s; [/class] [class name=border1 state=hover] transform: scale(1.05); transition:0.4s; [/class] [class=name] font-size:18px; color:white; text-shadow: 2px 2px var(--color-1); text-align:center; margin:auto; margin-top:2px; font-weight:bold; letter-spacing:1px; [/class] [class=info] height:69px; width:124px; margin:auto; background-color: var(--bg-color-2); margin-top:5px; padding:3px; color: var(--t-color); font-size:10px; overflow:hidden; line-height: 13px; [/class] [class=border2] height:42px; width:42px; border-radius:50%; border:1px solid var(--color-1); padding:3px; margin:auto; margin-top:10px; transition:0.4s; position:relative; top:0px; [/class] [class name=border2 state=hover] transform: scale(1.05); transition:0.4s; cursor: pointer; [/class] [script class=border2 on=click] slideToggle 800 info [/script] [class=dialogue] display:inline-block; color: var(--color-1); [/class] [class=alt] display:inline-block; background-color:var(--color-2); min-height:20px; width: calc(100% - 10px); padding:5px; [/class]

 

[copacetic]

[div class=container]

font call outhellohello

[div class=img1] [div class=mentions][div class=scroll] [div class=tag]location[/div] the party
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]interactions[/div] pam, scout, pax
[div class=tag]mentions[/div] rion
[div class=tag]tags[/div] koala invariance koala
[/div][/div] [/div] [div class=namecon] [div class=role]click[/div] [div class=name]graham.[/div] [div class=nameo]graham.[/div] [/div] [div class=body][div class=scroll][div class=dialogue]"Nice to meet ya,"[/div] Graham replied with a friendly smile and cheery tone despite Scout's cold one. But, if Pam was happy, he'd keep it nice. Especially with Scout's penchant for fighting. Despite never meeting, Graham was familiar with Scout's horrible temper, especially because Rion did not keep his distaste for Scout a secret. He stuck free hand in his pocket while his other one held his drink and looked down at the pair sitting on the couch.

Relief washed over him when Pam suggested dancing. [div class=dialogue]"Lead the way, Pamcake. We are the life of the party after all,"[/div] he joked as they made their way to where the few people who were actually dancing were. Though he didn't feel great about being a third wheel, he's just happy to be spending time with his best friend. Graham quickly downed the rest of his drink, leaving the empty cup on a table so he didn't have to worry about spilling. Graham started out with some over the top, cheesy dance moves. He wasn't the best dancer, so he opted for more of the funny dance moves like the sprinkler, the shopping cart, or the classic lawnmower.

He turned around when he heard an unfamiliar voice greet Pam. Graham was gonna nod at the guy, who was probably a transfer, though he wasn't sure since he seemed to know Pam and Rion. However, before he could Scout snapped at the guy. Shooting both Pam and the new guy a what-the-fuck look. [div class=dialogue]"Yeah awkward,"[/div] he muttered sarcastically in reference to Pam's reassurance from earlier.

[div class=dialogue]"Uh, Pam can decide if she wants to talk to him or not, dude,"[/div] he stated. He didn't like how he was speaking for Pam, who was capable of making her own decisions. Scout was not earning himself any respect in Graham's book. If anything, he is proving Graham right for not liking him. He shot Pam an annoyed look and crossed his arms.

Despite Pam somehow looking past Scout's anger, Graham and obviously Rion, wouldn't. He was worried about his best friend. Even if he never hurt Pam physically, Graham was still worried that things could change in an instant.
[/div][/div]

⠀♡coded by uxie♡

[/div]


[class=container] --img-1: url('https://i.pinimg.com/474x/e6/96/c2/e696c228366a0b0752c1def89ec5ad41.jpg'); --bg: #fff; --mbg: #fff; --color-1: #233980; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class]

 

[copacetic]

[div class=container]

font call outhellohello

[div class=img1] [div class=mentions][div class=scroll] [div class=tag]location[/div] the party
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]interactions[/div] pax
[div class=tag]mentions[/div] hadrien
[div class=tag]tags[/div] koala
[/div][/div] [/div] [div class=namecon] [div class=role]click[/div] [div class=name]raquel.[/div] [div class=nameo]raquel.[/div] [/div] [div class=body][div class=scroll]Raquel was halfway through her third drink when she finally spotted Pax. She couldn't help but keep glancing at Hadrien. She would look away quickly each time they made eye contact, hoping he didn't notice (though knowing deep down he obviously did). He had walked away after the first time, but she was desperately looking for Pax didn't help her trying to avoid eye contact with him. So she continued to drink until she saw him.

By the time she did, she definitely felt tipsy, inching closer to drunk, though not quite yet. She let out a sigh of relief before rushing over to Pax. She squeezed past strangers, stumbling only when someone knocked into her. She couldn't get to him fast enough. She couldn't tell if she wanted to leave and be far, far away from Hadrien or stay and not give him the satisfaction. She just wanted to have a good time tonight, not confront feelings that she had been avoided since he essentially dumped and ghosted her. She hadn't seen him before tonight and it was the last thing she had expected.

Oblivious to the awkward and tense situation, she approached her friend from behind and placed her hands on his shoulders. [div class=dialogue]"Paxton, I think I'm gonna die. Well, not really but I want to,"[/div] she blurted, panic evident on her face and in her voice. She rarely used Pax's full name, but she was serious. She genuinely didn't know what to do.

However, in that moment she realized she was interrupting something. Judging by the looks on the faces of the people around her, it wasn't just friends chatting. Something has been going on. [div class=dialogue]"Oh, sorry. Didn't mean to intrude,"[/div] she apologized. She was hoping she didn't make things worse or uncomfortable. She turned back to Pax. [div class=dialogue]"He's here by the way. You know who. Did not expect that,"[/div] she muttered to her friend as a bit of explaination.
[/div][/div]

⠀♡coded by uxie♡

[/div]


[class=container] --img-1: url('https://i.pinimg.com/564x/7e/90/f5/7e90f5ff5c04d3eceee88c0fe412388f.jpg'); --bg: #fff; --mbg: #fff; --color-1: #C0F5B7; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class]