Post by β viperstar β on May 12, 2021 5:05:40 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"]
Viperstar sniffed at the border, staring across the gorge with a look of concern as he did. He wondered how Yellowstar and the rest of Riverclan felt. His eyes shifted, searching for movement, but finding none for the time being. Emberstar had been the cause of this rift, and yet Viperstar himself had some fault in it too. Especially now that he was Windclan leader. And he knew that talking wouldn't help. He didn't know what could make up for the death of Whitestar and the wounds that Riverclan sustained while they were fighting in Windclan camp.
[break][break]
The other problem he had was that now Riverclan knew where their camp was. He had brought them straight to it. A sigh fell from his maw as he stared down the cliffs of the gorge, thinking about how he could give safety to his own clan despite Riverclan hovering over them like eagles ready to strike. Emberstar had been a problem for them too. He wondered if those half-clan kits were safe. If they were loved and if Riverclan would take care of them. Perhaps one day they would be on the same page, but today was probably not that day.
Viperstar sniffed at the border, staring across the gorge with a look of concern as he did. He wondered how Yellowstar and the rest of Riverclan felt. His eyes shifted, searching for movement, but finding none for the time being. Emberstar had been the cause of this rift, and yet Viperstar himself had some fault in it too. Especially now that he was Windclan leader. And he knew that talking wouldn't help. He didn't know what could make up for the death of Whitestar and the wounds that Riverclan sustained while they were fighting in Windclan camp.
[break][break]
The other problem he had was that now Riverclan knew where their camp was. He had brought them straight to it. A sigh fell from his maw as he stared down the cliffs of the gorge, thinking about how he could give safety to his own clan despite Riverclan hovering over them like eagles ready to strike. Emberstar had been a problem for them too. He wondered if those half-clan kits were safe. If they were loved and if Riverclan would take care of them. Perhaps one day they would be on the same page, but today was probably not that day.
[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: 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]