Grey areas / Klara
POSTED ON Aug 24, 2021 6:52:38 GMT
Post by Deleted on Aug 24, 2021 6:52:38 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: #f9f9f9; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); --accentRGB: 0, 0, 0; --accent: #000000 [/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: #f9f9f9; 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: #000;[/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: #f9f9f9 !important; border: 0 !important [/newclass]
[attr="class","sidelongcredits"]
[attr="class","sidelong"]
made by gimmick[attr="class","bodybox"]
[attr="class","text-space icon"]
Malik's life was... a fucking disaster, no, a wreck. It was... something. Overwhelming, that's what. Even as the giant of a man, undisturbed by wiser Bokoblins that went about their business, sat upon the ground and tried to meditate, he'd find that he simply... couldn't. A very soft 'no' left his lips in a breath as he fell backwards into the grass. His horse was nearby, grazing quietly as her master sat in his confused pit of... not quite despair, but close. It honestly probably just looked like he had fallen backwards and decided to take a nap.
[break][break]
He had met a Hylian, named Phoebe, pretty sure he spelled her name wrong but she didn't comment so who knew? He just knew he wanted to spell her name right and be a good co-worker, and that was the problem. He knew what he was, he was an escaped murderer. Whether or not punching his cousin and killing him was an accident or not meant nothing. He had killed one of his cousins. He'd taken a life. A punch thrown much too hard, and a neck, much to weak, connected to a jaw and it all happened so fast. In the blink of an eye, he was gone. Taelik, his closest cousin, had done his best to try to move Mal out of the streets. The other fighters knew it when they saw it. Mal was much bigger than the others at the fight, he should have watched his strength more, he should have waited longer before going back into fighting but... his family needed the money.
[break][break]
Even as the past, it was still relevant to the now. An escaped criminal laid on the ground. Someone in his cell having convinced him to break free and earn his second chance. He had no idea if what he did was right, and that's half the reason he was out here trying to meditate on it. Should he have stayed and accepted the death penalty despite not being allowed to have someone speak for him? Or was it right of him to break through the walls and run, to try and make right by doing right?
[break][break]
What would have Maluton wanted? Well there was no way of knowing now.
[break][break]
Mal opened his eyes, that he hadn't realized he'd been squeezing to keep himself from crying, and looked around the field he was laying in. Right, he had to keep his wits about him. Slip up too much and the darkness he worked so hard to keep a grip on would turn his claws on himself. A breath was all he let out from where he lay, listening to his horse crunch on grass, and the birds chirp.
Malik's life was... a fucking disaster, no, a wreck. It was... something. Overwhelming, that's what. Even as the giant of a man, undisturbed by wiser Bokoblins that went about their business, sat upon the ground and tried to meditate, he'd find that he simply... couldn't. A very soft 'no' left his lips in a breath as he fell backwards into the grass. His horse was nearby, grazing quietly as her master sat in his confused pit of... not quite despair, but close. It honestly probably just looked like he had fallen backwards and decided to take a nap.
[break][break]
He had met a Hylian, named Phoebe, pretty sure he spelled her name wrong but she didn't comment so who knew? He just knew he wanted to spell her name right and be a good co-worker, and that was the problem. He knew what he was, he was an escaped murderer. Whether or not punching his cousin and killing him was an accident or not meant nothing. He had killed one of his cousins. He'd taken a life. A punch thrown much too hard, and a neck, much to weak, connected to a jaw and it all happened so fast. In the blink of an eye, he was gone. Taelik, his closest cousin, had done his best to try to move Mal out of the streets. The other fighters knew it when they saw it. Mal was much bigger than the others at the fight, he should have watched his strength more, he should have waited longer before going back into fighting but... his family needed the money.
[break][break]
Even as the past, it was still relevant to the now. An escaped criminal laid on the ground. Someone in his cell having convinced him to break free and earn his second chance. He had no idea if what he did was right, and that's half the reason he was out here trying to meditate on it. Should he have stayed and accepted the death penalty despite not being allowed to have someone speak for him? Or was it right of him to break through the walls and run, to try and make right by doing right?
[break][break]
What would have Maluton wanted? Well there was no way of knowing now.
[break][break]
Mal opened his eyes, that he hadn't realized he'd been squeezing to keep himself from crying, and looked around the field he was laying in. Right, he had to keep his wits about him. Slip up too much and the darkness he worked so hard to keep a grip on would turn his claws on himself. A breath was all he let out from where he lay, listening to his horse crunch on grass, and the birds chirp.
[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: #f9f9f9; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); --accentRGB: 0, 0, 0; --accent: #000000 [/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: #f9f9f9; 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: #000;[/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: #f9f9f9 !important; border: 0 !important [/newclass]