InsaneJournal

Tweak says, "One Tweak to rule them all..."

fuck 'em in the heart {kait} (wearestardust) wrote in supersuits,
@ 2014-05-03 20:30:00

Entry tags:

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

Bio Sheet: Victoria

QUALITIES.

subtitle/quote.

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.

</a>

TALENTS.

subtitle/quote.

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.

</a>

CHRONICLE.

subtitle/quote.

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.

</a>

SUNDRIES.

subtitle/quote.

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.

</a>

CHARACTER NAME.

CODENAME.	Codename.
NICKNAMES.	Nicknames.
AGE.	00.
DATE OF BIRTH.	00 Month 0000.
OCCUPATION.	Occupation.

ORIENTATION.	Sexual/Romantic Orientation.
DATING STATUS.	Dating/Marital Status.
FAMILY.	Family. Family.
HEIGHT.	0'0".
HAIR.	Hair Color.
EYES.	Eye Color.

OOC: Playername • email@email.com • aimname (aim) • cdjname (cdj) • time zone • pb name (pb)
code by wearestardust @ supersuits

bio sheet → victoria

Requested by

affictitious for a Victorian/steampunk theme. Things I learned: steampunk is really hard to do in CSS, with its focus on decorative text, gears, and filigree, so this is highly simplified from what I really wanted in my head. I might do another one to see if I get closer to that idea but for now I like what happened here. :)

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

#301705 #42251D #B9672B #E2CFAE #989376 #6C8679 #406352

TEMPLATE →

<lj-raw><center><table style="margin-top: 70px; width:800px; height: 600px; padding: 5px; border: 3px solid #42251D; background:url(BGPATTERN); font-family:georgia, serif; font-size:11px; color: #301705">
<tr><td valign="top">

<center><div style="display:inline-block; width: 300px; margin-top: 4px; margin-right: 40px; border: 2px solid #42251D; border-bottom-left-radius: 30px;padding: 5px; background-color: #6C8679; background:linear-gradient(to bottom, #6C8679, #406352);background:-moz-linear-gradient(top, #6C8679, #406352); background:-webkit-linear-gradient(top, #6C8679, #406352) ; font-size: 15px; letter-spacing: 4px;text-transform:uppercase; color: #FFF"><a href="#1" style="color: #FFF; text-decoration:none">QUALITIES.</a></div>
<div style="display:inline-block; width: 300px; margin-top: 4px; margin-left: 40px; border: 2px solid #42251D; border-bottom-right-radius:30px; padding: 5px; background-color: #6C8679; background:linear-gradient(to bottom, #6C8679, #406352);background:-moz-linear-gradient(top, #6C8679, #406352); background:-webkit-linear-gradient(top, #6C8679, #406352) ;font-size: 15px; letter-spacing: 4px; text-transform:uppercase; color: #FFF"><a href="#2" style="color: #FFF; text-decoration:none">TALENTS.</a></div>
<br>
<div style="display:inline-block; width: 250px; margin: 4px; margin-right: 30px; border: 2px solid #42251D; border-bottom-left-radius: 30px;padding: 5px; background-color: #6C8679;background:linear-gradient(to bottom, #6C8679, #406352);background:-moz-linear-gradient(top, #6C8679, #406352); background:-webkit-linear-gradient(top, #6C8679, #406352) ; font-size: 15px; letter-spacing: 4px; text-transform:uppercase; color: #FFF"><a href="#3" style="color: #FFF; text-decoration:none">CHRONICLE.</a></div>
<div style="display:inline-block; width: 250px; margin: 4px; margin-left: 30px; border: 2px solid #42251D; border-bottom-right-radius:30px; padding: 5px; background-color: #6C8679;background:linear-gradient(to bottom, #6C8679, #406352);background:-moz-linear-gradient(top, #6C8679, #406352); background:-webkit-linear-gradient(top, #6C8679, #406352) ; font-size: 15px; letter-spacing: 4px; text-transform:uppercase; color: #FFF"><a href="#4" style="color: #FFF; text-decoration:none">& SUNDRIES.</a></div>
</center>

<!---CONTENT BOX--!>
<div style="margin-bottom: -15px;height: 375px; width: 772; background-color:; overflow:hidden">
<center>

<!--PERSONALITY BOX--!>
<a name="1"></a>
<div style="height: 365; width: 660; background:radial-gradient(#E2CFAE,#989376), background: -moz-radial-gradient(#E2CFAE,#989376); background: -webkit-radial-gradient(#E2CFAE,#989376) ; border: 5px double #42251D; text-align:justify;">

<div style="float:left; display:inline-block; border-radius: 200px; box-shadow: 1px 1px 10px; margin: 8px;"><img src="USERPIC1" style="border-radius: 200px; padding: 2px; height: 70px;"></div>
<div style="color: #E2CFAE; text-shadow: 1px 1px 10px #42251D;font-size: 75px; letter-spacing: 14px;">QUALITIES.</div>
<div style="text-transform:uppercase; font-style:italic; font-weight:bold; font-size:10px; margin-left: 145px; margin-top: -10px; text-align:left;">subtitle/quote.</div>

Personality goes here.

</div>

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

<!--SKILLS BOX--!>
<a name="2"></a>
<div style="height: 365; width: 660; background:radial-gradient(#E2CFAE,#989376), background: -moz-radial-gradient(#E2CFAE,#989376); background: -webkit-radial-gradient(#E2CFAE,#989376) ; border: 5px double #42251D; text-align:justify;">

<div style="float:left; display:inline-block; border-radius: 200px; box-shadow: 1px 1px 10px; margin: 8px;"><img src="USERPIC2" style="border-radius: 200px; padding: 2px; height: 70px;"></div>
<div style="color: #E2CFAE; text-shadow: 1px 1px 10px #42251D;font-size: 75px; letter-spacing: 25px;">TALENTS.</div>
<div style="text-transform:uppercase; font-style:italic; font-weight:bold; font-size:10px; margin-left: 145px; margin-top: -10px; text-align:left;">subtitle/quote.</div>

Skills go here.

</div>

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

<!--HISTORY BOX--!>
<a name="3"></a>
<div style="height: 365; width: 660; background:radial-gradient(#E2CFAE,#989376), background: -moz-radial-gradient(#E2CFAE,#989376); background: -webkit-radial-gradient(#E2CFAE,#989376) ; border: 5px double #42251D; text-align:justify;">

<div style="float:left; display:inline-block; border-radius: 200px; box-shadow: 1px 1px 10px; margin: 8px;"><img src="USERPIC3" style="border-radius: 200px; padding: 2px; height: 70px;"></div>
<div style="color: #E2CFAE; text-shadow: 1px 1px 10px #42251D;font-size: 75px; letter-spacing: 9px;">CHRONICLE.</div>
<div style="text-transform:uppercase; font-style:italic; font-weight:bold; font-size:10px; margin-left: 145px; margin-top: -10px; text-align:left;">subtitle/quote.</div>

History goes here.

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

<!--NOTES BOX--!>
<a name="4"></a>
<div style="height: 365; width: 660; background:radial-gradient(#E2CFAE,#989376), background: -moz-radial-gradient(#E2CFAE,#989376); background: -webkit-radial-gradient(#E2CFAE,#989376) ; border: 5px double #42251D; text-align:justify;">

<div style="float:left; display:inline-block; border-radius: 200px; box-shadow: 1px 1px 10px; margin: 8px;"><img src="USERPIC4" style="border-radius: 200px; padding: 2px; height: 70px;"></div>
<div style="color: #E2CFAE; text-shadow: 1px 1px 10px #42251D;font-size: 75px; letter-spacing: 17px;">SUNDRIES.</div>
<div style="text-transform:uppercase; font-style:italic; font-weight:bold; font-size:10px; margin-left: 145px; margin-top: -10px; text-align:left;">subtitle/quote.</div>

Other miscellaneous notes go here.

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

</center>

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

<!--BASICS BAR--!>
<div style="overflow:hidden">
<div style="float:left"><div style="margin-top:20px;margin-left: 5px; position:relative; z-index: 200; font-size:35px; text-align:left; line-height: 20px;"><span style="font-size:70px; margin-right: -6px; vertical-align:middle;">C</span><i>HARACTER NAME.</i></div>
<div style="margin-left: 60px; width: 300px; height: 90px; overflow: auto;">
<table style="width: 280px; font-family:georgia, sans-serif; font-size: 10px; line-height: 12px">
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">CODENAME.</td><td><I>Codename.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">NICKNAMES.</td><td><I>Nicknames.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">AGE.</td><td><I>00.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">DATE OF BIRTH.</td><td><I>00 Month 0000.</td></tr>

<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">OCCUPATION.</td><td><I>Occupation.</td></tr>
</table>
</div></div>

<div style="float:right"><div style="margin-top: 20px;margin-left: 0px; width: 360px; height: 110px; overflow: auto;"><table style="width: 280px; font-family:georgia, sans-serif; font-size: 10px; line-height: 12px">
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">ORIENTATION.</td><td><I>Sexual/Romantic Orientation.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">DATING STATUS.</td><td><I>Dating/Marital Status.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">FAMILY.</td><td><I>Family.<br>Family.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">HEIGHT.</td><td><I>0'0".</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">HAIR.</td><td><I>Hair Color.</td></tr>
<tr><td valign="top" style="width: 90px; text-transform:uppercase; ">EYES.</td><td><I>Eye Color.</td></tr>
</table>
</div>
</div>
<!--END BASICS BAR--!>

</div>

</td></tr>
</table>
<div style="font-family:arial; font-size: 9px; text-transform:uppercase; text-align:center; color: #301705; margin-top: 10px;">

<b>OOC:</b> Playername • email@email.com • aimname (aim) • cdjname (cdj) • time zone • pb name (pb)
<br>
code by wearestardust @ <a href="http://supersuits.insanejournal.com/profile" style="text-decoration:none; color:#406352" >supersuits</a>

</div>

</center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Download the background pattern and upload it to your image server so you can use it. Alternately, visit ColourLovers for other templates and patterns that you can choose from, or color a pattern yourself!
3. Replace SQUAREGIF with a gif or other square image of your choice, at leas 150x150 for best results.
4. Replace USERPIC1, USERPIC2, USERPIC3, and USERPIC4 with userpics of your choice.
5. Fill it in! Nothing weird about this one, and 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) - (Post a new comment)

	Re: SO... wearestardust 2014-09-07 06:47 am UTC (link)
	hmmm. ok, seems like the linear gradients work fine but the radial gradients don't, i wonder if I coded it wrong or if FF just does't wanna deal with it. (Reply to this) (Parent) (Thread)

	Re: SO... affictitious 2014-09-07 07:35 am UTC (link)
	Alrighty, I grabbed a gradient generator from here and it seems to have fixed it? (Reply to this) (Parent) (Thread)

	Re: SO... wearestardust 2014-09-07 07:39 am UTC (link)
	Hooray! :D I'll have to take a look at it in depth later. Glad that fixed it :) (Reply to this) (Parent) (Thread)

	Re: SO... affictitious 2014-09-07 07:41 am UTC (link)
	\o/ Uh, if you want to like either screen or delete my comments, go right ahead. I kinda feel bad that I spammed this thread, XD. (Reply to this) (Parent) (Thread)

	Re: SO... wearestardust 2014-09-07 07:44 am UTC (link)
	No worries! :) (Reply to this) (Parent)

(Read comments) -