InsaneJournal

Tweak says, "Vroom, vroom bitches!"

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

(Read comments) - (Post a new comment)

wearestardust
2014-05-03 04:35 am UTC (link)

That's not showing up in Chrome for me (I think the formatting of the journal is causing the code to inherit some line height stuff but it's not that weird) but that looks like the width of the table is just a hair too small - try messing with the width of the table in its style tag.

Does it look that way on this page here or only in the journal where you're using it? Helps me know if it's a Safari thing or if it's got something to do with inherited characteristics of the page you're working in.

(Reply to this) (Parent) (Thread)

upmysleeves
2014-05-03 04:30 pm UTC (link)

It worked! There are some kinks to it still -- Trying to figure out what's going on here because something about the code is causing the right to happen but if I can't figure it out I can just use a 'Back to Master Navigation' link! -- but over all it is beautiful and functioning. The design is beautiful and well worth the time in fixing it.

Thank you so much for helping me out in this because wow I must have been kind of annoying pestering you about this, haha. Sorry about that! I was seriously flailing over here, trying to figure out how to get this to work with DW. Its coding structure at times. So you're the super best in taking the time to help me out here. <3

(Reply to this) (Parent) (Thread)

wearestardust
2014-05-03 04:36 pm UTC (link)

HMMMMM. Something about the code is causing the DW navigation to mess up? Is that what I'm seeing, or?

Honestly, I'm amazed it functions at all, 'cause I know it's layers upon layers of complicated stuff and I kind of just designed it just to see if I could XD But I'm glad to know that it's functional even if in some platforms/browsers it gets a little wonky.

Thanks for coming to me with issues, though! It helps me fix problems that I might not have seen, or gets me more aware of how things work in browsers I don't have or platforms I don't use. :)

(Reply to this) (Parent) (Thread)

upmysleeves
2014-05-04 10:13 am UTC (link)

Yep! Something about DW and its very very stripped down/'improved' table coding is doing that for some reason. I encountered it before in the past and I'm trying to remember what it is exactly but I don't mind at all since its not that bad.

I'm really happy its working all the same and happy to see it on DW. I recommended my friends earlier to check this comm for both the coding and the icons and they love your codes after getting to see it. And you're welcome! Happy to help somehow when bothering you about this. Your codes are just gorgeous and are worth the cross-browser tinkering since they're all just spectacular. <3

(Reply to this) (Parent)

(Read comments) -