codes

[linkupmods]

Permissions
Instructions: Paste the below code into a new entry on your journal.
<cut><lj-raw><div style="box-sizing:border-box;max-width:700px;width:100%;margin:0 auto;padding:3%;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:start;gap:20px;font-family:arial, helvetica, sans serif;font-size:12px;line-height:1.5;border-radius:12px;border:5px solid #232323;box-shadow:6px 5px 0 #232323;background:#ee5d6c url('BG_HERE');color:#000"> <div style="box-sizing:border-box;width:100%;display:grid;grid-template-columns:25px 25px 1fr;grid-template-rows:25px;gap:7px;"> <div style="border-radius:50%;background:#fff;"></div><div style="border-radius:50%;background:#fff;"></div> <div style="box-sizing:border-box;padding:2px 10px;font-size:18px;line-height:1.2;font-weight:bold;text-align:right;border-radius:12px;background:#fff;">CHARACTER / PERSONA INFO</div> </div> <!-- character and persona info --> <div style="box-sizing:border-box;width:100%;padding:10px;border-radius:12px;background:#fff;"></lj-raw> <b>NAME:</b> <b>CANON:</b> <b>AGE:</b> <b>HOUSING:</b> <b>PERSONA NAME/APPEARANCE:</b> <b>ARCANA:</b> <b>ELEMENT:</b> <b>CURRENT LEVEL:</b> <b>SKILLS:</b> (optional) <lj-raw></div> <!-- end character and persona info --> <div style="box-sizing:border-box;width:100%;display:grid;grid-template-columns:25px 25px 1fr;grid-template-rows:25px;gap:7px;"> <div style="border-radius:50%;background:#fff;"></div><div style="border-radius:50%;background:#fff;"></div> <div style="box-sizing:border-box;padding:2px 10px;font-size:18px;line-height:1.2;font-weight:bold;text-align:right;border-radius:12px;background:#fff;">PERMISSIONS</div> </div> <!-- ooc permissions --> <div style="box-sizing:border-box;flex:1 1 46%;align-self:stretch;padding:10px;border-radius:12px;background:#fff;"><div style="box-sizing:border-box;padding:9px 10px;margin:-15px 10px 0 -15px;float:left;font-size:13px;font-weight:bold;text-transform:lower-case;font-variant:small-caps;border-radius:12px;background:#e0d7ea;">ooc.</div></lj-raw> <b>PLAYER NAME:</b> <b>PREFERRED CONTACT:</b> <b>BACKTAGGING:</b> <b>THREADHOPPING:</b> <b>SENSITIVE/OFF-LIMIT TOPICS:</b> <lj-raw></div> <!-- end ooc permissions --> <!-- ic permissions --> <div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;align-self:stretch;padding:10px;border-radius:12px;background:#fff;"> <div style="box-sizing:border-box;padding:9px 10px;margin:-15px 10px 0 -15px;float:left;font-size:13px;font-weight:bold;text-transform:lower-case;font-variant:small-caps;border-radius:12px;background:#e0d7ea;">ic.</div></lj-raw> <b>PHYSICAL CONTACT:</b> <b>ROMANCE/SHIPPING:</b> <b>CONFLICT:</b> <b>FIGHTING:</b> <b>KILLING:</b> <b>NSFW:</b> <lj-raw></div> <!-- end ic permissions --> </div><div style="max-width:700px;width:100%;margin:5px auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ccc;">code</a></div></lj-raw>


Inbox Codes (Please choose based on your element!)
- "username" is your character's IC username; "display name" is what your character would want to show up as in the chat
- Please follow the examples in linknet and post your character's IC inbox to the community as a separate entry

Fire <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #FFA10F, #F0DDC2);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Ice <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #0657A4, #AAB2B9);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Electric <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #f7f30f, #E9EAC6);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Wind <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #00C155, #BDE6CF);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>
Psychokinesis <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #CE00B8, #A58DA2);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Nuclear <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #05EAEE, #C8EFFF);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Bless <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #edca98, #EAE7D7);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Curse <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #A50101, #D1BDBD);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('**BACKGROUND_IMG_URL**') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="**ICON_IMG_URL**" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>