Pilgrim59
Ardent Advocate of the Ausrufung
Astral Fulcrum OST -「TRANQUILITY」
▶
ASTRAL
FULCRUM
App Details
Roster
PRINCIPAL CAST
- 01010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101
- 02020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202020202
- 03030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303030303
- App DetailsC SApp DetailsDESTINY AWAITS BEYOND THE DECAYED STARS.Notes001Intel: Throughout the story, you will discover certain intel and relevant information that will be updated for characters in the Principal Casts tab. Make sure to check them out!
Lore: Please give the lore a quick peek (at least the ones pertaining to the conflict between Farbania and Sorento) before writing. I'm more than happy to answer any question in OOC or private messages.
Character Limit: All players are limited to one character. If you have a change of heart following the initiation of one and wishes to play a new character, please PM me and we can arrange the handover process.
Weapons: Pertaining to MOBIUS armaments, your two primary weapons are interchangeable via direct IC interaction with the M.O.M during the preparation phase prior to sortie (refer to Lore - Mobius Manual - Section 1.6). The BoA's SP Weapon is an exclusion and does not take up a weapon slot.
BBCode: You may use any BBCode to your disposal, so long as the required fields below are filled out. The template used for my sheets is provided below the mainscreen in spoilers.Basic002Name: (Your character's full name.)
Mobius: (Your mecha's august moniker.)
Age: (Minimum is 16 - due to conscription law.)
Gender: (Self-explanatory.)
Race: (Please consult with me prior to creating your own race to ensure it fits the setting. Otherwise, opt for any generic high-fantasy race.)
Birthplace: (Optional.)
Squadron: (Squadrons will be assigned by me following the conclusion of the first chapter.)Appearance003Height: (In both Imperial and Metric measurements for reference.)
Hair Color: (Self-explanatory.)
Eye Color: (Self-explanatory.)
Physical Details: (Optional. You may add any other details should your faceclaims fail to show any.)Personal Details004Personality: (Optional.)
Backstory: (Describe your character's life prior to being selected for the MOBIUS Program and their eventual transfer to AICA.)
Personal Effects: (Optional. Any particular mnemonic devices or personal belongings go here.)
Relationships: (Optional. This section is reserved for preestablished affiliations and relations between you and other players' characters.)Combat Details005Aureum Alignment: (Your pilot may specialize in one genre of magic practice. Elaborate on their capabilities. Refer to Lore for more details.)
Aureum Combat Data: (Your pilot may have up to two specialized techniques or abilities that correlates to their alignment.)
MOBIUS Descriptions: (Optional. You may elaborate more on your Mobius's physical appearances. N/A if you deem the faceclaim for your mecha to be sufficient.)
BoA Special Weapon: (Elaborate and describe the capabilities of your Mobius's special weapon.)
BoA Resonance: (Elaborate and describe the capabilities of your Mobius's mana-burst ability.)
H.Y.M.N: (Optional. While highly regarded as an urban legend, you may still select a theme for your Mobius. Perhaps it might change the outcome of the battle.) - RosterC SRosterDESTINY AWAITS BEYOND THE DECAYED STARS.NOCTISINOCTIS 1DURANDELNOCTIS 2REGINANOCTIS 3GREEN OGRENOCTIS 4-UMBRAIIUMBRA 1THE SCHRANIUMBRA 2HELLSCYTHEUMBRA 3CANYONUMBRA 4ZEUSBELLUAIIIBELLUA 1BELIALBELLUA 2ATLASBELLUA 3RITTERBRÜDERBELLUA 4TETRAXSquadron DIVD-1D-1 MECHD-2 MECHD-2 MECHD-3D-3 MECHD-4D-4 MECHSquadron EVE-1E-1 MECHE-2E-2 MECHE-3E-3 MECHE-4E-4 MECHSquadron FVIF-1F-1 MECHF-2F-2 MECHF-3F-3 MECHF-4F-4 MECH
- PRINCIPAL CASTC SPRINCIPAL CASTDESTINY AWAITS BEYOND THE DECAYED STARS.Dr. Darlene Loxley001Full Name: Darlene Hersa Loxley
Age: 35
Race: Human
Height: 5 ft. 7 in. (170 cm)
Affiliation: Imperial Armed Forces of Farbania - Palatine R&D Section
Role: Grand Director of Palatine Section (styled "Dr.")
Birthplace: Saimo V, Farbanian Empire
Aureum Alignment: Unknown
The Head of the Palatine Section, Loxley's rise to prominence began many years ago when she was merely an assistant to the renowned Dr. Maxwell, of whom was credited with the creation of the Mobius Program. Under the latter's guidance, Loxley is well-versed in the finer nature of the unpredictable Bastion of Axia. During the critical point of the war, she oversaw the augmentation process of the first-generation of Mobius pilots and has since continued to refine the procedures to ease the operators' connection with their mechanized counterparts.
When Dr. Maxwell was killed in an incident involving an augmentation failure, it was Loxley's swift and decisive actions that helped the Legion to contain and resolve the situation. Her mentor's death would change her life, as she was now entrusted with her predecessor's works. For the next few years, she would continue to work closely with the Mobius pilots, gathering and analyzing their combat and personal data with their respective Mobiuses. As the war dragged out, it would take a toll on the now Grand Director of the Mobius Program, of whom was keen on seeing to its effective end. As the pilots began to thin out to merely a dozen few, while receiving pressure from the Imperial Council's decision to replace their losses, a plan was then materialized to refresh the project with a new company of younger personnel, of whom would theoretically be more effective when connecting with a Bastion of Axia.
In late 4043, Loxley finally achieved a major breakthrough in her plan. Having secured her budget with the approval of the Empress herself, the Aerospace Initiative Combat Academy materialized with hundreds of personnel on site to aid the Grand Director with the training of the new candidates. The Palatine Section was then given full responsibility over the diverse background of candidates. When the school finally opened in 4045, Loxley finally saw a fraction of her fruitful endeavors realized.Empress Hellriegel002Full Name: Marbella Olysius Nox Ashburn Reverena Charix rui Hellriegel
Age: 40
Race: Human
Height: 5 ft. 4 in. (162 cm)
Affiliation: Imperial Sovereignty of Farbania
Role: Head of State & Government of Farbania (styled "Her Imperial Majesty")
Birthplace: Velika Prime, Farbanian Empire
Aureum Alignment: Unknown
The ruling monarch of Farbania, Marbella the First of Her Imperial Name, was coronated following the passing of her father at a young age. Steadily stoic and elegant, the Empress commands the crowd wherever she treads. A cunning politician as she is a flexible mediator, she can often read into a person's mind before any words are uttered. Born into royalty by blood and oath under the stars of destiny, Hellriegel understood and embraced her role ever since she succeeded her father. Empathetic to the suffering of not only the Farbanians but also of those beyond her realm, the Empress continues to maintain an open channel with Sorento via New Laurel. Unconvinced of the Sorentese's willingness to cooperate, however, Hellriegel is one step away from forsaking her principle in order to protect her citizens. While many have come to favor their Empress's benevolent grace, her unseen wrath remains a forbidden catalyst that almost every Farbanian is fearful of.Sepulcher003Full Name: Unknown
Age: Unknown
Race: Unknown
Height: Unknown
Affiliation: Imperial Armed Forces of Farbania
Role: W.A.C.O (Warning And Control Officer)
Birthplace: Unknown
Aureum Alignment: Unknown
Personally-tasked to the 9th Fleet by Her Imperial Majesty, Sepulcher works cohesively with Admiral Dargais in the capacity of a Warning And Control Officer, who oversaw operational cohesion and organization of Mobius units on the field. While little is known about them, brief exchanges between them and the Admiral over the open channel suggests that they have known each other for a long time and trusted one another. Responsive and quick to relay information with decisive follow-up strategies, Sepulcher is an effective Control Officer whose pragmatic methods are often wired for preservation and survival - a common trait exhibited by Admiral Dargais.Limaye004Full Name: Terabais Ophelia Leuka Limaye
Age: 48
Race: Avian - Aquilian
Height: 6 ft. 1 in. (185 cm)
Affiliation: Imperial Armed Forces of Farbania
Role: M.O.M (Mechanized Ordinance Master)
Birthplace: Isern II, Farbanian Empire
Aureum Alignment: Path of Protection
A blatantly rambunctious senior ordinance officer, Limaye is responsible for Mobius maintenance and arming details, as he is for Admiral Dargais's headache. Always the first to object a bad plan, the man is often at odds with the senior officers above deck. Yet, none have dared to challenge him physically. A decorated SCAR (Special Combat ARcanist) officer with a long record of high-risk missions and low-survivability, Limaye is both respected by his underlings and hated by his commanding officers. Possessing a history of dereliction and disobedience, the avian had his wings busted down to Ordinance Master when he injured a commanding officer. Despite his violent history, Limaye is often described as "a thorn on the ship, but a neccessary one to keep the animals at bay."
Admiral Dargais005Full Name: Deslain Altyr Dargais
Age: 59
Race: Dragonid
Height: 6 ft. 5 in. (195 cm)
Affiliation: Imperial Armed Forces of Farbania
Role: Admiral of the 9th Fleet
Birthplace: Saimo V, Farbanian Empire
Aureum Alignment: Path of Liberation
Previously the commander of the 9th Fleet, Admiral Dargais is a decorated war veteran with years of experience fighting the Sorentese. A relatively reserved man, Dargais maintains his concerns for battles and keeps a cool head while assessing the situation. Considered as the Empress's close associate, the Admiral has strong ties to the imperial household and council. His firm connections and network of political allies give him a certain advantage to sway the court's sentiments however he wished. Yet, despite his privileged authority and influence, the man remained in Imperial Navy to uphold his duties to the Empress. A loyal but intelligent commander, Dargais cares little for his public image and chooses his own battle both on the frontlines and in Velika.
When war broke out between Farbania and Sorento, Dargais initiated a retaliatory operation which promptly crippled the Sorentese supply hub on Jurgen Prime. This helped to slow down the enemy's fleet movement, while providing the Imperial Navy with time to regroup following their decisive defeat against the combined might of the Sorentese Navy and Titan Corps. For the next few years, Dargais employed unconventional raiding operations as a means to disrupt the enemy advances - almost perfecting it. At least, until the introduction of the first generation of Mobius pilots. Tasked with supporting these mechanized fighting machines alongside the 5th Fleet, Dargais carried out his duties to the letter - though with bitter sentiments when it took a great toll on both his men and personal health. Nevertheless, they managed to secure a stalemate in the war, buying Farbania enough time to reform and augment their Mobius Program.
Leading his fleet from the Silver Tenet, a Krazow-class capital carrier, Dargais is aided by his trusty WACO codenamed Sepulcher, and the boisterous but dependable MOM Limaye.???006Full Name: Unknown
Age: ??
Race: Human
Height: 5 ft. 7 in. (170 cm)
Affiliation: Unknown
Role: Unknown
Birthplace: Unknown
Aureum Alignment: N/A
>Complete Operation Fortitude<
Code by Nano
Code:
[comment]-- Font -->[/comment][font=Chakra Petch][border=transparent;
/* Probably best if you don't change anything I haven't commented next to */
--color-b: 8, 18, 28; /* Base colour, use rgb numbers */
--bar-p: 3px 10px 3px 10px;
--bar-bg: rgb(40, 50, 60, 0.8); /* Bar background colour */
--bar-c: rgba(240, 240, 235, 0.9); /* Bar text colour */
--bar-f-s: 0.85em;
--bar-l-h: 1.5;
--bar-o: 0.4;
--tabs-w: 40px;
--tabs-h: 220px;
--tabs-l-h: 4;
--w: 900px;
--h: min(76vh, 440px);
--p-l-r: 0px;
--p-t-b: 10px;
--d: 10px;
/* Background image URL */
--bg-img: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), url('https://i.imgur.com/Vcjbq6g.jpg') 50% 40% / cover;
--tab-cover-l: 0px;
--tab-cover-p-t: 3px;
--tab-cover-p-l: 15px;
--tab-cover-gap: 32px;
--tab-w: 25px;
--tab-o: 0.75;
--tab-p-2: 1px 0px 0px 0px;
--tab-p-3: 1px 0px 0px 0px;
--tab-f-s-1: 1em;
--tab-f-s-2: 0.95em;
--tab-f-s-3: 0.95em;
--tab-f-s-4: 1.1em;
/* Tab Font Awesome icon colours */
--tab-c-1: white; /* Tab 1 Font Awesome icon colour */
--tab-c-2: white; /* Tab 2 Font Awesome icon colour */
--tab-c-3: white; /* Tab 3 Font Awesome icon colour */
--tab-c-4: white; /* Tab 4 Font Awesome icon colour */
/* Header Font Awesome icon colours */
--header-c-1: white; /* Tab 1 header Font Awesome icon colour */
--header-c-2: white; /* Tab 2 header Font Awesome icon colour */
--header-c-3-1: white; /* Tab 3 header 1 Font Awesome icon colour */
--header-c-3-2: white; /* Tab 3 header 2 Font Awesome icon colour */
--header-c-3-3: white; /* Tab 3 header 3 Font Awesome icon colour */
--header-c-3-4: white; /* Tab 3 header 4 Font Awesome icon colour */
--header-c-4: white; /* Tab 4 header Font Awesome icon colour */
--content-container-gap: 0px;
--rotate-t: rotateY(20deg);
--rotate-l: rotateY(22deg);
--rotate-r: rotateY(-22deg);
--rotate-r-d: rotateY(-12deg);
--container-gap: 8px;
--img-container-flex-1: 1 1 210px;
--img-container-p: 25px 0px;
--img-d: 20px;
--img-t: 0px;
--img-l-1: calc(0px - (100% - (2 * var(--img-d))));
--img-l-2: calc(0px - (100% - var(--img-d)));
--img-w: calc(100% - var(--img-d));
--img-h-1: 300px;
--img-h-2: min(calc(var(--h) - (2 * var(--p-t-b)) - var(--header-h-1) - var(--container-gap) - 25px), 330px);
--img-o: 1;
/* Tab Image URLs, change % (x-axis) and px (y-axis) before / to shift image position in icon, change % after / to change image size in icon (or default to cover) */
--img-url-1: url('https://i.imgur.com/sstwUFY.png') no-repeat 50% 0px / cover; /* Tab 1 Image URL */
--img-url-2: url('https://i.imgur.com/Hh9xDjH.png') no-repeat 50% 30% / cover; /* Tab 2 Image URL */
--img-url-3-1: url('https://i.imgur.com/UpSJBZI.jpg') no-repeat 45% 20% / 250%; /* Tab 3 Image URL 1 */
--img-url-3-2: url('https://i.imgur.com/r1K4UNh.jpg') no-repeat 50% 20% / 250%; /* Tab 3 Image URL 2 */
--img-url-4: url('https://i.imgur.com/8sL3do3.png') no-repeat 50% 30% / cover; /* Tab 4 Image URL */
--img-rep-t: calc(0px - var(--img-t));
--img-rep-l: calc(100% - (100% - var(--img-d)));
--img-rep-o: 0.6;
--text-container-flex-1: 5 1 230px;
--text-container-flex-2: 10 1 230px;
--text-container-p: 25px 2px 25px 0px;
--header-h-1: 40px;
--header-h-2: 15px;
--header-p: 10px var(--text-p);
--header-bg: rgba(var(--color-b), 0.7);
--header-f-s-1: 1.4em;
--header-f-s-2: 1.2em;
--header-gap: 5px;
--text-h-1: 320px;
--text-h-2: 220px;
--text-p: 20px;
--text-bg: rgba(var(--color-b), 0.5);
--text-c: rgb(240, 240, 235); /* Text colour */
--text-f-s: 1em;
--text-l-h: 1.5;
--text-gap: 10px;
--label-w: 135px; /* Label width, change if a word is too long for the label */
--field-w: 180px;
--character-container-w: 100%;
--icon-container-flex: 1 1 180px;
--icon-container-p: 10px 0px;
--icon-h: 210px;
--detail-container-p: 10px 0px;][comment]
-- Overall Container --[/comment][border=transparent;
position: relative;
box-sizing: border-box;
width: 100%;
height: var(--h);
padding: 0px;][comment]-- Tabs + Body Container --[/comment][border=transparent;
margin: auto;
max-width: calc(var(--w) + var(--tabs-w));
height: var(--h);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;][comment]-- Tabs --[/comment][border=transparent;
padding: 0px;
background: red;
width: var(--tabs-w);
height: var(--tabs-h);
line-height: var(--tabs-l-h);
overflow: hidden;][tabs]
[tab=.][comment]-- Tab Body 1 --[/comment][comment]-- Background --[/comment][border=transparent;
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
width: 100%;
height: var(--h);
background: var(--bg-img);
padding: 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
pointer-events: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;][comment]
-- Tab Covers --[/comment][border=transparent;
position: relative;
left: var(--tab-cover-l);
box-sizing: border-box;
padding: var(--tab-cover-p-t) 0px 0px var(--tab-cover-p-l);
width: calc(var(--tab-w) + var(--tab-cover-p-l));
height: calc((4 * var(--tab-w)) + (3 * var(--tab-cover-gap)) + var(--tab-cover-p-t));
-webkit-transform: var(--rotate-t);
transform: var(--rotate-t);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--tab-cover-gap);
z-index: 1;][comment]-- Tab Cover 1 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
//background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-1);
font-size: var(--tab-f-s-1);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square fa-beat-fade[/fa][/border][comment]-- Tab Cover 2 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: var(--tab-p-2);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-2);
font-size: var(--tab-f-s-2);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 3 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: var(--tab-p-3);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-3);
font-size: var(--tab-f-s-3);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 4 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-4);
font-size: var(--tab-f-s-4);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][/border][comment]
-- Tab Covers End --[/comment][comment]
-- Body Container --[/comment][border=transparent;
position: relative;
margin-left: calc(var(--tabs-w) - var(--tab-w) - var(--tab-cover-p-l));
box-sizing: border-box;
max-width: var(--w);
height: var(--h);
padding: 0px var(--p-l-r);
overflow: hidden;
pointer-events: auto;][comment]-- Hidden Scroll --[/comment][border=transparent;
box-sizing: border-box;
width: calc(100% + (2 * var(--d)));
height: var(--h);
padding: var(--p-t-b) calc(2 * var(--d)) var(--p-t-b) 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
overflow-y: auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: var(--content-container-gap);][comment]
-- Image + Name Container --[/comment][border=transparent;
flex: var(--img-container-flex-1);
box-sizing: border-box;
padding: var(--img-container-p);
-webkit-transform: var(--rotate-l);
transform: var(--rotate-l);
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;][comment]-- Image Repeat --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-rep-t);
left: 0px;
box-sizing: border-box;
height: var(--img-h-1);
padding: 0px;
background: var(--img-url-1);
opacity: var(--img-rep-o);][/border][comment]-- Image Container --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-t);
left: var(--img-l-1);
box-sizing: border-box;
min-height: calc(var(--img-h-1) + var(--header-h-1));
padding: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: var(--container-gap);][comment]-- Image --[/comment][border=transparent;
flex: 0 0 calc(var(--img-h-1) - var(--container-gap));
position: relative;
box-sizing: border-box;
width: 100%;
padding: 0px;
background: var(--img-url-1);
opacity: var(--img-o);][/border][comment]-- Name Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-1);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-1);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
]CHARACTER NAME[/border][/border][/border][comment]
-- Image + Name Container End --[/comment][comment]
-- Basics Container --[/comment][border=transparent;
flex: var(--text-container-flex-1);
box-sizing: border-box;
padding: var(--text-container-p);
-webkit-transform: var(--rotate-r);
transform: var(--rotate-r);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--container-gap);][comment]-- Header Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-1);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-1);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: var(--header-gap);][comment]-- Header Text --[/comment][border=transparent;
flex: 1 1;
padding: 0px;]PROFILE[/border][comment]-- Header Font Awesome Icon --[/comment][border=transparent;
flex: 0 0;
padding: 0px;
color: var(--header-c-1);][comment]PLACEHOLDER[/comment][/border][/border][comment]-- Basics Text Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--text-h-1);
background: var(--text-bg);
padding: var(--text-p);
color: var(--text-c);
font-size: var(--text-f-s);
line-height: var(--text-l-h);
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: var(--text-gap);][comment]---------------- Mecha Label ----------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]MOBIUS[/border][comment]---------------- Mecha Field ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]MOBIUS NAME[/border][comment]-- Age Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]AGE[/border][comment]---------------- AGE FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Age Number Here[/border][comment]-- Gender Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]GENDER[/border][comment]---------------- GENDER FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Male/Female[/border][comment]-- Race Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]RACE[/border][comment]---------------- RACE FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Human[/border][comment]-- Height Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]HEIGHT[/border][comment]---------------- HEIGHT FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]5 ft. 7 in. (170 cm)[/border][comment]---------------- PHYSICAL LABEL ----------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]PHYSICAL[/border][comment]---------------- PHYSICAL FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Amber eyes, white hair, pale complexion.[/border][comment]-- Affiliation Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]AFFILIATION[/border][comment]---------------- AFFILIATION FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Imperial Armed Forces of Farbania[/border][comment]---------------- HOMELAND LABEL ----------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]BIRTHPLACE[/border][comment]---------------- HOMELAND FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Planet Name, Farbanian Empire[/border][/border][/border][comment]
-- Basics Container End --[/comment][/border][/border][comment]
-- Body Container End --[/comment][/border][/tab]
[tab=.][comment]-- Tab Body 2 --[/comment][comment]-- Background --[/comment][border=transparent;
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
width: 100%;
height: var(--h);
background: var(--bg-img);
padding: 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
pointer-events: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;][comment]
-- Tab Covers --[/comment][border=transparent;
position: relative;
left: var(--tab-cover-l);
box-sizing: border-box;
padding: var(--tab-cover-p-t) 0px 0px var(--tab-cover-p-l);
width: calc(var(--tab-w) + var(--tab-cover-p-l));
height: calc((4 * var(--tab-w)) + (3 * var(--tab-cover-gap)) + var(--tab-cover-p-t));
-webkit-transform: var(--rotate-t);
transform: var(--rotate-t);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--tab-cover-gap);
z-index: 1;][comment]-- Tab Cover 1 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-1);
font-size: var(--tab-f-s-1);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 2 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
//background: var(--header-bg);
padding: var(--tab-p-2);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-2);
font-size: var(--tab-f-s-2);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square fa-beat-fade[/fa][/border][comment]-- Tab Cover 3 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: var(--tab-p-3);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-3);
font-size: var(--tab-f-s-3);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 4 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-4);
font-size: var(--tab-f-s-4);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][/border][comment]
-- Tab Covers End --[/comment][comment]
-- Body Container --[/comment][border=transparent;
position: relative;
margin-left: calc(var(--tabs-w) - var(--tab-w) - var(--tab-cover-p-l));
box-sizing: border-box;
max-width: var(--w);
height: var(--h);
padding: 0px var(--p-l-r);
overflow: hidden;
pointer-events: auto;][comment]-- Hidden Scroll --[/comment][border=transparent;
box-sizing: border-box;
width: calc(100% + (2 * var(--d)));
height: var(--h);
padding: var(--p-t-b) calc(2 * var(--d)) var(--p-t-b) 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
overflow-y: auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
gap: var(--content-container-gap);][comment]
-- Backstory Container --[/comment][border=transparent;
flex: var(--text-container-flex-1);
box-sizing: border-box;
padding: var(--text-container-p);
-webkit-transform: var(--rotate-l);
transform: var(--rotate-l);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--container-gap);][comment]-- Header Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-1);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-1);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: var(--header-gap);][comment]---------------- HEADER TEXT ----------------[/comment][border=transparent;
flex: 1 1;
padding: 0px;
]DOSSIER[/border][comment]-- Header Font Awesome Icon --[/comment][border=transparent;
flex: 0 0;
padding: 0px;
color: var(--header-c-2);][comment]PLACEHOLDER2[/comment][/border][/border][comment]---------------------------- BACKSTORY TEXT BOX ----------------------------[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--text-h-1);
background: var(--text-bg);
padding: var(--text-p);
color: var(--text-c);
font-size: var(--text-f-s);
line-height: var(--text-l-h);
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: var(--text-gap);][comment]
---------------------------- EVENT 1 LABEL ----------------------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]PERSONALITY[/border][comment]---------------------------- EVENT 1 FIELD ----------------------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Personality goes here.
[/border][comment]
---------------------------- EVENT 2 LABEL ----------------------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]ORIGINS[/border][comment]---------------------------- EVENT 2 FIELD ----------------------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Backstory goes here.[/border][comment]
---------------------------- EVENT 3 LABEL ----------------------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]PERSONAL EFFECTS[/border][comment]---------------- EVENT 3 FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
]Personal belongings and souvenirs go here.[/border][/border][/border][comment]
-- Backstory Container End --[/comment][comment]
-- Image + Header Container --[/comment][border=transparent;
position: -webkit-sticky;
position: sticky;
top: 0px;
box-sizing: border-box;
flex: var(--img-container-flex-1);
padding: var(--img-container-p);
-webkit-transform: var(--rotate-r);
transform: var(--rotate-r);
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;][comment]-- Image Repeat --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-rep-t);
left: var(--img-rep-l);
box-sizing: border-box;
height: var(--img-h-2);
padding: 0px;
background: var(--img-url-2);
opacity: var(--img-rep-o);][/border][comment]-- Image Container --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-t);
left: var(--img-l-2);
box-sizing: border-box;
min-height: calc(var(--img-h-2) + var(--header-h-1));
padding: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: var(--container-gap);][comment]-- Image --[/comment][border=transparent;
flex: 0 0 calc(var(--img-h-2) - var(--container-gap));
position: relative;
box-sizing: border-box;
width: 100%;
padding: 0px;
background: var(--img-url-2);
opacity: var(--img-o);][/border][comment]---------------- HEADER BOX ----------------[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-1);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-1);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
]PATH OF EXUDATION[/border][/border][/border][comment]
-- Image + Header Container End --[/comment][/border][/border][comment]
-- Body Container End --[/comment][/border][/tab]
[tab=.][comment]-- Tab Body 3 --[/comment][comment]-- Background --[/comment][border=transparent;
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
width: 100%;
height: var(--h);
background: var(--bg-img);
padding: 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
pointer-events: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;][comment]
-- Tab Covers --[/comment][border=transparent;
position: relative;
left: var(--tab-cover-l);
box-sizing: border-box;
padding: var(--tab-cover-p-t) 0px 0px var(--tab-cover-p-l);
width: calc(var(--tab-w) + var(--tab-cover-p-l));
height: calc((4 * var(--tab-w)) + (3 * var(--tab-cover-gap)) + var(--tab-cover-p-t));
-webkit-transform: var(--rotate-t);
transform: var(--rotate-t);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--tab-cover-gap);
z-index: 1;][comment]-- Tab Cover 1 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-1);
font-size: var(--tab-f-s-1);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 2 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: var(--tab-p-2);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-2);
font-size: var(--tab-f-s-2);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 3 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
//background: var(--header-bg);
padding: var(--tab-p-3);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-3);
font-size: var(--tab-f-s-3);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square fa-beat-fade[/fa][/border][comment]-- Tab Cover 4 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-4);
font-size: var(--tab-f-s-4);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][/border][comment]
-- Tab Covers End --[/comment][comment]
-- Body Container --[/comment][border=transparent;
position: relative;
margin-left: calc(var(--tabs-w) - var(--tab-w) - var(--tab-cover-p-l));
box-sizing: border-box;
max-width: var(--w);
height: var(--h);
padding: 0px var(--p-l-r);
overflow: hidden;
pointer-events: auto;][comment]-- Hidden Scroll --[/comment][border=transparent;
box-sizing: border-box;
width: calc(100% + (2 * var(--d)));
height: var(--h);
padding: var(--p-t-b) calc(2 * var(--d)) var(--p-t-b) 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
overflow-y: auto;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;][comment]
-- Character 1 Container --[/comment][border=transparent;
flex: 0 0;
width: var(--character-container-w);
perspective: 2000px;
perspective-origin: 50% 50%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: var(--content-container-gap);][comment]
-- Image + Name Container --[/comment][border=transparent;
flex: var(--icon-container-flex);
box-sizing: border-box;
padding: var(--icon-container-p);
-webkit-transform: var(--rotate-l);
transform: var(--rotate-l);
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;][comment]-- Image Repeat --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-rep-t);
left: 0px;
box-sizing: border-box;
height: var(--icon-h);
padding: 0px;
background: var(--img-url-3-1);
opacity: var(--img-rep-o);][/border][comment]-- Image Container --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-t);
left: var(--img-l-1);
box-sizing: border-box;
min-height: calc(var(--icon-h) + var(--header-h-2));
padding: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: var(--container-gap);][comment]-- Image --[/comment][border=transparent;
flex: 0 0 calc(var(--icon-h) - var(--container-gap));
position: relative;
box-sizing: border-box;
width: 100%;
padding: 0px;
background: var(--img-url-3-1);
opacity: var(--img-o);][/border][comment]---------------- NAME BOX ----------------[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-2);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-2);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
]MONIKER 1[/border][/border][/border][comment]
-- Image + Name Container End --[/comment][comment]
-- Details Container --[/comment][border=transparent;
flex: var(--text-container-flex-2);
box-sizing: border-box;
padding: var(--detail-container-p);
-webkit-transform: var(--rotate-r-d);
transform: var(--rotate-r-d);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--container-gap);][comment]-- Header Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-2);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-2);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: var(--header-gap);][comment]---------------- HEADER TEXT ----------------[/comment][border=transparent;
flex: 1 1;
padding: 0px;
]CHARACTER NAME 1[/border][comment]-- Header Font Awesome Icon --[/comment][border=transparent;
flex: 0 0;
padding: 0px;
color: var(--header-c-3-1);
]RESTORATION[/border][/border][comment]-- Basics Text Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--text-h-2);
background: var(--text-bg);
padding: var(--text-p);
color: var(--text-c);
font-size: var(--text-f-s);
line-height: var(--text-l-h);
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: var(--text-gap);][comment]---------------------------- RELATIONSHIP LABEL ----------------------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]Relationship[/border][comment]---------------- RELATIONSHIP FIELD----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
padding: 0px;
]Close Associate[/border][comment]---------------- AFFILIATION LABEL ----------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]Affiliation[/border][comment]---------------- AFFILIATION FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
padding: 0px;
]Imperial Armed Forces of Farbania[/border][comment]---------------------------- NOTES LABEL ----------------------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]Notes[/border][comment]---------------- NOTE FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
padding: 0px;
]Insert relationship description here.[/border][/border][/border][comment]
-- Details Container End --[/comment][/border][comment]
-- Character 1 Container End --[/comment][comment]
-- Character 2 Container --[/comment][border=transparent;
flex: 0 0;
width: var(--character-container-w);
perspective: 2000px;
perspective-origin: 50% 50%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: var(--content-container-gap);][comment]
-- Image + Name Container --[/comment][border=transparent;
flex: var(--icon-container-flex);
box-sizing: border-box;
padding: var(--icon-container-p);
-webkit-transform: var(--rotate-l);
transform: var(--rotate-l);
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;][comment]-- Image Repeat --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-rep-t);
left: 0px;
box-sizing: border-box;
height: var(--icon-h);
padding: 0px;
background: var(--img-url-3-2);
opacity: var(--img-rep-o);][/border][comment]-- Image Container --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-t);
left: var(--img-l-1);
box-sizing: border-box;
min-height: calc(var(--icon-h) + var(--header-h-2));
padding: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: var(--container-gap);][comment]-- Image --[/comment][border=transparent;
flex: 0 0 calc(var(--icon-h) - var(--container-gap));
position: relative;
box-sizing: border-box;
width: 100%;
padding: 0px;
background: var(--img-url-3-2);
opacity: var(--img-o);][/border][comment]---------------- NAME BOX ----------------[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-2);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-2);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
]MONIKER 2[/border][/border][/border][comment]
-- Image + Name Container End --[/comment][comment]
-- Details Container --[/comment][border=transparent;
flex: var(--text-container-flex-2);
box-sizing: border-box;
padding: var(--detail-container-p);
-webkit-transform: var(--rotate-r-d);
transform: var(--rotate-r-d);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--container-gap);][comment]-- Header Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-2);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-2);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: var(--header-gap);][comment]---------------- HEADER TEXT ----------------[/comment][border=transparent;
flex: 1 1;
padding: 0px;
]CHARACTER NAME 2[/border][comment]-- Header Font Awesome Icon --[/comment][border=transparent;
flex: 0 0;
padding: 0px;
color: var(--header-c-3-2);
]HAVOC[/border][/border][comment]-- Basics Text Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--text-h-2);
background: var(--text-bg);
padding: var(--text-p);
color: var(--text-c);
font-size: var(--text-f-s);
line-height: var(--text-l-h);
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: var(--text-gap);][comment]---------------------------- RELATIONSHIP LABEL ----------------------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]Relationship[/border][comment]---------------- RELATIONSHIP FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
padding: 0px;
]Close Associate[/border][comment]---------------- AFFILIATION LABEL----------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]Affiliation[/border][comment]---------------- AFFILIATION FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
padding: 0px;
]Imperial Armed Forces of Farbania[/border][comment]---------------- NOTES LABEL ----------------[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;]Notes[/border][comment]---------------- NOTES FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
padding: 0px;
]Insert relationship description here.[/border][/border][/border][comment]
-- Details Container End --[/comment][/border][comment]
-- Character 2 Container End --[/comment][/border][/border][comment]
-- Body Container End --[/comment][/border][/tab]
[tab=.][comment]-- Tab Body 4 --[/comment][comment]-- Background --[/comment][border=transparent;
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
width: 100%;
height: var(--h);
background: var(--bg-img);
padding: 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
pointer-events: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;][comment]
-- Tab Covers --[/comment][border=transparent;
position: relative;
left: var(--tab-cover-l);
box-sizing: border-box;
padding: var(--tab-cover-p-t) 0px 0px var(--tab-cover-p-l);
width: calc(var(--tab-w) + var(--tab-cover-p-l));
height: calc((4 * var(--tab-w)) + (3 * var(--tab-cover-gap)) + var(--tab-cover-p-t));
-webkit-transform: var(--rotate-t);
transform: var(--rotate-t);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--tab-cover-gap);
z-index: 1;][comment]-- Tab Cover 1 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-1);
font-size: var(--tab-f-s-1);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 2 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: var(--tab-p-2);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-2);
font-size: var(--tab-f-s-2);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 3 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
background: var(--header-bg);
padding: var(--tab-p-3);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-3);
font-size: var(--tab-f-s-3);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square[/fa][/border][comment]-- Tab Cover 4 --[/comment][border=transparent;
box-sizing: border-box;
width: var(--tab-w);
height: var(--tab-w);
//background: var(--header-bg);
padding: 0px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
color: var(--tab-c-4);
font-size: var(--tab-f-s-4);
line-height: 1;
opacity: var(--tab-o);][fa]fa-square fa-beat-fade[/fa][/border][/border][comment]
-- Tab Covers End --[/comment][comment]
-- Body Container --[/comment][border=transparent;
position: relative;
margin-left: calc(var(--tabs-w) - var(--tab-w) - var(--tab-cover-p-l));
box-sizing: border-box;
max-width: var(--w);
height: var(--h);
padding: 0px var(--p-l-r);
overflow: hidden;
pointer-events: auto;][comment]-- Hidden Scroll --[/comment][border=transparent;
box-sizing: border-box;
width: calc(100% + (2 * var(--d)));
height: var(--h);
padding: var(--p-t-b) calc(2 * var(--d)) var(--p-t-b) 0px;
perspective: 2000px;
perspective-origin: 50% 50%;
overflow-y: auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
gap: var(--content-container-gap);][comment]
-- Miscellaneous Container --[/comment][border=transparent;
flex: var(--text-container-flex-1);
box-sizing: border-box;
padding: var(--text-container-p);
-webkit-transform: var(--rotate-l);
transform: var(--rotate-l);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: var(--container-gap);][comment]-- Header Box --[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-1);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-1);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: var(--header-gap);][comment]---------------- HEADER TEXT ----------------[/comment][border=transparent;
flex: 1 1;
padding: 0px;
]COMBAT DATA[/border][comment]-- Header Font Awesome Icon --[/comment][border=transparent;
flex: 0 0;
padding: 0px;
color: var(--header-c-4);][comment]PLACEHOLDER[/comment][/border][/border][comment]---------------------------- MISCELLANEOUS TEXT BOX ----------------------------[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--text-h-1);
background: var(--text-bg);
padding: var(--text-p);
color: var(--text-c);
font-size: var(--text-f-s);
line-height: var(--text-l-h);
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
gap: var(--text-gap);][comment]
-- Display Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]AUREUM[/border][comment]---------------- DISPLAY FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
][b]Aureum Alignment:[/b] (For Alignments, see Lore - Glossary - Section 2.)
[b]Aureum Combat Data:[/b]
[Technique 1] - Technique 1 description.
[Technique 2] - Technique 2 description.
[/border][comment]
-- Controls Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]B.O.A SP WEAPON[/border][comment]---------------- CONTROLS FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
][b][SP Weapon Name][/b]
Insert SP Weapon description here.
[/border][comment]
-- Extras Label --[/comment][border=transparent;
flex: 0 0 var(--label-w);
padding: 0px;
font-weight: bold;
text-transform: uppercase;
]B.O.A RESONANCE[/border][comment]---------------- EXTRAS FIELD ----------------[/comment][border=transparent;
flex: 1 1 calc(100% - var(--label-w) - var(--text-gap));
min-width: var(--field-w);
padding: 0px;
][b][Resonance Name][/b]
Insert resonance description here.[/border][/border][/border][comment]
-- Miscellaneous Container End --[/comment][comment]
-- Image + Header Container --[/comment][border=transparent;
position: -webkit-sticky;
position: sticky;
top: 0px;
box-sizing: border-box;
flex: var(--img-container-flex-1);
padding: var(--img-container-p);
-webkit-transform: var(--rotate-r);
transform: var(--rotate-r);
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;][comment]-- Image Repeat --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-rep-t);
left: var(--img-rep-l);
box-sizing: border-box;
height: var(--img-h-2);
padding: 0px;
background: var(--img-url-4);
opacity: var(--img-rep-o);][/border][comment]-- Image Container --[/comment][border=transparent;
flex: 0 0 var(--img-w);
position: relative;
top: var(--img-t);
left: var(--img-l-2);
box-sizing: border-box;
min-height: calc(var(--img-h-2) + var(--header-h-1));
padding: 0px;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
gap: var(--container-gap);][comment]-- Image --[/comment][border=transparent;
flex: 0 0 calc(var(--img-h-2) - var(--container-gap));
position: relative;
box-sizing: border-box;
width: 100%;
padding: 0px;
background: var(--img-url-4);
opacity: var(--img-o);][/border][comment]---------------- HEADER BOX ----------------[/comment][border=transparent;
flex: 0 0;
box-sizing: border-box;
width: 100%;
min-height: var(--header-h-1);
background: var(--header-bg);
padding: var(--header-p);
color: var(--text-c);
font-size: var(--header-f-s-1);
font-weight: bold;
text-transform: uppercase;
line-height: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
]MOBIUS NAME[/border][/border][/border][comment]
-- Image + Header Container End --[/comment][/border][/border][comment]
-- Body Container End --[/comment][/border][/tab]
[/tabs][/border][/border][/border][comment]-- Credits --[/comment][border=transparent;
box-sizing: border-box;
width: 100%;
padding: var(--bar-p);
//background: var(--bar-bg);
//color: var(--bar-c);
font-size: var(--bar-f-s);
line-height: var(--bar-l-h);
text-align: left;
opacity: var(--bar-o);
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
gap: 2px 12px;][border=transparent;
padding: 0px;][B]Coded by:[/B] [USER=70701]@Ambiloquous[/USER][/border][/border][/border][/font]
Last edited: