Post by Io the Zoroark on Oct 17, 2024 21:05:37 GMT -5
[nospaces]
[googlefont=Hind:400,500,600,700|Roboto:400,500,600,700][googlefont=Poppins:300,400,500,600,700,800]
[newclass=.dttm-credits]width: 400px; margin: 20px auto; [/newclass]
[newclass=.dttm-credits>a]font:700 7px/10px sans-serif;letter-spacing:.8px;text-decoration:none;text-transform:uppercase; display: block; text-align: right; margin-top: 4px;[/newclass]
[newclass=#dttm-outerbox-l]padding: 3px; position: relative; background: rgba(var(--accentRGBcolor), .1); border: 1px solid var(--accentcolor); font: 400 13px/1.3em 'Roboto'; -webkit-text-size-adjust: none; color: #444; border-radius: var(--roundedcorner); --roundedcorner: 0 20px 0 0; --accentcolor: #3a60bf; --accentRGBcolor: 52, 102, 227;[/newclass]
[newclass=#dttm-outerbox-l .innerbox] border: 1px solid var(--accentcolor); border-radius: var(--roundedcorner); -webkit-border-radius: var(--roundedcorner);[/newclass]
[newclass=#dttm-outerbox-l .headerarea] height: 40px; padding: 20px 25px; background: linear-gradient(120deg, rgba(var(--accentRGBcolor), 1) 30%, rgba(var(--accentRGBcolor), .6)); border-bottom: 4px solid #fff; background-color: #fff; display: flex; align-items: center; justify-content: space-between; color: #fff !important; border-radius: 0 19px 0 0; -webkit-border-radius: 0 19px 0 0; position: relative;[/newclass]
[newclass=#dttm-outerbox-l img] padding: 0; border: 5px solid rgba(255, 255, 255, .25); width: 63px; border-radius: 100%; margin: -2px 0 0 -5px; filter: contrast(1.1) saturate(1.2) grayscale(.3);[/newclass]
[newclass=#dttm-outerbox-l .mainarea] padding: 25px 25px; text-align: justify; background: #f7f7f7;[/newclass]
[newclass=#dttm-outerbox-l .mainarea br]content: ' '; margin: 10px 0 0; display:block;[/newclass]
[newclass=#dttm-outerbox-l a]font: inherit; color: var(--accentcolor); text-decoration: underline; text-decoration-style: dashed[/newclass]
[newclass=#dttm-outerbox-l i] font-weight: 400;[/newclass]
[newclass=#dttm-outerbox-l b] letter-spacing: .2px; color: var(--accentcolor);[/newclass]
[newclass=#dttm-outerbox-l u] font-weight: 400; text-decoration-style: solid; text-decoration-color: var(--accentcolor);[/newclass]
[newclass=#dttm-outerbox-l span.th] font-size: 32px; display: block; letter-spacing: 13px;[/newclass]
[newclass=#dttm-outerbox-l h1] font: 600 11px/14px 'Poppins'; letter-spacing: 1.7px; text-transform: uppercase; text-align: right; margin: 0; color: #fff; height: 50px; display: flex; align-items: center; justify-content: flex-end; flex-grow: 3;[/newclass]
[newclass=#dttm-outerbox-l .notearea] margin: 20px 0 0; display: grid; grid-template-columns: 1fr auto; grid-template-areas: 'rule tags'; grid-column-gap: 8px; align-items: center; justify-content: space-between; [/newclass]
[newclass=#dttm-outerbox-l .notearea>span] border: 0; border-top: 1px solid var(--accentcolor); margin: 0; grid-area: rule; text-align: left; height: 0px;[/newclass]
[newclass=#dttm-outerbox-l .notearea>div] grid-area: tags; text-align: right; font: 600 11px/12px 'Hind'; letter-spacing: .2px; text-decoration: none; color: #444; display: inline-block; border-bottom: 0; white-space: nowrap[/newclass]
[newclass=#dttm-outerbox-l .notearea a] text-decoration: none; text-transform: lowercase; color: var(--accentcolor) !important;[/newclass]
[/div]
[attr="class","dttm-credits"]
made by gimmick
[attr="id","dttm-outerbox-l"]
[attr="class","innerbox"]
[attr="class","headerarea"]
when the morning comes [break]
when the morning comes [break]
you're my splash of sun
[attr="class","mainarea"]
Another day, another successful run-! Io was preening herself, practically glowing; as she looked over the knick-knacks she'd swiped from the nearest dungeon. A well-worn cloth had been brought out of the little bag-box she usually kept tied to her back, her misshapen claws doing their best to wrap the raggedy thing around the fore-most one, delicately wiping down an Escape Orb from amongst a pile of berries and orbs.
[break][break]
Per the usual after these runs, the Zoroark had found herself a little grassy patch off to the side of the main road. A thick carpet had been laid out as she basked in the simplistic glory of her captures. Sure, there was always the threat of pickpockets or thieves (especially without any sort of real guard in the town) but the fox was confident she was more than fast enough to catch any riffraff who'd dare try to snatch one of her things. And if not, well; there was a reason why she only brought out the berries and orbs.
[break][break]
Still it made for a great opportunity. While she peddled her goods, waving a stranger or familiar face over; Io made time to observe the wandering populace. Most of which were happily going about their days. Except for one, she noted. Curious, the collector made a quick sell before making a show of wiping down another orb. Her ears perked, as much as they could with the metal bands weighing them down anyway; while she watched the flustered(?) pokemon from the corner of her eye.
Another day, another successful run-! Io was preening herself, practically glowing; as she looked over the knick-knacks she'd swiped from the nearest dungeon. A well-worn cloth had been brought out of the little bag-box she usually kept tied to her back, her misshapen claws doing their best to wrap the raggedy thing around the fore-most one, delicately wiping down an Escape Orb from amongst a pile of berries and orbs.
[break][break]
Per the usual after these runs, the Zoroark had found herself a little grassy patch off to the side of the main road. A thick carpet had been laid out as she basked in the simplistic glory of her captures. Sure, there was always the threat of pickpockets or thieves (especially without any sort of real guard in the town) but the fox was confident she was more than fast enough to catch any riffraff who'd dare try to snatch one of her things. And if not, well; there was a reason why she only brought out the berries and orbs.
[break][break]
Still it made for a great opportunity. While she peddled her goods, waving a stranger or familiar face over; Io made time to observe the wandering populace. Most of which were happily going about their days. Except for one, she noted. Curious, the collector made a quick sell before making a show of wiping down another orb. Her ears perked, as much as they could with the metal bands weighing them down anyway; while she watched the flustered(?) pokemon from the corner of her eye.
made by gimmick
[googlefont=Hind:400,500,600,700|Roboto:400,500,600,700][googlefont=Poppins:300,400,500,600,700,800]
[newclass=.dttm-credits]width: 400px; margin: 20px auto; [/newclass]
[newclass=.dttm-credits>a]font:700 7px/10px sans-serif;letter-spacing:.8px;text-decoration:none;text-transform:uppercase; display: block; text-align: right; margin-top: 4px;[/newclass]
[newclass=#dttm-outerbox-l]padding: 3px; position: relative; background: rgba(var(--accentRGBcolor), .1); border: 1px solid var(--accentcolor); font: 400 13px/1.3em 'Roboto'; -webkit-text-size-adjust: none; color: #444; border-radius: var(--roundedcorner); --roundedcorner: 0 20px 0 0; --accentcolor: #3a60bf; --accentRGBcolor: 52, 102, 227;[/newclass]
[newclass=#dttm-outerbox-l .innerbox] border: 1px solid var(--accentcolor); border-radius: var(--roundedcorner); -webkit-border-radius: var(--roundedcorner);[/newclass]
[newclass=#dttm-outerbox-l .headerarea] height: 40px; padding: 20px 25px; background: linear-gradient(120deg, rgba(var(--accentRGBcolor), 1) 30%, rgba(var(--accentRGBcolor), .6)); border-bottom: 4px solid #fff; background-color: #fff; display: flex; align-items: center; justify-content: space-between; color: #fff !important; border-radius: 0 19px 0 0; -webkit-border-radius: 0 19px 0 0; position: relative;[/newclass]
[newclass=#dttm-outerbox-l img] padding: 0; border: 5px solid rgba(255, 255, 255, .25); width: 63px; border-radius: 100%; margin: -2px 0 0 -5px; filter: contrast(1.1) saturate(1.2) grayscale(.3);[/newclass]
[newclass=#dttm-outerbox-l .mainarea] padding: 25px 25px; text-align: justify; background: #f7f7f7;[/newclass]
[newclass=#dttm-outerbox-l .mainarea br]content: ' '; margin: 10px 0 0; display:block;[/newclass]
[newclass=#dttm-outerbox-l a]font: inherit; color: var(--accentcolor); text-decoration: underline; text-decoration-style: dashed[/newclass]
[newclass=#dttm-outerbox-l i] font-weight: 400;[/newclass]
[newclass=#dttm-outerbox-l b] letter-spacing: .2px; color: var(--accentcolor);[/newclass]
[newclass=#dttm-outerbox-l u] font-weight: 400; text-decoration-style: solid; text-decoration-color: var(--accentcolor);[/newclass]
[newclass=#dttm-outerbox-l span.th] font-size: 32px; display: block; letter-spacing: 13px;[/newclass]
[newclass=#dttm-outerbox-l h1] font: 600 11px/14px 'Poppins'; letter-spacing: 1.7px; text-transform: uppercase; text-align: right; margin: 0; color: #fff; height: 50px; display: flex; align-items: center; justify-content: flex-end; flex-grow: 3;[/newclass]
[newclass=#dttm-outerbox-l .notearea] margin: 20px 0 0; display: grid; grid-template-columns: 1fr auto; grid-template-areas: 'rule tags'; grid-column-gap: 8px; align-items: center; justify-content: space-between; [/newclass]
[newclass=#dttm-outerbox-l .notearea>span] border: 0; border-top: 1px solid var(--accentcolor); margin: 0; grid-area: rule; text-align: left; height: 0px;[/newclass]
[newclass=#dttm-outerbox-l .notearea>div] grid-area: tags; text-align: right; font: 600 11px/12px 'Hind'; letter-spacing: .2px; text-decoration: none; color: #444; display: inline-block; border-bottom: 0; white-space: nowrap[/newclass]
[newclass=#dttm-outerbox-l .notearea a] text-decoration: none; text-transform: lowercase; color: var(--accentcolor) !important;[/newclass]
[/div]
