Nobody Special
Mac
Welcome to the hideous official Character Sheet thread for The Underground! Here, you can bring your Exterminator to life, and check out your fellow exterminators!
IMAGE HERE
GENERAL INFO
NAME
GENDER
AGE
DATE OF BIRTH
MM/DD
RANK
Team Leader/Member
TEAM
APPEARANCE
HEIGHT
WEIGHT
HAIR COLOR
EYE COLOR
APPEARANCE DESCRIPTION
PERSONALITY
HISTORY
Tell us about your past!
COMBAT DATA
PRIMARY CLASS
Engineer/Alchemist/Entoman
SECONDARY CLASS
If applicable. REMEMBER: Entomen can't also be Alchemists!
INSTRUMENT/ALCHEMY/ENTOMAN OVERVIEW - "NAME HERE"
Give us some info about your character's class! What does their Instrument look like? What kind of Alchemy do they use? What's their Phylum Gene?
Instrument/Alchemy/Entoman Utilization
How does your character utilize their class? How do they engage in combat with others? Are there any applications outside of combat?
OTHER ITEMS
Is your character an Alchemist/Entoman that also uses an Instrument? Do they carry any other items on them?
MISC
You can put whatever extra information you want here. Likes/Dislikes, Relationships, etc. The world is yours!
GENERAL INFO
NAME
GENDER
AGE
DATE OF BIRTH
MM/DD
RANK
Team Leader/Member
TEAM
APPEARANCE
HEIGHT
WEIGHT
HAIR COLOR
EYE COLOR
APPEARANCE DESCRIPTION
PERSONALITY
HISTORY
Tell us about your past!
COMBAT DATA
PRIMARY CLASS
Engineer/Alchemist/Entoman
SECONDARY CLASS
If applicable. REMEMBER: Entomen can't also be Alchemists!
INSTRUMENT/ALCHEMY/ENTOMAN OVERVIEW - "NAME HERE"
Give us some info about your character's class! What does their Instrument look like? What kind of Alchemy do they use? What's their Phylum Gene?
Instrument/Alchemy/Entoman Utilization
How does your character utilize their class? How do they engage in combat with others? Are there any applications outside of combat?
OTHER ITEMS
Is your character an Alchemist/Entoman that also uses an Instrument? Do they carry any other items on them?
MISC
You can put whatever extra information you want here. Likes/Dislikes, Relationships, etc. The world is yours!
Code:
[comment]
Designed and coded by [USER=20950]@Nano[/USER].
Please do not remove the credits or claim the code as your own work.
[font=Oswald].[/font]
[font=Exo 2].[/font]
[/comment][comment]
// accents
[/comment][border=0; padding: 0;
--accent: #FF3131;
--offwhite: #eeeeee;
--black: #222222;
--bgcolor: rgba(34, 34, 34, .9);
--headerfont: 'Oswald', sans-serif;
--textfont: 'Exo 2', sans-serif;
--profileicon: url('https://imgur.com/9xnpos9.png') center/cover no-repeat;
--bgimage: url('https://imgur.com/4pdcqbt.png') center/cover no-repeat;
--historyimage: url('HERE') top center/cover no-repeat;
--rsquoteicon: url('https://imgur.com/9xnpos9.png') center/cover no-repeat;
--relationship01img: url('https://imgur.com/9xnpos9.png') center/cover no-repeat;
--relationship01color: #748ea4;
--relationship02img: url('https://imgur.com/9xnpos9.png') center/cover no-repeat;
--relationship02color: #60986e;
--relationship03img: url('https://imgur.com/9xnpos9.png') center/cover no-repeat;
--relationship03color: #972424;
border=0;
display: flex;
flex-flow: row nowrap;
margin: 75px auto 0;
padding: 0;
width: 100%;
max-width: 1000px;
min-width: 300px;
height: 70vh;
max-height: 600px;
min-height: 400px;
font-size: initial;
overflow: hidden;
position: relative;][comment]
--------- start of left side --------->
[/comment][border=0; padding: 0; max-width: 50px; min-width: 50px; height: 70vh; max-height: 600px; min-height: 400px; background: var(--offwhite); font-size: 20px; line-height: 100%; color: var(--accent); text-align: center; position: relative; z-index: 1; pointer-events: none;][comment]
------------------ start of tab icons ------------------>
[/comment][comment]
// tab icon 01 - basic information //
[/comment][border=0; margin-top: 20px; padding: 0;][fa]fas fa-power-off[/fa][/border][comment]
// tab icon 02 - backstory //
[/comment][border=0; margin-top: 20px; padding: 0;][fa]fas fa-exclamation-triangle[/fa][/border][comment]
// tab icon 03 - relationships //
[/comment][border=0; margin-top: 20px; padding: 0;][fa]fas fa-seedling[/fa][/border][comment]
// tab icon 04 - combat data //
[/comment][border=0; margin-top: 20px; padding: 0; font-size: 23px;][fa]fab fa-superpowers[/fa][/border][comment]
// tab icon 05 - extra+notes //
[/comment][border=0; margin-top: 20px; padding: 0; font-size: 22px;][fa]far fa-star[/fa][/border][comment]
<------------------ end of tab icons ------------------
[/comment][/border][comment]
<--------- end of left side ---------
--------- start of right side --------->
[/comment][border=0; padding: 0; width: 100%; height: 70vh; max-height: 600px; min-height: 400px; position: relative;][comment]
------------------ start of right side background ------------------>
[/comment][border=0; padding: 0; width: 100%; height: 70vh; max-height: 600px; min-height: 400px; background: linear-gradient(var(--bgcolor), var(--bgcolor)), var(--bgimage); position: absolute; z-index: 1;][/border][comment]
<------------------ end of right side background ------------------
------------------ start of tabs ------------------>
[/comment][border=0; padding: 0; width: 100%; line-height: 36px; position: absolute; left: -70px; top: 14px;][tabs]
[tab=010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101][border=0; display: flex; flex-flow: row wrap; justify-content: center; margin-left: -15px; padding: 15px 30px 15px 15px; width: calc(100% - 2px); height: 70vh; max-height: 600px; min-height: 400px; position: absolute; z-index: 2; top: -14px; left: 70px; overflow-y: scroll; font-size: initial; line-height: initial;][comment]
--------------------------- start of tab01 left --------------------------->
[/comment][border=0; margin-left: 15px; margin-bottom: 30px; padding: 0; flex: 1; width: 100%; max-width: 300px; min-width: 250px; height: calc(70vh - 30px); max-height: 570px; min-height: 370px; overflow: hidden;][border=0; padding: 0 30px 0 0; width: 100%; height: calc(70vh - 30px); max-height: 570px; min-height: 370px; overflow-y: scroll;][comment]
------------------------------------ start of proficon ------------------------------------>
[/comment][border=0; box-sizing: border-box; padding: 10px; width: 100%; position: relative;][comment]
// corner accents //
[/comment][border=0; padding: 0; width: 50px; height: 50px; background: var(--accent); position: absolute; top: 0; left: 0;][/border][border=0; padding: 0; width: 50px; height: 50px; background: var(--accent); position: absolute; bottom: 0; right: 0;][/border][comment]
--------------------------------------------- start of profile image --------------------------------------------->
[/comment][border=0; margin: 0 auto; padding: 100% 0 0 0; width: 100%; background: var(--profileicon); position: relative;][comment]
// artist credit here v v v //
[/comment][border=0; font-family: var(--textfont); font-size: .7em; line-height: 100%; color: var(--offwhite); text-transform: uppercase; position: absolute; bottom: 0; left: 0;]Art: HERE[/border][/border][comment]
<--------------------------------------------- end of profile image ---------------------------------------------
[/comment][/border][comment]
<------------------------------------ end of proficon ------------------------------------
------------------------------------ start of profile data ------------------------------------>
[/comment][border=0; margin-top: 25px; padding: 0; font-size: initial;][comment]
--------------------------------------------- start of profile header --------------------------------------------->
[/comment][border=0; display: inline-block; border-bottom: 1px solid var(--accent); padding: 0 5px; font-family: var(--textfont); font-size: 1em; color: var(--accent); text-transform: uppercase; font-style: italic; position: relative; z-index: 3;]PROFILE[/border][border=0; margin-top: -2px; padding: 0; width: 100%; height: 1px; background: var(--offwhite);][/border][comment]
<--------------------------------------------- end of profile header ---------------------------------------------
--------------------------------------------- start of basic information --------------------------------------------->
[/comment][border=0; margin-top: 20px; padding: 0; width: 100%; font-family: var(--textfont); font-size: .8em; line-height: 110%; font-style: italic;][comment]
------------------------------------------------------ start of info 01 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]NAME...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;]HERE[/border][/border][comment]
<------------------------------------------------------ end of info 01 ------------------------------------------------------
------------------------------------------------------ start of info 03 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]GENDER...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;]HERE[/border][/border][comment]
<------------------------------------------------------ end of info 03 ------------------------------------------------------
------------------------------------------------------ start of info 04 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]AGE...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;]HERE[/border][/border][comment]
<------------------------------------------------------ end of info 04 ------------------------------------------------------
------------------------------------------------------ start of info 05 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]DATE OF BIRTH...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;]MM/DD[/border][/border][comment]
<------------------------------------------------------ end of info 05 ------------------------------------------------------
------------------------------------------------------ start of info 06 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]CLASS...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;]HERE[/border][/border][comment]
<------------------------------------------------------ end of info 06 ------------------------------------------------------
------------------------------------------------------ start of info 07 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]RANK...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;] TEAM LEADER/MEMBER[/border][/border][comment]
<------------------------------------------------------ end of info 07 ------------------------------------------------------
------------------------------------------------------ start of info 08 ------------------------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-top: 13px; margin-left: -5px; padding: 0 5px; width: calc(100% - 5px);][border=0; margin-left: 5px; padding: 0; flex: 1; min-width: 100px; color: var(--accent); text-transform: uppercase; text-align: left;]TEAM...[/border][border=0; margin-left: 5px; padding: 0; flex: 2; min-width: 100px; color: var(--offwhite); text-transform: capitalize; text-align: right;]HERE[/border][/border][comment]
<------------------------------------------------------ end of info 08 ------------------------------------------------------
[/comment][/border][comment]
<--------------------------------------------- end of basic information ---------------------------------------------
[/comment][/border][comment]
<------------------------------------ end of profile data ------------------------------------
[/comment][/border][/border][comment]
<--------------------------- end of tab01 left ---------------------------
--------------------------- start of tab01 right --------------------------->
[/comment][border=0; margin: 10px 0 30px 15px; padding: 0; flex: 3; width: 100%; max-width: 700px; min-width: 250px; height: calc(70vh - 40px); max-height: 560px; min-height: 350px; overflow: hidden;][border=0; padding: 0 30px 0 0; width: 100%; height: calc(70vh - 40px); max-height: 560px; min-height: 360px; overflow-y: scroll;][comment]
------------------------------------ start of header ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row nowrap; margin-left: -10px; margin-bottom: 12px; padding: 0; width: calc(100% + 10px);][border=0; display: inline-block; margin-left: 10px; padding: 0; font-family: var(--headerfont); font-size: 1.8em; line-height: 100%; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;]Appearance[/border][border=0; margin-top: 2px; margin-left: 10px; padding: 0; font-family: var(--textfont); font-size: .7em; line-height: 120%; color: var(--offwhite); font-style: italic; text-align: justify;]Optional Extra Text Here! Leave blank if you'd like.[/border][/border][border=0; margin: 0 auto; padding: 0; width: calc(100% - 10px); height: 1px; background: var(--accent);][/border][comment]
<------------------------------------ end of header ------------------------------------
------------------------------------ start of body text ------------------------------------>
[/comment][border=0; margin-top: 12px; padding: 0; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;][border=0; display: inline; padding: 0; color: var(--accent);]height:[/border] #’##” (###cm)
[border=0; display: inline; padding: 0; color: var(--accent);]hair color:[/border] HERE
[border=0; display: inline; padding: 0; color: var(--accent);]eye color:[/border] HERE
DESCRIPTION HERE
[/border][comment]
<------------------------------------ end of body text ------------------------------------
[/comment][comment]
// divider //
[/comment][border=0; margin: 40px 0; padding: 0; color: var(--accent); font-size: 1em; text-align: center;]⬩ ⬥ ❖ ⬥ ⬩[/border][comment]
------------------------------------ start of header ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row nowrap; margin-left: -10px; margin-bottom: 12px; padding: 0; width: calc(100% + 10px);][border=0; display: inline-block; margin-left: 10px; padding: 0; font-family: var(--headerfont); font-size: 1.8em; line-height: 100%; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;]Personality[/border][border=0; margin-top: 2px; margin-left: 10px; padding: 0; font-family: var(--textfont); font-size: .7em; line-height: 120%; color: var(--offwhite); font-style: italic; text-align: justify;]Optional Extra Text Here! Leave blank if you'd like.[/border][/border][border=0; margin: 0 auto; padding: 0; width: calc(100% - 10px); height: 1px; background: var(--accent);][/border][comment]
<------------------------------------ end of header ------------------------------------
------------------------------------ start of body text ------------------------------------>
[/comment][border=0; margin-top: 12px; padding: 0; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;]
HERE
[/border][comment]
<------------------------------------ end of body text ------------------------------------
[/comment][/border][/border][comment]
<--------------------------- end of tab01 right ---------------------------
[/comment][/border][/tab]
[tab=020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202][border=0; display: flex; flex-flow: row wrap; justify-content: center; margin-left: -15px; padding: 15px 30px 15px 15px; width: calc(100% - 2px); height: 70vh; max-height: 600px; min-height: 400px; position: absolute; z-index: 2; top: -14px; left: 70px; overflow-y: scroll; font-size: initial; line-height: initial;][comment]
--------------------------- start of tab02 left --------------------------->
[/comment][border=0; margin-left: 15px; margin-bottom: 30px; padding: 0; flex: 1; width: 100%; max-width: 300px; min-width: 250px; height: calc(70vh - 30px); max-height: 570px; min-height: 370px; background: var(--historyimage);][/border][comment]
<--------------------------- end of tab02 left ---------------------------
--------------------------- start of tab02 right --------------------------->
[/comment][border=0; margin: 10px 0 30px 15px; padding: 0; flex: 3; width: 100%; max-width: 700px; min-width: 250px; height: calc(70vh - 40px); max-height: 560px; min-height: 350px; overflow: hidden;][border=0; padding: 0 30px 0 0; width: 100%; height: calc(70vh - 40px); max-height: 560px; min-height: 360px; overflow-y: scroll;][comment]
------------------------------------ start of header ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row nowrap; margin-left: -10px; margin-bottom: 12px; padding: 0; width: calc(100% + 10px);][border=0; display: inline-block; margin-left: 10px; padding: 0; font-family: var(--headerfont); font-size: 1.8em; line-height: 100%; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;]Backstory[/border][border=0; margin-top: 2px; margin-left: 10px; padding: 0; font-family: var(--textfont); font-size: .7em; line-height: 120%; color: var(--offwhite); font-style: italic; text-align: justify;]Optional Extra Text Here! Leave blank if you'd like.[/border][/border][border=0; margin: 0 auto; padding: 0; width: calc(100% - 10px); height: 1px; background: var(--accent);][/border][comment]
<------------------------------------ end of header ------------------------------------
------------------------------------ start of body text ------------------------------------>
[/comment][border=0; margin-top: 12px; padding: 0; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;]
HERE
[comment]
// divider //
[/comment][border=0; margin: 40px 0; padding: 0; color: var(--accent); font-size: 1em; text-align: center;]⬩ ⬥ ❖ ⬥ ⬩[/border]
HERE
[/border][comment]
<------------------------------------ end of body text ------------------------------------
[/comment][/border][/border][comment]
<--------------------------- end of tab02 right ---------------------------
[/comment][/border][/tab]
[tab=030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303][border=0; padding: 0; margin: 15px; width: calc(100% - 30px); height: calc(70vh - 30px); max-height: 570px; min-height: 370px; position: absolute; z-index: 2; top: -14px; left: 70px; overflow: hidden; font-size: initial; line-height: initial;][border=0; padding: 0; padding-right: 30px; width: 100%; height: calc(70vh - 30px); max-height: 570px; min-height: 370px; overflow-y: scroll;][comment]
--------------------------- start of header --------------------------->
[/comment][border=0; display: flex; flex-flow: row nowrap; margin-left: -10px; margin-bottom: 12px; padding: 0; width: calc(100% + 10px);][border=0; display: inline-block; margin-left: 10px; padding: 0; font-family: var(--headerfont); font-size: 1.8em; line-height: 100%; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;]Relationships[/border][border=0; margin-top: 2px; margin-left: 10px; padding: 0; font-family: var(--textfont); font-size: .7em; line-height: 120%; color: var(--offwhite); font-style: italic; text-align: justify;]Optional Extra Text Here! Leave blank if you'd like.[/border][/border][border=0; margin: 0 auto; padding: 0; width: calc(100% - 10px); height: 1px; background: var(--accent);][/border][comment]
<--------------------------- end of header ---------------------------
--------------------------- start of rs content--------------------------->
[/comment][comment]
------------------------------------ start of rs01 ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; margin-top: 12px; padding: 0; width: calc(100% + 20px); position: relative;][comment]
---------------------------------------------- start of character tags ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -5px; padding: 0; position: absolute; left: 15%; top: 160px; font-family: var(--textfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-align: center; text-transform: uppercase;][comment]
vvv character tag 01 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship01color);]FIRST SURNAME[/border][comment]
vvv character tag 02 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship01color);]AGE[/border][comment]
vvv character tag 03 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship01color);]RELATIONSHIP[/border][comment]
vvv character tag 04 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship01color);]Played by[/border][/border][comment]
<---------------------------------------------- end of character tags ------------------------------------
[/comment][border=0; margin-left: 20px; margin-bottom: 22px; padding: 0; flex: 1; width: 100%; min-width: 200px; max-width: 300px;][border=0; padding: 0; width: 100%; height: 200px; background: var(--relationship01img);][/border][/border][border=0; box-sizing: border-box; margin-left: 20px; margin-top: 18px; margin-bottom: 22px; padding: 0; flex: 2; width: 100%; min-width: 200px; height: 120px; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify; overflow: hidden;][border=0; box-sizing: content-box; padding: 0; padding-right: 30px; width: 100%; height: 120px; overflow-y: scroll;][comment]
vvv relationship description vvv
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu sem ut odio mattis gravida et nec lorem. Duis vel libero tristique, iaculis ligula id, sollicitudin felis. Curabitur viverra purus turpis, a vulputate quam sagittis ut. Quisque ullamcorper arcu id diam facilisis, vitae aliquet metus efficitur. Nam tincidunt congue facilisis. Pellentesque gravida orci vitae nunc commodo rutrum. Curabitur eu molestie libero. Phasellus id ligula magna.[/border][/border][/border][comment]
<------------------------------------ end of rs01 ------------------------------------
[/comment][comment]
// divider //
[/comment][border=0; margin: 18px 0 40px; padding: 0; color: var(--accent); font-size: 1em; text-align: center;]⬩ ⬥ ❖ ⬥ ⬩[/border][comment]
------------------------------------ start of rs02 ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; margin-top: 12px; padding: 0; width: calc(100% + 20px); position: relative;][comment]
---------------------------------------------- start of character tags ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -5px; padding: 0; position: absolute; left: 15%; top: 160px; font-family: var(--textfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-align: center; text-transform: uppercase;][comment]
vvv character tag 01 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship02color);]FIRST SURNAME[/border][comment]
vvv character tag 02 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship02color);]AGE[/border][comment]
vvv character tag 03 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship02color);]RELATIONSHIP[/border][comment]
vvv character tag 04 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship02color);]Played by[/border][/border][comment]
<---------------------------------------------- end of character tags ------------------------------------
[/comment][border=0; margin-left: 20px; margin-bottom: 22px; padding: 0; flex: 1; width: 100%; min-width: 200px; max-width: 300px;][border=0; padding: 0; width: 100%; height: 200px; background: var(--relationship02img);][/border][/border][border=0; box-sizing: border-box; margin-left: 20px; margin-top: 18px; margin-bottom: 22px; padding: 0; flex: 2; width: 100%; min-width: 200px; height: 120px; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify; overflow: hidden;][border=0; box-sizing: content-box; padding: 0; padding-right: 30px; width: 100%; height: 120px; overflow-y: scroll;][comment]
vvv relationship description vvv
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu sem ut odio mattis gravida et nec lorem. Duis vel libero tristique, iaculis ligula id, sollicitudin felis. Curabitur viverra purus turpis, a vulputate quam sagittis ut. Quisque ullamcorper arcu id diam facilisis, vitae aliquet metus efficitur. Nam tincidunt congue facilisis. Pellentesque gravida orci vitae nunc commodo rutrum. Curabitur eu molestie libero. Phasellus id ligula magna.[/border][/border][/border][comment]
<------------------------------------ end of rs02 ------------------------------------
[/comment][comment]
// divider //
[/comment][border=0; margin: 18px 0 40px; padding: 0; color: var(--accent); font-size: 1em; text-align: center;]⬩ ⬥ ❖ ⬥ ⬩[/border][comment]
------------------------------------ start of rs03 ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; margin-top: 12px; padding: 0; width: calc(100% + 20px); position: relative;][comment]
---------------------------------------------- start of character tags ------------------------------------>
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -5px; padding: 0; position: absolute; left: 15%; top: 160px; font-family: var(--textfont); font-size: .8em; line-height: 100%; color: var(--offwhite); text-align: center; text-transform: uppercase;][comment]
vvv character tag 01 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship03color);]FIRST SURNAME[/border][comment]
vvv character tag 02 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship03color);]AGE[/border][comment]
vvv character tag 03 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship03color);]RELATIONSHIP[/border][comment]
vvv character tag 04 vvv
[/comment][border=0; display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 5px 8px; background: var(--relationship03color);]Played by[/border][/border][comment]
<---------------------------------------------- end of character tags ------------------------------------
[/comment][border=0; margin-left: 20px; margin-bottom: 22px; padding: 0; flex: 1; width: 100%; min-width: 200px; max-width: 300px;][border=0; padding: 0; width: 100%; height: 200px; background: var(--relationship03img);][/border][/border][border=0; box-sizing: border-box; margin-left: 20px; margin-top: 18px; margin-bottom: 22px; padding: 0; flex: 2; width: 100%; min-width: 200px; height: 120px; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify; overflow: hidden;][border=0; box-sizing: content-box; padding: 0; padding-right: 30px; width: 100%; height: 120px; overflow-y: scroll;][comment]
vvv relationship description vvv
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu sem ut odio mattis gravida et nec lorem. Duis vel libero tristique, iaculis ligula id, sollicitudin felis. Curabitur viverra purus turpis, a vulputate quam sagittis ut. Quisque ullamcorper arcu id diam facilisis, vitae aliquet metus efficitur. Nam tincidunt congue facilisis. Pellentesque gravida orci vitae nunc commodo rutrum. Curabitur eu molestie libero. Phasellus id ligula magna.[/border][/border][/border][comment]
<------------------------------------ end of rs03 ------------------------------------
[/comment][comment]
<--------------------------- end of rs content ---------------------------
[/comment][/border][/border][/tab]
[tab=040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404040404][border=0; padding: 0; margin: 15px; width: calc(100% - 30px); height: calc(70vh - 30px); max-height: 570px; min-height: 370px; position: absolute; z-index: 2; top: -14px; left: 70px; overflow: hidden; font-size: initial; line-height: initial;][border=0; padding: 0; padding-right: 30px; width: 100%; height: calc(70vh - 30px); max-height: 570px; min-height: 370px; overflow-y: scroll;][comment]
--------------------------- start of header --------------------------->
[/comment][border=0; display: flex; flex-flow: row nowrap; margin-left: -10px; margin-bottom: 12px; padding: 0; width: calc(100% + 10px);][border=0; display: inline-block; margin-left: 10px; padding: 0; font-family: var(--headerfont); font-size: 1.8em; line-height: 100%; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;]Combat Data[/border][border=0; margin-top: 2px; margin-left: 10px; padding: 0; font-family: var(--textfont); font-size: .7em; line-height: 120%; color: var(--offwhite); font-style: regular; text-align: justify;]PRIMARY CLASS TYPE HERE | "CLASS NAME HERE"[/border][/border][border=0; margin: 0 auto 12px; padding: 0; width: calc(100% - 10px); height: 1px; background: var(--accent);][/border][comment]
<--------------------------- end of header ---------------------------
--------------------------- start of content wrap 01 --------------------------->
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -30px; padding: 0; width: calc(100% + 25px);][comment]
------------------------------------ start of left side/label 01 ------------------------------------>
[/comment][border=0; margin-left: 30px; padding: 0; flex: 1; width: 100%; min-width: 150px; max-width: 300px;][border=0; box-sizing: border-box; margin-bottom: 5px; padding: 3px; width: 100%; background: var(--accent); font-family: var(--textfont); font-size: .9em; line-height: 100%; color: var(--offwhite); text-align: center; text-transform: uppercase;]INSTRUMENT[/border][/border][comment]
<------------------------------------ end of left side/label 01 ------------------------------------
------------------------------------ start of right side 01 ------------------------------------>
[/comment][border=0; margin-left: 30px; padding: 0; flex: 2; width: 100%; min-width: 200px; max-width: 700px; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;][comment]
--------------------------------------------- start of title x1 --------------------------------------------->
[/comment][border=0; padding: 0; text-align: left; text-transform: uppercase;]Instrument/Alchemy/Entoman Overview[/border][comment]
<--------------------------------------------- end of title x1 ---------------------------------------------
--------------------------------------------- start of entry x1 --------------------------------------------->
[/comment][border=0; border-left: 1px solid var(--accent); margin: 5px 0 5px 10px; padding: 5px 0 5px 10px; width: calc(100% - 21px);]Give us some info about your character's class! What does their Instrument look like? What kind of Alchemy do they use? What's their Phylum Gene?
[/border][comment]
<--------------------------------------------- end of title x1 ---------------------------------------------
--------------------------------------------- start of title x2 --------------------------------------------->
[/comment][border=0; padding: 0; text-align: left; text-transform: uppercase;]Instrument/Alchemy/Entoman Utilization[/border][comment]
<--------------------------------------------- end of title x2 ---------------------------------------------
--------------------------------------------- start of entry x2 --------------------------------------------->
[/comment][border=0; border-left: 1px solid var(--accent); margin: 5px 0 5px 10px; padding: 5px 0 5px 10px; width: calc(100% - 21px);]How does your character utilize their class? How do they engage in combat with others? Are there any applications outside of combat?
[/border][comment]
<--------------------------------------------- end of entry x2 ---------------------------------------------
[/comment][/border][comment]
<------------------------------------ end of right side 01 ------------------------------------
[/comment][/border][comment]
<--------------------------- end of content wrap 01 ---------------------------
--------------------------- start of content wrap 02 --------------------------->
[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -30px; padding: 0; width: calc(100% + 25px);][comment]
------------------------------------ start of left side/label 02 ------------------------------------>
[/comment][border=0; margin-left: 30px; padding: 0; flex: 1; width: 100%; min-width: 150px; max-width: 300px;][border=0; box-sizing: border-box; margin-bottom: 5px; padding: 3px; width: 100%; background: var(--accent); font-family: var(--textfont); font-size: .9em; line-height: 100%; color: var(--offwhite); text-align: center; text-transform: uppercase;]Other Items[/border][/border][comment]
<------------------------------------ end of left side/label 02 ------------------------------------
------------------------------------ start of right side 02 ------------------------------------>
[/comment][border=0; margin-left: 30px; padding: 0; flex: 2; width: 100%; min-width: 200px; max-width: 700px; font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;][comment]
--------------------------------------------- start of title x4 --------------------------------------------->
[/comment][border=0; padding: 0; text-align: left; text-transform: uppercase;]Other[/border][comment]
<--------------------------------------------- end of title x4 ---------------------------------------------
--------------------------------------------- start of entry x4 --------------------------------------------->
[/comment][border=0; border-left: 1px solid var(--accent); margin: 5px 0 5px 10px; padding: 5px 0 5px 10px; width: calc(100% - 21px);]Is your character an Alchemist/Entoman that also uses an Instrument? Do they carry any other items on them?
[/border][comment]
<--------------------------------------------- end of title x4 ---------------------------------------------
[/comment][/border][comment]
<------------------------------------ end of right side 02 ------------------------------------
[/comment][/border][comment]
<--------------------------- end of content wrap 02 ---------------------------
[/comment][/border][/border][/tab]
[tab=050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505050505][border=0; padding: 0; margin: 15px; width: calc(100% - 30px); height: calc(70vh - 30px); max-height: 570px; min-height: 370px; position: absolute; z-index: 2; top: -14px; left: 70px; overflow: hidden; font-size: initial; line-height: initial;][border=0; padding: 0; padding-right: 30px; width: 100%; height: calc(70vh - 30px); max-height: 570px; min-height: 370px; overflow-y: scroll;][comment]
--------------------------- start of header --------------------------->
[/comment][border=0; display: flex; flex-flow: row nowrap; margin-left: -10px; margin-bottom: 12px; padding: 0; width: calc(100% + 10px);][border=0; display: inline-block; margin-left: 10px; padding: 0; font-family: var(--headerfont); font-size: 1.8em; line-height: 100%; color: var(--accent); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;]Notes[/border][border=0; margin-top: 2px; margin-left: 10px; padding: 0; font-family: var(--textfont); font-size: .7em; line-height: 120%; color: var(--offwhite); font-style: italic; text-align: justify;]Optional Extra Text Here! Leave blank if you'd like.[/border][/border][border=0; margin: 0 auto; padding: 0; width: calc(100% - 10px); height: 1px; background: var(--accent);][/border][comment]
<--------------------------- end of header ---------------------------
--------------------------- start of note box 001 --------------------------->
[/comment][border=0; display: flex; flex-flow: row nowrap; margin: 12px 0 18px -10px; padding: 0; width: calc(100% + 10px);][border=0; margin-left: 10px; padding: 7px 0; flex: 1; max-width: 50px; text-align: left; font-family: var(--headerfont); font-size: 1.4em; line-height: 100%; color: var(--accent); font-weight: 700;]✓[/border][border=0; border-left: 4px solid var(--accent); box-sizing: border-box; margin-left: 10px; padding: 15px; flex: 10; background: var(--black); font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;]LIKES HERE[/border][/border][comment]
<--------------------------- end of note box 001 ---------------------------
--------------------------- start of note box 002 --------------------------->
[/comment][border=0; display: flex; flex-flow: row nowrap; margin: 12px 0 18px -10px; padding: 0; width: calc(100% + 10px);][border=0; margin-left: 10px; padding: 7px 0; flex: 1; max-width: 50px; text-align: left; font-family: var(--headerfont); font-size: 1.4em; line-height: 100%; color: var(--accent); font-weight: 700;]✘[/border][border=0; border-left: 4px solid var(--accent); box-sizing: border-box; margin-left: 10px; padding: 15px; flex: 10; background: var(--black); font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;]DISLIKES HERE[/border][/border][comment]
<--------------------------- end of note box 002 ---------------------------
--------------------------- start of note box 003 --------------------------->
[/comment][border=0; display: flex; flex-flow: row nowrap; margin: 12px 0 18px -10px; padding: 0; width: calc(100% + 10px);][border=0; margin-left: 10px; padding: 7px 0; flex: 1; max-width: 50px; text-align: left; font-family: var(--headerfont); font-size: 1.4em; line-height: 100%; color: var(--accent); font-weight: 700;]✪[/border][border=0; border-left: 4px solid var(--accent); box-sizing: border-box; margin-left: 10px; padding: 15px; flex: 10; background: var(--black); font-family: var(--textfont); font-size: .9em; line-height: 140%; color: var(--offwhite); text-align: justify;]OTHER NOTES HERE[/border][/border][comment]
<--------------------------- end of note box 003 ---------------------------
[/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: 5px auto 75px; padding: 0; width: 100%; max-width: 1000px; font-size: .6em; text-align: center; text-transform: uppercase; opacity: .5;]code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border]
Last edited: