|
|
Post by Sol on Jun 6, 2023 18:43:45 GMT
[nospaces]Hey guys, I just thought this would be a fun thing everyone can have for their characters! Just a few things before you use this code: [break][break] - The post preview won't work for this! I tried to make the editable parts as obvious as possible to make up for this.
- Touch the newclasses at the bottom at your own discretion! You wouldn't need to edit those usually.
- It's not the best with long names! I'm sorry in advance if things start to look wonky for them.
- Images are 250px by 350px! The code will try to resize to fit the card but parts of the image may be cut off if the dimensions are not exact.
- '--cardBack' can be a gradient or a single colour! Either works fine, though the text will always be black (unless you're brave enough to change that).
- One card per account! If you try to post multiple cards with the same account, the latest image will override previous images.
- Have fun!!
[break][break](hover over for a neat effect!) [newclass=.card-front]--cardImage:url(https://core.trac.wordpress.org/raw-attachment/ticket/45927/placeholder-image-portrait.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] ALIAS ADDITIONAL TEXT [attr="class","card-back"] [attr="class","card-back-content"] REAL NAME Quirk name [attr="class","blurb"]Add a blurb of your character here! Keep it nice and short! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: D- [attr="class","statbar"] [attr="class","stat"]STRENGTH: D- [attr="class","statbar"] [attr="class","stat"]SPEED: D- [attr="class","statbar"] [attr="class","stat"]DEXTERITY: D- [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D- [attr="class","statbar"] [attr="class","stat"]PRESENCE: 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[/newclass] [nospaces]
[newclass=.card-front]--cardImage:url(https://core.trac.wordpress.org/raw-attachment/ticket/45927/placeholder-image-portrait.png);[/newclass]
[newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,1) 100%);[/newclass]
[div][attr="class","body"]
[div][attr="class","card"]
[div][attr="class","inner-card"]
[div][attr="class","card-front"]
[div][attr="class","card-front-content"]
[div][attr="class","card-front-inner-content"]
[div][attr="class","rarity"]★[/div]
[div][attr="class","header"]
[div][font size="6"]ALIAS[/font][/div]
[div]ADDITIONAL TEXT[/div]
[/div]
[/div]
[/div]
[/div]
[div][attr="class","card-back"]
[div][attr="class","card-back-content"]
[div align="right"][font size="4"]REAL NAME[/font][/div]
[div align="right"][font size="3"]Quirk name[/font][/div]
[div][attr="class","blurb"]Add a blurb of your character here! Keep it nice and short![/div]
[div][attr="class","stats"]
[font size="3"]CORE ATTRIBUTES[/font]
[div][attr="class","statbar"][div][attr="class","stat"][b]AWARENESS:[/b] [span]D-[/span][/div][/div]
[div][attr="class","statbar"][div][attr="class","stat"][b]STRENGTH:[/b] [span]D-[/span][/div][/div]
[div][attr="class","statbar"][div][attr="class","stat"][b]SPEED:[/b] [span]D-[/span][/div][/div]
[div][attr="class","statbar"][div][attr="class","stat"][b]DEXTERITY:[/b] [span]D-[/span][/div][/div]
[div][attr="class","statbar"][div][attr="class","stat"][b]CONSTITUTION:[/b] [span]D-[/span][/div][/div]
[div][attr="class","statbar"][div][attr="class","stat"][b]PRESENCE:[/b] [span]D-[/span][/div][/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[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[/newclass] |
|
ALIAS
Surplus
OCCUPATION
Fourth Year Student
EVENT TOKENS
75
QUIRK
Replenish
Student
|
Post by Kei Hada on Jun 6, 2023 18:57:25 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://f2.toyhou.se/file/f2-toyhou-se/images/59072010_G3z7WInadrL1dBI.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] SURPLUS THE RESOURCEFUL ENGINEER [attr="class","card-back"] [attr="class","card-back-content"] KEI HADA Replenish [attr="class","blurb"]Look out everyone, there's a new inventor in the making! Out to flood the world with refreshing ideas, Kei is sure to spice up the hero world with his support gear. We can't wait to see what he does! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: C- [attr="class","statbar"] [attr="class","stat"]STRENGTH: C- [attr="class","statbar"] [attr="class","stat"]SPEED: D+ [attr="class","statbar"] [attr="class","stat"]DEXTERITY: D+ [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D+ [attr="class","statbar"] [attr="class","stat"]PRESENCE: 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[/newclass] |
|
Do you see what I see?
ALIAS
Mentat
OCCUPATION
Student
EVENT TOKENS
7
QUIRK
File
Archived
|
Post by Thea on Jun 7, 2023 3:37:34 GMT
Okay, this is the coolest thing ever. [nospaces] [newclass=.card-front]--cardImage:url(https://i.ibb.co/frNV9Zw/Flint-Arknights-600-3233567.jpg);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] Mentat "Take my hand" [attr="class","card-back"] [attr="class","card-back-content"] Mattea 'Thea' Blasco File [attr="class","blurb"]"She saw the truth of it all. None of this was meant to be. She wasn't meant to be. All that was left to do was press on and watch history repeat itself yet again." [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: A-* [attr="class","statbar"] [attr="class","stat"]STRENGTH: C [attr="class","statbar"] [attr="class","stat"]SPEED: B+ [attr="class","statbar"] [attr="class","stat"]DEXTERITY: B+ [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: C+ [attr="class","statbar"] [attr="class","stat"]PRESENCE: B+ [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[/newclass] |
|
Pick up the pieces, one mistake at a time.
ALIAS
LEONID
OCCUPATION
PRO HERO, U.A. EDUCATOR
EVENT TOKENS
0
QUIRK
JUNGLE KING
Archived
|
Post by Raiomaru Toshigawa on Jun 7, 2023 3:58:41 GMT
Yeah this rules actually [nospaces] [newclass=.card-front]--cardImage:url(https://i.imgur.com/SdQnjaL.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] LEONID THE SILVER KING HERO [attr="class","card-back"] [attr="class","card-back-content"] TOSHIGAWA Jungle King [attr="class","blurb"]The original. One of the first heroes given a license by the Hero Association and one of the biggest early names of his generation. Leonid stands as an icon within the industry, and many would claim that his legacy has left a permanent mark upon it. All hail the king. [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: B+ [attr="class","statbar"] [attr="class","stat"]STRENGTH: B+ [attr="class","statbar"] [attr="class","stat"]SPEED: B+ [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: B [attr="class","statbar"] [attr="class","stat"]PRESENCE: B [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[/newclass] |
|
No one is born a villain.
ALIAS
MAELSTROM
OCCUPATION
PRO HERO
EVENT TOKENS
0
QUIRK
ELDING
Archived
|
Post by skald on Jun 7, 2023 4:21:16 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://i.imgur.com/QxlxKSU.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] MAELSTROM The Lightning Hero [attr="class","card-back"] [attr="class","card-back-content"] Skald Wolfenstein Elding [attr="class","blurb"]From police officer to hero, Maelstrom has been serving the people in both chosen careers for nearly fifteen years! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: B- [attr="class","statbar"] [attr="class","stat"]STRENGTH: B [attr="class","statbar"] [attr="class","stat"]SPEED: B [attr="class","statbar"] [attr="class","stat"]DEXTERITY: B+ [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: B- [attr="class","statbar"] [attr="class","stat"]PRESENCE: B- [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[/newclass] |
|
What can I say? I die hard.
ALIAS
SIRIUS
OCCUPATION
FIRST YEAR STUDENT
EVENT TOKENS
75
QUIRK
DRAGON BORN OF CHAOS
Student
|
Post by Jack Orion on Jun 7, 2023 4:25:05 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://media.discordapp.net/attachments/433413353126363136/920129363620560919/20211213_1805462.jpg);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] SIRIUS The Starlight Dragon [attr="class","card-back"] [attr="class","card-back-content"] Jack Orion Dragon Born from Chaos [attr="class","blurb"]This short dragon's got his head all the way up in space! Between his happy-go-lucky attitude and a Quirk that calls upon the cosmos, you may never know what you'll get with this hero-in-training! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: B- [attr="class","statbar"] [attr="class","stat"]STRENGTH: B- [attr="class","statbar"] [attr="class","stat"]SPEED: B- [attr="class","statbar"] [attr="class","stat"]DEXTERITY: B- [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D- [attr="class","statbar"] [attr="class","stat"]PRESENCE: B- [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[/newclass] |
|
|
|
Post by Marcus on Jun 7, 2023 4:33:40 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://i.imgur.com/7Bmnzx6.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] LEONID THE GOLDEN KING HERO [attr="class","card-back"] [attr="class","card-back-content"] RAIOMARU Jungle King [attr="class","blurb"]An icon of his time and inspiration to the mutant heroes that followed his example. The Voice of the Big Five Hero Agency held his throne as one of the leading names in the early hero industry for over twenty years. [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: A+ [attr="class","statbar"] [attr="class","stat"]STRENGTH: S [attr="class","statbar"] [attr="class","stat"]SPEED: S [attr="class","statbar"] [attr="class","stat"]DEXTERITY: B [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: A+ [attr="class","statbar"] [attr="class","stat"]PRESENCE: B+ [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[/newclass] |
|
Kindness like yours is gonna get ya killed, fox.
ALIAS
Little Devil
OCCUPATION
U.A. Student
EVENT TOKENS
0
QUIRK
Schwarzkraft
Student
|
Jun 10, 2023 15:29:39 GMT
Post by Leo Kaiser on Jun 10, 2023 15:29:39 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://i.imgur.com/dJ1Mdsa.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] KAISER
THE PITCH BLACK HERO
[attr="class","card-back"] [attr="class","card-back-content"] Leonard Von Kaiser Schwarzkraft [attr="class","blurb"]Everyone deserves a second chance... [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: B [attr="class","statbar"] [attr="class","stat"]STRENGTH: C- [attr="class","statbar"] [attr="class","stat"]SPEED: A- [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C- [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D [attr="class","statbar"] [attr="class","stat"]PRESENCE: 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[/newclass] |
|
|
|
Post by Webby on Aug 5, 2023 0:55:24 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://i.imgur.com/Q1vhLbQ.jpg?1);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] Ishtar The White Queen [attr="class","card-back"] [attr="class","card-back-content"] ? ? ? ? ? ? ? Pale Dawn (S+) [attr="class","blurb"]This leader among villains possesses a quirk that appears to be radioactive, wanted for killing countless people and numerous war crimes. [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: C- [attr="class","statbar"] [attr="class","stat"]STRENGTH: C- [attr="class","statbar"] [attr="class","stat"]SPEED: C- [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C- [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D [attr="class","statbar"] [attr="class","stat"]PRESENCE: B- [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[/newclass] |
|
ALIAS
The White Queen
OCCUPATION
CEO of ASTA
EVENT TOKENS
0
QUIRK
Pale Dawn
Archived
|
Post by Sonya Chernovna on Aug 5, 2023 0:58:41 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://i.redd.it/w81j7h3p7nv81.jpg);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] Sonya Chernovna Sponsor and Activist [attr="class","card-back"] [attr="class","card-back-content"] Sonya Chernovna Glow (D-) [attr="class","blurb"]Perpetually enveloped by a heavenly glow, this businesswoman has dedicated her life to supporting hero society! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: C- [attr="class","statbar"] [attr="class","stat"]STRENGTH: C- [attr="class","statbar"] [attr="class","stat"]SPEED: C- [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C- [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D [attr="class","statbar"] [attr="class","stat"]PRESENCE: B- [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[/newclass] |
|
ALIAS
Neptune
OCCUPATION
Pro Hero
EVENT TOKENS
50
QUIRK
Iron Lungs
Archived
|
Post by Sora Nakoma on Aug 5, 2023 1:18:06 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://media.discordapp.net/attachments/330239397410635776/1137189813192249454/IMG_0914.jpg);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] Dericho The Wind Dragon [attr="class","card-back"] [attr="class","card-back-content"] Sora Nakoma Wind Dragon [attr="class","blurb"]The fearsome winds of destiny shroud this young pro as he quietly but swiftly follows in the footsteps of his heroic family! [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: B- [attr="class","statbar"] [attr="class","stat"]STRENGTH: B- [attr="class","statbar"] [attr="class","stat"]SPEED: C+ [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C+ [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: B- [attr="class","statbar"] [attr="class","stat"]PRESENCE: C [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[/newclass] |
|
I'm on my way!
ALIAS
Snow Fox
OCCUPATION
First Year Student
EVENT TOKENS
0
QUIRK
Arctic Fox
Student
|
Post by Kupo on Aug 5, 2023 16:27:52 GMT
[nospaces] [newclass=.card-front]--cardImage:url(https://cdn.discordapp.com/attachments/1001299088869969930/1137409940311515306/kupohero1750x2450.png);[/newclass] [newclass=.card-back]--cardBack:linear-gradient(34deg, rgba(22,131,207,1) 0%, rgba(0,212,255,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"] SNOW FOX The Arctic Rescuer [attr="class","card-back"] [attr="class","card-back-content"] Jason Riviera Arctic Fox [attr="class","blurb"]The quick white fox jumping all over the place! With great mobility, heightened senses and limitless compassion, this knee-high rescue hero-in-training is determined to be a beacon of light and hope even in the darkest nights. [attr="class","stats"] CORE ATTRIBUTES[attr="class","statbar"] [attr="class","stat"]AWARENESS: A- [attr="class","statbar"] [attr="class","stat"]STRENGTH: C- [attr="class","statbar"] [attr="class","stat"]SPEED: A- [attr="class","statbar"] [attr="class","stat"]DEXTERITY: C [attr="class","statbar"] [attr="class","stat"]CONSTITUTION: D- [attr="class","statbar"] [attr="class","stat"]PRESENCE: B- [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[/newclass] |
|
