OOC Marvel Mashup

HEX COLOR CODE PICKER

<lj-raw><div style="width:500px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:15px;line-height:160%;letter-spacing:1px;color:#fff;"> <img src="ICON URL GOES HERE" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #A39CA8;margin:0 auto -60px auto;position:relative;"><div style="background:#000000;padding:15px;border-radius:15px;"> <!--REPLACE JPG URL BELOW TO ADD IMAGE OR COLOR TO CHARACTER NAME--> <div style="text-align:center;font-weight:bold;letter-spacing:4px;margin:60px 0 10px 0;background:url(https://t3.ftcdn.net/jpg/01/91/95/30/360_F_191953033_gehQATeDoh5z6PyRDbeKyBZuS83CjMEF.jpg)center; background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:30px;text-transform:UPPERCASE;">CHARACTER'S NAME</div> <details style="background:#A39CA8;"><summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;">BASICS</summary><div style="padding:20px;background:#24242C;"><small style="font-family: Verdana; font-size: 10px;"><b> Full Name/Nicknames ★</b> HEY YOU </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> DOB/Astro/MBTI ★</b> IN YOUR HEAD </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Hometown/State ★</b> WHEREABOUTS </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Ethnicity/Nationality ★</b> ETHNICITY </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Parents/Family ★</b> FAMILY MEMBERS </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Education ★</b> PLACE/MAJOR/MINOR? </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Role at Xavier's School ★</b> CLASSES? DUTIES? TITLE? </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Scars/Tattoos/Tics ★</b> PIERCINGS & FIXATIONS TOO! </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Pinterest Board ★</b> <a href="LINK HERE">PINS!</a> </small></div></details> <details style="background:#88828c;"><summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;">RELATIONSHIPS & SEXUALITY</summary><div style="padding:20px;background:#24242C;"><small style="font-family: Verdana; font-size: 10px;"><small style="font-family: Verdana; font-size: 10px;"><b> Family & Friends ★</b> HELLO DADDY HELLO MOM </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Gender Identity & Sexual Preference ★</b> KNOW THYSELF </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Relationships (past) ★</b> EXES </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Relationships (present) ★</b> OHS </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Crushes ★</b> SKRT SKRT FLIRT FLIRT </small><br><br><small style="font-family: Verdana; font-size: 10px;"><b> Turn Ons & Turn Offs ★</b> TWO IN THE PINK </small></div></details> <details style="background:#6D6870;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;">20 WORDS</summary><div style="padding:20px;background:#24242C;"> <b>1.</b> <i>Word</i>.<br> <b>2.</b> <i>Word</i>.<br> <b>3.</b> <i>Word</i>.<br> <b>4.</b> <i>Word</i>.<br> <b>5.</b> <i>Word</i>.<br> <b>6.</b> <i>Word</i>.<br> <b>7.</b> <i>Word</i>.<br> <b>8.</b> <i>Word</i>.<br> <b>9.</b> <i>Word</i>.<br> <b>10.</b> <i>Word</i>.<br> <b>11.</b> <i>Word</i>.<br> <b>12.</b> <i>Word</i>.<br> <b>13.</b> <i>Word</i>.<br> <b>14.</b> <i>Word</i>.<br> <b>15.</b> <i>Word</i>.<br> <b>16.</b> <i>Word</i>.<br> <b>17.</b> <i>Word</i>.<br> <b>18.</b> <i>Word</i>.<br> <b>19.</b> <i>Word</i>.<br> <b>20.</b> <i>Word</i>.<br> </div></details> <details style="background:#454346;"><summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;">FAVORITES & TOP 3's</summary><div style="padding:20px;background:#24242C;"> <b>Favorite Breakfast/Lunch/Dinner:</b> HERE <br><b>Favorite Candy/Dessert/Junk Food:</b> HERE <br><b>Favorite Holiday:</b> HERE <br><b>Favorite Flower/Plant:</b> HERE <br><b>Favorite Sport to Play/Exercise:</b> HERE <br><b>Favorite Store at the Mall:</b> HERE <br><b>Favorite Song (@ The Moment):</b> HERE <br><b>Favorite Adult Beverage:</b> HERE <br><b>Favorite Color(s):</b> HERE <!--COLOR PALETTE ERASE ANY CIRCLES YOU DON'T NEED--> <div style="display:flex;align-items:left;justify-content:left;"> <div style="background:#SIX DIGIT HEXCODE;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></div> <div style="background:#SIX DIGIT HEXCODE;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></div> <div style="background:#SIX DIGIT HEXCODE;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></div> <div style="background:#SIX DIGIT HEXCODE;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></div> <div style="background:#SIX DIGIT HEXCODE;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:40px;height:40px;border-radius:100%;margin:0 -5px;"></div></div> <b>Top 3 Emojis:</b> <img src="HERE" height="20"> <img src="HERE" height="20"> <img src="HERE" height="20"> <br><b>Top 3 Movies:</b> HERE <br><b>Top 3 TV Shows:</b> HERE <br><b>Top 3 Video Games:</b> HERE <br><b>Top 3 Apps/Games:</b> HERE <br><b>Top 3 Board/Tabletop Games:</b> HERE <br><b>Top 3 Musical Genres:</b> HERE <br><b>Top 3 Sports/Competitions to Watch:</b> HERE <br><b>Top 3 Porn Searches:</b> HERE </div></details></div></div><center><a href="http://tessisamess.insanejournal.com/" style="font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></lj-raw>

( EXAMPLE! )

Turn Ons & Turn Offs, Kinks & Acts from the book "Sextrology".

<center><lj-cut text="PROFILE"></center><lj-raw><div id="container" style="width:70%;max-width:800px;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:110%;"> <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;">Facial Recognition</div> <img src="GIF 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%;">Codename(s)</b> <div style="width:55%;">Codename</div> <b style="display:block;width:45%;">Nickname(s)</b> <div style="width:55%;">Nickname</div> <b style="display:block;width:45%;">Date of Birth</b> <div style="width:55%;">00-00-1900</div> <b style="display:block;width:45%;">Astrology</b> <div style="width:55%;">Sun Sign, Etc</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> <b style="display:block;width:45%;">Pinterest</b> <div style="width:55%;"><a href="URL">Here</a></div> </div><details open="open"><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%;">Education</b> <div style="width:55%;margin-bottom:10px;"> School<br> (2000-2000)<br> Higher<br> (2000-2000)<br> </div> <b style="display:block;width:45%;">Occupation</b> <div style="width:55%;"> Job<br> Job<br> Job<br> </div> </div></details> </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 & Accoutrement</summary> <b style="display:block;width:45%;">Height & Weight</b> <div style="width:55%;">0'00" / 000lbs / Build. </div> <b style="display:block;width:45%;">Hair & Eyes</b> <div style="width:55%;">Hair / eyes. </div> <b style="display:block;width:45%;">Unusual Features</b> <div style="width:55%;"> Tattoos / Scars / Freckles. </div> <b style="display:block;width:45%;">Typical Accessories</b> <div style="width:55%;"> Weapon, jewelry, hat, items? </div> <b style="display:block;width:45%;">Vehicle / Modum Onerariis</b> <div style="width:55%;"> Car, bicycle, skateboard? </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%;">Positive Traits</b> <div style="width:55%;">Super cool, super cool, super cool. </div> <b style="display:block;width:45%;">Negative Traits</b> <div style="width:55%;">Lame, lame, lame. </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%;">Noteworthy / Additional Information</b> <div style="width:55%;">Quirks / 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</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 Name</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;">Mutation Name</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 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;">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> Childhood, etc. <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> Sports, clubs, expertise, test scores? <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> How you livin'? <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%;"> </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%;"> </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%;"> </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%;"> </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%;"> </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%;"> </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></lj-cut> <center><LJ-CUT TEXT="SOCIAL & ROMANCE"></center> <lj-raw><fieldset style="margin:0 auto;width:70%;max-width:800px;font-family:helvetica,arial,sans-serif;font-size:13px;color:#111;text-align:justify;line-height:170%;border:1px solid rgba(0,0,0,0.1);;padding:0 20px 10px 20px;border-radius:3px;"> <legend style="padding:0 20px;text-align:center;"><img src="ICON URL" style="width:100px;height:100px;border-radius:100px;"> <img src="ICON URL" style="width:100px;height:100px;border-radius:100px;"> <img src="ICON URL" style="width:100px;height:100px;border-radius:100px;"> </legend> <div style="padding:20px;"> <center style="font-weight:bold;font-size:8px;text-transform:uppercase;letter-spacing:3px;"><font style="font-family:arial black,gadget,serif;color:#000;font-size:20px;">NAME HERE</font><br>💌 RELATIONSHIPS 💌</center><br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> RELATIVES 👨‍👩‍👧‍👧</div> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> FRIENDS / ALLIES 🤝</div> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> LOVERS / CRUSHES 🤟</div> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> ADVERSARIES 🖕</div> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <b style="font-size:10px;letter-spacing:2px;">Their Name(s):</b> INFO<br> <br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> ROMANTIC PAST, PRESENT & FUTURE 🔮</div> <b style="font-size:10px;letter-spacing:2px;">Top 3+ Attractive Muses (🎓):</b> ANSWERS<br> <b style="font-size:10px;letter-spacing:2px;">Top 3+ Attractive Muses (💪):</b> ANSWERS<br> <b style="font-size:10px;letter-spacing:2px;">Deal Beakers:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Monogamy or Open?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Jealous / Flirty / Cheat?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">One-Night Stand / Anonymity?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Marriage / Children?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Soul Mates / Love At First Sight?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Long-Term Love Goals:</b> ANSWER<br> <br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> SEX & INTIMACY 🍆🍑</div> <b style="font-size:10px;letter-spacing:2px;">Kinsey / Sexuality:</b> 0-6 / BI STRAIGHT GAY ETC<br> <b style="font-size:10px;letter-spacing:2px;">Turn Ons:</b> SIGHTS, SMELLS, IDEALS<br> <b style="font-size:10px;letter-spacing:2px;">Turn Offs:</b> SIGHTS, SMELLS, IDEALS<br> <b style="font-size:10px;letter-spacing:2px;">👍 Acts / Kinks:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">👎 Acts / Kinks:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Threesome(+)?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Swapping?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Gay / Straight Experiment?:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Fantasies:</b> ANSWER<br> <b style="font-size:10px;letter-spacing:2px;">Date & Getaway Ideas:</b> ANSWER<br> <div style="border-bottom:3px solid #ddd;margin-bottom:10px;font-family:arial black,gadget,serif;text-transform:uppercase;letter-spacing:1px;color:#000;"> </div></div> </fieldset></lj-raw></lj-cut>

( PROFILE )
( SOCIAL & ROMANCE )

Comment with your answers!
2019 WINTER SHORT SURVEY

<b>What would you name a boat?</b> ANSWER <b>Would you rather find your true love or a suitcase with five million dollars inside?</b> ANSWER <b>Your best/worst purchases?</b> ANSWER <b>Body part you wouldn't mind losing?</b> ANSWER <b>Would you rather be able to control fire or water?</b> ANSWER <b>What problem did TV/films make you think would be common, but when you grew up found out it wasn’t?</b> ANSWER <b>What quote or saying do people spout but is complete BS?</b> ANSWER <b>What is the dumbest way you’ve been injured?</b> ANSWER <b>Would you rather live without the internet or live without AC and heating?</b> ANSWER <b>If you were given a one-minute ad slot during the Super Bowl that you couldn’t sell, what would you fill it with?</b> ANSWER <b>Would you rather be alone for the rest of your life or always be surrounded by annoying people?</b> ANSWER <b>What would be on the gag reel of your life?</b> ANSWER <b>Would you rather your shirts be always two sizes too big or one size too small?</b> ANSWER

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! )

<lj-raw><center><div style="width:500px; height: auto; background-color:#fff;"><div style="width:500px; height:150px;display: inline-flex;"> <div style="border: solid 2px #fff; border-top: 4px solid #fff; height:200px; width:500px; background: #000000 url('MOOD 1') no-repeat scroll 0 0 / cover; background-position:right;"><!-- MOOD 1 --></div> <div style="border: solid 2px #fff; border-top: 4px solid #fff; height:155px; width:500px; float:right; background: #000000 url('MOOD 2') no-repeat scroll 0 0 / cover; background-position:left;"><!-- MOOD 2 --></div> </div> <div style="width:500px; height:150px;display: inline-flex;"> <div style="border: solid 2px #fff; border-top: 4px solid #fff; height:205px; width:169px; margin-top: -5px; background: #000000 url('MOOD 3') no-repeat scroll 0 0 / cover; background-position:center;"><!-- MOOD 3 --></div> <div style="border: solid 2px #fff; border-top: 4px solid #fff; height:205px; width:325px; margin-top: -5px; background: #000000 url('MOOD 4') no-repeat scroll 0 0 / cover; background-position:center;"><!-- MOOD 4 --></div> <div style="border: solid 2px #fff; border-top: 4px solid #fff; height:250px; width:500px; float:right; margin-top: -50px; background: #000000 url('MOOD 5') no-repeat scroll 0 0 / cover; background-position: center;"><!-- MOOD 5 --></div> </div> <div style="left: -1px; position: relative !important; top: -277px; width: 155px;margin-bottom:-100px"> <div style="width: 100px; height: 100px; margin: 25px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden; border: 4px solid #fff;"> <div style="background: black; width: 150px; height: 150px; margin: -25px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #000000 url('DIAMOND') no-repeat scroll 0 0 / cover; background-position: center;"><!-- DIAMOND --></div> </div></div></div></center></lj-raw>

PROFILE TOPPER - LINKS TO ALL THEIR OOC BUSINESS
<center><b><a href="">SPEED DATING</a> | <a href="">16 TYPES</a> | <a href="">NERDVEY</a> | <a href="">20 WORDS</a> | <a href="">FAVES</a> | <a href="">TOP 5</a> | <a href="">2 TRUTHS</a><br><a href="">OPEN YOUR BAG</a> | <a href="">LONG SURVEY #1</a> | <a href="">LONG SURVEY #2</a> | <a href="">PIN BOARD</a></b></center>

PROFILE CODING - INCLUDING HISTORY SECTION
<center><lj-cut text="CHARACTER'S PROFILE"></center> <lj-raw> <center><table cellpadding="5px" style="background:#FFF; width: 700px;"> <tr> <td colspan="2"> <center><img src="ICON" style="width: 100px; height: 100px;" /><img src="ICON" style="width: 100px; height: 100px;" /><img src="ICON" style="width: 100px; height: 100px;" /><img src="ICON" style="width: 100px; height: 100px;" /><img src="ICON" style="width: 100px; height: 100px;" /><img src="ICON" style="width: 100px; height: 100px;" /><img src="ICON" style="width: 100px; height: 100px;" /></center> </td> </tr> <tr> <td valign="top"> <div style="width: 338px; height: 200px; overflow: auto; font-family: Arial; font-size: 12px;"> <span style="display: block; margin: 0px; padding-bottom: 3px; font-family: Verdana; font-size: 17px; font-weight: bold; text-transform: uppercase;"><CENTER>EARLY LIFE / BIOLOGY</CENTER></span> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">DOB:</small> Month 00th, 1900 <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Full Name:</small> CHARACTER NAME<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Nicknames:</small> NICKNAME(S)<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Sun Sign:</small> ASTROLOGY <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Hometown:</small> PLACE<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Ethnicity/Nationality:</small> ETHNICITY <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Parents:</small> PARENTS<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Siblings, Etc:</small> RELATIVES<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Education:</small> K-12 <br> <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Mutation:</small> ABILITIES<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Gender:</small> GENDER<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Hair:</small> HAIR COLOR<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Eyes:</small> EYE COLOR<br> <br> </div> </td> <td valign="top"><div style="margin: 0px; padding-right: 12px;width: 338px; height: 200px; overflow: auto; font-family: Arial; font-size: 12px; text-align: justify;"> <span style="display: block; margin: 0px; padding-bottom: 3px; font-family: Verdana; font-size: 17px; font-weight: bold; text-transform: uppercase;"><CENTER>ADULTHOOD</CENTER></span> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Aliases/Codename:</small> CODENAME(S) <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Build:</small> BUILD<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Height:</small> HEIGHT<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Tattoos/Piercings:</small> BODY ART<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Scars:</small> SCARS<br> <BR> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Practical Skills:</small> CAREER-MAKING ABILITIES <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Hobbies:</small> OR "LESSER" SKILLS <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Spirituality:</small> SPIRITUALITY<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Kinsey Scale:</small> SEXUALITY<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Marital Status:</small> STATUS<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Exes:</small> PAST FLINGS<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Children:</small> OFFSPRING <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Occupation:</small> EMPLOYMENT<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Current Residence:</small> RESIDENCE<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Political Alignment:</small> POLITICS<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">General Likes:</small> <3 <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">General Dislikes:</small> YUCK <br> </div> </td> </tr> <tr> <td valign="top" colspan="2" style="700px;"><div style="margin: 0px; padding-right: 12px; height: 350px; overflow: auto; font-family: Arial; font-size: 12px; text-align: justify;"> <span style="display: block; margin: 0px; padding-bottom: 3px; font-family: Verdana; font-size: 17px; font-weight: bold; text-transform: uppercase;"><center>CURRENT AND FUTURE</center></span> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Currently Close With:</small> (6+ CHARACTERS) <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Currently Obsessed With:</small> FOODS, TV, PEOPLE, DESIGNERS, BOOKS, ETC. <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Sexuality (Expanded):</small> TURN ONS, TURN OFFS, KINKS, PAST EXPERIENCES, FANTASIES, ETC. <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Five Year Plan:</small> WHERE/WHAT WILL THEY BE? <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">Noteworthy Information:</small> QUIRKS, EVENTS, HOPES, ASPIRATIONS, ETC. <br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">History:</small> <ul><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li></ul> </div> </td> </tr> <tr> <td colspan="2"> <div style="margin: 0px; padding: 2px; font-family: Verdana; font-size: 10px; text-align: center;"> YOUR NAME <span style="font-weight: bold;">//</span> AIM HANDLE AND/OR CONTACT <span style="font-weight: bold;">//</span> TIMEZONE <span style="font-weight: bold;">//</span> <a href="http://affictitious.insanejournal.com" style="text-decoration: none;" title="Code by ~affictitious">©</a> </div> </td> </tr> </table></center> </lj-raw> </lj-cut>

HISTORY SECTION FOR OLDER PROFILES - ADD AFTER
'NOTEWORTHY INFORMATION' AT THE BOTTOM OF PROFILE
<br> <small style="font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: uppercase;">History:</small> <ul><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li><li><b>2000 -</b> EVENT</li></ul>