InsaneJournal

Tweak says, "Total Pins!"

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

Entry tags:

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

Bio Sheet: Tiffany

CHARACTER NAME

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

PERSONALITY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida velit ac dui consequat, ut posuere lectus tristique. Cras convallis nibh nibh, vel vestibulum neque blandit eleifend. Nunc nec turpis fringilla, tempor metus ac, scelerisque odio. Nam luctus laoreet adipiscing. Nunc congue nunc augue, non scelerisque massa suscipit varius. Praesent ut turpis adipiscing sapien venenatis ornare. Maecenas sagittis eleifend tristique. Mauris viverra lacus et orci eleifend, et placerat lacus porttitor. Vestibulum neque justo, posuere sit amet blandit at, ornare sed lorem. Donec bibendum egestas arcu, id ullamcorper justo. Donec vestibulum, nisl sit amet tristique semper, purus libero rutrum velit, et ullamcorper massa turpis sed enim. Integer a nibh non dolor accumsan volutpat at ac massa. Aenean scelerisque faucibus metus, vel pretium orci mollis at. Pellentesque tempor sodales est, a iaculis elit. Praesent pretium purus et felis pretium molestie.

Praesent lorem urna, pretium ac porta sit amet, semper nec mi. Quisque in mi aliquam, porta turpis ac, ultricies lacus. Proin eu nunc a erat porttitor semper. Nam sit amet urna auctor, fermentum erat nec, bibendum eros. Nunc commodo quis dolor at scelerisque. Vestibulum dictum consectetur libero, ut egestas massa facilisis eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean hendrerit mollis magna. Mauris porta tempus diam, eu blandit dolor iaculis sit amet. Donec eget est orci. Nullam vel eleifend nibh, quis viverra mi.

Praesent consectetur at dui in placerat. Nam nibh magna, sagittis ut feugiat quis, tristique ut urna. Etiam euismod ante nec odio aliquet, malesuada suscipit ligula faucibus. Ut pharetra vulputate arcu, sit amet cursus tortor imperdiet at. Fusce tempor orci quis tellus interdum iaculis. Sed lacinia tortor a tempor fringilla. Donec sed quam lectus. In sagittis massa sapien, quis venenatis erat molestie ut. Mauris lacinia elementum tristique.

HISTORY

Praesent lorem urna, pretium ac porta sit amet, semper nec mi. Quisque in mi aliquam, porta turpis ac, ultricies lacus. Proin eu nunc a erat porttitor semper. Nam sit amet urna auctor, fermentum erat nec, bibendum eros. Nunc commodo quis dolor at scelerisque. Vestibulum dictum consectetur libero, ut egestas massa facilisis eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean hendrerit mollis magna. Mauris porta tempus diam, eu blandit dolor iaculis sit amet. Donec eget est orci. Nullam vel eleifend nibh, quis viverra mi.

Praesent consectetur at dui in placerat. Nam nibh magna, sagittis ut feugiat quis, tristique ut urna. Etiam euismod ante nec odio aliquet, malesuada suscipit ligula faucibus. Ut pharetra vulputate arcu, sit amet cursus tortor imperdiet at. Fusce tempor orci quis tellus interdum iaculis. Sed lacinia tortor a tempor fringilla. Donec sed quam lectus. In sagittis massa sapien, quis venenatis erat molestie ut. Mauris lacinia elementum tristique.

Phasellus nulla justo, volutpat vitae porttitor ut, cursus eu mauris. Ut quis imperdiet arcu. Pellentesque quis dolor non massa ornare rhoncus. In ornare enim ullamcorper felis faucibus aliquam. Nam ac rhoncus nisi. Nam ac feugiat lectus, ut rutrum sapien. Sed accumsan libero massa, ut bibendum sem porttitor ac. Aliquam dictum ligula vel ultrices pellentesque. Nulla semper, neque id vestibulum dignissim, ligula ligula fermentum metus, vel porttitor magna libero in purus. Mauris volutpat turpis quis odio condimentum porta. Aliquam fermentum ligula eu venenatis ornare. Donec non pretium augue, et hendrerit arcu. Sed non lorem tincidunt, pulvinar risus ut, facilisis magna.

Praesent ac purus a urna rutrum scelerisque sit amet sit amet lacus. Cras lobortis enim vitae libero dictum ultricies. Vestibulum cursus enim a libero condimentum porttitor. Morbi at tellus non purus convallis laoreet. Ut mattis metus sit amet risus rhoncus, vitae vulputate magna vestibulum. Vivamus sollicitudin mauris vitae enim pellentesque pellentesque. Donec at lacus sem. Maecenas molestie ultricies venenatis. Vivamus viverra tempor ullamcorper. Donec ut faucibus orci, sit amet dignissim tortor. Phasellus vehicula porta dui, sit amet placerat odio gravida vitae. Sed in sapien dignissim, luctus risus vitae, ultricies enim. Quisque vehicula, dui sit amet ornare sodales, ante orci lobortis lorem, a euismod ante velit sed tortor. In tempor auctor ipsum vitae egestas.

ABILITIES & SKILLS

Phasellus nulla justo, volutpat vitae porttitor ut, cursus eu mauris. Ut quis imperdiet arcu. Pellentesque quis dolor non massa ornare rhoncus. In ornare enim ullamcorper felis faucibus aliquam. Nam ac rhoncus nisi. Nam ac feugiat lectus, ut rutrum sapien. Sed accumsan libero massa, ut bibendum sem porttitor ac. Aliquam dictum ligula vel ultrices pellentesque. Nulla semper, neque id vestibulum dignissim, ligula ligula fermentum metus, vel porttitor magna libero in purus. Mauris volutpat turpis quis odio condimentum porta. Aliquam fermentum ligula eu venenatis ornare. Donec non pretium augue, et hendrerit arcu. Sed non lorem tincidunt, pulvinar risus ut, facilisis magna.

Praesent ac purus a urna rutrum scelerisque sit amet sit amet lacus. Cras lobortis enim vitae libero dictum ultricies. Vestibulum cursus enim a libero condimentum porttitor. Morbi at tellus non purus convallis laoreet. Ut mattis metus sit amet risus rhoncus, vitae vulputate magna vestibulum. Vivamus sollicitudin mauris vitae enim pellentesque pellentesque. Donec at lacus sem. Maecenas molestie ultricies venenatis. Vivamus viverra tempor ullamcorper. Donec ut faucibus orci, sit amet dignissim tortor. Phasellus vehicula porta dui, sit amet placerat odio gravida vitae. Sed in sapien dignissim, luctus risus vitae, ultricies enim. Quisque vehicula, dui sit amet ornare sodales, ante orci lobortis lorem, a euismod ante velit sed tortor. In tempor auctor ipsum vitae egestas.

Ut eu blandit erat. Sed eleifend tincidunt nisl, quis semper erat egestas ut. Etiam adipiscing tristique tempor. Sed eget lobortis libero, at auctor ipsum. Integer sit amet lorem ligula. Fusce blandit sem ac tellus suscipit posuere. Quisque non placerat arcu, vitae laoreet metus. Duis cursus, nisl a venenatis venenatis, ligula arcu hendrerit nunc, vel rutrum mauris orci non tortor.

Mauris at viverra mauris. Quisque justo ipsum, porta sed mauris id, sodales lobortis lacus. Mauris placerat pellentesque ornare. Nullam ut placerat turpis, id commodo tortor. Nulla commodo volutpat sapien ac posuere. Sed at magna egestas, imperdiet mauris ut, posuere arcu. Morbi commodo consequat ante posuere pretium.

Vivamus lacinia mauris quis enim dictum, sed aliquet dui lobortis. Mauris sollicitudin, sem et convallis sodales, ante nisi facilisis diam, nec porta ligula justo in ligula. Praesent dui lorem, placerat vitae leo tristique, consequat lacinia eros. Aenean non interdum ante. Praesent tristique commodo nunc, eu fringilla tortor rhoncus id. Mauris elementum est quis pellentesque commodo. Nullam non sapien id justo hendrerit ultricies. Suspendisse nec lacus congue, semper eros sed, consequat magna. Morbi dictum dignissim neque, sit amet facilisis lacus sollicitudin fringilla. Curabitur faucibus in diam eu laoreet. Nam vitae nisl ac arcu malesuada congue. Curabitur mollis fringilla dapibus. Sed rhoncus enim eu lectus ornare, sodales imperdiet nisl imperdiet. Suspendisse potenti.

OOC.

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

CODE BY WEARESTARDUST @ SUPERSUITS

bio sheet → tiffany

Another multi-panel layout! This one also had colors jacked from an Alphonse Mucha painting or two, and basically I just did this one to see if I could. It looks good in Chrome but IDK if it will work in other browsers; the left sidebar is kind of ridiculous when it comes to its coding 'cause I was just trying to challenge myself and achieve that art nouveau look. I think I wound up somewhere between Mucha and a Tiffany lamp.

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

#2B2B2B #474747 #5A765E #9CA763 #84A589 #CCD1B1 #C3DBC7 #E28E4A #F5D690 #FFF7DB

TEMPLATE →

<lj-raw><center><table width="950px" style="font-family:arial; font-size: 11px; color: #2b2b2b; background-color: #ccd1b1; border: 2px solid #474747;"><tr><td>

<!--LEFT SIDEBAR--!><div style="float:left; height: 650px; width: 270px; background-color: #5a765e; padding-top: 1px;">
<center>

<!--CENTER CIRCLE--!>
<div style=" padding-top: 5px; background-color: #84a589; height: 260px; width: 260px; margin-left: -9px; margin-top: -10px;border-radius: 300px; border: 2px solid #474747;">
<div style="position: relative; width: 200px; height: 200px; padding: 20px;  background: linear-gradient(to bottom, #e28e4a, #f5d690); background: -webkit-linear-gradient(top, #e28e4a, #f5d690); background: -moz-linear-gradient(top, #e28e4a, #f5d690);border-radius: 300px; border: 2px solid #474747"><img src="SQUAREGIF" style="margin-top: -15px; height: 200px; width: 200px; border-radius: 300px; border: 2px solid #474747"><br>
</div>

<div style="font-family:georgia; text-transform:uppercase; font-size: 25px; color: #fff7db;">CHARACTER NAME</div>

<table style="width: 100%; font-family:arial; 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>

</center>
</div>
<!--END LEFT SIDEBAR--!>

<!--MAIN CONTENT BOX--!>

<!--PERSONALITY BOX--!>
<a name="1"></a><div style="height: 625px; overflow: auto">

<center>
<div style="margin-top: 30px; background: linear-gradient(to bottom, #9ca763, #c3dbc7); background: -webkit-linear-gradient(top, #9ca763, #c3dbc7); background: -moz-linear-gradient(top, #9ca763, #c3dbc7);border-top: 2px solid #474747;border-bottom: 2px solid #474747;">
<div style="display:inline-block;background-color: #e28e4a; padding: 5px; border-top-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; "><a href="#1" style="text-decoration:none; color: #fff7db">PERSONALITY</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-top-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#2" style="text-decoration:none; color: #fff7db">HISTORY</a></div>
<div style="clear:both"><img src="USERPIC1" style="height: 100px; width: 100px; border-radius: 100px; position:relative; z-index: 100; margin-top: -55px; margin-bottom: -55px; border: 4px solid #474747"></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#3" style="text-decoration:none; color: #fff7db">ABILITIES & SKILLS</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#4" style="text-decoration:none; color: #fff7db">NOTES</a></div>
</div></center>

<center><div style="width: 400px;font-family:georgia; font-size: 60px; font-style:italic; color: #fff7db; text-transform:lowercase; text-shadow: 1px 1px 5px #474747; letter-spacing:-5px; margin:10px; text-align:center; border-bottom: 2px solid #5a765e;line-height: 50px;">PERSONALITY</div></center>

PERSONALITY GOES HERE

</div>

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

<!--HISTORY BOX--!>
<a name="2"></a><div style="height: 625px; margin-top:5px; overflow: auto">

<center>
<div style="margin-top: 30px; background: linear-gradient(to bottom, #9ca763, #c3dbc7);background: -webkit-linear-gradient(top, #9ca763, #c3dbc7); background: -moz-linear-gradient(top, #9ca763, #c3dbc7); border-top: 2px solid #474747;border-bottom: 2px solid #474747;">
<div style="display:inline-block;background-color: #e28e4a; padding: 5px; border-top-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#1" style="text-decoration:none; color: #fff7db">PERSONALITY</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-top-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center;"><a href="#2" style="text-decoration:none; color: #fff7db">HISTORY</a></div>
<div style="clear:both"><img src="USERPIC2" style="height: 100px; width: 100px; border-radius: 100px; position:relative; z-index: 100; margin-top: -55px; margin-bottom: -55px; border: 4px solid #474747"></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#3" style="text-decoration:none; color: #fff7db">ABILITIES & SKILLS</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#4" style="text-decoration:none; color: #fff7db">NOTES</a></div>
</div></center>

HISTORY GOES HERE

</div>

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

<!--SKILLS BOX--!>
<a name="3"></a><div style="height: 625px; margin-top:5px; overflow: auto">

<center>
<div style="margin-top: 30px; background: linear-gradient(to bottom, #9ca763, #c3dbc7); background: -webkit-linear-gradient(top, #9ca763, #c3dbc7); background: -moz-linear-gradient(top, #9ca763, #c3dbc7);border-top: 2px solid #474747;border-bottom: 2px solid #474747;">
<div style="display:inline-block;background-color: #e28e4a; padding: 5px; border-top-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#1" style="text-decoration:none; color: #fff7db">PERSONALITY</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-top-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#2" style="text-decoration:none; color: #fff7db">HISTORY</a></div>
<div style="clear:both"><img src="USERPIC3" style="height: 100px; width: 100px; border-radius: 100px; position:relative; z-index: 100; margin-top: -55px; margin-bottom: -55px; border: 4px solid #474747"></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center;"><a href="#3" style="text-decoration:none; color: #fff7db">ABILITIES & SKILLS</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#4" style="text-decoration:none; color: #fff7db">NOTES</a></div>
</div></center>

SKILLS GO HERE

</div>

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

<!--NOTES BOX--!>
<a name="4"></a><div style="height: 625px; margin-top:5px; overflow: auto">

<center>
<div style="margin-top: 30px; background: linear-gradient(to bottom, #9ca763, #c3dbc7); background: -webkit-linear-gradient(top, #9ca763, #c3dbc7); background: -moz-linear-gradient(top, #9ca763, #c3dbc7);border-top: 2px solid #474747;border-bottom: 2px solid #474747;">
<div style="display:inline-block;background-color: #e28e4a; padding: 5px; border-top-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#1" style="text-decoration:none; color: #fff7db">PERSONALITY</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-top-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#2" style="text-decoration:none; color: #fff7db">HISTORY</a></div>
<div style="clear:both"><img src="USERPIC4" style="height: 100px; width: 100px; border-radius: 100px; position:relative; z-index: 100; margin-top: -55px; margin-bottom: -55px; border: 4px solid #474747"></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-left-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; opacity: .5"><a href="#3" style="text-decoration:none; color: #fff7db">ABILITIES & SKILLS</a></div>
<div style="display: inline-block;background-color: #e28e4a; padding: 5px; border-bottom-right-radius: 100px; border: 2px solid #474747; width: 250px; margin: 2px; font-size: 9px; letter-spacing: 3px; text-align:center; "><a href="#4" style="text-decoration:none; color: #fff7db">NOTES</a></div>
</div></center>

NOTES GO HERE

</div>

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

</div>

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

<div style="vertical-align:top; text-align:center; clear:both; background-color: #5a765e; color: #fff7db; padding: 5px; letter-spacing: 1px; "><div style="display:inline-block; font-family:georgia; font-size: 30px; font-weight:bold; letter-spacing: -3px; margin-right:20px; margin-left: 10px; line-height:15px;">OOC.</div>Playername • email@email.com • aimname (aim) • cdjname (cdj) • Time Zone • PB Name (pb)</div>
</tr></td></table>
<div style="margin-top: 5px;font-family:arial; font-size: 9px; text-transform:uppercase; color: #5a765e">CODE BY WEARESTARDUST @ <a href="http://supersuits.insanejournal.com" style="text-decoration:none; color: #e28e4a">SUPERSUITS</a></div>
</center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Replace SQUAREGIF with a square gif of your choice (at least 200 pixels high/wide for best results).
3. Replace USERPIC1, USERPIC2, USERPIC3, and USERPIC4 with userpics or square images 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 2015-03-10 03:52 am UTC (link)
	Absolutely! Go for it and link me when you're done, I'd love to see :) (Reply to this) (Parent)