Oct 9, 2024 16:57:21 GMT
Post by Xiang Shen on Oct 9, 2024 16:57:21 GMT
[nospaces][googlefont=Montserrat+Alternates:600,700|Inconsolata:400,700|Roboto:400,400i,700]
[attr="class","unb-contain"]
[attr="class","unb-img"]
[attr="class","unb-body"]
PWR: 10 [F]
DEF: 10 [F]
SPD: 10 [F]
[break]
MAGI: 10 [F]
VIT: 10 [F]
WIL: 10 [F]
[break]
LUCK: 0
[break][break][break]
[break][break]
Red is a color that has followed Xiang throughout all their life. No, not red. Crimson. The color of their eyes. The color of their heart, their soul, their blood. It's a color that a long time ago, when they were still but a child, they feared, but now in their wisdom and age, they've come to accept it. To embrace it. They've changed themselves many times now to thrive in each new situation life has found them. But the first time that change made a difference started with something that to anyone should have been insignificant. To Xiang, it was a symbol of the culmination of their ambition and struggle. Of freedom.[break][break]
A simple Crimson Thread tied around their finger would be the signal flag to have them purchased and turned from an object to a grunt. The first step on their evolution from something abandoned and forgotten to someone who could never be forgotten. Their story after all, is in equal parts one of change and survival, taking a hopeless situation and refusing to lose hope and instead twisting it to their advantage - and yet also a story of ruthlessness. For they must naturally detest the fate that left them here, and in ironic twist, the height of their life found them preying upon those that were greedy, desperate, and cruel, and in turn inflicting their own cruelty upon them. It was not justice, but perhaps in a twisted way, it was judgment upon those that sparked Xiang's hatred for their foul presence.[break][break]
Xiang's story is one of rising against adversity, to go from a lowly worm and blossom into a butterfly. And it is one of wrath and bitterness, to find others undeserving of being given kindness when it was not given first.
[break][break]
[break]
[break][break]
[break]
Class Items:[break][break]
[break][break]
General Items:[break][break]
[break][break]
Materials:[break][break]
[break][break]
LEVEL. 01
Xiang's Inventory
PWR: 10 [F]
DEF: 10 [F]
SPD: 10 [F]
[break]
MAGI: 10 [F]
VIT: 10 [F]
WIL: 10 [F]
[break]
LUCK: 0
[break][break][break]
[Metamorphosis] [Gift]
[Vindication, Perseverance, Adaptation][break][break]
Red is a color that has followed Xiang throughout all their life. No, not red. Crimson. The color of their eyes. The color of their heart, their soul, their blood. It's a color that a long time ago, when they were still but a child, they feared, but now in their wisdom and age, they've come to accept it. To embrace it. They've changed themselves many times now to thrive in each new situation life has found them. But the first time that change made a difference started with something that to anyone should have been insignificant. To Xiang, it was a symbol of the culmination of their ambition and struggle. Of freedom.[break][break]
A simple Crimson Thread tied around their finger would be the signal flag to have them purchased and turned from an object to a grunt. The first step on their evolution from something abandoned and forgotten to someone who could never be forgotten. Their story after all, is in equal parts one of change and survival, taking a hopeless situation and refusing to lose hope and instead twisting it to their advantage - and yet also a story of ruthlessness. For they must naturally detest the fate that left them here, and in ironic twist, the height of their life found them preying upon those that were greedy, desperate, and cruel, and in turn inflicting their own cruelty upon them. It was not justice, but perhaps in a twisted way, it was judgment upon those that sparked Xiang's hatred for their foul presence.[break][break]
Xiang's story is one of rising against adversity, to go from a lowly worm and blossom into a butterfly. And it is one of wrath and bitterness, to find others undeserving of being given kindness when it was not given first.
CLASS NAME HERE
don't know what's gonna happen next
STAT BONUS
+, +, -, - [break][break]PASSIVE: name
loading[break][break]
[break]
core
Core description + basic class skill.[break][break]
[break]
ability slot 1:
Ability description.[break][break]ability slot 2
locked info [break][break]ability slot 3
locked info [break][break]locked
purchase new slot from shop[break][break]locked
purchase new slot from shop
EQUIPMENT
items, weapons, armour, pets etc.
Class Items:[break][break]
??
error[break][break][break][break]
General Items:[break][break]
??
error[break][break][break][break]
Materials:[break][break]
??
error[break][break][break][break]
SKILLS
system awarded skills
??
error[break][break][attr="class","unb-credit"]SELKIE
[newclass=.unb-contain] --unb-accent-1:#9a2020; [/newclass]
[newclass=.unb-contain] width:520px; background-color:#fafafa; overflow:hidden; border:1px solid #423939; border-radius:5px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; position:relative; [/newclass]
[newclass=.unb-img:before] content:''; position:absolute; width:500px; height:250px; background:url(https://image.ibb.co/mMY3io/3_copy.png); filter:invert(1); opacity:.1; left:0px; [/newclass]
[newclass=.unb-img] width:500px; height:250px; margin:10px 0px 11px 0px; position:relative; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow:hidden; [/newclass]
[newclass=.unb-app] width:50px; height:50px; display:flex; align-items:center; justify-content:center; background-color:#fafafa; position:absolute; top:240px; border-radius:100%; border:1px solid #423939; [/newclass]
[newclass=.unb-app a] font-size: 15px; background: var(--unb-accent-1)!important; text-decoration: none!important; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 100%; color: #ffffff; [/newclass]
[newclass=.unb-app a:before] content:'\ecb5'; font-family: "honeybee"!important;[/newclass]
[newclass=.unb-body] width:520px; background-color:#181616; padding:0px 0px 0px 0px; [/newclass]
[newclass=.unb-body h1] margin:0px 0px; padding:25px 25px; display:flex; background-color:#534d57; flex-flow:column nowrap; outline:1px solid #423939; border:1px solid #1b1616; font:700 36px/36px montserrat alternates; color:#ffffff; color:var(--unb-accent-1); text-shadow: -1px -1px 0 #1b1616, 1px -1px 0 #1b1616, -1px 1px 0 #1b1616, 1px 1px 0 #1b1616; [/newclass]
[newclass=.unb-body span] display:block; font:400 12px inconsolata; text-shadow: -1px -1px 0 #1b1616, 1px -1px 0 #1b1616, -1px 1px 0 #1b1616, 1px 1px 0 #1b1616; text-transform:uppercase; color:#aaa; [/newclass]
[newclass=.unb-body div] padding:50px; text-align:justify; font:400 12px roboto; color:#ffffff; [/newclass]
[newclass=.unb-body div h2] margin:0px 10px; display:inline-block; background-color:#aaa; background-color:var(--unb-accent-1); padding:2px 10px; color:#181616; font:600 10px montserrat alternates; border-radius:2px; text-transform:lowercase; [/newclass]
[newclass=.unb-body div b] font:700 12px montserrat alternates; color:var(--unb-accent-1); text-shadow: -1px -1px 0 #1b1616, 1px -1px 0 #1b1616, -1px 1px 0 #1b1616, 1px 1px 0 #1b1616; [/newclass]
[newclass=.unb-body div i] color:#bbb; border-bottom:1px solid var(--unb-accent-1);[/newclass]
[newclass=.unb-credit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.unb-credit a] font:bold 7px roboto!important; [/newclass]
[newclass=".summon-slot"] padding:10px !important; border: 1px solid #423939; position: relative; display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; line-height: 0;[/newclass]
[newclass=".summon-slot div"]padding: 0px !important; align-self: center; text-align: center !important;[/newclass]
[newclass=".summon-slot img"]height: 80px; width: 80px; object-fit: cover; border: 1px solid #423939; box-shadow: 1px 1px 0px var(--unb-accent-1), 1px -1px 0px var(--unb-accent-1), -1px 1px 0px var(--unb-accent-1), -1px -1px 0px var(--unb-accent-1);[/newclass]
[newclass=".summon-slot div span"]font:unset; text-shadow: unset; text-transform:unset; color:unset; margin-top: 5px; display: inline-block; background: #000000; outline: 1px solid #423939; border: 1px solid #1b1616; padding: 5px; margin: 5px; color: #ffffff; font-size: 10px !important;[/newclass]
[newclass=".summon-slot div:first-of-type"]background: var(--unb-accent-1); color: #ffffff; font-size: 30px; font-family: Montserrat Alternates, sans-serif; font-weight: 800; line-height: 80px; padding: 0 10px !important; min-width: 70px; height: 80px; border: 1px solid #423939; box-shadow: 1px 1px 0px var(--unb-accent-1), 1px -1px 0px var(--unb-accent-1), -1px 1px 0px var(--unb-accent-1), -1px -1px 0px var(--unb-accent-1);[/newclass]
[newclass=".summon-slot div > div"]background: transparent !important; position: relative; height: 80px; border: 0px !important; box-shadow: none !important;[/newclass]
[newclass=".summon-slot div h1"]padding:0px !important; display: block !important; background-color:unset; outline:0px; border:0px; color:var(--unb-accent-1); font-weight: 700; font-size: 40px; line-height: 80px; font-family: montserrat alternates, sans-serif;[/newclass]
[newclass=".summon-slot div > div h2"]position: absolute; bottom: 10px; right: 10px;[/newclass]
[newclass=".summon-slot div:last-of-type"]text-align: justify;[/newclass]
[newclass=".summon-slot div:nth-of-type(3)"]width: 100%;[/newclass]
[newclass=.unb-contain] width:520px; background-color:#fafafa; overflow:hidden; border:1px solid #423939; border-radius:5px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; position:relative; [/newclass]
[newclass=.unb-img:before] content:''; position:absolute; width:500px; height:250px; background:url(https://image.ibb.co/mMY3io/3_copy.png); filter:invert(1); opacity:.1; left:0px; [/newclass]
[newclass=.unb-img] width:500px; height:250px; margin:10px 0px 11px 0px; position:relative; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow:hidden; [/newclass]
[newclass=.unb-app] width:50px; height:50px; display:flex; align-items:center; justify-content:center; background-color:#fafafa; position:absolute; top:240px; border-radius:100%; border:1px solid #423939; [/newclass]
[newclass=.unb-app a] font-size: 15px; background: var(--unb-accent-1)!important; text-decoration: none!important; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 100%; color: #ffffff; [/newclass]
[newclass=.unb-app a:before] content:'\ecb5'; font-family: "honeybee"!important;[/newclass]
[newclass=.unb-body] width:520px; background-color:#181616; padding:0px 0px 0px 0px; [/newclass]
[newclass=.unb-body h1] margin:0px 0px; padding:25px 25px; display:flex; background-color:#534d57; flex-flow:column nowrap; outline:1px solid #423939; border:1px solid #1b1616; font:700 36px/36px montserrat alternates; color:#ffffff; color:var(--unb-accent-1); text-shadow: -1px -1px 0 #1b1616, 1px -1px 0 #1b1616, -1px 1px 0 #1b1616, 1px 1px 0 #1b1616; [/newclass]
[newclass=.unb-body span] display:block; font:400 12px inconsolata; text-shadow: -1px -1px 0 #1b1616, 1px -1px 0 #1b1616, -1px 1px 0 #1b1616, 1px 1px 0 #1b1616; text-transform:uppercase; color:#aaa; [/newclass]
[newclass=.unb-body div] padding:50px; text-align:justify; font:400 12px roboto; color:#ffffff; [/newclass]
[newclass=.unb-body div h2] margin:0px 10px; display:inline-block; background-color:#aaa; background-color:var(--unb-accent-1); padding:2px 10px; color:#181616; font:600 10px montserrat alternates; border-radius:2px; text-transform:lowercase; [/newclass]
[newclass=.unb-body div b] font:700 12px montserrat alternates; color:var(--unb-accent-1); text-shadow: -1px -1px 0 #1b1616, 1px -1px 0 #1b1616, -1px 1px 0 #1b1616, 1px 1px 0 #1b1616; [/newclass]
[newclass=.unb-body div i] color:#bbb; border-bottom:1px solid var(--unb-accent-1);[/newclass]
[newclass=.unb-credit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.unb-credit a] font:bold 7px roboto!important; [/newclass]
[newclass=".summon-slot"] padding:10px !important; border: 1px solid #423939; position: relative; display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; line-height: 0;[/newclass]
[newclass=".summon-slot div"]padding: 0px !important; align-self: center; text-align: center !important;[/newclass]
[newclass=".summon-slot img"]height: 80px; width: 80px; object-fit: cover; border: 1px solid #423939; box-shadow: 1px 1px 0px var(--unb-accent-1), 1px -1px 0px var(--unb-accent-1), -1px 1px 0px var(--unb-accent-1), -1px -1px 0px var(--unb-accent-1);[/newclass]
[newclass=".summon-slot div span"]font:unset; text-shadow: unset; text-transform:unset; color:unset; margin-top: 5px; display: inline-block; background: #000000; outline: 1px solid #423939; border: 1px solid #1b1616; padding: 5px; margin: 5px; color: #ffffff; font-size: 10px !important;[/newclass]
[newclass=".summon-slot div:first-of-type"]background: var(--unb-accent-1); color: #ffffff; font-size: 30px; font-family: Montserrat Alternates, sans-serif; font-weight: 800; line-height: 80px; padding: 0 10px !important; min-width: 70px; height: 80px; border: 1px solid #423939; box-shadow: 1px 1px 0px var(--unb-accent-1), 1px -1px 0px var(--unb-accent-1), -1px 1px 0px var(--unb-accent-1), -1px -1px 0px var(--unb-accent-1);[/newclass]
[newclass=".summon-slot div > div"]background: transparent !important; position: relative; height: 80px; border: 0px !important; box-shadow: none !important;[/newclass]
[newclass=".summon-slot div h1"]padding:0px !important; display: block !important; background-color:unset; outline:0px; border:0px; color:var(--unb-accent-1); font-weight: 700; font-size: 40px; line-height: 80px; font-family: montserrat alternates, sans-serif;[/newclass]
[newclass=".summon-slot div > div h2"]position: absolute; bottom: 10px; right: 10px;[/newclass]
[newclass=".summon-slot div:last-of-type"]text-align: justify;[/newclass]
[newclass=".summon-slot div:nth-of-type(3)"]width: 100%;[/newclass]