OOC Marvel Mashup

Below the cut is a sample! :)
<lj-cut text="PROFILE"><lj-raw><div id="container" style="width:70%;max-width:1000px;min-width:600px;margin:0 auto;padding:35px 35px 25px 35px;background:#fff;border:1px solid rgba(0,0,0,0.1);font-family:helvetica,arial,sans-serif;font-size:14px;color:#111;line-height:160%;"> <h1 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 10px 0;margin:0 0 20px 0;font-size:34px;color:#000;"> Firstname Lastname </h1> <div id="sidebar" style="float:right;width:300px;background:#eee;margin-left:20px;"> <div class="side-title" style="background:#000;text-align:center;color:#fff;font-weight:bold;font-size:20px;padding:3px 0;"> Codename </div> <img src="URL" style="width:100%;"> <div class="side-sub" style="background:#000;text-align:center;color:#fff;font-weight:bold;">General Information</div><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);display:flex;flex-wrap:wrap;"> <b style="display:block;width:45%;">Real Name</b> <div style="width:55%;">First Middle Last </div> <b style="display:block;width:45%;">Aliases & Nicknames</b> <div style="width:55%;">Alias / Nickname</div> <b style="display:block;width:45%;">Marital Status</b> <div style="width:55%;">It's Complicated</div> <b style="display:block;width:45%;">Citizenship</b> <div style="width:55%;">Your Papers</div> <b style="display:block;width:45%;">Ethnicity</b> <div style="width:55%;">Your Genes</div> </div> <div class="side-sub" style="background:#000;text-align:center;color:#fff;font-weight:bold;">Characteristics</div><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);display:flex;flex-wrap:wrap;"> <b style="display:block;width:45%;">DoB & Sign</b> <div style="width:55%;">00-00-1900 / Astro. </div> <b style="display:block;width:45%;">Gender & Sexuality</b> <div style="width:55%;">Gender Identity / Kinsey / Descriptor. </div> <b style="display:block;width:45%;">Pinterest</b> <div style="width:55%;"><a href="URL">Here</a>.</div> <b style="display:block;width:45%;">OOC Tag</b> <div style="width:55%;"><a href="http://asylums.insanejournal.com/mashup_ooc/tag/%23surname+firstname">Here</a>.</div> </div><details><summary class="side-sub" style="background:#000;text-align:center;color:#fff;font-weight:bold;cursor:pointer;">Extended Information</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);display:flex;flex-wrap:wrap;"> <b style="display:block;width:45%;">Affiliations</b> <div style="width:55%;margin-bottom:10px;"> Group<br> Group<br> Group<br> </div> <b style="display:block;width:45%;">Relatives</b> <div style="width:55%;margin-bottom:10px;"> Relativename<br> Relativename<br> Relativename<br> </div> <b style="display:block;width:45%;">Education</b> <div style="width:55%;margin-bottom:10px;"> School (2000-2000) Degree<br> School (2000-2000) Degree<br> School (2000-2000) Degree<br> </div> <b style="display:block;width:45%;">Occupation</b> <div style="width:55%;"> Werk<br> Twerk<br> Werk<br> </div> </div></details> </div> <div id="quote" style="margin:0 6%;"> <i>"Quote here."</i><br>—Name Here</div><br> <details open="open"><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">Appearance</summary> <b style="display:block;width:45%;">Height & Weight</b> <div style="width:55%;">0'00" / 000lbs. </div> <b style="display:block;width:45%;">Hair & Eyes</b> <div style="width:55%;">Hair Color / Eye Color. </div> <b style="display:block;width:45%;">Unusual Features</b> <div style="width:55%;"> Tattoos / Scars / Mutations. </div> <b style="display:block;width:45%;">Shirt/Shoe Size & Build</b> <div style="width:55%;">XS-XXXL / 4-18. BuilddescriptionHERE. </div> </details><br> <details open="open"><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">Personality</summary> <b style="display:block;width:45%;">Myers-Briggs Type Indicator</b> <div style="width:55%;">ICUP. </div> <b style="display:block;width:45%;">Politics & Religion</b> <div style="width:55%;">Don't discuss these on a first date. </div> <b style="display:block;width:45%;">General Likes</b> <div style="width:55%;">Music / Film Genres / Brands / Etc. </div> <b style="display:block;width:45%;">General Dislikes</b> <div style="width:55%;">Music / Film Genres / Brands / Etc. </div> <b style="display:block;width:45%;">Currently Into</b> <div style="width:55%;">TV Show / Song-or-Artist / Project / Person / new Starbucks drink.</div> <b style="display:block;width:45%;">Noteworthy / Additional Information</b> <div style="width:55%;">Quirks/Habits / Disabilities/Illnesses / Collections / Bucket List. </div> </details><br> <details open="open"><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">Abilities & Mutation</summary> <blockquote><h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Mutation(s)</h3> Details<br><br> <h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Secondary Mutation(s)</h3> Details<br><br> <h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Skills (Occupational)</h3> Ability info here<br><br> <h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Skills (Recreational)</h3> Ability info here </blockquote></details><br> <details><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">Friends & Alliances</summary> <ul style="list-style:square;"> <li><b><a href="" style="color:#000;text-decoration:none;">Friendname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Friendname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Friendname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Friendname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Friendname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Friendname</a></b> Info here </ul></details><br> <details><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">Enemies & Rivals</summary> <ul style="list-style:square;"> <li><b><a href="" style="color:#000;text-decoration:none;">Enemyname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Enemyname</a></b> Info here <li><b><a href="" style="color:#000;text-decoration:none;">Enemyname</a></b> Info here </ul></details><br> <details><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">History</summary> <blockquote><h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Early Life</h3> History info here<br><br> <h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Teen & College Years</h3> History info here<br><br> <h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Adulthood</h3> History info here<br><br> <h3 style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;">Five Year Plan</h3> Well? </blockquote></details><br> <details open="open"><summary style="border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;margin:0 0 10px 0;font-size:20px;color:#000;font-weight:bold;cursor:pointer;">Gallery</summary><div style="-webkit-column-count:3;-webkit-column-gap:15px;-moz-column-count:3;-moz-column-gap:15px;column-count:3;column-gap:15px;"> <div style="width:95%!important;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="" style="width:100%;"> Img Info </div> <div style="width:95%!important;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="" style="width:100%;"> Img Info </div> <div style="width:95%!important;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="" style="width:100%;"> Img Info </div> <div style="width:95%!important;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="" style="width:100%;"> Img Info </div> <div style="width:95%!important;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="" style="width:100%;"> Img Info </div> <div style="width:95%!important;margin-bottom:5px;padding:2%;border:1px solid rgba(0,0,0,0.1);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="" style="width:100%;"> Img Info </div> </div></details> <div style="margin-top:20px;font-size:11px;text-align:center;letter-spacing:1px;"> <b>Name</b> Name <b>Timezone</b> TZ <b>PB(s)</b> PB Name <b>Code</b> <lj user="tessisamess"> </div> </div></lj-raw>


Keep your CHARACTER DEVELOPMENT information on hand and easy to access for everyone! This is the coding to add to the profile after the very last queue in the personality section. This goes after the < / div > code for "Noteworthy" stuff. To find all these, click the tag "!coding: development" and scroll through to find the ones you filled out - make sure to link to your characters' comments only so we can get right to them.

<b style="display:block;width:45%;">Character Development Links</b> <div style="width:55%;"><a href="">Speed Dating</a> | <a href="">2018 Year End Survey</a> | <a href="">2018 Fall Short Survey</a> | <a href="">2018 Long Survey</a> | <a href="">Play Me a Song</a> | <a href="">2018 "or" Survey</a> | <a href="">Relationship Development Survey</a> | <a href="">What's In Your Wallet?</a> | <a href="">Two Truths and a Lie</a> | <a href="">Nerdvey</a> | <a href="">20 Words</a> | <a href="">2017 Long Surveys</a> | <a href="">Favorites</a> | <a href="">Top 5</a> | <a href="">Confessions</a> </div>

( Click me! )