𝕮𝖔𝖉𝖊𝖘.

[gorelord]

Codes

If something is broken please let me know!

info/permissions page

<cut><div style="width:100%; min-width:550px; border:1px double #000;"><div style="background-color:#000; border:1px solid #f3f3f3; padding:3px; font-size:11px; border-radius:2px;"><div style=" border-radius:4px; background-color:#f3f3f3; padding:10px;"><div style="border:1px solid #cf0000; padding:24px; border-radius:2px; display:flex; flex: 2;"><div style="margin: 0px 20px; position:sticky; align-self:flex-start; top:1px; font-family:calibri; font-size:12px; text-align: justify;"> <div style="margin: 20px auto; min-width:100px; max-width:200px; height:200px; background-size:cover; background-position:center; border:15px solid #fff; background-image:url(PROFILE PIC 200x200 OR SQUARE WILL RESIZE);"></div> <div style="font-family:Garamond ; letter-spacing:4px; font-size:18px; text-align:center; text-transform:uppercase;">Character Name </div><div style="margin: 10px auto; width:100px; height:1px; background-color:#ccc;"></div> <div style="font-family:garamond; letter-spacing: 3px;">CANON</div> text <div style="font-family:garamond; letter-spacing: 3px;">CANON POINT</div> text <div style="font-family:garamond; letter-spacing: 3px;">PRONOUNS</div> te/xt <div style="font-family:garamond; letter-spacing: 3px;">AGE</div> 00 <div style="margin: 10px 0px; height:100px; width:1px; background-color:#ccc;"></div> <div style="font-family:garamond; text-transform: uppercase; letter-spacing: 3px;">Player</div> Name | @Contact.plurk | timezone </div><div style="width:75%; margin:0px auto; font-family:calibri; font-size:12px; text-align: justify;"><div style="width:200px; margin:0px auto; padding: 10px 20px; background-color:#000; border: 3px double #ededed; font-family:garamond; font-size:13px; text-transform:uppercase; letter-spacing:3px; color:#ededed; text-align:center;">Summary</div> <div style="height:1px; width:100%; background-color: #000; margin-top:-40px; "></div><blockquote> Character info here. </blockquote><div style="width:250px; margin:0px auto; padding: 10px 20px; background-color:#000; border: 3px double #ededed; font-family:garamond; font-size:13px; text-transform:uppercase; letter-spacing:3px; color:#ededed; text-align:center;">IMPRESSIONS</div> <div style="height:1px; width:100%; background-color: #000; margin-top:-40px; "></div><blockquote><div style="width:100%; display: flex; flex-wrap: wrap; justify-content:flex-start; text-align:justify; font-family:garamond; font-size:13px;"> <div style="width:100px; padding:10px; line-height: 15px; text-transform: lowercase;"><span style=" font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">HEIGHT</span> text </div> <div style="width:100px; padding:10px; line-height: 15px; text-transform: lowercase;"><span style=" font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">WEIGHT</span> text </div> <div style="width:150px; padding:10px; line-height: 15px; text-transform: lowercase;"><span style=" font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">OLIFACTORY</span> text text text text text text </div> <div style="width:150px; padding:10px; line-height: 15px; text-transform: lowercase;"><span style=" font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">AURAL</span> text text text text text text </div> </div> </blockquote><div style="width:250px; margin:0px auto; padding: 10px 20px; background-color:#000; border: 3px double #ededed; font-family:garamond; font-size:13px; text-transform:uppercase; letter-spacing:3px; color:#ededed; text-align:center;">Skills & Abilities</div> <div style="height:1px; width:100%; background-color: #000; margin-top:-40px; "></div><blockquote> <li style="list-style-type:'✥';"> Ability/skill <li style="list-style-type:'✥';"> Ability/skill <li style="list-style-type:'✥';"> Ability/skill </blockquote><div style="width:200px; margin:0px auto; padding: 10px 20px; background-color:#000; border: 3px double #ededed; font-family:garamond; font-size:13px; text-transform:uppercase; letter-spacing:3px; color:#ededed; text-align:center; clear:both;">Servitor</div> <div style="height:1px; width:100%; background-color: #000; margin-top:-40px;"></div><blockquote> Servitor info here <div style="min-width:150px; height:150px; float:right; margin: 0px 0px 15px 15px; background-size:100%; border:15px solid #fff; background-size:cover; background-image:url (SQUARE-IMAGE-will resize-optional); "></div> </blockquote><div style="clear:both; width:200px; margin:0px ; padding: 10px 20px; background-color:#000; border: 3px double #ededed; font-family:garamond; font-size:13px; text-transform:uppercase; letter-spacing:3px; color:#ededed; text-align:center;">Permissions</div><div style="height:1px; width:100%; background-color: #000; margin-top:-20px; margin-left:5px; "></div> <div style="display: flex; flex-wrap: wrap; justify-content:flex-start; gap: 10px; text-transform:uppercase; font-family:garamond; font-size:13px;"><div style="width:150px; padding:10px; line-height: 20px; text-transform: lowercase; "><span style="font-style: normal; font-family:calibri; text-transform: uppercase; letter-spacing: 3px;">Physical</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Shipping</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Smut</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Fighting</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Injury</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Death</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Psionics</span> text </div> <div style="width:150PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Powers</span> text </div> <div style="width:180PX; padding:10px; line-height: 20px; text-transform: lowercase;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Fourthwalling</span> text </div> </div> <div style="font-family:garamond; font-size: 15px;letter-spacing:3px; margin-top:10px;"><div style="width:200px; margin:0px; padding: 10px 20px; background-color:#000; border: 3px double #ededed; font-family:garamond; font-size:13px; text-transform:uppercase; letter-spacing:3px; color:#ededed; text-align:center; margin-left:auto;">Preferences</div><div style="height:1px; width:97%; background-color: #000; margin-top:-20px; margin-right:5px; "></div><P> <div style="display: flex; flex-wrap: wrap; justify-content:flex-start; text-align:justify; font-family:garamond; font-size:13px;"> <div style="width:160px; padding:10px; line-height: 20px; text-transform: lowercase; letter-spacing: 1px;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Threadjacking</span> text </div> <div style="width:160px; padding:10px; line-height: 20px; text-transform: lowercase; letter-spacing: 1px;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Backtagging</span> text </div> <div style="width:160px; padding:10px; line-height: 20px; text-transform: lowercase; letter-spacing: 1px;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Aversions</span> text text text text text </div> <div style="width:160px; padding:10px; line-height: 20px; text-transform: lowercase; letter-spacing: 1px;"><span style="font-family:calibri;font-style: normal;text-transform: uppercase;letter-spacing: 3px;">Tagging Style</span> text text text text text </div> </div> </div></div>

ic inbox

bg 1 | bg 2 | bg 3 | bg 4

<cut text="CUT TEXT"><center> <div style="filter: grayscale(***SET A PERCENTAGE0%-100%**); display: flex; justify-content: safe center; align-items: center; height:500px; width:500px; background-image:url(BG-URL-HERE); background-position:center; background-size:20% contain;"><div><div style="margin: 20px 80px 10px 80px; background-color:#000; border:3px double #621d1d; padding:30px;"><div style=" width:200px; height:200px; background-size:100%; background-image:url(SQUARE-IMG-HERE); background-position:middle; "></div></div> <div style="margin:10px 80px 0px 80px; background-color:#000; border:3px double #621d1d; padding:30px; max-height:120px; font-size:11px; letter-spacing:4px; font-family:garamond; text-transform:uppercase; text-align:center; color:#fff;">Character Name <small>SUMMON - MISSIVE - PARCEL </small></div></div></div>

page template

<cut><div style="width:95%; min-width: 500px; margin: auto; padding:1px; text-align:justify; border:1px double #000;"><div style="background-color:#000; border:1px solid #f3f3f0; padding:8px; font-size:11px; border-radius:4px;"><div style=" border-radius:5px; background-color:#f3f3f0; padding:12px;"><div style="border:1px solid #cf0000; padding:24px; border-radius:2px;"><center><img src="HEADER-IMG-HERE" width="400px"></center> <div style="font-family:Garamond ; letter-spacing:4px; font-size:25px; text-align:center; text-transform:uppercase;"> title </div> <div style=" height: 1px; border-top: 1px solid black; text-align: left; position: relative;"><span style="position: relative; top: -1.5em; background-color: #f3f3f0; padding:10px; display: inline-block; font-family:Tahoma ; letter-spacing:2px; font-size:20px; text-transform:uppercase;">Header 1</div> <div style="font-family:Garamond ; letter-spacing:1px; text-align:left; text-transform:uppercase; font-weight:bold; border-left:10px solid #cf0000; padding-left: 15px; clear:both;">header 2.</div><blockquote> <center><div style="clear:both;">[ <a href="https://gorelord.dreamwidth.org/404.html" style="font-size:10px; letter-spacing:1px; color:#cf0000; text-decoration: none;">return to navigation</a> ] <img src="https://gorelord.dreamwidth.org/file/4996.png" style="opacity:1;"></div></div></div></div>

chapter template

<div style="filter: grayscale(PICK A LEVEL0-100%); display: flex; justify-content: center; align-items: center; width:100%; background-image:url(BG-URL-HERE); background-position:center; background-size:100% ;"> <div style="margin: 20px 100px; background-color:#000; border:3px double #621d1d; padding:20px; font-size:15px; letter-spacing:4px; font-family:garamond; text-transform:uppercase; text-align:center; color:#fff;"><b>TITLE</b><small>SUBTITLE</small></div> </div> <div style=" padding: 30px; border-left:double #000 3px; border-right:double #000 3px; border-bottom:solid #000 10px; font-size:12px; font-family:Trebuchet MS;"> <div style="width:150px; height:150px; float: right; margin: 0px 15px 15px 0px; background-image:url (FLOATING-IMAGE-SQUARE); background-size:100%; border:15px solid #fff;"></div> <div style="font-family:Garamond ; letter-spacing:1px; text-align:left; text-transform:uppercase; font-weight:bold; border-left:10px solid #cf0000; padding-left: 15px;">Header</div> content <div style="font-family:Garamond ; letter-spacing:1px; text-align:left; text-transform:uppercase; font-weight:bold; border-left:10px solid #cf0000; padding-left: 15px;">Header</div> content <div style="font-family:Garamond ; letter-spacing:1px; text-align:left; text-transform:uppercase; font-weight:bold; border-left:10px solid #cf0000; padding-left: 15px;">Header</div> content </div>

<div style="width:100%; margin: auto;"> <div style="filter: grayscale(PICKAGRADIENT%); position: sticky; top: 0; display: flex; width:100%; background-image:url(BGURLHERE); background-position:center; background-size:100% ;"> <div style=" margin: 20px 10% 20px 2%; min-width:100px; background-color:#000; border:3px double #621d1d; padding:15px; font-size:13px; letter-spacing:4px; font-family:garamond; text-transform:uppercase; text-align:center; color:#fff;"><b>DAY</b><small> 000-000</small></div> <div style=" margin: 20px auto; background-color:#000; border:3px double #621d1d; padding:15px; font-size:13px; letter-spacing:4px; font-family:garamond; text-transform:uppercase; text-align:center; color:#fff;"><b>Chapter ??:</b><small> SUBTITLE</small></div> <div style=" margin: 20px 2% 20px 10%; min-width:100px; background-color:#000; border:3px double #621d1d; padding:15px; font-size:13px; letter-spacing:4px; font-family:garamond; text-transform:uppercase; text-align:center; color:#fff;"><b>State</b> <big title="WEATHER">🌦</big></div></div><div style=" padding: 30px; border-left:double #000 3px; border-right:double #000 3px; border-bottom:solid #000 10px; font-size:12px; font-family:Trebuchet MS;"> </blockquote></div></blockquote>

HEADERS

Main Header:
<div style=" height: 1px; border-top: 1px solid black; text-align: left; position: relative;"><span style="position: relative; top: -1.5em; background-color: #f3f3f0; padding:10px; display: inline-block; font-family:Tahoma ; letter-spacing:2px; font-size:20px; text-transform:uppercase;">Header 1</div>

Sub-Header:
<div style="font-family:Garamond ; letter-spacing:1px; text-align:left; text-transform:uppercase; font-weight:bold; border-left:10px solid #cf0000; padding-left: 15px;">Header</div> content

Souls-Header:
<div style="font-family: garamond; letter-spacing:3px; font-size: 30px; text-align: center; text-transform:uppercase; border-bottom:1px solid #ccc; ">NOUN ADJECTIVED</div>

[ return to navigation ]