Supernova Shredder
He/Him
30
march 21
mauville city
heterosexual
music artist
Trainer
I’d rather watch your star explode
TAG WITH @toppa
Callan Young
DRACONIC DEPARTURE
POSTED ON Jan 9, 2023 13:29:43 GMT
[nospaces] [attr="class","sidelongcredits"] [attr="class","sidelong"] [attr="class","bodybox"] [attr="class","border-box"] [attr="class","image-space"] [attr="class","text-space"]Wushu the Drampa floats across the air on its cloudlike body, casually following the rest of its draconic brethren as the aircraft flies across the sky without much of a hassle. Whatever pays the bills, certainly, but Wushu did question this strange behaviour of humanity to desire to prove their superiority to each other. [break][break] Regardless of motivations, it didn't like seeing those under its charge to be under any type of stress. And so it floated amongst the others in an attempt to appear powerful and status-provident. [break][break]
[break][break] [attr="class","headerbox"] made by gimmick [googlefont=Playfair Display][googlefont=Poppins] [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: #191919; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); --accentRGB: 42, 34, 92; --accent: #fff [/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; text-align: left;[/newclass] [newclass=.sidelong .bodybox] padding: 30px 0px 30px 30px; background: #191919; 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; -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: 14px/18px 'Playfair Display'; -webkit-text-size-adjust: none; color: #ccc;[/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: #191919 !important; border: 0 !important [/newclass]
|
|