Sept 11, 2024 0:46:55 GMT
Post by Marie Descartes on Sept 11, 2024 0:46:55 GMT
[nospaces]
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 202,169,250; --accent: rgb(202,169,250); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Hind'; letter-spacing: .1px; color: #898989; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass-d a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass-d .glassleft] width: 200px; border-right: 5px solid #121212; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass-d .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass-d .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass-d .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass-d .colorfield-3] width: 400px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .colorfield-3] opacity: .85; [/newclass]
[newclass=#panedglass-d .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass-d .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass-d .glassright] padding: 0; position: relative; z-index: 5; background: #222; padding: 25px 0 0 25px; width: 340px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass-d .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass-d b] font-weight: 700; letter-spacing: .2px; [/newclass]
[newclass=#panedglass-d hr] margin: 15px 0; border: 0; height: 2px; background: #444; width: 100%; [/newclass]
[newclass=#panedglass-d br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass-d a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), .65); transition: .25s ease; [/newclass]
[newclass=#panedglass-d a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-track] background: #222; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .65);
border-radius: 2px; border: 0 !important [/newclass]
[attr="id","panedglass-d"]
[attr="class","credits"]made by gimmick
[attr="class","planedglass-main"]
[attr="class","glassleft"]
[attr="class","glasslyrics"]
And it would be so much easier to love you [break][break]
If you could only see yourself like me [break]
And wouldn't it hurt much less when you were lonely [break]
If you could only see yourself like me?
And it would be so much easier to love you [break][break]
If you could only see yourself like me [break]
And wouldn't it hurt much less when you were lonely [break]
If you could only see yourself like me?
[attr="class","colorfield-1"]
[attr="class","colorfield-2"]
[attr="class","colorfield-3"]
[attr="class","glassright"]
[attr="class","glassscroll"]
Given Marie's line of work, it was only expected she'd be put in alarming situations. Whether it be a medical emergency or a literal emergency, there was a certain calmness one might expect to see. Yet even still, her current plans would put all of them to shame. Granted, a more normal person would probably not think much of it, but Marie wasn't exactly normal. She was planning to go Black Friday shopping, and she was going with one of her particularly chatty co-workers. Needless to say, she was absolutely terrified. [break][break]
Despite every reservation in her mind, it was simply illogical not to go. Accounting for possible stock issues and shopping failures, it was still much more efficient per capita than any other day of the year. While her dual career gave her a pretty comfortable paycheck, Marie was nothing if not excessive. Any sort of minor optimization was worth pursuing, even if it involved the social dangers of a large crowd. Though, travelling with a companion did add an extra variable that made it difficult to chart effectively. [break]
While she and Stellar had a somewhat similar fashion sense, it was difficult to predict just what the blonde woman would even want. Obviously she could just talk with Stellar to plan, but Marie didn't exactly think like that. Instead, she would recount every piece of random information she learned about Stellar's life to try and form a general estimate. Regardless of how she formulated it, Marie had an intended route and itinerary for the evening. She even printed it onto a pair of color-coded handouts so both her and Stellar could navigate effectively. [break]
Of course, it wasn't even Black Friday yet. It was actually 11pm on the night before. Yet despite that, Marie was already out and about, making her way towards the intended meeting place. Though a deep paranoia was building deep within her. What if Stellar was late? What if she was so late that she threw off the entire schedule? She didn't have enough data to predict Stellar's average punctuality, so she was effectively flying blind. With little recourse, she had to call her. Assuming Stellar intended to be on time, she would likely already be awake. [break]
Stellar – A note here
Given Marie's line of work, it was only expected she'd be put in alarming situations. Whether it be a medical emergency or a literal emergency, there was a certain calmness one might expect to see. Yet even still, her current plans would put all of them to shame. Granted, a more normal person would probably not think much of it, but Marie wasn't exactly normal. She was planning to go Black Friday shopping, and she was going with one of her particularly chatty co-workers. Needless to say, she was absolutely terrified. [break][break]
Despite every reservation in her mind, it was simply illogical not to go. Accounting for possible stock issues and shopping failures, it was still much more efficient per capita than any other day of the year. While her dual career gave her a pretty comfortable paycheck, Marie was nothing if not excessive. Any sort of minor optimization was worth pursuing, even if it involved the social dangers of a large crowd. Though, travelling with a companion did add an extra variable that made it difficult to chart effectively. [break]
While she and Stellar had a somewhat similar fashion sense, it was difficult to predict just what the blonde woman would even want. Obviously she could just talk with Stellar to plan, but Marie didn't exactly think like that. Instead, she would recount every piece of random information she learned about Stellar's life to try and form a general estimate. Regardless of how she formulated it, Marie had an intended route and itinerary for the evening. She even printed it onto a pair of color-coded handouts so both her and Stellar could navigate effectively. [break]
Of course, it wasn't even Black Friday yet. It was actually 11pm on the night before. Yet despite that, Marie was already out and about, making her way towards the intended meeting place. Though a deep paranoia was building deep within her. What if Stellar was late? What if she was so late that she threw off the entire schedule? She didn't have enough data to predict Stellar's average punctuality, so she was effectively flying blind. With little recourse, she had to call her. Assuming Stellar intended to be on time, she would likely already be awake. [break]
Stellar – A note here
[attr="class","credits"]made by gimmick
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 202,169,250; --accent: rgb(202,169,250); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Hind'; letter-spacing: .1px; color: #898989; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass-d a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass-d .glassleft] width: 200px; border-right: 5px solid #121212; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass-d .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass-d .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass-d .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass-d .colorfield-3] width: 400px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .colorfield-3] opacity: .85; [/newclass]
[newclass=#panedglass-d .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass-d .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass-d .glassright] padding: 0; position: relative; z-index: 5; background: #222; padding: 25px 0 0 25px; width: 340px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass-d .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass-d b] font-weight: 700; letter-spacing: .2px; [/newclass]
[newclass=#panedglass-d hr] margin: 15px 0; border: 0; height: 2px; background: #444; width: 100%; [/newclass]
[newclass=#panedglass-d br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass-d a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), .65); transition: .25s ease; [/newclass]
[newclass=#panedglass-d a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-track] background: #222; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .65);
border-radius: 2px; border: 0 !important [/newclass]