Seraphine
esqueeze me please
leaves from the vine
CHARACTER CREATION GUIDE
preface
CHARACTER SHEET DEADLINE | SUNDAY, MARCH 3RD
This roleplay boasts an extensive lore, but fear not! You're not obliged to dive headfirst into the lore of every nation right away. We'll guide you through it based on relevance—simply focus on the lore that corresponds to your character's nation, and you'll be good to go!
The character sheet codes provided at the very end of this character creation guide are mandatory. If you really don't feel comfortable using them, please let Seraphine know in DMs. Use of AI art will not be allowed. We also ask that you keep in mind the balance between genders, as ideally we would like to keep things equal :>
Last but not least, please send any one of the co-GMs or the GM a dm containing a writing sample, preferably one that shows your semi-literate skillz, as this is a semi-literate roleplay :>
Here are some sites you may find helpful:
FOR SUPPLEMENTAL LORE:
ATLA Wiki
FOR SYMBOLS:
Cool Symbols
Egyptian Hieroglyphics Copy Paste
FOR NAMES:
BehindTheName
BehindAName
FOR PERSONALITY TRAITS:
638 Personality Traits
This roleplay boasts an extensive lore, but fear not! You're not obliged to dive headfirst into the lore of every nation right away. We'll guide you through it based on relevance—simply focus on the lore that corresponds to your character's nation, and you'll be good to go!
The character sheet codes provided at the very end of this character creation guide are mandatory. If you really don't feel comfortable using them, please let Seraphine know in DMs. Use of AI art will not be allowed. We also ask that you keep in mind the balance between genders, as ideally we would like to keep things equal :>
Last but not least, please send any one of the co-GMs or the GM a dm containing a writing sample, preferably one that shows your semi-literate skillz, as this is a semi-literate roleplay :>
Here are some sites you may find helpful:
FOR SUPPLEMENTAL LORE:
ATLA Wiki
FOR SYMBOLS:
Cool Symbols
Egyptian Hieroglyphics Copy Paste
FOR NAMES:
BehindTheName
BehindAName
FOR PERSONALITY TRAITS:
638 Personality Traits
so, you want to make...
A FIRE NATION NATIVE / FIRE NATION COLONIAL CHARACTER?
> Fire Nation: Post-Hundred Year War
> Earth Kingdom: Post-Hundred Year War
> Air Temples: Post-Hundred Year War
> The Factions: Fire Nation
AN EARTH KINGDOM CHARACTER?
> Earth Kingdom: Post-Hundred Year War
> The Air Temples: Post-Hundred Year War
> The Factions: Earth Kingdom
A WATER TRIBE CHARACTER?
> The Water Tribes: Post-Hundred Year War
> Air Temples: Post-Hundred Year War
> The Factions: Water Tribes
main roles.
THE GOOD GAANG
THE SPIRIT GUIDE |
Seraphine
Having spent her entire life on the outside peering in, she is the last of her kind. As one of the few untainted by the vicious misanthropy of Wan Shi Tong, she refuses to give up on the physical realm and its inhabitants, believing in humanity more than it believes in itself. The line between spirit and human blurs as she ultimately pays the price for her daydreams, stripped of her spirit form and cast into the world where she must learn three essential truths: learn what dwells in man, what is not given to man, and what men live by, before it's too late.
DAUGHTER OF ZUKO |
mi casa
The Crown Princess, Future Fire Lady of the Fire Nation.
What a title, what a burden...
A burden she must nonetheless carry, like her father before her and his father before him; a burden passed down the generations for hundreds of years. The crafting of a new Fire Nation legacy spearheaded by her father, a treasured torch she will have to carry at all costs. And that means a single gesture must command respect, a single breath of wisdom, and a drop of blood mercy. Serve the nations and thus be served; wear the crown with dignity, not disdain. Never act on want, only on need. Failure is at best, an unwelcome guest and at worst, death's messenger. The sins, plights and preservation of an entire dynasty will rest on her shoulders, demanding the commitment of all heart, body, mind, and soul.
There is but one question.
Is she ready for it?
AGE // 17 - 20
What a title, what a burden...
A burden she must nonetheless carry, like her father before her and his father before him; a burden passed down the generations for hundreds of years. The crafting of a new Fire Nation legacy spearheaded by her father, a treasured torch she will have to carry at all costs. And that means a single gesture must command respect, a single breath of wisdom, and a drop of blood mercy. Serve the nations and thus be served; wear the crown with dignity, not disdain. Never act on want, only on need. Failure is at best, an unwelcome guest and at worst, death's messenger. The sins, plights and preservation of an entire dynasty will rest on her shoulders, demanding the commitment of all heart, body, mind, and soul.
There is but one question.
Is she ready for it?
AGE // 17 - 20
DAUGHTER OF AZULA | 0/1
Baubles of solid gold were her playthings, fabrics, and jewels of the highest grade and variety were regular ornaments in her daily dress wear. One glance at the mirror and she is what every little girl dreams of.
But what the little girls don't notice, are the thousand little serpents slithering under polished marble floors. The whispers around every gilded corner. The uncertainties that taint every aspect of past, present, future and most importantly, of self. What they don't notice is that for her, inner peace is a stranger; arriving with unfamiliar intentions, bringing along with it unexpected companions: forgiveness, freedom, and hope. They stand at the doorstep waiting to be let in, eager to dispel long-buried trauma and deep-seated grudges she sometimes wishes she never harbored, all while secretly longing for the love of a mother her mind is desperate to believe it remembers.
Yet one question remains.
Will she accept them?
AGE // 17 - 20
But what the little girls don't notice, are the thousand little serpents slithering under polished marble floors. The whispers around every gilded corner. The uncertainties that taint every aspect of past, present, future and most importantly, of self. What they don't notice is that for her, inner peace is a stranger; arriving with unfamiliar intentions, bringing along with it unexpected companions: forgiveness, freedom, and hope. They stand at the doorstep waiting to be let in, eager to dispel long-buried trauma and deep-seated grudges she sometimes wishes she never harbored, all while secretly longing for the love of a mother her mind is desperate to believe it remembers.
Yet one question remains.
Will she accept them?
AGE // 17 - 20
SON OF KATARA & JET | 0/1
Much like his mother, proud and fiercely protective of the Southern Tribe ways of life, he may feel as if he is carrying the weight of the past and the future on his shoulders. Especially as he feels the pressure to follow in her footsteps, all to safeguard their most precious quality: independence. Despite the looming shadow of their Northern counterpart and the sea of ice between mother and father, it hasn't stopped him from attempting to fix what he can and wishing he could fix what he can't. Or much like his wayward father, he may wonder if rules were only made to be broken, if only to carve out a better path, no matter how jagged or narrow it turns out to be.
AGE // 17 - 20
AGE // 17 - 20
SON OF SOKKA & MALINA | 0/1
Having learnt from the best, this one knows that in a world fractured by one form of hatred or another, a little humor can go a long way. Born and raised surrounded by love, he in turn has love to spare and isn't afraid to show it. Whether its a mean spear, a boomerang or a water tendril, he always throws it all in, no matter the odds. Faced with the looming prospect of inheriting Northern Tribe royalty and its accompanying responsibilities, he may find himself actively rebelling against the notion, seeking to distance himself as a young airbender once did long ago. Spirit as open as the ports and seas his beloved Northern Tribe sails on, he is instead a true thrill-seeker with a penchant for pulling antics on his many siblings as well as other people. Because at the end of the day, he’s learned the hard way that laughter is tragedy's best medicine, even when it hurts to smile.
AGE // 16 - 20
AGE // 16 - 20
DAUGHTER OF TY LEE |
leviohsa
Though she will never know the touch of an element bending by her hand, the fan she wields possesses a magic of its own. Channeling rustic Kyoshi grace and the mystic art of chi-blocking, it can tame the wildest of waves to stillness, slice through the most unyielding of rock, and smother out the fiercest flames. Both a warrior in the garden and an artist on the battlefield, she bleeds an all-encompassing love, lucidity and loyalty that seem to dwell everywhere and nowhere all at once. Much like her free-spirited mother before her, she has forged bonds that, though seemingly unbreakable, may demand an eventual, perilous choice between the two she is sworn to protect…
AGE // 17 - 20
AGE // 17 - 20
PROTEGES OF TOPH | 1/3
Seraphine
They wear rebellion like perfume. Staunch and unmoving like the mountains, discipline and stubbornness courses through their veins. No bending is truer, having learnt from the best.
Yet fractures endure. Be they Earth Kingdom Native or Fire Nation Colonial, pride and prejudice linger like a plague, threatening the occasional clash between them. However, united under their mentor’s wing, they've learned that to live is to fight; to die for a purpose is a great honor and to live for it an even greater one. Bend but never break; shake foundations with boldness but never arrogance. To conquer one's fears is to face them head-on. Choose your battles carefully and be repaid in victory. To inspire is to lead by example and hope that in the eyes of Fate herself, every bender is equal.
Because in the end, all one can do is fight.
Even when they don't know what they're fighting for anymore.
AGE // 16 - 20
Yet fractures endure. Be they Earth Kingdom Native or Fire Nation Colonial, pride and prejudice linger like a plague, threatening the occasional clash between them. However, united under their mentor’s wing, they've learned that to live is to fight; to die for a purpose is a great honor and to live for it an even greater one. Bend but never break; shake foundations with boldness but never arrogance. To conquer one's fears is to face them head-on. Choose your battles carefully and be repaid in victory. To inspire is to lead by example and hope that in the eyes of Fate herself, every bender is equal.
Because in the end, all one can do is fight.
Even when they don't know what they're fighting for anymore.
AGE // 16 - 20
THE EVIL GAANG
KEMURIKAGE ASSASSINS | 0/2
Sisters bound by flame and shadow, they were adopted into the Kemurikage clan with nothing to their name. Now, they are Pyre Daughters, vying for the coveted role of Mother Flame. Competing with the Ashina Company for influence, they owe all their arcane knowledge and shadowbending mastery to their Mother Daiyu, who has instilled in them a ruthless reverence for the spirit of chaos himself. Cutting down any and all in their path, they walk step in step with the ancient Kemurikage adage: "From ashes we rise, to ashes we return."
AGE // 17 - 20
AGE // 17 - 20
ASHINA CADETS | 0/2
Born into the remnants of the old colonial elite, these two cadets epitomize the struggle of a once-vast empire now reduced to a mere shadow of its former glory. The first cadet is the child of Ashina Zuolin himself, a figurehead of the Ashina Clan, and bears the weight of both lineage and expectation. Tasked with navigating the complexities of a rapidly changing world, this cadet faces the daunting challenge of proving themselves worthy of the prestigious Ashina name. On the other hand, the second cadet hails from humble beginnings, hearing only stories of their family's past fortunes, and witnessing the decline of said fortunes firsthand. Perhaps old enough to remember, or even to have fought alongside their father in the last stand against the traitorous General Iroh and his White Lotus forces in Ba Sing Se, this cadet carries the scars of a bygone era.
AGE // 17 - 24
AGE // 17 - 24
UNAFFILIATED FUGITIVE | 0/1
This role is a creative liberty carte blanche to create whatever kind of character you want, within the bounds of the established AU lore!
THE BIG BADS
character sheet skeleton.
BASICS.
FULL NAME • here
NICKNAME(S) • here
AGE • here
GENDER • here
SEXUAL ORIENTATION • here
NATIONALITY • here (Earth Kingdom, Fire Nation, Fire Nation Colonial, Northern/Southern Water Tribe, Mixed-Nation)
ALIGNMENT • here
ALLEGIANCE • here (consult the Factions Lore; if not listed, etc;, specify)
ROLE • here
APPEARANCE.
DESCRIPTION • here (1 paragraph)
DISTINGUISHING MARKS • here (or a list)
HEIGHT & WEIGHT • xx (xxcm) // xxlbs (xxkg)
PERSONALITY.
DESCRIPTION • here (at least 2 paragraphs)
4 VIRTUES |
> here
> here
> here
> here
2 NEUTRAL |
> here
> here
4 VICES |
> here
> here
> here
> here
ABILITIES.
** Please note, if you plan to make a hybrid, like for example: a Fire Nation Colonial who is half-Fire Nation, half-Earth Kingdom, whoever's bending element gene you decide ends up expressing more strongly, will be the element the child ends up bending. **
** For sub bending type: keep in mind, these are young people, so if your oc knows a sub type of bending, unlike their main element where they can be a prodigy, most of them should still be in the learning stages of their sub element type. Shadowbending is exclusive to the KEMURIKAGE ASSASSINS role. If you are applying for SON OF KATARA, you can decide on if he is learning both waterbending sub elements. **
MAIN BENDING TYPE • fire, earth, water
Proficiency | (1-10)
SUB BENDING TYPE • lightning/shadowbending, metalbending, ice/bloodbending
Proficiency | (1-10)
FAMILIAR(S) • description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
MISCELLANEOUS SKILL SET (you can come up with your own too)
> ex. Hand-to-Hand Combat | (1-10)
> ex. Swimming | (1-10)
> Skill | (1-10)
HISTORY.
written description of at least 2 paragraphs
OR
you can answer these questions
OR
you can do both!
> WHAT IS THEIR FAVORITE CHILDHOOD MEMORY?
answer here
> WHAT IS A MEMORY THAT EMBARRASSES THEM?
answer here
> HAVE THEY EVER EXPERIENCED A MOMENT OF INTENSE FEAR OR DANGER? HOW DID THEY REACT?
answer here
> DESCRIBE A SIGNIFICANT ACCOMPLISHMENT OR SUCCESS IN THEIR PAST.
answer here
> WHAT IS A REGRET OR MISTAKE FROM THEIR PAST THAT STILL LINGERS IN THEIR THOUGHTS?
answer here
FULL NAME • here
NICKNAME(S) • here
AGE • here
GENDER • here
SEXUAL ORIENTATION • here
NATIONALITY • here (Earth Kingdom, Fire Nation, Fire Nation Colonial, Northern/Southern Water Tribe, Mixed-Nation)
ALIGNMENT • here
ALLEGIANCE • here (consult the Factions Lore; if not listed, etc;, specify)
ROLE • here
APPEARANCE.
DESCRIPTION • here (1 paragraph)
DISTINGUISHING MARKS • here (or a list)
HEIGHT & WEIGHT • xx (xxcm) // xxlbs (xxkg)
PERSONALITY.
DESCRIPTION • here (at least 2 paragraphs)
4 VIRTUES |
> here
> here
> here
> here
2 NEUTRAL |
> here
> here
4 VICES |
> here
> here
> here
> here
ABILITIES.
** Please note, if you plan to make a hybrid, like for example: a Fire Nation Colonial who is half-Fire Nation, half-Earth Kingdom, whoever's bending element gene you decide ends up expressing more strongly, will be the element the child ends up bending. **
** For sub bending type: keep in mind, these are young people, so if your oc knows a sub type of bending, unlike their main element where they can be a prodigy, most of them should still be in the learning stages of their sub element type. Shadowbending is exclusive to the KEMURIKAGE ASSASSINS role. If you are applying for SON OF KATARA, you can decide on if he is learning both waterbending sub elements. **
MAIN BENDING TYPE • fire, earth, water
Proficiency | (1-10)
SUB BENDING TYPE • lightning/shadowbending, metalbending, ice/bloodbending
Proficiency | (1-10)
FAMILIAR(S) • description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
MISCELLANEOUS SKILL SET (you can come up with your own too)
> ex. Hand-to-Hand Combat | (1-10)
> ex. Swimming | (1-10)
> Skill | (1-10)
HISTORY.
written description of at least 2 paragraphs
OR
you can answer these questions
OR
you can do both!
> WHAT IS THEIR FAVORITE CHILDHOOD MEMORY?
answer here
> WHAT IS A MEMORY THAT EMBARRASSES THEM?
answer here
> HAVE THEY EVER EXPERIENCED A MOMENT OF INTENSE FEAR OR DANGER? HOW DID THEY REACT?
answer here
> DESCRIBE A SIGNIFICANT ACCOMPLISHMENT OR SUCCESS IN THEIR PAST.
answer here
> WHAT IS A REGRET OR MISTAKE FROM THEIR PAST THAT STILL LINGERS IN THEIR THOUGHTS?
answer here
character sheet codes
LFTV COMPLEX CHARACTER SHEET CODE.
> PREVIEW
LFTV SIMPLE CHARACTER SHEET CODE.
> PREVIEW
> PREVIEW
Code:
[comment]
Code by [USER=89406]@Yukitera[/USER] — Please do not remove the credit.
I do not own the images on this interest check.
The music is by Respawn Entertainment, from the game Apex Legends.
If you have any questions regarding the code, don't be shy to PM me.
Credit:
1. Izsly izsly
2. Min https://twitter.com/intent/user?screen_name=minnnnnnnim
[/comment][border="0; padding: 0;
--background: #000;
--accent: #ccc; [comment] * choose a main colour * [/comment]
--text: #ccc;
// character image;
--charimg: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab1img01: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab1img02: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab1img03: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab2img01: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab2img02: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab3img01: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab_covers: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--transparency: rgba(0,0,0,0.74);
--acces-col: linear-gradient(45deg, rgba(58,69,84,1) 10%, rgba(108,108,108,1) 100%);
z-index: 0;
"][border=0; padding: 0px 0; background-size: cover][border=0; padding: 0; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-around; box-sizing: border-box; width: clamp(250px, 100%, 1300px)][border=0; padding: 60px 0 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0); display: flex; flex-flow: row wrap; justify-content: center; z-index: 1][comment]
// Header ---
[/comment][border=0; padding: 40px 0 0; box-sizing: border-box; width: clamp(250px, 100%, 600px); position: relative][border=0; padding: 0; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; width: 170px; height: 170px; background-image:; background-size: cover; background-position: center center; z-index: 2][/border][border="0; padding: 0; font-family: 'Kenia'; font-size: 55px; color: var(--text); text-align: center; line-height: 94%; position: relative; z-index: 3"][comment]* NAME HERE *[/comment]FULL NAME HERE
[border="0; padding: 10px; margin: auto; font-family: 'Josefin Sans'; font-size: 18px; color: var(--accent); line-height: 120%; position: relative; z-index: 3"][comment]* ROLE TITLE HERE *[/comment]ROLE TITLE HERE[border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 500px); margin: 8px auto 0; flex-flow: row wrap; display: flex; justify-content: center][comment] // * * * SYMBOL OF YOUR CHOICE HERE * * *
[/comment][border=0; padding: 2px 5px 7px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑 [/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑[/border][/border][/border][/border][border=0; padding: 0; margin-top: 3px; color: var(--text); text-transform: uppercase; text-align: center; position: relative; margin-bottom:40px;z-index: 150; font: normal 300 9px Jost; letter-spacing: 0.2em]Code by Yukitera[/border][comment]
―――――――――――――――― SECTION 00. | Music Player
[/comment][border=0; margin: -40px auto; padding: 16px 1px 0 6px; box-sizing: border-box; width: 100%; max-width: 298px; min-width: 250px; height: auto; display: flex; flex-flow: row wrap; align-items: top; overflow:; position: absolute; left: 0; right: 0;][comment]----buttons----[/comment][border=transparent; height:auto; width:60%; padding:0; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin-top:0px;margin-left:50px][border=transparent; height:auto; width:auto; padding:0; font-size:14px; color: #ccc;][fa]fas fa-step-backward[/fa][/border][comment]
----play button----[/comment][border=transparent; height:35px; width:35px; padding:0; box-sizing:border-box; position:relative; margin:0 35px; flex-shrink:0;][border=transparent; height:100%; width:100%; padding:1px 0 0 2px; box-sizing:border-box; border-radius:50%; background: var(--accent); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:12x; pointer-events:none; position:relative; z-index:2;][fa]fas fa-play[/fa][/border][/border]
[border=transparent; height:auto; width:auto; padding:0; font-size:14px; color: #ccc;][fa]fas fa-step-forward[/fa][/border]
[border=0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; position: absolute; left: -20px; top: 0; text-align: center; pointer-events: auto; margin-left: 55px; margin-top: -42px][border=0; width: 180px; height:100px; opacity: 0.0001; display: inline-block][comment]
―――――――― Insert Music Link Here.
[/comment][MEDIA=youtube]cml8Qo74zNQ[/MEDIA][/border][/border][/border] [/border][comment]----buttons end----[/comment][/border]
[/border][comment] // * * * MAIN CHARACTER ICON * * *
[/comment][border=0; padding: 60px 0; border-top: 1px solid var(--accent); background: var(--mainbg);margin: 50px auto;][border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 1340px); display: flex; flex-flow: row wrap; margin: 0 auto; justify-content: space-evenly][border=0; border: 25px solid var(--accent); overflow: hidden; padding: 20px; box-sizing: border-box; width: 100%; max-width: 650px; min-width: 250px; height: 100%;background: black][border=transparent; width:100%; padding:10px 10px; box-sizing:border-box;][border=transparent; padding:0; padding-top:calc(100% - 22px); position:relative; border:0px solid var(--accent); box-sizing:border-box;][border=transparent; height:100%; width:calc(100% + 4px); padding:8px; box-sizing:border-box; position:absolute; top:-2px; left:0px; border:5px solid var(--accent); border-radius:0%;][comment]----CHARACTER ICON HERE----[/comment][border=transparent; height:100%; width:100%; padding:0; box-sizing:border-box; border:2px solid var(--accent); border-radius:0%; background: var(--charimg); background-size:cover; background-position: 50% 2%; filter:contrast(140%) sepia(30%)][/border][/border][/border][/border][/border][comment]
―――――――――――――――― SECTION 00. | TAB COVERS. (nothing to touch here)
[/comment][border=4px solid #090909; margin-top:10px;border-bottom: 0; border-top: 0; border-radius: 0px 5px 5px 0px; padding: 0; box-sizing: border-box; width: 100%; max-width: 650px; min-width: 250px; height: 720px; background-color:#3b3c36;][border=0; padding: 25px 0; box-sizing: border-box; width: 100%; height: 100%; background: var(--transparency)][border=0; padding: 0; width: 108px; height: 45px; position: absolute; margin: 13px -4px 0; pointer-events: none; background-image: var(--tab_covers); opacity:1; background-position: 50% 2%; background-size: 165%;z-index: 30][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 18px Jost; color: rgba(235,235,235); line-height: 240%; letter-spacing: 0.1em][/border][/border][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin: 13.3px 103px 0; pointer-events: none; background-image: var(--tab_covers);opacity:1; background-position: 50% 2%; background-size: 165%][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 14px Jost; color: rgba(235,235,235); line-height: 330%; letter-spacing: 0.1em; ]「 INTRO 」[/border][/border][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin: 13.3px 197.5px 0; pointer-events: none; background-image: var(--tab_covers); background-position: 50% 2%; background-size: 165%][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 14px Jost; color: rgba(235,235,235); line-height: 330%; letter-spacing: 0.1em]「 ABOUT 」[/border][/border][border=0; padding: 0; width: 110px; height: 45px; position: absolute; margin: 13.3px 292px 0; pointer-events: none; background-image: var(--tab_covers); background-position: 50% 2%; background-size: 165%][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 14px Jost; color: rgba(235,235,235); line-height: 330%; letter-spacing: 0.1em]「 HISTORY 」[/border][/border][comment]
―――――――――――――――― SECTION 00. | Title Area
[/comment][border=0; position: relative; text-align: center; left: 0; right: 0;margin-top:0px; bottom: 0px; padding: 0; font: 8px Kenia; color: #c3c3c3; text-transform: uppercase; text-shadow: 4px 0 4px var(--accent); letter-spacing: 0.1em][/border][border="0; margin: 0 auto; width: 60%; max-width: 500px; min-width: 250px; clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0% 50%); display: flex; flex-flow: row wrap; justify-content: center; background-color:;"][/border][tabs][comment]
* * * TAB ZERO* * *[/comment][tab=XXX0][border=0; padding: 0; width: 108px; height: 45px; position: absolute; margin-top: -59.9px; margin-left: -24px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; height: 100%; text-align: center; font: normal 300 18px Jost; color: rgba(75,75,75); line-height: 240%; letter-spacing: 0.1em; border-bottom: 0px solid #fff][/border][/border][comment]
―――――――――――――――― SECTION 00. | QUOTE HERE
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 550px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 100%; width: 200%;][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px var(--accent)]
[comment]
// QUOTE HERE ---[/comment][border=0; padding: 20px 0 0 0; box-sizing: border-box; width: clamp(250px, 100%, 600px); position: relative][border=0; padding: 0; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; width: 170px; height: 170px; background-image:; background-size: cover; background-position: center center; z-index: 2][/border][border="0; padding: 0; font-family: 'Kenia'; font-size: 95px; color: var(--accent); text-align: center; line-height: 94%; position: relative; z-index: 3"][comment]----SYMBOL HERE----[/comment]𓐑
[border="0; padding: 10px; margin: auto; font-family: 'Josefin Sans'; font-size: 20px; color: var(--accent); line-height: 150%; position: relative; z-index: 3"]
SOMETHING HERE
A QUOTE, A SAYING
YOU CAN COME UP
OR TAKE IT FROM AN
EXISTING SOURCE, AS LONG
AS ITS ABOUT 5-8 LINES
LONG
[border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 500px); margin: 35px auto 0; flex-flow: row wrap; display: flex; justify-content: center][comment] // * * * IGNORE THIS CHUNK OF CODE * * *
[/comment][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; font: normal 700 22px Jost; margin: 0 2px;text-shadow: 0 0 0 0 ]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 0px Jost; margin: 0 2px] 𓐑 [/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 22px Jost; margin: 0 2px]𓐑 [/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 0px Jost; margin: 0 2px]𓃥[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 22px Jost; margin: 0 2px]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 0px Jost; margin: 0 2px]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 22px Jost; margin: 0 2px]𓐑[/border][/border][/border][/border][/border][comment]
[/comment][/border][/border][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -12px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][/border][/tab][comment]
* * * TAB ONE [INTRO] * * *[/comment][tab=XXX1][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin-top: -60px; margin-left: 82.6px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; text-align: center; font: normal 300 14px Jost; color: rgba(75,75,75); line-height: 330%; letter-spacing: 0.1em; border-bottom: 4px solid #fff]「 INTRO 」[/border][/border][comment]
―――――――――――――――― SECTION 01. | BASICS & APPEARANCE & ABILITIES
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 558px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 100%; width: 200%; overflow-y: scroll; overflow-x: hidden][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px #7d7db4][border=0; margin-bottom: 0px;][/border][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: -30px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab1img01); background-size: cover; background-position: 50% 2%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; color: var(--text);text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em]◈ THE BASICS ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box][border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 0 0 2px 10px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― BASICS INFO HERE
[/comment][comment]
* * FULL NAME * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]FULL NAME[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * AKA * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]AKA[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * AGE * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]AGE[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * GENDER * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]GENDER[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * SEXUALITY * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]SEXUALITY[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71;line-height:18px;text-align:justify;]HERE[/border][/border][comment]
* * NATIONALITY * * // FIRE NATION ; NORTHERN/SOUTHERN WATER TRIBE ; FIRE NATION COLONIAL ; HYBRID
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]NATIONALITY[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * OCCUPATION * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]OCCUPATION[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71] HERE[/border][/border][comment]
* * ALLEGIANCE* *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]ALLEGIANCE[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71;line-height:18px;text-align:justify;]HERE[/border][/border][comment]
* * ALIGNMENT * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]ALIGNMENT[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71;line-height:18px;text-align:justify;]HERE[/border][/border][comment]
* * ROLE * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]ROLE[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][/border][/border][comment]
―――――――― APPEARANCE INFO HERE
[/comment][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: 45px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab1img02); background-size: cover; background-position: 50% 77%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em;color: var(--text)]◈ APPEARANCE ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]description[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― appearance description (1 paragraph)
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Varius vel pharetra vel turpis nunc eget lorem dolor sed. Ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Id volutpat lacus laoreet non curabitur. Vitae suscipit tellus mauris a. Consequat semper viverra nam libero justo. Orci dapibus ultrices in iaculis nunc. Elementum eu facilisis sed odio morbi. Eu scelerisque felis imperdiet proin. Eget dolor morbi non arcu risus quis varius quam. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Ac odio tempor orci dapibus ultrices in. Nulla posuere sollicitudin aliquam ultrices sagittis orci.
[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]dist. features[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― dist. features bullet point list and/or description
[/comment]Sit amet nulla facilisi morbi. Amet venenatis urna cursus eget nunc scelerisque viverra. Nunc id cursus metus aliquam eleifend mi in nulla. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Odio facilisis mauris sit amet massa vitae tortor condimentum.
OR
[LIST]
[*]Pellentesque sit amet porttitor eget dolor morbi non arcu.
[*]Sed euismod nisi porta lorem mollis aliquam.
[*]Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat.
[/LIST]
[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]height & weight[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― HEIGHT & WEIGHT
[/comment]xx (xxcm) // xxlbs (xxkg)
[/border][/border][comment]
―――――――― ABILITIES INFO HERE
[/comment][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: 45px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab1img03); background-size: cover; background-position: 20% 30%; filter:brightness(90%) contrast(110%); margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em;color: var(--text)]◈ ABILITIES ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]MAIN BENDING TYPE[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― MAIN BENDING TYPE (earth, water, fire)
[/comment]Here
PROFICIENCY | (1-10) here[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]SUB-BENDING TYPE[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― SUB BENDING TYPE (earthbending=metal ; firebending=lightning/shadowbending ; metalbending=ice/blood) --- keep in mind, these are young people, so if your oc knows a sub type of bending, unlike their main element where they can be a prodigy, most of them should still be in the learning stages of their sub element type. if you are applying for KATARA'S KID, they can be learning both sub elements, up to you ----
[/comment]Here
PROFICIENCY | (1-10) here
FAMILIAR(S) | description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]MISC. SKILL PROFICIENCY[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― MISC. SKILL PROFICIENCY LIST (4+) ; you don't need to use skills listed here, can come up with your own
[/comment]Hand-to-Hand Combat | here
Dual-Wielding | (1-10) here
Acrobatics | (1-10) here
Archery | (1-10) here
Dance | (1-10) here
Cooking | (1-10) here
etc;
[/border][/border][/border][/border][/border][/border][/tab]
[comment]
* * * TAB TWO [ABOUT] * * *[/comment][tab=XXX3][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin-top: -60px; margin-left: 177px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; text-align: center; font: normal 300 14px Jost; color: rgba(75,75,75); line-height: 330%; letter-spacing: 0.1em; border-bottom: 4px solid #fff]「 ABOUT 」[/border][/border][comment]
―――――――――――――――― SECTION 02. | PERSONALITY & OC QUESTIONS
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 558px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 99%; width: 200%; overflow-y: scroll; overflow-x: hidden][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px #7d7db4][border=0; margin-bottom: 0px;][/border][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: -30px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab2img01); background-size: cover; background-position: 50% 45%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em]◈ PERSONALITY ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box][comment]
―――――――― PERSONALITY INFO HERE
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]description[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― personality description (at least 2 paragraphs)
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus risus at ultrices mi tempus imperdiet nulla. Maecenas accumsan lacus vel facilisis volutpat est velit. Gravida quis blandit turpis cursus in hac habitasse platea dictumst. Sed enim ut sem viverra aliquet eget. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Purus semper eget duis at tellus at urna condimentum. Rutrum quisque non tellus orci ac auctor augue mauris augue. Nulla aliquet enim tortor at auctor urna nunc id cursus. Etiam dignissim diam quis enim lobortis scelerisque fermentum dui. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Quam nulla porttitor massa id neque aliquam. Volutpat blandit aliquam etiam erat velit. Pharetra magna ac placerat vestibulum lectus mauris.
Amet mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan. Facilisi morbi tempus iaculis urna id volutpat lacus. Laoreet sit amet cursus sit. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Quam pellentesque nec nam aliquam sem et tortor. Vitae proin sagittis nisl rhoncus. Nibh sed pulvinar proin gravida hendrerit. Ac tortor dignissim convallis aenean et tortor at risus. Faucibus nisl tincidunt eget nullam non nisi. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Integer malesuada nunc vel risus commodo. Blandit volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Nisl nisi scelerisque eu ultrices vitae auctor eu augue ut.
[/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]traits[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― list of personality traits ( 4 virtues, 4 vices, 2 neutral)
[/comment][border=0; padding: 0; font: 15px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]virtues[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px]+ VIRTUE
+ VIRTUE
+ VIRTUE
+ VIRTUE
[/border][border=0; padding: 0; font: 15px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]neutral[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px] = NEUTRAL
= NEUTRAL
[/border][border=0; padding: 0; font: 15px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]vices[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px] - VICE
- VICE
- VICE
- VICE
[/border][/border][/border][/border][/border][/border][/border][comment]
―――――――― OC QUESTIONS HERE //
[/comment][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: 45px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab2img02); background-size: cover; background-position: 50% 50%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #9f9fdf; letter-spacing: 0.12em]◈ OC QUESTIONS ◈[/border][/border][/border][comment]
―――――――― Q1 QUESTION
[/comment]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]favorite season?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q1 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q2 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]favorite atla animal? Do they have a pet?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q2 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q3 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]VIEW ON THE STATE OF THEIR NATION?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q3 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q4 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]VIEW ON THE FIRE NATION?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q4 ANSWER
[/comment]answer here
[/border][/border][comment]
―――――――― Q5 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]VIEW ON THEIR ATLA CANON PARENT/MENTOR?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q5 ANSWER
[/comment]answer here
[/border][/border][comment]
―――――――― Q6 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]WHAT IS THEIR BIGGEST FEAR?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q6 ANSWER
[/comment]answer here[/border][/border]
[/border][/border][/border][/border][/tab][comment]
* * * TAB THREE [HISTORY] * * *[/comment][tab=XXX4][border=0; padding: 0; width: 110px; height: 45px; position: absolute; margin-top: -60px; margin-left: 272px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; text-align: center; font: normal 300 14px Jost; color: rgba(75,75,75); line-height: 330%; letter-spacing: 0.1em; border-bottom: 4px solid #fff]「 HISTORY 」[/border][/border][comment]
―――――――――――――――― SECTION 03. | HISTORY
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 558px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 99%; width: 200%; overflow-y: scroll; overflow-x: hidden][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px #7d7db4][border=0; margin-bottom: 0px;][/border][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: -30px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab3img01); background-size: cover; background-position: 50% 65%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.5); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em]◈ HISTORY ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box][comment]
―――――――― HISTORY INFO HERE
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]description/questions[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― history description (at least 2 paragraphs OR you can answer these questions OR you can do both)
[/comment]In vitae turpis massa sed elementum. Dapibus ultrices in iaculis nunc sed augue lacus. Aliquam ut porttitor leo a diam. In hac habitasse platea dictumst quisque sagittis purus. Nunc sed augue lacus viverra vitae congue eu consequat. Condimentum id venenatis a condimentum vitae sapien pellentesque. In eu mi bibendum neque egestas congue quisque. Tincidunt id aliquet risus feugiat in ante metus. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Sit amet mattis vulputate enim nulla aliquet porttitor lacus luctus. Nec sagittis aliquam malesuada bibendum arcu. Egestas maecenas pharetra convallis posuere morbi leo urna molestie. Praesent tristique magna sit amet purus gravida quis blandit turpis. Egestas egestas fringilla phasellus faucibus scelerisque eleifend. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique.
OR
[comment]delete this entire chunk of code if not in use, starting here....[/comment][comment]
―――――――― Q1 QUESTION,
[/comment]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]what is their favorite childhood memory?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q1 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q2 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]what is a memory embarrasses them?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q2 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q3 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]Have they ever experienced a moment of intense fear or danger? How did they react?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q3 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q4 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]What is a regret or mistake from their past that still lingers in their thoughts?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q4 ANSWER
[/comment]answer here
[/border][/border][comment]....and ending here[/comment]
[/border][/border][/border]
[/border][/border][/border][/border][/tab]
[/tabs][/border][comment]
// tab covers, end
[/comment][border=0; padding: 0; position: relative; background: var(--accent); height:5px; width:101.4%;background-size: cover; left: 0; right: 0; margin-left:-4px;margin-top: -637px; bottom: 0; pointer-events: none;opacity: 1][/border][/border][border=0; padding: 0; margin: -7px auto 40px; font-size: 9px; width: 100%; max-width: 650px; min-width: 200px; text-align: center; background: var(--accent); color: var(--accent); line-height: 100%; letter-spacing: 0.4em; text-transform: uppercase]xxxxxxxxxxxx[/border][/border][/border][/border][/border][/border][comment]
Do not remove the credit above.
I̵̠̱̗̤̠̮͍͆̀F̸̢̨̡̲̫̻̘̗̺͓̦͛̉̉͑͆̄͒̍̈ ̶̡̢̛̛̜̥̣̱͙̼̻̈̍̇̎̆̀Ẏ̷̢̹̰̤͆̓̔̇̒̀̿̈́͠͝O̷̡̨̻͉̖̲͉̯̮̠̎͑͒̋͐̂̊̿̊̍̈͜͝͠͝Ù̵̡̹̻͙̟̟͋̔͝ ̷̠͖̪̫̻͙͕̰̗͍̫̾̿̈́́̓̅͑ͅḌ̴͕̗̈́Ơ̸͈̞̼̼̦͓͉̟͖̳̙̼̥̅̄͂ͅ,̵͍͚̤͎̀̌̍͑̍̆͐͋͋͝ͅͅ ̴̡̛̺͎͈̳͔͎͎͚̠̣͔̲̅̀͗̒͆͗͐̓͝I̵̡̫͍͇̯̯͂́̏̀̐̇͌̿̅̕ ̸͙̻͍̭̱͎̃̌̓̑́̾͐͆̐̈́̆̈́͆́̕͜͜W̴̛͉̮̳̬͔͓̖̰͇̱͈̲̘̋̓̾͛͒͑́̅̇̑̅̂I̶̧̨̡̝̣̬̖̭͇̫̙̖̞̺̓̔͋̄̏̌̍̎͝ͅL̶̡̧͖͔̼͇̣̜̖̗̝̙̆̈̉̎̌̃͘L̶̢͓̯̯̦̦͉͍̖͖̹͚͙̠̟̎͑͗͂̑̎̌͑̈͠ ̵̛͔͑̌̌̈́̈́̽͝F̷̢̡͍͎͔̟͓͔͍̺̹͋̈́̄̑͛̋̊Ồ̴̻͌̋͘Ŗ̷̥̤̞̼͚̠̺̩͉̩̦̋̏̈͗̈́͐͗͛͋̑C̴̡̙̱̻̦̮̅̃̏̑̾̏͂ͅE̸͔͙̳͝ͅ ̸̨̖̩͕̭͕̭͇̪̫̦̹̈͑̈͜Y̴̧̢̨̻̳̗̺̣̽O̶͉̳̯͇͎̟̻͇̜̞̮͈̩͍̩͊̎̉̏̋̔͝Ư̵̳̓̇͒̑̓̍̍͑͜ ̵͔̝̜̙̙͙̩̠̙̭̩͒̆̋̌̌̍̂͋̄̚̕͘͜͜͝͝T̷̩͈̘̗͉͙̱̒͆̉̉̓̎͗̒͝O̴̼̦̝͚̘̤̼̪̠͋̆̀͒͌̅͆̏̈́̓̀ ̷̢̭̭̦͇̣̗̰͔̙̫̖͗̿̓̿̓́͂͗͜͝͝P̵̛̪̘͉̤̘͕̥͈̱̩̗̜̰̏̿̈́͋̈͐͌̓́͆͛̕͜L̵͔̯̘̠͙̖͓̒̅̅͛̊̊A̷̟̥̜͍̱̣̿̐̎̽̍͊̈̋̔̆̊̍Y̶̨̛̫͔̪͔̲͕͔̭͌̄̾̆͌͑̑͐̏͘ ̸͖͕̗̣̙͕̺̙̱̠̱͙̠͙̂̑̄͒̃̈̄̓̈A̴̜̯̥̓̆̐̒̂̄̏̓̈̑́͑͊͘͝M̶̡̭̰̱̪͉̤͓̻̞̽̇̿̈́̀̿̑͛̕͝O̴͇̫̺̝̜̹̦̟̝̪̻̤̊̈́̀̾̒̅̅̋́̀̍G̴̤͈͍̈́̍̈́͐̃̂Ư̶̧̪̖̹̺̟̝̬̩̇͌̎͛̚S̵̢̖̩̘͇͉̽͛̈́͋̌̿̂̈͊
You can remove the text above, though. Have fun with the code. Yuki out. 8)
[font=Philosopher][font=Cinzel][font=Cinzel Decorative][font=Maven Pro][font=Jura][font=Jost].[/font][/font][/font][/font][/font][/font][/comment]
LFTV SIMPLE CHARACTER SHEET CODE.
> PREVIEW
Code:
[comment][font=Rubik]:x[/font][/comment] [border="transparent;
/* Probably best if you don't change anything I haven't commented next to */
margin: auto;
box-sizing: border-box;
max-width: 550px; /* Max width */
padding: 0px;
--bar-h: 12px;
--accent: #111; [comment] ** choose main colour ** [/comment]
--m: 0px 10px;
--str-w: 3px;
--str-p: 40px 0px 0px 0px;
--str-bg: #000; /* String colour */
--cir-m: 6px 0px 0px 0px;
--cir-w: 25px;
--cir-c: rgb(245, 245, 245); /* Circle text colour */
--text-p: 12px; /* Text padding */
--text-bg: #111; /* Text background colour */
--f: 'Rubik', sans-serif; /* Font, change font tag above if you change this */"][border=0; padding: 0px 0; background-size: cover][border=0; padding: 0; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-around; box-sizing: border-box; width: clamp(250px, 100%, 1300px)][comment]-- Bar --[/comment][border=transparent;
box-sizing: border-box;
width: 100%;
height: var(--bar-h);
padding: 0px;
background: var(--accent);][/border][comment]
-- Container --[/comment][border=transparent;
box-sizing: border-box;
padding: 0px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;][comment]
-- String Container --[/comment][border=transparent;
margin: var(--m);
box-sizing: border-box;
flex: 0 0 24px;
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;][comment]-- String --[/comment][border=transparent;
box-sizing: border-box;
width: var(--str-w);
padding: var(--str-p);
background: var(--str-bg);
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
align-items: center;][comment]-- Label --[/comment][border=transparent;
margin: var(--label-m);
box-sizing: border-box;
min-width: 20px;
min-height: 50px;
padding: 10px 0;
background: var(--accent);
color: var(--label-c);
font-family: var(--f);
font-weight:;
letter-spacing: 1px;
line-height: 1.5;
writing-mode: vertical-lr;
transform: rotate(180deg);font-size:18px;padding-top:8px;][comment]
--- * * * NAME HERE * * * ---
[/comment][font=Kenia]FULL NAME HERE[/font][/border][comment]
-- Knot --
[/comment][border=transparent;
margin: 3px 0px;
box-sizing: border-box;
width: calc(var(--str-w) + 4px);
flex: 0 0 7px;
padding: 0px;
border-radius: 50%;
background: var(--str-bg);][/border][/border][/border][comment]-- String Container End --[/comment][comment]
-- Text --[/comment][border=transparent;
box-sizing: border-box;
flex: 1 1;
min-width: 350px;height:600px;
padding: var(--text-p);
--t-color: #fff;
background: #000;
font-family: var(--f);][comment] *** COPY PASTE YOUR CHARACTER IMAGE URL HERE *** [/comment][border=0; display:; padding: 0; flex: 0; width: 100%; height: 160px; background: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');background-size:cover;background-position:50% 53%;][/border][border=0; margin-top: -23px; padding: 0; position: relative; pointer-events: auto;]
[border=transparent; height:10%; width:100%; padding:0; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:10%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:377px; width:48%; padding-top:0px; color: var(--t-color); font-size:14px; font-family: var(--body); text-align:justify; line-height:21px;][comment]
----* * * ACTUAL POST INFORMATION HERE----
[/comment][border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]BASICS[/font][/border]
[font=Josefin Sans]FULL NAME • here
NICKNAME(S) • here
AGE • here
GENDER • here
SEXUAL ORIENTATION • here
NATIONALITY • here (Earth Kingdom, Fire Nation, Fire Nation Colonial, Northern/Southern Water Tribe)
ALIGNMENT • here
ALLEGIANCE • here (consult the Factions Lore; if not listed, etc;, specify)
ROLE • here
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]APPEARANCE[/font][/border]
DESCRIPTION • here (1 paragraph)
DISTINGUISHING MARKS • here
HEIGHT & WEIGHT • xx (xxcm) // xxlbs (xxkg)
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia] PERSONALITY[/font][/border]
DESCRIPTION • here (at least 2 paragraphs)
4 VIRTUES |
> here
> here
> here
> here
2 NEUTRAL |
> here
> here
4 VICES |
> here
> here
> here
> here
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]ABILITIES[/font][/border]
MAIN BENDING TYPE • fire, earth, water
Proficiency | (1-10)
SUB BENDING TYPE • lightning/shadowbending, metalbending, ice/blood bending
Proficiency | (1-10)
FAMILIAR(S) • description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
MISCELLANEOUS SKILL SET
> Skill | (1-10)
> Skill | (1-10)
> Skill | (1-10)
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia] OC QUESTIONS[/font][/border]
> WHAT IS YOUR CHARACTER'S FAVORITE SEASON?
answer here
> FAVORITE ATLA ANIMAL? DO THEY HAVE A PET?
answer here
> DOES YOUR CHARACTER HAVE A PARTICULAR VIEW ON WHAT HAS BEEN HAPPENING IN THEIR RESPECTIVE NATION?
answer here
> VIEW ON THE FIRE NATION?
answer here
> VIEW ON THEIR RESPECTIVE CANON PARENT(S)/MENTOR?
answer here
> WHAT IS THEIR BIGGEST FEAR?
answer here
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]HISTORY[/font][/border]
written description of at least 2 paragraphs
OR
you can answer these questions:
OR
you can do both!
> WHAT IS THEIR FAVORITE CHILDHOOD MEMORY?
answer here
> WHAT IS A MEMORY THAT EMBARRASSES THEM?
answer here
> HAVE THEY EVER EXPERIENCED A MOMENT OF INTENSE FEAR OR DANGER? HOW DID THEY REACT?
answer here
> DESCRIBE A SIGNIFICANT ACCOMPLISHMENT OR SUCCESS IN THEIR PAST.
answer here
> WHAT IS A REGRET OR MISTAKE FROM THEIR PAST THAT STILL LINGERS IN THEIR THOUGHTS?
answer here
[/font][/border][font=EB Garamond][/font][/border][font=EB Garamond][/font][border=0; margin-top: 17px; padding: 0; position: relative; pointer-events: auto;][border=0; margin-top: 17px; padding: 0; position: relative; pointer-events: auto;][/border][/border][/border] [comment]----section content end----[/comment][/border]
[/border][/border][/border]
[/border]
[/border]
Scroll
▼
▼
Code by Nano
PREFACE.
CHARACTER SHEET DEADLINE | SUNDAY, MARCH 3RD
This roleplay boasts an extensive lore, but fear not! You're not obliged to dive headfirst into the lore of every nation right away. We'll guide you through it based on relevance—simply focus on the lore that corresponds to your character's nation, and you'll be good to go!
The character sheet codes provided at the very end of this character creation guide are mandatory. If you really don't feel comfortable using them, please let Seraphine know in DMs. Use of AI art will not be allowed. We also ask that you keep in mind the balance between genders, as ideally we would like to keep things equal :>
Last but not least, please send any one of the co-GMs or the GM a dm containing a writing sample, preferably one that shows your semi-literate skillz, as this is a semi-literate roleplay :>
Here are some sites you may find helpful:
FOR SUPPLEMENTAL LORE:
ATLA Wiki
FOR SYMBOLS:
Cool Symbols
Egyptian Hieroglyphics Copy Paste
FOR NAMES:
BehindTheName
BehindAName
FOR PERSONALITY TRAITS:
638 Personality Traits
SO YOU WANT TO BE...
A FIRE NATION/FIRE NATION COLONIAL CHARACTER?
> Fire Nation: Post-Hundred Year War
> Earth Kingdom: Post-Hundred Year War
> Air Temples: Post-Hundred Year War
> The Factions: Fire Nation
AN EARTH KINGDOM CHARACTER?
> Earth Kingdom: Post-Hundred Year War
> The Air Temples: Post-Hundred Year War
> The Factions: Earth Kingdom
A WATER TRIBE CHARACTER?
> The Water Tribes: Post-Hundred Year War
> Air Temples: Post-Hundred Year War
> The Factions: Water Tribes
ROLES.
THE GOOD GANG.
BORN INTO A WORLD SHAPED BY THEIR PARENTS' LEGENDARY ACTIONS AND SEALED BY THE AVATAR'S ULTIMATE SACRIFICE AFTER THE HUNDRED YEAR WAR, THESE CHILDREN FIND THEMSELVES ON THE PRECIPICE OF A DESTINY BEST FIT FOR STORIES AROUND THE DINNER TABLE, FIRE NATION HISTORY TEXTBOOKS, AND EMBER ISLAND PLAYS. UNITED BY THE SPIRIT GUIDE, THEY STAND AS THE LAST HOPE TO FIND AND GUIDE THE SPIRIT OF RAAVA BACK TO THE PHYSICAL REALM BEFORE HER COUNTERPART, IMPRISONED IN THE ANCIENT TREE OF TIME, CAN ORCHESTRATE HIS ESCAPE...
the spirit guide | 1/1 Seraphine
Having spent her entire life on the outside peering in, she is the last of her kind. As one of the few untainted by the vicious misanthropy of Wan Shi Tong, she refuses to give up on the physical realm and its inhabitants, believing in humanity more than it believes in itself. The line between spirit and human blurs as she ultimately pays the price for her daydreams, stripped of her spirit form and cast into the world where she must learn three essential truths: learn what dwells in man, what is not given to man, and what men live by, before it's too late.
the daughter of zuko | 1/1
mi casa
The Crown Princess, Future Fire Lady of the Fire Nation. What a title, what a burden...A burden she must nonetheless carry, like her father before her and his father before him; a burden passed down the generations for hundreds of years. The crafting of a new Fire Nation legacy spearheaded by her father, a treasured torch she will have to carry at all costs. And that means a single gesture must command respect, a single breath of wisdom, and a drop of blood mercy. Serve the nations and thus be served; wear the crown with dignity, not disdain. Never act on want, only on need. Failure is at best, an unwelcome guest and at worst, death's messenger. The sins, plights and preservation of an entire dynasty will rest on her shoulders, demanding the commitment of all heart, body, mind, and soul.
There is but one question.
Is she ready for it?
AGE // 17 - 20
the daughter of azula | 0/1
Baubles of solid gold were her playthings, fabrics, and jewels of the highest grade and variety were regular ornaments in her daily dress wear. One glance at the mirror and she is what every little girl dreams of.
But what the little girls don't notice, are the thousand little serpents slithering under polished marble floors. The whispers around every gilded corner. The uncertainties that taint every aspect of past, present, future and most importantly, of self. What they don't notice is that for her, inner peace is a stranger; arriving with unfamiliar intentions, bringing along with it unexpected companions: forgiveness, freedom, and hope. They stand at the doorstep waiting to be let in, eager to dispel long-buried trauma and deep-seated grudges she sometimes wishes she never harbored, all while secretly longing for the love of a mother her mind is desperate to believe it remembers.
Yet one question remains.
Will she accept them?
AGE // 17 - 20
the son of katara & jet | 0/1
Much like his mother, proud and fiercely protective of the Southern Tribe ways of life, he may feel as if he is carrying the weight of the past and the future on his shoulders. Especially as he feels the pressure to follow in her footsteps, all to safeguard their most precious quality: independence. Despite the looming shadow of their Northern counterpart and the sea of ice between mother and father, it hasn't stopped him from attempting to fix what he can and wishing he could fix what he can't. Or much like his wayward father, he may wonder if rules were only made to be broken, if only to carve out a better path, no matter how jagged or narrow it turns out to be.AGE // 17 - 20
the son of sokka & malina | 0/1Having learnt from the best, this one knows that in a world fractured by one form of hatred or another, a little humor can go a long way. Born and raised surrounded by love, he in turn has love to spare and isn't afraid to show it. Whether its a mean spear, a boomerang or a water tendril, he always throws it all in, no matter the odds. Faced with the looming prospect of inheriting Northern Tribe royalty and its accompanying responsibilities, he may find himself actively rebelling against the notion, seeking to distance himself as a young airbender once did long ago. Spirit as open as the ports and seas his beloved Northern Tribe sails on, he is instead a true thrill-seeker with a penchant for pulling antics on his many siblings as well as other people. Because at the end of the day, he’s learned the hard way that laughter is tragedy's best medicine, even when it hurts to smile.
AGE // 16 - 20
the daughter of ty lee | 1/1
leviohsa
Though she will never know the touch of an element bending by her hand, the fan she wields possesses a magic of its own. Channeling rustic Kyoshi grace and the mystic art of chi-blocking, it can tame the wildest of waves to stillness, slice through the most unyielding of rock, and smother out the fiercest flames. Both a warrior in the garden and an artist on the battlefield, she bleeds an all-encompassing love, lucidity and loyalty that seem to dwell everywhere and nowhere all at once. Much like her free-spirited mother before her, she has forged bonds that, though seemingly unbreakable, may demand an eventual, perilous choice between the two she is sworn to protect…AGE // 17 - 20
the proteges of toph | 1/3 Seraphine
They wear rebellion like perfume. Staunch and unmoving like the mountains, discipline and stubbornness courses through their veins. No bending is truer, having learnt from the best.
Yet fractures endure. Be they Earth Kingdom Native or Fire Nation Colonial, pride and prejudice linger like a plague, threatening the occasional clash between them. However, united under their mentor’s wing, they've learned that to live is to fight; to die for a purpose is a great honor and to live for it an even greater one. Bend but never break; shake foundations with boldness but never arrogance. To conquer one's fears is to face them head-on. Choose your battles carefully and be repaid in victory. To inspire is to lead by example and hope that in the eyes of Fate herself, every bender is equal.
Because in the end, all one can do is fight.
Even when they don't know what they're fighting for anymore.
AGE // 16 - 20
THE EVIL GAANG.
GUIDED BY THE DARK HAND OF AZULA AND VAATU, THIS ELITE FORCE EMBARKS ON MISSIONS TO CAPTURE, DISTILL, AND HARNESS THE ENERGY OF DARK SPIRITS SCATTERED ACROSS THE MORTAL REALM, ESPECIALLY IN THE FORMER FIRE NATION COLONIES. WHILE SEEN AS VIGILANTE HEROISM ON THE SURFACE, THESE MISSIONS SECRETLY CULTIVATE SYMPATHY FOR AZULA, PORTRAYING HER AS A SAVIOR WILLING TO PROTECT THE NEGLECTED COLONIES, WHERE THE CURRENT FIRE LORD FALLS SHORT. THE KEMURIKAGE VIEW IT AS A STEP TOWARD VAATU'S LIBERATION, WHILE THE ASHINA CADETS SEE IT AS A PATH TO RESTORING THE OLD REGIME'S GLORY. THE TRUE HOPE, OF COURSE, IS VAATU'S AND VAATU'S ALONE...
kemurikage assassins | 0/2
Sisters bound by flame and shadow, they were adopted into the Kemurikage clan with nothing to their name. Now, they are Pyre Daughters, vying for the coveted role of Mother Flame. Competing with the Ashina Company for influence, they owe all their arcane knowledge and shadowbending mastery to their Mother Daiyu, who has instilled in them a ruthless reverence for the spirit of chaos himself. Cutting down any and all in their path, they walk step in step with the ancient Kemurikage adage: "From ashes we rise, to ashes we return."AGE // 17 - 20
ashina cadets | 0/2
Born into the remnants of the old colonial elite, these two cadets epitomize the struggle of a once-vast empire now reduced to a mere shadow of its former glory. The first cadet is the child of Ashina Zuolin himself, a figurehead of the Ashina Clan, and bears the weight of both lineage and expectation. Tasked with navigating the complexities of a rapidly changing world, this cadet faces the daunting challenge of proving themselves worthy of the prestigious Ashina name. On the other hand, the second cadet hails from humble beginnings, hearing only stories of their family's past fortunes, and witnessing the decline of said fortunes firsthand. Perhaps old enough to remember, or even to have fought alongside their father in the last stand against the traitorous General Iroh and his White Lotus forces in Ba Sing Se, this cadet carries the scars of a bygone era.
AGE // 17 - 24
unaffiliated fugitive | 0/1
This role is a creative liberty carte blanche to create whatever kind of character you want, within the bounds of the established AU lore!THE BIG BADS.
ASHINA DACHAI TAC
ASHINA ZUOLIN High Moon
JIAOSHEN LIANG Seraphine
CHARACTER SHEET SKELETON.
BASICS.
FULL NAME • here
NICKNAME(S) • here
AGE • here
GENDER • here
SEXUAL ORIENTATION • here
NATIONALITY • here (Earth Kingdom, Fire Nation, Fire Nation Colonial, Northern/Southern Water Tribe, Mixed-Nation)
ALIGNMENT • here
ALLEGIANCE • here (consult the Factions Lore; if not listed, etc;, specify)
ROLE • here
APPEARANCE.
DESCRIPTION • here (1 paragraph)
DISTINGUISHING MARKS • here (or a list)
HEIGHT & WEIGHT • xx (xxcm) // xxlbs (xxkg)
PERSONALITY.
DESCRIPTION • here (at least 2 paragraphs)
4 VIRTUES |
> here
> here
> here
> here
2 NEUTRAL |
> here
> here
4 VICES |
> here
> here
> here
> here
ABILITIES.
** Please note, if you plan to make a hybrid, like for example: a Fire Nation Colonial who is half-Fire Nation, half-Earth Kingdom, whoever's bending element gene you decide ends up expressing more strongly, will be the element the child ends up bending. **
** For sub bending type: keep in mind, these are young people, so if your oc knows a sub type of bending, unlike their main element where they can be a prodigy, most of them should still be in the learning stages of their sub element type. Shadowbending is exclusive to the KEMURIKAGE ASSASSINS role. If you are applying for SON OF KATARA, you can decide on if he is learning both waterbending sub elements. **
MAIN BENDING TYPE • fire, earth, water
Proficiency | (1-10)
SUB BENDING TYPE • lightning/shadowbending, metalbending, ice/bloodbending
Proficiency | (1-10)
FAMILIAR(S) • description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
MISCELLANEOUS SKILL SET (you can come up with your own too)
> ex. Hand-to-Hand Combat | (1-10)
> ex. Swimming | (1-10)
> Skill | (1-10)
HISTORY.
written description of at least 2 paragraphs
OR
you can answer these questions
OR
you can do both!
> WHAT IS THEIR FAVORITE CHILDHOOD MEMORY?
answer here
> WHAT IS A MEMORY THAT EMBARRASSES THEM?
answer here
> HAVE THEY EVER EXPERIENCED A MOMENT OF INTENSE FEAR OR DANGER? HOW DID THEY REACT?
answer here
> DESCRIBE A SIGNIFICANT ACCOMPLISHMENT OR SUCCESS IN THEIR PAST.
answer here
> WHAT IS A REGRET OR MISTAKE FROM THEIR PAST THAT STILL LINGERS IN THEIR THOUGHTS?
answer here
CHARACTER SHEET CODES.
LFTV SIMPLE CHARACTER SHEET CODE.
> PREVIEW
Code:
[comment][font=Rubik]:x[/font][/comment] [border="transparent;
/* Probably best if you don't change anything I haven't commented next to */
margin: auto;
box-sizing: border-box;
max-width: 550px; /* Max width */
padding: 0px;
--bar-h: 12px;
--accent: #111; [comment] ** choose main colour ** [/comment]
--m: 0px 10px;
--str-w: 3px;
--str-p: 40px 0px 0px 0px;
--str-bg: #000; /* String colour */
--cir-m: 6px 0px 0px 0px;
--cir-w: 25px;
--cir-c: rgb(245, 245, 245); /* Circle text colour */
--text-p: 12px; /* Text padding */
--text-bg: #111; /* Text background colour */
--f: 'Rubik', sans-serif; /* Font, change font tag above if you change this */"][border=0; padding: 0px 0; background-size: cover][border=0; padding: 0; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-around; box-sizing: border-box; width: clamp(250px, 100%, 1300px)][comment]-- Bar --[/comment][border=transparent;
box-sizing: border-box;
width: 100%;
height: var(--bar-h);
padding: 0px;
background: var(--accent);][/border][comment]
-- Container --[/comment][border=transparent;
box-sizing: border-box;
padding: 0px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;][comment]
-- String Container --[/comment][border=transparent;
margin: var(--m);
box-sizing: border-box;
flex: 0 0 24px;
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;][comment]-- String --[/comment][border=transparent;
box-sizing: border-box;
width: var(--str-w);
padding: var(--str-p);
background: var(--str-bg);
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
align-items: center;][comment]-- Label --[/comment][border=transparent;
margin: var(--label-m);
box-sizing: border-box;
min-width: 20px;
min-height: 50px;
padding: 10px 0;
background: var(--accent);
color: var(--label-c);
font-family: var(--f);
font-weight:;
letter-spacing: 1px;
line-height: 1.5;
writing-mode: vertical-lr;
transform: rotate(180deg);font-size:18px;padding-top:8px;][comment]
--- * * * NAME HERE * * * ---
[/comment][font=Kenia]FULL NAME HERE[/font][/border][comment]
-- Knot --
[/comment][border=transparent;
margin: 3px 0px;
box-sizing: border-box;
width: calc(var(--str-w) + 4px);
flex: 0 0 7px;
padding: 0px;
border-radius: 50%;
background: var(--str-bg);][/border][/border][/border][comment]-- String Container End --[/comment][comment]
-- Text --[/comment][border=transparent;
box-sizing: border-box;
flex: 1 1;
min-width: 350px;height:600px;
padding: var(--text-p);
--t-color: #fff;
background: #000;
font-family: var(--f);][comment] *** COPY PASTE YOUR CHARACTER IMAGE URL HERE *** [/comment][border=0; display:; padding: 0; flex: 0; width: 100%; height: 160px; background: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');background-size:cover;background-position:50% 53%;][/border][border=0; margin-top: -23px; padding: 0; position: relative; pointer-events: auto;]
[border=transparent; height:10%; width:100%; padding:0; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:10%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:377px; width:48%; padding-top:0px; color: var(--t-color); font-size:14px; font-family: var(--body); text-align:justify; line-height:21px;][comment]
----* * * ACTUAL POST INFORMATION HERE----
[/comment][border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]BASICS[/font][/border]
[font=Josefin Sans]FULL NAME • here
NICKNAME(S) • here
AGE • here
GENDER • here
SEXUAL ORIENTATION • here
NATIONALITY • here (Earth Kingdom, Fire Nation, Fire Nation Colonial, Northern/Southern Water Tribe)
ALIGNMENT • here
ALLEGIANCE • here (consult the Factions Lore; if not listed, etc;, specify)
ROLE • here
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]APPEARANCE[/font][/border]
DESCRIPTION • here (1 paragraph)
DISTINGUISHING MARKS • here
HEIGHT & WEIGHT • xx (xxcm) // xxlbs (xxkg)
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia] PERSONALITY[/font][/border]
DESCRIPTION • here (at least 2 paragraphs)
4 VIRTUES |
> here
> here
> here
> here
2 NEUTRAL |
> here
> here
4 VICES |
> here
> here
> here
> here
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]ABILITIES[/font][/border]
MAIN BENDING TYPE • fire, earth, water
Proficiency | (1-10)
SUB BENDING TYPE • lightning/shadowbending, metalbending, ice/blood bending
Proficiency | (1-10)
FAMILIAR(S) • description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
MISCELLANEOUS SKILL SET
> Skill | (1-10)
> Skill | (1-10)
> Skill | (1-10)
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia] OC QUESTIONS[/font][/border]
> WHAT IS YOUR CHARACTER'S FAVORITE SEASON?
answer here
> FAVORITE ATLA ANIMAL? DO THEY HAVE A PET?
answer here
> DOES YOUR CHARACTER HAVE A PARTICULAR VIEW ON WHAT HAS BEEN HAPPENING IN THEIR RESPECTIVE NATION?
answer here
> VIEW ON THE FIRE NATION?
answer here
> VIEW ON THEIR RESPECTIVE CANON PARENT(S)/MENTOR?
answer here
> WHAT IS THEIR BIGGEST FEAR?
answer here
[border=0; padding: 0; font-family: var(--jpfont); font-size: 40px; line-height: 100%; color: var(--bgcolor); text-align: right; position: relative;][font=Kenia]HISTORY[/font][/border]
written description of at least 2 paragraphs
OR
you can answer these questions:
OR
you can do both!
> WHAT IS THEIR FAVORITE CHILDHOOD MEMORY?
answer here
> WHAT IS A MEMORY THAT EMBARRASSES THEM?
answer here
> HAVE THEY EVER EXPERIENCED A MOMENT OF INTENSE FEAR OR DANGER? HOW DID THEY REACT?
answer here
> DESCRIBE A SIGNIFICANT ACCOMPLISHMENT OR SUCCESS IN THEIR PAST.
answer here
> WHAT IS A REGRET OR MISTAKE FROM THEIR PAST THAT STILL LINGERS IN THEIR THOUGHTS?
answer here
[/font][/border][font=EB Garamond][/font][/border][font=EB Garamond][/font][border=0; margin-top: 17px; padding: 0; position: relative; pointer-events: auto;][border=0; margin-top: 17px; padding: 0; position: relative; pointer-events: auto;][/border][/border][/border] [comment]----section content end----[/comment][/border]
[/border][/border][/border]
[/border]
[/border]
LFTV COMPLEX CHARACTER SHEET CODE.
> PREVIEW
Code:
[comment]
Code by [USER=89406]@Yukitera[/USER] — Please do not remove the credit.
I do not own the images on this interest check.
The music is by Respawn Entertainment, from the game Apex Legends.
If you have any questions regarding the code, don't be shy to PM me.
Credit:
1. Izsly izsly
2. Min https://twitter.com/intent/user?screen_name=minnnnnnnim
[/comment][border="0; padding: 0;
--background: #000;
--accent: #ccc; [comment] * choose a main colour * [/comment]
--text: #ccc;
// character image;
--charimg: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab1img01: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab1img02: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab1img03: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab2img01: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab2img02: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab3img01: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--tab_covers: url('https://i.pinimg.com/564x/dd/67/97/dd67971d934cd5c9ad01887b5486481e.jpg');
--transparency: rgba(0,0,0,0.74);
--acces-col: linear-gradient(45deg, rgba(58,69,84,1) 10%, rgba(108,108,108,1) 100%);
z-index: 0;
"][border=0; padding: 0px 0; background-size: cover][border=0; padding: 0; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-around; box-sizing: border-box; width: clamp(250px, 100%, 1300px)][border=0; padding: 60px 0 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0); display: flex; flex-flow: row wrap; justify-content: center; z-index: 1][comment]
// Header ---
[/comment][border=0; padding: 40px 0 0; box-sizing: border-box; width: clamp(250px, 100%, 600px); position: relative][border=0; padding: 0; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; width: 170px; height: 170px; background-image:; background-size: cover; background-position: center center; z-index: 2][/border][border="0; padding: 0; font-family: 'Kenia'; font-size: 55px; color: var(--text); text-align: center; line-height: 94%; position: relative; z-index: 3"][comment]* NAME HERE *[/comment]FULL NAME HERE
[border="0; padding: 10px; margin: auto; font-family: 'Josefin Sans'; font-size: 18px; color: var(--accent); line-height: 120%; position: relative; z-index: 3"][comment]* ROLE TITLE HERE *[/comment]ROLE TITLE HERE[border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 500px); margin: 8px auto 0; flex-flow: row wrap; display: flex; justify-content: center][comment] // * * * SYMBOL OF YOUR CHOICE HERE * * *
[/comment][border=0; padding: 2px 5px 7px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑 [/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: #ccc; font: normal 700 22px Jost; margin: 0 2px][comment]* SYMBOL HERE *[/comment]𓐑[/border][/border][/border][/border][border=0; padding: 0; margin-top: 3px; color: var(--text); text-transform: uppercase; text-align: center; position: relative; margin-bottom:40px;z-index: 150; font: normal 300 9px Jost; letter-spacing: 0.2em]Code by Yukitera[/border][comment]
―――――――――――――――― SECTION 00. | Music Player
[/comment][border=0; margin: -40px auto; padding: 16px 1px 0 6px; box-sizing: border-box; width: 100%; max-width: 298px; min-width: 250px; height: auto; display: flex; flex-flow: row wrap; align-items: top; overflow:; position: absolute; left: 0; right: 0;][comment]----buttons----[/comment][border=transparent; height:auto; width:60%; padding:0; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin-top:0px;margin-left:50px][border=transparent; height:auto; width:auto; padding:0; font-size:14px; color: #ccc;][fa]fas fa-step-backward[/fa][/border][comment]
----play button----[/comment][border=transparent; height:35px; width:35px; padding:0; box-sizing:border-box; position:relative; margin:0 35px; flex-shrink:0;][border=transparent; height:100%; width:100%; padding:1px 0 0 2px; box-sizing:border-box; border-radius:50%; background: var(--accent); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:12x; pointer-events:none; position:relative; z-index:2;][fa]fas fa-play[/fa][/border][/border]
[border=transparent; height:auto; width:auto; padding:0; font-size:14px; color: #ccc;][fa]fas fa-step-forward[/fa][/border]
[border=0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; position: absolute; left: -20px; top: 0; text-align: center; pointer-events: auto; margin-left: 55px; margin-top: -42px][border=0; width: 180px; height:100px; opacity: 0.0001; display: inline-block][comment]
―――――――― Insert Music Link Here.
[/comment][MEDIA=youtube]cml8Qo74zNQ[/MEDIA][/border][/border][/border] [/border][comment]----buttons end----[/comment][/border]
[/border][comment] // * * * MAIN CHARACTER ICON * * *
[/comment][border=0; padding: 60px 0; border-top: 1px solid var(--accent); background: var(--mainbg);margin: 50px auto;][border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 1340px); display: flex; flex-flow: row wrap; margin: 0 auto; justify-content: space-evenly][border=0; border: 25px solid var(--accent); overflow: hidden; padding: 20px; box-sizing: border-box; width: 100%; max-width: 650px; min-width: 250px; height: 100%;background: black][border=transparent; width:100%; padding:10px 10px; box-sizing:border-box;][border=transparent; padding:0; padding-top:calc(100% - 22px); position:relative; border:0px solid var(--accent); box-sizing:border-box;][border=transparent; height:100%; width:calc(100% + 4px); padding:8px; box-sizing:border-box; position:absolute; top:-2px; left:0px; border:5px solid var(--accent); border-radius:0%;][comment]----CHARACTER ICON HERE----[/comment][border=transparent; height:100%; width:100%; padding:0; box-sizing:border-box; border:2px solid var(--accent); border-radius:0%; background: var(--charimg); background-size:cover; background-position: 50% 2%; filter:contrast(140%) sepia(30%)][/border][/border][/border][/border][/border][comment]
―――――――――――――――― SECTION 00. | TAB COVERS. (nothing to touch here)
[/comment][border=4px solid #090909; margin-top:10px;border-bottom: 0; border-top: 0; border-radius: 0px 5px 5px 0px; padding: 0; box-sizing: border-box; width: 100%; max-width: 650px; min-width: 250px; height: 720px; background-color:#3b3c36;][border=0; padding: 25px 0; box-sizing: border-box; width: 100%; height: 100%; background: var(--transparency)][border=0; padding: 0; width: 108px; height: 45px; position: absolute; margin: 13px -4px 0; pointer-events: none; background-image: var(--tab_covers); opacity:1; background-position: 50% 2%; background-size: 165%;z-index: 30][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 18px Jost; color: rgba(235,235,235); line-height: 240%; letter-spacing: 0.1em][/border][/border][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin: 13.3px 103px 0; pointer-events: none; background-image: var(--tab_covers);opacity:1; background-position: 50% 2%; background-size: 165%][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 14px Jost; color: rgba(235,235,235); line-height: 330%; letter-spacing: 0.1em; ]「 INTRO 」[/border][/border][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin: 13.3px 197.5px 0; pointer-events: none; background-image: var(--tab_covers); background-position: 50% 2%; background-size: 165%][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 14px Jost; color: rgba(235,235,235); line-height: 330%; letter-spacing: 0.1em]「 ABOUT 」[/border][/border][border=0; padding: 0; width: 110px; height: 45px; position: absolute; margin: 13.3px 292px 0; pointer-events: none; background-image: var(--tab_covers); background-position: 50% 2%; background-size: 165%][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; font: normal 300 14px Jost; color: rgba(235,235,235); line-height: 330%; letter-spacing: 0.1em]「 HISTORY 」[/border][/border][comment]
―――――――――――――――― SECTION 00. | Title Area
[/comment][border=0; position: relative; text-align: center; left: 0; right: 0;margin-top:0px; bottom: 0px; padding: 0; font: 8px Kenia; color: #c3c3c3; text-transform: uppercase; text-shadow: 4px 0 4px var(--accent); letter-spacing: 0.1em][/border][border="0; margin: 0 auto; width: 60%; max-width: 500px; min-width: 250px; clip-path: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0% 50%); display: flex; flex-flow: row wrap; justify-content: center; background-color:;"][/border][tabs][comment]
* * * TAB ZERO* * *[/comment][tab=XXX0][border=0; padding: 0; width: 108px; height: 45px; position: absolute; margin-top: -59.9px; margin-left: -24px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; height: 100%; text-align: center; font: normal 300 18px Jost; color: rgba(75,75,75); line-height: 240%; letter-spacing: 0.1em; border-bottom: 0px solid #fff][/border][/border][comment]
―――――――――――――――― SECTION 00. | QUOTE HERE
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 550px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 100%; width: 200%;][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px var(--accent)]
[comment]
// QUOTE HERE ---[/comment][border=0; padding: 20px 0 0 0; box-sizing: border-box; width: clamp(250px, 100%, 600px); position: relative][border=0; padding: 0; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; width: 170px; height: 170px; background-image:; background-size: cover; background-position: center center; z-index: 2][/border][border="0; padding: 0; font-family: 'Kenia'; font-size: 95px; color: var(--accent); text-align: center; line-height: 94%; position: relative; z-index: 3"][comment]----SYMBOL HERE----[/comment]𓐑
[border="0; padding: 10px; margin: auto; font-family: 'Josefin Sans'; font-size: 20px; color: var(--accent); line-height: 150%; position: relative; z-index: 3"]
SOMETHING HERE
A QUOTE, A SAYING
YOU CAN COME UP
OR TAKE IT FROM AN
EXISTING SOURCE, AS LONG
AS ITS ABOUT 5-8 LINES
LONG
[border=0; padding: 0; box-sizing: border-box; width: clamp(250px, 100%, 500px); margin: 35px auto 0; flex-flow: row wrap; display: flex; justify-content: center][comment] // * * * IGNORE THIS CHUNK OF CODE * * *
[/comment][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; font: normal 700 22px Jost; margin: 0 2px;text-shadow: 0 0 0 0 ]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 0px Jost; margin: 0 2px] 𓐑 [/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 22px Jost; margin: 0 2px]𓐑 [/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 0px Jost; margin: 0 2px]𓃥[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 22px Jost; margin: 0 2px]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 0px Jost; margin: 0 2px]𓐑[/border][border=0; padding: 2px 5px 1px; border-radius: 4px; background: var(--accent); text-align: center; color: var(--accent); font: normal 700 22px Jost; margin: 0 2px]𓐑[/border][/border][/border][/border][/border][comment]
[/comment][/border][/border][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -12px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][/border][/tab][comment]
* * * TAB ONE [INTRO] * * *[/comment][tab=XXX1][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin-top: -60px; margin-left: 82.6px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; text-align: center; font: normal 300 14px Jost; color: rgba(75,75,75); line-height: 330%; letter-spacing: 0.1em; border-bottom: 4px solid #fff]「 INTRO 」[/border][/border][comment]
―――――――――――――――― SECTION 01. | BASICS & APPEARANCE & ABILITIES
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 558px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 100%; width: 200%; overflow-y: scroll; overflow-x: hidden][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px #7d7db4][border=0; margin-bottom: 0px;][/border][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: -30px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab1img01); background-size: cover; background-position: 50% 2%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; color: var(--text);text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em]◈ THE BASICS ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box][border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 0 0 2px 10px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― BASICS INFO HERE
[/comment][comment]
* * FULL NAME * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]FULL NAME[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * AKA * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]AKA[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * AGE * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]AGE[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * GENDER * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]GENDER[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * SEXUALITY * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]SEXUALITY[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71;line-height:18px;text-align:justify;]HERE[/border][/border][comment]
* * NATIONALITY * * // FIRE NATION ; NORTHERN/SOUTHERN WATER TRIBE ; FIRE NATION COLONIAL ; HYBRID
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]NATIONALITY[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][comment]
* * OCCUPATION * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]OCCUPATION[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71] HERE[/border][/border][comment]
* * ALLEGIANCE* *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]ALLEGIANCE[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71;line-height:18px;text-align:justify;]HERE[/border][/border][comment]
* * ALIGNMENT * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]ALIGNMENT[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71;line-height:18px;text-align:justify;]HERE[/border][/border][comment]
* * ROLE * *
[/comment][border=0; padding: 10px; display: flex; box-sizing: border-box; width: 100%; flex-flow: row nowrap; align-items: center][border=0; padding: 0; box-sizing: border-box; width: fit-content; width: -moz-fit-content; text-transform:uppercase; display: inline-block; font: 14px Josefin Sans; font-weight:600]ROLE[/border][border=0; padding: 0; height: 1px; box-sizing: border-box; background: var(--acces-col); flex: 1; margin: 1px 5px 0 5px][/border][border=0; padding: 0; color: #b3b3b3; box-sizing: border-box; font: 14px Josefin Sans; text-transform: uppercase; width: fit-content; width: -moz-fit-content; animation: 3.5s fa-fade infinite; --fa-fade-opacity: 0.71]HERE[/border][/border][/border][/border][comment]
―――――――― APPEARANCE INFO HERE
[/comment][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: 45px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab1img02); background-size: cover; background-position: 50% 77%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em;color: var(--text)]◈ APPEARANCE ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]description[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― appearance description (1 paragraph)
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Varius vel pharetra vel turpis nunc eget lorem dolor sed. Ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Id volutpat lacus laoreet non curabitur. Vitae suscipit tellus mauris a. Consequat semper viverra nam libero justo. Orci dapibus ultrices in iaculis nunc. Elementum eu facilisis sed odio morbi. Eu scelerisque felis imperdiet proin. Eget dolor morbi non arcu risus quis varius quam. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Ac odio tempor orci dapibus ultrices in. Nulla posuere sollicitudin aliquam ultrices sagittis orci.
[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]dist. features[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― dist. features bullet point list and/or description
[/comment]Sit amet nulla facilisi morbi. Amet venenatis urna cursus eget nunc scelerisque viverra. Nunc id cursus metus aliquam eleifend mi in nulla. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Odio facilisis mauris sit amet massa vitae tortor condimentum.
OR
[LIST]
[*]Pellentesque sit amet porttitor eget dolor morbi non arcu.
[*]Sed euismod nisi porta lorem mollis aliquam.
[*]Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat.
[/LIST]
[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]height & weight[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― HEIGHT & WEIGHT
[/comment]xx (xxcm) // xxlbs (xxkg)
[/border][/border][comment]
―――――――― ABILITIES INFO HERE
[/comment][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: 45px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab1img03); background-size: cover; background-position: 20% 30%; filter:brightness(90%) contrast(110%); margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em;color: var(--text)]◈ ABILITIES ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]MAIN BENDING TYPE[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― MAIN BENDING TYPE (earth, water, fire)
[/comment]Here
PROFICIENCY | (1-10) here[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]SUB-BENDING TYPE[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― SUB BENDING TYPE (earthbending=metal ; firebending=lightning/shadowbending ; metalbending=ice/blood) --- keep in mind, these are young people, so if your oc knows a sub type of bending, unlike their main element where they can be a prodigy, most of them should still be in the learning stages of their sub element type. if you are applying for KATARA'S KID, they can be learning both sub elements, up to you ----
[/comment]Here
PROFICIENCY | (1-10) here
FAMILIAR(S) | description and/or image // * for KEMURIKAGE ASSASSINS role, if not applying, delete this *
[/border][/border][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]MISC. SKILL PROFICIENCY[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― MISC. SKILL PROFICIENCY LIST (4+) ; you don't need to use skills listed here, can come up with your own
[/comment]Hand-to-Hand Combat | here
Dual-Wielding | (1-10) here
Acrobatics | (1-10) here
Archery | (1-10) here
Dance | (1-10) here
Cooking | (1-10) here
etc;
[/border][/border][/border][/border][/border][/border][/tab]
[comment]
* * * TAB TWO [ABOUT] * * *[/comment][tab=XXX3][border=0; padding: 0; width: 95px; height: 45px; position: absolute; margin-top: -60px; margin-left: 177px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; text-align: center; font: normal 300 14px Jost; color: rgba(75,75,75); line-height: 330%; letter-spacing: 0.1em; border-bottom: 4px solid #fff]「 ABOUT 」[/border][/border][comment]
―――――――――――――――― SECTION 02. | PERSONALITY & OC QUESTIONS
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 558px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 99%; width: 200%; overflow-y: scroll; overflow-x: hidden][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px #7d7db4][border=0; margin-bottom: 0px;][/border][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: -30px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab2img01); background-size: cover; background-position: 50% 45%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em]◈ PERSONALITY ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box][comment]
―――――――― PERSONALITY INFO HERE
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]description[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― personality description (at least 2 paragraphs)
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus risus at ultrices mi tempus imperdiet nulla. Maecenas accumsan lacus vel facilisis volutpat est velit. Gravida quis blandit turpis cursus in hac habitasse platea dictumst. Sed enim ut sem viverra aliquet eget. Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Purus semper eget duis at tellus at urna condimentum. Rutrum quisque non tellus orci ac auctor augue mauris augue. Nulla aliquet enim tortor at auctor urna nunc id cursus. Etiam dignissim diam quis enim lobortis scelerisque fermentum dui. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Quam nulla porttitor massa id neque aliquam. Volutpat blandit aliquam etiam erat velit. Pharetra magna ac placerat vestibulum lectus mauris.
Amet mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan. Facilisi morbi tempus iaculis urna id volutpat lacus. Laoreet sit amet cursus sit. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Quam pellentesque nec nam aliquam sem et tortor. Vitae proin sagittis nisl rhoncus. Nibh sed pulvinar proin gravida hendrerit. Ac tortor dignissim convallis aenean et tortor at risus. Faucibus nisl tincidunt eget nullam non nisi. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Integer malesuada nunc vel risus commodo. Blandit volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Nisl nisi scelerisque eu ultrices vitae auctor eu augue ut.
[/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]traits[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― list of personality traits ( 4 virtues, 4 vices, 2 neutral)
[/comment][border=0; padding: 0; font: 15px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]virtues[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px]+ VIRTUE
+ VIRTUE
+ VIRTUE
+ VIRTUE
[/border][border=0; padding: 0; font: 15px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]neutral[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px] = NEUTRAL
= NEUTRAL
[/border][border=0; padding: 0; font: 15px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]vices[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px] - VICE
- VICE
- VICE
- VICE
[/border][/border][/border][/border][/border][/border][/border][comment]
―――――――― OC QUESTIONS HERE //
[/comment][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: 45px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab2img02); background-size: cover; background-position: 50% 50%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.3); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #9f9fdf; letter-spacing: 0.12em]◈ OC QUESTIONS ◈[/border][/border][/border][comment]
―――――――― Q1 QUESTION
[/comment]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]favorite season?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q1 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q2 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]favorite atla animal? Do they have a pet?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q2 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q3 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]VIEW ON THE STATE OF THEIR NATION?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q3 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q4 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]VIEW ON THE FIRE NATION?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q4 ANSWER
[/comment]answer here
[/border][/border][comment]
―――――――― Q5 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]VIEW ON THEIR ATLA CANON PARENT/MENTOR?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q5 ANSWER
[/comment]answer here
[/border][/border][comment]
―――――――― Q6 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]WHAT IS THEIR BIGGEST FEAR?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q6 ANSWER
[/comment]answer here[/border][/border]
[/border][/border][/border][/border][/tab][comment]
* * * TAB THREE [HISTORY] * * *[/comment][tab=XXX4][border=0; padding: 0; width: 110px; height: 45px; position: absolute; margin-top: -60px; margin-left: 272px; pointer-events: none; background-size: 220% auto; background-position: center center; z-index: 100][border=1px solid var(--accent); padding: 0; box-sizing: border-box; width: 100%; height: 100%; text-align: center; font: normal 300 14px Jost; color: rgba(75,75,75); line-height: 330%; letter-spacing: 0.1em; border-bottom: 4px solid #fff]「 HISTORY 」[/border][/border][comment]
―――――――――――――――― SECTION 03. | HISTORY
[/comment][border=0; border-top: 1px solid var(--accent); padding: 0; margin: 16px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; border-top: 1px solid var(--accent); padding: 0; margin: -7px auto 12px; width: 100%; max-width: 580px; min-width: 250px][/border][border=0; padding: 0 8px; box-sizing: border-box; margin: 0 auto; width: 100%; max-width: 580px; min-width: 250px][border=0; padding: 0; margin: 10px 0; height: 558px; width: 100%; box-sizing: border-box; padding: 0; overflow: hidden; display: flex; flex-direction: column][border=0; padding: 0; height: 99%; width: 200%; overflow-y: scroll; overflow-x: hidden][border=0; height: auto; width: 50%; padding: 0; box-sizing: border-box; font: 15px Jost; text-align: justify; color: #d9d9f0; text-shadow: 0 0 5px #7d7db4][border=0; margin-bottom: 0px;][/border][border=0px solid rgba(50,50,50,0.8); padding: 0px; box-sizing: border-box; height: 140px; margin: -30px 0 8px 0px][border=0; border-radius: 10px; padding: 0; width: 100%; box-sizing: border-box; height: 150px; background: var(--tab3img01); background-size: cover; background-position: 50% 65%; margin-bottom: 20px; position: relative][border=0; background: rgba(195,195,195, 0.5); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%); padding: 4px 8px; position: absolute; right: 20px; bottom: 15px; text-align: right; font: 20px Kenia; text-transform: uppercase; text-shadow: 0 0 5px #111; letter-spacing: 0.12em]◈ HISTORY ◈[/border][/border][/border]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box][comment]
―――――――― HISTORY INFO HERE
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]description/questions[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― history description (at least 2 paragraphs OR you can answer these questions OR you can do both)
[/comment]In vitae turpis massa sed elementum. Dapibus ultrices in iaculis nunc sed augue lacus. Aliquam ut porttitor leo a diam. In hac habitasse platea dictumst quisque sagittis purus. Nunc sed augue lacus viverra vitae congue eu consequat. Condimentum id venenatis a condimentum vitae sapien pellentesque. In eu mi bibendum neque egestas congue quisque. Tincidunt id aliquet risus feugiat in ante metus. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Sit amet mattis vulputate enim nulla aliquet porttitor lacus luctus. Nec sagittis aliquam malesuada bibendum arcu. Egestas maecenas pharetra convallis posuere morbi leo urna molestie. Praesent tristique magna sit amet purus gravida quis blandit turpis. Egestas egestas fringilla phasellus faucibus scelerisque eleifend. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique.
OR
[comment]delete this entire chunk of code if not in use, starting here....[/comment][comment]
―――――――― Q1 QUESTION,
[/comment]
[border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]what is their favorite childhood memory?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q1 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q2 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]what is a memory embarrasses them?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q2 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q3 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]Have they ever experienced a moment of intense fear or danger? How did they react?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q3 ANSWER
[/comment]answer here[/border][/border][comment]
―――――――― Q4 QUESTION
[/comment][border=0; padding: 0; font: 16px Jura; color: var(--accent); letter-spacing: 0.1em; line-height: 100%; text-transform: uppercase; text-shadow: 2px 0 #000; box-sizing: border-box]What is a regret or mistake from their past that still lingers in their thoughts?[border=0; border-left: 1px solid #262626; margin: 7px 0 0 5px; padding: 5px 0 2px 15px; text-align: justify; font: 15px Jost; color: #c3c3d7; text-transform: none; text-shadow: none; letter-spacing: 0; box-sizing: border-box; margin-bottom: 15px][comment]
―――――――― Q4 ANSWER
[/comment]answer here
[/border][/border][comment]....and ending here[/comment]
[/border][/border][/border]
[/border][/border][/border][/border][/tab]
[/tabs][/border][comment]
// tab covers, end
[/comment][border=0; padding: 0; position: relative; background: var(--accent); height:5px; width:101.4%;background-size: cover; left: 0; right: 0; margin-left:-4px;margin-top: -637px; bottom: 0; pointer-events: none;opacity: 1][/border][/border][border=0; padding: 0; margin: -7px auto 40px; font-size: 9px; width: 100%; max-width: 650px; min-width: 200px; text-align: center; background: var(--accent); color: var(--accent); line-height: 100%; letter-spacing: 0.4em; text-transform: uppercase]xxxxxxxxxxxx[/border][/border][/border][/border][/border][/border][comment]
Do not remove the credit above.
I̵̠̱̗̤̠̮͍͆̀F̸̢̨̡̲̫̻̘̗̺͓̦͛̉̉͑͆̄͒̍̈ ̶̡̢̛̛̜̥̣̱͙̼̻̈̍̇̎̆̀Ẏ̷̢̹̰̤͆̓̔̇̒̀̿̈́͠͝O̷̡̨̻͉̖̲͉̯̮̠̎͑͒̋͐̂̊̿̊̍̈͜͝͠͝Ù̵̡̹̻͙̟̟͋̔͝ ̷̠͖̪̫̻͙͕̰̗͍̫̾̿̈́́̓̅͑ͅḌ̴͕̗̈́Ơ̸͈̞̼̼̦͓͉̟͖̳̙̼̥̅̄͂ͅ,̵͍͚̤͎̀̌̍͑̍̆͐͋͋͝ͅͅ ̴̡̛̺͎͈̳͔͎͎͚̠̣͔̲̅̀͗̒͆͗͐̓͝I̵̡̫͍͇̯̯͂́̏̀̐̇͌̿̅̕ ̸͙̻͍̭̱͎̃̌̓̑́̾͐͆̐̈́̆̈́͆́̕͜͜W̴̛͉̮̳̬͔͓̖̰͇̱͈̲̘̋̓̾͛͒͑́̅̇̑̅̂I̶̧̨̡̝̣̬̖̭͇̫̙̖̞̺̓̔͋̄̏̌̍̎͝ͅL̶̡̧͖͔̼͇̣̜̖̗̝̙̆̈̉̎̌̃͘L̶̢͓̯̯̦̦͉͍̖͖̹͚͙̠̟̎͑͗͂̑̎̌͑̈͠ ̵̛͔͑̌̌̈́̈́̽͝F̷̢̡͍͎͔̟͓͔͍̺̹͋̈́̄̑͛̋̊Ồ̴̻͌̋͘Ŗ̷̥̤̞̼͚̠̺̩͉̩̦̋̏̈͗̈́͐͗͛͋̑C̴̡̙̱̻̦̮̅̃̏̑̾̏͂ͅE̸͔͙̳͝ͅ ̸̨̖̩͕̭͕̭͇̪̫̦̹̈͑̈͜Y̴̧̢̨̻̳̗̺̣̽O̶͉̳̯͇͎̟̻͇̜̞̮͈̩͍̩͊̎̉̏̋̔͝Ư̵̳̓̇͒̑̓̍̍͑͜ ̵͔̝̜̙̙͙̩̠̙̭̩͒̆̋̌̌̍̂͋̄̚̕͘͜͜͝͝T̷̩͈̘̗͉͙̱̒͆̉̉̓̎͗̒͝O̴̼̦̝͚̘̤̼̪̠͋̆̀͒͌̅͆̏̈́̓̀ ̷̢̭̭̦͇̣̗̰͔̙̫̖͗̿̓̿̓́͂͗͜͝͝P̵̛̪̘͉̤̘͕̥͈̱̩̗̜̰̏̿̈́͋̈͐͌̓́͆͛̕͜L̵͔̯̘̠͙̖͓̒̅̅͛̊̊A̷̟̥̜͍̱̣̿̐̎̽̍͊̈̋̔̆̊̍Y̶̨̛̫͔̪͔̲͕͔̭͌̄̾̆͌͑̑͐̏͘ ̸͖͕̗̣̙͕̺̙̱̠̱͙̠͙̂̑̄͒̃̈̄̓̈A̴̜̯̥̓̆̐̒̂̄̏̓̈̑́͑͊͘͝M̶̡̭̰̱̪͉̤͓̻̞̽̇̿̈́̀̿̑͛̕͝O̴͇̫̺̝̜̹̦̟̝̪̻̤̊̈́̀̾̒̅̅̋́̀̍G̴̤͈͍̈́̍̈́͐̃̂Ư̶̧̪̖̹̺̟̝̬̩̇͌̎͛̚S̵̢̖̩̘͇͉̽͛̈́͋̌̿̂̈͊
You can remove the text above, though. Have fun with the code. Yuki out. 8)
[font=Philosopher][font=Cinzel][font=Cinzel Decorative][font=Maven Pro][font=Jura][font=Jost].[/font][/font][/font][/font][/font][/font][/comment]
Last edited: