Aug 15, 2022 15:24:04 GMT
Post by Lizi Yushen on Aug 15, 2022 15:24:04 GMT
[nospaces]
[attr="class","prismatic d-theme"]
[attr="class","prismatic-border prism-vertimg"]
[attr="class","credits"]made by gimmick[attr="class","prismatic-inner"]
[attr="class","prismcol-img prism-imgbg"]
[attr="class","prism-imgbox"]
[attr="class","prismcol-body"]
[attr="class","prism-textbox"]Thank god she got herself out of that meeting, one way or another. If Lizi had to sit and listen to some old decrepit man tell her how the industry of woman's fashion operated she was going to leap across the table and--[break][break]
"But where... exactly am I?" To engrossed in the message she received from earth, to excited to be anywhere but where she was before, Lizi had now taken note that "anywhere" wasn't exactly a place she was familiar with. Somewhere, yeah, but where? No clue. In front of her were cubicles, standing just a foot below a foam ceiling. They were a depressing gray color and, as she looked around and took notice, were also empty. Pencils, papers, folder, even computers decorated the desks of the inside of these cubicles but they were untouched, undisturbed. As if everyone who worked here just vanished in an instant, without a trace. The lights were clearly off, but the floor was still illuminated by a natural light. That was probably the most confusing aspect of the area to Lizi, as outside the floor-to-ceiling windows on either side of her was nothing but an abyss of black.[break][break]
Fear started to set it, as the ring on her left hand found its way up to her lips. The girl stood still, waiting for something to happen, surrounded in silence that was occasionally broken by her breathing. Or at least, that was until a guttural roar could be heard from somewhere else in the maze. It was brief and made no other sound, leaving Lizi to respond with a simple question:[break][break]
"Hello?"
"But where... exactly am I?" To engrossed in the message she received from earth, to excited to be anywhere but where she was before, Lizi had now taken note that "anywhere" wasn't exactly a place she was familiar with. Somewhere, yeah, but where? No clue. In front of her were cubicles, standing just a foot below a foam ceiling. They were a depressing gray color and, as she looked around and took notice, were also empty. Pencils, papers, folder, even computers decorated the desks of the inside of these cubicles but they were untouched, undisturbed. As if everyone who worked here just vanished in an instant, without a trace. The lights were clearly off, but the floor was still illuminated by a natural light. That was probably the most confusing aspect of the area to Lizi, as outside the floor-to-ceiling windows on either side of her was nothing but an abyss of black.[break][break]
Fear started to set it, as the ring on her left hand found its way up to her lips. The girl stood still, waiting for something to happen, surrounded in silence that was occasionally broken by her breathing. Or at least, that was until a guttural roar could be heard from somewhere else in the maze. It was brief and made no other sound, leaving Lizi to respond with a simple question:[break][break]
"Hello?"
[attr="class","prism-meta"]
[attr="class","prism-notes"]its giving tutorial
[attr="class","prism-tags"]@open
[googlefont="Assistant:300,400,700"][googlefont="PT Serif:400,700"]
[newclass=".d-theme.prismatic"]margin:15px auto;width:max-content;max-width:594px;text-align:right;position:relative;--seriftype:'PT Serif',serif;--outerborder:#111;--bgcolor:#222;--accent1:rgb(51 51 102);--accent1rgb:#8973ec;--tallimg: url(https://i.postimg.cc/kMf12s72/100x250-1.png);--bannerimg:url(https://i.imgur.com/tQKyepo.png);[/newclass]
[newclass=".prismatic a.credits"]font:700 7px/10px'Roboto',sans-serif;letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass]
[newclass=".d-theme .prismatic-border"]padding:8px;background:var(--outerborder);box-shadow:0px 0px 40px rgb(0,0,0,0.1); text-align:left;font:300 14px/1.5em'Assistant',sans-serif; color:#999;letter-spacing:.7px;[/newclass]
[newclass=".prismatic-inner"]display:grid;grid-template-columns:190px 390px;[/newclass]
[newclass=".prismcol-img"]background:var(--bgcolor);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;[/newclass]
[newclass=".d-theme .prism-imgbg:after"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:var(--tallimg) center center / cover; z-index:0; filter:saturate(1.5) blur(2px);opacity:.08;[/newclass]
[newclass=".d-theme .prism-imgbg:before"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(120deg,rgb(var(--accent1rgb),.75),rgb(var(--accent1rgb),0) 60%,rgb(var(--accent1rgb),0) 80%,rgb(var(--accent1rgb),.75));mix-blend-mode:color-burn;z-index:10;opacity:.1;mix-blend-mode:saturation;[/newclass]
[newclass=".d-theme .prism-imgbox"]width:100px;height:250px;background:var(--tallimg) center center / cover; z-index:20; filter:saturate(1.5) contrast(1.25) brightness(.75) grayscale(.3);opacity:.9;[/newclass]
[newclass=".prismcol-body"]background:var(--bgcolor);padding:40px 45px 20px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between;[/newclass]
[newclass=".prism-textbox"]padding-right:20px;[/newclass]
[newclass=".prism-vertimg .prism-textbox"]max-height:500px;overflow:auto;[/newclass]
[newclass=".prismatic br"]content:'';display:block;height:.425em;[/newclass]
[newclass=".d-theme.prismatic i"]opacity:1;color:rgb(var(--accent1rgb),.75);text-shadow:0 0 0 rgba(255,255,255,.6);[/newclass]
[newclass=".d-theme.prismatic b"]color:var(--accent1);font-family:var(--seriftype);opacity:.9;[/newclass]
[newclass=".prism-meta"]display:flex;align-items:center;margin-top: 1em;justify-content: space-between;flex-wrap: wrap;[/newclass]
[newclass=".d-theme .prism-notes"]margin-right:9px;font:12px/1.4em'Assistant';letter-spacing:1.2px; flex-basis: 50%; flex-grow: 1;[/newclass]
[newclass=".prism-notes::before"]content:'notes | ';text-transform:uppercase;font:bold 10px var(--seriftype);letter-spacing:1px;color:var(--accent1);[/newclass]
[newclass=".prism-tags"]display: inline-flex;flex-wrap: nowrap;max-width: calc(100% - 20px);padding: 8px 0;overflow-x: auto;[/newclass]
[newclass=.d-theme .prism-tags > span]display: flex;align-items: center;margin-right: 8px; padding: 0 16px;height: 40px;background: var(--outerborder);text-transform: uppercase;font: bold 10px var(--seriftype);color: inherit;text-decoration: none; letter-spacing: 1.4px;[/newclass]
[newclass=.d-theme .prism-tags a]text-transform: inherit;font: inherit;color: inherit;text-decoration: inherit; letter-spacing: inherit;[/newclass]
[newclass=.prism-tags > span:last-child]margin-right: 0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar"]width:3px !important; height: 1px; background:rgb(var(--accent1rgb),0) !important;border:0;[/newclass]
[newclass=".d-theme.prismatic ::-webkit-scrollbar-thumb"]background:var(--outerborder) !important;border:0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar-track"]background:var(--bgcolor);border:0;[/newclass]
For large quote layout; removable if not using
[newclass=.prism-bquote .prismatic-inner]grid-template-columns: 195px 385px;[/newclass]
[newclass=".prismcol-quote"]background:var(--bgcolor); padding: 41px 2px 0 25px; font:bold italic 21px/1.2em var(--seriftype);color:rgb(var(--accent1rgb),.5);text-align:right;[/newclass]
[newclass=".prismcol-quote+.prismcol-body"]padding-left:25px;[/newclass]
[newclass=".prismh2::before"]content:'\201C';display:block;width:0;margin-top:-10px;margin-left:-16px;overflow:visible;float:left;font-size:64px;line-height:1em;opacity:.25;color:#888;[/newclass]
For single column layout; removable if not using
[newclass=".prism-one .prismatic-inner"]display:block;max-width:450px;[/newclass]
[newclass=".prism-one.prismatic-border"]padding:4px;[/newclass]
[newclass=".prism-oneheader"]position:relative;background:var(--bgcolor);padding:25px 35px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;[/newclass]
[newclass=".d-theme .prism-oneheader span"]font:bold 11px/1.5em var(--seriftype);text-transform:uppercase;letter-spacing:1.75px;color:rgba(255,255,255,.4);text-shadow:0px 0px 1px rgba(var(--accent1rgb),1);mix-blend-mode:exclusion;opacity:1;[/newclass]
[newclass=".d-theme .prism-oneheader span br"]content: ''; display: block; height: 0[/newclass]
[newclass=".d-theme .prism-oneheader.prism-imgbg::after"]--tallimg:var(--bannerimg);filter:saturate(1.5) blur(2px) brightness(1.1);mix-blend-mode:difference;opacity:.15;[/newclass]
[newclass=".d-theme .prism-oneheader.prism-imgbg::before"]mix-blend-mode:overlay;opacity:1;[/newclass]
[newclass=".prism-onebody"]background:var(--bgcolor);padding:40px 45px 20px;[/newclass]
[newclass=".prism-onebody:not(:first-child)"]padding-top:30px;[/newclass]
[newclass=".d-theme .prismatic img"]object-fit:cover;width:90px;height:90px;filter:saturate(1.5) contrast(.9) brightness(1) grayscale(.2);opacity:.85;float:left;margin:5px 14px 5px 0;[/newclass]
[newclass=".d-theme.prismatic"]margin:15px auto;width:max-content;max-width:594px;text-align:right;position:relative;--seriftype:'PT Serif',serif;--outerborder:#111;--bgcolor:#222;--accent1:rgb(51 51 102);--accent1rgb:#8973ec;--tallimg: url(https://i.postimg.cc/kMf12s72/100x250-1.png);--bannerimg:url(https://i.imgur.com/tQKyepo.png);[/newclass]
[newclass=".prismatic a.credits"]font:700 7px/10px'Roboto',sans-serif;letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass]
[newclass=".d-theme .prismatic-border"]padding:8px;background:var(--outerborder);box-shadow:0px 0px 40px rgb(0,0,0,0.1); text-align:left;font:300 14px/1.5em'Assistant',sans-serif; color:#999;letter-spacing:.7px;[/newclass]
[newclass=".prismatic-inner"]display:grid;grid-template-columns:190px 390px;[/newclass]
[newclass=".prismcol-img"]background:var(--bgcolor);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;[/newclass]
[newclass=".d-theme .prism-imgbg:after"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:var(--tallimg) center center / cover; z-index:0; filter:saturate(1.5) blur(2px);opacity:.08;[/newclass]
[newclass=".d-theme .prism-imgbg:before"]content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(120deg,rgb(var(--accent1rgb),.75),rgb(var(--accent1rgb),0) 60%,rgb(var(--accent1rgb),0) 80%,rgb(var(--accent1rgb),.75));mix-blend-mode:color-burn;z-index:10;opacity:.1;mix-blend-mode:saturation;[/newclass]
[newclass=".d-theme .prism-imgbox"]width:100px;height:250px;background:var(--tallimg) center center / cover; z-index:20; filter:saturate(1.5) contrast(1.25) brightness(.75) grayscale(.3);opacity:.9;[/newclass]
[newclass=".prismcol-body"]background:var(--bgcolor);padding:40px 45px 20px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between;[/newclass]
[newclass=".prism-textbox"]padding-right:20px;[/newclass]
[newclass=".prism-vertimg .prism-textbox"]max-height:500px;overflow:auto;[/newclass]
[newclass=".prismatic br"]content:'';display:block;height:.425em;[/newclass]
[newclass=".d-theme.prismatic i"]opacity:1;color:rgb(var(--accent1rgb),.75);text-shadow:0 0 0 rgba(255,255,255,.6);[/newclass]
[newclass=".d-theme.prismatic b"]color:var(--accent1);font-family:var(--seriftype);opacity:.9;[/newclass]
[newclass=".prism-meta"]display:flex;align-items:center;margin-top: 1em;justify-content: space-between;flex-wrap: wrap;[/newclass]
[newclass=".d-theme .prism-notes"]margin-right:9px;font:12px/1.4em'Assistant';letter-spacing:1.2px; flex-basis: 50%; flex-grow: 1;[/newclass]
[newclass=".prism-notes::before"]content:'notes | ';text-transform:uppercase;font:bold 10px var(--seriftype);letter-spacing:1px;color:var(--accent1);[/newclass]
[newclass=".prism-tags"]display: inline-flex;flex-wrap: nowrap;max-width: calc(100% - 20px);padding: 8px 0;overflow-x: auto;[/newclass]
[newclass=.d-theme .prism-tags > span]display: flex;align-items: center;margin-right: 8px; padding: 0 16px;height: 40px;background: var(--outerborder);text-transform: uppercase;font: bold 10px var(--seriftype);color: inherit;text-decoration: none; letter-spacing: 1.4px;[/newclass]
[newclass=.d-theme .prism-tags a]text-transform: inherit;font: inherit;color: inherit;text-decoration: inherit; letter-spacing: inherit;[/newclass]
[newclass=.prism-tags > span:last-child]margin-right: 0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar"]width:3px !important; height: 1px; background:rgb(var(--accent1rgb),0) !important;border:0;[/newclass]
[newclass=".d-theme.prismatic ::-webkit-scrollbar-thumb"]background:var(--outerborder) !important;border:0;[/newclass]
[newclass=".prismatic ::-webkit-scrollbar-track"]background:var(--bgcolor);border:0;[/newclass]
For large quote layout; removable if not using
[newclass=.prism-bquote .prismatic-inner]grid-template-columns: 195px 385px;[/newclass]
[newclass=".prismcol-quote"]background:var(--bgcolor); padding: 41px 2px 0 25px; font:bold italic 21px/1.2em var(--seriftype);color:rgb(var(--accent1rgb),.5);text-align:right;[/newclass]
[newclass=".prismcol-quote+.prismcol-body"]padding-left:25px;[/newclass]
[newclass=".prismh2::before"]content:'\201C';display:block;width:0;margin-top:-10px;margin-left:-16px;overflow:visible;float:left;font-size:64px;line-height:1em;opacity:.25;color:#888;[/newclass]
For single column layout; removable if not using
[newclass=".prism-one .prismatic-inner"]display:block;max-width:450px;[/newclass]
[newclass=".prism-one.prismatic-border"]padding:4px;[/newclass]
[newclass=".prism-oneheader"]position:relative;background:var(--bgcolor);padding:25px 35px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;[/newclass]
[newclass=".d-theme .prism-oneheader span"]font:bold 11px/1.5em var(--seriftype);text-transform:uppercase;letter-spacing:1.75px;color:rgba(255,255,255,.4);text-shadow:0px 0px 1px rgba(var(--accent1rgb),1);mix-blend-mode:exclusion;opacity:1;[/newclass]
[newclass=".d-theme .prism-oneheader span br"]content: ''; display: block; height: 0[/newclass]
[newclass=".d-theme .prism-oneheader.prism-imgbg::after"]--tallimg:var(--bannerimg);filter:saturate(1.5) blur(2px) brightness(1.1);mix-blend-mode:difference;opacity:.15;[/newclass]
[newclass=".d-theme .prism-oneheader.prism-imgbg::before"]mix-blend-mode:overlay;opacity:1;[/newclass]
[newclass=".prism-onebody"]background:var(--bgcolor);padding:40px 45px 20px;[/newclass]
[newclass=".prism-onebody:not(:first-child)"]padding-top:30px;[/newclass]
[newclass=".d-theme .prismatic img"]object-fit:cover;width:90px;height:90px;filter:saturate(1.5) contrast(.9) brightness(1) grayscale(.2);opacity:.85;float:left;margin:5px 14px 5px 0;[/newclass]