First Impressions & Permissions

[tesscodes]

Information

Hey guys! I saw something similar over on DW to this while taking suggestions for types of codes I don't do often or haven't made at all, so I thought I'd make one of my own! This first impressions and permissions code can be used as a combo, or separately if you only need one or want them in different entries. The colors etc. are pretty simple and clean because I wasn't sure about level of interest on IJ for these, but if you're into it give a shout and I'll be sure to make more! Enjoy! ♥

Coding: Combination Impressions + Permissions

First Impressions

Appearance

Integer ac augue rhoncus, facilisis ligula at, ultrices mi. Nam sed semper dui. Cras malesuada turpis in pellentesque eleifend. Aliquam faucibus sem in mauris pretium, eu condimentum elit faucibus. Nullam sit amet odio non nisi imperdiet faucibus. Phasellus feugiat odio quam. Pellentesque ipsum quam, dapibus ac dictum ut, mattis id ligula. Mauris pharetra odio ornare metus vestibulum interdum. Curabitur eget vulputate mi. Mauris et ornare orci. Suspendisse sed nibh viverra, laoreet nisi eget, sodales massa. Nulla porta est sed est vulputate varius. Phasellus vel ipsum at sapien luctus gravida. Etiam tristique arcu lectus.

Fashion

Integer non augue magna. Vivamus pellentesque rutrum ex eget rhoncus. Quisque eleifend pharetra hendrerit. Fusce vehicula velit ut vulputate placerat. Phasellus viverra aliquet accumsan. Praesent at mi mi. Suspendisse vel nulla eu urna gravida bibendum at vel leo.

Demeanor & Attitude

Duis ut iaculis nisl. Nam varius sapien augue, in consequat magna accumsan eu. Etiam facilisis ultrices augue, at feugiat tortor bibendum quis. Praesent pharetra arcu id auctor sollicitudin. Quisque non ultricies quam. Pellentesque interdum nulla ac imperdiet egestas. Donec justo ante, condimentum nec nulla id, ullamcorper aliquet ante. Vivamus ultrices ipsum pulvinar, laoreet sapien ac, commodo felis. Phasellus dictum sed turpis quis vestibulum. Phasellus ut turpis faucibus, fringilla augue at, euismod quam. Proin arcu felis, dictum vitae velit quis, dignissim malesuada augue. Sed dolor sem, convallis quis felis non, consequat volutpat risus. Vestibulum aliquet tortor in purus dictum venenatis. Nulla tempus in nibh vel fringilla.

Voice

Nam mattis sit amet nibh ut finibus. Vestibulum eleifend est quis odio scelerisque dictum. Suspendisse ultrices lacinia eros, non sodales nulla interdum vitae. Integer eu quam sit amet leo tincidunt venenatis lacinia id mi. Phasellus convallis libero ante, quis molestie tellus molestie eget. Sed pretium, enim ut feugiat porttitor, diam mauris tincidunt turpis, vitae tempor mi urna nec nulla. Fusce quis sapien aliquet, lacinia augue nec, sollicitudin justo. Nunc cursus viverra magna, non ultrices dui sollicitudin vitae.

Magic & Telepathy

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.

CODE BY TESSISAMESS

OOC Permissions

☆ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget scelerisque erat. Proin ac quam et magna lobortis varius. Morbi rutrum varius metus non ornare. Fusce semper convallis ex.

☆ Integer euismod metus a dignissim malesuada. Aliquam mollis neque in metus mollis, nec lacinia sapien vehicula. Integer eget magna consectetur, scelerisque risus imperdiet, tincidunt erat.

☆ Curabitur eget aliquet ex. Suspendisse hendrerit, dolor cursus elementum mattis, orci diam placerat eros, a convallis velit elit eu enim. Mauris quis arcu tincidunt, sodales felis a, convallis purus.

☆ Etiam a pellentesque purus, eget viverra magna. Morbi aliquam lectus consequat, accumsan leo eget, pretium augue. Nunc a fringilla turpis. Nulla ac dui et dolor bibendum lobortis. Duis ultricies finibus felis.

IC Permissions

☆ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget scelerisque erat. Proin ac quam et magna lobortis varius. Morbi rutrum varius metus non ornare. Fusce semper convallis ex.

☆ Integer euismod metus a dignissim malesuada. Aliquam mollis neque in metus mollis, nec lacinia sapien vehicula. Integer eget magna consectetur, scelerisque risus imperdiet, tincidunt erat.

☆ Curabitur eget aliquet ex. Suspendisse hendrerit, dolor cursus elementum mattis, orci diam placerat eros, a convallis velit elit eu enim. Mauris quis arcu tincidunt, sodales felis a, convallis purus.

☆ Etiam a pellentesque purus, eget viverra magna. Morbi aliquam lectus consequat, accumsan leo eget, pretium augue. Nunc a fringilla turpis. Nulla ac dui et dolor bibendum lobortis. Duis ultricies finibus felis.

<lj-raw><div style="width:950px;margin:0 auto;font-family:century gothic,helvetica,sans-serif;font-size:13px;color:#111;text-align:justify;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;"> <!---IMPRESSIONS---> <div style="width:500px;margin-right:20px;"> <div style="padding:20px;border:1px solid rgba(0,0,0,0.1);"> <img src="IMG_URL" style="max-width:100%;display:block;margin:0 auto;"> <div style="padding:20px 0;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);font-size:20px;letter-spacing:2px;color:#4D6C97;"> First Impressions </div> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Appearance </summary> Appearance info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Fashion </summary> Fashion info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Demeanor & Attitude </summary> Demeanor info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Voice </summary> Voice info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> 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> <a href="http://tessisamess.insanejournal.com/" style="display:block;margin:20px 0 0 0;text-align:center;text-decoration:none;font-size:9px;letter-spacing:2px;color:#bbb;">CODE BY TESSISAMESS</a> </div> <!---PERMISSIONS---> <div style="width:430px;"> <div style="padding:20px;margin-bottom:20px;border:1px solid rgba(0,0,0,0.1);"> <div style="font-size:20px;color:#4D6C97;"> OOC Permissions </div> ☆ Thing<br><br> ☆ Thing<br><br> ☆ Thing </div> <div style="padding:20px;margin-bottom:20px;border:1px solid rgba(0,0,0,0.1);"> <div style="font-size:20px;color:#4D6C97;"> IC Permissions </div> ☆ Thing<br><br> ☆ Thing<br><br> ☆ Thing </div> </div> </div></lj-raw>

Coding: First Impressions-Only

First Impressions

Appearance

Integer ac augue rhoncus, facilisis ligula at, ultrices mi. Nam sed semper dui. Cras malesuada turpis in pellentesque eleifend. Aliquam faucibus sem in mauris pretium, eu condimentum elit faucibus. Nullam sit amet odio non nisi imperdiet faucibus. Phasellus feugiat odio quam. Pellentesque ipsum quam, dapibus ac dictum ut, mattis id ligula. Mauris pharetra odio ornare metus vestibulum interdum. Curabitur eget vulputate mi. Mauris et ornare orci. Suspendisse sed nibh viverra, laoreet nisi eget, sodales massa. Nulla porta est sed est vulputate varius. Phasellus vel ipsum at sapien luctus gravida. Etiam tristique arcu lectus.

Fashion

Integer non augue magna. Vivamus pellentesque rutrum ex eget rhoncus. Quisque eleifend pharetra hendrerit. Fusce vehicula velit ut vulputate placerat. Phasellus viverra aliquet accumsan. Praesent at mi mi. Suspendisse vel nulla eu urna gravida bibendum at vel leo.

Demeanor & Attitude

Duis ut iaculis nisl. Nam varius sapien augue, in consequat magna accumsan eu. Etiam facilisis ultrices augue, at feugiat tortor bibendum quis. Praesent pharetra arcu id auctor sollicitudin. Quisque non ultricies quam. Pellentesque interdum nulla ac imperdiet egestas. Donec justo ante, condimentum nec nulla id, ullamcorper aliquet ante. Vivamus ultrices ipsum pulvinar, laoreet sapien ac, commodo felis. Phasellus dictum sed turpis quis vestibulum. Phasellus ut turpis faucibus, fringilla augue at, euismod quam. Proin arcu felis, dictum vitae velit quis, dignissim malesuada augue. Sed dolor sem, convallis quis felis non, consequat volutpat risus. Vestibulum aliquet tortor in purus dictum venenatis. Nulla tempus in nibh vel fringilla.

Voice

Nam mattis sit amet nibh ut finibus. Vestibulum eleifend est quis odio scelerisque dictum. Suspendisse ultrices lacinia eros, non sodales nulla interdum vitae. Integer eu quam sit amet leo tincidunt venenatis lacinia id mi. Phasellus convallis libero ante, quis molestie tellus molestie eget. Sed pretium, enim ut feugiat porttitor, diam mauris tincidunt turpis, vitae tempor mi urna nec nulla. Fusce quis sapien aliquet, lacinia augue nec, sollicitudin justo. Nunc cursus viverra magna, non ultrices dui sollicitudin vitae.

Magic & Telepathy

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.

CODE BY TESSISAMESS

<lj-raw><div style="width:500px;margin:0 auto;padding:20px;border:1px solid rgba(0,0,0,0.1);font-family:century gothic,helvetica,sans-serif;font-size:13px;color:#111;text-align:justify;line-height:1.6;"> <img src="IMG_URL" style="max-width:100%;display:block;margin:0 auto;"> <div style="padding:20px 0;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);font-size:25px;letter-spacing:2px;color:#4D6C97;"> First Impressions </div> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Appearance </summary> Appearance info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Fashion </summary> Fashion info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Demeanor & Attitude </summary> Demeanor info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> Voice </summary> Voice info </details> <details style="border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;"> <summary style="cursor:pointer;font-size:17px;color:#4D6C97;"> 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> <a href="http://tessisamess.insanejournal.com/" style="display:block;margin:20px 0 0 0;text-align:center;text-decoration:none;font-size:9px;letter-spacing:2px;color:#bbb;">CODE BY TESSISAMESS</a> </div></lj-raw>

Coding: Permissions-Only

Permissions

OOC Permissions

☆ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget scelerisque erat. Proin ac quam et magna lobortis varius. Morbi rutrum varius metus non ornare. Fusce semper convallis ex.

☆ Integer euismod metus a dignissim malesuada. Aliquam mollis neque in metus mollis, nec lacinia sapien vehicula. Integer eget magna consectetur, scelerisque risus imperdiet, tincidunt erat.

☆ Curabitur eget aliquet ex. Suspendisse hendrerit, dolor cursus elementum mattis, orci diam placerat eros, a convallis velit elit eu enim. Mauris quis arcu tincidunt, sodales felis a, convallis purus.

IC Permissions

☆ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget scelerisque erat. Proin ac quam et magna lobortis varius. Morbi rutrum varius metus non ornare. Fusce semper convallis ex.

☆ Integer euismod metus a dignissim malesuada. Aliquam mollis neque in metus mollis, nec lacinia sapien vehicula. Integer eget magna consectetur, scelerisque risus imperdiet, tincidunt erat.

☆ Curabitur eget aliquet ex. Suspendisse hendrerit, dolor cursus elementum mattis, orci diam placerat eros, a convallis velit elit eu enim. Mauris quis arcu tincidunt, sodales felis a, convallis purus.

CODE BY TESSISAMESS

<lj-raw><div style="width:500px;margin:0 auto;padding:20px;border:1px solid rgba(0,0,0,0.1);font-family:century gothic,helvetica,sans-serif;font-size:13px;color:#111;text-align:justify;line-height:1.6;background:rgba(0,0,0,0.02);"> <img src="IMG_URL" style="max-width:100%;display:block;margin:0 auto;"> <div style="padding:20px 0;text-align:center;font-size:25px;letter-spacing:2px;color:#4D6C97;"> Permissions </div> <div style="padding:20px;margin-bottom:20px;border:1px solid rgba(0,0,0,0.1);background:#fff;"> <div style="font-size:20px;color:#4D6C97;"> OOC Permissions </div> ☆ Thing<br><br> ☆ Thing<br><br> ☆ Thing<br><br> ☆ Thing </div> <div style="padding:20px;margin-bottom:20px;border:1px solid rgba(0,0,0,0.1);background:#fff;"> <div style="font-size:20px;color:#4D6C97;"> IC Permissions </div> ☆ Thing<br><br> ☆ Thing<br><br> ☆ Thing<br><br> ☆ Thing </div> <a href="http://tessisamess.insanejournal.com/" style="display:block;margin:20px 0 0 0;text-align:center;text-decoration:none;font-size:9px;letter-spacing:2px;color:#bbb;">CODE BY TESSISAMESS</a> </div></lj-raw>

Editing Guide

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

FONTS

century gothic,helvetica,sans-serif - Overall font

COLORS

#fff

Content background in Permissions-Only

#4D6C97

Titles

#111

Text

0,0,0,0.02

Container background in Permissions-Only

0,0,0,0.1

All 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!