Mar 26, 2024 15:47:25 GMT
Post by Kaito Tanaka on Mar 26, 2024 15:47:25 GMT
[nospaces]
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 231,181,31; --accent: rgb(231,181,31); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Hind'; letter-spacing: .1px; color: #898989; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass-d a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass-d .glassleft] width: 200px; border-right: 5px solid #121212; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass-d .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass-d .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass-d .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass-d .colorfield-3] width: 400px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .colorfield-3] opacity: .85; [/newclass]
[newclass=#panedglass-d .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass-d .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass-d .glassright] padding: 0; position: relative; z-index: 5; background: #222; padding: 25px 0 0 25px; width: 340px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass-d .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass-d b]color: var(--accent); font-weight: 500; letter-spacing: .2px; [/newclass]
[newclass=#panedglass-d i]color: var(--accent); [/newclass]
[newclass=#panedglass-d hr] margin: 15px 0; border: 0; height: 2px; background: #444; width: 100%; [/newclass]
[newclass=#panedglass-d br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass-d a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), .65); transition: .25s ease; [/newclass]
[newclass=#panedglass-d a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-track] background: #222; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .65);
border-radius: 2px; border: 0 !important [/newclass]
[attr="id","panedglass-d"]
[attr="class","credits"]made by gimmick
[attr="class","planedglass-main"]
[attr="class","glassleft"]
[attr="class","glasslyrics"]
Name: Kaito Tanaka [break] Hero Name: ThunderCell [break] Quirk: Voltage - He can generate, conduct, and discharge electrical currents at will. [break] I bring the lightning and the thunder!
Name: Kaito Tanaka [break] Hero Name: ThunderCell [break] Quirk: Voltage - He can generate, conduct, and discharge electrical currents at will. [break] I bring the lightning and the thunder!
[attr="class","colorfield-1"]
[attr="class","colorfield-2"]
[attr="class","colorfield-3"]
[attr="class","glassright"]
[attr="class","glassscroll"]
Having a moment of respite, TC charged his fists with electricity. If he was going to defeat BG then he needed to be really quick and smart about it. Since BG was stunned from his last ability, now was the time to put in some hits of his own. He moved in low and started punching BG in the gut rapidly. After 8 rapid punches, the thunderer leapt upward and drove his fist into his target’s face, sending them back a few.[break][break]
Alright, I’m making progress but it isn’t enough. Maybe if I had environmental help it would give me just what I need. With a smirk on his face, he turned from BG. ”I’m out of here!” Since they were close to the border of the ruin zone and other zones, he figured all he needed was to get somewhere that gave him what he wouldn’t have in the wasteland.[break][break]
Big Guy gave chase to the 1st year. After what seemed like running forever, he caught up to ThunderCell who seemed to be catching his breath. “Time to put you down.” He started walking towards the young man menacingly.[break][break]
ThunderCell breathed heavily as he eyed Big Guy. ”Do your worst.” He waited for BG to attack and so BG did. He evaded a heavy punch which ended up busting a pipe. Water sprayed out which made the thunderer smile. He shifted away from the water and generated electricity before discharging bolts of electricity at the water. The electricity plus the water affected BG greatly. He fell backwards, defeated and his body steaming in the areas he was shocked but he was still very much alive.[break][break]
Now that he was done, TC needed to get back to the task at hand, finding hostages and freeing them. He hoped that Red was having an easier time.
Aimoto Momo
[break]– One on One fighting
Having a moment of respite, TC charged his fists with electricity. If he was going to defeat BG then he needed to be really quick and smart about it. Since BG was stunned from his last ability, now was the time to put in some hits of his own. He moved in low and started punching BG in the gut rapidly. After 8 rapid punches, the thunderer leapt upward and drove his fist into his target’s face, sending them back a few.[break][break]
Alright, I’m making progress but it isn’t enough. Maybe if I had environmental help it would give me just what I need. With a smirk on his face, he turned from BG. ”I’m out of here!” Since they were close to the border of the ruin zone and other zones, he figured all he needed was to get somewhere that gave him what he wouldn’t have in the wasteland.[break][break]
Big Guy gave chase to the 1st year. After what seemed like running forever, he caught up to ThunderCell who seemed to be catching his breath. “Time to put you down.” He started walking towards the young man menacingly.[break][break]
ThunderCell breathed heavily as he eyed Big Guy. ”Do your worst.” He waited for BG to attack and so BG did. He evaded a heavy punch which ended up busting a pipe. Water sprayed out which made the thunderer smile. He shifted away from the water and generated electricity before discharging bolts of electricity at the water. The electricity plus the water affected BG greatly. He fell backwards, defeated and his body steaming in the areas he was shocked but he was still very much alive.[break][break]
Now that he was done, TC needed to get back to the task at hand, finding hostages and freeing them. He hoped that Red was having an easier time.
Aimoto Momo
[break]– One on One fighting
[attr="class","credits"]made by gimmick
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 231,181,31; --accent: rgb(231,181,31); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Hind'; letter-spacing: .1px; color: #898989; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass-d a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass-d .glassleft] width: 200px; border-right: 5px solid #121212; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass-d .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass-d .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass-d .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass-d .colorfield-3] width: 400px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .colorfield-3] opacity: .85; [/newclass]
[newclass=#panedglass-d .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass-d .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass-d:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass-d .glassright] padding: 0; position: relative; z-index: 5; background: #222; padding: 25px 0 0 25px; width: 340px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass-d .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass-d b]color: var(--accent); font-weight: 500; letter-spacing: .2px; [/newclass]
[newclass=#panedglass-d i]color: var(--accent); [/newclass]
[newclass=#panedglass-d hr] margin: 15px 0; border: 0; height: 2px; background: #444; width: 100%; [/newclass]
[newclass=#panedglass-d br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass-d a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), .65); transition: .25s ease; [/newclass]
[newclass=#panedglass-d a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-track] background: #222; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass-d ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .65);
border-radius: 2px; border: 0 !important [/newclass]