Welcome to the organization.
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
[comment]
Designed and coded by [USER=20950]@Nano[/USER].
Please do not remove the credits or claim the code as your own work.
[font=Abril Fatface].[/font]
[font=Changa One].[/font]
[font=Lato].[/font]
[font=Playfair Display].[/font]
[/comment][comment]
// accents
[/comment][border=0; padding: 0;
--bgpattern: url('https://i.ibb.co/3T6nKJc/PC-1920x1080-1.jpg') repeat;
--bg2color: #fefefe;
--maincolor: #ff0000;
--grey: #cccccc;
--textcolor: #333333;
--img01: url('https://i.ibb.co/MgkcmXr/Copy-of-Untitled-Design-1.png') center/cover no-repeat;
--img02: url('https://i.ibb.co/t4Xs6cB/Copy-of-Copy-of-Copy-of-Untitled-Design.png') center/cover no-repeat;
--img03: url('https://i.ibb.co/rK9B85g/THE-ICONOCLAST.png') center/cover no-repeat;
background: var(--bgpattern);
padding: 75px 0;
width: 100%;
font-size: initial;
][border=0; display: flex; flex-flow: row wrap; justify-content: center; margin: 0 auto; padding: 0; width: 100%; max-width: 1000px; min-width: 250px;][comment]
// start of left side //
[/comment][border=0; padding: 0; flex: 2; width: 100%; max-width: 500px; min-width: 250px; height: 70vh; max-height: 600px; min-height: 400px; background: var(--img01); position: relative; overflow: hidden; pointer-events: none; z-index: 1;][comment]
// start of nameplate //
[/comment][border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Changa One', cursive; font-size: 1.0em; line-height: 80%; color: var(--maincolor); text-shadow: 1px 1px var(--fefefe); text-transform: uppercase;]♛ ROLE HERE[/border][border=0; padding: 0; font-family: 'Abril Fatface', cursive; font-size: 3.0em; line-height: 80%; color: var(--maincolor); text-shadow: 1px 1px var(--textcolor); text-transform: uppercase;]♛ Name[/border][/border][comment]
// end of nameplate //
[/comment][/border][comment]
// end of left side --- start of right side //
[/comment][border=0; padding: 0; flex: 3; width: 100%; max-width: 600px; min-width: 250px; height: 70vh; max-height: 600px; min-height: 400px; background: var(--bg2color); position: relative;][comment]
// start of tab covers //
[/comment][border=0; left: -13px; top: 47px; padding: 0; position: absolute; pointer-events: none; z-index: 2;][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; margin-top: 18px; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; margin-top: 18px; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][border=2px solid var(--grey); display: flex; justify-content: center; align-items: center; margin-top: 18px; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg);][border=0; padding: 0; height: 13px; width: 13px; background: var(--grey);][/border][/border][/border][comment]
...
[/comment][border=0; padding: 0; width: 100%; height: 70vh; max-height: 600px; min-height: 400px; background: var(--bg2color); position: absolute; z-index: 1; pointer-events: none;][/border][comment]
// end of tab covers ------- start of tabs //
[/comment][border=0; margin-top: 40px; margin-left: -40px; padding: 0; width: 100%; height: 300px; line-height: 38px; overflow: hidden;][tabs]
[tab=xxxBASIC INFORMATIONxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 47px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]
// start of profile icon + stat bars //
[/comment][border=0; display: flex; flex-flow: row-reverse wrap; margin-left: -15px; padding: 0; width: calc(100% + 15px);][comment]
// start of profile icon //
[/comment][border=0px; margin-left: 15px; padding: 0; flex: 2; width: 100%; min-width: 150px;][border=1px solid var(--grey); box-sizing: border-box; margin-bottom: 15px; padding: 10px; width: 100%;][border=0; padding: 0; width: 100%; padding-top: 100%; background: var(--img02);][/border][/border][/border][comment]
// end of profile icon ------ start of stat bars //
[/comment][border=0; display: flex; flex-flow: column nowrap; justify-content: space-between; margin-left: 15px; margin-bottom: 15px; padding: 0; flex: 5; width: 100%; min-width: 200px;][comment]
--- stat one ---
[/comment][border=0; margin-top: 5px; padding: 0; width: 100%;][border=0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: lowercase;]attack[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 70%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]
--- stat two ---
[/comment][border=0; padding: 0; width: 100%;][border=0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: lowercase;]defense[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 50%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]
--- stat three ---
[/comment][border=0; padding: 0; width: 100%;][border=0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: lowercase;]speed[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 80%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]
--- stat four ---
[/comment][border=0; margin-bottom: 5px; padding: 0; width: 100%;][border=0; margin-bottom: 1px; padding: 0; padding-left: 10px; font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: lowercase;]intelligence[/border][border=1px solid var(--grey); box-sizing: border-box; padding: 4px; width: 100%;][border=0; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0; padding: 0; width: 60%; height: 7px; background: var(--maincolor);][comment]----------------------This border/box adjusts the stat value. Just change the % value of the width----------------------[/comment][/border][/border][/border][/border][comment]
[/comment][/border][comment]
// end of stats //
[/comment][/border][comment]
// end of profile icon + stat bars ------ start of quote box //
[/comment][border=0; margin: 35px 0 25px; padding: 0; width: 100%; position: relative;][border=0; top: -22px; left: -5px; padding: 0; font-family: 'Playfair Display', serif; font-size: 185px; line-height: 70%; color: var(--grey); position: absolute;]“[/border][border=0; bottom: -80px; right: -5px; padding: 0; font-family: 'Playfair Display', serif; font-size: 185px; line-height: 70%; color: var(--grey); position: absolute;]”[/border][comment]
// quote //
[/comment][border=0; margin: 0 auto; padding: 0; width: calc(100% - 20px); font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--textcolor); text-align: center; position: relative;]CHARACTER QUOTE GOES HERE.[/border][comment]
// end of quote //
[/comment][/border][comment]
// end of quote box ------ start of basic information //
[/comment][comment]
--- row 1 ---
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0;][comment]
------ stat 01 ------
[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border=0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Name[/border][border=0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;]♛ (NAME HERE. MUST HAVE A X IN IT)[/border][/border][comment]
------ stat 02 ------
[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border=0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Role[/border][border=0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;]♛ (THE --- e.g. THE KINGPIN)[/border][/border][/border][comment]
--- row 2 ---
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0;][comment]
------ stat 03 ------
[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border=0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Gender[/border][border=0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;]♛ (FEMALE/MALE/OTHER)[/border][/border][comment]
------ stat 04 ------
[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border=0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Birthday[/border][border=0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;]♛ (MONTH, DATE ##)[/border][/border][/border][comment]
--- row 3 ---
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0;][comment]
------ stat 05 ------
[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border=0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Element[/border][border=0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;]♛ (FIRE, WATER, AIR, ETC.)[/border][/border][comment]
------ stat 06 ------
[/comment][border=0; border-bottom: 1px solid var(--maincolor); margin-top: 30px; margin-left: 20px; padding: 0; flex: 1; min-width: 200px;][border=0; box-sizing: border-box; padding: 0; padding-left: 5px; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Age[/border][border=0; box-sizing: border-box; margin: 9px 0 15px; padding: 0; padding-left: 20px; font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 700; line-height: 100%; color: var(--textcolor); text-transform: uppercase;]♛ (MUST BE 18-40)[/border][/border][/border][comment]
// end of basic information ------ start of appearance //
[/comment][border=0; border-bottom: 1px solid var(--grey); margin-top: 60px; padding: 0 0 3px 0;][border=0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Appearance[/border][/border][border=0; margin-top: 25px; padding: 0; font-family: 'Lato', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;]♛[B]HEIGHT: [/B](IN CENTIMETERS. E.G. 165 CM)
♛[B]BUILD: [/B](ATHLETIC, LITHE, SLENDER, ETC.)
♛[B]HAI[/B]R[B]:[/B] (BLACK, WHITE, BLONDE, ETC.)
♛[B]EYES:[/B] (BROWN, BLUE, PINK, ETC.)
♛[B]IDENTIFYING MARKS:[/B] (BIRTH MARKS, SCARS, ETC. IF NOTHING, PUT N/A.)
[/border][comment]
// end of appearance ------ start of personality //
[/comment][border=0; border-bottom: 1px solid var(--grey); margin-top: 60px; padding: 0 0 3px 0;][border=0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Personality[/border][/border][border=0; margin-top: 25px; padding: 0; font-family: 'Lato', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;][B][U]GENERAL PERSONALITY TRAITS[/U][/B]
♛ PERSONALITY TRAIT 1 (E.G. KIND)
♛ PERSONALITY TRAIT 2 (E.G. SMART)
♛ PERSONALITY TRAIT 3 (E.G. FUNNY)
[B][U]HOW CHARACTER FEELS ABOUT BEING A NOBODY[/U][/B]
♛ WRITE A SENTENCE OR TWO ABOUT HOW THEY FEEL ABOUT THIS. COULD BE FEELS CONFUSED ABOUT THIS, OR THEY COULD BE INDIFFERENT, ETC.
[B][U]CHARACTER LIKES[/U][/B]
♛ LIKE 1 (E.G. SPENDING TIME IN THE LIBRARY)
♛ LIKE 2 (E.G. TENDING TO THEIR FLOWER GARDEN)
♛ LIKE 3 (E.G. STARGAZING)
[B][U]CHARACTER DISLIKES[/U][/B]
♛ DISLIKE 1 (E.G. LOUD NOISES IN THE MORNING)
♛ DISLIKE 2 (E.G. PEOPLE POKING THEM PHYSICALLY)
♛ DISLIKE 3 (E.G. HAS A FEAR OF SPIDERS)
[/border][comment]
// end of personality //
[/comment][/border][/border][/tab]
[tab=xxxBACKSTORYxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 90px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]
// start of backstory //
[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border=0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Backstory[/border][/border][border=0; margin-top: 25px; padding: 0; font-family: 'Lato', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;][B][U]PAST SELF BACKSTORY [/U][/B]
♛As Nobodies are derived from 'Somebody', they all have an original backstory. Could be anything from a baker who happened to stumble upon the elder by chance, or could be a thriving discipline taken by the elder in hopes of their potential coming to fruition under her. Three sentences minimum.
[B][U]CURRENT SELF BACKSTORY [/U][/B]
♛All current characters do not remember their past selves as their 'heart' was stolen in order to become a Nobody. The previous backstory is only important once they regain who they are. This backstory is more important. This is once they become a Nobody. e.g. they are now a studious combatant who spends their nights in the library. This will mostly be regarding how they fit into their group/their purpose/why they are helping The Elder (who everyone currently sees in a good light for the most part except for certain roles). Three sentence minimum.
[/border][comment]
// end of backstory ------ start of filler image //
[/comment][border=1px solid var(--grey); margin-top: 25px; margin-bottom: 25px; padding: 10px; box-sizing: border-box;][border=0; padding: 0; width: 100%; height: 175px; background: var(--img03);][/border][/border][comment]
// end of filler image ------ start of relationships //
[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border=0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Attributes[/border][/border][border=0; margin-top: 25px; padding: 0; font-family: 'Lato', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;][border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]CHARACTER GOAL[/border]♛What does your character want to fulfill by the end of this story? E.g. Wants to finish the Kingdom Hearts or wants to finish their research on the heartless, etc. Note that because Nobody's don't have their past memories, their goal is from their CURRENT life only.
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]SKILLS[/border]♛SKILL 1 (E.G. COOKING)
♛SKILL 2 (E.G. HUNTING)
♛SKILL 3 (E.G. DANCING)
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]FEARS[/border]♛FEAR 1 (E.G. COOKING)
♛FEAR 2 (E.G. SPIDERS)
♛FEAR 3 (E.G. LOSING THEMSELVES)
[/border][comment]
// end of relationships //
[/comment][/border][/border][/tab]
[tab=xxxABILITIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 133px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]
// start of abilities //
[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border=0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Abilities[/border][/border][border=0; margin-top: 25px; padding: 0; font-family: 'Lato', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;][border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]ABILITY ONE NAME[/border]♛One sentence or two about an ability. E.G. Sword lights on fire. It can only be used once per battle.
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]ABILITY TWO NAME[/border]♛One sentence or two about an ability. E.G. Sword seriously lights on fire. Think about like Naruto or something idk. It can only be used once per battle.
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]WEAPON[/border]♛Image of weapon goes here. To insert say [.img]url goes here[./img] Without the periods. Dm miki or miz if you can't figure this out before you literally break everything.[/border][comment]
// end of abilities //
[/comment][/border][/border][/tab]
[tab=xxxEXTRA NOTESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx][border=2px solid var(--grey); top: 176px; left: -13px; display: flex; justify-content: center; align-items: center; padding: 0; height: 21px; width: 21px; background: var(--bg2color); transform: rotate(45deg); position: absolute; z-index: 2;][border=0; padding: 0; height: 13px; width: 13px; background: var(--maincolor);][/border][/border][border=0; left: 30px; top: 30px; padding: 0; width: calc(100% - 30px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; position: absolute; z-index: 2; overflow: hidden; line-height: initial;][border=0; padding: 0; padding-right: 50px; width: calc(100% - 15px); height: calc(70vh - 60px); max-height: 540px; min-height: 340px; overflow-y: scroll;][comment]
// start of extras //
[/comment][border=0; border-bottom: 1px solid var(--grey); padding: 0 0 3px 0;][border=0; display: inline; border-bottom: 3px solid var(--maincolor); box-sizing: border-box; padding: 0 5px; font-family: 'Abril Fatface', cursive; font-size: 1.5em; line-height: 100%; color: var(--maincolor); text-transform: uppercase;]Extras[/border][/border][border=0; margin-top: 25px; padding: 0; font-family: 'Lato', sans-serif; font-size: 0.95em; line-height: 140%; color: var(--textcolor); text-align: justify;][border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]Note 01[/border]♛Put any character notes here that didn't fit anywhere on the character sheet, or things that you want to expand upon. Can be literally anything - from more about who they used to be, what they like/used to like, how they feel about certain things, etc.
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]Note 02[/border]♛Put any character notes here that didn't fit anywhere on the character sheet, or things that you want to expand upon. Can be literally anything - from more about who they used to be, what they like/used to like, how they feel about certain things, etc.
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]Note 03[/border]♛Put any character notes here that didn't fit anywhere on the character sheet, or things that you want to expand upon. Can be literally anything - from more about who they used to be, what they like/used to like, how they feel about certain things, etc.
[border=0; margin-left: 10px; margin-bottom: 10px; padding: 0; font-family: 'Changa One', cursive; font-size: 0.9em; line-height: 100%; color: var(--maincolor); text-align: left; text-transform: uppercase;]Note 04[/border]♛Put any character notes here that didn't fit anywhere on the character sheet, or things that you want to expand upon. Can be literally anything - from more about who they used to be, what they like/used to like, how they feel about certain things, etc.[/border][comment]
// end of extras //
[/comment][/border][/border][/tab]
[/tabs][/border][comment]
// end of tabs //
[/comment][/border][comment]
// end of right side //
[/comment][/border][comment]
// visible credit -- please don't remove!!! //
[/comment][border=0px; margin: 8px auto 0; padding: 0; width: 100%; max-width: 1000px; height: 0; font-size: .6em; text-align: center; color: var(--white); text-transform: uppercase; opacity: .5;]code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border][/border]