Post by Io the Zoroark on Oct 17, 2024 21:28: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]
[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"]
A sneeze broke through the tranquility of the park as poor Io shook herself down from head to toe. Cursed allergies. They got worse the colder the seasons got and today? It was particularly bad. All she wanted to do was exercise, keep those leaping muscles in tip-top shape! And here was nature trying to smother her with her own nose.
[break][break
Well not today! Through the power of perseverance, also read 'stubbornness'; the zoroark hyped herself up. Bouncing on the grassy field as she eyes the surrounding trees. Some held bird or flying-type pokemon, those ones had to be avoided. So she veered to the trees on the edge, narrowing her eyes at the branches before crouching down. One, two- in a flash of grey and black the fox was 'flying' to those branches. Her clawed feet staying for mere seconds before she was darting to and fro over the distanced flora. Breaths of exertion puffed out of her nostrils as she went, twisting and darting as she was. Good! Very good! A pearly smile brightened her face with each successful jump-
[break][break]
Now for the finish! Leaping a few more times, she forgot to pay attention to her landing space when she broke free of the trees' cover. Twirling a few more times before she finally spotted the shadow right near where her feet were supposed to land. "Hck-!?" was the first choked reaction. "Watch out!" Came the clearer call, Io herself doing her best to toss herself out of the way (even if only slightly) through a series of spinning kicks.
[break][break]
Come on physics! Don't let her down!
A sneeze broke through the tranquility of the park as poor Io shook herself down from head to toe. Cursed allergies. They got worse the colder the seasons got and today? It was particularly bad. All she wanted to do was exercise, keep those leaping muscles in tip-top shape! And here was nature trying to smother her with her own nose.
[break][break
Well not today! Through the power of perseverance, also read 'stubbornness'; the zoroark hyped herself up. Bouncing on the grassy field as she eyes the surrounding trees. Some held bird or flying-type pokemon, those ones had to be avoided. So she veered to the trees on the edge, narrowing her eyes at the branches before crouching down. One, two- in a flash of grey and black the fox was 'flying' to those branches. Her clawed feet staying for mere seconds before she was darting to and fro over the distanced flora. Breaths of exertion puffed out of her nostrils as she went, twisting and darting as she was. Good! Very good! A pearly smile brightened her face with each successful jump-
[break][break]
Now for the finish! Leaping a few more times, she forgot to pay attention to her landing space when she broke free of the trees' cover. Twirling a few more times before she finally spotted the shadow right near where her feet were supposed to land. "Hck-!?" was the first choked reaction. "Watch out!" Came the clearer call, Io herself doing her best to toss herself out of the way (even if only slightly) through a series of spinning kicks.
[break][break]
Come on physics! Don't let her down!
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]
