InsaneJournal

Tweak says, "i am so high right now"

fuck 'em in the heart {kait} (wearestardust) wrote in supersuits,
@ 2014-08-24 15:59:00

Entry tags:

!!!templates, !!bios/profiles, #wearestardust

Bio Sheet: Feather

CHARACTER NAME.

LINE OF INFORMATION, QUOTE, OR ANYTHING ELSE OF INTEREST

full name.	Full Character Name
alias.	Alias/nickname/codename
date of birth.	Month 00, 0000
age.	00
place of birth.	Place of birth
species.	Species
occupation.	Occupation

orientation.	Sexual/Romantic Orientation
dating status.	Dating/Marital Status
dating history.	Past Romantic Partner Past Romantic Partner
family.	Father Mother Sibling(s)

height.	0'00"
hair.	Hair color
eyes.	Eye color
scars.	Scar 1 Scar 2
tattoos/marks.	Tattoo Birthmark

personality.

INSERT PERSONALITY HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper tellus ut lobortis volutpat. Donec sollicitudin erat nec leo aliquet sollicitudin. Vivamus viverra felis ac tellus sollicitudin congue. Mauris nec augue quis lacus eleifend condimentum. Sed nec rhoncus erat. Fusce non augue eu sapien convallis euismod eu et orci. Suspendisse ut eros et orci commodo fringilla. Sed blandit turpis vitae lobortis consectetur. Duis ut lacinia ipsum. Donec posuere fringilla sem, sit amet placerat mauris aliquam aliquet. Vestibulum aliquam, massa quis posuere egestas, est nunc iaculis erat, id finibus quam sapien ac nisi. Integer turpis metus, feugiat sed dapibus sit amet, volutpat nec mauris. Sed neque arcu, dapibus sed mi quis, eleifend interdum ligula.

Cras at maximus velit, sed gravida nibh. Integer vehicula finibus libero, aliquet tincidunt est ultricies nec. Sed pellentesque nisl et consequat facilisis. Donec mi augue, vehicula eget leo eu, mollis suscipit leo. Mauris quis viverra urna, quis efficitur mi. Integer libero libero, eleifend a leo quis, ultrices viverra risus. Nunc pharetra eros vel turpis semper euismod. Sed tempus dapibus erat eget pulvinar. Maecenas eu pretium erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

+flaws.

INSERT FLAWS HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper tellus ut lobortis volutpat. Donec sollicitudin erat nec leo aliquet sollicitudin. Vivamus viverra felis ac tellus sollicitudin congue. Mauris nec augue quis lacus eleifend condimentum. Sed nec rhoncus erat. Fusce non augue eu sapien convallis euismod eu et orci. Suspendisse ut eros et orci commodo fringilla. Sed blandit turpis vitae lobortis consectetur. Duis ut lacinia ipsum. Donec posuere fringilla sem, sit amet placerat mauris aliquam aliquet. Vestibulum aliquam, massa quis posuere egestas, est nunc iaculis erat, id finibus quam sapien ac nisi. Integer turpis metus, feugiat sed dapibus sit amet, volutpat nec mauris. Sed neque arcu, dapibus sed mi quis, eleifend interdum ligula. Cras at maximus velit, sed gravida nibh. Integer vehicula finibus libero, aliquet tincidunt est ultricies nec. Sed pellentesque nisl et consequat facilisis. Donec mi augue, vehicula eget leo eu, mollis suscipit leo. Mauris quis viverra urna, quis efficitur mi. Integer libero libero, eleifend a leo quis, ultrices viverra risus. Nunc pharetra eros vel turpis semper euismod. Sed tempus dapibus erat eget pulvinar. Maecenas eu pretium erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

abilities+skills.

INSERT SKILLS HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper tellus ut lobortis volutpat. Donec sollicitudin erat nec leo aliquet sollicitudin. Vivamus viverra felis ac tellus sollicitudin congue. Mauris nec augue quis lacus eleifend condimentum. Sed nec rhoncus erat. Fusce non augue eu sapien convallis euismod eu et orci. Suspendisse ut eros et orci commodo fringilla. Sed blandit turpis vitae lobortis consectetur. Duis ut lacinia ipsum. Donec posuere fringilla sem, sit amet placerat mauris aliquam aliquet. Vestibulum aliquam, massa quis posuere egestas, est nunc iaculis erat, id finibus quam sapien ac nisi. Integer turpis metus, feugiat sed dapibus sit amet, volutpat nec mauris. Sed neque arcu, dapibus sed mi quis, eleifend interdum ligula.

Cras at maximus velit, sed gravida nibh. Integer vehicula finibus libero, aliquet tincidunt est ultricies nec. Sed pellentesque nisl et consequat facilisis. Donec mi augue, vehicula eget leo eu, mollis suscipit leo. Mauris quis viverra urna, quis efficitur mi. Integer libero libero, eleifend a leo quis, ultrices viverra risus. Nunc pharetra eros vel turpis semper euismod. Sed tempus dapibus erat eget pulvinar. Maecenas eu pretium erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

+weaknesses.

INSERT WEAKNESSES HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper tellus ut lobortis volutpat. Donec sollicitudin erat nec leo aliquet sollicitudin. Vivamus viverra felis ac tellus sollicitudin congue. Mauris nec augue quis lacus eleifend condimentum. Sed nec rhoncus erat. Fusce non augue eu sapien convallis euismod eu et orci. Suspendisse ut eros et orci commodo fringilla. Sed blandit turpis vitae lobortis consectetur. Duis ut lacinia ipsum. Donec posuere fringilla sem, sit amet placerat mauris aliquam aliquet. Vestibulum aliquam, massa quis posuere egestas, est nunc iaculis erat, id finibus quam sapien ac nisi. Integer turpis metus, feugiat sed dapibus sit amet, volutpat nec mauris. Sed neque arcu, dapibus sed mi quis, eleifend interdum ligula. Cras at maximus velit, sed gravida nibh. Integer vehicula finibus libero, aliquet tincidunt est ultricies nec. Sed pellentesque nisl et consequat facilisis. Donec mi augue, vehicula eget leo eu, mollis suscipit leo. Mauris quis viverra urna, quis efficitur mi. Integer libero libero, eleifend a leo quis, ultrices viverra risus. Nunc pharetra eros vel turpis semper euismod. Sed tempus dapibus erat eget pulvinar. Maecenas eu pretium erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

history.

INSERT HISTORY HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper tellus ut lobortis volutpat. Donec sollicitudin erat nec leo aliquet sollicitudin. Vivamus viverra felis ac tellus sollicitudin congue. Mauris nec augue quis lacus eleifend condimentum. Sed nec rhoncus erat. Fusce non augue eu sapien convallis euismod eu et orci. Suspendisse ut eros et orci commodo fringilla. Sed blandit turpis vitae lobortis consectetur. Duis ut lacinia ipsum. Donec posuere fringilla sem, sit amet placerat mauris aliquam aliquet. Vestibulum aliquam, massa quis posuere egestas, est nunc iaculis erat, id finibus quam sapien ac nisi. Integer turpis metus, feugiat sed dapibus sit amet, volutpat nec mauris. Sed neque arcu, dapibus sed mi quis, eleifend interdum ligula.

Cras at maximus velit, sed gravida nibh. Integer vehicula finibus libero, aliquet tincidunt est ultricies nec. Sed pellentesque nisl et consequat facilisis. Donec mi augue, vehicula eget leo eu, mollis suscipit leo. Mauris quis viverra urna, quis efficitur mi. Integer libero libero, eleifend a leo quis, ultrices viverra risus. Nunc pharetra eros vel turpis semper euismod. Sed tempus dapibus erat eget pulvinar. Maecenas eu pretium erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Nulla porttitor sagittis mauris, eu vulputate lacus efficitur nec. Donec purus magna, finibus ut turpis quis, rhoncus dapibus neque. Nullam a accumsan dui. Aenean ultricies sapien libero, eget sagittis neque ullamcorper eget. Curabitur risus orci, maximus ut nisl varius, condimentum consequat diam. Morbi ultricies hendrerit ligula, nec pharetra nibh finibus et. Integer lacus urna, egestas ac nisl in, ultricies placerat risus. Duis maximus lectus vitae hendrerit accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam et venenatis nulla. Morbi ut augue sit amet turpis ultrices mattis. Nunc a mattis purus, id facilisis nisl. Duis vehicula sapien aliquam posuere porta. Vivamus sed ornare massa.

OOC.

name.	Name
email.	email@email.com
aim.	aim username
cdj.	cdj username
time zone.	Time Zone
pb.	Firstname Lastname
game.	Game Name/Link

CODE BY WEARESTARDUST @ SUPERSUITS

bio sheet → feather

It's been a while! Had a really busy summer and just haven't felt like doing much design-wise, but I started screwing around and got this.

White, single-page bio sheet with scroll bars to keep everything aligned, with sections for flaws and weaknesses to balance personality/skills. I've also discovered that I've been utterly wasting my time with Palatino Linotype's capital letters, because at 50+ pixels and italic, the lowercase is gorgeous.

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

#CCC #FFF #AAA #474747 #DDD

TEMPLATE →

<lj-raw><center><table style="width: 950px; padding: 5px; background-color: #FFF; color: #474747; font-family:arial; font-size: 11px; line-height:20px;">
<tr><td>

<div style="display:inline-block"><img src="SQUAREGIF1" style="height: 250px; width:250px; border-bottom-left-radius: 200px; border-top-right-radius: 200px;margin-left: -125px;"></div>
<div style="display:inline-block; width:780px; vertical-align:top;"><div style="margin-left: -10px; line-height: 80px; font-family: palatino linotype, palatino, palatino lt std, georgia; font-style: italic; font-weight:bold; font-size: 80px; letter-spacing:-7px; border-bottom: 1px dotted #CCC; text-transform:lowercase">CHARACTER NAME.</div>
<div style="font-size:9px">LINE OF INFORMATION, QUOTE, OR ANYTHING ELSE OF INTEREST</div>

<!--INFO TABLES--!>

<div style="display:inline-block"><table style="font-family:arial; font-size:11px; line-height: 15px;">
<tr><td valign="top" style="width: 90px;color: #AAA">full name.</td><td width="150">Full Character Name</td>
<tr><td valign="top" style="color: #AAA">alias.</td><td>Alias/nickname/codename</td></tr>
<tr><td valign="top" style="color: #AAA">date of birth.</td><td>Month 00, 0000</td></tr>
<tr><td valign="top" style="color: #AAA">age.</td><td>00</td></tr>
<tr><td valign="top" style="color: #AAA">place of birth.</td><td>Place of birth</td></tr>
<tr><td valign="top" style="color: #AAA">species.</td><td>Species</td></tr>
<tr><td valign="top" style="color: #AAA">occupation.</td><td>Occupation</td></tr>
</table>
</div>

<div style="display:inline-block; vertical-align:top"><table style="font-family:arial; font-size:11px; line-height: 15px;">
<tr><td valign="top" style="width: 90px;color: #AAA">orientation.</td><td width="150">Sexual/Romantic Orientation</td>
<tr><td valign="top" style="color: #AAA">dating status.</td><td>Dating/Marital Status</td></tr>
<tr><td valign="top" style="color: #AAA">dating history.</td><td>Past Romantic Partner<br>
Past Romantic Partner</td></tr>
<tr><td valign="top" style="color: #AAA">family.</td><td>Father<br>
Mother<br>
Sibling(s)</td></tr>
</table>
</div>

<div style="display:inline-block; vertical-align:top"><table style="font-family:arial; font-size:11px; line-height: 15px;">
<tr><td valign="top" style="width: 90px;color: #AAA">height.</td><td width="150">0'00"</td>
<tr><td valign="top" style="color: #AAA">hair.</td><td>Hair color</td></tr>
<tr><td valign="top" style="color: #AAA">eyes.</td><td>Eye color</td></tr>
<tr><td valign="top" style="color: #AAA">scars.</td><td>Scar 1<br>
Scar 2</td></tr>
<tr><td valign="top" style="color: #AAA">tattoos/marks.</td><td>Tattoo<br>
Birthmark</td></tr>
</table>
</div>

<!--END INFO TABLES--!>
</div>

<div style="float:left; width:482px; height: 400px;border-bottom: 1px dotted #ddd; margin-top:10px; ">
<div style="font-family:palatino linotype, palatino, palatino lt std, georgia; font-style:italic; font-size: 50px; font-weight:bold; line-height: 50px; text-align:right; margin: 10px; letter-spacing: -5px; border-bottom: 1px dotted #CCC;">personality.
<img src="USERPIC1" style="height: 70px; width:70px; border-top-left-radius: 50px; border-bottom-right-radius:50px; margin-top: -25px; margin-right: -25px;"> </div>
<div style="height: 300px;overflow:auto; text-align:justify; padding: 10px;">

INSERT PERSONALITY HERE

</div>
</div>

<div style="font-family:palatino linotype, palatino, palatino lt std, georgia; font-style:italic; font-size: 50px; font-weight:bold; line-height: 50px; text-align:right; margin: 10px; letter-spacing: -5px; border-bottom: 1px dotted #CCC;">+flaws.
<img src="USERPIC2" style="height: 70px; width:70px; border-top-left-radius: 50px; border-bottom-right-radius:50px; margin-top: -25px; margin-right: -25px;"> </div>
<div style="height: 300px; overflow:auto; text-align:justify; padding: 10px;">

INSERT FLAWS HERE

</div></div>

<div style="float:left; width:482px; height: 400px;border-bottom: 1px dotted #ddd; margin-top:10px; ">
<div style="font-family:palatino linotype, palatino, palatino lt std, georgia; font-style:italic; font-size: 50px; font-weight:bold; line-height: 50px; text-align:right; margin: 10px; letter-spacing: -5px; border-bottom: 1px dotted #CCC;">abilities+skills.
<img src="USERPIC3" style="height: 70px; width:70px; border-top-left-radius: 50px; border-bottom-right-radius:50px; margin-top: -25px; margin-right: -25px;"> </div>
<div style="height: 300px; overflow:auto; text-align:justify; padding: 10px;">

INSERT SKILLS HERE

</div>
</div>

<div style="font-family:palatino linotype, palatino, palatino lt std,georgia; font-style:italic; font-size: 45px; font-weight:bold; line-height: 50px; text-align:right; margin: 10px; letter-spacing: -5px; border-bottom: 1px dotted #CCC;">+weaknesses.
<img src="USERPIC4" style="height: 70px; width:70px; border-top-left-radius: 50px; border-bottom-right-radius:50px; margin-top: -25px; margin-right: -25px;"> </div>
<div style="height: 300px; overflow:auto; text-align:justify; padding: 10px;">

INSERT WEAKNESSES HERE

</div></div>

<div style="clear:both;"></div>
<div style="margin-top:20px;">
<div style="font-family:palatino linotype, palatino, palatino lt std, georgia; font-style:italic; font-size: 50px; font-weight:bold; line-height: 50px; text-align:left; margin: 10px; letter-spacing: -5px; border-bottom: 1px dotted #CCC;">history.
<img src="SQUAREGIF2" style="float:right; position:relative; height:200px; width:200px; border-bottom-left-radius: 200px; border-bottom-right-radius:200px; margin-top: -15px; margin-right: -10px;  margin-left: 10px;"> </div>

INSERT HISTORY HERE

</div>

<table style="font-family:arial; font-size:11px; line-height: 15px; width:200px; margin-top: 20px;">
<tr><td valign="top" style="width: 70px;color: #AAA">name.</td><td>Name</td></tr>
<tr><td valign="top" style="color: #AAA">email.</td><td>email@email.com</td></tr>
<tr><td valign="top" style="color: #AAA">aim.</td><td>aim username</td></tr>
<tr><td valign="top" style="color: #AAA">cdj.</td><td>cdj username</td></tr>
<tr><td valign="top" style="color: #AAA">time zone.</td><td>Time Zone</td></tr>
<tr><td valign="top" style="color: #AAA">pb.</td><td>Firstname Lastname</td></tr>
<tr><td valign="top" style="color: #AAA">game.</td><td>Game Name/Link</td></tr>

</table>

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

<div style="border-top: 1px dotted #DDD; margin-left: 120px; text-align:center; font-size:9px; color: #CCC">CODE BY WEARESTARDUST @ <a href="http://supersuits.insanejournal.com/profile" style="text-decoration:none; color: #AAA">SUPERSUITS</a></div>

</td></tr>
</table></center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Replace USERPIC1, USERPIC2, USERPIC3, and USERPIC4 with userpics of your choice.
3. Replace SQUAREGIF1 with, up, a square GIF. For best results without needing to fiddle with the img's style attibutes, this GIF should be at least 250px high and square.
4. Replace SQUAREGIF2 with a GIF of your choice. For best results, it should be at least 200px wide.
5. Fill it in! This is in lj-raw format, so you need to BR your line breaks.
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