ScotchBonnet

Star Trek Graphic Series: #4 - Deforest, William, Leonard

Fri, 12 Jun 2009 01:52:07 GMT

Deforest Kelley, William Shatner, Leonard Nimoy

Friends Only

546px/352px

If using the graphic, tell me so I can see what layout you came up with.

Star Trek Graphic Series: #3 - Leonard, Deforest, William

Fri, 12 Jun 2009 00:13:49 GMT

Leonard Nimoy, Deforest Kelley, William Shatner

Friends Only

640px/553px

If using the graphic, tell me so I can see what layout you came up with.

Star Trek Graphic Series: #2 - Walter, Nichelle, George

Thu, 11 Jun 2009 16:37:40 GMT

Walter Koenig, Nichelle Nichols, George Takei

Friends Only

500px/400px

If using the graphic, tell me so I can see what layout you came up with.

Star Trek Graphic Series: #1 - Leonard, William, Deforest

Thu, 11 Jun 2009 16:21:45 GMT

Leonard Nimoy, William Shatner, Deforest Kelley

Friends Only

607px/468px

If using the graphic, tell me so I can see what layout you came up with.

SB Stackable Profile Codes

Mon, 08 Jun 2009 20:17:50 GMT

Seven Scotchbonnet Stackables Profile Codes.These can be placed one on top of each other. They are subject to Journal's Profile Area dimensions. Profile Layouts can be changed/edited in the Manage Profile Page under Bio.
InsaneJournal | LiveJournal
Background Images: (Please, no Hotlinking. Right click "Save Image As") Gray Linen Paper | Lined Paper

Example .01

Code:

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="15" background="se-linedpaper2.png">
<tr><td bgcolor="#ffffff" width="80%"><font color="#000000" face="myriad pro" size="2">From Here You Can Change. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. <img src="#" height="70" align="left">Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. Suspendisse lacinia, augue non pretium dictum, dui odio vestibulum erat, vitae vestibulum mauris erat vitae est. Sed eget ligula dolor, quis facilisis turpis. Integer in lectus orci, quis porttitor nibh. Morbi fringilla viverra erat vel consequat. Morbi velit elit, eleifend vel elementum sed, euismod vel mi. Donec ornare auctor mollis. Nam mauris lacus, ultricies vitae posuere at, mattis vitae ante. Nam at arcu ultricies ligula rutrum malesuada eget ut erat.Pellentesque eget nisl dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vitae scelerisque dui. Phasellus ac leo ac risus egestas mattis. Donec ac nulla ligula, non ornare tellus. Proin tincidunt, libero at luctus adipiscing, tortor nunc hendrerit felis, at rhoncus quam metus id felis. Maecenas dapibus eleifend augue. This is the End Of This Section.</font><br /></td><td background="#"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font><a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br></td></tr></table></center>

Example .02

height:250px

Code:

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="15" background="se-linedpaper2.png"><tr><td bgcolor="#ffffff" ><font color="#000000" face="myriad pro" size="2">From Here You Can Change. <img src="#" height="70" align="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. This is the End Of This Section.</font><br /></td><td width="70%" background="#" bgcolor="" height="250px"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font><a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br></td></tr></table></center>

Example .03

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="15" background="se-linedpaper2.png">
<tr><td background="#"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font><a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br></td><td width="80%" bgcolor="#ffffff" ><font color="#000000" face="myriad pro" size="2">From Here You Can Change. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. <img src="#" height="70" align="left">Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. Suspendisse lacinia, augue non pretium dictum, dui odio vestibulum erat, vitae vestibulum mauris erat vitae est. Sed eget ligula dolor, quis facilisis turpis. Integer in lectus orci, quis porttitor nibh. Morbi fringilla viverra erat vel consequat. Morbi velit elit, eleifend vel elementum sed, euismod vel mi. Donec ornare auctor mollis. Nam mauris lacus, ultricies vitae posuere at, mattis vitae ante. Nam at arcu ultricies ligula rutrum malesuada eget ut erat.Pellentesque eget nisl dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vitae scelerisque dui. Phasellus ac leo ac risus egestas mattis. Donec ac nulla ligula, non ornare tellus. Proin tincidunt, libero at luctus adipiscing, tortor nunc hendrerit felis, at rhoncus quam metus id felis. Maecenas dapibus eleifend augue. This is the End Of This Section.</font><br />
</td></tr></table></center>

Example .04

has header and footer

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="5" background="se-linedpaper2.png">
<tr><th bgcolor="#ffffff" align="justify" valign="middle" colspan="2" height="10px">Caption/Header</th></tr><tr><td background="#"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font><a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br></td><td width="80%" bgcolor="#ffffff" ><font color="#000000" face="myriad pro" size="2">From Here You Can Change. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. <img src="#" height="70" align="left">Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. Suspendisse lacinia, augue non pretium dictum, dui odio vestibulum erat, vitae vestibulum mauris erat vitae est. Sed eget ligula dolor, quis facilisis turpis. This is the End Of This Section.</font><br />
</td></tr><tr><th bgcolor="#ffffff" align="justify" valign="middle" colspan="2">Caption/Footer</th></tr></table></center>

Example .05

has header

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="5" background="se-linedpaper2.png">
<tr><th bgcolor="#ffffff" align="justify" valign="middle" colspan="2" height="10px">Caption/Header</th></tr><tr><td background="#"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br></td><td width="80%" bgcolor="#ffffff" ><font color="#000000" face="myriad pro" size="2">From Here You Can Change. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. <img src="#" height="70" align="left">Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. Suspendisse lacinia, augue non pretium dictum, dui odio vestibulum erat, vitae vestibulum mauris erat vitae est. Sed eget ligula dolor, quis facilisis turpis. Integer in lectus orci, quis porttitor nibh. Morbi fringilla viverra erat vel consequat. Morbi velit elit, eleifend vel elementum sed, euismod vel mi. Donec ornare auctor mollis. Nam mauris lacus, ultricies vitae posuere at, mattis vitae ante. Nam at arcu ultricies ligula rutrum malesuada eget ut erat.Pellentesque eget nisl dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vitae scelerisque dui. Phasellus ac leo ac risus egestas mattis. Donec ac nulla ligula, non ornare tellus. Proin tincidunt, libero at luctus adipiscing, tortor nunc hendrerit felis, at rhoncus quam metus id felis. Maecenas dapibus eleifend augue. This is the End Of This Section.</font><br /></td></tr></table></center>

Example .06

has footer

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="5" background="se-linedpaper2.png">
<tr><td background="#"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br></td><td width="80%" bgcolor="#ffffff" ><font color="#000000" face="myriad pro" size="2">From Here You Can Change. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. <img src="#" height="70" align="left">Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. Suspendisse lacinia, augue non pretium dictum, dui odio vestibulum erat, vitae vestibulum mauris erat vitae est. Sed eget ligula dolor, quis facilisis turpis. Integer in lectus orci, quis porttitor nibh. Morbi fringilla viverra erat vel consequat. Morbi velit elit, eleifend vel elementum sed, euismod vel mi. Donec ornare auctor mollis. Nam mauris lacus, ultricies vitae posuere at, mattis vitae ante. Nam at arcu ultricies ligula rutrum malesuada eget ut erat.Pellentesque eget nisl dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vitae scelerisque dui. Phasellus ac leo ac risus egestas mattis. Donec ac nulla ligula, non ornare tellus. Proin tincidunt, libero at luctus adipiscing, tortor nunc hendrerit felis, at rhoncus quam metus id felis. Maecenas dapibus eleifend augue. This is the End Of This Section.</font><br /></td></tr><tr><th bgcolor="#ffffff" align="justify" valign="middle" colspan="2" height="10px">Caption/Footer</th></tr></table></center>

Example .07

<center><table width="90%" bgcolor="#cccccc" cellspacing="10" cellpadding="15" background="se-linedpaper2.png"><tr><th bgcolor="#ffffff" align="center" valign="middle" colspan="2" height="30px">Caption/Header</th></tr><tr><td bgcolor="#ffffff" width="80%"><font color="#000000" face="myriad pro" size="2">From Here You Can Change. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula purus in libero molestie et bibendum nunc elementum. Proin eleifend, mi imperdiet luctus consectetur, justo elit sodales ipsum, et facilisis tellus ante et magna. <img src="#" height="70" align="left">Sed metus orci, pellentesque laoreet tempor vel, placerat id orci. Proin varius neque sed elit dapibus a dapibus nulla fermentum. Phasellus aliquam pellentesque tristique. Nullam varius varius lacinia. Sed at felis non quam aliquet accumsan. Aenean elit libero, dictum ut suscipit id, dignissim eu leo. Suspendisse lacinia, augue non pretium dictum, dui odio vestibulum erat, vitae vestibulum mauris erat vitae est. Sed eget ligula dolor, quis facilisis turpis. Integer in lectus orci, quis porttitor nibh. Morbi fringilla viverra erat vel consequat. Morbi velit elit, eleifend vel elementum sed, euismod vel mi. Donec ornare auctor mollis. Nam mauris lacus, ultricies vitae posuere at, mattis vitae ante. Nam at arcu ultricies ligula rutrum malesuada eget ut erat.Pellentesque eget nisl dolor.  Maecenas dapibus eleifend augue. This is the End Of This Section.</font><br /></td><td background="#"><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.001</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.002</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.003</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font> <a href="#"><font color="#0580a8">.004</font></a><br><font color="#0580a8" face="myriad pro" size="2"><font color="#000000">Þ</font><a href="http://asylums.insanejournal.com/scotchbonnet/"><font color="#0580a8">profile code</font></a><br><br></td></tr></table></center>

Notes:
1. Remove/Replace Between[From Here You Can Change - This is the End Of This Section].
2. I've placed an image link in each code for easy use.
3.Replace # with web addresses and .00# with name of site.
4. Keep the profile code linkback in one of one code or one of multiple codes and we stay cool :)
5. Any problems, let me know.

Resources Update!

Sat, 06 Jun 2009 15:36:25 GMT

The Resources Page had been updated with 20 new links and created a new table to add more for future installments.

Karl Urban Icons #11 : Headshots

Sun, 31 May 2009 05:32:50 GMT

You may use these with proper acknowledgment.
scotchbonnet for IJ or scotchsour on LJ/IJ/GJ/JF/DW

Chris Pine said Karl Urban can't take a bad picture. I'm just proving him right.


.001	.002	.003	.004	.005

.006	.007	.008	.009	.010


.011	.012	.013	.014	.015

.016	.017	.018	.019	.020

.021	.022	.023	.024	.025

.026	.027	.028	.029	.030

.031	.032	.033	.034	.035

.036	.037	Bonus	Bonus	Bonus

Layout .05 - S2 Dear Diary : PinkandGrey

Thu, 28 May 2009 23:45:29 GMT

Preview of PinkandGrey Layout

[Click Here for Free Live Preview]

With minor up and downs, mostly on IE side I have enjoyed skimming Dear Diary. I would like to thank so much babyelefant at Everything_LJ as always for last minute help.

PinkandGrey was created from LJ/IJ base layout Dear Diary.
Free: Cascading Style Sheet

Details

layout available: two-column-right
custom colors : in stylesheet
best view: : 1024x768 or higher
browser checked : Firefox, Internet Explorer
works with : Free, Paid, Nav Bar (Unknown with Plus)
available at : http://asylums.insanejournal.com/scotchbonnet/
images used : scotchsour, sem labs

Instructions

How to Style? (using the InsaneJournal customize journal area)

1. In insanejournal's navigational menu, go to journal > customize journal or press the link.

1a. The first page you see is Journal Display that shows four tabs. The first is highlighted as Basics. Look below for Style System and make sure the radio button is highlighted for:
S2 - For users who don't know HTML or CSS, or make only minor alterations.

2. Press Tab for Custom Options. You can either scroll down or press Custom CSS in the Selection area.

3. Look for : Use layout's stylesheet(s) and say No. In the Custom external stylesheet URL You leave blank.

4. Look for : Custom stylesheet and copy/paste PinkandGrey's stylesheet.

5. Save Changes.

6. It will save and look for : "Your settings have been saved. View your Journal."

7. Go to View Journal.

8. You're Done.

9. Thank you for trying this layout.

How to Style? (using the LiveJournal customize journal area)

1. The first page you see is Customize Journal Style there are three main areas shown: [Edit Titles] - [Your Current Theme] - [Customize Your Current Theme]

1b. Go to [Customize Your Current Theme] then under more options select [Select a Different Theme]

2. Under (2. Select a New Theme), go the search box and type Dear Diary and press search. Once the layouts appear go to the bottom and in the drop down choose (show all).

3. Find and press (apply theme) to Dear - (No plain theme available) Choose any by the designer Martin Atkins and then press (apply theme) then press (customize).

4. Back to the main area Customize Journal Style go to Customize Your Theme, press (custom css).

5. Under custom css > page > where it states: ("Use layout's stylesheet(s)") say no. Under that, Custom external stylesheet URL should be blank.

6. Add the LiveJournal "PinkandGrey" Cascading Style Sheet for Free Users into the custom stylesheet textarea.

7. Press "save changes".

8. Go to the blue box on the page that displays your current journal and press your identity link.

9. You should be done.

10. Thank you for trying this layout.

CSS Code

InsaneJournal Cascading Style Sheet for Free Users

/* template  : scotchbonnet .05 - s2 Dear Diary : PinkandGrey
published : May 30, 2009
by        : sam emme / scotchsour.livejournal.com + scotchsour.insanejournal.com
works with: Free, Paid, Nav Bar (Unknown with Plus)
browser   : Firefox 3.0.4, Internet Explorer 7(decent with IE6, unknown with lower)
available : http://asylums.insanejournal.com/scotchbonnet/
original design by : scotchsour
images used : scotchsour, sem labs */

/* ------ BASICS ------ */
* {margin:0px; padding:0px;}
body {background: #333333 url() repeat-x;font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; color: #aaaaaa;}
body, td, table, th, tr {font-size: 13px;}     
a,a:hover {color: #e63973;text-decoration: none;}
input, textarea {border: 1px solid #aaaaaa; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; font-weight: bold; font-size: 11px; color:#e63973; background:#222;}
blockquote {margin: 1em 3em; padding: 1em 1em 1em 40px; border: 1px solid #aaaaaa; width: 80%; background: url(blckqte2.gif) -135px 0px repeat-y transparent;}
hr {color: #e63973; background-color: #000; margin: 0px 150px 0px 150px; height: 1px; width: 75%;}
#postform {margin-top:10px;}
select {color:#e63973;background:#222;}
/* ------ MAIN ------ */
/*Header*/
#title { color: #ffffff; background-color: #000000; background-image: url(pgtopper.png); background-repeat: repeat-x; background-position: top left; width: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; height: 125px; overflow: hidden;}
#title h1 { font-size: 25px; font-weight: bold; margin: 0; padding-top: 15px; padding-left: 8px; white-space: no-wrap;}
#title #journal_subtitle { font-size: 13px; font-weight: bold; margin: 0; padding-left: 8px; white-space: no-wrap;}
/*Main Area*/
#main { margin: 20px 280px 0 10px; font-size:100%; padding: 0px 20px 50px 20px; color: #aaaaaa; min-height: 150%;}
#main strong, b { color:#e63973; background:#222; padding:1px 4px 3px 4px;}
/*Sidebar*/
#paraphernalia { width:270px; float:right; margin: 20px 0 20px 0; font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif; padding: 0 0 90px 0; background: url(pglogo.png) no-repeat bottom right; font-size: 12px;}
html #paraphernalia {width: 270px;}
#paraphernalia .pbox {width: 270px;}
#paraphernalia h2 { font-size: 14px; font-style: oblique; text-align: center;}
#viewsel a, #recentnav a, #tagslist a, #userlinks a { background: transparent url(pglist-off.gif) left center no-repeat; padding-left: 15px;text-align: left; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #aaa;}
#viewsel a:hover, #recentnav a:hover, #tagslist a:hover, #userlinks a:hover { background: transparent url(pglist-on.gif) left center no-repeat; padding-left: 15px; text-align: left; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #e63973;}
.pbox dt { font-weight: normal; margin-top: 4px; font-weight: bold; color:#e63973;}
.pbox dd { padding: 0; margin-left: 24px;}
.pbox ul { margin: 0; padding: 0; list-style: none;}
.pbox ul ul { margin-left: 24px;}
.pbox li {margin: 0; padding: 0;}
.pbox li.current {text-transform: lowercase; font-weight: bold; color:#e63973;}
.pbox p { margin: 8px 0;}
.pboxcontent { padding: 15px; background-color: #313131; border:1px solid #2d2d2d; margin-right: 20px;}
.pboxcontent ul { margin: 0; list-style: none;}
.pboxcontent li { display: block; padding: 1px 0;}
.pboxcontent a {padding: 0px; text-decoration: none; text-transform: lowercase; color: #FFFFFF;}
.pboxcontent span{color: #e63973;}
#journalinfouserpic {text-align: center;padding: 10px 0px 0px 0px;}
.journallinkbar{margin:0px auto 0px 27px; clear:right;}
/* ------ ENTRY ------ */
.entrycontent {margin: 35px 0 20px 0; overflow:hidden;}
.entry .entryheader {font-size: 12px; font-weight: bold; text-align:left; position:relative; background:url(pgtitle.png) no-repeat center left; padding: 0px 0px 10px 30px; margin: 0px 0 35px 0; height:25px;}
.entry .entrysubject {margin-top: 10px; padding: 0; font-size: 1.2em;}
.entry .entrycontent {margin-right:150px;margin-bottom: 20px;}
.entryheader .entryicon { position:absolute; top: 90px; right:115px; z-index:3;}
.entryheader .entryuserpic { position:absolute; z-index:1;top:0;right:0; width:125px;height:100px; background-color: #313131; border: 1px solid #2d2d2d; text-align:right; padding: 5px 5px 5px 5px;}
.entrylinkbarpre {display:none;}
.page_entry .entrylinkbarpost, .page_reply .entrylinkbarpost {margin: 16px 16px 0px 0px;}
.entrylinkbarpost a img{ padding: 16px 16px 0px 0px; width:0px; height:0px;}
*html .entrylinkbarpost a img {padding:0px;width:22px;height:20px;}
.entryuserpic img { height:100px; width:100px; }
.entryheader .entrytimestamp {display: inline; text-transform:lowercase;}
.entryheader .entrytimestampdate {display: none;}
.entry .entrytimestamptime {color: #000000; position:absolute; top: 110px; right:0px; z-index:7; }
.entrycmdlinks { color:#ccc; border:1px solid #2d2d2d; background:url(pgcom.png) right no-repeat #313131; padding: 5px 15px; margin: 25px 10px 20px 25px; height: 19px;}
.page_entry .entrycmdlinks { color:#ccc; border:1px solid #2d2d2d; background:url(pgcom-4.png) right no-repeat #313131; padding: 6px 15px 6px 15px; margin: 10px 10px 20px 25px; height: 19px;}
.entrymeta { color:#ccc; border:1px solid #2d2d2d; background-color:#313131;  padding: 5px 5px; margin: 10px 10px 20px 25px; height: auto; width: 330px;}
.entrymeta li{list-style-type: none;}
/*------comment links------*/
.entryfooter .entrycmdlinks:before {content: "";}
.entryfooter .entrycmdlinks:after {content: "";}
.entryfooter {margin-top:20px;}
.entrycmdlinks li {display: inline; text-align: center; list-style: none;}
.entrycmdlinks a {padding: 3px 7px;color: #aaa;}
.entrycmdlinks a:hover {color: #e63973;}
* html .entrycmdlinks li {margin-left: 1em;}
.entrycmdlinks li:before {content: " [] ";}
.entrycmdlinks li:first-child:before {content: "";}
li.tagBox { padding-left: 0; margin-left: 0; list-style: none;}
ul.tagList { padding-left: 0; margin-left: 0; list-style: none;}
li.tagItem { padding-left: 0px; list-style: none; color: #e63973; font-weight: bold;}
/*Page*/
.page_friends .entrytimestamptime {color: #000000;position:absolute;top: 110px;right:0px;z-index:8;}
.page_entry .entry {padding-bottom:30px;background-color: !important;}
.page_entry .entryheader .entryposter, .page_reply .entryheader .entryposter { margin: 0px;  padding: 0px;}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate { display: block; margin: 20px 0px; padding: 0px; display: none;}
.page_entry .entryheader .entrysubject, .page_reply .entryheader .entrysubject { display: inline; margin: 10px 0px; padding: 0px 0px 0px 5px ;}
.page_friends .entryheader .entryuserpic {display: block;}
.entrymeta .entrymetacaption {font-weight: bold;}
.entrymeta li {white-space: no-wrap;}
.comments {list-style: none; padding: 0; margin-left: 50px;}
.comments .comments { margin-left: 25px;}
.comments > li {margin: 0; padding: 0;}
.ljtags  { margin: 0.9em 0em; padding: 0 0 10px 20px; background: url(pgtagbut.png) 0px 4px no-repeat transparent;}
.comments li{ list-style:none;}
/* ------ CALENDAR ------ */
.calendarmonth {   width: 60%; margin-right: auto; margin-left: auto; border-collapse: collapse; margin-top: 4em; margin-bottom: 2em; border: 1px solid #e63973;}
.calendarmonth td, .calendarmonth th { padding: 0.5em; margin: 0; }
.calendarmonthlink { text-align: center;}
.calendarmonthheader h2 { font-size: 16px; margin: 0; color: #e63973;}
.page_month #main form, .page_month #main dl { margin: 8px; }
.calendardaynum { text-align: center; }
.calendardaycount { text-align: center; }
.calendarday { width: 14%; }
/* ------ IMAGES ------ */
/* so that IE users will see a new image */
* html span.ljuser{background-image: url(pgufbpb.png) !important;background-repeat: no-repeat;background-position: left middle;padding: 24px 24px 0px 0px !important;}
* html span.ljuser img{visibility: hidden;}
/* icon for users */.ljuser img[src*="userinfo.gif"] {width: 0;height: 0;background-repeat: no-repeat;background-image: url(pgufbpb.png) !important; padding: 24px 24px 0 0 !important;}
/* icon for communities */.ljuser img[src*="community.gif"] {width:0;height: 0;background-repeat: no-repeat;background-image: url(pgufmr.png) !important;padding: 24px 24px 0 0 !important;}
.entryposter img[src*="userinfo.gif"], collapsed entry img[src="http://l-stat.livejournal.com/img/userinfo.gif"]{background:url(pgufbpb.png);}
.entryposter img[src*="community.gif"], collapsed entry img[src="http://stat.p-stat.livejournal.com/img/community.gif"]background:url(pgufmr.png);}
.ljuser img, .entryicon img, .entrylinkbarpre a img {height: 0px; width: 0px; padding: 24px 24px 0px 0px !important; background: transparent none no-repeat scroll 0 0;}
img[src*="userinfo.gif"], img[src*="community.gif"]  { width: 0 !important; height: 0 !important; background: none !important; background-repeat: no-repeat !important; padding: 24px 24px 0 0px !important;}
img[src*="userinfo.gif"] {  background-image: url(pgufbpb.png) !important; }
img[src*="community.gif"] { background-image: url(pgufmr.png) !important; }
.entryicon img{padding: 16px 16px 0 0 !important;background-color:transparent;width: 0;height: 0;background-repeat: no-repeat;}
.entryicon img[src*="icon_protected.gif"], dd img[src="http://stat.p-stat.livejournal.com/img/icon_protected.gif"]{background:url(pglock.png);}
.entryicon img[src*="icon_private.gif"], dd img[src="http://stat.p-stat.livejournal.com/img/icon_private.gif"]{background:url(pgshield.png);}
/*------mini images------*/
img[src*="btn_nudge.gif"], img[src*="btn_tracking.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_freeze.gif"], img[src*="btn_del.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="syndicated.gif"], img[src*="btn_edittags.gif"], img[src*="btn_prev.gif"], img[src*="btn_next.gif"], img[src*="btn_addfriend.gif"], img[src*="btn_todo.gif"], img[src*="btn_memories.gif"], img[src*="btn_edit.gif"], img[src*="btn_search.gif"], img[src*="btn_tellfriend.gif"], img[src*="btn_track.gif"], img[src*="btn_addfriend.gif"],img[src*="button-flag.gif"] {height: 0px; width: 0px; padding: 24px 24px 0px 0px !important; background: transparent none no-repeat scroll 0 0;}
img[src*="btn_memories.gif"] {background:url(pgmemories.png);}
img[src*="btn_todo.gif"] {background:url(pgtodo.png);}
img[src*="btn_edit.gif"] {background:url(pgupdate.png);}
img[src*="btn_search.gif"] {background:url(pgsearch.png);}
img[src*="btn_tellfriend.gif"] {background:url(pgtellafriend.png);}
img[src*="btn_track.gif"] {background:url(pgtrack.png);}
img[src*="btn_addfriend.gif"] {background:url(pgaddfriend.png);}
img[src*="button-flag.gif"] {background:url(pgflag.png);}
img[src*="btn_next.gif"] {background:url(pgnext.png);}
img[src*="btn_prev.gif"] {background:url(pgprevious.png);}
img[src*="btn_edittags.gif"] {background:url(pgtag.png);}
img[src*="syndicated.gif"] {background:url(pgrss.png);}
img[src*="btn_del.gif"] {background:url(pgdelete.png);}
img[src*="btn_unscr.gif"] {background:url(pgunscreen.png);}
img[src*="btn_scr.gif"] {background:url(pgscreen.png);}
img[src*="btn_freeze.gif"] {background:url(pgfreeze.png);}
img[src*="btn_unfreeze.gif"] {background:url(pgunfreeze.png);}
img[src*="btn_tracking.gif"] {background:url(pgtracking.png);}
img[src*="btn_nudge.gif"] {background:url(pgnudge.png);}
/* ------ Thank you for using a scotchbonnet layout ------ */

LiveJournal Cascading Style Sheet for Free Users

/* ------ BASICS ------ */
* {margin:0px; padding:0px;}
body {background: #333333 url() repeat-x;font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; color: #aaaaaa;}
body, td, table, th, tr {font-size: 13px;}     
a,a:hover {color: #e63973;text-decoration: none;}
input, textarea {border: 1px solid #aaaaaa; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; font-weight: bold; font-size: 11px; color:#e63973; background:#222;}
blockquote {margin: 1em 3em; padding: 1em 1em 1em 40px; border: 1px solid #aaaaaa; width: 80%; background: url(blckqte2.gif) -135px 0px repeat-y transparent;}
hr {color: #e63973; background-color: #000; margin: 0px 150px 0px 150px; height: 1px; width: 75%;}
#postform {margin-top:10px;}
select {color:#e63973;background:#222;}
/* ------ MAIN ------ */
/*Header*/
#title { color: #ffffff; background-color: #000000; background-image: url(pgtopper.png); background-repeat: repeat-x; background-position: top left; width: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; height: 125px; overflow: hidden;}
#title h1 { font-size: 25px; font-weight: bold; margin: 0; padding-top: 15px; padding-left: 8px; white-space: no-wrap;}
#title #journal_subtitle { font-size: 13px; font-weight: bold; margin: 0; padding-left: 8px; white-space: no-wrap;}
/*Main Area*/
#main { margin: 20px 280px 0 10px; font-size:100%; padding: 0px 20px 50px 20px; color: #aaaaaa; min-height: 150%;}
#main strong, b { color:#e63973; background:#222; padding:1px 4px 3px 4px;}
/*Sidebar*/
#paraphernalia { width:270px; float:right; margin: 20px 0 20px 0; font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif; padding: 0 0 90px 0; background: url(pglogo.png) no-repeat bottom right; font-size: 12px;}
html #paraphernalia {width: 270px;}
#paraphernalia .pbox {width: 270px;}
#paraphernalia h2 { font-size: 14px; font-style: oblique; text-align: center;}
#viewsel a, #recentnav a, #tagslist a, #userlinks a { background: transparent url(pglist-off.gif) left center no-repeat; padding-left: 15px;text-align: left; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #aaa;}
#viewsel a:hover, #recentnav a:hover, #tagslist a:hover, #userlinks a:hover { background: transparent url(pglist-on.gif) left center no-repeat; padding-left: 15px; text-align: left; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: #e63973;}
.pbox dt { font-weight: normal; margin-top: 4px; font-weight: bold; color:#e63973;}
.pbox dd { padding: 0; margin-left: 24px;}
.pbox ul { margin: 0; padding: 0; list-style: none;}
.pbox ul ul { margin-left: 24px;}
.pbox li {margin: 0; padding: 0;}
.pbox li.current {text-transform: lowercase; font-weight: bold; color:#e63973;}
.pbox p { margin: 8px 0;}
.pboxcontent { padding: 15px; background-color: #313131; border:1px solid #2d2d2d; margin-right: 20px;}
.pboxcontent ul { margin: 0; list-style: none;}
.pboxcontent li { display: block; padding: 1px 0;}
.pboxcontent a {padding: 0px; text-decoration: none; text-transform: lowercase; color: #FFFFFF;}
.pboxcontent span{color: #e63973;}
#journalinfouserpic {text-align: center;padding: 10px 0px 0px 0px;}
.journallinkbar{margin:0px auto 0px 27px; clear:right;}
/* ------ ENTRY ------ */
.entrycontent {margin: 35px 0 20px 0; overflow:hidden;}
.entry .entryheader {font-size: 12px; font-weight: bold; text-align:left; position:relative; background:url(pgtitle.png) no-repeat center left; padding: 0px 0px 10px 30px; margin: 0px 0 35px 0; height:25px;}
.entry .entrysubject {margin-top: 10px; padding: 0; font-size: 1.2em;}
.entry .entrycontent {margin-right:150px;margin-bottom: 20px;}
.entryheader .entryicon { position:absolute; top: 90px; right:115px; z-index:3;}
.entryheader .entryuserpic { position:absolute; z-index:1;top:0;right:0; width:125px;height:100px; background-color: #313131; border: 1px solid #2d2d2d; text-align:right; padding: 5px 5px 5px 5px;}
.entrylinkbarpre {display:none;}
.page_entry .entrylinkbarpost, .page_reply .entrylinkbarpost {margin: 16px 16px 0px 0px;}
.entrylinkbarpost a img{ padding: 16px 16px 0px 0px; width:0px; height:0px;}
*html .entrylinkbarpost a img {padding:0px;width:22px;height:20px;}
.entryuserpic img { height:100px; width:100px; }
.entryheader .entrytimestamp {display: inline; text-transform:lowercase;}
.entryheader .entrytimestampdate {display: none;}
.entry .entrytimestamptime {color: #000000; position:absolute; top: 110px; right:0px; z-index:7; }
.entrycmdlinks { color:#ccc; border:1px solid #2d2d2d; background:url(pgcom.png) right no-repeat #313131; padding: 5px 15px; margin: 25px 10px 20px 25px; height: 19px;}
.page_entry .entrycmdlinks { color:#ccc; border:1px solid #2d2d2d; background:url(pgcom-4.png) right no-repeat #313131; padding: 6px 15px 6px 15px; margin: 10px 10px 20px 25px; height: 19px;}
.entrymeta { color:#ccc; border:1px solid #2d2d2d; background-color:#313131;  padding: 5px 5px; margin: 10px 10px 20px 25px; height: auto; width: 330px;}
.entrymeta li{list-style-type: none;}
/*------comment links------*/
.entryfooter .entrycmdlinks:before {content: "";}
.entryfooter .entrycmdlinks:after {content: "";}
.entryfooter {margin-top:20px;}
.entrycmdlinks li {display: inline; text-align: center; list-style: none;}
.entrycmdlinks a {padding: 3px 7px;color: #aaa;}
.entrycmdlinks a:hover {color: #e63973;}
* html .entrycmdlinks li {margin-left: 1em;}
.entrycmdlinks li:before {content: " [] ";}
.entrycmdlinks li:first-child:before {content: "";}
li.tagBox { padding-left: 0; margin-left: 0; list-style: none;}
ul.tagList { padding-left: 0; margin-left: 0; list-style: none;}
li.tagItem { padding-left: 0px; list-style: none; color: #e63973; font-weight: bold;}
/*Page*/
.page_friends .entrytimestamptime {color: #000000;position:absolute;top: 110px;right:0px;z-index:8;}
.page_entry .entry {padding-bottom:30px;background-color: !important;}
.page_entry .entryheader .entryposter, .page_reply .entryheader .entryposter { margin: 0px;  padding: 0px;}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate { display: block; margin: 20px 0px; padding: 0px; display: none;}
.page_entry .entryheader .entrysubject, .page_reply .entryheader .entrysubject { display: inline; margin: 10px 0px; padding: 0px 0px 0px 5px ;}
.page_friends .entryheader .entryuserpic {display: block;}
.entrymeta .entrymetacaption {font-weight: bold;}
.entrymeta li {white-space: no-wrap;}
.comments {list-style: none; padding: 0; margin-left: 50px;}
.comments .comments { margin-left: 25px;}
.comments > li {margin: 0; padding: 0;}
.ljtags  { margin: 0.9em 0em; padding: 0 0 10px 20px; background: url(pgtagbut.png) 0px 4px no-repeat transparent;}
.comments li{ list-style:none;}
/* ------ CALENDAR ------ */
.calendarmonth {   width: 60%; margin-right: auto; margin-left: auto; border-collapse: collapse; margin-top: 4em; margin-bottom: 2em; border: 1px solid #e63973;}
.calendarmonth td, .calendarmonth th { padding: 0.5em; margin: 0; }
.calendarmonthlink { text-align: center;}
.calendarmonthheader h2 { font-size: 16px; margin: 0; color: #e63973;}
.page_month #main form, .page_month #main dl { margin: 8px; }
.calendardaynum { text-align: center; }
.calendardaycount { text-align: center; }
.calendarday { width: 14%; }
/* ------ IMAGES ------ */
/* so that IE users will see a new image */
* html span.ljuser{background-image: url(pgufbpb.png) !important;background-repeat: no-repeat;background-position: left middle;padding: 24px 24px 0px 0px !important;}
* html span.ljuser img{visibility: hidden;}
/* icon for users */.ljuser img[src*="userinfo.gif"] {width: 0;height: 0;background-repeat: no-repeat;background-image: url(pgufbpb.png) !important; padding: 24px 24px 0 0 !important;}
/* icon for communities */.ljuser img[src*="community.gif"] {width:0;height: 0;background-repeat: no-repeat;background-image: url(pgufmr.png) !important;padding: 24px 24px 0 0 !important;}
.entryposter img[src*="userinfo.gif"], collapsed entry img[src="http://l-stat.livejournal.com/img/userinfo.gif"]{background:url(pgufbpb.png);}
.entryposter img[src*="community.gif"], collapsed entry img[src="http://stat.p-stat.livejournal.com/img/community.gif"]background:url(pgufmr.png);}
.ljuser img, .entryicon img, .entrylinkbarpre a img {height: 0px; width: 0px; padding: 24px 24px 0px 0px !important; background: transparent none no-repeat scroll 0 0;}
img[src*="userinfo.gif"], img[src*="community.gif"]  { width: 0 !important; height: 0 !important; background: none !important; background-repeat: no-repeat !important; padding: 24px 24px 0 0px !important;}
img[src*="userinfo.gif"] {  background-image: url(pgufbpb.png) !important; }
img[src*="community.gif"] { background-image: url(pgufmr.png) !important; }
.entryicon img{padding: 16px 16px 0 0 !important;background-color:transparent;width: 0;height: 0;background-repeat: no-repeat;}
.entryicon img[src*="icon_protected.gif"], dd img[src="http://stat.p-stat.livejournal.com/img/icon_protected.gif"]{background:url(pglock.png);}
.entryicon img[src*="icon_private.gif"], dd img[src="http://stat.p-stat.livejournal.com/img/icon_private.gif"]{background:url(pgshield.png);}
/*------mini images------*/
img[src*="btn_nudge.gif"], img[src*="btn_tracking.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_freeze.gif"], img[src*="btn_del.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="syndicated.gif"], img[src*="btn_edittags.gif"], img[src*="btn_prev.gif"], img[src*="btn_next.gif"], img[src*="btn_addfriend.gif"], img[src*="btn_todo.gif"], img[src*="btn_memories.gif"], img[src*="btn_edit.gif"], img[src*="btn_search.gif"], img[src*="btn_tellfriend.gif"], img[src*="btn_track.gif"], img[src*="btn_addfriend.gif"],img[src*="button-flag.gif"] {height: 0px; width: 0px; padding: 24px 24px 0px 0px !important; background: transparent none no-repeat scroll 0 0;}
img[src*="btn_memories.gif"] {background:url(pgmemories.png);}
img[src*="btn_todo.gif"] {background:url(pgtodo.png);}
img[src*="btn_edit.gif"] {background:url(pgupdate.png);}
img[src*="btn_search.gif"] {background:url(pgsearch.png);}
img[src*="btn_tellfriend.gif"] {background:url(pgtellafriend.png);}
img[src*="btn_track.gif"] {background:url(pgtrack.png);}
img[src*="btn_addfriend.gif"] {background:url(pgaddfriend.png);}
img[src*="button-flag.gif"] {background:url(pgflag.png);}
img[src*="btn_next.gif"] {background:url(pgnext.png);}
img[src*="btn_prev.gif"] {background:url(pgprevious.png);}
img[src*="btn_edittags.gif"] {background:url(pgtag.png);}
img[src*="syndicated.gif"] {background:url(pgrss.png);}
img[src*="btn_del.gif"] {background:url(pgdelete.png);}
img[src*="btn_unscr.gif"] {background:url(pgunscreen.png);}
img[src*="btn_scr.gif"] {background:url(pgscreen.png);}
img[src*="btn_freeze.gif"] {background:url(pgfreeze.png);}
img[src*="btn_unfreeze.gif"] {background:url(pgunfreeze.png);}
img[src*="btn_tracking.gif"] {background:url(pgtracking.png);}
img[src*="btn_nudge.gif"] {background:url(pgnudge.png);}
/*Extras - Don't Touch Below*/
/*:::::::::::::Contextual PopUp:::::::::::::::*/
div.ContextualPopup { margin: 20px 0px 0 -30px; font: normal 11px "Tahoma", "Verdana", sans-serif !important; background-color: transparent!important;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: normal;color: #313131!important; background-color: #e63973!important;}
div.ContextualPopup div.Inner { background:transparent!important; color: #FFFFFF!important; border:none; padding:10px; width: 220px; font-family: tahoma, sans-serif;}
div.ContextualPopup .Userpic { padding:10px; background:#e63973; margin:0px; border:1px solid #cccccc;}
div.ContextualPopup .Relation { letter-spacing:1px; border-bottom: 1px dotted #ffffff; margin-bottom:4px; padding-bottom:4px;}
div.ContextualPopup .Content { line-height: 1.4; background:#e63973; border:1px solid #aaaaaa; margin-right:80px;}
#lj_controlstrip select {background-color: #313131!important;}
#lj_controlstrip_search_input_text {background-color: #313131!important; color: #e63973!important;}
/*Extras - Don't Touch Above*//* ------ Thank you for using a scotchbonnet layout ------ */

Extras

Implement CCS into Theme Layer
(Paid/Permanent Users)

If I offer a theme layer, follow any of the links below on how to implement into any of mine into your journal. Thank you.

s2bloggish Tutorials by carriep63:
1. Creating a Theme Layer(using Livejournal new customized area)
2. Using CSS with a Theme Layer
scotchbonnet Tutorials by scotchosur:
1. Creating a Theme Layer(for InsaneJournal users)
2. Create a Style(Coming Later...)

Images

If using this layout, please don't hotlink. Upload to your site or use an image storage online such as photobucket to host.

32 Images
The zip file includes all the images to this layout.
Note: The link will go to Megaupload. There is a possible wait to non-members.

For Paid/Permanent Accounts
If you wish to have tags, extra textbox and metadata function (such as image to the left) to work in your journal, please click here for codes.

Notes
This layout is not to be changed, I spent a lot of time to get the graphics, colors and text right that I don't want to see it broken. Right now, this only available as a free theme so no fancy stuff added. However, I do plan on revisiting this layout to add a paid version as well in the future.

Credit
If you keep the image in the layout (logo), then it isn't necessary to have a link in the sidebar. However, if you wish to remove the the image then I would appreciate it.

Questions
If you have questions, please ask in comments. I'll try my best to get to you.

Doctor Who Graphic Series: #3 - Jack

Wed, 11 Mar 2009 18:25:08 GMT

#3 in Series: Jack

Doctor Who Graphic (Jack)

Episode S4E12 The Stolen Earth

624px/352px

If using the graphic, tell me so I can see what layout you came up with.

Doctor Who Graphic Series: #2 - Master Insane

Wed, 11 Mar 2009 08:21:37 GMT

#2 in Series: Master Insane

Doctor Who Graphic (Master Insane)

Episode S3E12 The Sound of the Drums

640px/352px

If using the graphic, tell me so I can see what layout you came up with.

Doctor Who Graphic Series: #1 - Ten

Wed, 11 Mar 2009 04:25:07 GMT

I know I haven't posted here in a while as I simply taking a beak but then again I wanted to try something out so I think graphics, basically headers for layouts or profile cards if I am not in the mood to make any layouts and then I thought I'll go into a fandom I'm not familiar with so for the next few postings or so when I have time will be about Doctor Who and possibly Torchwood.

Hey you never know, this might inspired me to be creative. Maybe. :)

#1 in Series: Tenth Doctor

Doctor Who Graphic (Tenth Doctor)

Episode S3E11 Utopia

600px/400px

Doctor Who Graphic (Tenth Doctor)

Episode S3E11 Utopia

800px/400px

If using the graphic, tell me so I can see what layout you came up with.

Layout .04 - S2 Flexible Squares : Tomato

Thu, 27 Nov 2008 20:05:34 GMT

With minor up and downs, mostly on IE side I have enjoyed skimming Flexible Squares. I would like to thank so much babyelefant at Everything_LJ as always for last minute help.

Tomato was created for Livejournal base layout Flexible Squares.
Free: Cascading Style Sheet

Preview of Tomato Layout
[Click Here for Free Preview]

Details

layout available: right-side navbar position only
custom colors : in stylesheet
best view: : 1024x768 or higher (unknown with lower res)
browser checked : firefox 3.0.4, internet explorer 7(decent with IE6, unknown with lower)
works with : free, nav bar (decent with plus)
available at : http://asylums.insanejournal.com/scotchbonnet/
original design by : scotchsour
images used : scotchsour

Instructions

How to Style? (using the LiveJournal new customize journal area)

Before you start, make sure you're in the correct journal. At the very top, in Customization Area>Choose Journal Style use the drop down menu to choose.

1. In livejournal's navigational menu, go to journal > customize or press the link.

2. Under (2. Select a New Theme), go the search box and type Flexible Squares and press search. Once the layouts appear go to the bottom and in the drop down choose (show all).

3. Find and press (apply theme) to Flexible Squares - (No plain theme available) Choose any by Yati Mansor and then press (apply theme) then press (customize).

4. Under Customize Your Theme, press (custom css).

5. Under custom css > page > where it states: ("Use layout's "Base Weblog" stylesheet") say no. Under that, Custom external stylesheet URL should be blank.

6. Add the LiveJournal "Tomato" Cascading Style Sheet for Free Users into the custom stylesheet textarea.

7. Press "save changes".

8. Go to the blue box on the page that displays your current journal and press your identity link.

9. You should be done.

10. Thank you for trying this layout.

CSS Code

LiveJournal Cascading Style Sheet for Free Users

/* template  : scotchbonnet .04 - s2 Flexible Squares : Tomato
published : November 27, 2008
y       : sam emme / scotchsour.livejournal.com + scotchsour.insanejournal.com
works with: Free, Paid, Nav Bar (Unknown with Plus)
browser  : Firefox 3.0.4, Internet Explorer 7(decent with IE6, unknown with lower)
available : http://asylums.insanejournal.com/scotchbonnet/
original design by : scotchsour
images used : scotchsour */
/* ------------ BASIC ELEMENTS ------------ */
body {background-color: #d3d48d; text-align: center; color: #ffffff; font-family: "Verdana", sans-serif; font-size: 11px; margin: 20px 0 20px 0; }
a, a:link, a:visited {color: #ff7a08; text-decoration: none; }
a:hover {color: #000000; text-decoration: underline; }
p, td, blockquote {font-size: 11px; }
code, kbd, pre, tt { font-family: monospace;	}

/* ------------ CONTAINER ------------ */
#content { width: 745px; margin-left: auto; margin-right: auto; background-color: #d3d48d; border-style: solid; border-width: none; border-style: none; border-color: #7e8997; padding: 15px; }
#maincontent { margin-top: 5px; font-family: "Verdana", sans-serif; font-size: 11px; background-color: #d3d48d; color: #ffffff; border-color: #7e8997; border-width: 0px; margin-right: 175px; text-align: left; }
#maincontent img { max-width:300px; overflow: hidden; }
.subcontent { width: 560px; background-color: #ca1604; background-image:url(tomato-top.gif); background-position:top; background-repeat:no-repeat; }

/* ------------ ENTRY ------------ */
.entry	{ margin: 0px 0px 0px 0px; padding: 10px 10px 40px 20px; background-color: #ca1604; color: #000000; font-family: "Verdana",sans-serif; font-size: 11px; text-align: left; border-width: 1px; background-image:url(tomato-bottom.gif); background-position:bottom; background-repeat:no-repeat; }

/* entry --  inside the entry */
.userpic { position: relative;	float: left; background-color: #ededed; padding: 5px; margin: 10px; z-index: 15; border-width: 1px; border-color: #999999; border-style: solid; top: 10px; }
.userpicfriends { position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: #999999; font-family: "Verdana", sans-serif; font-size: 11px; z-index: 15; top: 10px; }
.date { line-height: 200%;	top: 5px; color: #999999; font-family: "Verdana", sans-serif; font-size: 11px; }
.subject { font-weight: bold; padding: 10px; color: #c1c1c1; font-family: "Verdana", sans-serif; font-size: 11px; }
.subject a, .subject a:link, .subject a:visited {	 color: #c0c9ce;	}
.subject a:hover { color: #ffffff; }	
.datesubject { padding: 15px 5px 5px 5px; height: 50px; }
.currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif; font-size: 11px; }
.currents { margin-top:10px; }
.comments { font-family: "Verdana", sans-serif; font-size: 11px; text-align: left; background-color: none; padding: 0px 5px 15px 5px; position: relative; top: 15px; }
div.comments a, div.comments a:link, div.comments a:visited { color: #c0c9ce; }
div.comments a:hover { color: #ffffff; text-decoration: none; }
.datesubjectcomment { background-color: #999999; padding: 5px; margin-top: 20px; }
.userpiccomment { position: relative; border-width: 5px; border-style: solid; border-color: #ededed; background-color: #ededed; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: #999999; border-style: solid; }
.box { border-style: solid; 	border-width: 1px 0px 0px 0px; border-color: #7e8997; padding: 10px; clear: left; }
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px;	text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #ededed; color: #000000; }
.replytosubject { font-weight: bold; }
.commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #000000; }
.commentbox { border-color: #7e8997; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #cc1604; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #c0c9ce; }
.datesubjectcomment a:hover { color: #ffffff; }
.commentboxpartial { border-color: #7e8997; border-width: 0px; border-style: none; padding: 10px; margin: 10px; background-color: #ededed; }
.commentinfo { background-color: #ededed; margin-top: 10px; width: 100%; }
.entry ul li { padding-left: 5px; margin-left: 15px; }
.entry ol li { padding-left: 5px; margin-left: 15px; }

/* ------------ HEADER ------------ */
#header { width: 100%; padding: 10px 0px 0px 0px; margin: 0px; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 2px; background-color: #ffffff; background-image: url(tomato-header.gif); background-repeat:no-repeat; height: 340px; color: #ffffff; }

/* header -- links to views; title of journal; subtitle of journal */	
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #8797a0; }
div#header a:hover, div#footer a:hover { color: #ffffff; text-decoration: none; }

/* ------------ SIDEBAR ------------ */
#sidebar { padding-top: 0px; padding-bottom: 70px; background-image: url(tomato-logo.gif); background-position:bottom; background-repeat:no-repeat; margin-top: 15px; background-color: #ca1604; font-size: 11px; font-family: "Verdana", sans-serif; color: #c1c1c1; width: 160px; float: right; text-align: left; list-style: none; }
li.sbartitle { padding-left: 55px; padding-top: 10px; padding-bottom: 0px; list-style: none; border-style: solid; border-width: 0px; background-repeat:no-repeat; background-image:url(slicetomato.gif); background-position:left; border-color: #7e8997; background-color: #ca1604; margin-bottom: 10px; margin-top: 10px; height: 35px; } 
#sidebar #sidebar_summary li.sbaritem, #sidebar_summary ul.sbartitle { list-style: none; padding: 5px 0 2px 0; border-width: 0 0 1px 0; border-color: #000000; border-style: dashed; }
#sidebar #sidebar_linklist li.sbaritem, .sbarblank { list-style: none; padding:0px; }
.sbarblank { display: none; padding:0px; }
ul.sbarlist ul.sbarcontent li.sbaritem { padding:0px; }
.defaultuserpic { text-align: center; padding-top: 20px; background-image:url(tomato-logo-top.gif); background-position:top; background-repeat:no-repeat; }
.sbarheader { padding: 0px 5px 0px 5px; }
.sbarbody { padding: 0px 2px 0px 2px; background-color: #ca1604; }
.sbarbody2 { padding: 0 15px 0 15px; }
table.calendar { margin-right: auto;	margin-left: auto; padding: 5px; border-style: dashed;	border-width: 1px; border-color: #000000; }
#sidebar_calendar ul.sbarlist	{ padding-left: 0px; margin-left: 0px; list-style: none; }
#sidebar #sidebar_calendar a:hover { color: #FFFFFF; text-decoration: none; }
.sbarcalendar { border-color: #ffffff; border-width: 0px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; }
.sbarcalendarposts { border-color:  none; border-width: none; border-style: none; background-color: #000000; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; }
ul.sbarlist	{ padding-left: 5px; margin-left: 0px; list-style: none;	}
li.sbaritem { padding-left: 7px; list-style: none; }
#sidebar_tags ul.sbarcontent li.sbaritem ul li { padding-left: 0; margin-left: 0; }
#sidebar_tags ul.sbarcontent, #sidebar_tags ul.sbarcontent ul { padding-left: 5px; margin-left: 0; }
#sidebar_tags ul.sbarcontent li.sbaritem { list-style: square outside; padding-left: 0; margin-left: 10px; color:#000; }
#sidebar_tags ul.sbarcontent ul.sbarlist li.sbartitle { list-style: none; padding: 5px 0 2px 0; border-width: 0 0 1px 0; border-color: #000000; border-style: dashed;	}
div#sidebar a:hover { color: #000000; text-decoration: none; }

/* ------------ MENU ------------ */
ul.navheader { padding: 0px; margin: 0px; padding-top: 15px; }
ul.navheader li { display: inline; padding: 0 3px 0 3px; }
.title { font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; line-height: 200%; top: 10px; }

/* ------------ FOOTER ------------ */
#footer { width: 100%; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #ffffff; z-index: 100; clear: both; background-image: url(tomato-footer.gif); background-repeat: no-repeat; background-position: bottom; height: 96px; }
ul.navfooter{ padding: 40px 0px 0px 125px; margin: 0px; }
ul.navfooter li { display: inline; margin: 0 5px 0 5px; }
.clearfoot { clear: both; }

/* -------- ARCHIVE -------- */
.year { background-image: url(archiveyear.png); background-position: center; background-repeat: no-repeat; margin: 10px auto; }
table.yeartable { background-image: url(tomatoarchivecalendar.png); background-repeat: no-repeat; width: 430px; height: 277px; }
table.yeartable td.yearday { background-color: #d3d48d; text-align: center; }
ul.year li { display: inline; }
ul.year { text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right:30px; }
.year a, a:link, a:visited, a:hover{ color: #ff7a08; text-decoration: none; }
.yeardate div:first-child { text-align:center !important; }
.lj-view-month center{ background-image: url(archiveyear.png); background-position: center; background-repeat:no-repeat; padding-bottom: 13px; }
.lj-view-month .entry dl:first-child { width: 540px; background-color: #ca1604; background-image:url(tomato-top.gif); padding:20px 0px 0px 20px; background-position:top left; background-repeat:no-repeat; position:relative; left:-20px; top:-22px; }

/* -------- EXTRAS and MISC. -------- */
input, textarea {background-color: #d3d48d;color: #000000;}
textarea.textbox  {width: 100% !important;}
.clear {height: 5px;}
.skiplinks {text-align: center; background-image: url(archiveyear.png); background-position: center; background-repeat:no-repeat; padding-top: 18px; height:34px; }	
.headerimage {/* for formatting header image */}
.separator{/* for formatting separators between entries */height: 15px;}
blockquote {margin: 1em 3em; padding: 1em; border: 3px double #d3d48d; font-size: 1.1em; font-family: georgia, perpetua, "times new roman", serif;}

/* DON'T TOUCH BELOW*/
/* -------- MINI ICONS -------- */
.subject img {width: 0; height: 0; padding: 17px 0px 0px 16px; background-repeat: no-repeat; /* so that IE users will still see an image */
background-image: url("minitomato2.gif");}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 0px 0px 16px !important;
background: url(minitomato4.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 0px 0px 16px !important;
background: url(minitomato3.gif);}
.entry img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{width: 0; height: 0; padding: 17px 0px 0px 16px;
background: url("minitomato2.gif");}
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 0px 0px 16px;
background: url("minitomato3.gif");}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 0px 0px 16px;
background: url("minitomato4.gif");}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {width: 0; height: 0; padding: 17px 0px 0px 16px !important;
background-image: url(minitomato2.gif);}
.ljuser img[src="http://p-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; padding: 17px 0px 0px 16px !important;
background-image: url(minitomato4.gif);}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {width: 0; height: 0; padding: 16px 0px 0px 16px;
background-image: url(minitomato5.gif);}
.ljuser img[src="http://p-stat.livejournal.com/img/syndicated.gif"] {width: 0; height: 0; padding: 16px 0px 0px 16px;
background-image: url(minitomato5.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{width: 0; height: 0; padding: 16px 0 0 16px!important;
background: url(minitomato2.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 0 0 16px!important;
background: url(minitomato3.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px  0 0 16px!important;
background: url(minitomato4.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/community.gif"]{width: 0; height: 0; padding: 16px 0 0 16px!important;
background: url(minitomato5.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/syndicated.gif"]{width: 0; height: 0; padding: 16px  0 0 16px!important;
background: url(minitomato5.gif);}

/* -------- Don't touch CONTROLSTRIP -------- */
#lj_controlstrip img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{width: 0; height: 0; padding: 16px 0 0 16px!important;
background: url(minitomato2.gif);}
#lj_controlstrip img[src="http://p-stat.livejournal.com/img/community.gif"]{width: 0; height: 0; padding: 16px 0 0 16px!important;
background: url(minitomato5.gif);}
#lj_controlstrip {background-color: #ca1604; /*may change color*/ background-image: url(http://i193.photobucket.com/albums/z113/SourWhiskey/layout/minitomato2.gif); height:63px;}
#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {margin: 0pt; padding: 0pt; line-height: 16.5px; background-color: #d3d48d; /*may change color*/ color: #000;/*may change color*/ font-family: tahoma; font-size: 8pt; letter-spacing: 2px; text-transform: lowercase;}
#lj_controlstrip input {background-color: #d3d48d;}

/* ------ Don't touch ICON POPUP INFO ------ */
div.ContextualPopup {margin: 5px 0 0 20px; font: normal 11px "Tahoma", sans-serif !important;}
div.ContextualPopup img { border:1px solid #CCCCCC;}
div.ContextualPopup div.Inner { background:transparent!important;color: #FFFFFF!important;border: 1px solid #CCCCCC; padding: 5px; width: 20em;}
div.ContextualPopup .Content { padding: 2px 4px 6px 4px; margin-right: 50px; line-height: 1.4; text-align:left;border:1px solid #CCCCCC; background:#ca1604;}
div.ContextualPopup .Relation {font-weight: bold !important;letter-spacing:1px;border-bottom: 1px dashed #cccccc;margin-bottom:4px; padding-bottom:4px;}
div.ContextualPopup .Content .OnlineStatus {font-weight: bold;}
div.ContextualPopup .Userpic { padding: 4px; background:#ca1604;border:1px solid #CCCCCC; margin-top:8px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: underline !important;font-weight: bold;color: #000!important;}/*---*/

Images
If using, please don't hotlink. There is no direct link in the css layout, just the images' names. Upload to another storage online, try photobucket. Or try this post for other places I might add.

Notes
This layout is not to be changed, I spent a lot of time to get the graphics, colors and text right that I don't want to see it broken. Right now, this only available as a free theme so no fancy stuff added. However, I do plan on revisiting this layout to add a paid version as well in the future. If you want the same sidebar as mine, just go to the sidebar's customization area 1. Make sure your Tags | Page Summary | Linkslist are turned on (Yes). 2. In the 1-6 boxes choose from the drop down menu. Default Userpic | Calendare | Links List | Blurb | Tags Page | Summary. If you wish to use the Navigation Strip, which is coordinated with the layout go to Customization Area, look for Navigation Strip and check off either:
Always show on my journal/community
Always show on any journal or community I view

Credit
If you keep the image in the layout (logo), then it isn't necessary to have a link in the sidebar. However, if you wish to remove the the image then I would appreciate it.

Questions
If you have questions, please ask in comments. I'll try my best to get to you.

Sunset Photographs

Sun, 10 Aug 2008 18:17:11 GMT

I'm testing out a new camera and I thought to share some of the scenery pictures with you. If you wish to use any of the images, you must join this asylum, ask and please link back to me. Maybe tell me how you use it. That's is all.

S2 CSS Stylesheet Guides

Sat, 26 Jul 2008 00:54:58 GMT

This for me, because I am getting tired of copy/pasting... And I share... sometimes :)

Opal Stylesheet Explained
by Julz wrote in Graphicsbyjulz

Part One | Part Two

A CSS Guide To Bloggish
by Carrie wrote in S2 Bloggish

Bloggish Guide

Flexible Stylesheet Guide
by Irinafan wrote in Cartonage

Part One | Part Two | Part Three

Update

Sun, 20 Jul 2008 22:47:52 GMT

I will be finally releasing the Blue Shoes layout this week. It's the third layout and not number 2 which is still having problems in IE. Blue Shoes, I believe that it will work IE and Firefox well. Hopefully I will start finalizing it and post to the journals.

If you are on Livejournal I have heard that they will be bringing back Basic, I wasn't planning on writing layouts with ads unless it was easy for me (vertical) but I will see what comes of their decision. In the meantime IJ will get Blue Shoes and most likely another version of it before LJ.

Edit: Oops, Blue Shoes is a Tranquility Layout, which means this isn't for Insanejournal users but Livejournal. Sorry about the mix up. I will try to write a similar for the IJ base layouts.

Rejoining the Living...

Sun, 06 Jul 2008 01:28:52 GMT

or the somewhat online. I know I have been away for a while so I am trying to see what emails and updates I need to do on my journals including this one. If you would like to leave a message, I am pretty sure I will see this one.

Due South Icons #10 : Speech Bubbles Quotes

Tue, 01 Apr 2008 05:15:49 GMT

You may use these with proper acknowledgment.
scotchbonnet or scotchsour with LJ/IJ/GJ


.001	.002	.003	.004	.005

.006	.007	.008	.009	.010

Scotcbonnet Brushes .01 - Scatterblob

Sun, 09 Mar 2008 03:23:02 GMT

Releasing my first set of brushes, be kind. I use Photoshop 7.

I admit now that the thumbnails look the same but I couldn't figured out how to change the appearance however they do different things.

Press the picture:

Do comment. I'm going to regret saying that. :-D

Photoshop and Me

Sun, 09 Mar 2008 03:15:57 GMT

I still try to perfect the painted effect so here are a couple of manipulated photographs to show.
For show only, don't remove:

B/W Previews: Male Body

Thu, 06 Mar 2008 17:45:10 GMT

Don't remove:


.001	.002	.003	.004	.005

Resources

Fri, 22 Feb 2008 14:57:07 GMT

This is a good thing for you and me as I decided to share some of the places I like going to collect to makes my designs. I am placing a good amount of bookmarks here. I will add to it as I have time. Here's a good start. If using, some sites may ask for a simple courtesy link.

Resources
Backgrounds	Images	Mini Icons	Image Hosts
Grsites	Pdphoto	Famfamfam	Photobucket
The Inspiration Gallery	Corbis	Sweetie	Imageshack
Squidfingers	Morguefile	Bitcons	Flickr
Vladstudio Wallpapers	Photovaco	Icon Dock	Image Box 1 [1mb]
DinPattern	Wikimedia Commons	Coming	Image Box 2 [1mb]
Texture Heaven	Public Domain Images	Coming	Image Box [2mb]
Patterns of Change	Free Artist Photos	Coming	Coming

Photoshop Resources | Journal Resources
Brushes	Generators	Fonts	Journals
The Fifth Muse	Stripes	Urbanfonts	Livejournal
Obsidian Dawn	Tartan	Dafont	InsaneJournal
Void	Pattern Cooler	1001 fonts	Dreamwidth
Hawksmont	BgPatterns	Simply the Best	Journal Fen
Brusheezy	ava7patterns	Fonts Made Easy	DeadJournal
Coming	Lorem Ipsum	Coming	Coming
Coming	Coming	Coming	Coming

Photoshop Resources | Journal Resources
Textures	Generators	Fonts	Design Js
Coming	Coming	Coming	Coming
Coming	Coming	Coming	Coming
Coming	Coming	Coming	Coming
Coming	Coming	Coming	Coming
Coming	Coming	Coming	Coming
Coming	Coming	Coming	Coming
Coming	Coming	Coming	Coming

Resources
Websites	File Sharing Hosts	File Sharing Hosts	PS Tutorials
Colr	Megaupload	Fileden	Coming
Table Style Generator	Uploading	Divshare	Coming
Cut/Paste Word Count	Quicksharing	Coming	Coming
Real-Time HTML Editor	Sendspace	Coming	Coming
Coming	Filefactory	Coming	Coming
Coming	Rapidshare	Coming	Coming
Coming	MediaFire	Coming	Coming

Profile Card. 01 - S2 Tranquility II : Blue Shoes

Thu, 21 Feb 2008 02:23:27 GMT

Created my first profle card, what is it? A design for your profile section. Simple. Check inside:

	Instructions
	To start, it is best to use notepad and copy and paste the profile card. Doing it this way gives you more space to place your own information. There are ten images that all are there in the code, to remove any you're not using find, for example I want to remove on notice section (profilenot.gif): Look for the image name and cut from < tr > and < /tr >. `<tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profilenot.gif" title=""><p> Aenean in augue ac quam aliquam malesuada. Proin ut dolor eget elit mollis ultricies. Nunc commodo felis et justo. Curabitur auctor egestas velit. Curabitur auctor, felis et placerat ullamcorper amet. </font></td></tr>` To add your information, simply replace the nonsencial text you see with your own. Lastly, this profile cannot be changed since it belong to the blue shoe layout, however if I am able I can make up a new new design, if well received. And the credit stays at the bottom. Placement: Under Accounts > Manage Profile: Click for Insanejournal \| Profile > Edit Profile: Click for Livejournal Look for Bio and simply cut and paste from your notepad. Press save and check results.
	Code
	<table width="500" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"><tr><td><table width="500" cellpadding="0"><tr><td bgcolor="#99CCFF" valign="top"><font color="#FFFFFF" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/layout/sebs-shoe.gif" title=""></font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profilewel.gif" title=""><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum laoreet metus eget turpis. Vestibulum mollis, nulla vel viverra pretium, velit turpis hendrerit nulla, nec viverra nisl elit ut mi. Curabitur sed purus. Vestibulum dapibus sapien sed pede. Mauris iaculis nisi ac quam. Sed et enim. Aenean pellentesque pellentesque ipsum. Donec ac neque. Donec elementum nonummy metus. Etiam porta sagittis nulla. Mauris id odio. Cras ultricies lacus at risus ultrices consequat.<p>Phasellus euismod ligula facilisis tortor. Cras egestas tincidunt libero. Proin eu pede vehicula orci eleifend interdum. Nulla at eros pretium dolor aliquet aliquet. Pellentesque nisl lorem, lobortis id, posuere sed, sodales et, tortor. Phasellus condimentum est ac libero. Quisque ultricies sapien ac libero. Etiam interdum pulvinar nunc. Maecenas laoreet placerat dui. Ut rhoncus mattis erat. In justo. Curabitur eu metus. Vivamus faucibus tincidunt leo.</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img name="title" src="http://i193.photobucket.com/albums/z113/SourWhiskey/profileme.gif" title=""><p>Praesent sollicitudin. Morbi a nunc. Vestibulum quis orci. Duis gravida enim in dolor. Maecenas euismod nunc non lorem. In dictum. Integer nunc. Suspendisse ultrices. Suspendisse ac neque gravida quam condimentum nonummy. Pellentesque convallis felis at dui.<p>Aliquam pulvinar fringilla eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum tempor, massa a dapibus egestas, nulla lacus pulvinar nunc, at nonummy quam turpis in ligula. Fusce tristique cursus justo. Maecenas nisi enim, aliquet vitae, aliquam non, hendrerit quis, odio. Morbi non felis. Nunc id sapien vitae metus tincidunt facilisis. Nunc interdum mollis mi. Fusce eros. Mauris eu velit. Duis lacus massa, congue a, condimentum vel, sagittis id, arcu. In vitae metus. Nam vel diam sed ante posuere pellentesque. Pellentesque non sem quis nunc mollis placerat. Cras arcu risus, suscipit a, molestie eu, pretium ac, nibh. </font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profilefavs.gif" title=""><p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."<br>"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profilelinks.gif" title=""><p>* Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br>* Nullam euismod felis at tortor.<br>* Phasellus eu justo nec erat mollis dignissim.<br>* Nulla quis est non tortor auctor mollis.<p> * Vivamus nonummy neque sed augue.<br> * In semper mi sed urna.<br> * Duis imperdiet venenatis neque.<br> * Curabitur aliquam dolor ac dolor.<br> * Etiam ultrices sagittis nisl.<br></p></font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profileknacks.gif" title=""><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum rhoncus. Aenean massa odio, semper id, consequat a, adipiscing eu, magna. Phasellus vitae amet.</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profilearch.gif" title=""><p> Praesent eget odio. Suspendisse laoreet tempus mauris. Cras non est ultrices nulla malesuada ornare. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ac justo in est molestie elementum. Integer pulvinar pede sed elit hendrerit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Integer aliquet velit at enim. Nullam ut sapien. Donec nec urna in dolor rhoncus fringilla. In quam odio, ultricies non, scelerisque sit amet, aliquam sit amet, turpis. Integer fermentum. Proin vel magna non velit pellentesque porta. </font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profileaffil.gif" title=""><p>Nullam a nisl. Phasellus sit amet magna. Curabitur non odio. Nulla facilisi. Phasellus sed sapien id nibh mollis commodo. Vestibulum viverra mauris sit amet massa. Phasellus magna dolor, sodales quis, suscipit vitae, pellentesque in, libero. Curabitur turpis. Cras pretium vehicula nisl. Duis magna. Morbi libero lorem, tempor vel, ultrices at, dapibus ac, ipsum. Cras vel lorem a massa viverra amet.</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profileawards.gif" title=""><p>Nunc bibendum velit et eros. In hac habitasse platea dictumst. Quisque ut justo sed mauris accumsan accumsan. Mauris venenatis ultrices nisl. Donec tellus lectus, elementum sed, convallis sed posuere.</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profilenot.gif" title=""><p>Aenean in augue ac quam aliquam malesuada. Proin ut dolor eget elit mollis ultricies. Nunc commodo felis et justo. Curabitur auctor egestas velit. Curabitur auctor, felis et placerat ullamcorper amet.</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="2" face="Franklin Gothic Book, Arial"><img src="http://i193.photobucket.com/albums/z113/SourWhiskey/profileweb.gif" title=""><p>Nulla congue lacinia elit. Aliquam sit amet justo. Fusce malesuada, neque sed adipiscing lobortis, diam augue porttitor nisl, ac vulputate nulla mi nec quam. Nunc libero magna, commodo id, facilisis facilisis, auctor et, ante. Quisque rhoncus. Duis eleifend, pede id mollis interdum, magna odio pellentesque quam, vel lacinia nisi purus non elit. Duis mauris ipsum, condimentum a, varius ac, pellentesque vitae, augue. In hac habitasse platea dictumst. Sed consectetuer eleifend lacus. Duis dapibus. Vivamus fermentum ligula in mauris. Vivamus vel eros non urna scelerisque tincidunt. Aenean ut est. Fusce lacinia eros quis risus. Sed blandit eros at libero. In nec libero. Duis scelerisque. Etiam varius.</font></td></tr><tr><td bgcolor="#99CCFF" valign="top"><font color="#4665A4" font size="1" face="Franklin Gothic Book, Arial">(\ /)<br>( . .)<br>c('')('') profile card design by a href="http://www.scotchsour.livejournal.com">scotchsour</a></font></td></tr></table></td></tr></table>
	Images : If using, please don't hotlink. Upload to another storage online, try photobucket or imageshack. {Right click Save As or Save Image As}
	blue shoes header \| about me \| welcome \| links \| favorites \| affiliates \| archives awards \| websites \| on notice \| knick knacks
If there is any problems please comment in this post.

InsaneJournal and LiveJournal S2 CSS

Mon, 04 Feb 2008 05:07:17 GMT

This for me, because I am getting tired of copy/pasting... And I share... sometimes :)

A Sturdy Gesture

/* Cleaned CSS: */

body {
background: #ffffff;
color: #000000;

}
a {
color: #0000ff;
}
a:visited {
color: #0000ff;
}

img {
border: 0;
}

.box {
border: 1px solid #000000;
margin: 1em;
background: #ffffff;
color: #000000;
}

#navbar {
width: 25%;
}
#body {
width: 75%;
}

#navbar .box h1, .box h2, .box h3 {
font-size: 1em;
background: #000000;
color: #ffffff;
padding: 3px;
margin: 0;
}
#navbar .box h1 {
text-align: center;
}

.box h1 a, .box h2 a, .box h3 a {
color: #ffffff;
background: #000000;
}

#navbar .box div.userpic {
margin: 1em;
text-align: center;
}

#navbar p {
margin-left: 1em;
margin-right: 1em;
margin-bottom: 0;
}
#navbar ul, #skipbar ul {
list-style: none;
padding: 0;
margin: 0.5em;
}
#navbar ul li.active, #skipbar ul li.active {
font-weight: bold;
}

.box .entry {
margin: 1em;
}

.box .talklinks {
margin: 1em;
text-align: right;
clear: both;
}
.box .talklinks .permalink {
float: left;
}

.box .minicomment {
clear: both;
}

body.day #body h1 {
font-size: 1.1em;
font-weight: bold;
}

table.box, table.box td, table.box th {
border: 1px solid #000000;
}

.metadata {
margin-top: 1em;
}

form#postform table {
background: #ffffff;
color: #000000;
}

Bloggish

/* basic elements */

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	position: static;
}

/* banner user/photo */

.banner-user
{
	float: left;
	overflow: hidden;
	width: 64px;
	margin: 0 15px 0 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.banner-user-photo
{
	display: block;
	margin: 0 0 2px 0;
	border: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.banner-user-photo img
{
	width: 64px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}

/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

.comments-open-header
{
    clear: both;
}

#comment-post
{
	font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	width: 115px;
	height: 115px;
	margin: 0 0 2px 0;
}

/* modules */

.module
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content
{
	position: relative;
	margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.module-list-item
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
	border-collapse: collapse;
	width: 100%;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
	width: 14%;
	text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
	display: block;
	clear: both;
	margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
	float: left;
	min-width: 60px;
	width: 60px;
	/* no ie mac \*/width: auto;/* */
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
	margin: 0;
	padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
	margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
	display: block;
	height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
	display: block;
	float: left;
	/* ie win fix \*/ height: 1%; /**/
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item a
{
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item img
{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}

/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
	width: 14%;
	height: 75px;
	text-align: left;
	vertical-align: top;
}

.day-photo
{
	width: 54px;
	height: 54px;
}

.day-photo a
{
	display: block;
}

.day-photo a img
{
	width: 50px;
	height: 50px;
}

Classic

/* Cleaned CSS: */

body, table, td, th, .page_title, #yearheader {
font-family: "Arial, Helvetica",  sans-serif;
}

body,.body {
    background-color:    #6666cc;
    color:               #000000;
    padding:             5pt;
}
a, a:link {
    color:               #000050;
}
a:visited {
    color:               #500050;
}
a:active {
    color:               #ff00c0;
}
table.main {
    background-color:    #ffffff;
    color:               #000000;
}
#whole {
    width:               100%;
    float: left;
}
.page_title {
    color:               #8b1a1a;
    font-size:           18pt;
}
.view_links {
    font-family:         monospace;
    white-space:         nowrap;
}
.view_links2 {
    font-family:         monospace;
    font-size:           9pt;
}
th.headerbar {
    background-color:    #c0c0ff;
    color:               #000000;
    font-weight:         bold;
    font-size:           16pt;
    text-align:          left;
}
td.metabar {
    text-align:          right;
    white-space:         nowrap;
    background-color:    #eeeeff;
    color:               #000000;
}
.entry {
    border:  hidden #000000;
}
.subject {
    color:               #c00000;
    font-weight:         bold;
}
.comments {
    text-align:          right;
}
#yearheader {
    color:               #c00000;
    font-weight:         bold;
    font-style:          italic;
    font-size:           14pt;
}
th.monthheader {
    background-color:    #c0c0ff;
    color:               #000000;
    font-size:           12pt;
}
th.daysheader {
    background-color:    #eeeeff;
    color:               #000000;
    font-weight:         normal;
}
td.weekday_empty {
    background-color:    #eeeeff;
    color:               #000000;
}
.day_id {
    font-weight:         bold;
    font-size:           10pt;
}
#archiveyearpage_nav {
    font-size:           14pt;
    font-weight:         bold;
}

Clean and Simple

body {
background: #6666cc none;
color: #000000;
padding: 50px;
margin: 0;

}
a:link {
color: #000050;
background: transparent;
}
a:visited {
color: #500050;
background: transparent;
}
a:active {
color: #00ffff;
background: transparent;
}
img {
vertical-align: absmiddle;
}
table {
width: 100%;
}
pre {
text-align: left;
}
#topbar {
background: #c0c0ff none;
color: #000000;

}
#topbar h1 {
margin-top: 5px;
margin-bottom: 0;
text-align: center;
font-size: 1.5em;
}
#topbar h2 {
margin-top: 0;
margin-bottom: 5px;
text-align: center;
font-size: 1.25em;
}
#navbar {
background: #eeeeff none;
color: #000000;
width: 25%;

}
#navbar ul {
list-style: none;
margin: 10px;
}
#navbar ul li {
margin: 0;
}
#navbar ul li.active {
font-weight: bold;
}
#navbar a:link, #navbar a:active, #navbar a:visited {
background: #eeeeff none;
color: #000000;
text-decoration: none;
}
#navbar a:hover {
text-decoration: underline;
}
#userlinklist ul {
margin-top: 0;
margin-bottom: 0;
}
#mainstuff {
width: 75%;
background: #ffffff none;
color: #000000;
}
#userpic {
text-align: center;
margin: 10px;
}
#userpic img {
border: 2px solid #c0c0ff;
background: #c0c0ff none;
color: #000000;
}
#entries {
margin: 10px;
}
#range {
margin-bottom: 0.5em;
}
.day {
border-top: 1px dashed #000000;
clear: both;
}
.day h3 {
border-bottom: 1px dashed #000000;
padding: 2px;
margin: 0;
font-size: 1.1em;
text-align: center;
}

address {
text-align: center;
font-style: normal;
font-size: 0.95em;
}

/* entries */
.entrytext {
padding: 2px;
text-align: justify;
}
.entry {
clear: both;
}
.entrytext p, .entrytext ul, .entrytext ol, .entrytext table {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.entryheading {
font-weight: bold;
}
.timestamp, .subject, .altposter {
font-weight: bold;
color: #c00000;
background: #ffffff;
}
.altposter a {
color: #c00000;
background: #ffffff;
text-decoration: underline;
}
.altposter img {
border: 2px #000000 solid;
background: #eeeeff none;
color: #000000;
}
.talklinks {
font-size: 0.75em;
text-align: right;
margin-bottom: 2px;
clear: right;
}
.frienduserpic {
border: 2px solid #c0c0ff;
background: #c0c0ff none;
color: #000000;
}

Dear Diary

/* Cleaned CSS: */

.entry {
margin-bottom: 2em;
clear: both;
}

.entry .entryheader {
font-weight: bold;
text-align: left;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: right;
margin-top: 2em;
clear: both;
display: block;
padding: 0.5em;

display: none;
}
.page_friends .entryheader .entryuserpic {
display: block;

}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}
.entryheader .entryposter:after {
content: ": ";
}
.entryposter img, .collapsed_entry img {
height: 14px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 8px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: left;
}
.entryfooter .entrycmdlinks:before {
content: "(";
}
.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}
* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
}
.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
    list-style: none;
    padding: 0;
    margin: 0.5em;
    text-align: center;
}
.itemrange li {
    display: inline;
    margin: 0 0.25em;
}
.itemrange li a:before, .itemrange li.current:before {
    content: "[";
}
.itemrange li a:after, .itemrange li.current:after {
    content: "]";
}

body {
    background: #d891f5;
    color: #ffffff;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: 14px;
}

#main a:link {
    color: #d891f5;
}
#main a:visited {
    color: #b375cd;
}
.pbox a {
    color: #ffffff;
}

#title {
    color: #ffffff;
    background-color: #8b04b2;

background-image: url(http://www.insanejournal.com/palimg/deardiary/titleimages/camouflage.png/pt8b04b2d891f5);
    background-repeat: no-repeat;
    background-position: top right;

border-bottom: 4px solid #000000;

width: 100%;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    height: 75px;
    overflow: hidden;
}
#title h1 {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding-top: 20px;
    padding-left: 8px;
    white-space: no-wrap;
}
#title #journal_subtitle {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 8px;
    white-space: no-wrap;
}

#paraphernalia {
    position: absolute;
    left: 0;
    top: 134px;
    width: 200px;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
}
#paraphernalia h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
}
#journalinfouserpic {
    text-align: center;
}
.pboxcontent {
    margin-left: 8px;
    margin-right: 8px;
}
.pbox dt {
    font-weight: normal;
    margin-top: 4px;
}
.pbox dd {
    padding: 0;
    margin-left: 24px;
}
.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin-left: 24px;
}
.pbox li {
    margin: 0;
    padding: 0;
}
.pbox li.current {
    font-weight: bold;
}
.pbox p {
    margin: 8px 0;
}

#main {
    position: absolute;
    /*left: 20%;*/
    left: 200px;
    top: 134px;
    right: 0;
    margin: 0;
    background-color: #f8eefa;
    color: #000000;
    min-height: 150%;
    padding: 0 10px 0 0;
}
* html #main {
    width: 95%;
}

.day h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px 10px;
    background-image: url(http://www.insanejournal.com/palimg/deardiary/headinggrad.png/ptf8eefad891f5);
    background-position: bottom left;
    background-repeat: no-repeat;
    margin: 16px 0 8px 0;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
}

.entry {
    margin: 32px 16px 32px 26px;
}
.entryheader {
    font-size: 16px;
}
.entryheader .entrytimestampdate {
    display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: inline;
}

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}

.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-bottom: 2em;
}
.calendarmonth td, .calendarmonth th {
    padding: 0.5em;
    margin: 0;
}
.calendarmonthlink {
    text-align: center;
}
.calendarmonthheader h2 {
    font-size: 16px;
    margin: 0;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}

#server_sig {
    display: none;
}

.journallinkbar {
text-align: center;
}

Digital Multiplex

/* Cleaned CSS: */

body {
    background-color: #dedfce;

font-family: Georgia, sans-serif;
    font-size: 100%;
}
h1 {
    font-size: 2.0em;
}
p, td, blockquote { 
    font-size: 1.0em; 
}
pre, code, kbd, tt {
    font-family: monospace;
}
a {
    color: #0000ff;
}
a:active {
    color: #7979ff;
}
a:hover {
    color: #7979ff;
}
a:visited {
    color: #000088;
}

/* Title */
#top_title {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: 1px solid #808080;
}
#journal_title {
    background-color: #ffffff;
    color: #c6c6c6;
    text-align: center;
}
#speck {
    background-color: #e1e1e1;
    border-right: 1px solid #808080;
    height: 100%;
    width: 21px;
}
.short_entry {
    font-size: .8em;
    text-align: justify;
}
.short_entry_meta {
    color: #787878;
}
.full_entry {
    background-color: #f0f0f0;
    padding: 10px;
    width: 100%;
}
.full_entry_userpic {
    font-size: .8em;
    border: 1px solid #808080;
    padding: 3px;
}
.heading_bar {
    background-color: #bdbabd;
    border: 1px solid #5f5d5f;
    color: #000000;
    margin-top: .2em;
    padding: 5px;
    width: 100%;
}

.heading_bar a {
    color: #0000ff;
}
.heading_bar a:active {
    color: #7979ff;
}
.heading_bar a:hover {
    color: #7979ff;
}
.heading_bar a:visited {
    color: #000088;
}

/* Side bars */
#sidebar {
    background-color: #bdbabd;
    border-right: 1px solid #808080;
    border-top: 1px solid #808080;
    max-width: 185px;
    text-align: center;
    width: 185px;
}

.sidebar_box {
    font-size: 0.8em;
    width: 100%;
}
.sidebar_box_contents {
    background-color: #e2e2e2;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;
    color: #000000;
    padding: 5px;
}
.sidebar_box_header {
    background-color: #a6a6a6;
    border-top: 1px solid #808080;
    color: #000000;
    text-align: left;
    padding: 5px;
}
#sidebar_userpic {
    text-align: center;
}
#sidebar_navigation {
    text-align: left;
}
#sidebar_linklist {
    text-align: left;
}
#sidebar_blurb {
    text-align: justify;
}
#sidebar_summary {
    text-align: left;
}
#subtitles {
    border: 1px solid #808080;
    width: 60%;
    text-align: left;
}
#sidebar_title {
    background-color: #808080;
    border-right: 1px solid #808080;
    color: #000000;
    text-align: center;
    width: 185px;
}
#main_title {
    background-color: #f7df84;
    color: #000000;
    text-align: center;
}
#main {
    border: 1px solid #808080;
    width: 60%;
}
#content {
    background-color: #ffffff;
    border-top: 1px solid #808080;
    color: #000000;
    text-align: left;
    width: 90%;
}
#top_of_page, #server_sig{
    background-color: #808080;
    border-top: 1px solid #808080;
    color: #000000;
    padding: 5px;
}
#top_of_page {
    width: 185px;
}
#server_sig {
    text-align: right;
    width: 60%;
}
#multiform_form {
    padding: 3px;
}
.calendar_day {
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    width: 14%;
}
.calendar_day .day {
    font-size: .9em;
}

Disjointed

<!--
body {
background:#FFFFFF;
}
body, table, td, div {
font-size:8pt;
font-family: "OCR A Extended", "Courier";
}
.entries {
width:85%;
margin-bottom:50px;
}
.entries td {
padding:4px;
}
.entries td.nopad {
padding:0;
}
.altposter {
background:#C0C0FF;
border:solid 2px #EEEEFF;
border-bottom:0;
font-weight:bold;
text-align:center;
color:#000000;
}
.metabox {
background:#C0C0FF;
width:50%;
border:solid 2px #EEEEFF;
font-weight:bold;
color:#000000;
}
.necorn {
background:#6666CC;
text-align:right;
font-style:italic;
border-right:solid 2px #EEEEFF;
border-top:solid 2px #EEEEFF;
color:#FFFFFF;
}
.sidepad {
width:5%
}
.entrybox {
background:#6666CC;
width:90%;
border-right:solid 2px #EEEEFF;
border-left:solid 2px #EEEEFF;
color:#FFFFFF;
}
.currbox {
width:30%;
background:#C0C0FF;
border:solid 2px #EEEEFF;
margin:3px;
float:right;
color:#000000;
}
.swcorn {
background:#6666CC;
border-left:solid 2px #EEEEFF;
border-bottom:solid 2px #EEEEFF;
color:#FFFFFF;
}
a {
text-decoration:none;
}
a:link, a:hover {
color: #000050;
}
a:visited {
color: #500050;
}
a img {
border: 0;
}
a:hover, .entrybox a:hover, a:active {
color: #FF00C0;
text-decoration: underline;
}
#secorn {
background:#6666CC;
border-right:solid 2px #EEEEFF;
border-bottom:solid 2px #EEEEFF;
width:40%;
color:#FFFFFF;
}
#navlink, #skiplink {
text-align:right;
width:60%;

}
.nav {
background:#6666CC;
border:solid 2px #EEEEFF;
border-bottom:0;
text-align:center;
color:#FFFFFF;
}
-->

Generator

Haven

/* Cleaned CSS: */

body 
{
    background-color: #8022dd;
    
    color: #ffffff;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 100%;
    margin: 0px; 
}
a
{
   color: #ffffff;
}
p, td, blockquote 
{
    font-size: 1.0em;
}
code, kbd, pre, tt
{
    font-family: monospace;
}
h1
{
    font-size: 2.0em;
}
h2
{
    font-size: 1.5em;
}
.title_navigation 
{
    border: 1px solid #1a49d5;
    width: 100%;
}
.title
{
    background-color: #1111cc;
    color: #ffffff;
    text-align: center;
    width: 40%;
}
.main_subtitle
{
    line-height: .5em;
}
.navigation
{
    background-color: #2280dd;
    color: ;
    text-align: left;
    white-space: nowrap;
}
.navigation_title
{
    width: 100%;
    border-bottom:  1px solid;
    text-align: left;
}
#sidebar
{
    font-family: "Verdana", sans-serif;
    width: 15%;
}
.sidebar_box 
{
    background-color: #ffffff;
    color: #000000;
    width: 100%;
}
.sidebar_box th 
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    background-color: #1a49d5;
    color: #ffffff;
    text-align: center;
}
.sidebar_box td 
{
    border: 1px solid #000000;
    font-size: .85em;
    width: 100%;
}
.sidebar_box a
{
    color: #000000;
}
.tabs
{
    background-color: #491ad5;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #ffffff;
    font-family: "Tahoma", sans-serif;
    margin-bottom: 0;
    padding: 1em 1em .5em 1em;
    text-decoration: none;
    width: 40%;
}
.content
{
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-family: "Tahoma", sans-serif;
    width: 100%;
    padding: .5em;
}
.content a
{
    color: #000000;
}
/* Box effect */
.entry, .calendar_month, .month_day, .comment_page, .replyto
{
    margin: 0.25em 0.5em 0.25em 0.5em;
    padding: 0.25em 0.5em 0.25em 0.5em;
    text-align: justify;
}
.entry .text, .calendar_month .calendar, .month_day .posts, .comment_page .comments, .replyto .text
{
    margin: 0;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    padding: .5em;
}

html>body .entry .text, html>body .calendar_month .calendar, html>body .month_day .posts, html>body .comment_page .comments, html>body .replyto .text {
  border-bottom-width: 0;
}

.entry .subject, .calendar_month .header, .month_day .header, .comment_page .header, .replyto .subject
{
    border-bottom: 1px solid #000000;
    border-left: 1em solid #000000;
    font-size: 0.8em;
    margin-bottom: 0;
    padding-left: 0.8em;
}
.entry .comments, .calendar_month .subjects, .month_day .footer, .comment_page .footer, .replyto .footer
{
    border-right: 1em solid #000000;
    border-top: 1px solid #000000;
    font-size: 0.8em;
    margin-top: 0;
    padding-right: 0.8em;
    text-align: right;
}
/* Entry */
.entry .text .userpic, .replyto .text .userpic
{
    float: left;
    margin: .1em .5em .1em .5em;
}
.entry .text .clearer, .replyto .text .clearer
{
    clear: left;
    display: block; 
}
.entry .text .currents
{
    margin-top: 0;
}
/* Comments */
.comment_page .leave_comment, .selector
{
    text-align: center;
}
.comment_page .footer .pages
{
    text-align: left;
}
/* YearPage specific CSS */
.calendar
{
    width: 100%;
}
.calendar .day, .calendar .day_with_posts
{
    border: 1px solid #000;
    width: 14%;
}
.calendar .day_with_posts
{
    background-color: #2280dd;
}
.calendar .day_with_posts a
{
    display: block;
    text-decoration: none;
    width: 100%;
}
.comment_bar_one, .comment_bar_two, .comment_bar_screened
{
    width: 100%; margin-top: 1em;
}
.comment_bar_one
{
    background-color: #2280dd;
    color: #ffffff;
}
.comment_bar_two
{
    background-color: #1a49d5;
    color: #ffffff;
}
.comment_bar_screened
{
    background-color: ;
    color: ;
}
#footer
{
    background-color: #ffffff;
    color: #000000; 
    font-size: .8em;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    width: 80%;
}
#footer a
{
    color: #000000;
}

Magazine

HTML {
    border-left: 1cm solid #6666cc; 
    padding: 1cm;
}
BODY {
    line-height: 1.3;
    margin: 0;
    background-color: #ffffff;
    color: #000000;
}
P {
    margin-top: 0;
    text-align: justify;
}
H1 {
    font: x-large Verdana, sans-serif; text-align: center;
    letter-spacing: -0.09em;
    color: ;
}
H2 {
    background-color: #c0c0ff;
    color: #000000;
    border-bottom: thin solid #6666cc;
    font: normal 1.3em Georgia, serif;
}
H3 {
    color: #000000;
    font: medium sans-serif;
}
H3 SPAN {
    background-color: #eeeeff;
    border-right: thin solid #000000;
    border-bottom: thin solid #000000;
    padding-right: 0.5ex; 
}
H3 EM {
    color: #c00000;
    font-style: normal;
}
.H3Holder {
    clear: both; 
    padding-left: 2ex;
    border-left: thin solid #000000;
    border-bottom: thin solid #000000;
    margin-bottom: 1em;
}
A:link {
    color: #000050;
}
A:visited {
    color: #500050;
}
A:active { 
    color: #ff00c0;
}
.Navigation {
    text-align: center;
    font-family: sans-serif;
}
.Comment {
    font-size: 0.7em;
    margin-top: -1em;
    text-align: right;
}
.Comment, .Current {
    margin-bottom: 1em; 
    clear: right;
}
.Picture {
    border-left: thin solid #000000;
    border-top: thin solid #000000;
    float: right;
    margin: 0 0 0.5em 0.5em;
    padding: 0.2em;
}
.Picture DIV { 
    text-align: center;
}
.Active {
    background-color: #eeeeff;
}
ACRONYM {
    border-bottom: thin dashed #000000;
    cursor: help;
}
.Bottom {
    border-top: thin solid #000000;
    text-align: center;
}
.Empty {
    background-color: #eeeeff;
}
.Month {
    margin-top: 1em;
}
.MonthHeader {
    color: #000000;
    background-color: #c0c0ff ! important;
    line-height: 1.5;
}
.Month TD {
    color: #000000;
    width: 14%;
    border: thin outset;
}
.Month TH {
    background-color: #eeeeff;
    font-family: Verdana, sans-serif;
    border: thin outset;
}

Notepad

Opal

/* Cleaned CSS: */

body { 
		font-family:  sans-serif;
		background-color: #2d3851;
		margin: 10px;
	}
	
	.border4 { border: 1px solid #2d3851; }
	.border3 { border: 1px solid #bfc4cb; }
	.border2 { border: 2px solid #7c8eb6; }

#bodycontent { background-color: #7c8aa4; border: 1px solid #2d3851; padding: 3px; }
		
	#headerinfo {
		background-color: #2d3851;
		color: #ffffff;
		text-align: right;
		font-size: 10px;
		padding: 2px;
		margin-top: 1px;
	}
	#header { color: #e9f2fc; }
	#header h3 { font-weight: normal; }
	#userpic { float: right; }

.userpic2 {
		float: right;
		text-align: right;
		margin-top: 2px;
		margin-right: 3px;
	}
	
	#nav {
		white-space: nowrap;
		margin-bottom: 10px;
		font-size: 12px;
	}
	
	#nav A {
		border: 1px solid #2d3851;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		height: 20px;
		text-decoration: none;
		color: #ffffff;
		background-color: #425378;
	}
	
	#nav A:Hover { background-color: #2d3851; }	
	
	#content {
		background-color: #bfc4cb;
		border: 1px solid #a9b0b9;
		padding: 4px;
	}
	
	.columncontent { 
		background-color: #425378; 
		border: 1px solid #2d3851; 
		padding: 3px; 
		width: 200px; 
		font-size: 12px;
		color: #ffffff;
	}
	
	.columnitem {
		background-color: #a9b0b9;
		padding: 3px;
		margin-top: 5px;
		color: #333333;
		border-top: 1px solid #88919e;
		border-bottom: 1px solid #88919e;
		overflow: hidden;
	}

.entries { color: #333333; }
	
	.entrydivider {
		border-top: 1px solid #88919e;
		border-bottom: 1px solid #bfc4cb;
	}

.minicomment {
		background-color: #a9b0b9;
		padding: 4px;
		color: #333333;
		border: 1px solid #bfc4cb;
		font-size: 12px;
	}
	
	.minicommentholder { border: 1px solid #88919e; }

.entryinfo {
		background-color: #a9b0b9;
		font-size: 12px;
		padding: 4px;
		color: #333333;
	}

.postedby {
		background-color: #a9b0b9;
		padding: 6px;
		font-size: 12px;
	}

.entrylinks {
		border-bottom: 1px solid #bfc4cb;
		background-color: #a9b0b9;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 12px;
	}
	
	.entrylinks A {
		text-decoration: none;
		padding-top: 4px;
		padding-bottom: 4px;
		white-space: nowrap;
		color: #333333;
		border-right: 1px solid #bfc4cb;
	}
	
	.entrylinks A:Hover {
		background-color: #bfc4cb;
	}

.messageholder {
		border: 1px solid #2d3851;;
		margin-bottom: 5px;
		margin-top: 5px;
	}

.systemmessage {
		background-color: #425378;
		color: #ffffff;
		border: 1px solid #7c8eb6;
		font-size: 12px;
	}
	
	.systemtext { 
		font-weight: normal;
		padding-left: 10px;
		padding-right: 10px;
	}

.systemmessage A {
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		color: #ffffff;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.systemmessage A:Hover {
		background-color: #2d3851;
	}

.systemmessage input, .systemmessage textarea, .systemmessage select {
		background-color: #bfc4cb;
		color: #333333;
	}

.systemmessage TD {
		padding: 4px;
		font-size: 12px;
		color: #ffffff;
	}

.entry { margin-bottom: 30px; }
	.entrytext { margin: 10px; }
	.subject { font-weight: bold; }
	
	.meta {
		font-size: 12px;
		padding: 4px;
	}

.meta A {
                text-decoration: none;
                color: ;
        }
        
        .systemmessage A:Hover {
                background-color: #2d3851;
        }

#sidecolumn TD { color: #ffffff; }

#sidecolumn A {
		text-decoration: none;
		color: #333333;
	}

.sidetd {
		width: 200px;
	}

.backtop {
		text-align: right;
	}

.backtop A {
		color: #333333;
		font-size: 12px;
		text-decoration: none;
		padding-bottom: 1px;
	}

#cal A {
		text-decoration: none; 
		color: #333333;
	}

.calrow {
		clear: both;
		font-family: Arial, sans-serif;
	}
	
	.calempty {
		width: 24px;
		font-size: 11px;
		margin: 1px;
		float: left;
	}

.calactitem {
		float: left;
		margin: 1px;
		width: 23px;
		font-size: 11px;
		text-align: center;
		background-color: #a9b0b9;
		border-right: 1px solid #425378;
		border-bottom: 1px solid #425378;
	}

.calinitem {
		float: left;
		margin: 1px;
		width: 23px;
		font-size: 11px;
		text-align: center;
		border-right: 1px solid #a9b0b9;
		border-bottom: 1px solid #a9b0b9;
	}
	
	.friendcolor {
		width: 10px;
		height: 10px;
		border: 2px solid #bfc4cb;
	}

.multiform {
		font-weight: bold;
	}

.ip {
		color: #727d8c;
	}

.friendname {
		padding: 4px;
		text-decoration: none;
		border-left: 1px solid #bfc4cb;
		border-right: 1px solid #bfc4cb;
	}

.bigday {
		font-size: 2em;
		color: #a9b0b9;
		float: left;
		font-weight: bolder;
	}

.notablemessage {
		padding: 4px;
	}

Punquin Elegant w/ Sidebar

body {
    background-color:  #6666cc;
    color:             #000000;
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
a {
    text-decoration:   none;
    color:             #000050;
    background:        transparent;
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
    color:             #500050;
    background:        transparent;
}
a:active {
    color:             #ff00c0;
    background:        transparent;
}
#title {
    font:              normal bold 10pt Verdana, Arial, Helvetica, sans-serif;
    color:             #8b1a1a;
    text-align:        center;
}
.date {
    font:              normal bold 12pt Verdana, Arial, Helvetica, sans-serif;
    color:             #8b1a1a;
    text-align:        right;
}
.comments {
    font:              normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
}
hr.separator {
    color:             #eeeeff;
}
.siteplug {
    font:              normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
}
#yearheader {
    text-align:        right;
    color:             #8b1a1a;
    font:              normal bold 12pt Verdana, Arial, Helvetica, sans-serif;
}
th.monthheader {
    color:             #8b1a1a;
}
th.daysheader {
    color:             #c00000;
}

/* Tables. Fun. */

table#main {
    border:            solid 0px #6666cc;
}
table.standard {
    border:            solid 5px #eeeeff;
    background-color:  #ffffff;
    color:             #000000;
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
table.standard>td {
    background-color:  #ffffff;
    color:             #000000;
}
table.standard td {
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}

Quite Lickable

/* Cleaned CSS: */

.entry {
margin-bottom: 2em;
/*clear: both;*/
}

.entry .entryheader {
font-weight: bold;
text-align: left;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: right;
margin-top: 2em;
clear: right;
display: block;
padding: 3px;

display: none;
}
.page_friends .entryheader .entryuserpic {
display: block;

}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}
.entryheader .entryposter:after {
content: ": ";
}
.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 8px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: right;
}
.entryfooter .entrycmdlinks:before {
content: "(";
}
.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}
* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
}
.entrycmdlinks li:first-child:before {
content: "";
}

body {
    background: #0183fd url("http://www.insanejournal.com/palimg/solid.png/pt0183fd");
    background-repeat: repeat-y;
    background-position: center;
    color: #000000;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: 10px;
}

#shadowhack1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 816px;
    background-image: url(http://www.insanejournal.com/palimg/lickable/shadow-l.png/pt0183fd);
    background-position: top left;
    background-repeat: repeat-y;
    min-height: 150%;
}

#shadowhack2 {
    margin: 0;
    background-image: url(http://www.insanejournal.com/palimg/lickable/shadow-r.png/pt0183fd);
    background-position: top right;
    background-repeat: repeat-y;
    min-height: 100%;
}

#pagecontainer {
    background-color: #e3f1ff;

color: #000000;
    margin-left: 32px;
    margin-right: 32px;

border-left: 1px solid #000000;
    border-right: 1px solid #000000;

}

a:link {
    color: #0183fd;
}
a:visited {
    color: #0063c0;
}

#title {
    color: #ffffff;
    background-color: #0063c0;

border-bottom: 4px solid #000000;

font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    overflow: hidden;
}
#title h1 {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding-top: 20px;
    padding-left: 8px;
    white-space: no-wrap;
}
#title #journal_subtitle {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 8px;
    white-space: no-wrap;
    margin-bottom: 5px;
}

#title {
    color: #ffffff;
    background-color: #0063c0;
    background-image: url(http://www.insanejournal.com/palimg/deardiary/titleimages/wires.png/pt0063c0faf49a);
    background-repeat: no-repeat;
    background-position: top right;
    height: 75px;
}

#paraphernalia {
    float: right;
    width: 230px;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
}
#paraphernalia h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
    clear: both;
}
#journalinfouserpic {

text-align: center;

}
.pboxcontent {
    margin-left: 8px;
    margin-right: 8px;
}
.pbox dt {
    font-weight: normal;
    margin-top: 4px;
}
.pbox dd {
    padding: 0;
    margin-left: 24px;
}
.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin-left: 24px;
}
.pbox li {
    margin: 0;
    padding: 0;
}
.pbox li.current {
    font-weight: bold;
}
.pbox p {
    margin: 8px 0;
}

#main {
    margin: 0;
    min-height: 1024px;
    padding: 0 10px 0 0;
    width: 495px;
    float: left;
}
* html #main {
    height: 1024px; /* IE-only hack */
}

.day h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    margin: 10px;
}

.entry {
    margin: 16px 16px 16px 10px;
}
.entryheader {
    font-size: 12px;
}
.entryheader .entrytimestampdate {
    display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: inline;
}

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}
.comments .entry .entryheader {
    background: #bbddff;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}

#server_sig {
    font-size: 0.75em;
    text-align: center;
    clear: both;
    width: 495px;
}

div.ljtags { display: inline; }

input, textarea {
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
}

.journallinkbar {
    text-align: center;
}

Refried Paper

/* Cleaned CSS: */

body {
  background: #ffffff none;
  color:      #666666;
  margin:     0;
  padding:    0;
}

a {
  text-decoration: none;
}

a:link {
  color:           #cc6633;
}

a:visited {
  color:           #cc6633;
}

a:active {
  color: #ff9966;
}

a:hover {
  color: #ff9966;
}

#content {
  background-color: #ffffff;
  color: #666666;
}

.entry {
  border:  hidden #000000;
}

td.body {
  padding: 20px;
}

td.title {
  color:          #666666;
  font-size:      16px;
  font-weight:    700;
  letter-spacing: .1em;
  padding:        20px;
font-family: "Verdana", "sans-serif";
}

td.links {
  font-size:   10px;
  line-height: 16px;
  padding:     8px;
font-family: "Verdana", "sans-serif";
}

.descrip {
  color:          #999966;
  font-size:      10px;
  font-weight:    700;
  letter-spacing: .2em;
  padding:        5px;
  text-transform: uppercase;
font-family: "Verdana", "sans-serif";
}

.date, .dateheader, .datecontent {
  color:       #336699;
  font-size:   12px;
  line-height: 16px;
font-family: "Georgia", "serif";
}

.dateheader {
  font-weight: bold;
}

.subhead {
  color:          #333333;
  font-size:      11px;
  font-weight:    700;
  letter-spacing: .1em;
  padding:        8px;
font-family: "Verdana", "sans-serif";
}

br, hr, li, ol, p, table, td, tr, ul {
  color:       #666666;
  font-size:   12px;
  line-height: 18px;
  text-align:  justify;
font-family: "Georgia", "serif";
}

p.links {
  color:       #666666;
  font-size:   10px;
  line-height: 12px;
font-family: "Verdana", "sans-serif";
}

.author, .time {
  color:          #336699;
  font-size:      10px;
  line-height:    16px;
  text-transform: uppercase;
font-family: "Verdana", "sans-serif";
}

#commenttext {
  width: 90%;
}

Tabular Indent

/* Tabular Indent Stylesheet */
body {
    
    background-color:  #ffffff;
}
.captionbar {
    width:             100%;
    border:            1px solid #000000;
}
.captionbar, .captionbar td {
    background-color:  #ffffff;
    color:             #000000;
}
.captionbar-userpicbox {
    border-right:      1px solid #000000;
    background-color:  #c0c0ff;
    color:             #000000;
}
body,td,p {
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
}
a {
    color:             #000050;
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
    text-decoration:   none;
}
a:visited {
    color:             #500050;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         8pt;
    text-decoration:   none; 
}
a:active {
    color:             #ff00c0;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         8pt;
    text-decoration:   none;
}
a:hover {
    color:             #ff00c0;
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
    text-decoration:   underline;
}
h3.page-header {
    font-size:         8pt;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-weight:       normal;
    background-color:  #6666cc;
    color:             #ffffff;
    padding: 6px;
    border:            1px solid #000000;
}

Unearthed

/* Cleaned CSS: */

body {
    font-size: 1em;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;

font-family: "Georgia", serif;

}
#Content {
    background-color: #ffffff;
    width: 90%;
    padding: 0;

margin-right: 5%;
    margin-left: 5%

}
#Title {
    color: #ffffff;
    background-color: #336699;

background-image: url("http://www.insanejournal.com/palimg/textures/marble.png/pt336699");

}

#GlobalTitle { 
    width: 80%;
    margin-left: 20%;
    font-size: 3em; 
    margin-bottom: 0; 
    margin-top: 0; 
}
#GlobalSubtitle { 
    width: 75%; 
    margin-left: 25%; 
    font-size: .80em; 
    margin-top: 2px; 
    margin-bottom: 0; 
    font-style: italic; 
}
.overflow, .BoxContent { 
    overflow: auto;
}
#Header {

font-family: "Trebuchet MS", sans-serif;

width: 100%; 
    background-color: #6699cc; 
    color: #000000; 
    margin-bottom: 10px; 
}
.Box  {

font-family: "Georgia", sans-serif;

background-color: #c1c1c1;
    color: #000000;
    width: 100%; 
}
.BoxContents {
    background-color: #c1c1c1;
    color: #000000;
    width: 100%;
}
.DropShadow { 
    margin-bottom: 10px 
}
.BoxSideBar { 
    width: 175px; 
    height: 100%; 
    background-color: #6699cc; 
    color: #000000; 
}

.BoxSideBar table { 
    width: 175px; 
    height: 100%;
}
.BoxSidebar table a {
    background-color: #6699cc;
    color: #0000ff;
}
.BoxSidebar table a:visited {
    background-color: #6699cc;
    color: #ff00ff;
}
.BoxSideBar table th { 
    background-color: #336699; 
    color: #ffffff; 
}
.BoxSideBarContents { 
    height: 100%; 
    padding: 5px; 
}
.BoxTitle { 
    text-align: left; 
    background-color: #dddddd; 
    color: #000000; 
    padding: 5px; 
}
.BoxContents { 
    padding: 5px; 
}

.HeaderNavMenu { 
    background: #6699cc url("http://www.insanejournal.com/palimg/shadow/t.gif/pt3366996699cc") top center repeat-x; 
    width: 100%; 
    background-color: #6699cc; 
    margin: 0; 
    padding-left: 0; 
    padding-top: 5px;
}
.HeaderNavSubMenu { 
    width: 100%; 
    background-color: #dddddd;
    margin: 0; 
    padding-left: 20px; 
}
.HeaderNavMenu li, .HeaderNavSubMenu li { 
    margin-right: 10px; 
    display: inline; 
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px;
}

.HeaderNavMenu li.inactive { 
    background: #93b7db url("http://www.insanejournal.com/palimg/shadow/t.gif/pt33669993b7db") top repeat-x;
    margin-right: 25px; 
    display: inline; 
}
.HeaderNavMenu li#active { 
    background: #dddddd url("http://www.insanejournal.com/palimg/shadow/t.gif/pt336699dddddd") top repeat-x;
    color: #000000;
    font-weight: bold;
    margin-right: 25px; 
    display: inline; 
}
.HeaderNavMenu li#active a {
    color: #000000;
}
.HeaderNavMenuFirst {
    margin-left: 50px; 
    padding: 0; 
    visibility: hidden; 
}
.HeaderNavMenu li { 
    color: #000000;
}
.HeaderNavMenu li a {
    color: #000000;
    text-decoration: none;
}
.HeaderNavSubMenu li { 
    color: #000000;
}
.HeaderNavSubMenu li a {
    color: #000000;
    text-decoration: none;
}
#FooterNavMenu {
    text-align: center;
    background-color: #c1c1c1;
    color: #000000;
}
#FooterNavMenu a {
    background-color: #c1c1c1;
    color: #000000;
}
#FooterNavMenu a:visited {
    background-color: #c1c1c1;
    color: #000000;
}
.CommentBarOne, .CommentBarTwo, .CommentBarScreened
{
    width: 100%; margin-top: 1em; height: 100%;
}
.CommentBarOne
{
    background-color: #dddddd;
    color: #000000;
}
.CommentBarTwo
{
    background-color: #999999;
    color: #000000;
}
.CommentBarScreened
{
    background-color: #f1f1f1;
    color: #000000;
}

#MiniCal {
    width: 175px; height: 3em;
}
.MiniCalDayPosts, .MiniCalDay
{
    text-align: center;
    font-size: .8em;
    border: 1px inset #000;
    width: 14%;
}
.MiniCalDayPosts {
    background-color: #93b7db;
}
.MiniCalDayPosts a
{
    color: #000000;
    display: block;
    text-decoration: none;
    width: 100%;
}

Variable Flow

/* Cleaned CSS: */

body {
  margin: 0;
  padding: 0;
  border: 0;
  background: #337ccd none;
  color: #000000;
    font-size: 0.75em;
}
table, tr, td, th {
  font-size: 1em;
}
.uglykludgeuserpic {
width: 100%;
margin: 0;
padding: 0;
}
#page {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #000000;
  background: #33abcd none;

}
#title h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  margin: 0;
}
#title #viewtitle {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin: 0;
}
.navbar {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.viewspecnavbar {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.navbar li { display: inline; white-space: nowrap; }
.navbar li.active { display: inline; }
.navbar li:before { content: " :: "; }
.navbar li:first-child:before { content: ""; }
.viewspecnavbar li { display: inline; white-space: nowrap; }
.viewspecnavbar li.active { display: inline; }
.viewspecnavbar li:before { content: " :: "; }
.viewspecnavbar li:first-child:before { content: ""; }

#title {
  margin-top: 3em;
  margin-bottom: 0.5em;
  color: #190f57;
  background: transparent;
}
a:link { color: #261a72; background: transparent; }
a:visited { color: #190f57; background: transparent; }
a:active, a:hover { color: #261a72; background: transparent; }
.entry {
  margin-bottom: 4em;
}
.entryheading {
  font-weight: bold; font-size: 1.0em;
  float: left;
  margin-top: 0;
}
.entrylinkbar {
float: right;
}
.entrytext {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#commentform table, #commentform textarea {
width: 100%;
}

.entry .metadata {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.entryextra {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}
.entryextra li {
  display: inline;
}
.entryextra li:before {
  content: " :: ";
}
.entryextra li:first-child:before {
  content: "";
}
.entryextra li.entryreadlink {
  font-weight: bold;
}
.entryextra:before { content: ".: "; }
.entryextra { text-align: right; font-size: 0.9em; }

.comments, .commentsitem {
list-style: none;
margin: 0;
padding: 0;
}
.comments {
margin-left: 20px;
}

/* IE hack - center the block with text-align! */
.calendarmonthcontainer {
    text-align: center;
}

.calendarmonth {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.calendarmonth h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}
.calendarday {
    width: 3em;
    max-width: 3em;
    height: 3em;
}

@media print {
    body, #page, a, a:link, a:visited, a:active, a:hover, #title, h2 {
        background: #ffffff;
        color: #000000;
    }
    body {
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 12pt;
        margin-left: auto;
        margin-right: auto;
        font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
        max-width: 15cm;
    }
    h1, h2, h3, h4, h5, h6, #title #viewtitle {
        font-family: "Frutiger", "Frutiger Linotype", "Helvetica", sans-serif;
        page-break-after: avoid;
    }
    .entry {
        page-break-inside: avoid;
        text-align: justify;
    }
    .calendarmonth {
        page-break-inside: avoid;
    }
    #page {
        border: 0;
        margin: 0;
    }
    .navbar, .entryextra, .viewspecnavbar {
        display: none;
    }
    #title {
        display: block;
    }
    #title h1, #title #viewtitle {
        display: inline;
    }
    #title #viewtitle {
        margin-left: 2em;
        font-style: italic;
    }

}

@media projection {
    #page {
        margin: 10px;
        padding: 0;
        border: 0;
        font-size: 2em;
    }
    body {
        background: #337ccd none;
        color: #000000;
    }
    .navbar, .viewspecnavbar { display: none; }
    .entry, #title {
        page-break-after: always;
        margin: auto;
        padding: 10px;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        border: 1px solid #000000;
        background: #33abcd none;
    }

}

For Paid/Permanant Users using a Theme Layer

Sat, 02 Feb 2008 02:01:42 GMT

This is for Blue Shoes (Traquility II)

Create Theme Layer
Tutorial by carriep63:
Creating a theme layer (using Livejournal new customize journal area)
Tutorials by scotchosur:
Creating a Theme Layer (for InsaneJournal users)

Note: This is here for my benefit and bad memory but I didn't add everything under the sun for the blue shoes layer but if you want more extras, try these:

Add these into theme layer

Link to: Original Source
Adding Usericons in the Recent Entries view

Taken from: Original Source
Adding Additional Links

# -------------------------------
# prints the LJ specific links (recent, friends, etc)
# -------------------------------
function print_lj_links ( Page p )
{
    var string links;
$links = $links + ($p.view == "recent" ? "<li class=\"active\">$*text_view_recent</li>" : "<li><a href=\"$p.base_url/\" title=\"$*text_view_recent\">$*text_view_recent</a></li>");
    if ( $p.journal_type == "C" ) {

$links = $links + ($p.view == "friends" ? "<li class=\"active\">$*text_view_friends_comm</li>" : "<li><a href=\"$p.base_url/friends\" title=\"$*text_view_friends_comm\">$*text_view_friends_comm</a></li>");
    } else {

$links = $links + ($p.view == "friends" ? "<li class=\"active\">$*text_view_friends</li>" : "<li><a href=\"$p.base_url/friends\" title=\"$*text_view_friends\">$*text_view_friends</a></li>");
    }

$links = $links + ($p.view == "archive" ? "<li class=\"active\">$*text_view_archive</li>" : "<li><a href=\"$p.base_url/calendar\" title=\"$*text_view_archive\">$*text_view_archive</a></li>");

$links = $links + "<li><a href=\"$p.view_url{"userinfo"}\" title=\"$*text_view_userinfo\">$*text_view_userinfo</a></li>";

$links = $links + ($p.journal.website_url != "" ? "<li><a href=\"$p.journal.website_url\" title=\"" + $p.journal.website_name->lower() + "\">" + $p.journal.website_name->lower() + "</a></li>" : "");

print "<ul id=\"lj-links\">";
    print safe $links;
    print "</ul>";
}

Look inside and find this line of code to add links to your navigation menu:
$links = $links + "<li><a href=\"urladdhere\">nameoflink</a></li>";

*replace "urladdhere" with your own your url and "nameoflink" with the link's name.

To add a new link, simply repeat it.

Your Theme Layer

Fri, 01 Feb 2008 03:46:07 GMT

This is my post is for the tutorial basics that uses a theme layer, I will add when needed.

To create an InsaneJournal Theme Layer

Even though I try to create free layouts for myself I tend to want to add everything under the sun, so for this to happen I need a "theme layer" and less often a "user layer" but theme layers are what gives you the extra nice stuff that you have to pay for such as order tag function and the mood to be placed of the left of metadata, which is so often what I like using in my journal.

This short tutorial is hopefully easy to follow but I can't stress enough that to create a theme layer you need to have either a paid or permanent insanejournal account.

This is for creating New Theme Layers.

Don't press any buttons below

1. Start at the Advance Customization area. Under Advanced Options, press Your Layers.
2. Under Your Layers, make sure you are working in the proper journal. So for example:

3. Scroll to the bottom until you see, Create layout-specific layer

Under Type, drop down on theme.
Under Layout, drop down on layout theme
Press Create.

4. When page refreshes, find on the list :
Child of layer ####: Name of layout you based theme on.
Ex: Child of layer 3262: Refried Paper

78921

theme

(none)

Press Edit.
5. You will see the compile area with name on top and three block of white space. In one area will have:

layerinfo "type" = "theme";
layerinfo "name" = "";

Now two things:

a. If you are using a full theme layout provide by me then erase the two line and replace this is where you will put the theme layer I provided.

b. If you using code that is needed for this layer then add a name to: layerinfo "name" = ""; such as :
layerinfo "name" = "scotchbonnet's new layout";

c. Add whatever code you need and hit Save & Compile. At the bottom of the code area you should see similiar:

S2 Compiler Output at Fri Feb 1 05:39:18 2008
Compiled with no errors.

6. Go to Journal Display, press the "Look and Feel" tab and

a. Layout & Language : scroll for your base layer
b. Themes : scroll for the name you you were given or gave to the theme layer.

(Note: you may have to save after Layout and Language then return to scroll for Theme layer.)

c. Save Changes.

7. "Your settings have been saved. View your Journal." That's should be it and go to your journal.

To make your theme layer code viewable by others.

Never give your password to anyone to get help on your layer. I repeat. Never give your password to anyone to get help on your layer.

*Below, don't not actually use any of the buttons below, they are for presentation only.*

1. Go to Your Layers and find the theme layer you wish to show to others, example:

78921

theme

(none)

Press the edit button.

2. In the Compile Area, copy and paste:

layerinfo source_viewable = 1;

below:

layerinfo "type" = "theme";
layerinfo "name" = "nameoflayer";

Save and Compile.

3. Now return to Your Layers and find the layer name you just worked on and take the number and post it to the person helping you.

Now, if your giving or they person doesn't know what to do with this shareable number you can:
a. Click on the number instead and give them a link to the layer
b. Go further, and click either on [View source: Raw Source Code | Syntax Highlighted] then give them the direct link to the code in raw or pretty html color coded form.

To post code in journals.

The thing that pissed me off for the longest time was asking/write/copy snippets of code and rewriting properly for journal post. So by accident while conversing with masterslaker, creator of rounded corners of which I am using in this journal about something else, I happen to stumble upon a webpage of his where you can insert code into and it generated a modified code available for post.

Made my life easy.

How easy?

7 steps.

1. Copy or Cut the code you need transforming.
2. Go to HTML-for-LiveJournal Modification Tool
3. Paste your code into the top textarea box.
4. Press Modify HTML
5. The modified code should be visible in the bottom textarea box.
6. Copy or Cut the transformed code.
7. Paste the new code into your post, entry, comment.
8. Volia!

Adding CSS to a Theme Layer

It is easy.
How easy?
If you don't have a layer already created, go here for instructions. Otherwise, go to Advanced Customization and select the layer you wish to modify.

Put the following below the block of text that starts with layerinfo.

The text [standard CSS formatting information goes here.] will be replaced with the CSS you wish to use. Do not change the rest of text.

Next Update: Creating a Style
Next Update: Making your Style viewable

If you have ideas to improve, let me know.