Post by ❝ aloepaw ❞ on May 15, 2021 23:58:37 GMT
[attr="class","codesnippet"][nospaces]
[attr="class","sidelongcredits"]
[attr="class","sidelong"]
made by gimmick[attr="class","bodybox"]
[attr="class","border-box"]
[attr="class","image-space"]
[attr="class","text-space"]
Copperpaw had told him about the sadness in his father's eyes. Aloepaw couldn't see it, but Copperpaw had never been wrong before. So he had to think of a way to help his father feel better. He'd asked several other cats about how he should handle the situation, and so when he was confident about what he was going to do he slipped out the camp entrance and wandered around the forest a bit. He came across some dandelions and moss. He worked on them for a little bit and then headed back to camp.
[break][break]
When he stepped in the entrance he was quite the sight. His fluffy fur was slick and shimmery from swimming in the river, he wore moss draped around his neck and a crown made from dandelions on his head. Every so often, though, Aloepaw sneezed from the scent of the flower crown, but it was for his father and he was determined to make him smile.
[break][break]
His eyes quickly scanned the camp and when he found him Aloepaw trotted over to him shamelessly through the camp. "Stormwing." He said in his calm and straightforward voice. "I have a gift for you."
Copperpaw had told him about the sadness in his father's eyes. Aloepaw couldn't see it, but Copperpaw had never been wrong before. So he had to think of a way to help his father feel better. He'd asked several other cats about how he should handle the situation, and so when he was confident about what he was going to do he slipped out the camp entrance and wandered around the forest a bit. He came across some dandelions and moss. He worked on them for a little bit and then headed back to camp.
[break][break]
When he stepped in the entrance he was quite the sight. His fluffy fur was slick and shimmery from swimming in the river, he wore moss draped around his neck and a crown made from dandelions on his head. Every so often, though, Aloepaw sneezed from the scent of the flower crown, but it was for his father and he was determined to make him smile.
[break][break]
His eyes quickly scanned the camp and when he found him Aloepaw trotted over to him shamelessly through the camp. "Stormwing." He said in his calm and straightforward voice. "I have a gift for you."
[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: 162, 208, 218; --accent: #A2D0DA [/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: justify; font: 12px/18px 'Poppins'; -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-size: 12px; color: var(--accent); [/newclass]
[newclass=.sidelong i] font-weight: 400; color: var(--accent);[/newclass]
[newclass=.sidelong u] text-decoration-style: solid; 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]