CompletedPrivateText Messaging Planning for the Masquerade
Oct 20, 2024 9:04:53 GMT -7
Josuette Ardel and Mimi like this
Post by Brendon Redal on Oct 20, 2024 9:04:53 GMT -7
[nospaces][googlefont=Muli:900|Ubuntu:400]
[newclass=.hlplIM] --planetAccent1:#f8e684; --planetAccent2:#8e6129; [/newclass]
[newclass=.hlplIM] width:400px; height:500px; overflow:hidden; border-radius:3px; border: 1px solid #cbcbcb; [/newclass]
[newclass=.hlplBanner] height:10px; padding:5px 10px; background-color:#333; color:#fafafa; font:100 10px/21px ubuntu; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.hlplContact] height:93px; padding:10px 10px; background-image: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); display:flex; flex-flow:row nowrap; align-items:center; justify-content:flex-start; overflow:hidden; [/newclass]
[newclass=.hlplContact img] width:75px; height:75px; border-radius:100%; padding:30px; background-color:rgba(255,255,255,.2); [/newclass]
[newclass=.hlplContact h1] font:900 25px/25px Muli; color:#fafafa; margin-left:-20px; text-align:left; text-transform:uppercase; [/newclass]
[newclass=.hlplContact h1 a] color:#fafafa!important; font:900 25px/25px Muli!important; text-shadow:2px 2px rgba(0,0,0,.075)!important;[/newclass]
[newclass=.hlplMessages] height:342px; width:400px; overflow:auto; text-align:left; background-color:#e4e4e4; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; [/newclass]
[newclass=.hlplMessages h1, .hlplMessages h2] margin:0px 10px 10px 10px; max-width:300px; color:#fafafa; padding:10px; font:12px roboto; border-radius:3px; width:auto; text-transform: none; [/newclass]
[newclass=.hlplMessages h1 img, .hlplMessages h2 img] border-radius:3px; display:block!important; max-width:300px!important; border:1px solid rgba(255,255,255,.5);[/newclass]
[newclass=.hlplMessages h1] background: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); margin-left: auto; text-align:right; [/newclass]
[newclass=.hlplMessages h2] background: var(--planetAccent2); margin-right:auto; text-align:left; [/newclass]
[newclass=.hlplSend] background-image: linear-gradient(to right, var(--planetAccent1), var(--planetAccent2) ); height:35px; padding:0px 5px; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; [/newclass]
[newclass=.hlplSend div] width:318px; height:13px; margin:0px 5px; padding:5px; background-color:rgba(255,255,255,.25); font:400 10px/15px Ubuntu; color:#fafafa; cursor:text; [/newclass]
[newclass=.hlplSend div::before] content:'ENTER YOUR MESSAGE...'; [/newclass]
[newclass=.hlplSend span] color:#fafafa; width:25px; height:25px; background-color:rgba(255,255,255,.33); border-radius:100%; font-size:21px; overflow:hidden; [/newclass]
[newclass=.hlplSend span:before] transform-origin: center; width:25px; height:25px; display:flex; align-items:center; justify-content:center; transition:.25s ease;[/newclass]
[newclass=.hlplSend span:hover:before] transform:scale(1.24); cursor:pointer; transition:.25s ease; [/newclass]
[newclass=.hlplMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.hlplMessages::-webkit-scrollbar-track] background-color:#eee;border:0px;[/newclass]
[newclass=.hlplMessages::-webkit-scrollbar-thumb] background-image: linear-gradient(to bottom, var(--planetAccent1), var(--planetAccent2) );border-radius:7px;border:0px; [/newclass]
[newclass=.hlplCredit] font:800 7px roboto; margin-left:350px; [/newclass]
[newclass=.hlplCredit a] font:800 7px roboto; [/newclass]
[newclass=.hlplSend .ion] font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face { font-family: "Ionicons"; src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot"); src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/jttet8q0r121h5t/ionicons.woff") format("woff"), url("//dl.dropbox.com/s/jl3yj9nwp5lyl3g/ionicons.ttf") format("truetype"), url("//dl.dropbox.com/s/7c60myjcm9320b4/ionicons.svg") format("svg"); font-weight: normal; font-style: normal;[/newclass]
[newclass=.hlplSend .ion-images:before]font-family: "Ionicons";content:"\f148";[/newclass]
[newclass=.hlplSend .ion-arrow-up-c:before]font-family: "Ionicons";content:"\f10e";[/newclass]
[newclass=.hlplIM] --planetAccent1:#f8e684; --planetAccent2:#8e6129; [/newclass]
[attr="class","hlplIM"]
[attr="class","hlplMessages"]
[break]
You're not angry at me for anything else, right? We're good?
I think it is obvious by now that we both make each other very angry and will no doubt continue to do so. I am grateful that I was wrong, but I'd be lying if I said everything was fine now.
We just need better communication.
Perhaps.
So you said you would go to the school's autumn festival with me.
It says it's a halloween masquerade theme, with everyone in costumes and masks...
I read the paper.
Well, what do you think!
Do you have a costume? I don't have one.
I'll have to buy one.
You never dressed up as a little boy?
Of course I have. But, I'm not a little kid anymore.
Maybe you haven't noticed, but I'm a MAN.
I don't look like a kid!
seen a few minutes ago
Stop... sending... pictures!
[break]
Brendon turned around in his seat to glower back at Josuette, his cheeks tinted red with embarrassment.
[break][break]Josuette saw him within the corner of her eye, causing her lips to twitch upward into a subtle smile.
[break][break]Josuette saw him within the corner of her eye, causing her lips to twitch upward into a subtle smile.
What did you dress up as when you were younger?
I think a... vampire, wizard, and pirate before.
What about you?
My family was too prideful for Halloween. So I've never celebrated.
What about Christmas or your birthday?
We celebrated both. They were private, just myself, my mother and grandmother. I have no other known family.
I haven't celebrated Halloween in years. But I'll... be looking forward to it now. It sounds like fun, if you go with me.
Then I'll give you my first...with Halloween that is.
🐺
🐺
Brendon didn't even care if it was his infamous wolf icon! He just needed that message to get out of there!
What will you dress me up as I wonder?
🐺
🐺
😡
We can go out to a costume store today after class.
I'll buy something for both of us.
At first it felt good to tease him in a manner which she enjoyed, but quickly her previous self conscious feelings returned. She was not fully healed from their previous misunderstanding.
No, I want our costumes to be a surprise...we'll see them when we attend the event.
Then let me give you some money so you don't have to be limited on what you choose...
You've already given me $2000 dollars. I don't need anymore of your money. Unless my poverty is a problem for you.
I just want you to be able to pick out whatever costume you want without any concerns.
I'll be fine.
Fine, but don't be too stunned by my costume when we meet.
Where are we going to meet up?
Why at the masquerade itself, it won't be very fun...if we don't challenge each other to find one another amongst all those masks.
What!
I don't want to interact with other people...
You don't have to, simply look for me. If we speak to someone and we get it wrong...then we text and meet up.
Fine... but if I think I've spotted you, I'll text you and describe your costume.
Agreed. Now you really will be interacting with no one just as you wanted and I get what I want too.
Always so greedy...
Brendon teased.
I am. And I always will be.
Well... I'm looking forward to everything.
He was happy that they were finally beginning to get along.
Let's come to class early next time so we can sit beside each other.
All right.
Warmth spread into Brendon as a feeling of happiness. A content sensation at finally feeling as though they'd moved past that initial barrier.
[attr="class","hlplSend"][attr="class","ion ion-images"] [attr="class","ion ion-arrow-up-c"]
[attr="class","hlplCredit"]SELKIE
[newclass=.hlplIM] width:400px; height:500px; overflow:hidden; border-radius:3px; border: 1px solid #cbcbcb; [/newclass]
[newclass=.hlplBanner] height:10px; padding:5px 10px; background-color:#333; color:#fafafa; font:100 10px/21px ubuntu; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.hlplContact] height:93px; padding:10px 10px; background-image: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); display:flex; flex-flow:row nowrap; align-items:center; justify-content:flex-start; overflow:hidden; [/newclass]
[newclass=.hlplContact img] width:75px; height:75px; border-radius:100%; padding:30px; background-color:rgba(255,255,255,.2); [/newclass]
[newclass=.hlplContact h1] font:900 25px/25px Muli; color:#fafafa; margin-left:-20px; text-align:left; text-transform:uppercase; [/newclass]
[newclass=.hlplContact h1 a] color:#fafafa!important; font:900 25px/25px Muli!important; text-shadow:2px 2px rgba(0,0,0,.075)!important;[/newclass]
[newclass=.hlplMessages] height:342px; width:400px; overflow:auto; text-align:left; background-color:#e4e4e4; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; [/newclass]
[newclass=.hlplMessages h1, .hlplMessages h2] margin:0px 10px 10px 10px; max-width:300px; color:#fafafa; padding:10px; font:12px roboto; border-radius:3px; width:auto; text-transform: none; [/newclass]
[newclass=.hlplMessages h1 img, .hlplMessages h2 img] border-radius:3px; display:block!important; max-width:300px!important; border:1px solid rgba(255,255,255,.5);[/newclass]
[newclass=.hlplMessages h1] background: linear-gradient(to bottom right, var(--planetAccent1), var(--planetAccent2) ); margin-left: auto; text-align:right; [/newclass]
[newclass=.hlplMessages h2] background: var(--planetAccent2); margin-right:auto; text-align:left; [/newclass]
[newclass=.hlplSend] background-image: linear-gradient(to right, var(--planetAccent1), var(--planetAccent2) ); height:35px; padding:0px 5px; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; [/newclass]
[newclass=.hlplSend div] width:318px; height:13px; margin:0px 5px; padding:5px; background-color:rgba(255,255,255,.25); font:400 10px/15px Ubuntu; color:#fafafa; cursor:text; [/newclass]
[newclass=.hlplSend div::before] content:'ENTER YOUR MESSAGE...'; [/newclass]
[newclass=.hlplSend span] color:#fafafa; width:25px; height:25px; background-color:rgba(255,255,255,.33); border-radius:100%; font-size:21px; overflow:hidden; [/newclass]
[newclass=.hlplSend span:before] transform-origin: center; width:25px; height:25px; display:flex; align-items:center; justify-content:center; transition:.25s ease;[/newclass]
[newclass=.hlplSend span:hover:before] transform:scale(1.24); cursor:pointer; transition:.25s ease; [/newclass]
[newclass=.hlplMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.hlplMessages::-webkit-scrollbar-track] background-color:#eee;border:0px;[/newclass]
[newclass=.hlplMessages::-webkit-scrollbar-thumb] background-image: linear-gradient(to bottom, var(--planetAccent1), var(--planetAccent2) );border-radius:7px;border:0px; [/newclass]
[newclass=.hlplCredit] font:800 7px roboto; margin-left:350px; [/newclass]
[newclass=.hlplCredit a] font:800 7px roboto; [/newclass]
[newclass=.hlplSend .ion] font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face { font-family: "Ionicons"; src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot"); src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/jttet8q0r121h5t/ionicons.woff") format("woff"), url("//dl.dropbox.com/s/jl3yj9nwp5lyl3g/ionicons.ttf") format("truetype"), url("//dl.dropbox.com/s/7c60myjcm9320b4/ionicons.svg") format("svg"); font-weight: normal; font-style: normal;[/newclass]
[newclass=.hlplSend .ion-images:before]font-family: "Ionicons";content:"\f148";[/newclass]
[newclass=.hlplSend .ion-arrow-up-c:before]font-family: "Ionicons";content:"\f10e";[/newclass]
The shoutbox is a public space, so please don't advertise, and do your best to be inclusive/friendly.
