Biosheet: 3 Panfan Apps

[tesscodes]

Information

Hey guys! Guess what I didn't have—a panfandom-specific app template. Well, let's fix that! Here are three, one for small apps, one with room for an inventory, and one with room for inventory and memories. These are easy to add any extra sections you may need, so have fun & enjoy! 💖

stats; INFO NAME INFO AGE INFO PRONOUNS INFO FIELD INFO FIELD INFO FIELD INFO FANDOM INFO CANON POINT

personality; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et interdum ante. Suspendisse in finibus velit. Curabitur eu mattis augue. Vivamus dictum nisl turpis, luctus blandit quam dictum eu. Quisque nec mi sed quam aliquet placerat nec et sapien. Aenean vestibulum vehicula mi, in dignissim augue posuere at. Aliquam vehicula viverra euismod. Aenean porta felis non quam mollis ultricies. Duis euismod dignissim libero sit amet aliquam. Proin dolor urna, ultrices sit amet condimentum vitae, auctor et ligula. Ut hendrerit posuere mollis.

Nunc sit amet imperdiet sem, in scelerisque sapien. Pellentesque tincidunt nisl non metus laoreet molestie. Duis non consequat velit, nec dapibus ligula. Vestibulum vitae bibendum lectus. Phasellus efficitur mollis metus, non pharetra ante tristique ac. Etiam posuere maximus velit et faucibus. Phasellus nulla ante, vulputate vitae elit non, laoreet tempus enim. Donec sed gravida lectus. Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit.

Suspendisse potenti. Sed lacinia pharetra urna, quis scelerisque augue porttitor sit amet. Nulla eget risus eros. Aenean accumsan orci ipsum, vel consequat dolor accumsan ac. Proin sagittis malesuada dui sed placerat. Quisque vel tempus mi. Vestibulum imperdiet blandit magna, id mollis lacus varius eu. Maecenas mollis feugiat arcu, ut varius metus ullamcorper faucibus. Ut mattis non ipsum quis posuere. Nunc sapien ipsum, rutrum eget condimentum in, maximus ut massa.

headcanons; HEADCANON

Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit. Nunc sapien ipsum, rutrum eget condimentum in, maximus ut massa.

HEADCANON

Curabitur eu mattis augue. Vivamus dictum nisl turpis, luctus blandit quam dictum eu. Quisque nec mi sed quam aliquet placerat nec et sapien. Aenean vestibulum vehicula mi, in dignissim augue posuere at. Aliquam vehicula viverra euismod.

HEADCANON

Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit.

READ MORE PLAYER | TIMEZONE | DISCORD | PLAYED BY

CODING

Coding: Compact

<lj-raw><article style="max-width:650px;margin:0 auto;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:35px;box-sizing:border-box;font-family:calibri,sans-serif;font-size:13px;color:#222;line-height:1.5;"> <!--ABOUT--> <section style="display:flex;justify-content:space-between;margin:0 0 25px 0;"> <!--IMAGE--> <div style="width:calc(50% - 10px);background:#eee url(IMG_URL)center;background-size:cover;"></div> <!--STATS--> <div style="width:calc(50% - 10px);"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">stats;</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">NAME</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">AGE</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">PRONOUNS</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FANDOM</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">CANON POINT</b> </div> </section> <!--PERSONALITY--> <section style="margin:0 0 25px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">personality;</b> PERSONALITY_INFO </section> <!--HEADCANONS--> <section style="margin:0 0 25px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">headcanons;</b> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> </section> <!--WIKI LINK--> <a href="" style="display:block;margin:0 auto;text-align:center;width:150px;background:#ACB8C5;border:1px solid rgba(0,0,0,0.1);padding:12px 0;border-radius:5px;line-height:1;font-size:12px;letter-spacing:2px;color:#000;text-decoration:none;"><b> READ MORE </b></a> <!--PLAYER INFO--> <center style="margin:25px 0 0 0;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#111;"> PLAYER | TIMEZONE | DISCORD | PLAYED BY </center> </article><center style="margin:5px 0 0 0;"><a href="https://tessisamess.insanejournal.com/145792.html" style="font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#aaa;text-decoration:none;">CODING</a></center></lj-raw>

stats; INFO NAME INFO AGE INFO PRONOUNS INFO FIELD INFO FIELD INFO FIELD INFO FANDOM INFO CANON POINT
inventory;

• Item
• Item
• Item
• Item
• Item

player; INFO NAME INFO TIMEZONE INFO ALT CONTACT INFO PLAYED BY

personality; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et interdum ante. Suspendisse in finibus velit. Curabitur eu mattis augue. Vivamus dictum nisl turpis, luctus blandit quam dictum eu. Quisque nec mi sed quam aliquet placerat nec et sapien. Aenean vestibulum vehicula mi, in dignissim augue posuere at. Aliquam vehicula viverra euismod. Aenean porta felis non quam mollis ultricies. Duis euismod dignissim libero sit amet aliquam. Proin dolor urna, ultrices sit amet condimentum vitae, auctor et ligula. Ut hendrerit posuere mollis.

Nunc sit amet imperdiet sem, in scelerisque sapien. Pellentesque tincidunt nisl non metus laoreet molestie. Duis non consequat velit, nec dapibus ligula. Vestibulum vitae bibendum lectus. Phasellus efficitur mollis metus, non pharetra ante tristique ac. Etiam posuere maximus velit et faucibus. Phasellus nulla ante, vulputate vitae elit non, laoreet tempus enim. Donec sed gravida lectus. Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit.

Suspendisse potenti. Sed lacinia pharetra urna, quis scelerisque augue porttitor sit amet. Nulla eget risus eros. Aenean accumsan orci ipsum, vel consequat dolor accumsan ac. Proin sagittis malesuada dui sed placerat. Quisque vel tempus mi. Vestibulum imperdiet blandit magna, id mollis lacus varius eu. Maecenas mollis feugiat arcu, ut varius metus ullamcorper faucibus. Ut mattis non ipsum quis posuere. Nunc sapien ipsum, rutrum eget condimentum in, maximus ut massa.

headcanons; HEADCANON

Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit. Nunc sapien ipsum, rutrum eget condimentum in, maximus ut massa.

HEADCANON

Curabitur eu mattis augue. Vivamus dictum nisl turpis, luctus blandit quam dictum eu. Quisque nec mi sed quam aliquet placerat nec et sapien. Aenean vestibulum vehicula mi, in dignissim augue posuere at. Aliquam vehicula viverra euismod.

HEADCANON

Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit.

READ MORE

CODING

Coding: Two column

<lj-raw><article style="max-width:900px;margin:0 auto;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:35px;box-sizing:border-box;font-family:calibri,sans-serif;font-size:13px;color:#222;line-height:1.5;display:flex;justify-content:space-between;"> <!--SIDEBAR--> <section style="width:300px;"> <!--IMAGE--> <img src="IMG_URL" style="max-width:100%;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">stats;</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">NAME</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">AGE</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">PRONOUNS</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FANDOM</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">CANON POINT</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">inventory;</b> <ul style="margin:0;padding:0 0 0 20px;"> <li>Item <li>Item <li>Item <li>Item <li>Item </ul> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">player;</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">NAME</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">TIMEZONE</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">ALT CONTACT</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">PLAYED BY</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - 300px - 40px);"> <!--PERSONALITY--> <section style="margin:0 0 25px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">personality;</b> PERSONALITY_INFO </section> <!--HEADCANONS--> <section style="margin:0 0 25px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">headcanons;</b> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> </section> <!--WIKI LINK--> <a href="" style="display:block;margin:0 auto;text-align:center;width:150px;background:#ACB8C5;border:1px solid rgba(0,0,0,0.1);padding:12px 0;border-radius:5px;line-height:1;font-size:12px;letter-spacing:2px;color:#000;text-decoration:none;"><b> READ MORE </b></a> </main> </article><center style="margin:5px 0 0 0;"><a href="https://tessisamess.insanejournal.com/145792.html" style="font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#aaa;text-decoration:none;">CODING</a></center></lj-raw>

stats; INFO NAME INFO AGE INFO PRONOUNS INFO FIELD INFO FIELD INFO FIELD INFO FANDOM INFO CANON POINT
inventory;

• Item
• Item
• Item
• Item
• Item

player; INFO NAME INFO TIMEZONE INFO ALT CONTACT INFO PLAYED BY

personality; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et interdum ante. Suspendisse in finibus velit. Curabitur eu mattis augue. Vivamus dictum nisl turpis, luctus blandit quam dictum eu. Quisque nec mi sed quam aliquet placerat nec et sapien. Aenean vestibulum vehicula mi, in dignissim augue posuere at. Aliquam vehicula viverra euismod. Aenean porta felis non quam mollis ultricies. Duis euismod dignissim libero sit amet aliquam. Proin dolor urna, ultrices sit amet condimentum vitae, auctor et ligula. Ut hendrerit posuere mollis.

Nunc sit amet imperdiet sem, in scelerisque sapien. Pellentesque tincidunt nisl non metus laoreet molestie. Duis non consequat velit, nec dapibus ligula. Vestibulum vitae bibendum lectus. Phasellus efficitur mollis metus, non pharetra ante tristique ac. Etiam posuere maximus velit et faucibus. Phasellus nulla ante, vulputate vitae elit non, laoreet tempus enim. Donec sed gravida lectus. Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit.

Suspendisse potenti. Sed lacinia pharetra urna, quis scelerisque augue porttitor sit amet. Nulla eget risus eros. Aenean accumsan orci ipsum, vel consequat dolor accumsan ac. Proin sagittis malesuada dui sed placerat. Quisque vel tempus mi. Vestibulum imperdiet blandit magna, id mollis lacus varius eu. Maecenas mollis feugiat arcu, ut varius metus ullamcorper faucibus. Ut mattis non ipsum quis posuere. Nunc sapien ipsum, rutrum eget condimentum in, maximus ut massa.

headcanons; HEADCANON

Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit. Nunc sapien ipsum, rutrum eget condimentum in, maximus ut massa.

HEADCANON

Curabitur eu mattis augue. Vivamus dictum nisl turpis, luctus blandit quam dictum eu. Quisque nec mi sed quam aliquet placerat nec et sapien. Aenean vestibulum vehicula mi, in dignissim augue posuere at. Aliquam vehicula viverra euismod.

HEADCANON

Suspendisse id suscipit eros. Ut rutrum ante quis lectus varius efficitur. Quisque sed arcu ullamcorper, laoreet eros eget, efficitur urna. Nunc aliquet gravida ipsum a dignissim. Morbi turpis erat, sodales nec erat id, sollicitudin consectetur elit.

READ MORE

memories; MOVIE/SEASON

• Memory
• Memory
• Memory
• Memory
• Memory

MOVIE/SEASON

• Memory
• Memory
• Memory
• Memory
• Memory

MOVIE/SEASON

• Memory
• Memory
• Memory
• Memory
• Memory

MOVIE/SEASON

• Memory
• Memory
• Memory
• Memory
• Memory

MOVIE/SEASON

• Memory
• Memory
• Memory
• Memory
• Memory

CODING

Coding: With Memories

<lj-raw><article style="max-width:1100px;margin:0 auto;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:35px;box-sizing:border-box;font-family:calibri,sans-serif;font-size:13px;color:#222;line-height:1.5;display:flex;justify-content:space-between;"> <!--SIDEBAR--> <section style="width:250px;"> <!--IMAGE--> <img src="IMG_URL" style="max-width:100%;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">stats;</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">NAME</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">AGE</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">PRONOUNS</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FIELD</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">FANDOM</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">CANON POINT</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">inventory;</b> <ul style="margin:0;padding:0 0 0 20px;"> <li>Item <li>Item <li>Item <li>Item <li>Item </ul> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">player;</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">NAME</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">TIMEZONE</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">ALT CONTACT</b> INFO <b style="display:block;text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);">PLAYED BY</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - (250px * 2) - (35px * 2));"> <!--PERSONALITY--> <section style="margin:0 0 25px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">personality;</b> PERSONALITY_INFO </section> <!--HEADCANONS--> <section style="margin:0 0 25px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">headcanons;</b> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> <!--HEADCANON--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">HEADCANON</b> <div style="margin:3px 0 3px 10px;padding:10px 0 10px 10px;border-left:3px solid #ACC5B1;"> HEADCANON_INFO </div> </section> <!--WIKI LINK--> <a href="" style="display:block;margin:0 auto;text-align:center;width:150px;background:#ACB8C5;border:1px solid rgba(0,0,0,0.1);padding:12px 0;border-radius:5px;line-height:1;font-size:12px;letter-spacing:2px;color:#000;text-decoration:none;"><b> READ MORE </b></a> </main> <!--SIDEBAR--> <section style="width:250px;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#232323;text-shadow:1px 0 0 #fefefe,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #ACB8C5;line-height:0.8;margin:0 0 10px 0;">memories;</b> <!--MEMORIES SECTION--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">MOVIE/SEASON</b> <ul style="margin:0 0 10px 0;padding:0 0 0 20px;"> <li>Memory <li>Memory <li>Memory <li>Memory <li>Memory </ul> <!--MEMORIES SECTION--> <b style="font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111;">MOVIE/SEASON</b> <ul style="margin:0 0 10px 0;padding:0 0 0 20px;"> <li>Memory <li>Memory <li>Memory <li>Memory <li>Memory </ul> </section> </article><center style="margin:5px 0 0 0;"><a href="https://tessisamess.insanejournal.com/145792.html" style="font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#aaa;text-decoration:none;">CODING</a></center></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

calibri,sans-serif - All text

font-size:13px; - Body text
font-size:11px; - Bold heading text
font-size:30px; - Large heading text

DIMENSIONS

650px - 'Compact container' width
900px - 'Two column' container width
1100px - 'With memories' container width

300px - 'Two column' sidebar width
250px - 'With memories' sidebars width

25px - Margins
35px - Container padding

COLORS

#fff

Container background

#fefefe

Large headings block shadow

#ACB8C5

Accent #1

#ACC5B1

Accent #2

#232323

Large headings text

#222

Body text

#111

Bold headings

#000

"Read more" link text

rgba(0,0,0,0.1)

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!