ScotchBonnet - Layout .01 - S2 Dear Diary : Baroque


	ScotchBonnet Scotchsour's Place for Layouts, Codes, Icons, Mood Themes... Recent Entries Archive Friends Entries User Info Memories scotchbonnet

	Profile
	Profile

User:

scotchbonnet

Name: scotchbonnet

	Latest Layout
	Latest Layout

Pink and Grey .05

Tomato .04

Blue Shoes .03

Coffee Template .02

Press for Coffee Template Layout(Not Available Yet)

Baroque .01

	Latest Month
	Latest Month

May 2011
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	31

	Links
	Links

basics

update

instructions for layouts

instructions for mood themes

resources

	Page Summary
	Page Summary

· Layout .01 - S2 Dear Diary : Baroque [+93]

· Anonymous - (no subject) [+6]

	Search
	Search

	Tags
	Tags

colors
- s2smoothsailing [1]
efiction
- modification [3]
friends only [4]
graphics [4]
icons
- actors [1]
- anime [1]
- body [1]
- dc [3]
- due south [3]
- movies [1]
journal update [1]
journals
- code [3]
- css [3]
- tutorials [4]
layout
- banners [1]
- s2deardiary [3]
- s2flexiblesquares [1]
- s2tranquilityii [1]
layouts [6]
misc
- brushes [1]
- firefox [1]
- images [8]
- photos [1]
mood theme
- instructions [1]
- ray vecchio [1]
- tutorial [1]
personal update [2]
previews [1]
profile card
- blue shoes [1]
- stackable [1]
question [3]
resources [2]
thematic [3]

Layout .01 - S2 Dear Diary : Baroque

	5th-Dec-2007 08:18 pm
	5th-Dec-2007 08:18 pm


	scotchsour

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.

Mood:amused
Tags:layout: s2deardiary, layouts

	Read 93 Speak Link Remember Tell a Friend
	Read 93 Speak Link Remember Tell a Friend

	Comments
	Comments

	2nd-Feb-2008 11:50 pm (UTC)
	2nd-Feb-2008 11:50 pm (UTC)

Anonymous

Ohhh, and I totally think I broke a rule or something. Most of the time when I change my layouts, the coder always just includes code for how to change the header, and I got used to doing it without asking. And now I see you don't usually allow it, and I'm really sorry and really, really, really sorry. I would have asked if I'd known it bothers you. I'll take it down, if you want me to, but I really love this layout, and it took me forever to load all those images in my photobucket.

*begs and pleads*

	Reply Parent Thread Link
	Reply Parent Thread Link

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

scotchsour

Normally I don't want to change the header because if I make a layout I really like the images I choose for the layout.

No, it doesn't bother me, I would just say ask, worst I could say is no but I am bendable about that because people have different interests and of course the banner is usually where it is expressed.

...it took me forever to load all those images in my photobucket.

Hmm, I need to ask because I am seeing a black background on the mini images in your journal and the sidebar background are odd. Which is weird, I want to know if it is just me.

I mostly write slash, so don't look if your eyes might be burned out of your head or something. LOL.

Ha! You need to pass by my regular journal at livejournal. (scotchsour) Believe me, slash is my default setting. :D

	Reply Parent Thread Link
	Reply Parent Thread Link

	3rd-Feb-2008 02:43 am (UTC)
	3rd-Feb-2008 02:43 am (UTC)

Anonymous

Well, you know, it's the first time I've tried to use a layer in addition to CSS. I knew that was how it had to be done, and I remembered seeing you had the layer info, but it didn't click for me that it was for the sidebar tags until after I had already done a search for the layout style, of which there isn't much to find. LOL.

Hmm, I dunno about the backgrounds. There does seem to be a black background on the mini images. Is there not supposed to be? I don't remember changing any of the colors. All I did was copy the images you linked to into my Paintshop, save them, and upload them. I think they look fine, but I thought that's how they were supposed to look.

And the sidebar background, I don't know what you mean. Are they oriented wrong? I don't think I ever checked to see if it matched exactly with the preview, since I was tickled with how it turned out regardless. I wonder...

	Reply Parent Thread Link
	Reply Parent Thread Link

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

scotchsour

Paintshop? Never used it.

With the exception of the banner, all the mini images are .png and the rest are .gifs which should register to FF as clear backgrounds and IE as white backgrounds which in this case should seem clear and all good. All the images on your journal look like the image was reduced in gif resolution which is weird.

All you needed to do to the images was download the images onto your computer and then upload to a server or file storage, such as photobucket. It could be going through Paintshop might have changed the integrity of the image.

Here is the preview of how it should look, Baroque

	Reply Parent Link
	Reply Parent Link

	3rd-Feb-2008 02:56 am (UTC)
	3rd-Feb-2008 02:56 am (UTC)

Anonymous

I think I figured it out! Because I was confuddled. I clicked on your image links for the mini images and discovered that your do have white backgrounds. I couldn't figure out why mine saved with black backgrounds. Turned out, I have my default background as black in Paintshop. I guess it just automatically filled in black behind them. I can't see whether there are borders on your mini images in the links, so I'm guessing they're not little squares. My program obviously made them little squares and added the black.

The black doesn't bother me, but I can change it in the morning if it bothers you. Wouldn't want to false advertise. LOL.

Still not exactly sure what you mean about the sidebar, though. *shrug*

	Reply Parent Thread Link
	Reply Parent Thread Link

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

scotchsour

Sidebar images are the red backgrounds that surrounds the menu tags, links and etc. It doesn't have the gradual change of color. Just right click and move mouse down to [Save as] link to your computer and don't go through Paintshop.

	Reply Parent Thread Link
	Reply Parent Thread Link

	3rd-Feb-2008 03:36 am (UTC)
	3rd-Feb-2008 03:36 am (UTC)

Anonymous

LOL, I figured that out. For some reason, my comp won't let me right click and save .jpg images, and since most of the images I come across are .jpg, I just got in the habit of saving them through Paintshop. Okays, anyway, got the little minis fixed. If the others are in .gif or .png, then I'll be able to fix them, but if they're .jpg I don't think I can. Lemme take a looksee.

	Reply Parent Link
	Reply Parent Link

	Leave a Comment to the Entry
	Leave a Comment to the Entry

	Code by masterslacker. Fiddled by scotchsour. This page was loaded on Apr 23rd 2024, 1:34 pm GMT.