IC Inbox:

ACTION ✗ TEXT ✗ VIDEO ✗ AUDIO

@
CHARACTER CODENAME
✖

CHARACTER NAME !!answer!!

OCCUPATION !!answer!!

PATH !!answer!!

HOUSING NUMBER !!answer!!

❤

<lj-raw><center><font face="courier"><b>ACTION ✗ TEXT ✗ VIDEO ✗ AUDIO</font></b></center><div style="max-width:500px;width:100%;margin:20px auto 40px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start;gap:30px 30px;font-size: clamp(12px, 2vw, 17px);line-height:1.5;font-family:arial, helvetica, sans serif;color:#fff;">

<div style="max-width:625px;width:100%;height:275px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF url('IMAGE_URL_HERE')center 0px;background-size:cover;"></div>

<div style="max-width:625px;width:100%;height:132px;padding-bottom:3px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490
;border-radius:2px;box-shadow:rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF;">

<div style="width:100%;height:30px;padding-bottom:3px;display:flex;flex-wrap:nowrap;justify-content:start;align-items:center;gap:5px;font-family:courier new, monospace;background:#504490
;color:#504490;">

<div style="font-size:20px;color:#fff;">@</div>
<div style="text-transform:uppercase;color:#fff;">CHARACTER CODENAME</div>

<div style="width:100%;align-self:stretch;max-height:90px;padding:8px 10px 2px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;gap:3px 5px;font-size:12px;overflow:auto;scrollbar-width: thin;scrollbar-color:#fff #BCA9FF;">

<fieldset style="width:45%;display:inline-block;padding:0 2px 2px 5px;margin:0;border-collapse:collapse;margin:0;background:#D9C4FF;background-clip:padding-box;border:1px solid #504490;">
<legend style="padding:0;margin:0 5px -3px;font-variant:small-caps;font-size:11px;letter-spacing:1.2px;font-weight:bold;color:#fff">CHARACTER NAME</legend>
!!answer!!
</fieldset>

</div>

</div>
<div style="max-width:700px;width:100%;margin:0 auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">❤</a></div>
</lj-raw>

OOC Permissions:

✦
!!header!!
✖

!!label!! !!answer!!

✦
!!header!!
✖

!! your text here! this comes with a pre-styled divider, seen just below this text. Lookie!

!!divider header!!

see?? you can also keep writing here. Just be sure to mind the lj-raw tags, as usual !!

✦
yes
✖

!! your content here !!

✦
maybe
✖

!! your content here !!

✦
no
✖

!! your content here!!

❤

<lj-raw><div style="max-width:700px;width:100%;margin:20px auto 40px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start;gap:55px 30px;font-size: clamp(12px, 2vw, 17px);line-height:1.5;font-family:arial, helvetica, sans serif;color:#fff;">

<div style="max-width:325px;width:100%;height:300px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:30px;">

<div style="max-width:325px;width:100%;height:150px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF url('IMG_URL')center -20px;background-size:cover;"></div>

<div style="max-width:325px;width:100%;height:132px;padding-bottom:3px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF;">

<div style="width:100%;height:30px;padding-bottom:5px;display:flex;flex-wrap:nowrap;justify-content:start;align-items:center;gap:5px;font-family:courier new, monospace;background:#504490;color:#504490;">

<div style="font-size:20px;color:#fff;">✦</div>
<div style="text-transform:uppercase;color:#fff;">!!header!!</div>

</div>

</div>

</div>

<div style="max-width:325px;width:100%;height:313px;padding-bottom:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF;">

<div style="font-size:20px;color:#fff;">✦</div>
<div style="text-transform:uppercase;color:#fff;">!!header!!</div>

</div>

<div style="width:100%;align-self:stretch;max-height:273px;padding:5px 10px 10px;font-size:12px;text-align:left;overflow:auto;scrollbar-width:thin;scrollbar-color:#fff #BCA9FF;">

</lj-raw>!! your text here! this comes with a pre-styled divider, seen just below this text. Lookie!

<div style="width:100%;margin:-15px auto;padding:1px;line-height:.9;text-align:right;font-weight:bold;border-bottom:1px solid #504490;color:#8574C6">!!divider header!!</div>

see?? you can also keep writing here. Just be sure to mind the lj-raw tags, as usual !!<lj-raw>
</div>

</div>

<div style="min-width:160px;max-width:28.5%;height:313px;padding-bottom:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF;">

</div>

<div style="width:100%;align-self:stretch;height:273px;padding:5px 10px 10px;font-size:12px;text-align:left;overflow:auto;scrollbar-width:thin;scrollbar-color:#fff #BCA9FF;">

</lj-raw>!! your content here !!<lj-raw>
</div>

</div>

<div style="min-width:160px;max-width:28.5%;height:313px;padding-bottom:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF;">

<div style="font-size:20px;color:#fff;">✦</div>
<div style="text-transform:uppercase;color:#fff;">maybe</div>

</div>

<div style="width:100%;align-self:stretch;height:273px;padding:5px 10px 10px;font-size:12px;text-align:left;overflow:auto;scrollbar-width:thin;scrollbar-color:#fff #BCA9FF;">

</lj-raw>!! your content here !!<lj-raw>
</div>

</div>

<div style="min-width:160px;max-width:28.5%;height:313px;padding-bottom:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:0;border:5px solid #504490;border-radius:2px;box-shadow: rgba(106, 92, 171, 0.4) 5px 5px, rgba(106, 92, 171, 0.3) 10px 10px, rgba(106, 92, 171, 0.2) 15px 15px;background:#BCA9FF;">

</div>

<div style="width:100%;align-self:stretch;height:273px;padding:5px 10px 10px;font-size:12px;text-align:left;overflow:auto;scrollbar-width:thin;scrollbar-color:#fff #BCA9FF;">

</lj-raw>!! your content here!!<lj-raw>
</div>

</div>

Character Bio:

BIO

FULL NAME

character name

BIRTH DATE

00/00/0000

AGE

FIELD

answer

ALIAS

aliases

PRONOUNS

pronouns here

FIELD

answer

FIELD

answer

APPEARANCE

A basic text space for an appearance section.

HEIGHT

height value

HAIR

hair color / desc

BUILD

build desc

EYES

eye color

PERSONALITY

this section will scale to any information you put in it. remember to mind the lj-raw tags!!

BACKGROUND

FAMILY

a small space to list family members

family name 1, relation;
description
family name 2, relation;
description

put your history here and mind the lj-raw tags!

ABILITIES

NAME FOR ABILITY/SKILL/MAGIC #1

write a brief description about your ability/talent/magic/whatever here! it'll scale.

ABILITY #2

yeehaw

ABILITY #3

maybe ur character is a parseltongue but for bears idk you do you

MISC

🌕 fact
🌕 fact
🌕 fact

AESTHETIC

(i just wanted to code a generic aesthetic image section that matched my other codes, this could theoretically be used as an 'inventory' section or a 'character lines/relationships' section if you wanted)

OOC

NAME

player

CONTACT

contact

pb name

TIMEZONE

timezone

<lj-raw><div style="max-width:658px;width:100%;margin:10px auto;line-height:1.5;padding:10px;font-family:arial, helvetica, sans serif;color:#000;font-size:12px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;background:#fff;border:1px solid #ddd;">

<div style="max-width:658px;width:100%;display:grid;grid-template-rows:repeat(8, 50px);grid-template-columns:repeat(14, 1fr);gap:10px;margin:0 auto;">

</div>

<div style="width:100%;height:30px;margin:10px auto 0;background:#504490;text-align:right;line-height:1;"><a title="click for profile!" href="#POST_URL_HERE" style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">BIO</a></div>
<div style="display:none;"><center><lj-cut text="application"></center></div>

<div style="max-width:658px;width:100%;margin:15px 0 25px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;column-gap:6%">

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">FULL NAME</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">character name</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">BIRTH DATE</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">00/00/0000</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">FIELD</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">answer</div>

</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">ALIAS</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">aliases</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">PRONOUNS</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">pronouns here</div>

</div>

</div>

<div style="max-width:658px;width:100%;margin:10px 0 25px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;">

<div style="width:100%;height:30px;margin:0 auto 25px;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">APPEARANCE</span></div>

<div style="width:95%;margin:0 auto 15px;"></lj-raw>A basic text space for an appearance section.<lj-raw></div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">HEIGHT</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">height value</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">HAIR</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">hair color / desc</div>

</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">BUILD</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">build desc</div>

<div style="margin-top:10px;font-weight:bold;font-size:10px;line-height:.9;color:#504490;">EYES</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px;text-align:right;color:#000;">eye color</div>

</div>
</div>

<div style="width:100%;margin:0 auto 25px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:7%;">
<div style="width:100%;height:30px;margin:15px auto 25px;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">PERSONALITY</span></div>

<div style="width:95%;margin:0 auto;"></lj-raw>this section will scale to any information you put in it. remember to mind the lj-raw tags!!<lj-raw></div>
</div>

<div style="width:100%;margin:0 auto 25px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:7%;">
<div style="width:100%;height:30px;margin:15px auto 25px;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">BACKGROUND</span></div>

<div style="width:95%;margin:0 auto;">
<div style="float:right;width:45%;margin:0 0 5px 15px"><div style="font-weight:bold;font-size:10px;line-height:.9;color:#504490;">FAMILY</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:10px;text-align:left;color:#000;">
</lj-raw>a small space to list family members

<b>family name 1</b>, relation;
description
<b>family name 2</b>, relation;
description<lj-raw></div></div>

</lj-raw>put your history here and mind the lj-raw tags!<lj-raw>

</div></div>

<div style="width:100%;margin:0 auto 25px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:7%;">
<div style="width:100%;height:30px;margin:15px auto 20px;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">ABILITIES</span></div>

<! -- ABILITY ONE -->
<div style="max-width:650px;width:97%;margin:15px auto 0;">
<div style="font-weight:bold;font-size:10px;line-height:.9;color:#504490;">NAME FOR ABILITY/SKILL/MAGIC #1</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:10px;text-align:left;color:#000;">write a brief description about your ability/talent/magic/whatever here! it'll scale.</div></div>
<! -- ABILITY ONE: END -->

<! -- ABILITY TWO -->
<div style="max-width:650px;width:97%;margin:15px auto 0;">
<div style="font-weight:bold;font-size:10px;line-height:.9;color:#504490;">ABILITY #2</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:10px;text-align:left;color:#000;">yeehaw</div></div>
<! -- ABILITY TWO: END -->

<! -- ABILITY THREE -->
<div style="max-width:650px;width:97%;margin:15px auto 0;">
<div style="font-weight:bold;font-size:10px;line-height:.9;color:#504490;">ABILITY #3</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:10px;text-align:left;color:#000;">maybe ur character is a parseltongue but for bears idk you do you</div></div>
<! -- ABILITY THREE: END -->

</div>

<div style="width:100%;margin:0 auto 25px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:7%;">
<div style="width:100%;height:30px;margin:15px auto 25px;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">MISC</span></div>

<div style="width:100%;margin:0 auto 15px;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:7%;">
<div style="width:100%;height:30px;margin:15px auto 25px;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">AESTHETIC</span></div>

<small>(i just wanted to code a generic aesthetic image section that matched my other codes, this could theoretically be used as an 'inventory' section or a 'character lines/relationships' section if you wanted)<br/><br/></small>

<div style="width:100%;margin:0 auto;text-align:justify;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:5%;"><div style="width:100%;height:30px;margin:15px auto 0;background:#504490;text-align:right;line-height:1;"><span style="text-decoration:none;background:#fff;color:#504490;padding:0 10px;margin:0 10px;font-size:30px;font-weight:bold;">OOC</span></div>

<div style="width:21%;font-size:10px">
<div style="margin-top:5px;font-weight:bold;line-height:.9;color:#504490;">NAME</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px 3px 0;text-align:right;color:#000;">player</div>
</div>

<div style="width:21%;font-size:10px">
<div style="margin-top:5px;font-weight:bold;line-height:.9;color:#504490;">CONTACT</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px 3px 0;text-align:right;color:#000;">contact</div>
</div>

<div style="width:15%;font-size:10px">
<div style="margin-top:5px;font-weight:bold;line-height:.9;color:#504490;">TIMEZONE</div>
<div style="background:#F6E0FF;border-bottom:1px solid #504490;padding:3px 10px 3px 0;text-align:right;color:#000;">timezone</div>
</div>

</div>

</div></lj-raw>

Player Codes

IC Inbox:

OOC Permissions:

Character Bio: