Post by โ mothpaw โ on May 17, 2021 3:45:01 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"]
She was still young but that didn't mean she couldn't be mature... right? Her eyes gaze out into the moors, staring into the horizon at the rising sun. She stood out in front of the camp entrance, watching as the sun bathed the world around her with colors she never knew existed. She hadn't thought about the idea that Swiftfoot might be looking for her, she hadn't really told anyone she was going to come out here on her own. But, while it hadn't been her first time seeing the sunrise, she just couldn't help getting up in the morning to sit and watch it.
[break][break]
It had become a habit to get up early in the morning anyway and she was sure that Swiftfoot had deputy duties to attend to before she was able to take her multicolored apprentice out for training. She could wait, her patience was never-ending, at least that's what she wanted to believe about herself. In her heart she knew that wasn't entirely true, her firm voice could be heard quite often, especially when she was taking care of Nightingalepaw. Her precious little sister. Mothpaw loved the both of them, adored them really. They were her world.
[break][break]
Still, when the sun was above the horizon and she'd seen plenty of warriors and apprentices pass by her, she finally decided to step back in the camp and peered around the clearing to find her dark furred mentor.
She was still young but that didn't mean she couldn't be mature... right? Her eyes gaze out into the moors, staring into the horizon at the rising sun. She stood out in front of the camp entrance, watching as the sun bathed the world around her with colors she never knew existed. She hadn't thought about the idea that Swiftfoot might be looking for her, she hadn't really told anyone she was going to come out here on her own. But, while it hadn't been her first time seeing the sunrise, she just couldn't help getting up in the morning to sit and watch it.
[break][break]
It had become a habit to get up early in the morning anyway and she was sure that Swiftfoot had deputy duties to attend to before she was able to take her multicolored apprentice out for training. She could wait, her patience was never-ending, at least that's what she wanted to believe about herself. In her heart she knew that wasn't entirely true, her firm voice could be heard quite often, especially when she was taking care of Nightingalepaw. Her precious little sister. Mothpaw loved the both of them, adored them really. They were her world.
[break][break]
Still, when the sun was above the horizon and she'd seen plenty of warriors and apprentices pass by her, she finally decided to step back in the camp and peered around the clearing to find her dark furred mentor.
[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, 218, 166; --accent: #A2DAA6 [/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]