fIora
โโโโโโโ
[class name=aspectratio]
display: block;
width: 100%;
padding-top: 60%;
position: relative;
[/class]
[class name=aspectratio maxWidth=1000px]
width: 100%;
padding-top: 0px;
[/class]
[class name=root]
font: 'Calibri', sanserif;
display: block;
margin: auto;
overflow: hidden;
background-color: #000000;
font-smoothing: antialiased;
webkit-font-smoothing: antialiased;
moz-osx-font-smoothing: grayscale;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image: url(https://i.imgur.com/n3fCPHT.png);
background-blend-mode: soft light, normal;
background-size: auto 110%, auto 110%;
background-position: center center, -20vh -10%;
[/class]
[class name=root maxWidth=1000px]
height: auto;
min-height: 100px;
position: relative;
[/class]
[class name=invis]
display: block;
overflow: hidden;
height: 100%;
width: 100%;
position: relative;
z-index: 2;
box-sizing: border-box;
position: relative;
[/class]
[class name=translucentbox]
display: flex;
flex-wrap: row wrap;
justify-content: flex-start;
align-items: right;
align-content: right;
height: calc(100% - 200px);
width: calc(100% - 200px);
background: rgba(12, 12, 31, 0.2);
color: #000000;
overflow: hidden;
box-sizing: content-box;
padding: 30px;
margin-top: 50px;
margin-left: 70px;
margin-right: 100px;
[/class]
[class name=translucentbox maxWidth=1000px]
display: block;
width: 90%;
height: auto;
margin: 5%;
[/class]
[class name=textflex]
flex: 100 0 100px;
height: 100%;
padding-top: 30px;
margin-left: 115px;
margin-right: 100px;
max-width: 90%;
overflow: hidden;
position: relative;
font-size: initial;
[/class]
[class name=textflex maxWidth=1000px]
display: block;
flex: 0 0 0px;
height: auto;
width: 100%;
max-width: none;
[/class]
[class name=subscriptflex]
flex: 1 0 100px;
height: 100%;
margin-left: auto;
margin-bottom: auto;
max-width: 100%;
overflow: hidden;
position: relative;
font-size: initial;
[/class]
[class name=subscriptflex maxWidth=1000px]
display: block;
flex: 0 0 0px;
height: auto;
width: 100%;
max-width: none;
[/class]
[class name=scrollbox]
display: block;
height: 100%;
max-height: 500vh;
width: 100%;
padding-right: 150px;
overflow-x: hidden;
overflow-y: scroll;
font-family: 'Calibri', subserif;
text-align: justify;
color: #FFFFFF;
line-height: normal;
pointer-events: auto;
white-space: normal;
position: relative;
[/class]
[class name=scrollbox maxWidth=1000px]
height: auto;
max-height: 500vmax;
width: 100%;
box-sizing: border-box;
color: #FFFFFF;
margin-bottom: 0px;
overflow-x: hidden;
overflow-y: auto;
padding: 0px;
transition: max-height 1s ease-in-out 1s;
[/class]
[class name=hidebox]
height: 0%;
transition: height .5s ease-in-out 0s;
[/class]
[class name=hidebox maxWidth=1000px]
max-height: 0vmax;
transition: max-height 1s ease-in-out 0s;
[/class]
[class name=section]
display: block;
padding-top: 30px;
padding-bottom: 30px;
box-sizing: content-box;
text-align: justify;
font-size: .9em;
[/class]
[class name=heading]
display: block;
position: sticky;
position: -webkit-sticky;
top: 0px;
left: 0px;
width: 100%;
box-sizing: border-box;
text-align: center;
padding: 5px 10px 0px 10px;
font-size: 5vh;
letter-spacing: -2px;
font-family: 'Open Sans Condensed', Bold 700;
text-transform: uppercase;
background: rgba(137, 196, 244, 0.7);
[/class]
[class name=heading maxWidth=1000px]
background: transparent;
margin-bottom: 15px;
padding: 5px 0px 0px 0px;
[/class]
[class name=statblock]
display: block;
font-size: .7em;
letter-spacing: 1px;
margin-bottom: 6px;
text-transform: uppercase;
[/class]
[class name=statname]
display: inline;
margin-right: 10px;
background: #19221c;
padding: 2px 8px;
text-transform: uppercase;
[/class]
[div class=aspectratio]
[div class=root]
[div class=invis]
[div class=translucentbox]
[div class=textflex]
[div class=subscriptflex]
[div class=scrollbox]
[div class=heading]applications[/div]
[โโโโโโโโโโ 73%] LOADING...
Welcome to the Odyssey Archives and Database. Please enter your details below.
Please refer to the lore page for additional information on the world, factions, etc.
OPERATOR FILE # [โโโ]
[div class=statblock] [div class=statname] BASIC INFORMATION[/div][/div] FULL NAME:
ALIAS / OPERATOR HANDLE:
AGE:
GENDER:
COMBAT EXPERIENCE:
FACTION (IF APPLICABLE):
ROLE WITHIN FACTION (IF APPLICABLE):
[div class=statblock] [div class=statname] ATROPHY-RELATED INFORMATION[/div][/div] INFECTION STATUS (INFECTED / NOT INFECTED):
INFECTION LEVEL:
ABILITIES:
[div class=statblock] [div class=statname] PHYSICAL EXAMINATION[/div][/div] PHYSICAL STRENGTH:
MOBILITY / AGILITY:
PHYSICAL RESILIENCE / DEFENSE:
TACTICAL ABILITY / QUICK THINKING:
MEDICAL KNOWLEDGE:
ATROPHY USAGE / ABILITY CONTROL:
[div class=statblock] [div class=statname] HISTORY[/div][/div] PERSONALITY:
BACKGROUND (PAST 10 YEARS):
[div class=heading]accepted[/div]
accepted applications will go here.
[/div] [/div] [/div] [/div] [/div] [/div] [/div]
Welcome to the Odyssey Archives and Database. Please enter your details below.
Please refer to the lore page for additional information on the world, factions, etc.
OPERATOR FILE # [โโโ]
[div class=statblock] [div class=statname] BASIC INFORMATION[/div][/div] FULL NAME:
ALIAS / OPERATOR HANDLE:
AGE:
GENDER:
COMBAT EXPERIENCE:
FACTION (IF APPLICABLE):
ROLE WITHIN FACTION (IF APPLICABLE):
[div class=statblock] [div class=statname] ATROPHY-RELATED INFORMATION[/div][/div] INFECTION STATUS (INFECTED / NOT INFECTED):
INFECTION LEVEL:
ABILITIES:
[div class=statblock] [div class=statname] PHYSICAL EXAMINATION[/div][/div] PHYSICAL STRENGTH:
MOBILITY / AGILITY:
PHYSICAL RESILIENCE / DEFENSE:
TACTICAL ABILITY / QUICK THINKING:
MEDICAL KNOWLEDGE:
ATROPHY USAGE / ABILITY CONTROL:
[div class=statblock] [div class=statname] HISTORY[/div][/div] PERSONALITY:
BACKGROUND (PAST 10 YEARS):
[div class=heading]accepted[/div]
accepted applications will go here.
[/div] [/div] [/div] [/div] [/div] [/div] [/div]