InsaneJournal

Tweak says, "You know nothing, Jon Snow."

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

Entry tags:

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

Bio Sheet: Luna

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

OOC.

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

personality.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat felis at dapibus accumsan. Pellentesque malesuada metus vitae erat vulputate sollicitudin. Maecenas tincidunt condimentum pharetra. Pellentesque accumsan mauris id felis suscipit sollicitudin. Vivamus quis ipsum nunc. Maecenas egestas fermentum nisi, id mattis sapien luctus porttitor. Proin diam lorem, commodo vel euismod sed, facilisis at purus. Curabitur a purus posuere, sollicitudin dolor id, mollis purus. Morbi vitae nisl tellus. Mauris odio enim, iaculis at dui et, laoreet dignissim enim. Praesent tempus quam sed lacus ullamcorper, eu elementum massa placerat. Praesent et est tincidunt, pretium dui a, mattis ante.

Praesent imperdiet cursus felis, in hendrerit nibh auctor vel. Proin sed aliquet enim. Phasellus vitae nibh fringilla, sagittis metus ac, scelerisque turpis. Nulla et sem nisl. Duis tempor libero quis lorem pharetra, vitae placerat est porta. Pellentesque mi metus, luctus nec sapien id, laoreet fringilla nisi. Duis et lobortis ipsum. Vivamus eu sollicitudin nulla, vel fringilla neque. Vivamus in condimentum erat, et sollicitudin quam. Sed semper tellus nec blandit pharetra. Praesent a purus justo. Praesent sollicitudin mi eu nunc fringilla vulputate. Phasellus nec nisl non neque luctus pellentesque.

Integer eleifend id tellus nec suscipit. Proin ut risus commodo, cursus neque et, venenatis dui. Mauris vestibulum risus non diam fringilla, non facilisis justo consequat. Integer ut ultrices nulla. Ut congue iaculis arcu, eget vulputate lectus pulvinar non. Morbi rutrum commodo gravida. Donec sit amet faucibus mauris. Morbi et metus et ante mollis dignissim. Mauris non condimentum velit, vitae condimentum tortor. Maecenas sagittis, enim quis convallis cursus, mauris neque suscipit mi, eget euismod mi odio ut tortor. Suspendisse sit amet condimentum velit, eu adipiscing odio. Maecenas consectetur eget dolor ac tempus. Phasellus lacus mauris, tempor eget scelerisque quis, scelerisque sit amet sapien. Nunc nulla arcu, lacinia non arcu sed, posuere hendrerit justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque lobortis rutrum dui ac imperdiet.

abilities+skills.

Integer eleifend id tellus nec suscipit. Proin ut risus commodo, cursus neque et, venenatis dui. Mauris vestibulum risus non diam fringilla, non facilisis justo consequat. Integer ut ultrices nulla. Ut congue iaculis arcu, eget vulputate lectus pulvinar non. Morbi rutrum commodo gravida. Donec sit amet faucibus mauris. Morbi et metus et ante mollis dignissim. Mauris non condimentum velit, vitae condimentum tortor. Maecenas sagittis, enim quis convallis cursus, mauris neque suscipit mi, eget euismod mi odio ut tortor. Suspendisse sit amet condimentum velit, eu adipiscing odio. Maecenas consectetur eget dolor ac tempus. Phasellus lacus mauris, tempor eget scelerisque quis, scelerisque sit amet sapien. Nunc nulla arcu, lacinia non arcu sed, posuere hendrerit justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque lobortis rutrum dui ac imperdiet.

Nunc sit amet magna pharetra, posuere elit quis, facilisis lacus. Fusce id mi enim. Morbi vel vestibulum quam. Aliquam eget facilisis elit, a sodales magna. Nam luctus consequat purus, ultrices lobortis velit accumsan a. Aenean faucibus sagittis ornare. Sed non nisi ac orci faucibus vestibulum. Sed sagittis orci vestibulum arcu luctus, vitae ullamcorper nisi faucibus. Aenean ut ante non felis mollis porta ut ac turpis. Aliquam felis diam, consectetur eget ante sit amet, posuere ultrices sapien.

Nulla sagittis orci et enim facilisis molestie. In quis odio mauris. Morbi tincidunt fermentum risus vitae laoreet. Aenean mattis ullamcorper lorem sed dictum. Integer pretium gravida urna, ac rhoncus tortor sollicitudin consequat. Praesent tempus lorem lobortis magna blandit dapibus. Aliquam eu mauris ante. Nam convallis turpis vitae consequat pellentesque. Cras posuere faucibus eros, ut pulvinar ante commodo quis. Vivamus vitae nibh condimentum, aliquam nisl a, volutpat tellus. Pellentesque accumsan metus et eros accumsan pulvinar. Donec feugiat euismod felis non blandit. Vestibulum quis mi lacus. Donec malesuada rhoncus ligula quis gravida. Nulla feugiat sem velit.

history.

Nulla molestie ullamcorper lorem, a auctor magna iaculis ut. Donec sagittis massa a nibh blandit mollis. Curabitur nec placerat velit. Cras accumsan pharetra dolor et ullamcorper. Quisque fermentum quam vitae nunc iaculis, ac pretium dolor pretium. Mauris vitae feugiat risus, a luctus eros. Nunc ultricies mollis mattis. Vivamus aliquam faucibus purus quis luctus. Cras at odio in lacus viverra aliquet id nec enim.

Curabitur auctor condimentum interdum. Donec rutrum magna in magna convallis faucibus. Donec rhoncus, neque ut sollicitudin lacinia, erat augue porta quam, vel ultrices turpis mi vel nisl. Vestibulum vehicula tortor a lorem placerat tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse feugiat et augue vitae posuere. Donec velit sem, tristique nec sodales nec, lobortis eu nisi. Sed vitae enim eros. Sed leo diam, suscipit quis rutrum nec, egestas id dui. Curabitur accumsan consectetur mauris, vitae tempor tortor dignissim quis. Nam faucibus, sem eget aliquet varius, mi ipsum rhoncus ante, at facilisis metus lorem id sapien. Nulla mi urna, cursus eu augue ac, feugiat hendrerit purus. Vestibulum eu accumsan elit, a commodo dui. Donec non scelerisque dolor, sed vestibulum magna.

Donec tempor tellus at odio dictum, id imperdiet purus bibendum. Cras a justo at augue ornare interdum. Nullam tincidunt gravida tortor, id consectetur ante varius eu. Aliquam convallis nisi leo, at sollicitudin nisi fringilla non. Curabitur posuere erat nulla, imperdiet sollicitudin enim posuere ut. Nunc ultricies sagittis fermentum. Curabitur pretium libero et nisi sagittis tincidunt. Cras nibh sem, interdum a lacus et, tempor semper neque. Etiam ornare ligula metus, non accumsan lacus luctus sit amet. Mauris eget mauris nunc. Fusce adipiscing sodales sapien nec molestie.

Cras nisi lectus, consequat eu suscipit nec, vestibulum id dolor. Quisque quis laoreet ipsum, eget sodales est. Quisque in mauris metus. Mauris tortor dui, dictum at interdum semper, mattis ac magna. Phasellus varius enim orci, vel sollicitudin diam sodales ac. Curabitur molestie quam purus, quis porttitor justo scelerisque ut. In hac habitasse platea dictumst. Etiam vestibulum faucibus magna quis laoreet. Morbi vitae ullamcorper mauris. Aliquam sed turpis at tellus tempor volutpat eu vitae justo. Praesent lacinia metus sed mollis laoreet. Sed orci elit, rutrum ut dictum sit amet, bibendum quis sapien. Donec gravida nibh id hendrerit pulvinar. Duis vel urna at eros placerat imperdiet. Integer condimentum turpis ac elit dignissim imperdiet.

Curabitur sed placerat ante, ac elementum orci. Donec sit amet auctor lacus. Cras euismod vehicula iaculis. Aliquam non posuere risus. Fusce mollis feugiat quam quis sollicitudin. Aliquam laoreet non felis non viverra. Mauris suscipit ornare nisi nec euismod. Sed arcu metus, placerat a placerat quis, egestas non nunc. Etiam lacinia arcu sed pulvinar luctus. Vestibulum a nunc felis. Phasellus non blandit urna. Nullam vestibulum in ligula non fringilla. Quisque malesuada consequat libero, dapibus vehicula risus mattis ac. Sed ac ligula eget risus lobortis tincidunt ac nec justo. Donec malesuada leo in mi dignissim, sit amet pharetra arcu euismod. Quisque ultrices lectus quis sapien sagittis tristique.

notes.

Curabitur auctor condimentum interdum. Donec rutrum magna in magna convallis faucibus. Donec rhoncus, neque ut sollicitudin lacinia, erat augue porta quam, vel ultrices turpis mi vel nisl. Vestibulum vehicula tortor a lorem placerat tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse feugiat et augue vitae posuere. Donec velit sem, tristique nec sodales nec, lobortis eu nisi. Sed vitae enim eros. Sed leo diam, suscipit quis rutrum nec, egestas id dui. Curabitur accumsan consectetur mauris, vitae tempor tortor dignissim quis. Nam faucibus, sem eget aliquet varius, mi ipsum rhoncus ante, at facilisis metus lorem id sapien. Nulla mi urna, cursus eu augue ac, feugiat hendrerit purus. Vestibulum eu accumsan elit, a commodo dui. Donec non scelerisque dolor, sed vestibulum magna.

Donec tempor tellus at odio dictum, id imperdiet purus bibendum. Cras a justo at augue ornare interdum. Nullam tincidunt gravida tortor, id consectetur ante varius eu. Aliquam convallis nisi leo, at sollicitudin nisi fringilla non. Curabitur posuere erat nulla, imperdiet sollicitudin enim posuere ut. Nunc ultricies sagittis fermentum. Curabitur pretium libero et nisi sagittis tincidunt. Cras nibh sem, interdum a lacus et, tempor semper neque. Etiam ornare ligula metus, non accumsan lacus luctus sit amet. Mauris eget mauris nunc. Fusce adipiscing sodales sapien nec molestie.

Cras nisi lectus, consequat eu suscipit nec, vestibulum id dolor. Quisque quis laoreet ipsum, eget sodales est. Quisque in mauris metus. Mauris tortor dui, dictum at interdum semper, mattis ac magna. Phasellus varius enim orci, vel sollicitudin diam sodales ac. Curabitur molestie quam purus, quis porttitor justo scelerisque ut. In hac habitasse platea dictumst. Etiam vestibulum faucibus magna quis laoreet. Morbi vitae ullamcorper mauris. Aliquam sed turpis at tellus tempor volutpat eu vitae justo. Praesent lacinia metus sed mollis laoreet. Sed orci elit, rutrum ut dictum sit amet, bibendum quis sapien. Donec gravida nibh id hendrerit pulvinar. Duis vel urna at eros placerat imperdiet. Integer condimentum turpis ac elit dignissim imperdiet.

CODE BY WEARESTARDUST @ SUPERSUITS

bio sheet → luna

YET ANOTHER multi-panel bio sheet! Yaaaaaaaay. :D

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

#FAF7D9 #282A37 #3A6A68 #92B39A

TEMPLATE →

<lj-raw><center>
<table style="width:862px; box-shadow: 1px 1px 10px #3a6a68; border: 3px solid #FAF7D9; background-color: #92B39A; padding: 2px; font-family:arial; font-size: 11px; color: #FAF7D9; text-align:justify"><tr><td>

<div style="float:left; width: 220; height: 650; background:linear-gradient(to bottom, #282a37, #3a6a68); background: -webkit-linear-gradient(top; #282a37,#3a6a68); background: -moz-linear-gradient(top; #282a37,#3a6a68);padding: 10px; border-top-left-radius: 120px; border: 3px solid #FAF7D9; border-right: 0px;">
<div style="float:left; margin-left: -17px; margin-top: -17px; margin-bottom: -40px; ; height:40px; width: 40px; border-radius: 100px; background-color: #282a37; border: 3px solid #FAF7D9"></div>
<div style="width:200px; height: 200px; border-radius: 400px; padding: 10px; background-color: #FAF7D9;"><img src="SQUAREGIF" style="height: 190; width: 190; border-radius: 200px; margin-left: 20px; margin-top: 1px; opacity: .8; "></div>
<center><div style="-webkit-transform:rotate(-7deg); -moz-transform:rotate(-7deg); color: #FAF7D9; text-shadow: 1px 1px 2px #282a37; font-family:georgia; font-size: 60px; font-style:italic; text-transform:lowercase; letter-spacing:-5px; line-height: 33px;">character name</div>

<table style="width: 100%; font-family:arial; font-size: 9px; color: #FAF7D9; 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 style="background-color: 282a37; font-size: 9px; padding: 5px; box-shadow: 1px 1px 10px #FAF7D9; opacity: .7">
<div style="float:left; font-size: 16px; font-weight:bold; letter-spacing: -2px; margin-bottom: 15px; opacity: .8;">OOC.</div>
Player Name • email@email.com<br>
aimname (aim) • cdjname (cdj)<br>
Time Zone • PB Name (pb)
</div>
</center>
</div>

<!--STACKED BOXES--!>
<div style="width: 606px; height: 676px; margin-left: -3px; margin-top: -3px; border-bottom-right-radius: 120px; overflow: hidden;">

<!--PERSONALITY BOX--!>
<a name="1">
<div style="width: 606px; height: 676px; margin-top: 0px; border-bottom-right-radius: 120px; overflow: hidden;">

<!--NAVBAR--!>
<div style="padding-top: 9px;"><center>

<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px;"><a href="#1" style="text-decoration:none; color: #FAF7D9">PERSONALITY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#2" style="text-decoration:none; color: #FAF7D9">ABILITIES+SKILLS</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#3" style="text-decoration:none; color: #FAF7D9">HISTORY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#4" style="text-decoration:none; color: #FAF7D9">NOTES</a></div>
</center>
</div>
<!--END NAVBAR--!>

<div style="float:right; margin-top: 5px;height: 70px; width: 70px; border-radius: 100px; border: 3px solid #FAF7D9; margin-right: -35px; margin-left: 5px; box-shadow: 1px 1px 20px #FAF7D9"><img src="USERPIC" style="height: 70px; border-radius: 100px;"></div>
<div style="font-family:georgia; font-size: 40px; letter-spacing: -2px; font-style:italic; text-transform: lowercase; line-height: 30px; margin: 8px; margin-top:20px;  text-align:right; text-shadow: 1px 1px 20px;">personality.</div>
<center>
<div style="clear: right;padding: 20px; border: 2px solid #FAF7D9;background-color: #282a37; width:490px; height: 485px; margin-top: 20px; text-align:justify; line-height: 20px; overflow: auto">

PERSONALITY GOES HERE

</div>

<!--SKILLS BOX--!>
<a name="2">
<div style="width: 606px; height: 676px; margin-top: 0px; border-bottom-right-radius: 120px; overflow: hidden;">

<!--NAVBAR--!>
<div style="padding-top: 9px;"><center>

<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#1" style="text-decoration:none; color: #FAF7D9">PERSONALITY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; "><a href="#2" style="text-decoration:none; color: #FAF7D9">ABILITIES+SKILLS</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#3" style="text-decoration:none; color: #FAF7D9">HISTORY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#4" style="text-decoration:none; color: #FAF7D9">NOTES</a></div>
</center>
</div>
<!--END NAVBAR--!>

<div style="float:right; margin-top: 5px;height: 70px; width: 70px; border-radius: 100px; border: 3px solid #FAF7D9; margin-right: -35px; margin-left: 5px; box-shadow: 1px 1px 20px #FAF7D9"><img src="USERPIC" style="height: 70px; border-radius: 100px;"></div>
<div style="font-family:georgia; font-size: 40px; letter-spacing: -2px; font-style:italic; text-transform: lowercase; line-height: 30px; margin: 8px; margin-top:20px;  text-align:right; text-shadow: 1px 1px 20px;">abilities+skills.</div>
<center>
<div style="clear: right;padding: 20px; border: 2px solid #FAF7D9;background-color: #282a37; width:490px; height: 485px; margin-top: 20px; text-align:justify; line-height: 20px; overflow: auto">

SKILLS GO HERE

</div>

<!--HISTORY BOX--!>
<a name="3">
<div style="width: 606px; height: 676px; margin-top: 0px; border-bottom-right-radius: 120px; overflow: hidden;">

<!--NAVBAR--!>
<div style="padding-top: 9px;"><center>

<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#1" style="text-decoration:none; color: #FAF7D9">PERSONALITY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#2" style="text-decoration:none; color: #FAF7D9">ABILITIES+SKILLS</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px;"><a href="#3" style="text-decoration:none; color: #FAF7D9">HISTORY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#4" style="text-decoration:none; color: #FAF7D9">NOTES</a></div>
</center>
</div>
<!--END NAVBAR--!>

<div style="float:right; margin-top: 5px;height: 70px; width: 70px; border-radius: 100px; border: 3px solid #FAF7D9; margin-right: -35px; margin-left: 5px; box-shadow: 1px 1px 20px #FAF7D9"><img src="USERPIC" style="height: 70px; border-radius: 100px;"></div>
<div style="font-family:georgia; font-size: 40px; letter-spacing: -2px; font-style:italic; text-transform: lowercase; line-height: 30px; margin: 8px; margin-top:20px;  text-align:right; text-shadow: 1px 1px 20px;">history.</div>
<center>
<div style="clear: right;padding: 20px; border: 2px solid #FAF7D9;background-color: #282a37; width:490px; height: 485px; margin-top: 20px; text-align:justify; line-height: 20px; overflow: auto">

HISTORY GOES HERE

</div>

<!--NOTES BOX--!>
<a name="4">
<div style="width: 606px; height: 676px; margin-top: 0px; border-bottom-right-radius: 120px; overflow: hidden;">

<!--NAVBAR--!>
<div style="padding-top: 9px;"><center>

<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#1" style="text-decoration:none; color: #FAF7D9">PERSONALITY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#2" style="text-decoration:none; color: #FAF7D9">ABILITIES+SKILLS</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px; opacity: .5"><a href="#3" style="text-decoration:none; color: #FAF7D9">HISTORY</a></div>
<div style="display:inline-block; margin: 1px; background-color: #3a6a68; text-shadow: 1px 1px 10px #282a37; width: 135px; border: 1px solid #FAF7D9; font-size:9px;padding: 3px;"><a href="#4" style="text-decoration:none; color: #FAF7D9">NOTES</a></div>
</center>
</div>
<!--END NAVBAR--!>

<div style="float:right; margin-top: 5px;height: 70px; width: 70px; border-radius: 100px; border: 3px solid #FAF7D9; margin-right: -35px; margin-left: 5px; box-shadow: 1px 1px 20px #FAF7D9"><img src="USERPIC" style="height: 70px; border-radius: 100px;"></div>
<div style="font-family:georgia; font-size: 40px; letter-spacing: -2px; font-style:italic; text-transform: lowercase; line-height: 30px; margin: 8px; margin-top:20px;  text-align:right; text-shadow: 1px 1px 20px;">notes.</div>
<center>
<div style="clear: right;padding: 20px; border: 2px solid #FAF7D9;background-color: #282a37; width:490px; height: 485px; margin-top: 20px; text-align:justify; line-height: 20px; overflow: auto">

NOTES GO HERE

</div>

</div>
<!---END STACKED BOXES--!>

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

</td></tr></table>

<div style="margin-top: 10px; font-family:arial; font-size: 9px; text-transform:uppercase; color: #3A6A68;">CODE BY WEARESTARDUST @ <a href="http://supersuits.insanejournal.com" style="text-decoration:none; color: #92B39A">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 USERPIC with a userpic of your choice. There are four. The preview uses one image for all four, but you can change it up!
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

	fools_mate 2014-04-29 03:42 am UTC (link)
	it reminds me so hard of Sailor Moon! (Reply to this)