Sunnytail

Sunnytail CactusOfTruth  <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;">  FamilySmallstep(Mother), Pikewatcher (Brother), https://Thornstar (Father)  Goal</dt>To save lives</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>Medicine Cat</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>TundraClan terrotry </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;">Sunnytail <p style="margin: 0; font-size: 12px; line-height: 1;">by CactusOfTruth <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">S U N N Y T A I L This character belongs to CactusOfTruth. 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 Sunnytail is a shorter, somewhat thin she-cat. She has a off-golden pelt, and striking green and blue eyes. On her back, around her tail, she has a dark golden markings, that go to the tip of her tail.

<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