Character(s) Character Sheets

[JamesMartin]

This thread is here to provide people with quick and easy character sheets to build off of.

These are not comprehensive, just a framework which you can copy-paste easily and adjust as needed.

They are also in no way required, they exist only for members who want a quick and easy sheet.

(If you have any suggestions for the sheet, please let me know via Private Message.)​

A plain text sheet​

Name:

Pronouns:

Sexuality:



Physical Characteristics:

Age:

Height:

Build:

Race:

Skin Tone:

Hair:

Facial Features

Beard:

Eye Colour:

Markings and tattoos:

Nervous Tics and Habits:

Character Kinks:

Additional notes:



Personality:



Abilities:



Background:

But plain text is boring. So @Jumbled, with a lot of effort, has converted this list into an easily filled out character sheet.
Posted below will be multiple versions, with colour palettes and designs for different varieties of roleplay.

Note, to function correctly, the character images should be linked. If you need to upload it, it is strongly recommended to do so using Imgur.
Discord image links now expire in ~3 months and uploads on site have severe image size restrictions.
To make this work, make sure you are linking the image directly.
If your link does not end in .jpg, .jpeg or .png, the link is not to the image. right-click (or press and hold on mobile) the image, select "open in new tab" and check that link.

These sheets are, by their nature, incredibly customizable. Every colour, the type of border, background images whether the boxes are blocky or curved, and of course, the text contents of the boxes themselves—you can tweak them all via code.

If you wish to contribute your own versions of the sheets, please send me the code for Jumbled to check before posting.
​

Example​

​

 

[Jumbled]

First & Last

ignore this. :)

Basic Info

Name

ANSWER​

Age

ANSWER​

Race

ANSWER​

Pronouns

ANSWER​

Sexuality

ANSWER​

Body Type

ANSWER​

Height

ANSWER​

Skin Tone

ANSWER​

Hair

ANSWER​

Eyes

ANSWER​

Facial hair & Scars

ANSWER​

Piercings & Tattoos

ANSWER​

Other

ANSWER​

Abilities

Skill one

ANSWER​

Skill two

ANSWER​

Skill three

ANSWER​

Personality

Likes

Redeye, barista kopi-luwak spoon single shot con panna foam galão saucer acerbic cream. Acerbic seasonal flavour extraction cultivar carajillo trifecta.

Cup crema crema, sugar est mug redeye, single shot redeye bar single shot irish. Sit, bar sweet café au lait mocha single shot cortado acerbic.​

Dislikes

Half and half mug, bar organic, crema qui, in foam brewed cinnamon medium. Caramelization, frappuccino, blue mountain aroma saucer instant kopi-luwak instant single origin doppio. Java organic est affogato, et brewed mocha in aged. Frappuccino carajillo, frappuccino cultivar roast chicory grounds roast. Single shot coffee turkish, instant steamed sweet instant french press black.

Plunger pot dripper, froth grounds kopi-luwak grinder shop. Dripper, cup brewed, aged body eu to go coffee. Organic cinnamon, wings, est plunger pot, mug cultivar grinder saucer espresso. Affogato strong latte, cup brewed irish eu strong. Spoon aroma sugar aroma so percolator redeye.​

Disposition

Roast aftertaste frappuccino sit cinnamon doppio aftertaste. Lungo, filter turkish grinder so decaffeinated con panna saucer. Turkish, coffee milk shop aged arabica trifecta sweet cup grounds cultivar.​

Background

it all started when...

Sit rich iced black con panna, percolator arabica saucer wings barista. Qui, bar , trifecta filter, so percolator roast cortado in brewed whipped variety. Half and half aftertaste redeye coffee, caramelization coffee con panna, id single shot kopi-luwak plunger pot instant. Roast, eu sugar cup grounds beans sugar shop aftertaste.

Crema strong, bar , cinnamon grounds milk cup robust. Carajillo mug variety eu blue mountain cinnamon galão et arabica plunger pot. Et mazagran acerbic extra french press turkish saucer irish. As cappuccino robust filter dripper breve eu est eu aroma.

Single shot eu cappuccino bar plunger pot mazagran breve latte café au lait grounds. Sweet, grounds, foam ristretto blue mountain macchiato est to go. And viennese, mug doppio half and half flavour and bar. Espresso latte plunger pot iced, galão strong body blue mountain medium mazagran.

Extra , caffeine, mazagran cinnamon aftertaste cappuccino single origin grinder. Single origin cortado shop, seasonal id percolator shop, qui eu qui shop mazagran. Trifecta bar spoon cup acerbic that caffeine. And, mug brewed doppio decaffeinated so cup qui arabica bar.

Whipped roast, crema breve affogato coffee mazagran java foam single origin. Aromatic, cream, whipped roast americano fair trade breve est aged half and half cup decaffeinated. Body coffee qui in foam steamed redeye siphon. Grounds, cinnamon, saucer in, variety saucer viennese, cultivar fair trade cultivar carajillo coffee.​

[div=

/*BACKGROUND WITH PINK FLOWER IMAGE*/
margin: auto; max-width: 950px; max-height: 840px; border-radius: 10px; padding: 10px; border: 5px outset #BC5F5F;
background: #D8D8D8;
background-image: url('https://i.imgur.com/ftXq51G.png');
][div=height:auto; width:auto; padding:0; color: var(--color-1); font-size:11px; line-height:100%; opacity:0.7;][URL='https://writerssanctum.com/members/jumbled.18022/'][abbr="ᴄᴏᴅᴇ ʙʏ ᴊᴜᴍʙʟᴇᴅ"][fa]fa-stars[/fa][/abbr][/URL][/div][div=

/*CENTER FULL NAME CODE*/

height: 50px; text-align: center; margin-top: 15px; font-style: BOLD; font-weight: bold; color: #BC5F5F; text-shadow: 2px 1px 1px #3C1F1F;
/*NAME ON NEXT LINE, FIRST & LAST*/
line-height: 30px;][SIZE=30px][FONT=Black Chancery] First & Last [/FONT][/SIZE][/div][div=display: flex; flex-direction: row;][div=width: 500px; height: 780px;][div=display: flex; flex-direction: column;]
[div=

/*LEFT IMAGE BOX CODE ENTER YOUR IMG LINK*/

background: url(IMGLINK);

flex: 2; max-width: 500px; border-radius: 10px; height: 580px; border: 3px outset #BC5F5F;
background-size: cover; background-repeat: no-repeat;

/*BACKGROUND POSITION MOVES YOUR IMAGE AROUND*/
background-position: TOP center;

][div=height:400px; padding: 20px; overflow: auto; scrollbar-width: none; font-size: 0px; text-align: justify; color: black;] ignore this. :) [/div][/div][div=

/*BASIC INFO CODE */

max-width: 500px; height: 30px; border-radius: 10px 10px 0px 0px;
background: #818181;
background: -moz-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: -webkit-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: linear-gradient(to bottom, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
 text-align: center; line-height: 30px; color: #BC5F5F; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter; margin-top: 10px; border: 1px solid #BC5F5F;][FONT=Black Chancery]Basic Info [/FONT][/div][div=flex: 1.5; max-width: 500px; height: 150px; border: 3px outset #BC5F5F; border-radius: 00px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: #964444; border-radius: 0px 0px 10px 10px; background: #9B757A;
background: -moz-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: -webkit-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: linear-gradient(to bottom, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);][div=

/*TEXT BOX FOR BASIC INFO*/

height: 240px; padding: 2px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #3C1F1F; padding-right:30px;]

[B][FONT=Lexend][SIZE=15px]Name[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Age[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Race[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Pronouns[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Sexuality[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Body Type[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Height[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skin Tone[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Hair[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Eyes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Facial hair & Scars[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Piercings & Tattoos[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Other[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]
[/div][/div][/div][/div][div=width: 650px; height: 480px; padding-left: 10px;][div=display: flex; flex-direction: column;[/div]
[div=

/*SECTION 2 ABILITIES*/

max-width: 650px; height: 30px; border-radius: 10px 10px 0px 0px;
background: #818181;
background: -moz-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: -webkit-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: linear-gradient(to bottom, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
 text-align: center; line-height: 30px; color: #BC5F5F; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter; border: 1px solid #BC5F5F;] [FONT=Black Chancery] Abilities[/FONT][/div][div=

/*TEXT BOX FOR ABILITIES*/

max-width: 650px; height: 200px; border-radius: 0px 0px 10px 10px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;background: #9B757A;
background: -moz-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: -webkit-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: linear-gradient(to bottom, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%); border: 3px outset #BC5F5F;][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #3C1F1F; padding-right:30px;]

[B][FONT=Lexend][SIZE=15px]Skill one[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill two[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill three[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]
[/div][/div][div=max-width: 650px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 3 PERSONALITY*/

max-width: 650px; margin-top: 10px; height: 30px; border-radius: 10px 10px 0px 0px;
background: #818181;
background: -moz-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: -webkit-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: linear-gradient(to bottom, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
text-align: center; line-height: 30px; color: #BC5F5F; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter;border: 1px solid #BC5F5F;] [FONT=Black Chancery] Personality[/FONT][/div][div=

/*TEXT BOX FOR PERSONALITY*/

max-width: 650px; height: 200px; border-radius: 0px 0px 10px 10px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background: #9B757A;
background: -moz-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: -webkit-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: linear-gradient(to bottom, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%); border: 3px outset #BC5F5F;][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #3C1F1F; padding-right:30px;]

[B][FONT=Lexend][SIZE=15px]Likes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Dislikes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Disposition[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]
[/div][/div][div=max-width: 650px; margin-top: 10px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 4, BACKGROUND*/

max-width: 650px; height: 30px; border-radius: 10px 10px 0px 0px;
background: #818181;
background: -moz-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: -webkit-linear-gradient(top, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
background: linear-gradient(to bottom, #818181 0%, #CBCBCB 58%, #F7F7F7 100%);
text-align: center; line-height: 30px; color: #BC5F5F; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter;border: 1px solid #BC5F5F;] [FONT=Black Chancery]Background [/FONT][/div][div=

/*TEXT BOX FOR BACKGROUND*/

max-width: 650px; height: 200px; border-radius: 0px 0px 10px 10px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background: #9B757A;
background: -moz-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: -webkit-linear-gradient(top, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%);
background: linear-gradient(to bottom, #9B757A 0%, #B4A1A2 55%, #D8D8D8 100%); border: 3px outset #BC5F5F;][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #3C1F1F;padding-right:30px;]

[B][FONT=Lexend][SIZE=15px]it all started when...[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div][/div][/div][/div][/div][/div][/div][/div][/div][/div]

 

[Jumbled]

First & Last

ignore this. :)

Basic Info

Name

ANSWER​

Age

ANSWER​

Race

ANSWER​

Pronouns

ANSWER​

Sexuality

ANSWER​

Body Type

ANSWER​

Height

ANSWER​

Skin Tone

ANSWER​

Hair

ANSWER​

Eyes

ANSWER​

Facial hair & Scars

ANSWER​

Piercings & Tattoos

ANSWER​

Other

ANSWER​

Abilities

Skill one

ANSWER​

Skill two

ANSWER​

Skill three

ANSWER​

Personality

Likes

Godfather ipsum dolor sit amet. You can act like a man! Mr Corleone is Johnny Fontane's godfather. Now Italians regard that as a very close, a very sacred religious relationship. I know it was you, Fredo. You broke my heart. You broke my heart! It's a Sicilian message. It means Luca Brasi sleeps with the fishes. I have a sentimental weakness for my children and I spoil them, as you can see. They talk when they should listen.​

Dislikes

Godfather ipsum dolor sit amet. I know it was you, Fredo. You broke my heart. You broke my heart! Only don't tell me you're innocent. Because it insults my intelligence and makes me very angry. Leave the gun. Take the cannoli. My father's name was Antonio Andolini... and this is for you. Vito, how do you like my little angel? Isn't she beautiful?​

Disposition

Godfather ipsum dolor sit amet. I see you took the name of the town. What was your father's name? Don't ever give an order like that again. Not while I'm alive. Never let anyone know what you are thinking. Mr Corleone is Johnny Fontane's godfather. Now Italians regard that as a very close, a very sacred religious relationship.​

Background

it all started when...

Godfather ipsum dolor sit amet. I don't trust a doctor who can hardly speak English. I am sorry. What happened to your father was business. I have much respect for your father. But your father, his thinking is old-fashioned. You must understand why I had to do that. Now let's work through where we go from here. Never let anyone know what you are thinking. Te salut, Don Corleone. Friends and money - oil and water.

I'm gonna make him an offer he can't refuse. This one time, this one time I'll let you ask me about my affairs. Very well. You want to do business with me. I will do business with you. Sonny, please don't do anything. Please don't do anything.

What's the matter with you, huh? What am I going to do? Am I going to make that baby an orphan before he's born? Michael, you never told me you knew Johnny Fontane! My father taught me many things here - he taught me in this room. He taught me: keep your friends close, but your enemies closer. Mr Corleone is Johnny Fontane's godfather. Now Italians regard that as a very close, a very sacred religious relationship. It's an old habit. I spent my whole life trying not to be careless. Women and children can afford to be careless, but not men.​

[div=

/*BACKGROUND*/
margin: auto; max-width: 950px; max-height: 840px; border-radius: 00px; padding: 10px; border-radius: 10px;box-shadow: 0 0 5px 3px #373D47; border: solid 1px black;
background: #191C20;
][div=height:auto; width:auto; padding:0; color: var(--color-1); font-size:11px; line-height:100%; opacity:0.7;][URL='https://writerssanctum.com/members/jumbled.18022/'][abbr="ᴄᴏᴅᴇ ʙʏ ᴊᴜᴍʙʟᴇᴅ"][fa]fa-stars[/fa][/abbr][/URL][/div][div=
/*FULL NAME CODE*/
height: 50px; text-align: center; margin-top: 15px; font-style: BOLD; font-weight: bold; color: #D0D5D5; text-shadow: 6px 1px 1px black;

/*NAME LINE BELOW FIRST & LAST*/

line-height: 25px;][SIZE=30px][FONT=Times New Roman] First & Last [/FONT][/SIZE][/div][div=

display: flex; flex-direction: row;][div=width: 500px; height: 780px;][div=display: flex; flex-direction: column;]
[div=

/*LEFT IMAGE BOX CODE*/

flex: 2; border: solid 1px black;max-width: 500px; margin-top: 40px; box-shadow: 0 0 1px 1px #373D47; height: 600px;

/*ENTER IMG LINK HERE*/

background: url(IMGLINK);

background-size: cover; background-repeat: no-repeat;

/*BACKGROUND POSITION CHANGES PLACEMENT OF IMAGE*/
background-position: top center;
][div=height:425px; padding: 20px; overflow: auto; scrollbar-width: none; font-size: 0px; text-align: justify; color: black;] ignore this. :) [/div][/div][div=

/*SECTION 1 BASIC INFO*/

max-width: 200px; height: 30px; border-radius: 10px 10px 0px 0px; box-shadow: 0 0 5px 3px #373D47;
text-align: center; line-height: 30px; color: #D0D5D5; font-size: 18px; font-weight: lighter; margin-top: 13px; border: solid 1px black;
background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);
][FONT=Times New Roman]Basic Info [/FONT][/div][div=
border: solid 1px black;flex: 1.5; max-width: 500px; height: 130px; border-radius: 00px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: black; border-radius: 0px 0px 00px 00px; background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%); box-shadow: 0 0 5px 3px #373D47; ][div=height: 179px; padding: 2px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*BASIC INFO TEXT*/ ]

[B][FONT=Lexend][SIZE=15px]Name[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Age[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Race[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Pronouns[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Sexuality[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Body Type[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Height[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skin Tone[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Hair[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Eyes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Facial hair & Scars[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Piercings & Tattoos[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Other[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][/div][/div][div=width: 650px; height: 480px; padding-left: 10px;][div=display: flex; flex-direction: column;[/div]
[div=

/*SECTION 2 ABILITIES*/

max-width: 200px; height: 30px; border-radius: 10px 10px 0px 0px; box-shadow: 0 0 5px 3px #373D47;
text-align: center; line-height: 30px; color: #D0D5D5; font-size: 18px; font-weight: lighter; margin-top: 10px; border: solid 1px black;
background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);

][FONT=Times New Roman]Abilities [/FONT][/div][div= border: solid 1px black; max-width: 650px; height: 200px; box-shadow: 0 0 5px 3px #373D47; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*ABILITIES TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Skill one[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill two[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill three[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div=max-width: 650px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 3 PERSONALITY*/

border: solid 1px black; max-width: 200px; height: 30px; border-radius: 10px 10px 0px 0px; box-shadow: 0 0 5px 3px #373D47;
text-align: center; line-height: 30px; color: #D0D5D5; font-size: 18px; font-weight: lighter;
background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);
][FONT=Times New Roman]Personality[/FONT][/div][div=border: solid 1px black; max-width: 650px; height: 200px; box-shadow: 0 0 5px 3px #373D47; border-radius: 0px 0px 00px 00px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*PERSONALITY TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Likes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Dislikes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Disposition[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div=max-width: 650px; margin-top: 10px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 4 BACKGROUND*/

border: solid 1px black; max-width: 200px; height: 30px; border-radius: 10px 10px 0px 0px; box-shadow: 0 0 5px 3px #373D47;
text-align: center; line-height: 30px; color: #D0D5D5; font-size: 18px; font-weight: lighter;
background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);
][FONT=Times New Roman]Background[/FONT][/div][div=/*TEXT BOX*/ border: solid 1px black; max-width: 650px; height: 200px; border-radius: 0px 0px 00px 00px;box-shadow: 0 0 5px 3px #373D47; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background: #373D47;
background: -moz-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #373D47 0%, #292D35 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #373D47 0%, #292D35 50%, #191C20 100%);][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*BACKGROUND TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]it all started when...[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div][/div][/div][/div][/div][/div][/div][/div][/div][/div]

 

[Jumbled]

First & Last

ignore this. :)

── Basic Info ──

Name

ANSWER​

Age

ANSWER​

Race

ANSWER​

Pronouns

ANSWER​

Sexuality

ANSWER​

Body Type

ANSWER​

Height

ANSWER​

Skin Tone

ANSWER​

Hair

ANSWER​

Eyes

ANSWER​

Facial hair & Scars

ANSWER​

Piercings & Tattoos

ANSWER​

Other

ANSWER​

── Abilities ──

Skill one

ANSWER​

Skill two

ANSWER​

Skill three

ANSWER​

── Personality ──

Likes

Clap of thunder wherry topsail Chain Shot loot trysail hulk crimp landlubber or just lubber hang the jib. Cat o'nine tails cog killick jib hardtack rope's end Gold Road tender jury mast booty. Brigantine squiffy cog dead men tell no tales topgallant crack Jennys tea cup Nelsons folly bilged on her anchor furl Buccaneer. ​

Dislikes

Brethren of the Coast pirate chase lad code of conduct Shiver me timbers Sink me rope's end dance the hempen jig reef sails. Aye crack Jennys tea cup rigging Shiver me timbers piracy salmagundi hardtack interloper ballast mizzen. Bilge water plunder starboard lugger bilge six pounders swing the lead furl hang the jib aye. ​

Disposition

Come about tack keel case shot fire ship draught scallywag Gold Road boatswain Corsair. Coffer dance the hempen jig deadlights pinnace yawl Pirate Round marooned hail-shot lugger scuttle. American Main strike colors barkadeer me knave squiffy crack Jennys tea cup rutters Spanish Main heave down. ​

── Background ──

it all started when...

Handsomely wherry code of conduct ballast carouser hempen halter square-rigged gun case shot heave down. Maroon league Barbary Coast bounty main sheet gangplank rope's end hornswaggle bilge water dance the hempen jig. Coxswain run a shot across the bow bring a spring upon her cable bilged on her anchor Brethren of the Coast chase booty loaded to the gunwalls Gold Road carouser.

Clipper strike colors code of conduct pressgang no prey, no pay swing the lead six pounders coffer piracy keel. Me Chain Shot fore Sail ho Gold Road scourge of the seven seas Cat o'nine tails knave smartly galleon. Nelsons folly to go on account spirits spyglass Buccaneer pillage scallywag sutler measured fer yer chains squiffy.

Transom Blimey rope's end hands splice the main brace long boat tender measured fer yer chains yard jury mast. Grapple lateen sail Pieces of Eight chase guns gunwalls spirits fire ship bucko mizzen lookout. Starboard Plate Fleet scourge of the seven seas carouser brig yard ballast knave boatswain hempen halter. ​

[div=
/*BACKGROUND WITH WATER IMG*/

margin: auto; max-width: 950px; max-height: 840px; padding: 10px; border-radius: 10px; border: ridge 3px #1E3842;
background: #191C20; background-image: url('https://i.imgur.com/b6BCbRL.png');
][div=height:auto; width:auto; padding:0; color: var(--color-1); font-size:11px; line-height:100%; opacity:0.7;][URL='https://writerssanctum.com/members/jumbled.18022/'][abbr="ᴄᴏᴅᴇ ʙʏ ᴊᴜᴍʙʟᴇᴅ"][fa]fa-stars[/fa][/abbr][/URL][/div][div=

/*CENTER FULL NAME CODE*/
height: 50px; text-align: center; margin-top: 15px; font-style: BOLD; font-weight: bold; color: #D0D5D5; line-height: 30px; text-shadow: 6px 1px 1px #000;

/*ENTER NAME BELOW*/

][SIZE=30px][FONT=Great Vibes] First & Last [/FONT][/SIZE][/div][div=display: flex; flex-direction: row;][div=width: 500px; height: 780px;][div=display: flex; flex-direction: column;]
[div=

/*IMAGE BOX CODE*/

flex: 2; border-radius: 30px 30px 30px 30px; max-width: 500px; box-shadow: 0 0 1px 1px #373D47; border: ridge 3px #1E3842; height: 580px;

/*YOUR IMG LINK BELOW*/

background: url(IMGLINK);

background-size: cover; background-repeat: no-repeat; background-position: center;][div=height:400px; padding: 20px; overflow: auto; scrollbar-width: none; font-size: 0px; text-align: justify; color: black;] ignore this. :) [/div][/div][div=/*LEFT TITLE */max-width: 500px; height: 30px; border-radius: 10px 10px 0px 0px;
text-align: center; line-height: 30px; color: #D0D5D5; font-size: 18px; font-weight: lighter; margin-top: 10px;
background: #294747;
background: -moz-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: linear-gradient(to bottom, #294747 0%, #1E3842 50%, #191C20 100%);
][FONT=Great Vibes]── Basic Info ──[/FONT][/div][div=

/*SECTION 1 BASIC INFO CODE*/ flex: 1.5; max-width: 500px; height: 160px; border-radius: 00px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: black; border-radius: 0px 0px 10px 010px;
background: #294747;
background: -moz-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #294747 0%, #1E3842 50%, #191C20 100%);
 box-shadow: 0 0 5px 3px #373D47; ][div=height: 242px; padding: 2px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*BASIC INFO TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Name[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Age[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Race[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Pronouns[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Sexuality[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Body Type[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Height[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skin Tone[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Hair[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Eyes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Facial hair & Scars[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Piercings & Tattoos[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Other[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][/div][/div][div=width: 650px; height: 480px; padding-left: 10px;][div=display: flex; flex-direction: column;[/div]
[div=

/*SECTION 2 ABILITIES CODE*/
 
max-width: 650px; height: 30px;
 text-align: center; line-height: 30px; color: #D0D5D5; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter; border-radius: 10px 10px 0px 0px;
background: #294747;
background: -moz-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: linear-gradient(to bottom, #294747 0%, #1E3842 50%, #191C20 100%);
] [FONT=Great Vibes]── Abilities ──[/FONT][/div][div=/*TEXT BOX*/ border-radius: 0px 0px 10px 10px; max-width: 650px; height: 200px; box-shadow: 0 0 5px 3px #373D47; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
background: #294747;
background: -moz-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #294747 0%, #1E3842 50%, #191C20 100%);
][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*ABILITIES TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Skill one[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill two[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill three[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div=max-width: 650px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 3 PERSONALITY CODE*/

max-width: 650px; margin-top: 10px; height: 30px; border-radius: 10px 10px 0px 0px;
text-align: center; line-height: 30px; color: #D0D5D5; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter;
background: #294747;
background: -moz-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: linear-gradient(to bottom, #294747 0%, #1E3842 50%, #191C20 100%);
][FONT=Great Vibes]── Personality ──[/FONT][/div][div=/*TEXT BOX*/  border-radius: 0px 0px 10px 10px; max-width: 650px; height: 200px; box-shadow: 0 0 5px 3px #373D47;  padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
background: #294747;
background: -moz-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #294747 0%, #1E3842 50%, #191C20 100%);
][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*PERSONALITY TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Likes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Dislikes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Disposition[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div=max-width: 650px; margin-top: 10px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 4 BACKGROUND CODE*/

max-width: 650px; height: 30px; border-radius: 10px 10px 0px 0px;
text-align: center; line-height: 30px; color: #D0D5D5; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter;
background: #294747;
background: -moz-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-linear-gradient(top, #294747 0%, #1E3842 50%, #191C20 100%);
background: linear-gradient(to bottom, #294747 0%, #1E3842 50%, #191C20 100%);
] [FONT=Great Vibes]── Background ──[/FONT][/div][div=/*TEXT BOX*/ max-width: 650px; height: 200px; border-radius: 0px 0px 10px 10px;box-shadow: 0 0 5px 3px #373D47; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
background: #294747;
background: -moz-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: -webkit-radial-gradient(center, #294747 0%, #1E3842 50%, #191C20 100%);
background: radial-gradient(ellipse at center, #294747 0%, #1E3842 50%, #191C20 100%);
][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*BACKGROUND TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]it all started when...[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div][/div][/div][/div][/div][/div][/div][/div][/div][/div]

 

[Jumbled]

First & Last

ignore this. :)

── Basic Info ──

Name

ANSWER​

Age

ANSWER​

Race

ANSWER​

Pronouns

ANSWER​

Sexuality

ANSWER​

Body Type

ANSWER​

Height

ANSWER​

Skin Tone

ANSWER​

Hair

ANSWER​

Eyes

ANSWER​

Facial hair & Scars

ANSWER​

Piercings & Tattoos

ANSWER​

Other

ANSWER​

── Abilities ──

Skill one

ANSWER​

Skill two

ANSWER​

Skill three

ANSWER​

── Personality ──

Likes

The ash of stellar alchemy quasar the only home we've ever known cosmos muse about radio telescope. Great turbulent clouds not a sunrise but a galaxyrise as a patch of light Apollonius of Perga dispassionate extraterrestrial observer kindling the energy hidden in matter. Take root and flourish across the centuries a mote of dust suspended in a sunbeam descended from astronomers paroxysm of global death courage of our questions and billions upon billions upon billions upon billions upon billions upon billions upon billions.​

Dislikes

Dispassionate extraterrestrial observer shores of the cosmic ocean tendrils of gossamer clouds cosmos hearts of the stars hydrogen atoms. Citizens of distant epochs preserve and cherish that pale blue dot great turbulent clouds stirred by starlight made in the interiors of collapsing stars vastness is bearable only through love? Courage of our questions courage of our questions with pretty stories for which there's little good evidence with pretty stories for which there's little good evidence Orion's sword globular star cluster and billions upon billions upon billions upon billions upon billions upon billions upon billions.​

Disposition

Trillion tendrils of gossamer clouds from which we spring white dwarf two ghostly white figures in coveralls and helmets are softly dancing shores of the cosmic ocean. Two ghostly white figures in coveralls and helmets are softly dancing the sky calls to us vanquish the impossible extraordinary claims require extraordinary evidence great turbulent clouds permanence of the stars. Hydrogen atoms made in the interiors of collapsing stars Cambrian explosion inconspicuous motes of rock and gas network of wormholes with pretty stories for which there's little good evidence. ​

── Background ──

it all started when...

Across the centuries rings of Uranus at the edge of forever trillion encyclopaedia galactica birth? Star stuff harvesting star light dispassionate extraterrestrial observer two ghostly white figures in coveralls and helmets are softly dancing inconspicuous motes of rock and gas a mote of dust suspended in a sunbeam vanquish the impossible. With pretty stories for which there's little good evidence bits of moving fluff bits of moving fluff a very small stage in a vast cosmic arena the only home we've ever known courage of our questions.

Tendrils of gossamer clouds hundreds of thousands a billion trillion something incredible is waiting to be known stirred by starlight gathered by gravity. Finite but unbounded globular star cluster two ghostly white figures in coveralls and helmets are softly dancing rich in mystery vastness is bearable only through love birth. Explorations inconspicuous motes of rock and gas circumnavigated bits of moving fluff made in the interiors of collapsing stars inconspicuous motes of rock and gas.

Cosmic ocean realm of the galaxies ship of the imagination another world cosmic fugue science. With pretty stories for which there's little good evidence dispassionate extraterrestrial observer made in the interiors of collapsing stars Rig Veda of brilliant syntheses citizens of distant epochs. The carbon in our apple pies Sea of Tranquility dream of the mind's eye stirred by starlight permanence of the stars with pretty stories for which there's little good evidence. ​

[div=
/*BACKGROUND WITH CRACKED SURFACE IMAGE*/

margin: auto; max-width: 950px; max-height: 840px; padding: 10px; border-radius: 10px; border: ridge 3px #441D1D;
background: #191C20; background-image: url('https://i.imgur.com/NW5RjfC.png');
][div=height:auto; width:auto; padding:0; color: var(--color-1); font-size:11px; line-height:100%; opacity:0.7;][URL='https://writerssanctum.com/members/jumbled.18022/'][abbr="ᴄᴏᴅᴇ ʙʏ ᴊᴜᴍʙʟᴇᴅ"][fa]fa-stars[/fa][/abbr][/URL][/div][div=/*CENTER FULL NAME CODE*/height: 50px; text-align: center; margin-top: 15px; font-style: BOLD; font-weight: bold; color: #633232; text-shadow: 2px 2px 2px black; line-height: 30px;


/*FIRST AND LAST BELOW*/
][SIZE=30px][FONT=Buran USSR] First & Last [/FONT][/SIZE][/div][div=

display: flex; flex-direction: row;][div=width: 500px; height: 780px;][div=display: flex; flex-direction: column;]
[div=

/*LEFT IMAGE BOX CODE*/ flex: 2; border-radius: 30px 30px 30px 30px; max-width: 500px; box-shadow: 0 0 1px 1px #373D47; border: ridge 3px #441D1D; height: 580px;

/*YOUR IMG LINK GOES BELOW*/

background: url(IMGLINK);

background-size: cover; background-repeat: no-repeat; background-position: TOP center;][div=height:400px; padding: 20px; overflow: auto; scrollbar-width: none;  font-size: 0px; text-align: justify; color: black;] ignore this. :) [/div][/div][div=

/*SECTION 1 BASIC INFO CODE*/

max-width: 500px; height: 30px; border-radius: 10px 10px 0px 0px;
text-align: center; line-height: 30px; color: #D0D5D5; font-size: 18px; font-weight: lighter; margin-top: 10px;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
][FONT=Buran USSR]── Basic Info ──[/FONT][/div][div=/*LEFT BASIC INFO BOX CODE*/ flex: 1.5; max-width: 500px; height: 160px; border-radius: 00px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; color: black; border-radius: 0px 0px 10px 010px;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
 box-shadow: 0 0 5px 3px #373D47; ][div=height: 242px; padding: 2px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*BASIC INFO TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Name[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Age[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Race[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Pronouns[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend]Sexuality[/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Body Type[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Height[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skin Tone[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Hair[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Eyes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Facial hair & Scars[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Piercings & Tattoos[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Other[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][/div][/div][div=width: 650px; height: 480px; padding-left: 10px;][div=display: flex; flex-direction: column;[/div]
[div=

/*SECTION 2 ABILITIES CODE*/

max-width: 650px; height: 30px;
 text-align: center; line-height: 30px; color: #D0D5D5; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter; border-radius: 10px 10px 0px 0px;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
] [FONT=Buran USSR]── Abilities ──[/FONT][/div][div=/*TEXT BOX*/ border-radius: 0px 0px 10px 10px; max-width: 650px; height: 200px; box-shadow: 0 0 5px 3px #373D47; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*ABILITIES TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Skill one[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill two[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Skill three[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div=max-width: 650px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 3 PERSONALITY CODE*/

max-width: 650px; margin-top: 10px; height: 30px; border-radius: 10px 10px 0px 0px;
text-align: center; line-height: 30px; color: #D0D5D5; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
][FONT=Buran USSR]── Personality ──[/FONT][/div][div=/*TEXT BOX*/  border-radius: 0px 0px 10px 10px; max-width: 650px; height: 200px; box-shadow: 0 0 5px 3px #373D47;  padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*PERSONALITY TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]Likes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Dislikes[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[B][FONT=Lexend][SIZE=15px]Disposition[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div=max-width: 650px; margin-top: 10px; height: 480px;][div=display: flex; flex-direction: column;[/div][div=

/*SECTION 4 BACKGROUND CODE*/

max-width: 650px; height: 30px; border-radius: 10px 10px 0px 0px;
text-align: center; line-height: 30px; color: #D0D5D5; text-shadow: 0px 0px 0px black; font-size: 18px; font-weight: lighter;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
] [FONT=Buran USSR]── Background ──[/FONT][/div][div=/*TEXT BOX*/ max-width: 650px; height: 200px; border-radius: 0px 0px 10px 10px;box-shadow: 0 0 5px 3px #373D47; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
background: #633232;
background: -moz-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: -webkit-radial-gradient(center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
background: radial-gradient(ellipse at center, #633232 0%, #441D1D 55%, #1B0E0E 100%);
][div=height: 175px; overflow: auto; scrollbar-width: none; font-size: 14px; text-align: justify; color: #D0D5D5; padding-right:30px;

/*BACKGROUND TEXT BOX*/]

[B][FONT=Lexend][SIZE=15px]it all started when...[/SIZE][/FONT][/B]
[INDENT][FONT=Gowun Batang]ANSWER[/FONT][/INDENT]

[/div][/div][div][/div][/div][/div][/div][/div][/div][/div][/div][/div]

 

[Jumbled]

Code By: @GremlinSage

Character Name Here

Char Quote Here

Dossier

Name: Information Here
Alias: Information Here
Age: 000
Race: Information Here
Birthplace: Information Here
Sex/Gender: Information Here
Sexuality: Information Here

Hair: Information here
Eyes: Information Here
Height: Information Here
Build: Information Here
Tattoos: Information Here
Piercings: Information Here

Personality

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eros leo, volutpat eget nisi sit amet, dapibus pretium magna. Morbi blandit sollicitudin volutpat. Ut ullamcorper tincidunt lectus, nec ornare metus placerat quis. Nullam sodales fringilla porta. Sed ipsum diam, scelerisque a elementum maximus, elementum id risus. Etiam tincidunt erat in nunc blandit, eget convallis odio dapibus. Donec congue dignissim vestibulum. Vivamus vitae placerat erat, quis imperdiet dui. In ut blandit massa. Etiam quis pretium neque, vitae sodales lectus. Mauris interdum suscipit tincidunt. Curabitur dictum tincidunt dolor, ut varius sem sodales in. Curabitur erat odio, gravida et tincidunt quis, maximus quis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Curabitur ipsum sem, suscipit eu convallis in, luctus sit amet libero. Fusce vulputate, dolor et volutpat porta, odio turpis euismod ex, ac dictum sem felis et elit. Proin in iaculis dolor. Sed sollicitudin est nec ex condimentum imperdiet. Vivamus eu dolor sit amet enim vestibulum facilisis at vel elit. Aenean dapibus semper commodo. Donec euismod rhoncus est feugiat malesuada. Cras quis arcu risus. Quisque a tincidunt turpis.

Likes: Information Here
Loves: Information Here
Alignment: Information Here
Other: Information Here

History

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eros leo, volutpat eget nisi sit amet, dapibus pretium magna. Morbi blandit sollicitudin volutpat. Ut ullamcorper tincidunt lectus, nec ornare metus placerat quis. Nullam sodales fringilla porta. Sed ipsum diam, scelerisque a elementum maximus, elementum id risus. Etiam tincidunt erat in nunc blandit, eget convallis odio dapibus. Donec congue dignissim vestibulum. Vivamus vitae placerat erat, quis imperdiet dui. In ut blandit massa. Etiam quis pretium neque, vitae sodales lectus. Mauris interdum suscipit tincidunt. Curabitur dictum tincidunt dolor, ut varius sem sodales in. Curabitur erat odio, gravida et tincidunt quis, maximus quis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Curabitur ipsum sem, suscipit eu convallis in, luctus sit amet libero. Fusce vulputate, dolor et volutpat porta, odio turpis euismod ex, ac dictum sem felis et elit. Proin in iaculis dolor. Sed sollicitudin est nec ex condimentum imperdiet. Vivamus eu dolor sit amet enim vestibulum facilisis at vel elit. Aenean dapibus semper commodo. Donec euismod rhoncus est feugiat malesuada. Cras quis arcu risus. Quisque a tincidunt turpis.

[div=
--background: #221315;

--heading: Great Vibes;
--heading2: Georgia;
--font: Gowun Batang;
--quote: Caffeine;

--img1: URL('https://dummyimage.com/250x250/000/fff.png');
--pos: 50% 30%;

--text: #c7cad7;
--bold: #bab6ae;

--border: #8f8d98;

--boxshadow: 0px 0px 20px #000);
--textshadow: 0px 0px 20px rgb(51, 187, 255, 1);

max-width: 800px; height: fit-content; margin: auto; background: var(--background); font-family: var(--font); color: var(--text); padding: 10px; font-size: 14px; text-align: justify; letter-spacing: 0px; box-shadow: var(--boxshadow);][div=display: flex;
flex-wrap: wrap; padding-top: 10px; padding-left: 10px;
justify-content: space-between; border: 1px solid var(--border);][div=font-size: 0px; flex: 1;
min-width: 100px !important;
background: var(--img1) no-repeat top; filter: drop-shadow(2px 2px 2px #71797E);
background-size: cover;
height: 250px;
margin: 0 5px; border-radius: 2%;]
[/div][div=flex: 1.5;
min-width: 200px;  border-radius: 2%;
padding: 5px;
margin: 0 5px;][div=

width: 100%; height: fit-content; padding: 10px; font-family: var(--heading); text-align:center; color: var(--bold); font-size: 45px; font-weight: bold; letter-spacing: 2px;

]
Character Name Here[/div][div=

width: 100%; height: 110px; padding: 0 10px; overflow: auto; scrollbar-width: none; font-family: var(--quote); color: var(--text); font-size: 14px; text-align: center;

]Char Quote Here[/div][/div][/div]
[div=

width: 100%; height: 200px; padding: 0 10px; border: 1px solid var(--border); font-family: var(--font); color: var(--text); font-size: 14px; text-align: justify;

][div=display: flex; flex-direction: row; justify-content: space-between; font-family: var(--heading); font-size: 30px; color: var(--bold); letter-spacing: 1px; font-weight: bold; margin: 20px 20px 0 20px; line-height: 22px;]Dossier[/div][div=

width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 0 15px; margin-bottom: 10px;][div=

flex-grow: 1; flex-basis: 0; width: 100%; display: flex; flex-direction: column; gap: 10px;][div=

width: 100%; height: 150px; overflow: auto; scrollbar-width: none; font-family: var(--font); color: var(--text); text-align: justify; line-height: 22px; letter-spacing: 0.5px; font-size: 13px;][fa]fa-minus[/fa] [B]Name:[/B] Information Here
[fa]fa-minus[/fa] [B]Alias:[/B] Information Here
[fa]fa-minus[/fa] [B]Age:[/B] 000
[fa]fa-minus[/fa] [B]Race:[/B] Information Here
[fa]fa-minus[/fa] [B]Birthplace:[/B] Information Here
[fa]fa-minus[/fa] [B]Sex/Gender:[/B] Information Here
[fa]fa-minus[/fa] [B]Sexuality:[/B] Information Here[/div][/div][div=

flex-grow: 1; flex-basis: 0; width: 100%; display: flex; flex-direction: column; gap: 10px;][div=

width: 100%; height: 150px; overflow: auto; scrollbar-width: none; font-family: var(--font); color: var(--text); text-align: justify; line-height: 22px; letter-spacing: 0.5px; font-size: 13px;][fa]fa-minus[/fa] [B]Hair:[/B] Information here
[fa]fa-minus[/fa] [B]Eyes:[/B]  Information Here
[fa]fa-minus[/fa] [B]Height:[/B] Information Here
[fa]fa-minus[/fa] [B]Build:[/B] Information Here
[fa]fa-minus[/fa] [B]Tattoos:[/B] Information Here
[fa]fa-minus[/fa] [B]Piercings:[/B] Information Here
[/div][/div]

[/div][/div]
[div=

width: 100%; height: 200px; padding: 0 10px; border: 1px solid var(--border); font-family: var(--font); color: var(--text); font-size: 14px; text-align: justify;

][div=display: flex; flex-direction: row; justify-content: space-between; font-family: var(--heading); font-size: 30px; color: var(--bold); letter-spacing: 1px; font-weight: bold; margin: 20px 20px 0 20px; line-height: 22px;]Personality[/div][div=

width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 0 15px; margin-bottom: 10px;][div=

flex-grow: 1; flex-basis: 0; width: 100%; display: flex; flex-direction: column; gap: 10px;][div=

width: 100%; height: 150px; overflow: auto; scrollbar-width: none; font-family: var(--font); color: var(--text); text-align: justify; line-height: 22px; letter-spacing: 0.5px; font-size: 13px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eros leo, volutpat eget nisi sit amet, dapibus pretium magna. Morbi blandit sollicitudin volutpat. Ut ullamcorper tincidunt lectus, nec ornare metus placerat quis. Nullam sodales fringilla porta. Sed ipsum diam, scelerisque a elementum maximus, elementum id risus. Etiam tincidunt erat in nunc blandit, eget convallis odio dapibus. Donec congue dignissim vestibulum. Vivamus vitae placerat erat, quis imperdiet dui. In ut blandit massa. Etiam quis pretium neque, vitae sodales lectus. Mauris interdum suscipit tincidunt. Curabitur dictum tincidunt dolor, ut varius sem sodales in. Curabitur erat odio, gravida et tincidunt quis, maximus quis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Curabitur ipsum sem, suscipit eu convallis in, luctus sit amet libero. Fusce vulputate, dolor et volutpat porta, odio turpis euismod ex, ac dictum sem felis et elit. Proin in iaculis dolor. Sed sollicitudin est nec ex condimentum imperdiet. Vivamus eu dolor sit amet enim vestibulum facilisis at vel elit. Aenean dapibus semper commodo. Donec euismod rhoncus est feugiat malesuada. Cras quis arcu risus. Quisque a tincidunt turpis.[/div][/div][div=

flex-grow: 1; flex-basis: 0; width: 100%; display: flex; flex-direction: column; gap: 10px;][div=

width: 100%; height: 150px; overflow: auto; scrollbar-width: none; font-family: var(--font); color: var(--text); text-align: justify; line-height: 22px; letter-spacing: 0.5px; font-size: 13px;][fa]fa-minus[/fa] [B]Likes:[/B] Information Here
[fa]fa-minus[/fa] [B]Loves:[/B] Information Here
[fa]fa-minus[/fa] [B]Alignment:[/B] Information Here
[fa]fa-minus[/fa] [B]Other:[/B] Information Here
[/div][/div]
[/div][/div]
[div=

width: 100%; height: 200px; padding: 0 10px; border: 1px solid var(--border); font-family: var(--font); color: var(--text); font-size: 14px; text-align: justify;

][div=display: flex; flex-direction: row; justify-content: space-between; font-family: var(--heading); font-size: 30px; color: var(--bold); letter-spacing: 1px; font-weight: bold; margin: 20px 20px 0 20px; line-height: 22px;]History[/div][div=

width: 100%; height: 150px; padding: 0 10px; overflow: auto; scrollbar-width: none; font-family: var(--font); color: var(--text); font-size: 14px; text-align: justify;

]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eros leo, volutpat eget nisi sit amet, dapibus pretium magna. Morbi blandit sollicitudin volutpat. Ut ullamcorper tincidunt lectus, nec ornare metus placerat quis. Nullam sodales fringilla porta. Sed ipsum diam, scelerisque a elementum maximus, elementum id risus. Etiam tincidunt erat in nunc blandit, eget convallis odio dapibus. Donec congue dignissim vestibulum. Vivamus vitae placerat erat, quis imperdiet dui. In ut blandit massa. Etiam quis pretium neque, vitae sodales lectus. Mauris interdum suscipit tincidunt. Curabitur dictum tincidunt dolor, ut varius sem sodales in. Curabitur erat odio, gravida et tincidunt quis, maximus quis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Curabitur ipsum sem, suscipit eu convallis in, luctus sit amet libero. Fusce vulputate, dolor et volutpat porta, odio turpis euismod ex, ac dictum sem felis et elit. Proin in iaculis dolor. Sed sollicitudin est nec ex condimentum imperdiet. Vivamus eu dolor sit amet enim vestibulum facilisis at vel elit. Aenean dapibus semper commodo. Donec euismod rhoncus est feugiat malesuada. Cras quis arcu risus. Quisque a tincidunt turpis.[/div][/div][/div]