Zerulu
The Real
This will be where characters for SSN REBELLIONIS will be posted. Please follow the BBCode template below, it'll make everything just look and blend together! Here it is!
SSN Rebellionis
confirm identity to proceed_.
scan fingerprint
Med Report
Psych Report.
Screen Report.
edit details
first name
EDIT FIRST NAME HERE
last name
EDIT LAST NAME HERE
alias(es)
EDIT ALIAS(ES) HERE
date of birth
EDIT: DD.MM.YYYY
gender
EDIT GENDER HERE
blood type
EDIT BLOOD TYPE HERE
index no.
EXAMPLE: #1234
height
EDIT HEIGHT HERE
weight
EDIT WEIGHT HERE
physical description
EDIT PHYSICAL DESCRIPTION HERE
notable afflictions
EDIT NOTABLE AFFLICTIONS HERE
psych report
imported 01/09/789
overview.
personality description
EDIT PERSONALITY DESCRIPTION HERE
inner.
vices
ENTER VICES HERE
neutral
ENTER NEUTRAL HERE
virtues
ENTER VIRTUES HERE
likes
ENTER LIKES HERE
dislikes
ENTER DISLIKES HERE
fears
ENTER FEARS HERE
hobbies
ENTER HOBBIES HERE
skills
ENTER SKILLS HERE
psych. ailments
ENTER PSYCH. AILMENTS HERE
overview.
inner.
personal history
EDIT PERSONAL HISTORY HERE
family history
EDIT FAMILY HISTORY HERE
known connections
EDIT KNOWN CONNECTION 1 HERE
EDIT KNOWN CONNECTION 2 HERE
Code:
[comment]coded by uxie!
[font=Exo 2]header[/font]
[font=PT Mono]body text[/font]
[/comment][border=transparent;
--cursor: url('https://i.imgur.com/0mchkbo.png');
--noise: url('https://i.imgur.com/TQvXN4s.gif');
--noise-2: url('https://i.gifer.com/757a.gif');
--tbp: url('https://i.imgur.com/GrIhLEx.png');
--bg-color: #000;
--bg-2: rgb(0, 0, 0, 0.8);
--color-1: #128e8e;
--color-2: #fff;
--color-3: #21c4c4;
--tbp-c: #10a3a3;
--header: 'Exo 2', sans-serif;
--body: 'PT Mono', sans-serif;
--h1: #fff;
--h2: var(--color-3);
--t-color: #fff;
--cab-1: #ff0000;
--cab-2: #0015ff;
--img-1: url('IMAGE LINK HERE, YOUR FACECLAIM');
--r1: url('IMAGE LINK HERE, CONNECTION 1');
--r2: url('IMAGE LINK HERE, CONNECTION 2');
height:auto; width:100%; max-width:700px; overflow-x:auto; overflow-y:hidden; padding:0; margin:15px auto;][border=transparent; height:450px; width:700px; padding:0; background: var(--bg-color); margin:auto; position:relative; line-height:0; display:flex; align-items:center; justify-content:center; cursor: var(--cursor), auto;][border=transparent; height:100%; width:100%; padding:0; background: var(--noise); background-size:cover; opacity:0.38; mix-blend-mode:screen; position:absolute; top:0; left:0; z-index:10; pointer-events:none;][/border][border=transparent; height:100%; width:100%; padding:0; background: var(--noise-2); background-size:30%; opacity:0.2; mix-blend-mode:multiply; position:absolute; top:0; left:0; z-index:9; pointer-events:none;][/border]
[comment]----first tab container----[/comment]
[border=transparent; height:30px; width:160px; padding:0; overflow:hidden; margin-top:130px;][border=transparent; padding:0; margin:-50px -80px 0 -17px; letter-spacing:5px; line-height:40px; font-family:'Courier', sans-serif;][tabs]
[comment]----lobby tab----[/comment]
[tab=filler..][border=transparent; height:100%; width:100%; padding:20px; box-sizing:border-box; position:absolute; top:0; left:0; pointer-events:none; display:flex; flex-flow:column nowrap; align-items:center; justify-content:flex-start; line-height:0; letter-spacing:0; background: var(--bg-color);]
[comment]----title----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--h1); font-family: var(--header); font-size:57px; line-height:1.2; text-shadow:3px 1px var(--cab-1), -3px -2px var(--cab-2); text-transform:uppercase; letter-spacing:8px; text-align:center; margin:45px 0 40px 0;][comment]
----* * * title here----
[/comment]SSN Rebellionis[/border]
[comment]----subtitle----[/comment]
[border=transparent; height:auto; width:auto; padding:0; color: var(--color-1); font-family: var(--body); font-size:16px; line-height:1.2; text-align:center; text-transform:uppercase; margin-bottom:30px; font-weight:bold;][comment]
----* * * subtitle here----
[/comment]confirm identity to proceed_.[/border]
[comment]----fingerprint----[/comment]
[border=transparent; height:140px; width:200px; padding:0; background: var(--tbp); background-size:contain; background-position:center; background-repeat:no-repeat; image-rendering: crsip-edges; display:flex; justify-content:center; align-items:center; position:relative;][border=transparent; height:100%; width:100%; padding:0; background: var(--tbp-c); opacity:0.6; mix-blend-mode:multiply; position:absolute; top:0; left:0;][/border][border=transparent; height:auto; width:fit-content; min-width:100px; padding:5px 8px; box-sizing:border-box; border-top:2px solid var(--color-1); border-bottom:2px solid var(--color-1); border-radius:1px; color: var(--color-1); background: var(--bg-2); font-size:16px; line-height:100%; letter-spacing:1px; font-family: var(--header); text-transform:uppercase; text-align:center; white-space:nowrap; position:relative; z-index:2; margin-top:10px;][comment]
----* * * instructions----
[/comment]scan fingerprint[/border][/border]
[/border][/tab]
[comment]----lobby tab end----[/comment]
[comment]----main container----[/comment]
[tab=scan....][border=transparent; height:100%; width:100%; padding:20px; box-sizing:border-box; background: var(--bg-color); position:absolute; top:0; left:0; z-index:3; letter-spacing:0; line-height:0;][border=transparent; height:100%; width:100%; padding:0; position:relative; display:flex; align-items:flex-start; justify-content:flex-end;]
[comment]----header----[/comment]
[border=transparent; height:38px; width:100%; padding:0; background: var(--bg-color); position:absolute; top:0; left:0; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:flex-end; pointer-events:none;]
[comment]----random bar----[/comment]
[border=transparent; height:18px; width:180px; padding:2px; box-sizing:border-box; margin:12px auto auto 0; border:2px solid var(--color-1); border-radius:1px;][border=transparent; height:100%; width:60%; padding:0; background: var(--color-1);][/border][/border]
[comment]----buttons----[/comment]
[border=transparent; height:auto; width:auto; padding:0 25px 0 0; box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items:center; margin:0 0 0 15px; flex-shrink:0;]
[comment]----button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap;]
[border=transparent; height:30px; flex:1; padding:4px 8px 4px 10px; box-sizing:border-box; border:2px solid transparent; border-right:0; border-bottom:0; color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:2px;][comment]
----* * *1ST TAB TITLE----
[/comment]Med Report[/border]
[border=transparent; height:28px; width:8px; padding:0; border-radius:0 2px 0 0; transform:skew(35deg); margin:0 0 0 3px; pointer-events:auto;][/border]
[/border]
[comment]----button end----[/comment]
[comment]----button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap;]
[border=transparent; height:30px; flex:1; padding:4px 8px 4px 10px; box-sizing:border-box; border:2px solid transparent; border-right:0; border-bottom:0; color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:2px;][comment]
----* * *2ND TAB TITLE----
[/comment]Psych Report.[/border]
[border=transparent; height:28px; width:8px; padding:0; border-radius:0 2px 0 0; transform:skew(35deg); margin:0 0 0 3px; pointer-events:auto;][/border]
[/border]
[comment]----button end----[/comment]
[comment]----button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap;]
[border=transparent; height:30px; flex:1; padding:4px 8px 4px 10px; box-sizing:border-box; border:2px solid transparent; border-right:0; border-bottom:0; color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:2px;][comment]
----* * * 3RD TAB TITLE----
[/comment]Screen Report.[/border]
[border=transparent; height:28px; width:8px; padding:0; border-radius:0 2px 0 0; transform:skew(35deg); margin:0 0 0 3px; pointer-events:auto;][/border]
[/border]
[comment]----button end----[/comment]
[/border]
[comment]----buttons end----[/comment]
[/border]
[comment]----header/tabs cover end----[/comment]
[comment]----main tabs----[/comment]
[border=transparent; height:38px; width:340px; padding:0; overflow:hidden; margin-right:24px;][border=transparent; height:30px; overflow:hidden; padding:0; margin:13px -60px 0 -20px; font-family: 'Courier', sans-serif; letter-spacing:4px;][tabs]
[comment]----tab one----[/comment]
[tab=1....][border=transparent; height:100%; width:100%; padding:0; display:flex; flex-flow:column nowrap; position:absolute; bottom:0; left:0; pointer-events:none; letter-spacing:0;]
[comment]----button select----[/comment]
[border=transparent; height:40px; width:100%; padding:0 25px 0 0; box-sizing:border-box; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:flex-end; position:relative; top:1.5px;][border=transparent; height:auto; width:auto; padding:0; display:flex; flex-flow:row nowrap; align-items:center; flex-shrink:0; position:relative; z-index:3;]
[comment]----selected button----[/comment]
[border=transparent; height:34px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap; position:relative;][border=transparent; height:0; width:113px; padding:0; position:absolute; bottom:-2px; left:1.8px; z-index:1; border-bottom:5px solid var(--bg-color);][/border]
[border=transparent; height:34px; flex:1; padding:5px 6px 3px 12px; box-sizing:border-box; border:2px solid var(--color-1); border-right:0; border-bottom:0; color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:2px;][/border]
[border=transparent; height:33.5px; width:8px; padding:0; background: var(--color-1); border-radius:0 2px 0 0; transform:skew(35deg); margin:0.5px 0 0 4px; position:relative; z-index:2;][/border]
[/border]
[comment]----selected button end----[/comment]
[comment]----filler button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box;][/border]
[comment]----filler button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box;][/border]
[/border][/border]
[comment]----button select end----[/comment]
[comment]----tab contents container----[/comment]
[border=transparent; height:calc(100% - 40px); width:100%; padding:20px; border:2px solid var(--color-1); border-radius:2px; box-sizing:border-box; position:relative; z-index:1; display:flex; flex-flow:row nowrap; pointer-events:auto;]
[comment]----left (image)----[/comment]
[border=transparent; height:100%; width:200px; padding:3px; box-sizing:border-box; border:2px solid var(--color-1); border-radius:1px; flex-shrink:0; position:relative;][border=transparent; height:100%; width:100%; padding:0; background: var(--img-1); background-size:cover; border-radius:1px;
/*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/border][border=transparent; height:26px; width:auto; padding:0; display:flex; flex-flow:row nowrap; position:absolute; bottom:-2px; left:-5px; border-left:3px solid var(--bg-color);][border=transparent; height:26px; width:14px; padding:0; background: var(--bg-color); position:absolute; right:4px; top:0; transform:skew(25deg);][/border][border=transparent; height:27px; width:8px; padding:0; background: var(--bg-color); position:absolute; right:-2.5px; top:-3px; transform:skew(35deg); border-radius:1px;][/border][border=transparent; height:8px; width:calc(100% - 10.5px); padding:0; background: var(--bg-color); position:absolute; left:3px; top:-3px;][/border][border=transparent; height:26px; width:auto; max-width:160px; overflow:hidden; padding:10px 12px 0 3px; box-sizing:border-box; border-top:2px solid var(--color-1); color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:11px; background: var(--bg-color); position:relative; z-index:2; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; cursor: not-allowed;][comment]
----* * * extra info here----
[/comment]edit details[/border]
[border=transparent; height:25.5px; width:8px; padding:0; background: var(--color-1); transform:skew(35deg); margin:0 0 0 3px; position:relative; z-index:2;][/border][/border][/border]
[comment]----right----[/comment]
[border=transparent;
--box-s: 12px;
--box-l: 11px;
--box-h: 11px;
height:100%; flex:1; padding:0; margin-left:20px; display:flex; flex-flow:column nowrap; border:2px solid var(--color-1); box-sizing:border-box; border-radius:1px; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:calc(50% + 10px); padding:0; display:flex; flex-flow:row wrap; align-items:flex-start; align-content:flex-start; position:relative; top:-1.5px;]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]first name[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT FIRST NAME HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]last name[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT LAST NAME HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:200px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]alias(es)[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT ALIAS(ES) HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]date of birth[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT: DD.MM.YYYY[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:120px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]gender[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT GENDER HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:120px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]blood type[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT BLOOD TYPE HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:80px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]index no.[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EXAMPLE: #1234[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]height[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT HEIGHT HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]weight[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT WEIGHT HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box (long)----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:9px 10px 8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:200px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]physical description[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); letter-spacing:1px; font-size: var(--box-s); line-height:15px;][comment]
----* * * box header here----
[/comment]EDIT PHYSICAL DESCRIPTION HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]notable afflictions[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]EDIT NOTABLE AFFLICTIONS HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment] [/border]
[/border]
[comment]----box end----[/comment]
[/border][/border][/border]
[comment]----right end----[/comment]
[/border]
[comment]----tab contents container end----[/comment]
[/border][/tab]
[comment]----tab one end----[/comment]
[comment]----tab two----[/comment]
[tab=2....][border=transparent; height:100%; width:100%; padding:0; display:flex; flex-flow:column nowrap; position:absolute; bottom:0; left:0; pointer-events:none; letter-spacing:0;]
[comment]----button select----[/comment]
[border=transparent; height:40px; width:100%; padding:0 25px 0 0; box-sizing:border-box; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:flex-end; position:relative; top:1.5px;][border=transparent; height:auto; width:auto; padding:0; display:flex; flex-flow:row nowrap; align-items:center; flex-shrink:0; position:relative; z-index:3;]
[comment]----filler button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box;][/border]
[comment]----selected button----[/comment]
[border=transparent; height:32px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap; position:relative;][border=transparent; height:0; width:113px; padding:0; position:absolute; bottom:-2px; left:1.8px; z-index:1; border-bottom:5px solid var(--bg-color);][/border]
[border=transparent; height:32px; flex:1; padding:5px 6px 3px 12px; box-sizing:border-box; border:2px solid var(--color-1); border-right:0; border-bottom:0; color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:2px;][/border]
[border=transparent; height:32px; width:8px; padding:0; background: var(--color-1); border-radius:0 2px 0 0; transform:skew(35deg); margin:0 0 0 3px; position:relative; z-index:2;][/border]
[/border]
[comment]----selected button end----[/comment]
[comment]----filler button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box;][/border]
[/border][/border]
[comment]----button select end----[/comment]
[comment]----tab contents container----[/comment]
[border=transparent; height:calc(100% - 40px); width:100%; padding:20px; box-sizing:border-box; border:2px solid var(--color-1); border-radius:2px; box-sizing:border-box; pointer-events:auto;][border=transparent; height:100%; width:100%; padding:0; position:relative; z-index:1; display:flex; flex-flow:row-reverse nowrap;]
[comment]----tab header----[/comment]
[border=transparent; height:42px; flex:1; padding:0; margin:-5px 0 0 20px; display:flex; flex-flow:column nowrap; align-items:flex-end;]
[border=transparent; height:auto; width:100%; padding:0; color: var(--h2); font-size:18px; font-weight:bold; font-family: var(--header); letter-spacing:3px; text-transform:uppercase; line-height:100%; text-align:right;][comment]
----* * * tab header here----
[/comment]psych report[/border]
[border=transparent; height:auto; width:auto; padding:0; display:flex; flex-flow:row nowrap; align-items:center; margin:5px 25px 0 0;][border=transparent; padding:0; height:auto; width:fit-content; width:-moz-fit-content; color: var(--color-2); font-size:10px; font-weight:bold; font-family: var(--body); text-transform:uppercase; line-height:100%; letter-spacing:2px; text-align:right;][comment]
----* * * input date here----
[/comment]imported 01/09/789[/border]
[border=transparent; height:0; width:25px; padding:0; border-top:2px solid var(--color-1); margin:3px 0 0 8px;][/border][border=transparent; height:10px; width:6px; padding:0; margin-bottom:7px; background: var(--color-1); transform: skew(-35deg);][/border]
[/border]
[/border]
[comment]----psych tabs----[/comment]
[border=transparent; height:100%; width:150px; padding:0; display:flex; flex-flow:column nowrap;][border=transparent; height:68%; width:150px; padding:0; overflow:hidden;][border=transparent; padding:0; line-height:109px; font-family: 'Courier', sans-serif; letter-spacing:5px; margin:-3px -40px 0 -40px;][tabs]
[comment]----psych tab 1----[/comment]
[tab=p1.......][border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:2; pointer-events:none; letter-spacing:0; line-height:0; display:flex; flex-flow:row nowrap;]
[comment]----button select----[/comment]
[border=transparent; height:65%; width:150px; padding:0; pointer-events:none; display:flex; flex-flow:column nowrap;]
[comment]----selected pbutton----[/comment]
[border=transparent; flex:1; padding:10px; box-sizing:border-box; border:2px solid var(--h1); border-radius:1px; display:flex; align-items:center; justify-content:center; font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-weight:bold; font-size:16px; line-height:18px; color: var(--h1); background: var(--bg-color); pointer-events:auto;][comment]
----* * * pbutton here----
[/comment]overview.[/border]
[comment]----filler pbutton----[/comment]
[border=transparent; flex:1; padding:10px; box-sizing:border-box; border:2px solid transparent; margin:15px 0 0 0;][/border]
[/border]
[comment]----button select end----[/comment]
[comment]----psych tab contents----[/comment]
[border=transparent;
--box-s: 12px;
--box-l: 11px;
--box-h: 11px;
height:calc(100% - 45px); flex:1; padding:0; margin:auto 0 0 20px; overflow:hidden; display:flex; flex-direction:column; border:2px solid var(--color-1); box-sizing:border-box; border-radius:1px; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:calc(50% + 10px); padding:0; display:flex; flex-flow:row wrap; position:relative; top:-1.5px;]
[comment]----box (longer)----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:0 0 9px 0; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:200px; padding:10px 12px 9px 12px; box-sizing:border-box; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin:0.5px 0 5px 0; font-weight:bold; border-bottom:2px solid var(--color-1); background: var(--bg-color); position:sticky; top:0;][comment]
----* * * box header here----
[/comment]personality description[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:3px 12px 3px 12px; box-sizing:border-box; color: var(--t-color); font-family: var(--body); letter-spacing:1px; font-size: var(--box-l); line-height:15px; text-align:justify;][comment]
----* * * box header here----
[/comment]EDIT PERSONALITY DESCRIPTION HERE[/border]
[/border]
[comment]----box end----[/comment]
[/border][/border][/border]
[comment]----psych tab contents end----[/comment]
[/border][/tab]
[comment]----psych tab end----[/comment]
[tab=p2.......][border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:2; pointer-events:none; letter-spacing:0; line-height:0; display:flex; flex-flow:row nowrap;]
[comment]----button select----[/comment]
[border=transparent; height:65%; width:150px; padding:0; pointer-events:none; display:flex; flex-flow:column nowrap;]
[comment]----filler pbutton----[/comment]
[border=transparent; flex:1; padding:10px; box-sizing:border-box; border:2px solid transparent;][/border]
[comment]----selected pbutton----[/comment]
[border=transparent; flex:1; padding:10px; box-sizing:border-box; border:2px solid var(--h1); border-radius:1px; display:flex; align-items:center; justify-content:center; font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-weight:bold; font-size:16px; line-height:18px; color: var(--h1); background: var(--bg-color); pointer-events:auto; margin:15px 0 0 0;][comment]
----* * * pbutton here----
[/comment]inner.[/border]
[/border]
[comment]----button select end----[/comment]
[comment]----psych tab contents----[/comment]
[border=transparent;
--box-s: 12px;
--box-l: 11px;
--box-h: 11px;
height:calc(100% - 45px); flex:1; padding:0; margin:auto 0 0 20px; overflow:hidden; display:flex; flex-direction:column; border:2px solid var(--color-1); box-sizing:border-box; border-radius:1px; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:calc(50% + 10px); padding:0; display:flex; flex-flow:row wrap; position:relative; top:-1.5px;]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:30%; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]vices[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER VICES HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:30%; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]neutral[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER NEUTRAL HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:30%; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]virtues[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER VIRTUES HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]likes[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER LIKES HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]dislikes[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER DISLIKES HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:280px; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]fears[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER FEARS HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]hobbies[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER HOBBIES HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]skills[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER SKILLS HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box----[/comment]
[border=transparent; height:fit-content; flex:1; padding:8px 10px; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:130px; max-width:50%; padding:0; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin-bottom:5px; font-weight:bold;][comment]
----* * * box header here----
[/comment]psych. ailments[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:0; color: var(--t-color); font-family: var(--body); text-transform:uppercase; letter-spacing:1px; font-size: var(--box-s); line-height:16px;][comment]
----* * * box header here----
[/comment]ENTER PSYCH. AILMENTS HERE[/border]
[/border]
[comment]----box end----[/comment]
[/border][/border][/border]
[comment]----psych tab contents end----[/comment]
[/border][/tab]
[/tabs][/border][/border]
[border=transparent; flex:1; width:100%; padding:0; display:flex; flex-flow:row nowrap; align-items:flex-end; justify-content:center;][border=transparent; height:60%; width:15px; padding:0; background: var(--color-1); margin:0 5px;][/border][border=transparent; height:78%; width:15px; padding:0; background: var(--color-1); margin:0 5px;][/border][border=transparent; height:30%; width:15px; padding:0; background: var(--color-1); margin:0 5px;][/border][border=transparent; height:50%; width:15px; padding:0; background: var(--color-1); margin:0 5px;][/border][border=transparent; height:70%; width:15px; padding:0; background: var(--color-1); margin:0 5px;][/border][border=transparent; height:38%; width:15px; padding:0; background: var(--color-1); margin:0 5px;][/border][/border]
[/border]
[comment]----psych tabs end----[/comment]
[comment]----psych buttons----[/comment]
[border=transparent; height:65%; width:150px; padding:0; position:absolute; top:0; left:0; pointer-events:none; display:flex; flex-flow:column nowrap; background: var(--bg-color);]
[comment]----pbutton----[/comment]
[border=transparent; flex:1; padding:10px; box-sizing:border-box; border:2px solid var(--h2); border-radius:1px; display:flex; align-items:center; justify-content:center; font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-weight:bold; font-size:16px; line-height:18px; color: var(--h2);][comment]
----* * * pbutton here----
[/comment]overview.[/border]
[comment]----pbutton----[/comment]
[border=transparent; flex:1; padding:10px; box-sizing:border-box; border:2px solid var(--h2); border-radius:1px; display:flex; align-items:center; justify-content:center; font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-weight:bold; font-size:16px; line-height:18px; margin:15px 0 0 0; color: var(--h2);][comment]
----* * * pbutton here----
[/comment]inner.[/border]
[/border]
[comment]----psych buttons end----[/comment]
[/border][/border]
[comment]----tab contents container end----[/comment]
[/border][/tab]
[comment]----tab two end----[/comment]
[comment]----tab three----[/comment]
[tab=3....][border=transparent; height:100%; width:100%; padding:0; display:flex; flex-flow:column nowrap; position:absolute; bottom:0; left:0; pointer-events:none; letter-spacing:0;]
[comment]----button select----[/comment]
[border=transparent; height:40px; width:100%; padding:0 25px 0 0; box-sizing:border-box; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:flex-end; position:relative; top:1.5px;][border=transparent; height:auto; width:auto; padding:0; display:flex; flex-flow:row nowrap; align-items:center; flex-shrink:0; position:relative; z-index:3;]
[comment]----filler button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box;][/border]
[comment]----filler button----[/comment]
[border=transparent; height:30px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box;][/border]
[comment]----selected button----[/comment]
[border=transparent; height:32px; width:110px; padding:0; margin:0 0 0 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap; position:relative;][border=transparent; height:0; width:113px; padding:0; position:absolute; bottom:-2px; left:1.5px; z-index:1; border-bottom:5px solid var(--bg-color);][/border]
[border=transparent; height:32px; flex:1; padding:5px 6px 3px 12px; box-sizing:border-box; border:2px solid var(--color-1); border-right:0; border-bottom:0; color: var(--h1); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; line-height:100%; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:2px;][/border]
[border=transparent; height:32px; width:8px; padding:0; background: var(--color-1); border-radius:0 2px 0 0; transform:skew(35deg); margin:0 0 0 3px; position:relative; z-index:2;][/border]
[/border]
[comment]----selected button end----[/comment]
[/border][/border]
[comment]----button select end----[/comment]
[comment]----tab contents container----[/comment]
[border=transparent; height:calc(100% - 40px); width:100%; padding:20px; box-sizing:border-box; border:2px solid var(--color-1); border-radius:2px; box-sizing:border-box; position:relative; z-index:1; display:flex; flex-flow:row nowrap;]
[comment]----history container 1----[/comment]
[border=transparent;
--box-s: 12px;
--box-l: 11px;
--box-h: 11px;
height:100%; flex:60; padding:0; margin:0 20px 0 0; overflow:hidden; display:flex; flex-direction:column; border:2px solid var(--color-1); box-sizing:border-box; border-radius:1px; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:calc(50% + 10px); padding:0; display:flex; flex-flow:row wrap; position:relative; top:-1.5px;]
[comment]----box (longer)----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:0 0 9px 0; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:200px; padding:10px 12px 9px 12px; box-sizing:border-box; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin:-0.5px 0 5px 0; font-weight:bold; border-bottom:2px solid var(--color-1); background: var(--bg-color); position:sticky; top:0;][comment]
----* * * box header here----
[/comment]personal history[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:3px 12px 3px 12px; box-sizing:border-box; color: var(--t-color); font-family: var(--body); letter-spacing:1px; font-size: var(--box-l); line-height:15px; text-align:justify;][comment]
----* * * box header here----
[/comment]EDIT PERSONAL HISTORY HERE[/border]
[/border]
[comment]----box end----[/comment]
[comment]----box (longer)----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:0 0 9px 0; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:200px; padding:10px 12px 9px 12px; box-sizing:border-box; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin:0.5px 0 5px 0; font-weight:bold; border-bottom:2px solid var(--color-1); background: var(--bg-color); position:sticky; top:0;][comment]
----* * * box header here----
[/comment]family history[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:3px 12px 3px 12px; box-sizing:border-box; color: var(--t-color); font-family: var(--body); letter-spacing:1px; font-size: var(--box-l); line-height:15px; text-align:justify;][comment]
----* * * box header here----
[/comment]EDIT FAMILY HISTORY HERE[/border]
[/border]
[comment]----box end----[/comment]
[/border][/border][/border]
[comment]----history container end----[/comment]
[comment]----history container 2----[/comment]
[border=transparent;
--box-s: 12px;
--box-l: 11px;
--box-h: 11px;
height:100%; flex:40; padding:0; margin:0; overflow:hidden; display:flex; flex-direction:column; border:2px solid var(--color-1); box-sizing:border-box; border-radius:1px; pointer-events:auto;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:calc(50% + 10px); padding:0; display:flex; flex-flow:row wrap; position:relative; top:-1.5px;]
[comment]----box (longer)----[/comment]
[border=transparent; height:fit-content; flex:1; min-width:fit-content; padding:0 0 9px 0; box-sizing:border-box; border-top:2px solid var(--color-1); box-sizing:border-box; display:flex; flex-flow:column nowrap; border-right:2px solid var(--color-1);]
[comment]----box header----[/comment]
[border=transparent; height:auto; width:auto; min-width:200px; padding:10px 12px 9px 12px; box-sizing:border-box; color: var(--h2); font-family: var(--header); text-transform:uppercase; letter-spacing:2px; font-size: var(--box-h); line-height:13px; margin:-0.5px 0 5px 0; font-weight:bold; border-bottom:2px solid var(--color-1); background: var(--bg-color); position:sticky; top:0;][comment]
----* * * box header here----
[/comment]known connections[/border]
[comment]----box contents----[/comment]
[border=transparent; height:auto; width:100%; padding:8px 6px 3px 12px; box-sizing:border-box; display:flex; flex-flow:column nowrap;][border=0; padding:0; height:0; width:100%; margin-bottom:-15px;][/border]
[comment]----copy this whole thing to add another connection----[/comment]
[border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:column nowrap; align-items:center; margin-top:20px;]
[comment]----image----[/comment]
[border=transparent; height:100px; width:130px; padding:3px; border:2px solid var(--color-1); box-sizing:border-box; flex-shrink:0;][border=transparent; height:100%; width:100%;
/*replace this to match the no. in the variables*/ background: var(--r1);
background-size:cover; padding:0; background-position:50% 50%;][/border][/border]
[comment]----information----[/comment]
[border=transparent; height:100px; width:100%; padding:0; overflow:hidden; display:flex; flex-direction:column; margin-top:15px;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--t-color); font-size:11px; line-height:15px; font-family: var(--body); text-align:justify;][comment]
----* * * text starts here----
[/comment]EDIT KNOWN CONNECTION 1 HERE
[/border][/border][/border]
[comment]----information end----[/comment]
[/border]
[comment]----copy this too!----[/comment]
[comment]----copy this whole thing to add another connection----[/comment]
[border=transparent; height:auto; width:100%; padding:0; display:flex; flex-flow:column nowrap; align-items:center; margin-top:20px;]
[comment]----image----[/comment]
[border=transparent; height:100px; width:130px; padding:3px; border:2px solid var(--color-1); box-sizing:border-box; flex-shrink:0;][border=transparent; height:100%; width:100%;
/*replace this to match the no. in the variables*/ background: var(--r2);
background-size:cover; padding:0; background-position:50% 50%;][/border][/border]
[comment]----information----[/comment]
[border=transparent; height:100px; width:100%; padding:0; overflow:hidden; display:flex; flex-direction:column; margin-top:15px;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--t-color); font-size:11px; line-height:15px; font-family: var(--body); text-align:justify;][comment]
----* * * text starts here----
[/comment]EDIT KNOWN CONNECTION 2 HERE
[/border][/border][/border]
[comment]----information end----[/comment]
[/border]
[comment]----copy this too!----[/comment]
[/border]
[/border]
[comment]----box end----[/comment]
[/border][/border][/border]
[comment]----history container end----[/comment]
[/border]
[comment]----tab contents container end----[/comment]
[/border][/tab]
[comment]----tab three end----[/comment]
[/tabs][/border][/border]
[comment]----main tabs end----[/comment]
[/border][/border][/tab]
[comment]----main container end----[/comment]
[/tabs][/border][/border]
[/border][/border]