codes

[promittere]

CODES

All the code for character use is color coded by assigned country. Please find the section of your character's assigned country and use the codes provided there.

The room codes come with colored blocks by default, but feel free to replace any of the IMG_URL placeholders to make a little moodboard of your character's room.

CENTRAL

Room
<lj-raw><div style="width: clamp(250px, 100%, 761px);margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;font-family:arial, helvetica, sans serif;line-height:1.2;font-size:11px;letter-spacing:1px;gap:5px;color:#fff;"> <div style="width: clamp(50px, 49%, 250px);height:350px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;font-weight:bold;text-align:center;background:#eee;"> <div style="width:100%;height:100px;background:#F8D64F url('IMG_URL')center;background-size:cover;"></div> <div style="width:100%;margin:-20px 0 5px;font-family:georgia, garamond, serif;font-size: clamp(25px, 4vw, 30px);font-weight:bold;text-shadow:2px 2px 2px #2e2e2e, 1px 1px 1px rgba(0,0,0,.5), -1px -1px 1px rgba(255,255,255,.1);color:#fff;">!!NAME!!</div> <div style="width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;"> <div style="width:40%;padding-top:40%;background:#D4B744 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#AB9437 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#82702A url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#594D1D url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> </div> </div> </div> <!-- CREDIT --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --></lj-raw>

Permissions
<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="ICON_URL" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #F8D64F;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#594D1D;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#F8D64F;">!!NAME!!</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> !!CANON!! - CENTRAL - !!AGE!! </div> </div> <details style="background:#82702A;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Backtagging</b>: !!ANSWER!!<br> <b>★ Threadjacking</b>: !!ANSWER!!<br> <b>★ Fourth-walling</b>: !!ANSWER!!<br> <b>★ Off limits</b>: !!ANSWER!! </div> </details> <details style="background:#AB9437;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Physical violence</b>: !!ANSWER!!<br> <b>★ Injury</b>: !!ANSWER!!<br> <b>★ Mindreading</b>: !!ANSWER!!<br> <b>★ Manipulation</b>: !!ANSWER!!<br> <b>★ Romance</b>: !!ANSWER!!<br> <b>★ Smut</b>: !!ANSWER!!<br> <b>★ Death</b>: !!ANSWER!! </div> </details> <details style="background:#D4B744;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OTHER NOTES </summary> <div style="padding:20px;background:#fff;"> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!! </div> </details> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Info
<lj-raw><article style="max-width:663px;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="width:300px;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#82702A;text-shadow:1px 0 0 #AB9437,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F8D64F;line-height:0.8;margin:0 0 10px 0;">CHARACTER</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);">CANON</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> 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> <a href="URL_HERE">FLOOR X, ROOM X</a> <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);">ROOM</b> <a href="URL_HERE">INFO</a> <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);">PERMISSIONS</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#82702A;text-shadow:1px 0 0 #AB9437,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F8D64F;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);">CONTACT</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - 300px - 40px);"> <section style="width:250px;"> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#82702A;text-shadow:1px 0 0 #AB9437,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F8D64F;line-height:0.8;margin:0 0 10px 0;">MAGIC</b> Central <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);">COUNTRY</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);">SAGE CREST</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);">INCANTATION</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);">FOCUS</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);">BROOM</b> <br> <!--HEADING--> <b style="display:block;font-size:30px;color:#82702A;text-shadow:1px 0 0 #AB9437,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F8D64F;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> </section> </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>

NORTH

Room
<lj-raw><div style="width: clamp(250px, 100%, 761px);margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;font-family:arial, helvetica, sans serif;line-height:1.2;font-size:11px;letter-spacing:1px;gap:5px;color:#fff;"> <div style="width: clamp(50px, 49%, 250px);height:350px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;font-weight:bold;text-align:center;background:#eee;"> <div style="width:100%;height:100px;background:#A066C6 url('IMG_URL')center;background-size:cover;"></div> <div style="width:100%;margin:-20px 0 5px;font-family:georgia, garamond, serif;font-size: clamp(25px, 4vw, 30px);font-weight:bold;text-shadow:2px 2px 2px #2e2e2e, 1px 1px 1px rgba(0,0,0,.5), -1px -1px 1px rgba(255,255,255,.1);color:#fff;">!!NAME!!</div> <div style="width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;"> <div style="width:40%;padding-top:40%;background:#C67FF5 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#8455A3 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#63407A url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#422A52 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> </div> </div> </div> <!-- CREDIT --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --></lj-raw>

Permissions
<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="ICON_URL" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #C67FF5;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#422A52;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#C67FF5;">!!NAME!!</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> !!CANON!! - NORTH - !!AGE!! </div> </div> <details style="background:#63407A;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Backtagging</b>: !!ANSWER!!<br> <b>★ Threadjacking</b>: !!ANSWER!!<br> <b>★ Fourth-walling</b>: !!ANSWER!!<br> <b>★ Off limits</b>: !!ANSWER!! </div> </details> <details style="background:#8455A3;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Physical violence</b>: !!ANSWER!!<br> <b>★ Injury</b>: !!ANSWER!!<br> <b>★ Mindreading</b>: !!ANSWER!!<br> <b>★ Manipulation</b>: !!ANSWER!!<br> <b>★ Romance</b>: !!ANSWER!!<br> <b>★ Smut</b>: !!ANSWER!!<br> <b>★ Death</b>: !!ANSWER!! </div> </details> <details style="background:#A066C6;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OTHER NOTES </summary> <div style="padding:20px;background:#fff;"> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!! </div> </details> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Info
<lj-raw><article style="max-width:663px;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="width:300px;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#63407A;text-shadow:1px 0 0 #8455A3,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #A066C6;line-height:0.8;margin:0 0 10px 0;">CHARACTER</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);">CANON</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> 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> <a href="URL_HERE">FLOOR X, ROOM X</a> <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);">ROOM</b> <a href="URL_HERE">INFO</a> <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);">PERMISSIONS</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#63407A;text-shadow:1px 0 0 #8455A3,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #A066C6;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);">CONTACT</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - 300px - 40px);"> <section style="width:250px;"> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#63407A;text-shadow:1px 0 0 #8455A3,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #A066C6;line-height:0.8;margin:0 0 10px 0;">MAGIC</b> North <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);">COUNTRY</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);">SAGE CREST</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);">INCANTATION</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);">FOCUS</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);">BROOM</b> <br> <!--HEADING--> <b style="display:block;font-size:30px;color:#63407A;text-shadow:1px 0 0 #8455A3,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #A066C6;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> </section> </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>

EAST

Room
<lj-raw><div style="width: clamp(250px, 100%, 761px);margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;font-family:arial, helvetica, sans serif;line-height:1.2;font-size:11px;letter-spacing:1px;gap:5px;color:#fff;"> <div style="width: clamp(50px, 49%, 250px);height:350px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;font-weight:bold;text-align:center;background:#eee;"> <div style="width:100%;height:100px;background:#648DD7 url('IMG_URL')center;background-size:cover;"></div> <div style="width:100%;margin:-20px 0 5px;font-family:georgia, garamond, serif;font-size: clamp(25px, 4vw, 30px);font-weight:bold;text-shadow:2px 2px 2px #2e2e2e, 1px 1px 1px rgba(0,0,0,.5), -1px -1px 1px rgba(255,255,255,.1);color:#fff;">!!NAME!!</div> <div style="width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;"> <div style="width:40%;padding-top:40%;background:#5475B3 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#415A8A url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#2E4061 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#1A2538 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> </div> </div> </div> <!-- CREDIT --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --></lj-raw>

Permissions
<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="ICON_URL" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #648DD7;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#1A2538;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#648DD7;">!!NAME!!</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> !!CANON!! - EAST - !!AGE!! </div> </div> <details style="background:#2E4061;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Backtagging</b>: !!ANSWER!!<br> <b>★ Threadjacking</b>: !!ANSWER!!<br> <b>★ Fourth-walling</b>: !!ANSWER!!<br> <b>★ Off limits</b>: !!ANSWER!! </div> </details> <details style="background:#415A8A;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Physical violence</b>: !!ANSWER!!<br> <b>★ Injury</b>: !!ANSWER!!<br> <b>★ Mindreading</b>: !!ANSWER!!<br> <b>★ Manipulation</b>: !!ANSWER!!<br> <b>★ Romance</b>: !!ANSWER!!<br> <b>★ Smut</b>: !!ANSWER!!<br> <b>★ Death</b>: !!ANSWER!! </div> </details> <details style="background:#5475B3;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OTHER NOTES </summary> <div style="padding:20px;background:#fff;"> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!! </div> </details> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Info
<lj-raw><article style="max-width:663px;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="width:300px;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#2E4061;text-shadow:1px 0 0 #415A8A,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #648DD7;line-height:0.8;margin:0 0 10px 0;">CHARACTER</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);">CANON</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> 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> <a href="URL_HERE">FLOOR X, ROOM X</a> <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);">ROOM</b> <a href="URL_HERE">INFO</a> <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);">PERMISSIONS</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#2E4061;text-shadow:1px 0 0 #415A8A,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #648DD7;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);">CONTACT</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - 300px - 40px);"> <section style="width:250px;"> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#2E4061;text-shadow:1px 0 0 #415A8A,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #648DD7;line-height:0.8;margin:0 0 10px 0;">MAGIC</b> East <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);">COUNTRY</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);">SAGE CREST</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);">INCANTATION</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);">FOCUS</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);">BROOM</b> <br> <!--HEADING--> <b style="display:block;font-size:30px;color:#2E4061;text-shadow:1px 0 0 #415A8A,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #648DD7;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> </section> </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>

WEST

Room
<lj-raw><div style="width: clamp(250px, 100%, 761px);margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;font-family:arial, helvetica, sans serif;line-height:1.2;font-size:11px;letter-spacing:1px;gap:5px;color:#fff;"> <div style="width: clamp(50px, 49%, 250px);height:350px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;font-weight:bold;text-align:center;background:#eee;"> <div style="width:100%;height:100px;background:#F286B1 url('IMG_URL')center;background-size:cover;"></div> <div style="width:100%;margin:-20px 0 5px;font-family:georgia, garamond, serif;font-size: clamp(25px, 4vw, 30px);font-weight:bold;text-shadow:2px 2px 2px #2e2e2e, 1px 1px 1px rgba(0,0,0,.5), -1px -1px 1px rgba(255,255,255,.1);color:#fff;">!!NAME!!</div> <div style="width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;"> <div style="width:40%;padding-top:40%;background:#CF7297 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#A65B79 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#7D455B url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#542E3D url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> </div> </div> </div> <!-- CREDIT --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --></lj-raw>

Permissions
<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="ICON_URL" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #F286B1;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#542E3D;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#F286B1;">!!NAME!!</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> !!CANON!! - WEST - !!AGE!! </div> </div> <details style="background:#7D455B;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Backtagging</b>: !!ANSWER!!<br> <b>★ Threadjacking</b>: !!ANSWER!!<br> <b>★ Fourth-walling</b>: !!ANSWER!!<br> <b>★ Off limits</b>: !!ANSWER!!<br> </div> </details> <details style="background:#A65B79;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Physical violence</b>: !!ANSWER!!<br> <b>★ Injury</b>: !!ANSWER!!<br> <b>★ Mindreading</b>: !!ANSWER!!<br> <b>★ Manipulation</b>: !!ANSWER!!<br> <b>★ Romance</b>: !!ANSWER!!<br> <b>★ Smut</b>: !!ANSWER!!<br> <b>★ Death</b>: !!ANSWER!! </div> </details> <details style="background:#CF7297;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OTHER NOTES </summary> <div style="padding:20px;background:#fff;"> ★ !!NOTE!!<br> ★ !!NOTE!!<br> ★ !!NOTE!!<br> </div> </details> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Info
<lj-raw><article style="max-width:663px;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="width:300px;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#7D455B;text-shadow:1px 0 0 #A65B79,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F286B1;line-height:0.8;margin:0 0 10px 0;">CHARACTER</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);">CANON</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> 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> <a href="URL_HERE">FLOOR X, ROOM X</a> <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);">ROOM</b> <a href="URL_HERE">INFO</a> <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);">PERMISSIONS</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#7D455B;text-shadow:1px 0 0 #A65B79,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F286B1;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);">CONTACT</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - 300px - 40px);"> <section style="width:250px;"> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#7D455B;text-shadow:1px 0 0 #A65B79,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F286B1;line-height:0.8;margin:0 0 10px 0;">MAGIC</b> West <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);">COUNTRY</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);">SAGE CREST</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);">INCANTATION</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);">FOCUS</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);">BROOM</b> <br> <!--HEADING--> <b style="display:block;font-size:30px;color:#7D455B;text-shadow:1px 0 0 #A65B79,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #F286B1;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> </section> </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>

SOUTH

Room
<lj-raw><div style="width: clamp(250px, 100%, 761px);margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;font-family:arial, helvetica, sans serif;line-height:1.2;font-size:11px;letter-spacing:1px;gap:5px;color:#fff;"> <div style="width: clamp(50px, 49%, 250px);height:350px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;font-weight:bold;text-align:center;background:#eee;"> <div style="width:100%;height:100px;background:#D0DD52 url('IMG_URL')center;background-size:cover;"></div> <div style="width:100%;margin:-20px 0 5px;font-family:georgia, garamond, serif;font-size: clamp(25px, 4vw, 30px);font-weight:bold;text-shadow:2px 2px 2px #2e2e2e, 1px 1px 1px rgba(0,0,0,.5), -1px -1px 1px rgba(255,255,255,.1);color:#fff;">!!NAME!!</div> <div style="width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;"> <div style="width:40%;padding-top:40%;background:#AEBA45 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#889136 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#626927 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> <div style="width:40%;padding-top:40%;background:#3C4018 url('IMG_URL')center;background-size:cover;border:2px solid #fff;"></div> </div> </div> </div> <!-- CREDIT --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --></lj-raw>

Permissions
<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="ICON_URL" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #D0DD52;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#3C4018;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#D0DD52;">!!NAME!!</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> !!CANON!! - SOUTH - !!AGE!! </div> </div> <details style="background:#626927;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Backtagging</b>: !!ANSWER!!<br> <b>★ Threadjacking</b>: !!ANSWER!!<br> <b>★ Fourth-walling</b>: !!ANSWER!!<br> <b>★ Off limits</b>: !!ANSWER!! </div> </details> <details style="background:#889136;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#fff;"> <b>★ Physical violence</b>: !!ANSWER!!<br> <b>★ Injury</b>: !!ANSWER!!<br> <b>★ Mindreading</b>: !!ANSWER!!<br> <b>★ Manipulation</b>: !!ANSWER!!<br> <b>★ Romance</b>: !!ANSWER!!<br> <b>★ Smut</b>: !!ANSWER!!<br> <b>★ Death</b>: !!ANSWER!! </div> </details> <details style="background:#AEBA45;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OTHER NOTES </summary> <div style="padding:20px;background:#fff;"> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!!<br> <b>★</b> !!NOTE!! </div> </details> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Info
<lj-raw><article style="max-width:663px;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="width:300px;margin:0 0 10px 0;"> <!--HEADING--> <b style="display:block;font-size:30px;color:#626927;text-shadow:1px 0 0 #889136,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #D0DD52;line-height:0.8;margin:0 0 10px 0;">CHARACTER</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);">CANON</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> 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> <a href="URL_HERE">FLOOR X, ROOM X</a> <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);">ROOM</b> <a href="URL_HERE">INFO</a> <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);">PERMISSIONS</b> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#626927;text-shadow:1px 0 0 #889136,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #D0DD52;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);">CONTACT</b> </section> <!--MAIN CONTENT--> <main style="width:calc(100% - 300px - 40px);"> <section style="width:250px;"> <!--HEADING--> <br><b style="display:block;font-size:30px;color:#626927;text-shadow:1px 0 0 #889136,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #D0DD52;line-height:0.8;margin:0 0 10px 0;">MAGIC</b> South <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);">COUNTRY</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);">SAGE CREST</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);">INCANTATION</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);">FOCUS</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);">BROOM</b> <br> <!--HEADING--> <b style="display:block;font-size:30px;color:#626927;text-shadow:1px 0 0 #889136,2px 1px 0 #fefefe,3px 2px 1px rgba(0,0,0,0.5);border-bottom:3px solid #D0DD52;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> </section> </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>

CREDIT

The following resources were used to make the game pretty:

Journal Layouts: killthecake
Character Info and Permission Pages: tessisamess
Game Info Pages/Event Layouts: 10billionghosts
Taken List: vuvuzela
Inspiration: Mahoyaku HP

Thank you!

» NAVIGATION