Nov 8, 2023 8:52:21 GMT
Post by Hoshino Tamaki on Nov 8, 2023 8:52:21 GMT
[nospaces]
[googlefont=Hind:400,700][googlefont=Poppins:400,700]
[newclass=.sidelongcredits]width: min-content; margin: 30px auto; [/newclass]
[newclass=.sidelongcredits>a]display: block; text-align:right; margin-top: 4px; font:700 7px/10px sans-serif; letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass]
[newclass=.sidelong]width: 620px; position: relative; display: grid; grid-template-columns: 1fr 50px; grid-template-areas: ' bodybox headerbox'; background: #2e2e2e; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); --accentRGB: 195, 60, 94; --accent: #c33c5e[/newclass]
[newclass=.sidelong .headerbox] background: linear-gradient(-180deg, rgba(var(--accentRGB), 1), rgba(var(--accentRGB), .45)); grid-area: headerbox; width: 50px; display: flex; justify-content: center; padding-top: 40px; [/newclass]
[newclass=.sidelong .bodybox] padding: 30px 0px 30px 30px; background: #2e2e2e; grid-area: bodybox; display: grid; grid-column-gap: 30px; grid-template-columns: auto 1fr; [/newclass]
[newclass=.sidelong .border-box] padding: 8px; border: 1px solid #dcdcdc; [/newclass]
[newclass=.sidelong .image-space] width: 175px; height: 525px; overflow: hidden; background: lightgray; filter: brightness(1.25) contrast(.65) saturate(2); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; [/newclass]
[newclass=.sidelong .image-space:hover] filter: brightness(1.35) contrast(.75) saturate(2);[/newclass]
[newclass=.sidelong .image-space::after] content: ' '; background: #666; opacity: .25; position: absolute; width: 175px; height: 525px; [/newclass]
[newclass=.sidelong .text-space] height: 525px; overflow: auto; padding-right: 40px; margin-top: 8px; text-align: left; font: 13px/18px 'Hind'; -webkit-text-size-adjust: none; color: #cccccc;[/newclass]
[newclass=.sidelong .text-space.icon] height: auto; overflow: hidden; padding-right: 0; margin: 0;[/newclass]
[newclass=.sidelong img] padding: 10px; border: 1px solid #dcdcdc; float: left; margin: 0 20px 10px 0; max-width: 150px; filter: brightness(1) contrast(.75) saturate(.8); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear;[/newclass]
[newclass=.sidelong img:hover]filter: brightness(1.1) contrast(.8) saturate(1);[/newclass]
[newclass=.sidelong b] font-weight: bold; font-size: 14px; color: var(--accent); [/newclass]
[newclass=.sidelong i] font-weight: 400; [/newclass]
[newclass=.sidelong u] text-decoration-style: dotted; text-decoration-color: var(--accent); text-decoration-thickness: 2px; [/newclass]
[newclass=.sidelong .text-space br] content: ''; padding: 0 0 6px; display: block; [/newclass]
[newclass=.sidelong h1] font: 700 12px/12px 'Poppins'; text-transform: uppercase; letter-spacing: 1.8px; color: white; writing-mode: vertical-rl; font-size: 15px; [/newclass]
[newclass=.sidelong h1 a]font: inherit; text-decoration: none; color: inherit !important; [/newclass]
[newclass=.sidelong h2, .sidelong h3] margin: 0; font: inherit [/newclass]
[newclass=.sidelong ::-webkit-scrollbar] -webkit-appearance: none !important; background: transparent; width: 4px !important; border: 0 !important; [/newclass]
[newclass=.sidelong ::-webkit-scrollbar-horizontal] width: 4px; [/newclass]
[newclass=.sidelong ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .5) !important; border: 0 !important; [/newclass]
[newclass=.sidelong ::-webkit-scrollbar-track] background: #2e2e2e!important; border: 0 !important [/newclass]
[attr="class","sidelongcredits"]
[attr="class","sidelong"]
made by gimmick[attr="class","bodybox"]
[attr="class","text-space icon"]
She is a child of the moon, blessed with the patronage of the stars. She is a wandering spirit, unable to be shackled by gravity and the plight of men below. She is a strange creature, filled to the brim with curiosity for a world that never sleeps.[break][break]
She is a predator, always on the lookout for her next prey. Her claws scrape against the ground, her breaths as quiet as the passing midnight breeze. Today had been a rough day. Today had marked yet another life lost before her very eyes. But would she linger on the fact that it could have been avoided?[break][break]
No, she already deals with that feeling enough in her day to day.[break][break]
The stars above whisper, the streets below wail - For a moment, her attention is snatched, crimson eyes sweeping for the very source of disturbance itself. Glass breaking, alarms most likely sounding off in that police station located a whole district away, something rather malicious is afoot.[break][break]
How lucky for her that the mice have come out to play.
She is a child of the moon, blessed with the patronage of the stars. She is a wandering spirit, unable to be shackled by gravity and the plight of men below. She is a strange creature, filled to the brim with curiosity for a world that never sleeps.[break][break]
She is a predator, always on the lookout for her next prey. Her claws scrape against the ground, her breaths as quiet as the passing midnight breeze. Today had been a rough day. Today had marked yet another life lost before her very eyes. But would she linger on the fact that it could have been avoided?[break][break]
No, she already deals with that feeling enough in her day to day.[break][break]
The stars above whisper, the streets below wail - For a moment, her attention is snatched, crimson eyes sweeping for the very source of disturbance itself. Glass breaking, alarms most likely sounding off in that police station located a whole district away, something rather malicious is afoot.[break][break]
How lucky for her that the mice have come out to play.
[googlefont=Hind:400,700][googlefont=Poppins:400,700]
[newclass=.sidelongcredits]width: min-content; margin: 30px auto; [/newclass]
[newclass=.sidelongcredits>a]display: block; text-align:right; margin-top: 4px; font:700 7px/10px sans-serif; letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass]
[newclass=.sidelong]width: 620px; position: relative; display: grid; grid-template-columns: 1fr 50px; grid-template-areas: ' bodybox headerbox'; background: #2e2e2e; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); --accentRGB: 195, 60, 94; --accent: #c33c5e[/newclass]
[newclass=.sidelong .headerbox] background: linear-gradient(-180deg, rgba(var(--accentRGB), 1), rgba(var(--accentRGB), .45)); grid-area: headerbox; width: 50px; display: flex; justify-content: center; padding-top: 40px; [/newclass]
[newclass=.sidelong .bodybox] padding: 30px 0px 30px 30px; background: #2e2e2e; grid-area: bodybox; display: grid; grid-column-gap: 30px; grid-template-columns: auto 1fr; [/newclass]
[newclass=.sidelong .border-box] padding: 8px; border: 1px solid #dcdcdc; [/newclass]
[newclass=.sidelong .image-space] width: 175px; height: 525px; overflow: hidden; background: lightgray; filter: brightness(1.25) contrast(.65) saturate(2); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; [/newclass]
[newclass=.sidelong .image-space:hover] filter: brightness(1.35) contrast(.75) saturate(2);[/newclass]
[newclass=.sidelong .image-space::after] content: ' '; background: #666; opacity: .25; position: absolute; width: 175px; height: 525px; [/newclass]
[newclass=.sidelong .text-space] height: 525px; overflow: auto; padding-right: 40px; margin-top: 8px; text-align: left; font: 13px/18px 'Hind'; -webkit-text-size-adjust: none; color: #cccccc;[/newclass]
[newclass=.sidelong .text-space.icon] height: auto; overflow: hidden; padding-right: 0; margin: 0;[/newclass]
[newclass=.sidelong img] padding: 10px; border: 1px solid #dcdcdc; float: left; margin: 0 20px 10px 0; max-width: 150px; filter: brightness(1) contrast(.75) saturate(.8); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear;[/newclass]
[newclass=.sidelong img:hover]filter: brightness(1.1) contrast(.8) saturate(1);[/newclass]
[newclass=.sidelong b] font-weight: bold; font-size: 14px; color: var(--accent); [/newclass]
[newclass=.sidelong i] font-weight: 400; [/newclass]
[newclass=.sidelong u] text-decoration-style: dotted; text-decoration-color: var(--accent); text-decoration-thickness: 2px; [/newclass]
[newclass=.sidelong .text-space br] content: ''; padding: 0 0 6px; display: block; [/newclass]
[newclass=.sidelong h1] font: 700 12px/12px 'Poppins'; text-transform: uppercase; letter-spacing: 1.8px; color: white; writing-mode: vertical-rl; font-size: 15px; [/newclass]
[newclass=.sidelong h1 a]font: inherit; text-decoration: none; color: inherit !important; [/newclass]
[newclass=.sidelong h2, .sidelong h3] margin: 0; font: inherit [/newclass]
[newclass=.sidelong ::-webkit-scrollbar] -webkit-appearance: none !important; background: transparent; width: 4px !important; border: 0 !important; [/newclass]
[newclass=.sidelong ::-webkit-scrollbar-horizontal] width: 4px; [/newclass]
[newclass=.sidelong ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .5) !important; border: 0 !important; [/newclass]
[newclass=.sidelong ::-webkit-scrollbar-track] background: #2e2e2e!important; border: 0 !important [/newclass]