recitations | codes (Reply)

CTRL-F:
linear-gradient(to right, rgba(114, 210, 232, 1) 0%, rgba(232, 204, 114, 1) 100%) for the header gradient
linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(164, 200, 223, 0.2) 50%, rgba(226, 212, 188, 0.2) 100%); main area gradient (keep this section very light! you can do that by changing the last number in rgba(###, ###, ###, ###) to 0.2)
IMGURL for banner image; if you want nothing just leave it blank
INFO

<lj-raw><div style="width:700px;max-width:100%;min-width:550px;margin:0 auto;">
<div style="height:100px;background: linear-gradient(to right, rgba(114, 210, 232, 1) 0%, rgba(232, 204, 114, 1) 100%);background-size:cover;"><div style="padding:34px;border-top:10px #222222 solid;display:flex;justify-content:start;align-items:start;">

<div style="font:bold 10px Monospace;color:#f9f9f9;text-transform:uppercase;line-height:20px;letter-spacing:3px;background-color:#222222;padding:0 0 0 10px;width:275px;text-align:left;white-space:wrap;">NAME; CANON</div>

</div></div>

<div style="padding:34px;background-color:#f9f9f9;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(164, 200, 223, 0.2) 50%, rgba(226, 212, 188, 0.2) 100%);border-bottom:10px solid #222222;">
<table style="width:100%;padding:0px!important;"><tr style="padding:0px!important;"><td style="width:18%; padding:0px!important;vertical-align:top;">

<div style="position:sticky;top:20px;background:transparent;background-size:cover;max-width:150px;"><img src="IMGURL" style="mix-blend-mode:multiply;filter:grayscale(100%) contrast(110%);max-width:150px;">
 <div style="width:150px;margin:0 auto;text-transform:uppercase;background-color:#222222;font:bold 9px Monospace;letter-spacing:3px; padding: 5px 0px; margin: 2px 0px;">   <a href="URLHERE" style="text-decoration:none;color:#f9f9f9">PERMISSIONS</a></div>
</div>

</td><td style="width:82%; padding:0px!important;vertical-align:top;">
<div style="font:12px Trebuchet Ms;text-align:justify;color:#222222;margin-right:-37px;padding-right:25px;padding-left:20px;">

<div style="max-width:100%;display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:6px;">
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">HEIGHT</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">BUILD</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">HAIR</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">EYES</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">AGE</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">CANON</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">MISC</span> TEXTHERE
<span style="background: #222222;font-weight:bold;text-transform:uppercase;color:#fff;font-size:10px;letter-spacing:3px;padding:5px 13px 5px 15px;text-align:center;">VEHICLE</span> TEXTHERE
</div>

<div style="min-width:200px;max-width:40%;margin:0 auto;text-transform:uppercase;background-color:#222222;padding:10px 10px;color:#f9f9f9;font:bold 9px Monospace;letter-spacing:3px;">CHARACTER INFO</div>
          
<br><br>

</lj-raw><details><summary style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:10px;text-transform:lowercase;width:160px;">ABOUT</summary>TEXTHERE</details>
<details><summary style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:10px;text-transform:lowercase;width:160px;">VISUAL</summary>TEXTHERE</details>
<details><summary style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:10px;text-transform:lowercase;width:160px;">AURAL</summary>TEXTHERE</details>
<details><summary style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:10px;text-transform:lowercase;width:160px;">BEHAVIORAL</summary>TEXTHERE</details><lj-raw>

<br><br>
          
  <div style="min-width:200px;max-width:40%;margin:0 auto;text-transform:uppercase;background-color:#222222;padding:10px 10px;color:#f9f9f9;font:bold 9px Monospace;letter-spacing:3px;">SKILLS & ABILITIES</div>
          
<br><br>

PERMISSIONS

<div style="font:bold 10px Monospace;color:#f9f9f9;text-transform:uppercase;line-height:20px;letter-spacing:3px;background-color:#222222;padding:0 0 0 10px;width:250px;text-align:left;white-space:wrap;">player; timezone</div>

</div></div>

<div style="position:sticky;top:20px;background:transparent;background-size:cover;max-width:150px;"><img src="IMGURL" style="mix-blend-mode:multiply;filter:grayscale(100%) contrast(110%);max-width:150px;">
 <div style="width:150px;margin:0 auto;text-transform:uppercase;background-color:#222222;font:bold 9px Monospace;letter-spacing:3px; padding: 5px 0px;"> <a href="URLHERE" style="text-decoration:none;color:#f9f9f9;">IC INFO</a></div>

</td><td style="padding:0px!important;vertical-align:top;">
<div style="font:12px Trebuchet Ms;text-align:justify;color:#222222;margin-right:-37px;padding-right:25px;padding-left:20px;">

<div style="min-width:200px;max-width:40%;margin:0 auto;text-transform:uppercase;background-color:#222222;padding:10px 10px;color:#f9f9f9;font:bold 9px Monospace;letter-spacing:3px;">OUT OF CHARACTER</div><br>

</lj-raw><b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">style</b> TEXTHERE
<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">backtagging</b> TEXTHERE
<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">tagging speed</b> TEXTHERE
<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">threadhopping</b> TEXTHERE
<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">fourthwalling</b> TEXTHERE

<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">not interested in</b> TEXTHERE<lj-raw>

<br><br>
          
  <div style="min-width:200px;max-width:40%;margin:0 auto;text-transform:uppercase;background-color:#222222;padding:10px 10px;color:#f9f9f9;font:bold 9px Monospace;letter-spacing:3px;">IN CHARACTER</div><br>

</lj-raw><b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">affection</b>
TEXTHERE

<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">violence</b>
TEXTHERE

<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">relationships / intimacy</b>
TEXTHERE

<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">psychic / magical info</b> 
TEXTHERE

<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">ic offensive subjects</b>
TEXTHERE

<b style="background-color:#222222;padding:5px 4px 3px 5px;color:#f9f9f9;font:9px Monospace;letter-spacing:3px;line-height:20px;text-transform:lowercase;">misc</b>
TEXTHERE<lj-raw>

</lj-raw>TEXTHERE<lj-raw>

</td>
</tr></table>
</div></div>
<div style="font:bold 9px Monospace;letter-spacing:3px;text-align:right;"><a href="https://sadge.dreamwidth.org/" style="text-decoration:none;color:#222;">CODE</a> <a href="https://vgen.co/temporoyales/" style="text-decoration:none;color:#222;">ART</a>  </div></lj-raw>

INBOX

<lj-raw><div style="width:600px;max-width:100%;min-width:550px;margin:0 auto;">
<div style="height:70px;background: linear-gradient(to right, rgba(114, 210, 232, 1) 0%, rgba(232, 204, 114, 1) 100%);background-size:cover;"><div style="padding:12px;border-top:7px #222222 solid;display:flex;justify-content:end;align-items:start;"><div style="display:block; background:#111D30; border-bottom:4px solid #111D30;">

<div style="font:bold 10px Monospace;color:#f9f9f9;text-transform:uppercase;line-height:20px;letter-spacing:3px;background-color:#222222;padding:0 0 0 10px;width:250px;text-align:left;white-space:wrap;">PHONE NUMBER HERE</div>

</div></div></div>

<div style="font:12px Trebuchet Ms;text-align:center;color:#222222;padding:15px;background-color:#f9f9f9;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, rgba(164, 200, 223, 0.2) 50%, rgba(226, 212, 188, 0.2) 100%);border-bottom:7px solid #222222;"><i>VOICE MAIL HERE.</i><br/><br/><small>( voice ● text )</small>

</div>
<div style="font:bold 9px Monospace;letter-spacing:3px;text-align:right;"><a href="https://sadge.dreamwidth.org/" style="text-decoration:none;color:#222;">CODE</a></div></lj-raw>

codes

Post a comment in response: