InsaneJournal

Tweak says, "Slayer, the"

fuck 'em in the heart {kait} (wearestardust) wrote in supersuits,
@ 2014-04-09 04:44:00

Entry tags:

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

Bio Sheet: Aviator

CHARACTER

NAME

name.	Full Name
codename.	Codename
nicknames.	Nicknames
age.	00
date of birth.	Month 00, 0000
occupation.	Occupation
education.	Education
orientation.	Orientation
dating status.	Dating Status
dating history.	Dating History Dating History
family.	Family Family

{personality.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum lectus feugiat massa imperdiet, vel vehicula felis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc. Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

{abilities+skills.

Donec dictum lectus feugiat massa imperdiet, vel vehicula felis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc.

Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

{history.

Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc. Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit.

Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum lectus feugiat massa imperdiet, vel vehicula felis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc. Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

{notes.

Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc.

Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

ooc.

Playername • email@email.com • username (aim) • username (cdj) • Time Zone • PB Name (pb)

code by wearestardust @ supersuits

bio sheet → aviator

This one was nagging at me for a couple of days. I wanted to do a more masculine layout, with a WWII military kind of feel to it. Designed with Carol Danvers in mind for feel and Castiel in mind for color. (The GIF in the sample is by DemonDetoxManual.com)

This is designed and positioned within an inch of its life, but I have some notes in there to help differentiate what sections are which and where to place text to keep it easy to fill out.

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

#474747 #33241D #A28F64 #EDE4BB #255049 #749190 #BFC9BE #D8B35B

TEMPLATE →

<lj-raw><center><table style="width: 852px; font-family:arial; font-size: 11px; color: #33241D; background-color: #474747; padding: 3px; text-align:justify;"><tr><td>

<!--RIGHT SIDEBAR--!>
<div style="float:right; width: 300px; height: 556px; background-color: #A28F64;">
<div style="width:320px; height: 110px; margin-top: 25px; margin-left: -20px; background: linear-gradient(to right, #749190, #BFC9BE); background: -webkit-linear-gradient(left, #749190, #BFC9BE); background: -moz-linear-gradient(left, #749190, #BFC9BE)">
<div style="text-align: left; padding-top:30px;margin-left: 20px;font-family: georgia; font-style:italic; font-size: 65px; letter-spacing: -4px; line-height: 20px; color: #FFF; text-shadow: 1px 1px 1px #474747; text-transform:lowercase">CHARACTER</div>

<table width="280" align="center" style="font-size:11px; margin-top: 20px; color: #EDE4BB;">
<tr><td valign="top" width="80" style="color: #474747">name.</td><td>Full Name</td></tr>
<tr><td valign="top" width="80" style="color: #474747">codename.</td><td>Codename</td></tr>
<tr><td valign="top" width="80" style="color: #474747">nicknames.</td><td>Nicknames</td></tr>
<tr><td valign="top" width="80" style="color: #474747">age.</td><td>00</td></tr>
<tr><td valign="top" width="80" style="color: #474747">date of birth.</td><td>Month 00, 0000<br><br></td></tr>
<tr><td valign="top" width="80" style="color: #474747">occupation.</td><td>Occupation</td></tr>
<tr><td valign="top" width="80" style="color: #474747">education.</td><td>Education<br><br></td></tr>
<tr><td valign="top" width="80" style="color: #474747">orientation.</td><td>Orientation</td></tr>
<tr><td valign="top" width="80" style="color: #474747">dating status.</td><td>Dating Status</td></tr>
<tr><td valign="top" width="80" style="color: #474747">dating history.</td><td>Dating History<br>
Dating History<br><br></td></tr>
<tr><td valign="top" width="80" style="color: #474747">family.</td><td>Family<br>
Family<br><br></td></tr>

</table>

</div>
<!--RIGHT SIDEBAR--!>

<!--MAIN CONTENT BOX--!>
<div style="height: 556px; width: 540px; overflow: hidden;">

<!--PERSONALITY BOX--!>
<a name="1">
<div style="padding-top:25px; background-color: #A28F64;">
<div style="height: 110px; width: 520px; background: linear-gradient(to right, #255049, #749190); background: -webkit-linear-gradient (left, #255049, #749190); background: -moz-linear-gradient (left, #255049, #749190)">
<div style="display:inline-block; float:left; margin-bottom: -31px; margin-top: -25px;"><img src="SQUAREGIF" style="height: 150px; width: 150px; border: 8px solid #EDE4BB; box-shadow: 1px 1px 2px; margin-left: 3px; margin-top: 4px; margin-right:-30px; border-radius: 100px; position: relative"></div>
<div style="display:inline-block; float:left;">
<div style="background-color: #D8B35B; width: 300px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; margin-top: 5px; border-bottom-right-radius: 25px;"><a href="#1" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">PERSONALITY</a></div>
<div style="background-color: #D8B35B; width: 275px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#2" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">ABILITIES + SKILLS</a></div>
<div style="background-color: #D8B35B; width: 250px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#3" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">HISTORY</a></div>
<div style="background-color: #D8B35B; width: 225px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#4" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">NOTES</a></div>
</div>
</div>

<div style="text-align:right; padding-right: 10px; font-family:georgia; font-size: 50px; font-weight: bold; letter-spacing:-3px; color: #FFF; text-shadow: 1px 1px 2px#749190; border-bottom: 2px solid #">{personality.</div>

PERSONALITY GOES HERE

</div>

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

<!--SKILLS BOX--!>
<a name="2">
<div style="padding-top:25px; background-color: #A28F64;">
<div style="height: 110px; width: 520px; background: linear-gradient(to right, #255049, #749190); background: -webkit-linear-gradient (left, #255049, #749190); background: -moz-linear-gradient (left, #255049, #749190)">
<div style="display:inline-block; float:left; margin-bottom: -31px; margin-top: -25px;"><img src="SQUAREGIF" style="height: 150px; width: 150px; border: 8px solid #EDE4BB; box-shadow: 1px 1px 2px; margin-left: 3px; margin-top: 4px; margin-right:-30px; border-radius: 100px; position: relative"></div>
<div style="display:inline-block; float:left;">
<div style="background-color: #D8B35B; width: 300px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; margin-top: 5px; border-bottom-right-radius: 25px;"><a href="#1" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">PERSONALITY</a></div>
<div style="background-color: #D8B35B; width: 275px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#2" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">ABILITIES + SKILLS</a></div>
<div style="background-color: #D8B35B; width: 250px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#3" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">HISTORY</a></div>
<div style="background-color: #D8B35B; width: 225px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#4" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">NOTES</a></div>
</div>
</div>

SKILLS GO HERE

</div>

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

<!--HISTORY BOX--!>
<a name="3">
<div style="padding-top:25px; background-color: #A28F64;">
<div style="height: 110px; width: 520px; background: linear-gradient(to right, #255049, #749190); background: -webkit-linear-gradient (left, #255049, #749190); background: -moz-linear-gradient (left, #255049, #749190)">
<div style="display:inline-block; float:left; margin-bottom: -31px; margin-top: -25px;"><img src="SQUAREGIF" style="height: 150px; width: 150px; border: 8px solid #EDE4BB; box-shadow: 1px 1px 2px; margin-left: 3px; margin-top: 4px; margin-right:-30px; border-radius: 100px; position: relative"></div>
<div style="display:inline-block; float:left;">
<div style="background-color: #D8B35B; width: 300px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; margin-top: 5px; border-bottom-right-radius: 25px;"><a href="#1" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">PERSONALITY</a></div>
<div style="background-color: #D8B35B; width: 275px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#2" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">ABILITIES + SKILLS</a></div>
<div style="background-color: #D8B35B; width: 250px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#3" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">HISTORY</a></div>
<div style="background-color: #D8B35B; width: 225px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#4" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">NOTES</a></div>
</div>
</div>

HISTORY GOES HERE

</div>

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

<!--NOTES BOX--!>
<a name="4">
<div style="padding-top:25px; background-color: #A28F64;">
<div style="height: 110px; width: 520px; background: linear-gradient(to right, #255049, #749190); background: -webkit-linear-gradient (left, #255049, #749190); background: -moz-linear-gradient (left, #255049, #749190)">
<div style="display:inline-block; float:left; margin-bottom: -31px; margin-top: -25px;"><img src="SQUAREGIF" style="height: 150px; width: 150px; border: 8px solid #EDE4BB; box-shadow: 1px 1px 2px; margin-left: 3px; margin-top: 4px; margin-right:-30px; border-radius: 100px; position: relative"></div>
<div style="display:inline-block; float:left;">
<div style="background-color: #D8B35B; width: 300px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; margin-top: 5px; border-bottom-right-radius: 25px;"><a href="#1" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">PERSONALITY</a></div>
<div style="background-color: #D8B35B; width: 275px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#2" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">ABILITIES + SKILLS</a></div>
<div style="background-color: #D8B35B; width: 250px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#3" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 35px; text-decoration:none">HISTORY</a></div>
<div style="background-color: #D8B35B; width: 225px; border: 2px solid #EDE4BB; padding: 3px; margin: 4px; border-bottom-right-radius: 25px;"><a href="#4" style="color: #FFF; letter-spacing: 3px; font-size: 9px; margin-left: 25px; text-decoration:none">NOTES</a></div>
</div>
</div>

NOTES GO HERE

</div>

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

</div>

<!--END MAIN CONTENT BOX--!>

<!--OOC BAR--!>
<div style="background-color: #A28F64; height: 30px; padding: 10px; margin-top: 0px; position: relative; z-index: 1"><div style="float:left;color: #EDE4BB; text-shadow: 1px 1px 7px #474747; margin-left: 10px; font-family: arial; font-size: 60px; font-weight: bold; letter-spacing: -7px; line-height: 20px;">ooc.</div>
<div style="text-align:center; line-height:30px; letter-spacing: 1px; color: #EDE4BB">Playername • email@email.com • username (aim) • username (cdj) • Time Zone • PB Name (pb)</div>
</div>
<!--END OOC BAR--!>

</td></tr></table>
<div style="font-family: arial; font-size: 8px; letter-spacing: 3px; text-transform:uppercase; color: #474747; margin-top: 10px;">code by wearestardust @ <a href="http://supersuits.insanejournal.com" style="text-decoration:none; color: #749190">supersuits</a></div></center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Replace SQUAREGIF with a gif of your choice. For best results, it should be at least 150px wide/high and square. You can also use a different GIF for each section (there are four). There's no highlight on the boxes this time, so that might be a cool way to differentiate between sections :)
3. Replace USERPIC with a userpic of your choice.
4. Fill it in! This is in lj-raw format, so you need to BR your line breaks.
5. 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

	wearestardust 2014-04-09 07:44 pm UTC (link)
	Thank you so much!! Let me know how it works out for you if you use one of them :) 'Cause I'm making all of this stuff and not actually using anything myself. XD (Reply to this) (Parent) (Thread)

	disney_dreamer 2014-04-09 07:52 pm UTC (link)
	I will! I'll make sure to post them when they're done! =D (Reply to this) (Parent)