bio sheet: oblong

[transilience]

 

stats

Name	Character Name
Gender	Yes
Age	π
Canon	Series
PB	Icon Person

permissions

Backtagging	Y/N/?
Threadjacking	Y/N/?
Fourthwalling	Y/N/?
Mind-reading	Y/N/?
Injury	Y/N/?
Death	Y/N/?

preferences

Curabitur et eros pulvinar lorem tincidunt laoreet. Aliquam consectetur magna libero, et semper elit consectetur vitae.

about

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt commodo sapien, a blandit nibh gravida et. Ut vehicula eget nisi ac sodales. Ut mattis, tortor eu gravida sagittis, risus leo aliquam nisi, eu hendrerit sem erat consectetur neque. Curabitur et sapien sit amet nunc facilisis dignissim vel sit amet diam. Quisque scelerisque, velit nec ultricies dapibus, velit sapien aliquet lacus, in eleifend est mauris eu nisl. Maecenas in tristique enim. Duis auctor, nunc eget tristique viverra, nunc massa mattis lacus, mollis tristique orci velit eu lectus. Sed dictum lacus diam, vel vulputate ante eleifend eu. Proin ut odio arcu. Sed dapibus elit fermentum tristique porta. Morbi quis viverra tortor.

personality

Integer consequat enim nunc, id pretium nulla pharetra id. Maecenas non accumsan lorem. Morbi sed purus cursus ipsum commodo dictum id a nisl. Praesent ornare consequat placerat. Fusce vitae blandit urna. Aliquam maximus convallis venenatis. Fusce quam justo, vestibulum at feugiat id, tincidunt eget dui.

history

Proin urna metus, rhoncus vitae purus eget, luctus gravida nunc. Vivamus dignissim libero vitae nulla eleifend, quis porta dolor imperdiet. Duis nec malesuada libero, in malesuada est.

Donec vitae commodo tellus, ac ornare enim. Aenean ac elementum dolor, gravida condimentum augue. Mauris ut semper nulla, a accumsan velit. Nullam tempus ante ut risus dignissim, non ultricies enim convallis. Ut pretium, ipsum quis luctus suscipit, metus eros condimentum orci, in fermentum libero ex ut justo. Sed luctus dolor sed arcu interdum viverra. Proin tempus metus sit amet eros auctor porta.

Sed leo erat, accumsan luctus magna sit amet, aliquet porta nibh. Donec dictum nibh in feugiat imperdiet. Donec tincidunt dapibus nunc, non accumsan augue consequat et. Nam accumsan nisi eu placerat scelerisque.

cut and paste:

<div style="width: 700px; margin: auto; font-family: 'Consolas', monospace, serif; font-size: 12pt;"> <div style="float: left; text-align: left; width: 250px;"> <div style="background-image: url(profilious.jpg); height: 250px; max-height: 250px; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;">   </div> <div style="background-color: #cde4f7; color: #333; font-family: 'Consolas', monospace; font-weight: bold; letter-spacing: 0.25em; padding: 0.5em 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"><span style="font-size: 110%;">stats</span></div> <div style="background-color: #eee; text-align: justify; font-family: 'Consolas', monospace; padding: 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"> <table style="width: 100%; font-size: 90%;"> <tr><td style="text-transform: uppercase;">Name</td><td align="right">Character Name</td></tr> <tr><td style="text-transform: uppercase;">Gender</td><td align="right">Yes</td></tr> <tr><td style="text-transform: uppercase;">Age</td><td align="right">π</td></tr> <tr><td style="text-transform: uppercase;">Canon</td><td align="right">Series</td></tr> <tr><td style="text-transform: uppercase;">PB</td><td align="right">Icon Person</td></tr> </table> </div> <div style="background-color: #cde4f7; color: #333; font-family: 'Consolas', monospace; font-weight: bold; letter-spacing: 0.25em; padding: 0.5em 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"><span style="font-size: 110%;">permissions</span></div> <div style="background-color: #eee; text-align: justify; font-family: 'Consolas', monospace; padding: 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"> <table style="width: 100%; font-size: 90%;"> <tr><td style="text-transform: uppercase;">Backtagging</td><td align="right">Y/N/?</td></tr> <tr><td style="text-transform: uppercase;">Threadjacking</td><td align="right">Y/N/?</td></tr> <tr><td style="text-transform: uppercase;">Fourthwalling</td><td align="right">Y/N/?</td></tr> <tr><td style="text-transform: uppercase;">Mind-reading</td><td align="right">Y/N/?</td></tr> <tr><td style="text-transform: uppercase;">Injury</td><td align="right">Y/N/?</td></tr> <tr><td style="text-transform: uppercase;">Death</td><td align="right">Y/N/?</td></tr> </table> </div> <div style="background-color: #cde4f7; color: #333; font-family: 'Consolas', monospace; font-weight: bold; letter-spacing: 0.25em; padding: 0.5em 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"><span style="font-size: 110%;">preferences</span></div> <div style="background-color: #eee; text-align: justify; font-family: 'Consolas', monospace; padding: 1em;margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc; font-size: 90%;"> TEXT TEXT TEXT TEXT TEXT TEXT </div> </div> <div style="float: right; text-align: right; width: 450px;"> <div style="background-color: #cde4f7; color: #333; font-family: 'Consolas', monospace; font-weight: bold; letter-spacing: 0.25em; padding: 0.5em 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"><span style="font-size: 110%;">about</span></div> <div style="background-color: #eee; text-align: justify; font-family: 'Consolas', monospace; padding: 1em;margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc; font-size: 90%;">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div style="background-color: #cde4f7; color: #333; font-family: 'Consolas', monospace; font-weight: bold; letter-spacing: 0.25em; padding: 0.5em 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"><span style="font-size: 110%;">personality</span></div> <div style="background-color: #eee; text-align: justify; font-family: 'Consolas', monospace; padding: 1em;margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc; font-size: 90%;">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <div style="background-color: #cde4f7; color: #333; font-family: 'Consolas', monospace; font-weight: bold; letter-spacing: 0.25em; padding: 0.5em 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc;"><span style="font-size: 110%;">history</span></div> <div style="background-color: #eee; text-align: justify; font-family: 'Consolas', monospace; padding: 1em; margin: 0.5em; border-radius: 20px; box-shadow: 2px 2px #ccc; font-size: 90%;">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br/><br/>SOME MORE TEXT SOME MORE TEXT SOME MORE TEXT </div> </div> <div style="clear: both;"></div> </div>

find and replace:

headings bars #cde4f7 • headings text #333 • content boxes #eee • drop shadows #ccc

Comments

[kurobakeneko]

Just letting you know I love this code and is using it here for an OC.

[aka_pistachio]

Hey I just wanted to say I'm using it too! I really love the rounded edges, lol. Using it here.

[ayoungman]

Just as a heads up I'm using it for my new journal! You can see it being used here!

[punchpunchkisskiss]

Hi! I'm using this code here, and I'm having some trouble. DW is determined to add several spaces to the end of the "powers" and "more info" sections (i.e. "personality" and "history") and I can't seem to get rid of them no matter how much I play with it. It doesn't do it to the "about" section. Any idea why this might be happening? I thought maybe it was a journal layout thing, but it does the same thing with the site skin.

[brewberrywitch]

Letting you know I'm using this here for an OC!