User blog:Saline-Skies/F2u Coding

Oc Name User/Nickname  <div style="display: grid; grid-template-areas: '.          .          tribe      name   name   gender .      .' 'family     family     family     image  image  social social social' 'goal      goal       goal       image  image  social social social' 'occupation occupation occupation image image  like   like   like' 'residence residence  residence  image  image  like   like   like' 'color1    color2     color3     credit credit mbti   age    pronoun'; grid-template-rows: repeat(6,1fr); grid-template-columns: repeat(8,1fr); gap: 6px; margin: 0 auto 26px; max-width: 700px; height: 330px; padding: 6px; font-size: 14px; line-height: 22px; color: #454545;">  FamilyLorem Ipsum Goal</dt>Lorem Ipsum</dd></dl> <div style="grid-area: occupation; overflow-y: auto; border: 1px solid #000; background-color: #f3f3f3;"><dl style="margin: 0;"><dt style="margin-left: 12px;">Occupation</dt>Lorem Ipsum</dd></dl> <div style="grid-area: residence; overflow-y: auto; border: 1px solid #000; background-color: #f3f3f3"><dl style="margin: 0;"><dt style="margin-left: 12px;">Residence</dt>Lorem Ipsum</dd></dl> <div style="grid-area: color1; overflow-y: auto; border: 1px solid #000; background-image: linear-gradient(135deg, #aaa, #ddd);"> <div style="grid-area: color2; overflow-y: auto; border: 1px solid #000; background-image: linear-gradient(135deg, #aaa, #ddd);"> <div style="grid-area: color3; overflow-y: auto; border: 1px solid #000; background-image: linear-gradient(135deg, #aaa, #ddd);"> <div style="grid-area: name; display: flex; flex-direction: column; justify-content: center; border: 1px solid #000; background-color: #f3f3f3; text-align: center; font-weight: bold;"><p style="margin: 0; font-size: 25px; line-height: 1;">Name <p style="margin: 0; font-size: 12px; line-height: 1;">by Username <div style="grid-area: image; max-width: 167.5px; border: 1px solid #000; background-color: #f3f3f3; padding: 15px 0;"> <div style="grid-area: credit; overflow-y: auto; border: 1px solid #000; background-color: #f3f3f3; font-size: 10px; line-height: 10px;"><p style="margin-top: 10px; font-size: 12px; text-align: center; font-weight: bold; text-decoration: underline;">Credits <dl style="padding-left: 1em;">Infobox Picture by:</dt>User:Artist</dd>Infobox code by:</dt>Heliosanctus</dd>Himmalerin</dd>Code base by:</dt>User:Himmalerin</dd></dl> <p style="margin: 4px 25%; height: 36px; width: 36px; border: 2px solid black; background-color: #fff; border-radius: 50%; font-size: 36px; line-height: 38px; text-align: center; color: #000;">☿ <div style="grid-area: social; overflow-y: auto; border: 1px solid #000; background-color: #f3f3f3;"><dl style="margin: 0;"><dt style="margin-left: 12px;">Allies</dt>Lorem Ipsum</dd></dl><hr style="border: 1px dashed #000" /><dl style="margin: 0;"><dt style="margin-left: 12px;">Enemies</dt>Lorem Ipsum</dd></dl> <div style="grid-area: like; overflow-y: auto; border: 1px solid #000; background-color: #f3f3f3;"><dl style="margin: 0;"><dt style="margin-left: 12px;">Likes</dt>Lorem Ipsum</dd></dl><hr style="border: 1px dashed #000" /><dl style="margin: 0;"><dt style="margin-left: 12px;">Dislikes</dt>Lorem Ipsum</dd></dl> <div style="grid-area: mbti; border: 1px solid #000; background-color: #f3f3f3; text-align: center; font-weight: bold;"><p style="margin: 0; font-size: 18px; line-height: 48px;">MBTI <div style="grid-area: age; border: 1px solid #000; background-color: #f3f3f3; text-align: center; font-weight: bold; font-variant: small-caps;"><p style="margin: 5px 0 0;">Age <sup style="font-size: 11px;">##hy / <sub style="font-size: 11px;">##dy <div style="grid-area: pronoun; border: 1px solid #000; background-color: #f3f3f3; text-align: center; font-weight: bold; font-variant: small-caps;"><p style="margin: 5px 0 0;">Pronoun <sup style="font-size: 12px;">they / <sub style="font-size: 12px;">their  <div style="background: #999; border: 8px solid #888; padding: 10px; margin: 20px; text-align: center; color: white">

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">N A M E This character belongs to {Username Here}. Do not steal/edit/use without permission. Coding by AvalonCat.

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">A P P E A R A N C E Text here.

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">P E R S O N A L I T Y Text here

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">S K I L L S
 * Text here

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">H I S T O R Y Text here

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">T R I V I A
 * Text here

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">G A L L E R Y

<div style="z-index:0; position: relative; margin-top: -55px; font-size: 20px; padding: 10px; margin-left: 13px; margin-right: 13px">R E L A T I O N S H I P S Text Here