Tessisamess

Information

Hey guys! I had a bug up my ass to make another first impressions + permissions code, so here we go; enjoy! 💖

The Coding

<lj-raw><div style="width:500px;margin:0 auto;padding:50px 50px 30px 50px;background:#aaa url(BGIMG)center;background-size:cover;font-family:georgia,serif;font-size:11px;color:#111;text-align:justify;line-height:1.6;"> <div style="background:#fff;padding:40px;"> <!--HEADER--> <div style="height:200px;background:#aaa url(HEADERIMG)center;background-size:cover;display:flex;align-items:center;justify-content:center;"> <div style="background:#fff;padding:2px 10px;font-size:10px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#000;"> First Impressions </div> </div> <!--APPEARANCE--> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:10px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#000;"> Appearance </summary> Appearance_Iinfo </details> <!--FASHION--> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:10px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#000;"> Fashion </summary> Fashion_info </details> <!--DEMEANOR--> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:10px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#000;"> Demeanor & Attitude </summary> Demeanor_info </details> <!--VOICE--> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:10px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#000;"> Voice </summary> Voice_info </details> <!--MAGIC--> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:10px;letter-spacing:3px;font-weight:bold;text-transform:uppercase;color:#000;"> Magic & Telepathy </summary> Information for interactions with magical and/or telepathic characters; things they may sense or read, and whether or not your character has any form of psychic shielding. </details> </div> <!--PERMISSIONS--> <div style="display:flex;justify-content:space-between;margin:20px 0;"> <!--IC--> <div style="width:calc(50% - 10px);background:#fff;padding:20px;box-sizing:border-box;"> <b style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#000;"> IC PERMISSIONS </b> <ul style="list-style:circle;"> <li>Thing <li>Thing <li>Thing </ul> </div> <!--OOC--> <div style="width:calc(50% - 10px);background:#fff;padding:20px;box-sizing:border-box;"> <b style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#000;"> OOC PERMISSIONS </b> <ul style="list-style:circle;"> <li>Thing <li>Thing <li>Thing </ul> </div> </div> <center><a href="http://tessisamess.insanejournal.com/" style="font-size:9px;letter-spacing:5px;text-decoration:none;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.3);">TESSISAMESS</a></center> </div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BGIMG - Container background
HEADERIMG - Header background

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS

georgia,serif - All text

COLORS

#fff

Content background

#111

Text

#000

Titles

rgba(0,0,0,0.1)

Section borders

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!