journal set: frosted glass

[shipping]

I made myself a muselist with this effect and I liked it so much I thought I'd make a CR chart and... it kind of spiraled from there. I hope you enjoy!

Supported Browsers: Edge (17+), Chrome (76+), Safari (9+), iOS Safari (9+), Android (80+)

NOTES:

Please do not remove the credit footer unless you have code credits somewhere else on your journal!

Navigation | Inbox | HMD | CR/Muselist

NAVIGATION.

Navigation

hmd
info
inbox
permissions
cr chart
contact

Navigation:
<center><div style="margin: 5px; min-height: 150px; width:60%; border-radius: 20px; background: url(BACKGROUNDURL) center center; background-size: cover; overflow: hidden;"><div style="width: 100%; text-align: center; padding-bottom: 5px; padding-top: 30px;"><font style="text-transform: uppercase; font-size: 30px; font-family: arial; color: #fff; letter-spacing: 10px; text-shadow: 1px 1px 2px #000;">Navigation</font><br></div><div style="-webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; background: rgba(255,255,255,0.2); display: inline-block; font-family: arial; text-transform: uppercase; font-size: 15px; font-family: arial; color: #fff; letter-spacing: 10px; text-shadow: 1px 1px 2px #000; padding-top: 10px; padding-bottom: 10px; width: 100%; text-align: center;"><a href="LINK1URL" style="text-decoration: none; color: #fff;">link 1</a> <a href="LINK2URL" style="text-decoration: none; color: #fff;">link 2</a> <a href="LINK3URL" style="text-decoration: none; color: #fff;">link 3</a> <a href="LINK4URL" style="text-decoration: none; color: #fff;">link 4</a> <a href="LINK5URL" style="text-decoration: none; color: #fff;">link 5</a> <a href="LINK6URL" style="text-decoration: none; color: #fff;">link 6</a></div></div><br/></center><div align="right"><small>coded by <user name="shipping"></small></div>

Find and Replace: BACKGROUNDURL, LINK1URL, LINK2URL, LINK3URL, LINK4URL, LINK5URL, LINK6URL
Note: Do not disable Auto-Formatting on this entry, otherwise insert <br/> after each link.

INBOX.

Inbox

voice. text. video.

Inbox:
<center><div style="margin: 5px; width:60%; border-radius: 20px; background: url(BACKGROUNDURL) center center; background-size: cover; overflow: hidden;"><div style="width: 100%; text-align: center; padding-bottom: 5px; padding-top: 30px;"><font style="text-transform: uppercase; font-size: 30px; font-family: arial; color: #fff; letter-spacing: 10px; text-shadow: 1px 1px 2px #000;">Inbox</font></div><div style="-webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; display: inline-block; background: rgba(255,255,255,0.2); color: #000; font-family: arial; padding-top: 10px; padding-bottom: 50px; width: 100%; text-align: center; text-transform: uppercase;"><font style="font-family: arial; color: #fff; letter-spacing: 4px; text-shadow: 1px 1px 2px #000; font-size: 12px;">voice. text. video.</font></div></div><br/></center><div align="right"><small>coded by <user name="shipping"></small></div>

Find and replace: BACKGROUNDURL

HMD.

HMD

anon on. comments screened.

HMD:
<center><div style="margin: 5px; width:60%; border-radius: 20px; background: url(BACKGROUNDURL) center center; background-size: cover; overflow: hidden;"><div style="width: 100%; text-align: center; padding-bottom: 5px; padding-top: 30px;"><font style="text-transform: uppercase; font-size: 30px; font-family: arial; color: #fff; letter-spacing: 10px; text-shadow: 1px 1px 2px #000;">HMD</font></div><div style="-webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; display: inline-block; background: rgba(255,255,255,0.2); color: #000; font-family: arial; padding-top: 10px; padding-bottom: 50px; width: 100%; text-align: center; text-transform: uppercase;"><font style="font-family: arial; color: #fff; letter-spacing: 4px; text-shadow: 1px 1px 2px #000; font-size: 12px;">anon <b>on/off</b>. comments <b>screened/unscreened</b>.</font></div></div><br/></center><div align="right"><small>coded by <user name="shipping"></small></div>

Find and replace: BACKGROUNDURL

CR CHART/MUSELIST.

Crowley

Flash bastard. Dark glasses. Swishy hips. Troublemaker. Half of one brain cell.

aziraphale

Fusspot. Tartan socks. Soft. Bookworm. You have found the other half of this brain cell.

Container (copy once):
<center><div style="display: flex; justify-content: center; padding: 5px; flex-wrap:wrap;"> <!--ENTRIES GO BELOW THIS LINE--> <!--ENTRIES GO ABOVE THIS LINE--> </div><div align="right"><small>coded by <user name="shipping"></small></div>

Character Entry (copy every time you want a new character box):
<div style="margin: 5px; min-height: 200px; width:400px; border-radius: 20px; background: url(BACKGROUNDURL) center center; background-size: cover;"><div style="width: 100%; text-align: center; padding-bottom: 5px; padding-top: 30px;"><font style="text-transform: uppercase; font-size: 20px; font-family: arial; color: #fff; letter-spacing: 10px; text-shadow: 1px 1px 2px #000;">NAME</font></div><img src="USERICON" style="float: left; border: 10px solid #fff; height: 90px; width: 90px;"><div style="display: inline-block; background: rgba(255,255,255,0.85); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); color: #000; font-family: arial; padding: 10px; width: 270px; height: 90px; overflow: scroll; text-align: justify; text-justify: inter-word">DESCRIPTION</div><div style="height: 10px;"/></div></div><br/>

Find and replace: BACKGROUNDURL, NAME, USERICON and DESCRIPTION