ALIAS
ThunderCell
OCCUPATION
Student
EVENT TOKENS
100
QUIRK
Voltage
Student
|
Post by Kaito Tanaka on Jan 2, 2024 17:16:13 GMT
[nospaces] [attr="class","victorycont"] [attr="class","victoryquote"]Kaito Tanaka - ThunderCell[attr="class","victorycat"]Ongoing [attr="class","victorycat"]Completed [attr="class","victorycat"]Inactive [attr="class","victorycat"]On-hold [attr="class","victorycat"]Planned [googlefont=Cinzel Decorative|Yanone Kaffeesatz] [newclass=".victorycont"]width:500px;background-color:#eee;border:1px solid #d3d3d3;padding:20px;margin:0 auto;color:#5e5e5e;[/newclass][newclass=".victoryquote"]font-family:cinzel decorative;text-align:center;font-size:25px;line-height:35px;[/newclass][newclass=".victoryquote span"]color:#c2ab22;font-size:25px;text-transform:uppercase;[/newclass][newclass=".victorycat"]margin-left:120px;margin-top:15px;font-size:20px;font-family:Cinzel decorative;line-height:20px;border-bottom:1px solid #c2ab22;position:relative;z-index:2;[/newclass][newclass=".victorythreads"]background-color:rgba(255,255,255,0.5);font-family:yanone kaffeesatz;padding:10px;font-size:14px;border:1px solid #d3d3d3;position:relative;z-index:1;top:-1px;line-height:18px;[/newclass][newclass=".victorythreads b"]font-size:18px;font-weight:normal;[/newclass][newclass=".victorythreads a"]color:#c2ab22 !important;font-family:yanone kaffeesatz !important;text-decoration:none;[/newclass] |
|
ALIAS
ThunderCell
OCCUPATION
Student
EVENT TOKENS
100
QUIRK
Voltage
Student
|
Post by Kaito Tanaka on Jan 2, 2024 17:41:34 GMT
[nospaces] [attr="class","flare-d"] [PTabbedContent] [PTab=01] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"]  [attr="class","infotable"] [attr="class","plottext"] [attr="class","scrollbox"] The cat is a small carnivorous mammal. It is the only domesticated species in the family Felidae and often referred to as the domestic cat to distinguish it from wild members of the family. The cat is either a house cat or a farm cat, which are pets, or a feral cat, which ranges freely and avoids human contact. [attr="class","infotable"] relations | friends | House cats are valued by humans for companionship and for their ability to hunt rodents. About 60 cat breeds are recognized by various cat registries. Its night vision and sense of smell are well developed. | foes | The cat is similar in anatomy to the other felid species, has a strong flexible body, quick reflexes, sharp teeth and retractable claws adapted to killing small prey. Speech includes vocalizations like meowing, purring, trilling, hissing, growling and grunting as well as cat-specific body language. | loves | Domestic cats are bred and shown as registered pedigreed cats, a hobby known as cat fancy. Failure to control breeding of pet cats by spaying and neutering, as well as abandonment of pets, resulted in large numbers of feral cats worldwide, contributing to the extinction of entire bird species, and evoking population control. |
[attr="class","infotable"] whereabouts | locale | activity there | locale | activity there |
[attr="class","infotable"] searching for | thing | description here | thing | description here |
[/PTab={--accent: #FFBF00; }] [PTab=02] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"]  [attr="class","infotable"] [attr="class","plottext"] [attr="class","scrollbox"] The cat is a small carnivorous mammal. It is the only domesticated species in the family Felidae and often referred to as the domestic cat to distinguish it from wild members of the family. The cat is either a house cat or a farm cat, which are pets, or a feral cat, which ranges freely and avoids human contact. [attr="class","infotable"] relations | friends | House cats are valued by humans for companionship and for their ability to hunt rodents. About 60 cat breeds are recognized by various cat registries. Its night vision and sense of smell are well developed. | foes | The cat is similar in anatomy to the other felid species, has a strong flexible body, quick reflexes, sharp teeth and retractable claws adapted to killing small prey. Speech includes vocalizations like meowing, purring, trilling, hissing, growling and grunting as well as cat-specific body language. | loves | Domestic cats are bred and shown as registered pedigreed cats, a hobby known as cat fancy. Failure to control breeding of pet cats by spaying and neutering, as well as abandonment of pets, resulted in large numbers of feral cats worldwide, contributing to the extinction of entire bird species, and evoking population control. |
[attr="class","infotable"] whereabouts | locale | activity there | locale | activity there |
[attr="class","infotable"] searching for | thing | description here | thing | description here |
[/PTab={--accent: #b16969; }] [PTab=03] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] [attr="class","infotable"] [attr="class","plottext"] character three[attr="class","scrollbox"] The cat is a small carnivorous mammal. It is the only domesticated species in the family Felidae and often referred to as the domestic cat to distinguish it from wild members of the family. The cat is either a house cat or a farm cat, which are pets, or a feral cat, which ranges freely and avoids human contact. [attr="class","infotable"] relations | friends | House cats are valued by humans for companionship and for their ability to hunt rodents. About 60 cat breeds are recognized by various cat registries. Its night vision and sense of smell are well developed. | foes | The cat is similar in anatomy to the other felid species, has a strong flexible body, quick reflexes, sharp teeth and retractable claws adapted to killing small prey. Speech includes vocalizations like meowing, purring, trilling, hissing, growling and grunting as well as cat-specific body language. | loves | Domestic cats are bred and shown as registered pedigreed cats, a hobby known as cat fancy. Failure to control breeding of pet cats by spaying and neutering, as well as abandonment of pets, resulted in large numbers of feral cats worldwide, contributing to the extinction of entire bird species, and evoking population control. |
[attr="class","infotable"] whereabouts | locale | activity there | locale | activity there |
[attr="class","infotable"] searching for | thing | description here | thing | description here |
[/PTab={--accent: #6a9c69; }] [/PTabbedContent={width:385px;background-color:transparent;height:480px;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; }] [googlefont=Barlow Condensed:400,600,700] [googlefont=Barlow:400,500] [googlefont=Bree Serif:400] [newclass=".flare-d"]color: rgba(218,218,218,.75); width:385px; margin: 20px 0; --typeface-cond: 'Barlow Condensed', sans-serif; --typeface-serif: 'Bree Serif', serif; --slow: all .75s ease; --fast: all 0.2s ease; font: 400 11px/14px 'Barlow', sans-serif; --bgcolor: #333; background: transparent; position: relative [/newclass] [newclass=".flare-d table"]width: 100%;[/newclass] [newclass=".flare-d table td"]padding: 0;[/newclass] [newclass=".flare-d .PT_Tabs_holder"]margin-top: -10px[/newclass] [newclass=".flare-d .PT_Tabs_holder td"]font: 400 24px/0px var(--typeface-cond); z-index:20; line-height:10px; padding: 17px 0 0; height: 28px; background: var(--bgcolor); opacity: .75; position:absolute; width: 45px; color: rgba(218,218,218,.5);letter-spacing:1px; margin: 0 0 0 1px[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected "]color: rgba(218,218,218,1); font-weight: 500; opacity: 1; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast); box-shadow: -2px 3px 3px rgba(0,0,0,.1); [/newclass] [newclass=".flare-d .PT_table .PT_tabs_hover "] opacity: .9; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected_hover"]color: rgba(218,218,218,1); opacity: 1; font-weight: 500; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(1)"]margin-top: 0 [/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(2)"]margin-top: 45px [/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(3)"]margin-top: 90px [/newclass] [newclass=".flare-d .left"] [/newclass] [newclass=".flare-d .right"]margin-left:45px; background: var(--bgcolor); box-shadow: 0px 3px 3px rgba(0,0,0,.1);[/newclass] [newclass=".flare-d h1"]font: 700 96px/53px var(--typeface-cond); text-align: left; letter-spacing: 3px; color: var(--accent)[/newclass] [newclass=".flare-d h2"]font: 700 48px/46px var(--typeface-cond); text-transform: uppercase; letter-spacing: 0px; padding-bottom: 8px; color: var(--accent); text-align: left; [/newclass] [newclass=".flare-d h3"]font: 700 22px/22px var(--typeface-cond); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-align: center; color: var(--accent) [/newclass] [newclass=".flare-d h4"]font: 700 15px/15px var(--typeface-cond); text-transform: uppercase; letter-spacing: 1.5px; color: var(--accent); text-align: center; [/newclass] [newclass=".flare-d h5"]font: 400 9px/14px var(--typeface-serif); text-transform: uppercase; letter-spacing: .9px; color: var(--accent) [/newclass] [newclass=".flare-d p"] font: 600 11px/13px 'Barlow', sans-serif; color: var(--accent); letter-spacing: .3px[/newclass] [newclass=".flare-d a"]font: inherit; color: var(--accent); text-decoration: none; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d a:hover"]opacity: .75; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .credit"] text-align: right; padding-right: 20px; padding-top: 4px; [/newclass] [newclass=".flare-d .credit a"]font: 500 8px/10px 'Barlow',sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass] [newclass=".flare-d .plotcoverbox"]height: 480px; overflow-y: hidden; position: relative;[/newclass] [newclass=".flare-d .plotcover .imgbox"]width: 300px; height: 350px; overflow: hidden; position: relative; z-index: 5; [/newclass] [newclass=".flare-d .plotcover .imgbox img"]width: 300px; [/newclass] [newclass=".flare-d .plotcover"]height: 448px; width: 300px; padding: 0 20px; position: absolute; top: 20px;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .plotcoverbox:hover .plotcover"]padding: 0 20px; position: absolute; top: -480px; opacity: 0; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .plottext"]width: 300px; padding: 20px; background: var(--bgcolor); position: absolute; top: 480px; opacity: 0;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .plotcoverbox:hover .plottext"]padding: 20px; position: absolute; top: 0; opacity: 1; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .infotable"]width: 100%; position: relative; z-index: 10;[/newclass] [newclass=".flare-d .infotable td"]border-bottom: .25px dotted #e2e2e2; height: 34px; vertical-align: middle; text-align: center; [/newclass] [newclass=".flare-d .plottext .infotable tr:first-child td"]height: 27px [/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td:first-child"]vertical-align: text-top; text-align: right; border-right: .25px dotted #e2e2e2; padding: 10px 10px 0 0[/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td"]height: auto; vertical-align: middle; text-align: left; padding: 10px 0px 10px 12px;[/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td:not(:first-child)"] [/newclass] [newclass=".flare-d .plottext .infotable tr:last-child td"]border-bottom: 0; [/newclass] [newclass=".flare-d .plottext"]height: calc(100% - 40px); display: grid; grid-template-rows: auto 1fr; justify-content: stretch [/newclass] [newclass=".flare-d .plottext h2"]grid-row: 1; align-self: start; width: 289px; [/newclass] [newclass=".flare-d .scrollbox"]/* height: 318px; */ padding-right: 10px; overflow: auto; grid-row: 2; align-self: stretch;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar"]-webkit-appearance: none; width: 3px !important;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-thumb"]background: var(--accent) !important; border: 0 !important;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-track"]background: var(--bgcolor) !important; border: 1px solid var(--bgcolor) !important; [/newclass] [newclass=".flare-d .plotcover td"]color: var(--accent); border-color: var(--accent) !important [/newclass] [newclass=".flare-d .PT_spots"]background-color:transparent; width:385px; height:480px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; [/newclass] [newclass=".flare-d .PT_spots .plottext td"]border-color: var(--accent) !important [/newclass] |
|
ALIAS
ThunderCell
OCCUPATION
Student
EVENT TOKENS
100
QUIRK
Voltage
Student
|
Post by Kaito Tanaka on Jan 2, 2024 17:54:19 GMT
[nospaces] [attr="class","flare-d"] [PTabbedContent] [PTab=01] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"]  [attr="class","infotable"] 01 | Kaito Tanaka | The Thunderer - ThunderCell |
[attr="class","plottext"] [attr="class","scrollbox"] Quirk: Voltage | He can generate, conduct, and discharge electrical currents at will. [attr="class","infotable"] relations | friends | TBA | foes | TBA | loves | TBA |
[attr="class","infotable"] whereabouts | Main | U.A University | Other | Japan |
[attr="class","infotable"] searching for | Main | Action Adventure | Other | Romantic Interest |
[/PTab={--accent: #FFBF00; }] [PTab=02] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"]  [attr="class","infotable"] 02 | Akira Yumano | The Rocket Hero: BoomBurst |
[attr="class","plottext"] [attr="class","scrollbox"] Quirk: Plasmatic Burst | He can can emit plasma energy capable of freezing targets or push them back through sheer force. [attr="class","infotable"] [attr="class","infotable"] whereabouts | Main | U.A University | Other | Japan |
[attr="class","infotable"] searching for | Main | Action Adventure | Other | Romantic Interest |
[/PTab={--accent: #2583A9; }] [/PTabbedContent={width:385px;background-color:transparent;height:480px;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; }] [googlefont=Barlow Condensed:400,600,700] [googlefont=Barlow:400,500] [googlefont=Bree Serif:400] [newclass=".flare-d"]color: rgba(218,218,218,.75); width:385px; margin: 20px 0; --typeface-cond: 'Barlow Condensed', sans-serif; --typeface-serif: 'Bree Serif', serif; --slow: all .75s ease; --fast: all 0.2s ease; font: 400 11px/14px 'Barlow', sans-serif; --bgcolor: #333; background: transparent; position: relative [/newclass] [newclass=".flare-d table"]width: 100%;[/newclass] [newclass=".flare-d table td"]padding: 0;[/newclass] [newclass=".flare-d .PT_Tabs_holder"]margin-top: -10px[/newclass] [newclass=".flare-d .PT_Tabs_holder td"]font: 400 24px/0px var(--typeface-cond); z-index:20; line-height:10px; padding: 17px 0 0; height: 28px; background: var(--bgcolor); opacity: .75; position:absolute; width: 45px; color: rgba(218,218,218,.5);letter-spacing:1px; margin: 0 0 0 1px[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected "]color: rgba(218,218,218,1); font-weight: 500; opacity: 1; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast); box-shadow: -2px 3px 3px rgba(0,0,0,.1); [/newclass] [newclass=".flare-d .PT_table .PT_tabs_hover "] opacity: .9; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected_hover"]color: rgba(218,218,218,1); opacity: 1; font-weight: 500; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(1)"]margin-top: 0 [/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(2)"]margin-top: 45px [/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(3)"]margin-top: 90px [/newclass] [newclass=".flare-d .left"] [/newclass] [newclass=".flare-d .right"]margin-left:45px; background: var(--bgcolor); box-shadow: 0px 3px 3px rgba(0,0,0,.1);[/newclass] [newclass=".flare-d h1"]font: 700 96px/53px var(--typeface-cond); text-align: left; letter-spacing: 3px; color: var(--accent)[/newclass] [newclass=".flare-d h2"]font: 500 32px/34px var(--typeface-serif); text-transform: uppercase; letter-spacing: 0px; padding-bottom: 8px; color: var(--accent); text-align: center; [/newclass] [newclass=".flare-d h3"]font: 400 22px/22px var(--typeface-serif); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-align: center; color: var(--accent) [/newclass] [newclass=".flare-d h4"]font: 500 12px/12px var(--typeface-serif); text-transform: uppercase; letter-spacing: 1.5px; color: var(--accent); text-align: center; [/newclass] [newclass=".flare-d h5"]font: 400 9px/14px var(--typeface-serif); text-transform: uppercase; letter-spacing: .9px; color: var(--accent) [/newclass] [newclass=".flare-d p"] font: 600 11px/13px 'Barlow', sans-serif; color: var(--accent); letter-spacing: .3px[/newclass] [newclass=".flare-d a"]font: inherit; color: var(--accent); text-decoration: none; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d a:hover"]opacity: .75; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .credit"] text-align: right; padding-right: 20px; padding-top: 4px; [/newclass] [newclass=".flare-d .credit a"]font: 500 8px/10px 'Barlow',sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass] [newclass=".flare-d .plotcoverbox"]height: 480px; overflow-y: hidden; position: relative;[/newclass] [newclass=".flare-d .plotcover .imgbox"]width: 300px; height: 350px; overflow: hidden; position: relative; z-index: 5; [/newclass] [newclass=".flare-d .plotcover .imgbox img"]width: 300px; [/newclass] [newclass=".flare-d .plotcover"]height: 448px; width: 300px; padding: 0 20px; position: absolute; top: 20px;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .plotcoverbox:hover .plotcover"]padding: 0 20px; position: absolute; top: -480px; opacity: 0; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .plottext"]width: 300px; padding: 20px; background: var(--bgcolor); position: absolute; top: 480px; opacity: 0;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .plotcoverbox:hover .plottext"]padding: 20px; position: absolute; top: 0; opacity: 1; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass] [newclass=".flare-d .infotable"]width: 100%; position: relative; z-index: 10;[/newclass] [newclass=".flare-d .infotable td"]border-bottom: .25px dotted #e2e2e2; height: 34px; vertical-align: middle; text-align: center; [/newclass] [newclass=".flare-d .plottext .infotable tr:first-child td"]height: 27px [/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td:first-child"]vertical-align: text-top; text-align: right; border-right: .25px dotted #e2e2e2; padding: 10px 10px 0 0[/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td"]height: auto; vertical-align: middle; text-align: left; padding: 10px 0px 10px 12px;[/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td:not(:first-child)"] [/newclass] [newclass=".flare-d .plottext .infotable tr:last-child td"]border-bottom: 0; [/newclass] [newclass=".flare-d .plottext"]height: calc(100% - 40px); display: grid; grid-template-rows: auto 1fr; justify-content: stretch [/newclass] [newclass=".flare-d .plottext h2"]grid-row: 1; align-self: start; width: 289px; [/newclass] [newclass=".flare-d .scrollbox"]/* height: 318px; */ padding-right: 10px; overflow: auto; grid-row: 2; align-self: stretch;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar"]-webkit-appearance: none; width: 3px !important;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-thumb"]background: var(--accent) !important; border: 0 !important;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-track"]background: var(--bgcolor) !important; border: 1px solid var(--bgcolor) !important; [/newclass] [newclass=".flare-d .plotcover td"]color: var(--accent); border-color: var(--accent) !important [/newclass] [newclass=".flare-d .PT_spots"]background-color:transparent; width:385px; height:480px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; [/newclass] [newclass=".flare-d .PT_spots .plottext td"]border-color: var(--accent) !important [/newclass] |
|
ALIAS
ThunderCell
OCCUPATION
Student
EVENT TOKENS
100
QUIRK
Voltage
Student
|
Post by Kaito Tanaka on Jan 2, 2024 18:18:41 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://cdn.discordapp.com/attachments/330239397410635776/1191807256153567302/300_x_350_Hayato.jpg);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(60deg, rgba(255, 206, 0, 1) 0%, rgba(218, 160, 60, 1) 100%);[/newclass] [attr="class","body"] [attr="class","card"] [attr="class","inner-card"] [attr="class","card-front"] [attr="class","card-front-content"] [attr="class","card-front-inner-content"] [attr="class","rarity"]⚡ [attr="class","header"] ThunderCell The Thunderer [attr="class","card-back"] [attr="class","card-back-content"] Kaito Tanaka Voltage [attr="class","blurb"]Don't want to get shocked? Then don't end up on the wrong side of me. By the way, call me ThunderCell! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: C- [attr="class","statbar"] [attr="class","stat"]DURABILITY: D+ [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C+ [attr="class","statbar"] [attr="class","stat"]VITALITY: D+ [attr="class","statbar"] [attr="class","stat"]SPEED: C [attr="class","statbar"] [attr="class","stat"]STRENGTH: D+ [newclass=.body]padding:2rem;display:flex[/newclass] [newclass=.card]background-color:transparent;width:250px;height:350px;border:1px solid #f1f1f1;perspective: 1000px[/newclass] [newclass=.card:hover .inner-card]transform:rotateY(180deg)[/newclass] [newclass=.inner-card]position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d;[/newclass] [newclass=.card-front]background:var(--cardImage);background-size:cover;color:#fff;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px[/newclass] [newclass=.card-front-content]padding:15px;height:320px[/newclass] [newclass=.card-front-inner-content]height:318px;border:1px solid #000;border-radius:10px[/newclass] [newclass=.rarity]font-size:24px;[/newclass] [newclass=.header]position:absolute;bottom:30px;left:0px;background:#000;width:240px;padding:5px[/newclass] [newclass=.card-back]background:var(--cardBack);position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform: rotateY(180deg);border-radius:10px[/newclass] [newclass=.card-back-content]padding:15px;height:320px[/newclass] [newclass=.blurb]text-align:justify;margin:10px 0[/newclass] [newclass=.stats]position:absolute;bottom:15px;text-align:left;width:220px[/newclass] [newclass=.statbar]margin:2px 0;padding:3px 10px;background:#000;transform:skew(-25deg);color:#fff[/newclass] [newclass=.stat]display:flex;justify-content:space-between;transform:skew(25deg)[/newclass] [newclass=.stat span]width:22px;font-family:optima[/newclass] |
|
ALIAS
ThunderCell
OCCUPATION
Student
EVENT TOKENS
100
QUIRK
Voltage
Student
|
Post by Kaito Tanaka on Jan 2, 2024 19:08:04 GMT
[nospaces] [attr="id","panedglass-d"] [attr="class","planedglass-main"] [attr="class","glassleft"] [attr="class","glasslyrics"]
Never fear [break] Find comfort in knowing that thunder always comes after the lightning strikes and I brought the lightning.
 [attr="class","colorfield-1"] [attr="class","colorfield-2"] [attr="class","colorfield-3"] [attr="class","glassright"] [attr="class","glassscroll"] Bacon ipsum dolor amet meatloaf salami fatback, brisket tenderloin leberkas chislic. Chuck ham strip steak, filet mignon frankfurter short loin cupim pastrami pork loin ham hock short ribs brisket jerky. Boudin brisket landjaeger short ribs cow, kielbasa jowl. Drumstick cow swine salami pork belly bresaola frankfurter venison kielbasa. Ball tip pork chop filet mignon leberkas chislic strip steak.[break][break] [break][break] This is bolded.[break] This is italic. [break] This is a link.[break][break] Turkey leberkas short ribs kielbasa shankle salami. Turkey prosciutto pork chop fatback tri-tip t-bone meatball porchetta short ribs pancetta capicola ham flank. T-bone meatball pork loin shoulder, drumstick short ribs boudin shank. Shank tongue strip steak turkey landjaeger sirloin hamburger flank shoulder.Cupidatat ex jowl pork loin tri-tip officia, sint ribeye alcatra dolore irure. Chuck excepteur cupim, filet mignon nostrud bresaola salami consequat. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. Tongue shoulder jerky spare ribs pork chop corned beef ribeye shank strip steak. Shankle bacon ham hock pork loin picanha. Porchetta leberkas landjaeger ball tip alcatra brisket spare ribs ribeye kielbasa picanha ham hock biltong. Prosciutto pork loin strip steak hamburger chicken, meatloaf buffalo filet mignon jowl boudin. Alcatra pancetta picanha cupim chicken meatloaf swine ham hock tongue boudin strip steak chislic buffalo tri-tip.
tagged – A note here
[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 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]
|
|
ALIAS
ThunderCell
OCCUPATION
Student
EVENT TOKENS
100
QUIRK
Voltage
Student
|
Mar 26, 2024 15:27:02 GMT
Post by Kaito Tanaka on Mar 26, 2024 15:27:02 GMT
[nospaces] [attr="id","panedglass-d"] [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!
[attr="class","colorfield-1"] [attr="class","colorfield-2"] [attr="class","colorfield-3"] [attr="class","glassright"] [attr="class","glassscroll"] Bacon ipsum dolor amet meatloaf salami fatback, brisket tenderloin leberkas chislic. Chuck ham strip steak, filet mignon frankfurter short loin cupim pastrami pork loin ham hock short ribs brisket jerky. Boudin brisket landjaeger short ribs cow, kielbasa jowl. Drumstick cow swine salami pork belly bresaola frankfurter venison kielbasa. Ball tip pork chop filet mignon leberkas chislic strip steak.[break][break] [break][break] This is bolded.[break] This is italic. [break] This is a link.[break][break] Turkey leberkas short ribs kielbasa shankle salami. Turkey prosciutto pork chop fatback tri-tip t-bone meatball porchetta short ribs pancetta capicola ham flank. T-bone meatball pork loin shoulder, drumstick short ribs boudin shank. Shank tongue strip steak turkey landjaeger sirloin hamburger flank shoulder.Cupidatat ex jowl pork loin tri-tip officia, sint ribeye alcatra dolore irure. Chuck excepteur cupim, filet mignon nostrud bresaola salami consequat. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. Tongue shoulder jerky spare ribs pork chop corned beef ribeye shank strip steak. Shankle bacon ham hock pork loin picanha. Porchetta leberkas landjaeger ball tip alcatra brisket spare ribs ribeye kielbasa picanha ham hock biltong. Prosciutto pork loin strip steak hamburger chicken, meatloaf buffalo filet mignon jowl boudin. Alcatra pancetta picanha cupim chicken meatloaf swine ham hock tongue boudin strip steak chislic buffalo tri-tip.
tagged – A note here
[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]
|
|
ALIAS
Boomburst
OCCUPATION
Pro-Hero
EVENT TOKENS
0
QUIRK
Plasmatic Burst
Hero
|
Post by Akira Yumano on Apr 5, 2024 6:20:18 GMT
[nospaces] [attr="class","getfunkd"] [attr="class","getfunkd-img"]  [attr="class","getfunkd-lyrics"]
[attr="class","getfunkd-lyrics-1"] The best part of my job is seeing people smile! |
[attr="class","getfunkd-slant"] [attr="class","getfunkd-slant-1"] [attr="class","getfunkd-slant-2"] [attr="class","getfunkd-slant-3"] [attr="class","getfunkd-icon"]  [attr="class","getfunkd-lyrics-2"] BoomBurst I will become the hero that I needed. [attr="class","getfunkd-post"] [attr="class","getfunkd-plus"]+ [attr="class","getfunkd-tagged"] [attr="class","getfunkd-tagged-1"] [attr="class","getfunkd-tagged-2"]
WITH tag + tag
[attr="class","getfunkd-post-1"]
Text goes here yo
[googlefont=Montserrat:300,400,700,800] [googlefont=Mr+Dafoe] [googlefont=Roboto+Condensed:300,400,700,800] [googlefont=Roboto:300,400,700,800] [newclass=.getfunkd]border-radius:5px;width:600px;height:600px;box-shadow:2px 2px 2px rgba(33,33,33,.1);position:relative;overflow:hidden;[/newclass] [newclass=.getfunkd-img]height:600px;width:600px;position:absolute;z-index:1;[/newclass] [newclass=.getfunkd-img img]height:600px;width:600px;[/newclass] [newclass=.getfunkd-lyrics]-webkit-transition-delay: .5s; transition-delay: .5s;-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transition-duration:.5s;position:absolute;z-index:10;height:600px;width:600px;[/newclass] [newclass=.getfunkd-slant]-webkit-transition-delay: .5s; transition-delay: .5s;-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transition-duration:.5s;box-shadow:0px 0px 7px rgba(33,33,33,.2);position:absolute;z-index:9;margin-left:420px;transform:skew(-15deg,0deg);background-color:#cc526c;height:600px;width:600px;[/newclass] [newclass=.getfunkd-post]-webkit-transition-delay: .65s; transition-delay: .65s;z-index:0;background-color:#f9f9f9;position:absolute;padding:50px;padding-left:175px;padding:140px 50px 50px 200px;height:410px;width:350px;[/newclass] [newclass=.getfunkd-lyrics-2]-webkit-transition-delay: .5s; transition-delay: .5s;white-space:nowrap;color:#cc526c;text-shadow:.75px .75px 0px #f9f9f9, .75px 0px 0px #f9f9f9, 0px .75px 0px #f9f9f9, -.75px 0px 0px #f9f9f9, 0px -.75px 0px #f9f9f9, -.75px .75px 0px #f9f9f9, .75px -.75px 0px #f9f9f9, -.75px -.75px 0px #f9f9f9;-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transition-duration:.5s;font:bold 45px Roboto Condensed;letter-spacing:-1px;line-height:40px;font-style:italic;position:absolute;z-index:10;margin-top:-150px;width:500px;padding:50px;text-align:right;padding-bottom:35px;[/newclass] [newclass=.getfunkd-lyrics-2 div]color:#444444;font:bold 10px Roboto Condensed;font-style:italic;text-transform:uppercase;letter-spacing:2.35px;line-height:10px;padding-top:10px;[/newclass] [newclass=.getfunkd-post-1]color:#444444;font:10px Verdana;text-align:justify;height:408px;overflow:auto;padding-right:15px;[/newclass] [newclass=.getfunkd-post-1::-webkit-scrollbar-thumb:vertical]border-radius:3px;border:none;background-color:#cc526c;[/newclass] [newclass=.getfunkd-post-1::-webkit-scrollbar]width:7px;border:solid 3px #f9f9f9;background-color:#e5e5e5;[/newclass] [newclass=.getfunkd-post-1 b]font:bold 11px Roboto;color:#cc526c;[/newclass] [newclass=.getfunkd-post-1 font]font:bold 11px Roboto;color:#999999;[/newclass] [newclass=.getfunkd-lyrics-1]text-shadow:.75px .75px 0px #cc526c, .75px 0px 0px #cc526c, 0px .75px 0px #cc526c, -.75px 0px 0px #cc526c, 0px -.75px 0px #cc526c, -.75px .75px 0px #cc526c, .75px -.75px 0px #cc526c, -.75px -.75px 0px #cc526c;font:100px Montserrat;font-weight:300!important;text-transform:lowercase;color:#f9f9f9;line-height:80px;text-align:center;[/newclass] [newclass=.getfunkd-lyrics-1 div]font:125px Mr Dafoe;line-height:100px;margin-top:-25px;[/newclass] [newclass=.getfunkd-circ]height:280px;width:280px;border-radius:100%;margin:160px;position:absolute;z-index:5;background-color:rgba(245,245,245,.3);[/newclass] [newclass=.getfunkd-circ-2]-webkit-transition-delay: .5s; transition-delay: .5s;opacity:.6;margin:110px;height:370px;width:370px;border:dotted 5px #cc526c;border-radius:100%;position:absolute;z-index:5;[/newclass] [newclass=.getfunkd-icon]-webkit-transition-delay: .5s; transition-delay: .5s;-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transition-duration:.5s;position:absolute;z-index:10;height:85px;width:85px;padding:15px;background-color:#cc526c;border:solid 3px #f9f9f9;border-radius:100%;margin:600px 0px 0px 43px;[/newclass] [newclass=.getfunkd-icon img]height:85px;width:85px;border-radius:100%;[/newclass] [newclass=.getfunkd-plus]position:absolute;background-color:#cc526c;height:40px;width:40px;border-radius:100%;font:25px Montserrat;font-weight:800!important;color:#f9f9f9;line-height:40px;text-align:center;margin:240px 0px 0px -80px;cursor:pointer;[/newclass] [newclass=.getfunkd-tagged-1]height:0px;width:0px;border-top:solid 20px transparent;border-bottom:solid 20px #cc526c;border-left:solid 5px transparent;border-right:solid 5px #cc526c;float:left;[/newclass] [newclass=.getfunkd-tagged-2]width:290px;text-align:left;background-color:#cc526c;font:bold 10px Roboto Condensed;line-height:10px;padding:15px 0px 15px 15px;color:#f9f9f9;text-transform:uppercase;letter-spacing:1px;margin-left:10px;[/newclass] [newclass=.getfunkd-tagged-2 a]font:bold 10px Roboto Condensed;line-height:10px;color:#f9f9f9!important;[/newclass] [newclass=.getfunkd-tagged]-webkit-transition-duration:.5s;transition-duration:.5s;-moz-transition-duration:.5s;position:absolute;margin:390px 0px 0px 400px; }.getfunkd-plus:hover + .getfunkd-tagged { margin-left:85px;[/newclass] [newclass=.getfunkd:hover .getfunkd-lyrics]margin-top:600px;-webkit-transition-delay: 0s; transition-delay: 0s;[/newclass] [newclass=.getfunkd:hover .getfunkd-slant]margin-left:-475px;-webkit-transition-delay: 0s; transition-delay: 0s;[/newclass] [newclass=.getfunkd:hover .getfunkd-lyrics-2]margin-top:0px;-webkit-transition-delay: 0s; transition-delay: 0s;[/newclass] [newclass=.getfunkd:hover .getfunkd-post]z-index:8;-webkit-transition-delay: .15s; transition-delay: .15s;[/newclass] [newclass=.getfunkd:hover .getfunkd-icon]margin-top:432px;-webkit-transition-delay: 0s; transition-delay: 0s;[/newclass] [newclass=.getfunkd] }@keyframes GETFUNKD-SPIN { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }.getfunkd-circ-2 { animation: GETFUNKD-SPIN linear infinite 50s;[/newclass] |
|
ALIAS
Boomburst
OCCUPATION
Pro-Hero
EVENT TOKENS
0
QUIRK
Plasmatic Burst
Hero
|
Apr 10, 2024 23:15:45 GMT
Post by Akira Yumano on Apr 10, 2024 23:15:45 GMT
[nospaces] [attr="id","panedglass-d"] [attr="class","planedglass-main"] [attr="class","glassleft"] [attr="class","glasslyrics"]
Name: Akira Yumano [break] Hero Name: BoomBurst [break] Quirk: Plasmatic Burst - He can emit plasma energy capable of freezing targets or push them back through sheer force. [break]
"Don't need to be Number One; Just need to get the job done!"
 [attr="class","colorfield-1"] [attr="class","colorfield-2"] [attr="class","colorfield-3"] [attr="class","glassright"] [attr="class","glassscroll"] Bacon ipsum dolor amet meatloaf salami fatback, brisket tenderloin leberkas chislic. Chuck ham strip steak, filet mignon frankfurter short loin cupim pastrami pork loin ham hock short ribs brisket jerky. Boudin brisket landjaeger short ribs cow, kielbasa jowl. Drumstick cow swine salami pork belly bresaola frankfurter venison kielbasa. Ball tip pork chop filet mignon leberkas chislic strip steak.[break][break] [break][break] This is bolded.[break] This is italic. [break] This is a link.[break][break] Turkey leberkas short ribs kielbasa shankle salami. Turkey prosciutto pork chop fatback tri-tip t-bone meatball porchetta short ribs pancetta capicola ham flank. T-bone meatball pork loin shoulder, drumstick short ribs boudin shank. Shank tongue strip steak turkey landjaeger sirloin hamburger flank shoulder.Cupidatat ex jowl pork loin tri-tip officia, sint ribeye alcatra dolore irure. Chuck excepteur cupim, filet mignon nostrud bresaola salami consequat. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. [break][break] Bacon ipsum dolor amet ribeye kevin porchetta, tenderloin prosciutto flank turkey capicola pork loin turducken beef alcatra short ribs. Short ribs chislic frankfurter sirloin alcatra meatball kielbasa chicken. Filet mignon jerky. Tongue shoulder jerky spare ribs pork chop corned beef ribeye shank strip steak. Shankle bacon ham hock pork loin picanha. Porchetta leberkas landjaeger ball tip alcatra brisket spare ribs ribeye kielbasa picanha ham hock biltong. Prosciutto pork loin strip steak hamburger chicken, meatloaf buffalo filet mignon jowl boudin. Alcatra pancetta picanha cupim chicken meatloaf swine ham hock tongue boudin strip steak chislic buffalo tri-tip.
tagged – A note here
[googlefont="Quicksand:300,400,600"][googlefont="Comfortaa:400,700"]
[newclass=#panedglass-d] margin: 20px auto; position: relative; width: min-content; --accentRGB: 5,193,255; --accent: rgb(5,193,255); [/newclass]
[newclass=#panedglass-d .planedglass-main] height: 600px; display: flex; background: var(--accent); font: 13px/19px 'Comfortaa'; 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 'Quicksand', 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]
|
|
