Post by Rhaegal ✨ on Oct 10, 2024 15:02:58 GMT -5
[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: 203, 133, 0; --accent: #cb8500 [/newclass]
[newclass=.sidelong .headerbox] background: linear-gradient(90deg, rgba(218,209,60,1) 0%, rgba(245,223,93,1) 27%, rgba(243,239,91,1) 42%, rgba(132,203,38,1) 73%, rgba(176,239,123,1) 100%, rgba(0,212,255,1) 100%); 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"]
[attr="class","headerbox"]
made by gimmick[attr="class","bodybox"]
[attr="class","text-space icon"]
In the heat of midday, even though the colder season was upon them, a figure stood over the defeated form of a pokemon - getting ready to tie them up and bring them to town. Those looking closely would see clearly the knocked out 'mon was an outlaw and the other was an explorer or bounty hunter. the figure was a druddigon - an oddly colored one at that - and he grumbled crossly to attempt to tie to ropes around the outlaw. [break][break]
The sounds of footsteps made its way to the Druddigon and he would whip around, securing the tied 'mon onto his back, all the while eyes narrowing and tail whipping side-to-side. The footsteps grew closer and Rhae prepared for another battle. He needed the reward money and he wasn't about to give it up so easy.
In the heat of midday, even though the colder season was upon them, a figure stood over the defeated form of a pokemon - getting ready to tie them up and bring them to town. Those looking closely would see clearly the knocked out 'mon was an outlaw and the other was an explorer or bounty hunter. the figure was a druddigon - an oddly colored one at that - and he grumbled crossly to attempt to tie to ropes around the outlaw. [break][break]
The sounds of footsteps made its way to the Druddigon and he would whip around, securing the tied 'mon onto his back, all the while eyes narrowing and tail whipping side-to-side. The footsteps grew closer and Rhae prepared for another battle. He needed the reward money and he wasn't about to give it up so easy.
[attr="class","headerbox"]
TAGS: open!
[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: 203, 133, 0; --accent: #cb8500 [/newclass]
[newclass=.sidelong .headerbox] background: linear-gradient(90deg, rgba(218,209,60,1) 0%, rgba(245,223,93,1) 27%, rgba(243,239,91,1) 42%, rgba(132,203,38,1) 73%, rgba(176,239,123,1) 100%, rgba(0,212,255,1) 100%); 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]
