ScotchBonnet

S	M	T	W	T	F	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

scotchsour

scotchbonnet

I would like to thank

babyelefant for the last minute help to get this layout working properly.

Preview of Baroque Layout
[Click Here for Preview]

Details

layout available: two-column-left
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/
based design on : http://www.freecsstemplates.org/ornate
images used : sweetie, famfamfam, pdphoto, freecsstemplates

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. 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 Baroque's stylesheet.

5. Save Changes.

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

7. Go view Journal.

8. You're Done.

9. Thank you for trying this layout.

Instructions

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

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

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

3. Find and press (apply theme) to "striking by martin atkins" and 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. In the Custom external stylesheet URL You leave blank.

6. Add the css into the custom stylesheet textarea.

7. Press "save changes".

8. In the blue box where it says your current theme, press on your journal's name.

9. You're Done.

10. Thank you for trying this 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...)

CSS Code

InsaneJournal Cascading Style Sheet

/*
template  : semi-layout .02 - s2 dear diary : baroque
published : november 06, 2007
by        : sam emme / scotchsour.livejournal.com + scotchsour.insanejournal.com
works with: Free, Paid, Nav Bar
browser   : Firefox, Internet Explorer
available : http://community.livejournal.com/semi_layouts/
original design by : http://www.freecsstemplates.org
images used : sweetie, famfamfam, pdphoto, freecsstemplates
*/
/* ------ BASICS ------ */
* {
    margin:0px;
    padding:0px;
}
body {
    background: #FFFFFF url(bbody.gif) repeat-y;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    color: #ffffff;
}
body, td, table, th, tr {
    font-size: 11px;
}

a,a:hover {
    color: #9E0000;
    text-decoration: none;
}
#title {
    color: #ffffff;
    background-color: #000000;
    background-image: url(bflowerheader.jpg);
    background-repeat: no-repeat;
    background-position: top right;
position:absolute;
top:0px; right:0px;
    width: 100%;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
    height: 130px;
    overflow: hidden;
}
#title h1 {
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    padding-top: 15px;
    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: 130px;
    width: 200px;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
	margin: 0px 10px;
    padding: 0 0px 90px 0;
    background: url(logo-1.gif) no-repeat bottom right;
    font-size: 12px;
}
#paraphernalia h2 {
    font-size: 14px;
    font-style: oblique;
    text-align: center;
    border-right: 1px solid #CB7575;
    border-left: 1px solid #CB7575;
    background-color: #A91313;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
}
#journalinfouserpic {
    text-align: center;
    padding: 10px 0px;
}
.journallinkbar{
    width:170px;
    margin:0px auto 0px 17px;
}
#journalinfo dt:first-child{
    padding: 30px 0px 0px 0px;
}
.journallinkbar a{
    display:inline;
    float:left;
    clear:right;
}
#viewsel a, #recentnav a, #tagslist a, #userlinks a {
    padding: 0 0 0 16px;
    background: url(bbullet.gif) no-repeat left center;
    text-decoration: none;
    text-transform: lowercase;
}
.pbox {
    background: url(bcontainertop.gif) no-repeat;
    margin: 15px;
    padding: 25px 0 0 0;
    width: 200px
}
.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;
}

.pboxcontent {
    padding: 15px;
    background: #A91313 url(bcontainer.gif) no-repeat 100% 100%;
    border: 1px solid #CB7575;
    border-top: none;
}
.pboxcontent ul {
    margin: 0;
    list-style: none;
}
.pboxcontent li {
    display: block;
    padding: 5px 0;
}

.pboxcontent a {
    padding: 0px;
    text-decoration: none;
    text-transform: lowercase;
    color: #FFFFFF;
}
#main {
    position: absolute;
    /*left: 20%;*/
    left: 250px;
    top: 160px;
    right: 0;
    margin: 0;
    color: #000000;
    min-height: 150%;
    padding: 0 10px 50px 0;
}
* html #main {
    width: 74% !important;
}
#main a:link {
    color: #cc0000;
}
#main a:visited {
    color: #cc0000;
}
.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}
.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
.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: "]";
}
.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-top: 4em;
    margin-bottom: 2em;
    background: url(bcalendarimage.gif) no-repeat bottom right;
    border: 1px solid #CB7575;
}
.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;
}
.calendardaynum { 
    text-align: center; 
}
.calendardaycount { 
    text-align: center; 
}
.calendarday {
    width: 14%;
}
.entry {
clear: both;
margin: 32px 16px 32px 26px;
font-size:12px;
}

.day h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px 10px;
    background-image: url(http://www.insanejournal.com/palimg/deardiary/headinggrad.png/ptffffffcc0000);
    background-position: bottom left;
    background-repeat: no-repeat;
    margin: 16px 0 8px 0;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
color: #A91313;
}
.entry .entryheader {
font-size:12px;
font-weight: bold;
text-align: left;
position:relative;
background:url(bentryimage.gif) no-repeat center left;
padding: 15px 0px 10px 50px;
height:40px;
}
.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
color: #A91313;
}
.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: #A91313 url(bbody.gif) repeat-y;
border: 1px solid #333333;
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:16px;
height:16px;
}
.entryuserpic img {
height:100px;
width:100px;
}
.entryposter img, .collapsed_entry img {
    height: 17px;
    width: 17px;
}
.entryheader .entryposter {
display: inline;
float:left;
}
.entryheader .entryposter:after {
content: " : ";
display: none;
}
.entryheader .entrytimestamp {
display: inline;
text-transform:lowercase;
}
.entryheader .entrytimestampdate {
display: none;
}
.entry .entrytimestamptime {
color: #970000;
position:absolute;
top: 120px;
right:0px;
z-index:7;
}
.page_entry .entry {
padding-bottom:30px;
background-color: !important;
}
.page_entry .entryheader .entryposter, .page_reply .entryheader .entryposter {
    color: #970000;
    margin: 0px;
    padding: 0px;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: block;
    color: #970000;
    margin: 20px 0px;
    padding: 0px;
display: none;
}
.page_entry .entryheader .entrysubject, .page_reply .entryheader .entrysubject {
    display: inline;
    color: #970000;
    margin: 10px 0px;
    padding: 0px 0px 0px 5px ;
}
.page_friends .entryheader .entryuserpic {
    display: block;
}
.entrymeta {
    list-style: none;
    padding: 0;
    margin: 0 0 .7em 0;
    display: block;
    background-color:;
}
.entrymeta .entrymetacaption {
    font-weight: bold;
}
.entrymeta li {
    white-space: no-wrap;
}
.ljtags  {
    margin: 0.2em 0em;
}
.entry .entryfooter {
    clear: both;
    margin: 0 0 .2em 0;
}
.entryfooter .entrycmdlinks {
    list-style: none;
    vertical-align: middle;
    margin: 20px 0 0 0; padding: 0em;
    white-space: no-wrap;
    text-align: right;
}
.entryfooter .entrycmdlinks:before {
    content: "";
}
.entryfooter .entrycmdlinks:after {
    content: "";
}
.entrycmdlinks li {
    display: inline;
    margin-top: 10px;
}
* html .entrycmdlinks li {
    margin-left: 1em;
}
.entrycmdlinks li:before {
    content: " - ";
}
.entrycmdlinks li:first-child:before {
    content: "";
}
input, textarea {
	border: 1px solid #BE2A26;
	background: #990000;
	color: #ffffff;
	}
blockquote {
	border: 1px solid #BE2A26;
	padding: 10px;
	background-image: url() bottom right !important;
}
hr{
color: #f00;
background-color: #f00;
height: 1px;
width: 80%;
}
.entryposter img{
width: 0;
height: 0;
padding: 14px 16px 0px 0px;
margin : 5px 0px 0px 0px;
}
.entryposter img[src="http://www.insanejournal.com/img/community.gif"], collapsed entry
img[src="http://stat.livejournal.com/img/community.gif"]{
background:url(group.png);
}

.entryposter img[src="http://www.insanejournal.com/img/userinfo.gif"], collapsed entry
img[src="http://stat.livejournal.com/img/userinfo.gif"]{
background:url(16-member.png);
}

.ljuser img, .entryicon img{
padding: 14px 16px 0 0 !important;
background-color:transparent;
width: 0;
height: 0;
background-repeat: no-repeat;
}
.entryicon img[src="http://www.insanejournal.com/img/icon_protected.gif"], dd img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
background:url(lock.png);
}
.entryicon img[src="http://www.insanejournal.com/img/icon_private.gif"], dd img[src="http://stat.livejournal.com/img/icon_private.gif"]{
background:url(shield.png);
}
/* icon for users */
.ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] {
background-image: url(16-member.png) !important;
}
/* icon for communities */
.ljuser img[src="http://www.insanejournal.com/img/community.gif"] {
background-image: url(group.png) !important;
}
/* icon for news */
.ljuser img[src="http://www.insanejournal.com/img/newsinfo.gif"] {
background-image: url(newspaperIcon.jpg) !important;
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_prev.gif"] {
background:url(16-circle-red-remove.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_memories.gif"] {background:url(16-heart-red-m.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_tellfriend.gif"] {background:url(comments.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_edittags.gif"] {background:url(tag_red.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_edit.gif"] {background:url(16-em-pencil.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_next.gif"] {background:url(16-circle-red-add.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_track.gif"] {background:url(mouse.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_scr.gif"] {background:url(lightbulb.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_unscr.gif"] {background:url(lightbulb_off.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_tracking.gif"] {background:url(disconnect.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_freeze.gif"] {background:url(16-cube-red.png);
}
.entrylinkbarpost a img[src="http://www.insanejournal.com/img/btn_del.gif"] {background:url(16-em-cross.png);
}/* ------ END MINI IMAGES ------ */

LiveJournal Cascading Style Sheet

/* ------ BASICS ------ */

* {
    margin:0px;
    padding:0px;
}
body {
    background: #FFFFFF url(bbody.gif) repeat-y;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
	color: #333333;
}
body, td, table, th, tr {
    font-size: 11px;
}

a,a:hover {
    color: #9E0000;
    text-decoration: none;
}
/* ------ END BASICS ------ */
/* ------ TITLES (TOP OF PAGE) ------ */
#title {
    color: #ffffff;
    background-color: #000000;
    background-image: url(bflowerheader.jpg);
    background-repeat: no-repeat;
    background-position: top right;
position:absolute;
top:0px; right:0px;
    width: 100%;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
    height: 130px;
    overflow: hidden;
}

#title h1 {
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    padding-top: 15px;
    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;
}
/* ------ END TITLES (TOP OF PAGE) ------ */
/* ------ PARAPHERNALIA (SIDEBAR) ------ */
#paraphernalia {
    position: absolute;
    left: 0;
    top: 130px;
    width: 200px;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
	margin: 0px 10px;
    padding: 0 0px 90px 0;
    background: url(logo-1.gif) no-repeat bottom right;
    font-size: 12px;

}
#paraphernalia h2 {
    font-size: 14px;
    font-style: oblique;
    text-align: center;
    border-right: 1px solid #CB7575;
    border-left: 1px solid #CB7575;
    background-color: #A91313;

}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
}
#journalinfouserpic {
    text-align: center;
    padding: 10px 0px;
}
.journallinkbar{
    width:170px;
    margin:0px auto 0px 17px;
}

#journalinfo dt:first-child{
    padding: 30px 0px 0px 0px;
}

.journallinkbar a{
    display:inline;
    float:left;
    clear:right;
}
#viewsel a, #recentnav a, #tagslist a, #userlinks a {
    padding: 0 0 0 16px;
    background: url(bbullet.gif) no-repeat left center;
    text-decoration: none;
    text-transform: lowercase;
}
/* ------ END PARAPHERNALIA ------ */
/* ------ PBOX ------ */
.pbox {
        background: url(bcontainertop.gif) no-repeat;
	margin: 15px;
	padding: 25px 0 0 0;
        width: 200px
}

.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;
}

.pboxcontent {
    padding: 15px;
    background: #A91313 url(bcontainer.gif) no-repeat 100% 100%;
    border: 1px solid #CB7575;
    border-top: none;
}

.pboxcontent ul {
    margin: 0;
    list-style: none;
}

.pboxcontent li {
    display: block;
    padding: 5px 0;
}

.pboxcontent a {
    padding: 0px;
    text-decoration: none;
    text-transform: lowercase;
    color: #FFFFFF;
}
/* ------ END SIDEBAR ------ */
/* ------ MAIN ------ */
#main {
    position: absolute;
    /*left: 20%;*/
    left: 250px;
    top: 160px;
    right: 0;
    margin: 0;
    color: #000000;
    min-height: 150%;
    padding: 0 10px 50px 0;
}

* html #main {
    width: 74% !important;
}

#main a:link {
    color: #cc0000;
}
#main a:visited {
    color: #cc0000;
}
/* ------ COMMENTS ------ */
.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}

.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
/**/
.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: "]";
}
/* ------ END MAIN ------ */
/* ------ CALENDAR ------ */
.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-top: 4em;
    margin-bottom: 2em;
    background: url(bcalendarimage.gif) no-repeat bottom right;
    border: 1px solid #CB7575;
}

.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;
}

.calendardaynum { 
    text-align: center; 
}

.calendardaycount { 
    text-align: center; 
}

.calendarday {
    width: 14%;
}
/* ------ END CALENDAR ------ */
/* ------ ENTRY ------ */
.entry {
    clear: both;
    margin: 32px 16px 32px 26px;
    font-size:12px;
}

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

.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: #A91313 url(bbody.gif) repeat-y;
    border: 1px solid #333333;
    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:16px;
    height:16px;
}
.entryuserpic img {
    height:100px;
    width:100px;
}
.entryposter img, .collapsed_entry img {
    height: 17px;
    width: 17px;
}
.entryheader .entryposter {
    display: inline;
    float:left;
}
.entryheader .entryposter:after {
    content: " : ";
    display: none;
}
.entryheader .entrytimestamp {
    display: inline;
    text-transform:lowercase;
}
.entryheader .entrytimestampdate {
    display: none;
}

.entry .entrytimestamptime {
    color: #970000;
    position:absolute;
    top: 120px;
    right:0px;
    z-index:7;
}

.page_entry .entry {
    padding-bottom:30px;
    background-color: !important;
}

.page_entry .entryheader .entryposter, .page_reply .entryheader .entryposter {
    color: #970000;
    margin: 0px 0px;
    padding: 0px;
}

.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: block;
    color: #970000;
    margin: 20px 0px;
    padding: 0px;
    display: none;
  }

.page_entry .entryheader .entrysubject, .page_reply .entryheader .entrysubject {
    display: inline;
    color: #970000;
    margin: 10px 0px;
    padding: 0px 0px 0px 5px ;
}
.page_friends .entryheader .entryuserpic {
    display: block;
}
.entrymeta {
    list-style: none;
    padding: 0;
    margin: 0 0 .7em 0;
    display: block;
    background-color:;

}

.entrymeta .entrymetacaption {
    font-weight: bold;
}
.entrymeta li {
    white-space: no-wrap;
}

.ljtags  {
    margin: 0.2em 0em;
}
.entry .entryfooter {
    clear: both;
    margin: 0 0 .2em 0;
}

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

.entrycmdlinks li {
    display: inline;
    margin-top: 10px;
}
* html .entrycmdlinks li {
    margin-left: 1em;
}
.entrycmdlinks li:before {
    content: " - ";
}
.entrycmdlinks li:first-child:before {
    content: "";
}
/* ------ END ENTRY ------ */
/* ------ MISC ------ */
input, textarea {
    border: 1px solid #BE2A26;
    background: #990000;
    color: #ffffff;
}
blockquote {
    border: 1px solid #BE2A26;
    padding: 10px;
    background-image: url() bottom right !important;
}
hr{
    color: #f00;
    background-color: #f00;
    height: 1px;
    width: 80%;
}
div.ContextualPopup {
    margin: 20px 0px 0 -30px;
    font: normal 11px "Tahoma", "Verdana", sans-serif !important;
    background-color: #990000!important;
}
div.ContextualPopup div.Inner {
    background:transparent!important;
    color: #FFFFFF!important;
    border:none;
    padding:10px;
    width: 240px;
    font-family: tahoma, sans-serif;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
    text-decoration: underline!important;
    font-weight: normal;
    color: #ffffff !important;
}
div.ContextualPopup .Userpic {
    padding:10px;
    background:#A30E0E;
    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:#BE2A26;
    border:1px solid #8C1B1D;
}
/* ------ END MISC ------ */
/* ------ MINI IMAGES ------ */
.entryposter img{
    width: 0;
    height: 0;
    padding: 14px 16px 0px 0px;
    margin : 5px 0px 0px 0px;
}
.entryposter img[src="http://stat.livejournal.com/img/community.gif"], collapsed entry
img[src="http://stat.livejournal.com/img/community.gif"]{
background:url(group.png);
}

.entryposter img[src="http://stat.livejournal.com/img/userinfo.gif"], collapsed entry
img[src="http://stat.livejournal.com/img/userinfo.gif"]{
background:url(16-member.png);
}

.entryicon img[src="http://stat.livejournal.com/img/icon_private.gif"], dd img[src="http://stat.livejournal.com/img/icon_private.gif"]{
background:url(shield.png);
}

/* icon for users */
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-image: url(16-member.png) !important;
}

/* icon for communities */
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(group.png) !important;
}

/* icon for news */
.ljuser img[src="http://stat.livejournal.com/img/newsinfo.gif"] {
background-image: url(newspaperIcon.jpg) !important;
}

.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_prev.gif"] {
background:url(16-circle-red-remove.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_memories.gif"] {background:url(16-heart-red-m.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_tellfriend.gif"] {background:url(comments.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_edittags.gif"] {background:url(tag_red.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_edit.gif"] {background:url(16-em-pencil.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_next.gif"] {background:url(16-circle-red-add.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_track.gif"] {background:url(mouse.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_scr.gif"] {background:url(lightbulb.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_unscr.gif"] {background:url(lightbulb_off.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_tracking.gif"] {background:url(disconnect.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_freeze.gif"] {background:url(16-cube-red.png);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_del.gif"] {background:url(16-em-cross.png);
}
/* ------ END MINI IMAGES ------ */

*Remember, the Cascading Style Sheets only have the name of the images but no direct address to show them in your journal.
You must upload them to a server or file storage and replace them into the css to get them to work.*

For Paid/Permanent Accounts
If you wish to have tags, extra textbox and metadata function to work in your journal, please click here for code.

Images
If using, please don't hotlink. Upload to another storage online, try photobucket or imageshack.

On each image link, right click [Save target as] or [Save Link as] to your computer (downloading) then upload them to a server or personal storage to use.

Optional

the zip file includes: a html file with css and images.
Note: The link will go to Megaupload. There is a 45 second wait to non-members.

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 to get to you. If you are not part of InsaneJournal, please leave a name so I'll at least know who you are. :)

Note
If you see a staggered gradation in the images in your layout, which might result from your computer saving the images as .bmp only, I learned from carriep63 that it is most likely due to the need to clean out your temporary internet files.

Tags: layout: s2deardiary, layouts

mood:

amused

Comments

(Leave a comment)

many_muses

Jan. 23rd, 2008 09:17 pm (UTC)

Layout doesn't work. :(

This is a gorgeous layout and I would really love to use it for

muse_minded, but I have tried this every which way that I can, and I can't get it even close to working. :( I also tried the LJ instructions here, and didn't do anything. Can you help?

Re: Layout doesn't work. :( -

scotchsour - Jan. 23rd, 2008 09:59 pm (UTC)

many_muses - Jan. 23rd, 2008 11:49 pm (UTC)

scotchsour - Jan. 23rd, 2008 11:57 pm (UTC)

many_muses - Jan. 23rd, 2008 11:59 pm (UTC)

many_muses - Jan. 24th, 2008 02:35 am (UTC)

scotchsour - Jan. 24th, 2008 03:31 am (UTC)

scotchsour - Jan. 24th, 2008 03:37 am (UTC)

many_muses - Jan. 24th, 2008 03:28 pm (UTC)

scotchsour - Jan. 26th, 2008 05:33 am (UTC)

many_muses - Jan. 26th, 2008 02:50 pm (UTC)

scotchsour - Jan. 26th, 2008 10:07 pm (UTC)

many_muses - Jan. 26th, 2008 10:11 pm (UTC)

scotchsour - Jan. 26th, 2008 11:05 pm (UTC)

many_muses - Jan. 26th, 2008 11:39 pm (UTC)

scotchsour - Jan. 27th, 2008 01:50 am (UTC)

scotchsour - Jan. 27th, 2008 01:53 am (UTC)

marilla_pm67

Feb. 1st, 2008 08:52 pm (UTC)

Thanks

I think it's the first time I found a layout and I don't have to change something in it!!!! Thanks !!!

I see you fixed the layout... sorry I couldn't help you :( I was a bad lj friend.

Sam.

Re: Thanks -

scotchsour - Feb. 1st, 2008 10:21 pm (UTC)

(Anonymous)

Feb. 2nd, 2008 03:46 am (UTC)

This is gorgeous. I'm going to bookmark and save for later, but I think I'm gonna love it. *Yum!* I couldn't comment here, lol. Dunno why. I'm tru_faith_lost on LiveJournal.

(no subject) -

scotchsour - Feb. 2nd, 2008 01:15 pm (UTC)

(no subject) - (Anonymous) - Feb. 2nd, 2008 11:46 pm (UTC)

(no subject) - (Anonymous) - Feb. 3rd, 2008 12:29 am (UTC)

scotchsour - Feb. 3rd, 2008 12:38 am (UTC)

scotchsour - Feb. 3rd, 2008 10:52 pm (UTC)

(no subject) - (Anonymous) - Feb. 2nd, 2008 11:50 pm (UTC)

scotchsour - Feb. 3rd, 2008 12:48 am (UTC)

(no subject) - (Anonymous) - Feb. 3rd, 2008 02:43 am (UTC)

scotchsour - Feb. 3rd, 2008 02:59 am (UTC)

(no subject) - (Anonymous) - Feb. 3rd, 2008 02:56 am (UTC)

scotchsour - Feb. 3rd, 2008 03:02 am (UTC)

(no subject) - (Anonymous) - Feb. 3rd, 2008 03:36 am (UTC)

antiaol

Feb. 2nd, 2008 05:49 am (UTC)

Hey, I remember you from LJ's s2_bloggish; you helped me out now and then. Lovely layout. If I were to change the header and font size, and other small adjustments I would want to make, would you allow that?

scotchsour - Feb. 2nd, 2008 01:22 pm (UTC)

Feb. 2nd, 2008 11:18 am (UTC)

So beautiful!!!

But what must be wrote in @Custom external stylesheet URL"?

scotchsour - Feb. 2nd, 2008 01:14 pm (UTC)

Feb. 4th, 2008 02:12 am (UTC)

I love this layout and currently have it on my lj but the background where my text is came out a green color and i can't figure out how to make it white like on the preview. what do i need to change?

scotchsour - Feb. 4th, 2008 07:30 pm (UTC)

(no subject) - (Anonymous) - Feb. 6th, 2008 01:51 am (UTC)

scotchsour - Feb. 6th, 2008 02:04 am (UTC)

(no subject) - (Anonymous) - Feb. 7th, 2008 03:21 am (UTC)

Feb. 6th, 2008 05:02 pm (UTC)

and again:)
I don't want have entryflower, where, in CSS Code I can move to the left name of entry?

scotchsour - Feb. 6th, 2008 11:29 pm (UTC)

(no subject) - (Anonymous) - Feb. 7th, 2008 10:25 am (UTC)

scotchsour - Feb. 8th, 2008 01:15 pm (UTC)

(no subject) - (Anonymous) - Feb. 8th, 2008 04:41 pm (UTC)

scotchsour - Feb. 9th, 2008 05:08 am (UTC)

vinniebatman

Feb. 26th, 2008 09:22 pm (UTC)

Took a while, but it's done.

~Alice~

scotchsour - Feb. 27th, 2008 02:38 pm (UTC)

vinniebatman - Feb. 27th, 2008 04:56 pm (UTC)

callmeal - Mar. 9th, 2008 04:44 am (UTC)

gothicpsyche

Mar. 19th, 2008 04:47 pm (UTC)

What a gorgeous layout! I hope you don't mind me changing the header. ^^" Thanks for making this. <3

scotchsour - Mar. 20th, 2008 01:02 am (UTC)

geniusartist

Mar. 23rd, 2008 03:34 am (UTC)

Hi! I snagged this. It's beautiful, and thanks for making the instructions so user friendly. :)

scotchsour - Mar. 30th, 2008 01:49 am (UTC)

lobademibu

Mar. 27th, 2008 08:57 am (UTC)

This is gorgeous, and exactly what the type of layout I've been looking for. So thanks a bunch! I just have one slight problem. The tags don't show up in the sidebar of my journal. Any idea what going on there? It's not a huge deal if they're not there, so don't worry about it if your too busy to answer!

Thanks again for making this awesome layout! ^_^

scotchsour - Mar. 30th, 2008 01:53 am (UTC)

lobademibu - Mar. 30th, 2008 01:55 am (UTC)

chibikakei

Apr. 8th, 2008 04:50 pm (UTC)

ooh bookmarking for later use =D i'll probably change the header to something i like/will attempt to make, but i'll still credit you thanks~! <3

scotchsour - Apr. 18th, 2008 05:05 am (UTC)

scotchsour - May. 5th, 2008 11:10 pm (UTC)

ceriene

Apr. 30th, 2008 02:12 am (UTC)

I like this layout very much, and am using it for my current IJ journal. ^^; I am having a little trouble with some of the spacing but currently, it's not too big of an issue.

I was wondering, however, if I could change the header? That, as well as, how I could add more sections/lists to the left hand column?

Thanks, and lovely job on this layout.

scotchsour - May. 5th, 2008 11:09 pm (UTC)

w_shakespeare

May. 22nd, 2008 09:48 pm (UTC)

Beautiful design--very easy to implement! I hope you continue doing these as I have a couple of other journals I'd love to have set up, just as prettily.

May. 22nd, 2008 10:52 pm (UTC)

Also...just noting I changed the image to a feather, because of the ij's content. I may use this over at LJ too--but will say so, if I do so. This is a lovely design and I expect I'll get compliments once it is revealed!

I feel like I've accomplished something tonight! Thank you for making this so easy!

spectralrabbit

Jun. 20th, 2008 12:10 pm (UTC)

Fantastic layout. :) Thank you for sharing. I'm crap with codes etc. but with a little time and concentration I got those images in. Wahey! LOL

baggyeyes

Jun. 28th, 2008 04:39 pm (UTC)

Just a note: you may want to fix this in your Live Journal CSS:

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

scotchsour - Jul. 6th, 2008 12:17 pm (UTC)

baggyeyes - Jul. 6th, 2008 08:28 pm (UTC)

Jun. 28th, 2008 04:53 pm (UTC)

I will also say, I am saving this - when I use it, I will definitely credit. Excellent work. Beautiful.

lilithilien

Jul. 14th, 2008 12:59 am (UTC)

What a gorgeous layout! I just uploaded it -- thank you!

I have a couple of questions that aren't life-threatening, but would be great if they're easy fixes. I added in the extras, shifting my mood theme to the left and adding tags. I really would like to see all my tags (instead of having the vertical bar) but if I do this, it'll push my links waaaay down the page. With my old Bloggish layout, I had my links above the tags. Is this possible?

My other question concerns the theme layer I made, my first ever. I added:

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

which worked fine, but when under that I entered:

layerinfo "type" = "user";
layerinfo "name" = "Baroque";

I got a compilation error message. I removed it, and it seems to be working. But I know I'm doing something wrong.

Oh, one other little thing -- in your stylesheet you've written "bcalendarimage.jpg" when it should be "bcalendarimage.gif". Thought you'd want to know!

Thank you again! This is such a beautiful layout!

scotchsour - Jul. 14th, 2008 09:34 pm (UTC)

lilithilien - Jul. 15th, 2008 01:23 pm (UTC)

scotchsour - Jul. 18th, 2008 06:40 pm (UTC)

lilithilien - Jul. 18th, 2008 06:55 pm (UTC)

scotchsour - Jul. 19th, 2008 10:22 pm (UTC)

scotchsour - Jul. 20th, 2008 05:28 pm (UTC)

lilithilien - Aug. 9th, 2008 12:08 am (UTC)

munanna

Nov. 30th, 2008 03:07 am (UTC)

I really love this layout, but I can't get it to work properly. I don't know what's wrong. If you've got the time, do you think that you could have a look?

Many thanks. :)

scotchsour - Dec. 1st, 2008 04:54 pm (UTC)

nomoremelodies

Dec. 1st, 2008 06:12 pm (UTC)

This is gorgeous, will probably use it here. =] I might change the header in the future though, if that would be alright? Thank you so much for sharing this.

scotchsour - Dec. 2nd, 2008 01:58 pm (UTC)

deegroovyfanfic

Dec. 10th, 2008 10:19 am (UTC)

I'm using this on my fanfic journal, and have credited you in my user info - thanks! I hope you create more layouts :)

shiegra

Jan. 23rd, 2009 09:34 am (UTC)

It's gorgeous! Thank you so much for making.

voluptuouspanic

Mar. 13th, 2009 02:49 am (UTC)

Navigation

Beautiful layout! Only question is when I posted the layout just to try it on for size, I couldn't get the Navigation section to come up that's shown in the Preview. Any way to add on a link to view previous entries?

Thanks so much!

Re: Navigation -

scotchsour - Mar. 14th, 2009 07:13 pm (UTC)

denali_succubus

May. 2nd, 2009 04:25 am (UTC)

This is beautiful, thank you for sharing it.

Profile

Navigation

June 2009

basics

Tags

Layout By

Layout .01 - S2 Dear Diary : Baroque

Comments

Layout doesn't work. :(

Thanks

Navigation