Post by Deleted on Nov 9, 2021 10:44:33 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, 107, 151; --accent: #006b97 [/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"]
Kamo's foot tapped rhythmically on the floor of the outpost in Kakariko. Fourth Keese, doing their thing, moving about place to place except there was a large difference. Kamo wasn't just a soldier anymore. It was a weird feeling, being trained for a few more advanced methods and how to handle soldiers. Of course he knew how to help out with others and function as a warrior at heart... but he wasn't expecting to get promoted.[break][break]
He clenched his jaw some, staring down at some papers with his arms folded, the chains around his waist rattling as he continued tapping his foot. He was a humble Zora, here to atone for his failures as a warrior and to defend others. It's just what he did, and he worked hard at it too! Up until a soldier, a little more familiar with him than most tapped the table he was working at, making a breaking motion with his hands telling Kamo to take a break.[break][break]
He didn't know what to think of it. It was so strange being treated by others like this, he was used to just taking the brunt of other's attitudes and carrying on. It was hard to drag that PMA of his down when he didn't come here looking for honor but to help instead.[break][break]
After pushing in his poor, undersized chair, and putting the papers away, he stepped outside to lean against some sturdy Goron made railing, looking out of Kakariko with a slight squint... huh... how long had he been inside? Shark eyes were sensitive to light but not usually this sensitive.
Kamo's foot tapped rhythmically on the floor of the outpost in Kakariko. Fourth Keese, doing their thing, moving about place to place except there was a large difference. Kamo wasn't just a soldier anymore. It was a weird feeling, being trained for a few more advanced methods and how to handle soldiers. Of course he knew how to help out with others and function as a warrior at heart... but he wasn't expecting to get promoted.[break][break]
He clenched his jaw some, staring down at some papers with his arms folded, the chains around his waist rattling as he continued tapping his foot. He was a humble Zora, here to atone for his failures as a warrior and to defend others. It's just what he did, and he worked hard at it too! Up until a soldier, a little more familiar with him than most tapped the table he was working at, making a breaking motion with his hands telling Kamo to take a break.[break][break]
He didn't know what to think of it. It was so strange being treated by others like this, he was used to just taking the brunt of other's attitudes and carrying on. It was hard to drag that PMA of his down when he didn't come here looking for honor but to help instead.[break][break]
After pushing in his poor, undersized chair, and putting the papers away, he stepped outside to lean against some sturdy Goron made railing, looking out of Kakariko with a slight squint... huh... how long had he been inside? Shark eyes were sensitive to light but not usually this sensitive.
[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, 107, 151; --accent: #006b97 [/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]