• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Futuristic SSN REBELLIONIS | Character Submission Thread

OOC
Here
Other
Here

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









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]


 





  • SSN Rebellionis



    confirm identity to proceed_.



    scan fingerprint







image ref: OMMA: Serge Birault, ISEC: Ducky Draws Art, PELL:
 





  • SSN Rebellionis



    confirm identity to proceed_.



    scan fingerprint






Image ref 1 - Jan Goszyk
Image ref 2 - Untraceable (I really tried!)
Image ref 3 - piares
 





  • SSN Rebellionis



    confirm identity to proceed_.



    scan fingerprint






IMAGE SOURCES
NICOLA: Picrew. OC maker
LEONARDO: Man by superschool48 on DeviantArt - www.deviantart.com/superschool48
MAURA: Cindy AvvArt by avvart on DeviantArt - avvart - Professional, Digital Artist | DeviantArt
 





  • SSN Rebellionis



    confirm identity to proceed_.



    scan fingerprint




 





  • SSN Rebellionis



    confirm identity to proceed_.



    scan fingerprint






Photo Credits: https://www.artstation.com/artwork/5Xnw6E, https://www.artstation.com/artwork/5XXWNW, https://www.artstation.com/artwork/RWBWA
 
Last edited:





  • SSN Rebellionis



    confirm identity to proceed_.



    scan fingerprint




 

Users who are viewing this thread

Back
Top