InsaneJournal

Tweak says, "you is so cute"

fuck 'em in the heart {kait} (

wearestardust) wrote in

supersuits,
@ 2014-05-05 03:37:00

Bio Sheet: Editorial 2

CHARACTER NAME
codename (or tagline)

Various information can go here, occupation or other relevant information.
Secondary line of text, can be canon point or other stuff.

{basics}

NAME.	Character Name
CODENAME.	Codename
NICKNAMES.	Nicknames
OCCUPATION.	Occupation
AGE.	00
DATE OF BIRTH.	Month 00, 0000
ORIENTATION.	Sexual/Romantic Orientation
DATING STATUS.	Dating/Marital Status
DATING HISTORY.	Past Romantic Partner Past Romantic Partner
FAMILY.	Mother Father Siblings, etc, etc
HEIGHT.	0'0"
BUILD.	Physical Build
HAIR.	Hair Color
EYES.	Eye Color

{ooc}

PLAYER.	Playername
EMAIL / AIM.	email@email.com / AIM
CDJ.	cdjname
PB.	PB Name

“Dunno what you've heard, guys, but I'm nobody special - just a brilliantly talented, pants-droppingly charming, disarmingly humble lawyer.”
— Matt Murdock, Daredevil volume 3.

{personality}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget tortor nisi. Suspendisse eget vehicula libero. Nam non tristique leo, at interdum est. Suspendisse lacinia elementum lacus, sed consectetur orci elementum iaculis. Ut elementum orci quis est ultrices, in dapibus eros suscipit. Maecenas sit amet justo vulputate, rutrum arcu non, malesuada urna. Suspendisse potenti. Nulla rhoncus non ipsum quis porta. Vivamus egestas eros eget augue ultrices, nec mattis justo dignissim.

Nam odio nisl, faucibus id magna scelerisque, aliquam consequat tellus. In hac habitasse platea dictumst. Praesent volutpat ullamcorper libero ac iaculis. In hac habitasse platea dictumst. Nam ornare libero sit amet metus vestibulum pulvinar. Suspendisse eu erat eu mi tincidunt bibendum. Mauris suscipit posuere porttitor. Vivamus est nisi, ultricies vitae felis eget, dictum gravida nisl. Ut dictum quam quis nisi suscipit scelerisque eu id ante. In pharetra sapien ut augue dictum cursus eget at turpis. Vestibulum mi felis, ultrices nec sagittis ut, posuere vel elit.

Cras accumsan arcu et turpis placerat convallis. Maecenas faucibus justo eu magna aliquam, et lacinia justo luctus. Nam ullamcorper elit at leo viverra tristique. In varius pretium venenatis. Sed cursus quam at enim tristique tincidunt at et sapien. Suspendisse turpis eros, bibendum at est id, aliquet fermentum felis. Integer lectus sapien, pulvinar ut eleifend ac, malesuada ut justo. Integer tellus odio, laoreet quis mauris quis, gravida consequat erat. Ut sit amet arcu et eros fringilla ultricies sed sodales nisl. Aliquam tincidunt ipsum id erat laoreet, quis sodales sapien molestie. Aliquam aliquam metus metus, eget dapibus ligula volutpat ac. Vestibulum id lorem fermentum quam vehicula cursus laoreet et orci.

“Dunno what you've heard, guys, but I'm nobody special - just a brilliantly talented, pants-droppingly charming, disarmingly humble lawyer.”
— Matt Murdock, Daredevil volume 3.

{abilities+skills}

Cras accumsan arcu et turpis placerat convallis. Maecenas faucibus justo eu magna aliquam, et lacinia justo luctus. Nam ullamcorper elit at leo viverra tristique. In varius pretium venenatis. Sed cursus quam at enim tristique tincidunt at et sapien. Suspendisse turpis eros, bibendum at est id, aliquet fermentum felis. Integer lectus sapien, pulvinar ut eleifend ac, malesuada ut justo. Integer tellus odio, laoreet quis mauris quis, gravida consequat erat. Ut sit amet arcu et eros fringilla ultricies sed sodales nisl. Aliquam tincidunt ipsum id erat laoreet, quis sodales sapien molestie. Aliquam aliquam metus metus, eget dapibus ligula volutpat ac. Vestibulum id lorem fermentum quam vehicula cursus laoreet et orci.

Morbi nec arcu nec urna rhoncus pulvinar. Nulla laoreet eu neque eu vestibulum. Vestibulum sagittis risus orci, vel imperdiet massa porttitor ut. Nulla at diam nec diam sagittis adipiscing ac non eros. Mauris luctus in nunc sit amet tristique. Nulla sit amet dapibus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

“Dunno what you've heard, guys, but I'm nobody special - just a brilliantly talented, pants-droppingly charming, disarmingly humble lawyer.”
— Matt Murdock, Daredevil volume 3.

{history}

In tempor velit vel lacus porta bibendum. Sed aliquam congue nisi at varius. Nam adipiscing dapibus mi in rhoncus. Quisque ornare lectus sit amet imperdiet lacinia. Mauris interdum faucibus ante at feugiat. Donec hendrerit mi sapien, sagittis porttitor ante mollis ut. Donec molestie accumsan ipsum, at euismod justo dignissim id. Donec at eleifend purus. Pellentesque eu sem sodales, tincidunt augue eu, eleifend augue. Nullam tempor tortor ut dictum placerat. Aliquam auctor ut turpis id semper. Mauris ipsum ante, convallis quis ultrices vitae, interdum sed ligula. Nulla facilisi. Nulla ullamcorper accumsan libero, eu dapibus eros rutrum ut.

Curabitur id tincidunt mauris. Maecenas vel pretium est. Nam eu sollicitudin ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc ut dictum nibh. Aliquam quis diam faucibus, tincidunt lectus vel, auctor nulla. Suspendisse imperdiet metus at mi consequat aliquet. Pellentesque tristique at purus sit amet auctor. Pellentesque ut feugiat purus. Cras id volutpat sem. Phasellus convallis luctus quam, ac imperdiet turpis adipiscing ac. Ut non vestibulum lacus. Mauris pretium pellentesque ipsum nec laoreet.

Morbi pulvinar arcu sit amet tincidunt fringilla. Sed urna dolor, feugiat eu placerat eget, facilisis sed urna. Aenean eu malesuada sem, vel ullamcorper est. Aliquam id urna non diam tincidunt auctor eu eget sapien. Ut in euismod erat. Sed imperdiet consectetur hendrerit. Nunc quis nisl adipiscing, fringilla augue sit amet, fringilla justo. Nullam sed facilisis risus, id aliquet orci. Proin dapibus, felis sit amet condimentum facilisis, lorem tellus laoreet felis, id ornare eros mi a leo.

Phasellus vulputate lectus ac commodo ullamcorper. Sed lorem risus, congue vitae magna varius, elementum molestie neque. Curabitur at nibh a nulla venenatis rhoncus. Aenean sed quam tristique risus facilisis rhoncus at eu lorem. Praesent ultrices mi sed eleifend fringilla. Morbi pharetra pharetra diam quis lobortis. Aenean tortor ligula, porta vel ante nec, fringilla laoreet nisl. Fusce convallis eget est a bibendum. Donec pharetra lorem eget enim sollicitudin, nec egestas purus faucibus.

“Dunno what you've heard, guys, but I'm nobody special - just a brilliantly talented, pants-droppingly charming, disarmingly humble lawyer.”
— Matt Murdock, Daredevil volume 3.

{notes}

Morbi pulvinar arcu sit amet tincidunt fringilla. Sed urna dolor, feugiat eu placerat eget, facilisis sed urna. Aenean eu malesuada sem, vel ullamcorper est. Aliquam id urna non diam tincidunt auctor eu eget sapien. Ut in euismod erat. Sed imperdiet consectetur hendrerit. Nunc quis nisl adipiscing, fringilla augue sit amet, fringilla justo. Nullam sed facilisis risus, id aliquet orci. Proin dapibus, felis sit amet condimentum facilisis, lorem tellus laoreet felis, id ornare eros mi a leo.

Phasellus vulputate lectus ac commodo ullamcorper. Sed lorem risus, congue vitae magna varius, elementum molestie neque. Curabitur at nibh a nulla venenatis rhoncus. Aenean sed quam tristique risus facilisis rhoncus at eu lorem. Praesent ultrices mi sed eleifend fringilla. Morbi pharetra pharetra diam quis lobortis. Aenean tortor ligula, porta vel ante nec, fringilla laoreet nisl. Fusce convallis eget est a bibendum. Donec pharetra lorem eget enim sollicitudin, nec egestas purus faucibus.

Maecenas congue molestie felis, in dignissim purus molestie ut. Maecenas consectetur purus eu metus tempus accumsan. Suspendisse potenti. Nulla vitae eleifend sapien, at tempus mi. In sem libero, condimentum vel sapien eget, vestibulum aliquam leo. Donec sed lobortis tortor. Aliquam erat volutpat. Sed justo turpis, pulvinar vel rhoncus a, blandit vel tellus. Etiam id massa sed mauris ullamcorper lacinia. Morbi scelerisque turpis at nunc feugiat pharetra. Morbi laoreet arcu dui, vel auctor elit ultrices vel. Ut dignissim, quam eu hendrerit molestie, quam dolor rhoncus quam, non pulvinar urna nisi eget enim.

CODE BY WEARESTARDUST @ SUPERSUITS

bio sheet → editorial 2

Multi-panel version of Editorial, because I was using it for

notdaredevil and it had such walls of text that it was difficult to sort out once you started scrolling for a while. So I set out to make a more compact version that would organize the information better, and I'm really pleased with the result. :D

If you'd like to change the colors, find/replace the following:

#000 #2B2B2B #474747 #AAA #CC0000

TEMPLATE →

<lj-raw><center><table style="width: 850px; color: #FFF; font-family:arial; font-size: 11px; text-align:justify; text-shadow: 1px 1px 2px #000">
<tr><td>

<img src="USERPIC" style="float:left; margin: 6px; margin-right: 15px; border: 4px solid #FFF; box-shadow: 1px 1px 4px #000">
<div style="line-height: 25px; padding: 20px;">
      <span style="font-family:georgia; font-size:40pt; letter-spacing:1px; text-transform:uppercase">CHARACTER NAME</span><br>
      <span style="font-family:georgia; font-size:35pt; color:#DBDBDB; text-transform:lowercase"><i>codename (or tagline)</i></span><br>
      <div style="color:#FFFFFF; font-family:arial; font-size:8pt; line-height: 12px; margin-top: 8px;">Various information can go here, occupation or other relevant information.<br>
        <i>Secondary line of text, can be canon point or other stuff.</i></div></div>
</div>

<div style="float:left; width: 315px; height: 715px; margin: 2px; margin-right:0px;">
<!--BASICS BOX--!>
<div style="height: 552px;border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; margin-bottom: 4px;">
<div style="text-transform:lowercase; letter-spacing: -3px; font-size: 50px; text-align: left; line-height: 40px; font-weight:bold; border-bottom: 2px solid #AAA; margin: 10px">{basics}</div>

<div style="overflow:auto; height: 470px; padding: 10px; margin-left: 10px; ">
<table style="width: 100%; font-family:arial; color: #FFF; font-size: 11px; text-align:justify">
<tr><td valign="top" style="width: 90px; opacity: .5">NAME.</td><td>Character Name</td></tr>
<tr><td valign="top" style="opacity: .5">CODENAME.</td><td>Codename</td></tr>
<tr><td valign="top" style="opacity: .5">NICKNAMES.</td><td>Nicknames</td></tr>
<tr><td valign="top" style="opacity: .5">OCCUPATION.</td><td>Occupation</td></tr>
<tr><td valign="top" style="opacity: .5">AGE.</td><td>00</td></tr>
<tr><td valign="top" style="opacity: .5">DATE OF BIRTH.</td><td>Month 00, 0000<br><br></td></tr>
<tr><td valign="top" style="opacity: .5">ORIENTATION.</td><td>Sexual/Romantic Orientation</td></tr>
<tr><td valign="top" style="opacity: .5">DATING STATUS.</td><td>Dating/Marital Status</td></tr>
<tr><td valign="top" style="opacity: .5">DATING HISTORY.</td><td>Past Romantic Partner<br>
Past Romantic Partner<br><br></td></tr>
<tr><td valign="top" style="opacity: .5">FAMILY.</td><td>Mother<br>
Father<br>
Siblings, etc, etc<br><br></td></tr>
<tr><td valign="top" style="opacity: .5">HEIGHT.</td><td>0'0"</td></tr>
<tr><td valign="top" style="opacity: .5">BUILD.</td><td>Physical Build</td></tr>
<tr><td valign="top" style="opacity: .5">HAIR.</td><td>Hair Color</td></tr>
<tr><td valign="top" style="opacity: .5">EYES.</td><td>Eye Color</td></tr>
</table>

</div>

</div>
<!--END BASICS BOX--!>

<!--OOC BOX--!>
<div style="height: 140px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747">
<div style="text-transform:lowercase; letter-spacing: -3px; font-size: 40px; text-align: left; line-height: 30px; font-weight:bold; border-bottom: 2px solid #AAA; margin: 10px">{ooc}</div>

<div style="padding: 10px; margin-left: 10px; margin-top:-10px;">
<table style="width: 100%; font-family:arial; color: #FFF; font-size: 11px; text-align:justify">
<tr><td valign="top" style="width: 90px; opacity: .5">PLAYER.</td><td>Playername</td></tr>
<tr><td valign="top" style="opacity: .5">EMAIL / AIM.</td><td>email@email.com / AIM</td></tr>
<tr><td valign="top" style="opacity: .5">CDJ.</td><td>cdjname</td></tr>
<tr><td valign="top" style="opacity: .5">PB.</td><td>PB Name</td></tr>
</table></div>

</div>
<!--END OOC BOX--!>

</div>

<!--PERSONALITY BOX--!>
<a name="1"></a>
<div style="width: 520px; height: 715px; overflow:hidden">
<div style="width: 485px; height: 70px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; text-align:center; padding: 10px; margin-bottom: 4px;"><span style="font-family:georgia; font-style:italic; font-size: 20px; line-height: 17px;">“quote goes here.”</span><br>
— source.</div>

<div style="width: 505px; height: 250px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; margin-bottom: 4px; background:url(BACKGROUNDIMG); background-position:bottom; background-size: 520px">
<div style="width: 100px; padding: 1px; margin: 5px; margin-top: 75px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #CC0000; font-size: 9px; text-align:center"><a href="#1" style="color: #FFF; text-decoration:none">PERSONALITY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000;  background-color: #474747; font-size: 9px; text-align:center"><a href="#2" style="color: #FFF; text-decoration:none">ABILITIES+SKILLS</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF;box-shadow: 1px 1px 2px #000;  background-color: #474747; font-size: 9px; text-align:center"><a href="#3" style="color: #FFF; text-decoration:none">HISTORY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #474747; font-size: 9px; text-align:center"><a href="#4" style="color: #FFF; text-decoration:none">NOTES</a></div>
</div>

<div style="width: 505px; height: 340px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747">
<div style="text-transform:lowercase; letter-spacing: -3px; font-size: 50px; text-align: right; line-height: 40px; font-weight:bold; border-bottom: 2px solid #AAA; margin: 10px">{personality}</div>
<div style="overflow:auto; padding: 10px; height: 257px;">

PERSONALITY GOES HERE.

</div>
</div>
</div>
<!--END PERSONALITY BOX--!>

<!--SKILLS BOX--!>
<a name="2"></a>
<div style="width: 520px; height: 715px; overflow:hidden">
<div style="width: 485px; height: 70px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; text-align:center; padding: 10px; margin-bottom: 4px;"><span style="font-family:georgia; font-style:italic; font-size: 20px; line-height: 17px;">“quote goes here.”</span><br>
— source.</div>

<div style="width: 505px; height: 250px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; margin-bottom: 4px; background:url(BACKGROUNDIMG); background-position:bottom; background-size: 520px">
<div style="width: 100px; padding: 1px; margin: 5px; margin-top: 75px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #474747; font-size: 9px; text-align:center"><a href="#1" style="color: #FFF; text-decoration:none">PERSONALITY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000;  background-color: #CC0000; font-size: 9px; text-align:center"><a href="#2" style="color: #FFF; text-decoration:none">ABILITIES+SKILLS</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF;box-shadow: 1px 1px 2px #000;  background-color: #474747; font-size: 9px; text-align:center"><a href="#3" style="color: #FFF; text-decoration:none">HISTORY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #474747; font-size: 9px; text-align:center"><a href="#4" style="color: #FFF; text-decoration:none">NOTES</a></div>
</div>

<div style="width: 505px; height: 340px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747">
<div style="text-transform:lowercase; letter-spacing: -3px; font-size: 50px; text-align: right; line-height: 40px; font-weight:bold; border-bottom: 2px solid #AAA; margin: 10px">{abilities+skills}</div>
<div style="overflow:auto; padding: 10px; height: 257px;">

SKILLS GO HERE.

</div>
</div>
</div>
<!--END SKILLS BOX--!>

<!--HISTORY BOX--!>
<a name="3"></a>
<div style="width: 520px; height: 715px; overflow:hidden">
<div style="width: 485px; height: 70px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; text-align:center; padding: 10px; margin-bottom: 4px;"><span style="font-family:georgia; font-style:italic; font-size: 20px; line-height: 17px;">“quote goes here.”</span><br>
— source.</div>

<div style="width: 505px; height: 250px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; margin-bottom: 4px; background:url(BACKGROUNDIMG); background-position:bottom; background-size: 520px">
<div style="width: 100px; padding: 1px; margin: 5px; margin-top: 75px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #474747; font-size: 9px; text-align:center"><a href="#1" style="color: #FFF; text-decoration:none">PERSONALITY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000;  background-color: #474747; font-size: 9px; text-align:center"><a href="#2" style="color: #FFF; text-decoration:none">ABILITIES+SKILLS</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF;box-shadow: 1px 1px 2px #000;  background-color: #CC0000; font-size: 9px; text-align:center"><a href="#3" style="color: #FFF; text-decoration:none">HISTORY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #474747; font-size: 9px; text-align:center"><a href="#4" style="color: #FFF; text-decoration:none">NOTES</a></div>
</div>

<div style="width: 505px; height: 340px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747">
<div style="text-transform:lowercase; letter-spacing: -3px; font-size: 50px; text-align: right; line-height: 40px; font-weight:bold; border-bottom: 2px solid #AAA; margin: 10px">{history}</div>
<div style="overflow:auto; padding: 10px; height: 257px;">

HISTORY GOES HERE.

</div>
</div>
</div>
<!--END HISTORY BOX--!>

<!--NOTES BOX--!>
<a name="4"></a>
<div style="width: 520px; height: 715px; overflow:hidden">
<div style="width: 485px; height: 70px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; text-align:center; padding: 10px; margin-bottom: 4px;"><span style="font-family:georgia; font-style:italic; font-size: 20px; line-height: 17px;">“quote goes here.”</span><br>
— source.</div>

<div style="width: 505px; height: 250px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747; margin-bottom: 4px; background:url(BACKGROUNDIMG); background-position:bottom; background-size: 520px">
<div style="width: 100px; padding: 1px; margin: 5px; margin-top: 75px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #474747; font-size: 9px; text-align:center"><a href="#1" style="color: #FFF; text-decoration:none">PERSONALITY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000;  background-color: #474747; font-size: 9px; text-align:center"><a href="#2" style="color: #FFF; text-decoration:none">ABILITIES+SKILLS</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF;box-shadow: 1px 1px 2px #000;  background-color: #474747; font-size: 9px; text-align:center"><a href="#3" style="color: #FFF; text-decoration:none">HISTORY</a></div>
<div style="width: 100px; padding: 1px; margin: 5px; margin-left: 30px; border: 2px solid #FFF; box-shadow: 1px 1px 2px #000; background-color: #CC0000; font-size: 9px; text-align:center"><a href="#4" style="color: #FFF; text-decoration:none">NOTES</a></div>
</div>

<div style="width: 505px; height: 340px; border: 4px solid #fff; box-shadow: 1px 1px 6px #999; background-color: #474747">
<div style="text-transform:lowercase; letter-spacing: -3px; font-size: 50px; text-align: right; line-height: 40px; font-weight:bold; border-bottom: 2px solid #AAA; margin: 10px">{notes}</div>
<div style="overflow:auto; padding: 10px; height: 257px;">

NOTES GO HERE.

</div>
</div>
</div>
<!--END NOTES BOX--!>

</td></tr>
</table>
<div style="font-family:arial; font-size: 9px; color: #474747; margin-top: 0px; text-align:center">CODE BY WEARESTARDUST @ <a href="http://supersuits.insanejournal.com/profile" style="color: #CC0000; text-decoration:none">SUPERSUITS</a></div>
</center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Replace BACKGROUNDIMG with a gif or other image of your choice (500px wide or more is recommended). Like with my other layouts that involve background images in the layout, you might have to fiddle with background-size and background-position to get it the way you want. I designed the layout specifically around the image above, is it might take a little tweaking. :)
3. Replace USERPIC with a userpic of your choice.
5. Fill it in! I tried to mark out the different sections and make it clear where text goes.
6. Enjoy!

Please keep the credit code at the bottom of the template so that people can find their way back to

supersuits if they want to use it. Thank you!

♥ kait

(Read comments)

InsaneJournal

Post a comment in response: