codes

[heritors]

note: it's horrifically messy bc i did not intend to share it but yolo
CTRL-F:
#111D30 for the header/footer/font color for the section headers
#5c6e89 for the dividers
#e8ab12 for the yellow font color
IMGURL for banner image; if left blank, you can set a banner color (feel free to adjust height:220px; to be smaller if you do this.)
INFO
<lj-raw> <!--- CODE START ---> <div style="max-width:800px; min-width:300px; width:80%; margin: 0 auto; font-family: arial, sans serif; font-size:13px; line-height:1.4; overflow:hidden; border:0px solid #111D30; color:#1f1f1f; background:transparent;"> <!--- { header begin ---> <div style="height:220px; display:flex; background: #111D30 url(IMGURL) center; box-shadow: inset 0 0 0 1000px rgba(17, 29, 48,.4); border-bottom:0px solid #111D30;"> <div style="font-size:clamp(22px, 1vw, 28px); color:#f4f8ff; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-weight:bold; text-transform: uppercase; padding:10px 20px;"> NAME </div> <div style="display:flex; background:transparent; font-size:clamp(13px, .75vw, 16px); font-weight:normal; letter-spacing:1.5px; color:#f4f8ff; text-transform: uppercase; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:10px 20px;"> CANON </div> </div> <!--- { header end } ---> <!--- TOP LINKS NAV: { Fill in links below } ---> <div style="height:auto; background:#111D30; font-size:11px; font-weight:bold; text-transform: uppercase; color:#e8ab12; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; letter-spacing:1px; margin:0px; padding:10px; gap:5px;"> <a href=LINK style="color:#e8ab12; text-decoration:none;">permissions</a> ∞ <a href="LINK" style="color:#e8ab12; text-decoration:none;">inbox</a> </div> <!--- TOP LINKS NAV END ---> <!--- BLANK SPACER ---> <div style="margin:10px;"></div> <!--- BLANK SPACER END ---> <!--- { PLACE ALL ADDITIONAL CODE BLOCKS BELOW THIS. } --> <!--- STAT BLOCK: { Fill in character stats. To add additional rows, copy and paste the marked 2-column row section } ---> <div style="margin:auto;"><div style="background:transparent; margin:0px 10px; padding:20px; display:flex; flex-wrap:wrap; row-gap:10px;"> <div style="width:100%; margin:0px auto 25px auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 25px;"> <!--- { stat sections below } ---> <!--- { STAT SECTION BEGIN: COPY THE BELOW FOR EACH 2-COLUMN STAT ROW } ---> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">Height</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">Build</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <!--- { STAT SECTION END: COPY THE ABOVE FOR EACH 2-COLUMN STAT ROW } ---> <!--- { STAT SECTION BEGIN: COPY THE BELOW FOR EACH 2-COLUMN STAT ROW } ---> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">hair</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">eyes</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <!--- { STAT SECTION END: COPY THE ABOVE FOR EACH 2-COLUMN STAT ROW } ---> <!--- { STAT SECTION BEGIN: COPY THE BELOW FOR EACH 2-COLUMN STAT ROW } ---> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">age</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">canon point</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <!--- { STAT SECTION END: COPY THE ABOVE FOR EACH 2-COLUMN STAT ROW } ---> <!--- { STAT SECTION BEGIN: COPY THE BELOW FOR EACH 2-COLUMN STAT ROW } ---> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">markings</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">vehicle</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <!--- { STAT SECTION END: COPY THE ABOVE FOR EACH 2-COLUMN STAT ROW } ---> <!--- { STAT SECTION BEGIN: COPY THE BELOW FOR EACH 2-COLUMN STAT ROW } ---> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">player</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">timezone</div> <div style="background:transparent; border-top:1px solid #5c6e89; padding:7px 7px; text-align:left; color:#000; font-size:13px;"> TEXT </div></div> <!--- { STAT SECTION END: COPY THE ABOVE FOR EACH 2-COLUMN STAT ROW } ---> <!--- { stat sections above} ---> </div></div> <!--- STAT BLOCK END ---> <!--- CHARACTER INFO SECTION BEGINS ---> <!--- BLANK SPACER ---> <div style="margin:-20px;"></div> <!--- BLANK SPACER END ---> <div style="display:block; background: transparent; display:flex; flex-wrap:wrap; justify-content:left; align-items: center; font-size:clamp(12px, 0.75vw, 15px); color: #111D30; font-weight:bold; text-transform: uppercase; padding:0px 0px 0px 0px; margin:0px 20px; letter-spacing:.5px; text-decoration-color: #5c6e89; border-bottom:1px solid #5c6e89;">Character Information</div> <!--- { your text below } --> <div style="margin: 20px 20px 25px 20px; text-align:justify; "> </lj-raw> TEXT HERE <lj-raw> </div> <!--- { your text above } --> <!--- ANOTHER INFO SECTION BEGINS ---> <div style="display:block; background: transparent; display:flex; flex-wrap:wrap; justify-content:left; align-items: center; font-size:clamp(12px, 0.75vw, 15px); color: #111D30; font-weight:bold; text-transform: uppercase; padding:0px 0px 0px 0px; margin:0px 20px; letter-spacing:.5px; text-decoration-color: #5c6e89; border-bottom:1px solid #5c6e89;">Skills & Abilities</div> <!--- { your text below } --> <div style="margin: 20px 20px 20px 20px; text-align:justify; "> </lj-raw> TEXT HERE <lj-raw> </div> <!--- { your text above } --> <!--- INFO SECTION ENDS ---> <!--- { IF YOU WANT TO ADD MORE TEXT SECTIONS, PLACE ALL ADDITIONAL CODE BLOCKS ABOVE THIS. } --> <!--- CODE SOURCE ---> <div style="height:auto; background:#111D30; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; padding:6px; font-size:10px; color:#111D30; gap:5px; font-weight:bold; text-transform:uppercase;"> <a href="https://thediadem.dreamwidth.org/4784.html" style="color:#e8ab12; text-decoration:none;">Code</a> | <a href="LINK" style="color:#e8ab12; text-decoration:none;">ART</a> </div> <!--- CODE SOURCE END ---> </div></div> <!--- CODE END ---></lj-raw>
INBOX
<lj-raw> <!--- CODE START ---> <div style="max-width:600px; min-width:300px; width:80%; margin: 0 auto; font-family: arial, sans serif; font-size:13px; line-height:1.4; overflow:hidden; border:0px solid #111D30; color:#1f1f1f; background:transparent;"> <!--- { header begin ---> <div style="display:block; background: #111D30 url() center; box-shadow: inset 0 0 0 1000px rgba(17, 29, 48,.5); "> <div style="display:flex; flex-wrap:wrap; justify-content:end; align-items:center; padding:5px;margin-bottom:-15px;"><img src="https://thediadem.dreamwidth.org/file/9399.png" width="18px"> <img src="https://thediadem.dreamwidth.org/file/8992.png" width="18px"> </div> <!--- PHONE NUMBER ---> <div style="font-size:clamp(22px, 1vw, 28px); text-transform: uppercase; color:#f4f8ff; display:flex; flex-wrap:wrap; justify-content:left; align-items:center; font-weight:bold; padding:5px 20px;">Inbox <div style="display:flex; background:transparent; font-size:clamp(13px, .75vw, 16px); color:#f4f8ff; font-weight:normal; letter-spacing:1.5px; text-transform:uppercase; display:flex; flex-wrap:wrap; justify-content:left; align-items:center; padding:5px 20px;"> PHONE NUMBER </div></div> <div style="height:auto; background:#111D30; font-size:11px; letter-spacing:1px; font-weight:bold; text-transform: uppercase; color:#e8ab12; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; margin:0px; padding:6px; gap:3px;">voice ∞ text</div></div> <!--- PHONE NUMBER END---> <!--- { header end } ---> <!--- BLANK SPACER ---> <div style="margin:20px;"></div> <!--- BLANK SPACER END ---> <!--- { PLACE ALL ADDITIONAL CODE BLOCKS BELOW THIS. } --> <!--- VOICEMAIL: { replace the default voicemail below with a personalized one or keep as is. } ---> <div style="background-color:transparent; text-align:justify; color:#282031; margin: 10px 20px 20px 20px; padding:20px;"> </lj-raw> TEXT HERE <lj-raw> </div> <!--- { VOICEMAIL END } --> <!--- { PLACE ALL ADDITIONAL CODE BLOCKS ABOVE THIS. } --> <!--- BLANK SPACER ---> <div style="margin:20px;"></div> <!--- BLANK SPACER END ---> <!--- CODE SOURCE ---> <div style="height:auto; background:#111D30; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; padding:6px; font-size:10px; color:#111D30; gap:5px; font-weight:bold; text-transform:uppercase;"> <a href="https://thediadem.dreamwidth.org/4784.html" style="color:#e8ab12; text-decoration:none;">Code</a> & <a href="LINK" style="color:#e8ab12; text-decoration:none;">art</a> </div> <!--- CODE SOURCE END ---> </div></div> <!--- CODE END --->
PERMISSIONS
<lj-raw> <!--- CODE START ---> <div style="max-width:800px; min-width:300px; width:80%; margin: 0 auto; font-family: arial, sans serif; font-size:13px; line-height:1.4; overflow:hidden; border:0px solid #111D30; color:#1f1f1f; background:transparent;"> <!--- { header begin ---> <div style="height:220px; display:flex; background: #111D30 url(IMGURL) center; box-shadow: inset 0 0 0 1000px rgba(17, 29, 48,.5); border-bottom:0px solid #111D30;"> <div style="font-size:clamp(22px, 1vw, 28px); color:#f4f8ff; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-weight:bold; text-transform: uppercase; padding:10px 20px;"> NAME </div> <div style="display:flex; background:transparent; font-size:clamp(13px, .75vw, 16px); font-weight:normal; letter-spacing:1.5px; color:#f4f8ff; text-transform: uppercase; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:10px 20px;"> CANON; AGE </div> </div> <!--- { header end } ---> <!--- TOP LINKS NAV: { Fill in links below } ---> <div style="height:auto; background:#111D30; font-size:11px; font-weight:bold; text-transform: uppercase; color:#e8ab12; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; letter-spacing:1px; margin:0px; padding:10px; gap:5px;"> PLAYER ∞ <a href="LINK" style="color:#e8ab12; text-decoration:none;">Contact</a> ∞ <a href="LINK" style="color:#e8ab12; text-decoration:none;">IC info</a> </div> <!--- TOP LINKS NAV END ---> <!--- BLANK SPACER ---> <div style="margin:25px;"></div> <!--- BLANK SPACER END ---> <!--- { PLACE ALL ADDITIONAL CODE BLOCKS BELOW THIS. } --> <!--- CHARACTER INFO SECTION BEGINS ---> <div style="display:block; background: transparent; display:flex; flex-wrap:wrap; justify-content:left; align-items: center; font-size:clamp(13px, 0.75vw, 15px); color: #111D30; font-weight:bold; text-transform: uppercase; padding:0px 0px 0px 0px; margin:0px 20px; letter-spacing:.5px; text-decoration-color: #5c6e89; border-bottom:1px solid #5c6e89;">OUT OF CHARACTER</div> <!--- { your text below } --> <div style="margin: 20px 20px 25px 20px; text-align:justify; "> </lj-raw><b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">style:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">backtagging:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">tagging speed:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">threadhopping:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">fourthwalling:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">not interested in:</b> TEXT<lj-raw></div> <!--- { your text above } --> <!--- ANOTHER INFO SECTION BEGINS ---> <div style="display:block; background: transparent; display:flex; flex-wrap:wrap; justify-content:left; align-items: center; font-size:clamp(13px, 0.75vw, 15px); color: #111D30; font-weight:bold; text-transform: uppercase; padding:0px 0px 0px 0px; margin:0px 20px; letter-spacing:.5px; text-decoration-color: #5c6e89; border-bottom:1px solid #5c6e89;">IN CHARACTER</div> <!--- { your text below } --> <div style="margin: 20px 20px 20px 20px; text-align:justify; "> </lj-raw><b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">affection:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">violence:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">relationships / intimacy:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">psychic / magical info:</b> TEXT <b style="font-weight:bold; font-size:12px; line-height:1.5; color:#111D30; text-transform:uppercase; letter-spacing:0.8px;">IC offensive subjects</b> TEXT<lj-raw></div> <!--- { your text above } --> <!--- INFO SECTION ENDS ---> <!--- { IF YOU WANT TO ADD MORE TEXT SECTIONS, PLACE ALL ADDITIONAL CODE BLOCKS ABOVE THIS. } --> <!--- BLANK SPACER ---> <div style="margin:25px;"></div> <!--- BLANK SPACER END ---> <!--- CODE SOURCE ---> <div style="height:auto; background:#111D30; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; padding:6px; font-size:10px; color:#111D30; gap:5px; font-weight:bold; text-transform:uppercase;"> <a href="https://thediadem.dreamwidth.org/4784.html" style="color:#e8ab12; text-decoration:none;">Code</a> | <a href="LINK" style="color:#e8ab12; text-decoration:none;">ART</a> </div> <!--- CODE SOURCE END ---> </div></div> <!--- CODE END ---></lj-raw>