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

/* 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);} /*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.