puddings | (Re)Court Profile Code (Reply)

CHARACTER NAME

Character Canon

Age

Height

###

Pronouns

xx/xx

Housing

♧♢♡♤##

Appearance & Pings Notes

Important things other characters may notice about yours, including supernatural pings, smells, differences in appearance from icons, etc.

COURT INFO

Objectives

Objective 1

reward:

Objective 2

reward:

Objective 3

reward:

Objective 4

reward:

Objective 5

reward:

Taboos

Taboo 1

consequence:

Taboo 2

consequence:

Taboo 3

consequence:

Taboo 4

consequence:

Taboo 5

consequence:

Contracts

Contract 1

master/servant as of day ##

Contract 2

master/servant as of day ##

Contract 3

master/servant as of day ##

Contract 4

cmaster/servant as of day ##

Contract 5

master/servant as of day ##

Court Notes

You can use this space for AU/PG notes, inventory, active projects your character is involved in in Court, w/e.

PLAYER INFO

Player Notes

Put squicks and permissions in here please!

Player Name

Player Pronouns

xx/xx

Contact

DMs ok?

code by cleo

CODE:

<raw-code><div align="center" style="border:1px solid red; padding:5px;">
<div style="maxwidth:800px; background:url(https://puddings.dreamwidth.org/file/25275.png); display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:flex-start; align-content:flex-start; gap:10px; font-family:Verdana; font-size:10pt; color:#000;">

<div style="width:10%; flex-basis:auto; display:grid; grid-template-columns:auto; grid-template-rows:1fr 1fr 1fr; gap:10px; padding:10px;">
<div style="grid-row-start:1; grid-row-end:2;"><img src="https://v.dreamwidth.org/14172509/1318002" style="max-height:100px; max-width:100px; border:2px solid red; box-shadow:5px 5px #000;"></div>
<div style="grid-row-start:2; grid-row-end:3;"><img src="https://v.dreamwidth.org/14172509/1318002" style="max-height:100px; max-width:100px; border:2px solid red; box-shadow:5px 5px #000;"></div>
<div style="grid-row-start:3; grid-row-end:4;"><img src="https://v.dreamwidth.org/14172509/1318002" style="max-height:100px; max-width:100px; border:2px solid red; box-shadow:5px 5px #000;"></div>
</div>

<div style="width:75%; flex-basis:auto; display:grid; grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:20px; padding:10px;">

<div style="width:100%; grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; display:flex; flex-flow:column nowrap; color:#fff; justify-content:flex-start; align-items:flex-end;">
<div style="width:100%; text-align:right; font-size:2.2em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:3px 3px #000;">CHARACTER NAME</div>
<div style="font-size:1em; font-style:italic;">Character Canon</div>
</div>

<div style="width:23%; min-width:120px; display:grid; grid-template-columns:50% 50%; grid-template-rows:1fr; border:1px solid red; box-shadow:5px 5px #000;">
<div style="grid-column-start:1; grid-column-end:2; background-color:#000; color:#fff; font-weight:bold;">Height</div>
<div style="grid-column-start:2; grid-column-end:3; background-color:#fff;">###</div>
</div>

<div style="width:23%; min-width:120px; display:grid; grid-template-columns:50% a50%; grid-template-rows:1fr; border:1px solid red; box-shadow:5px 5px #000;">
<div style="grid-column-start:1; grid-column-end:2; background-color:#000; color:#fff; font-weight:bold;">Pronouns</div>
<div style="grid-column-start:2; grid-column-end:3; background-color:#fff;">xx/xx</div>
</div>

<div style="width:23%; min-width:120px; display:grid; grid-template-columns:50% 50%; grid-template-rows:1fr; border:1px solid red; box-shadow:5px 5px #000;">
<div style="grid-column-start:1; grid-column-end:2; background-color:#000; color:#fff; font-weight:bold;">Housing</div>
<div style="grid-column-start:2; grid-column-end:3; background-color:#fff;">♧♢♡♤##</div>
</div>
</div>

<div style="width:100%; grid-column-start:1; grid-column-end:2; grid-row-start:3; grid-row-end:4; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; gap:10px;">
<div style="font-size:1.5em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:2px 2px #000; color:#fff; ">Appearance & Pings Notes</div>
<div style="min-height:100px; max-height:150px; width:100%; background-color:#fff; border:1px solid red; box-shadow:5px 5px #000; overflow-y:auto; text-align:left; font-size:0.9em; padding:10px;">Important things other characters may notice about yours, including supernatural pings, smells, differences in appearance from icons, etc.</div>
</div>
</div>

<div style="width:90%; flex-basis:auto; display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto; gap:30px; padding:10px;">

<div style="100%; grid-column-start:1; grid-column-end:4; grid-row-start:1; grid-row-end:2; display:flex; flex-flow:column nowrap; color:#fff; justify-content:flex-start; align-items:flex-end;">
<div style="width:100%; text-align:right; font-size:2.2em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:3px 3px #000;">COURT INFO</div>
</div>

<div style="width:98%; grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; gap:10px;">
<div style="font-size:1.5em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:2px 2px #000; color:#fff; ">Objectives</div>
<div style="background-color:#fff; width:100%; min-height:150px; border:1px solid red; box-shadow:5px 5px #000; text-align:left; font-size:0.9em; padding:10px; display:flex; flex-flow:column nowrap;">
<div style="min-height:20px;">Objective 1</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">reward:</div>
<div style="min-height:20px;">Objective 2</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">reward:</div>
<div style="min-height:20px;">Objective 3</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">reward:</div>
<div style="min-height:20px;">Objective 4</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">reward:</div>
<div style="min-height:20px;">Objective 5</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">reward:</div>
</div></div>

<div style="width:98%; grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; gap:10px;">
<div style="font-size:1.5em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:2px 2px #000; color:#fff; ">Taboos</div>
<div style="background-color:#fff; width:100%; min-height:150px; border:1px solid red; box-shadow:5px 5px #000; text-align:left; font-size:0.9em; padding:10px; display:flex; flex-flow:column nowrap;">
<div style="min-height:20px;">Taboo 1</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">consequence:</div>
<div style="min-height:20px;">Taboo 2</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">consequence:</div>
<div style="min-height:20px;">Taboo 3</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">consequence:</div>
<div style="min-height:20px;">Taboo 4</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">consequence:</div>
<div style="min-height:20px;">Taboo 5</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">consequence:</div>
</div></div>

<div style="width:98%; grid-column-start:3; grid-column-end:4; grid-row-start:2; grid-row-end:3; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; gap:10px;">
<div style="font-size:1.5em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:2px 2px #000; color:#fff; ">Contracts</div>
<div style="background-color:#fff; width:100%; min-height:150px; border:1px solid red; box-shadow:5px 5px #000; text-align:left; font-size:0.9em; padding:10px; display:flex; flex-flow:column nowrap;">
<div style="min-height:20px;">Contract 1</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">master/servant as of day ##</div>
<div style="min-height:20px;">Contract 2</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">master/servant as of day ##</div>
<div style="min-height:20px;">Contract 3</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">master/servant as of day ##</div>
<div style="min-height:20px;">Contract 4</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">cmaster/servant as of day ##</div>
<div style="min-height:20px;">Contract 5</div>
<div style="mind-height:15px; background-color:#cccccc; font-size:0.8em;">master/servant as of day ##</div>
</div></div>

<div style="width:100%; grid-column-start:1; grid-column-end:4; grid-row-start:3; grid-row-end:4; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; gap:10px;">
<div style="font-size:1.5em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:2px 2px #000; color:#fff; ">Court Notes</div>
<div style="width:100%; min-height:100px; max-height:400px; overflow-y:auto; background-color:#fff; border:1px solid red; box-shadow:5px 5px #000; text-align:left; font-size:0.9em; padding:10px;">You can use this space for AU/PG notes, inventory, active projects your character is involved in in Court, w/e.</div>
</div>
</div>
<div style="width:93%; min-height:25px; flex-basis:auto;"> 
</div>

<div style="width:90%; flex-basis:auto; display:grid; grid-template-columns:70% 30%; grid-template-rows:auto; gap:15px; padding:10px;">

<div style="width:100%; grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:2; display:flex; flex-flow:column nowrap; color:#fff; justify-content:flex-start; align-items:flex-end;">
<div style="width:100%; text-align:right; font-size:2.2em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:3px 3px #000;">PLAYER INFO</div>
</div>

<div style="width:100%; grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; gap:10px;">
<div style="font-size:1.5em; font-weight:bold; border-bottom:1px solid #ff0000; text-shadow:2px 2px #000; color:#fff; ">Player Notes</div>
<div style="width:98%; min-height:100px; max-height:150px; background-color:#fff; border:1px solid red; box-shadow:5px 5px #000; text-align:left; font-size:0.9em; padding:10px; overflow-y:auto;">Put squicks and permissions in here please!</div>
</div>

<div style="width:100%; display:grid; grid-template-columns:1fr; grid-template-rows:auto; border:1px solid red; box-shadow:5px 5px #000;">
<div style="grid-row-start:1; grid-row-end:2; background-color:#000; color:#fff; font-weight:bold;">Player Name</div>
<div style="grid-row-start:2; grid-row-end:3; background-color:#fff;">xx</div>
</div>

<div style="width:100%;; display:grid; grid-template-columns:1fr; grid-template-rows:1fr 1fr; border:1px solid red; box-shadow:5px 5px #000;">
<div style="grid-row-start:1; grid-row-end:2; background-color:#000; color:#fff; font-weight:bold;">Player Pronouns</div>
<div style="grid-row-start:2; grid-row-end:3; background-color:#fff;">xx/xx</div>
</div>

<div style="width:100%;; display:grid; grid-template-columns:1fr; grid-template-rows:1fr 1fr; border:1px solid red; box-shadow:5px 5px #000;">
<div style="grid-row-start:1; grid-row-end:2; background-color:#000; color:#fff; font-weight:bold;">Contact</div>
<div style="grid-row-start:2; grid-row-end:3; background-color:#fff;">xx</div>
</div>

</div>

(Re)Court Profile Code

Post a comment in response: