biosheet: eutony

[transilience]

x-posted to rpresources

eutony

name Eutony B. Jones age 18 sexuality Eldritch occupation Window washer played by Famous McPerson

history

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sollicitudin, lorem ac suscipit imperdiet, diam diam pretium lacus, non congue leo sem at tortor. Integer interdum risus sit amet volutpat finibus. Etiam molestie vehicula dolor, vel sodales mauris luctus a.

personality

Praesent elementum congue ipsum sit amet ultrices. Integer porta bibendum leo, sit amet efficitur libero molestie non.

abilities

Phasellus bibendum mauris vel orci lacinia, quis maximus mauris maximus. Nam finibus orci efficitur, mollis quam non, tempor lorem.

player PLAYERNAME ♪ timezone ABC ♪ discord Me#0000 ♪ code by transilience

copy & paste

<div style="font-family: candara, sans-serif;font-size:16px;color:#000;"> <h1 style="font-size: 36pt; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #2f4f4f; margin: auto; padding-left: 0.1em; padding-bottom: 0.1em; text-align: center;">TITLE</h1> <div style="max-width: 750px; height: 20px; margin: auto auto 20px; background-color: #708090; background-image: -moz-linear-gradient(left, #a9a9a9 0%, #708090 70%); background-image: -webkit-linear-gradient(left, #a9a9a9 0%, #708090 70%); background-image: linear-gradient(to right, #a9a9a9 0%, #708090 70%); border-radius: 10px;"></div> <div style="box-sizing: border-box; max-width: 750px; margin: auto; padding: 0.5em 1em; text-align: justify; line-height: 1.7em; display: grid; grid-template-columns: 30% 70%; grid-gap:1em;"> <img src="IMAGE" style="filter:saturate(60%); border-radius: 10px; box-shadow: 3px 3px 3px #aaa; margin: auto 1em; width:100%; height:100%; object-fit:cover;"> <p style="box-sizing: border-box; height: 100%; background: #eee; border-radius: 10px; box-shadow: 3px 3px 3px #aaa; padding: 1em; margin: auto 1em; display: grid; grid-template-columns: 20% 80%;"> <span style="border-bottom: 1px dotted black; padding: 0.5em; font-weight: bold; color: #2f4f4f;"> name </span> <span style="border-bottom: 1px dotted black; padding: 0.5em;"> NAME </span> <span style="border-bottom: 1px dotted black; padding: 0.5em; font-weight: bold; color: #2f4f4f;"> age </span> <span style="border-bottom: 1px dotted black; padding: 0.5em;"> AGE </span> <span style="border-bottom: 1px dotted black; padding: 0.5em; font-weight: bold; color: #2f4f4f;"> sexuality </span> <span style="border-bottom: 1px dotted black; padding: 0.5em;"> SEXUALITY </span> <span style="border-bottom: 1px dotted black; padding: 0.5em; font-weight: bold; color: #2f4f4f;"> occupation </span> <span style="border-bottom: 1px dotted black; padding: 0.5em;"> OCCUPATION </span> <span style="padding: 0.5em; font-weight: bold; color: #2f4f4f;"> played by </span> <span style="padding: 0.5em;"> PB NAME </span> </p> <details style="cursor:pointer;grid-column: 1/3;margin-top:1em;"><summary style="font-size:0px; text-align: center; border-bottom: 3px solid #708090; margin: auto auto 20px;"> <span style="font-size: 18pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; color: #2f4f4f; padding: 0px; margin: 0px;">history</span> </summary><div style="background: #eee; padding: 1em; margin: auto 1em; border-radius: 10px; box-shadow: 3px 3px 3px #aaa;"> HISTORYTEXT </div> </details> <details style="cursor:pointer;grid-column: 1/3;margin-top:1em;"><summary style="font-size:0px; text-align: center; border-bottom: 3px solid #708090; margin: auto auto 20px"> <span style="font-size: 18pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; color: #2f4f4f; padding: 0px; margin: 0px;">personality</span> </summary><div style="background: #eee; padding: 1em; margin: auto 20px; border-radius: 10px; box-shadow: 3px 3px 3px #aaa;"> PERSONALITYTEXT </div> </details> <details style="cursor:pointer;grid-column: 1/3;margin-top:1em;"><summary style="font-size:0px; text-align: center; border-bottom: 3px solid #708090; margin: auto auto 20px"> <span style="font-size: 18pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; color: #2f4f4f; padding: 0px; margin: 0px;">abilities</span> </summary><div style="background: #eee; padding: 1em; margin: auto 20px; border-radius: 10px; box-shadow: 3px 3px 3px #aaa;"> ABILITIESTEXT </div> </details> </div> <div style="max-width: 750px; height: 20px; margin: 1em auto 0; background-color: #708090; background-image: -moz-linear-gradient(right, #a9a9a9 0%, #708090 70%); background-image: -webkit-linear-gradient(right, #a9a9a9 0%, #708090 70%); background-image: linear-gradient(to left, #a9a9a9 0%, #708090 70%); border-radius: 10px;"></div> <p style="color: #aaa; font-size: 9pt; text-transform: uppercase; letter-spacing: 1px; text-align: center;"> <u>player</u> YOURNAME <span style="color: #708090;">♪</span> <u>timezone</u> ABC <span style="color: #708090;">♪</span> <u>discord</u> YOURDISCORD <span style="color: #708090;">♪</span> <a href="http://dreamcodes.dreamwidth.org/?poster=transilience" style="color: #aaa;">code by transilience</a> </p> </div>

find & replace

gradient colors: #a9a9a9 / #708090 • headings: #2f4f4f • text: #000 • text boxes: #ddd

Comments

[doubledsofjustice]

Just wanted to say I love how clean & useful this code is. I'm using it here.

[transilience]

heck that looks nice. Thank you!

[gingerjedi]

Thank you! I'm using this code here.

[youwouldntdownloada]

I'm using this code over here! Made some changes to suit the game it's for, but it's a really lovely code to work with, thank you!