sixteen | Sunday Morning, #2

Three more colour schemes for the Sunday Morning layout: pale green, pale yellow and dark red.

BERJAYA

green screenshot | yellow screenshot | red screenshot

Also, since somebody was asking about whether you could have the page summary visible with this layout: yes you can, it's much easier than I'd thought. :) Just search for the following text in the CSS:

.module-pagesummary {

        display: none; }

and remove it.

Instructions:

1. Set your journal theme to "Transmogrified"
2. Click on Custom CSS
3. Make sure you un-tick the "Use layout's stylesheet" box (unlike Wildflowers, I made this scheme with its own complete css rather than lots of overrides)
4. Paste in the text from one of the boxes below, depending on which colour scheme you want to use
5. Click on Save Changes
6. that's it!

CSS:

Green:

/* Cleaned CSS: */

/* believe me, this style is much easier to deal with if you 
    just leave this here.  It says "lets use the IE box model" for
    non IE browsers */
    * { box-sizing:border-box; -moz-box-sizing:border-box }

body {
        background-color: #e6f8e4;
        font-family: arial, sans-serif;
        font-size: 10pt;
        margin: 0 0%;
        padding: 0;
        width: 100%;
       
    }

a {
    color: #538f4d;
    text-decoration: none;
        
}

a:hover {
 color: #333;
text-decoration: none;
  }

#container {
         width: 100%; 
         margin-left: 0px;
background: url(http://i44.tinypic.com/hv2jyx.png) 100% 70px no-repeat;
     }

.page-tags #container {
         width: 100%; 
         margin-left: 0px;
background: url(none) 100% 70px no-repeat;
     }

#header {
		background-color: #c4c4c4;
		color: #333;
		margin: 0;
        padding: 0;
	}

#header a {
		color: #333;
        text-decoration: none;
    }

#header h1 {
        margin: 0px;
		padding: 20px;
	}

#header h2 {
		padding: 0 20px 20px 20px;
	}

#wrap {

color: #666666;
        padding-right: 200px;
        padding-top: 10px;
        padding-left: 0;
        margin-left: 250px;
	}

#content {width: 100%; margin-left: 10px;}

.page-tags #content{
	border: 1px solid #739adf;
        padding: 10px;
        margin-top: 10px;

}

.page-tags #wrap {
        margin-left: 20px;
    }
    
 
.entry-wrapper: {margin-top: -20px;}

.module-section-two {
   float: top;
   position: absolute;
   left: 20px;
   top: 135px;
   width: 200px;
   max-width: 220px; 
   height: 200px;
   color: #333; 
   padding-right: 5px; 
   
/* this must stay at the bottom of this code as in some circumstances
        it closes one declaration and opens another one */
        margin-right: -230px;;
}

.module-section-one li {
        position: relative;
        display: inline;
        list-style: none;
    }
    .module-section-one ul {
        
        color: #333;
        margin: 0;
        padding: 0.5em;
        margin-left: 250px;
        margin-top: 20px;
    }

.module-section-one li a {
        text-decoration: none;
        padding-top: 0.5em;
        padding-right: 20px;
        padding-bottom: 0.5em;
        padding-left: 20px;
        background-color: #fff;
        color: #333;
        border: 1px solid #999;
    }

.module-section-one ul li a:hover, .module-section-one ul li.active a {
        background-color: #e7e7e7;
        color: #333;
    }

.module-section-two a {
        color: #538f4d;
        text-decoration: none;
    }

.module-section-two a:hover, module-section-two a:active, module-section-two .module-header a:hover,  
module-section-two .module-header a:active {
        color: #333;
        text-decoration: none;
    }

.module-section-two .module-header a {
        text-decoration: none;
        color: #538f4d;
    }

.module-section-two .module-header a:hover {
        text-decoration: none;
        color: #333;
    }

.module-section-two h2 {
		margin: 0;
                margin-bottom: 7px;
		font-size: 1.1em;
		padding: 0.2em;
		background-color: #e7e7e7;
		color: #333;
		border-left: none; border-right: none;	
                border-top: none; border-bottom: 1px solid #999;
                text-align: center;	
                font-family: arial;	
	}

.module-section-two ul {
		list-style-type: none;
		margin-left: 0.5em;
		padding: 0;
	}
	.module-section-two ul ul {
		list-style-type: none;
		margin-left: 0.5em;
		padding: 0;
                margin-bottom: 0px;
	}

.module-section-two .module {
                background: #f7fcfe;
                border-bottom: 1px solid #999;
                border-right: 1px solid #999; border-left: 1px solid #999;
        }

.module-userprofile {
border-top: 1px solid #999;
text-align: center;
}

.module-tags {
text-align: center;}

.module-userprofile .userpic img {
        border: none;
        margin: 20px;
    }
    .module-userprofile .userpic {
        text-align: center;
    }
    .module-userprofile ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
        margin-top: 5px;
    }
    .module-userprofile p {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .module-userprofile li {
        display: inline;
        padding: 5px;
        list-style: none;
    }
    .module-calendar {
        text-align: center;
    }
    .module-calendar table {
        margin-left: auto;
        margin-right: auto;
    }

.module-pagesummary {

display: none; }

.module-syndicate {

display: none; }

.entry, .comment, .text_noentries_day {
        padding: 10px;
        margin-top: 200px;
        position: relative;
        margin-bottom: 10px;
    }
    .entry .userpic a, .comment .userpic a {
        display: block;
        position: absolute;
        right: 10px;
        top: -50px;
        padding: 5px;
    }
    .entry .userpic img, .comment .userpic img {
        border: none;
    }
    .entry-title, .comment-title {
        padding: 0.2em;
        margin: 0;
        margin-right: 120px;
    }
    .entry-title a, .comment-title a {
        text-decoration: none;
    }

.entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {
        border: solid 1px #999;
        background-color: #fff;
        color: #333;
        font-family: arial, sans-serif;
        margin-top: 100px;
       
    }
    .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {
        background-color: #f7fcfe;
        border: 1px solid #ddd;
    }
    .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {
        border: none;
        color: #333;
        background-color: #c4c4c4;
    }
    .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {
        color: #333;
    }
    a, .entry-wrapper-odd a, .comment-wrapper-odd a {
        color: #538f4d;
    }

.entry-wrapper-even .entry, .comment-wrapper-even .comment {
        border: solid 1px #999;
        background-color: #fff;
        color: #333;
        font-family: arial, sans-serif;
        margin-top: 100px;
    }
    .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {
        background-color: #f7fcfe;
        border: 1px solid #ddd;
    }
    .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {
        border: none;
        color: #333;
        background-color: #c4c4c4;
    }
    .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {
        color: #333;
    }
    .entry-wrapper-even a, .comment-wrapper-even a {
        color: #538f4d;
    }

.entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {
        color: #333;
    }

.entry .time, .entry .date {
        padding: 0.2em;
        display: inline-block;
    }
    .entry-content, .comment-content {
        padding: 10px 0px;
    }
    .tag {
        font-weight: bold;
        text-align: left;
    }
    .tag a {
        font-weight: normal;
    }
    .tag ul { display: inline; margin: 0; padding: 0; }

.tag li {
        display: inline;
        list-style: none;
        padding: 0px;
    }
  
    *+html .tag li {
        padding: 0 5px;
    }

.entry .metadata ul {
        margin: 0px;
        padding: 0px;
    }
    .entry .metadata li {
        list-style: none;
    }
    .entry .footer .inner, .comment .footer .inner {
        text-align: right;
    }
    .entry .footer a {
        white-space: nowrap;
    }
    .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
        text-align: right;
        margin: 0;
        padding: 0;
        display: inline;
    }
    .entry-management-links li, .entry-interaction-links li, 
    .comment-management-links li, .comment-interaction-links li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 5px;
    }
    /* lets have a default */
    .entry-management-links li a, .comment-management-links li a,
    .comment-interaction-links .thread a {
        background-image: url(none);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;
    }

#entries {margin-top: -30px;}

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {margin: 0; padding: 0;

display: inline; font-size: 9px; text-transform: lowercase; color: #bbb;}
    
    .entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display:

inline; list-style: none; margin: 0; padding-left: 10px; padding-top: 10px;}

.entry-management-links .edit_entry a, .comment-management-links .delete_comment a,
    .comment-management-links .edit_comment a {
        background-image: url(none);
    }
    .entry-management-links .edit_tags a, .comment-interaction-links .parent a {
        background-image: url(none);
    }
    .entry-management-links .mem_add a, .entry-management-links .watch_comments a,
    .comment-management-links .watch_thread a {
        background-image: url(none);
    }
    .entry-management-links .link_prev a {
        background-image: url(none);
    }
    .entry-management-links .link_next a {
        background-image: url(none);
    }
    .entry-interaction-links li a, .entry-management-links .tell_friend a,
    .comment-interaction-links li a { 
        background-image: url(none);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;  
        display: inline;
    }
    .comment-management-links .delete_comment a {
        background-image: url(none);
    }

.entry .footer hr {
        display: none;
    }

.entry .metadata-label {
        font-weight: bold;
    }
    .comment-poster {
        display: inline-block;
        min-width: 40%;
    }

#content > hr { display: none; }

.module-section-three {
        display: none;
    }
    .module-section-three a {
        color: #ffffff;
    }
    .module-section-three .module {
        padding-left: 20px;
    }

.hfeed .navigation {
    }

.navigation {
		margin: 0;
		padding: 0px;
		text-align: left;
		color: #333000;	
                margin-top: 30px;
	}

.navigation ul {
        margin-top: 0px;
        padding-top: 5px;
        text-align: left;
        font-size: 0.7em;
    }

.navigation li {
        display: inline;
        padding: 0 1px;
    }
    .navigation .page-back a:before {
        content: " << ";
        font-size: 0.9em;
        letter-spacing: 0px;
        vertical-align: 40%;
        padding-right: 1px;
        text-decoration: none;

}

.navigation .page-forward a:after {
        content: " >>";
        font-size: 0.9em;
        letter-spacing: 0px;
        vertical-align: 40%;
        padding-left: 1px;
        text-decoration: none;

}

.page-tags #content h2, .page-tags #wrap h2 {arial; font-size: 13.5pt; font-weight: normal; color: #666; background: #fff; border:

none;}

.page-tags #content {border: none; width: 50%; position: absolute; left: 222px; top: 200px;}

.page-tags #wrap {border: 0px solid #EEE; padding: 0px; margin: 0px 0; width: 50%;}

.ljtaglist {margin: 10px; padding: 0; text-align: left;}
.ljtaglist li {margin-left: 10px; padding: 0;}

.manage-tags-link {text-align: center; font-size: 0.7em}

.page-tags #content h2 {
        padding: 0.2em;
        margin: 0;
        border: solid 1px #999;
        color: #333;
        background-color: #fff;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

.page-tags #content h2 {
        margin-right: 10px;
    }

.month-wrapper, #archive-month dl {
        padding: 10px;
        position: relative;
        margin: 20px 0px;
        border: solid 1px #999;
        background-color: #ffffff;
    }

.month-wrapper h3 {
        padding: 0.2em;
        margin: 0;
        border: solid 1px #999;
        color: #333;
        background-color: #fff;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

.month caption {
        display: none;
    }
    .month .day span, .month .day p {
        padding: 0;
        margin: 0;
    }
    .month .day p {
        margin-top: 4px;
        margin-bottom: -4px;
    }
    .month .day, .month th {
        line-height: 2em;
        vertical-align: text-top;
        padding: 5px;
        text-align: center;
    }
    /* IE only to line up the empty days neatly */
    *+html .month .day span, *+html .month th span{
        vertical-align: 100%;
    }
    .month .day-has-entries {
        line-height: 1em;
    }
    .month .footer {
        width: 250px;
        text-align: center;
        margin: 10px 0px;
    }

#postform {
        margin-top: 20px;
background: #fff;
        border: solid 1px #999;
    }

.text_noentries_day {
        margin-top: 20px;
        margin-bottom: 20px;
    }

#archive-month dt {
        font-weight: bold;
    }
    #archive-month .entry-title {
        font-size: 10pt;
        display: inline-block;
        padding-left: 5px;
    }

Yellow:

/* Cleaned CSS: */

body {
        background-color: #f5f8e4;
        font-family: arial, sans-serif;
        font-size: 10pt;
        margin: 0 0%;
        padding: 0;
        width: 100%;
       
    }

a {
    color: #998a8e;
    text-decoration: none;
        
}

a:hover {
 color: #333;
text-decoration: none;
  }

#container {
         width: 100%; 
         margin-left: 0px;
background: url(http://i41.tinypic.com/wi9177.png) 100% 70px no-repeat;
     }

.page-tags #container {
         width: 100%; 
         margin-left: 0px;
background: url(none) 100% 70px no-repeat;
     }

#header {
		background-color: #ccc6be;
		color: #333;
		margin: 0;
        padding: 0;
	}

#header a {
		color: #333;
        text-decoration: none;
    }

#header h1 {
        margin: 0px;
		padding: 20px;
	}

#header h2 {
		padding: 0 20px 20px 20px;
	}

#wrap {

color: #666666;
        padding-right: 200px;
        padding-top: 10px;
        padding-left: 0;
        margin-left: 250px;
	}

#content {width: 100%; margin-left: 10px;}

.page-tags #content{
	border: 1px solid #739adf;
        padding: 10px;
        margin-top: 10px;

}

.page-tags #wrap {
        margin-left: 20px;
    }
    
 
.entry-wrapper: {margin-top: -20px;}

.module-section-one ul li a:hover, .module-section-one ul li.active a {
        background-color: #e6dfd6;
        color: #333;
    }

.module-section-two a {
        color: #998a8e;
        text-decoration: none;
    }

.module-section-two .module-header a {
        text-decoration: none;
        color: #998a8e;
    }

.module-section-two .module-header a:hover {
        text-decoration: none;
        color: #333;
    }

.module-section-two h2 {
		margin: 0;
                margin-bottom: 7px;
		font-size: 1.1em;
		padding: 0.2em;
		background-color: #cbc5bd;
		color: #333;
		border-left: none; border-right: none;	
                border-top: none; border-bottom: 1px solid #999;
                text-align: center;	
                font-family: arial;	
	}

.module-section-two .module {
                background: #f7fcfe;
                border-bottom: 1px solid #999;
                border-right: 1px solid #999; border-left: 1px solid #999;
        }

.module-userprofile {
border-top: 1px solid #999;
text-align: center;
}

.module-tags {
text-align: center;}

.module-pagesummary {

display: none; }

.module-syndicate {

display: none; }

.entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {
        border: solid 1px #999;
        background-color: #fff;
        color: #333;
        font-family: arial, sans-serif;
        margin-top: 100px;
       
    }
    .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {
        background-color: #f7fcfe;
        border: 1px solid #ddd;
    }
    .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {
        border: none;
        color: #333;
        background-color: #cbc5bd;
    }
    .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {
        color: #333;
    }
    a, .entry-wrapper-odd a, .comment-wrapper-odd a {
        color: #998a8e;
    }

.entry-wrapper-even .entry, .comment-wrapper-even .comment {
        border: solid 1px #999;
        background-color: #fff;
        color: #333;
        font-family: arial, sans-serif;
        margin-top: 100px;
    }
    .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {
        background-color: #f7fcfe;
        border: 1px solid #ddd;
    }
    .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {
        border: none;
        color: #333;
        background-color: #cbc5bd;
    }
    .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {
        color: #333;
    }
    .entry-wrapper-even a, .comment-wrapper-even a {
        color: #998a8e;
    }

.entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {
        color: #333;
    }

.tag li {
        display: inline;
        list-style: none;
        padding: 0px;
    }
    
    *+html .tag li {
        padding: 0 5px;
    }

#entries {margin-top: -30px;}

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {margin: 0; padding: 0;

inline; list-style: none; margin: 0; padding-left: 10px; padding-top: 10px;}

.entry .footer hr {
        display: none;
    }

.entry .metadata-label {
        font-weight: bold;
    }
    .comment-poster {
        display: inline-block;
        min-width: 40%;
    }

#content > hr { display: none; }

.module-section-three {
        display: none;
    }
    .module-section-three a {
        color: #ffffff;
    }
    .module-section-three .module {
        padding-left: 20px;
    }

.hfeed .navigation {
    }

.navigation {
		margin: 0;
		padding: 0px;
		text-align: left;
		color: #333000;	
                margin-top: 30px;
	}

.navigation ul {
        margin-top: 0px;
        padding-top: 5px;
        text-align: left;
        font-size: 0.7em;
    }

}

.page-tags #content h2, .page-tags #wrap h2 {arial; font-size: 13.5pt; font-weight: normal; color: #666; background: #fff; border:

none;}

.page-tags #content {border: none; width: 50%; position: absolute; left: 222px; top: 200px;}

.page-tags #wrap {border: 0px solid #EEE; padding: 0px; margin: 0px 0; width: 50%;}

.ljtaglist {margin: 10px; padding: 0; text-align: left;}
.ljtaglist li {margin-left: 10px; padding: 0;}

.manage-tags-link {text-align: center; font-size: 0.7em}

.page-tags #content h2 {
        margin-right: 10px;
    }

.month-wrapper, #archive-month dl {
        padding: 10px;
        position: relative;
        margin: 20px 0px;
        border: solid 1px #999;
        background-color: #ffffff;
    }

#postform {
        margin-top: 20px;
background: #fff;
        border: solid 1px #999;
    }

.text_noentries_day {
        margin-top: 20px;
        margin-bottom: 20px;
    }

#archive-month dt {
        font-weight: bold;
    }
    #archive-month .entry-title {
        font-size: 10pt;
        display: inline-block;
        padding-left: 5px;
    }

Red:

/* Cleaned CSS: */

body {
        background-color: #ffeeed;
        font-family: arial, sans-serif;
        font-size: 10pt;
        margin: 0 0%;
        padding: 0;
        width: 100%;
       
    }

a {
    color: #8e2f2d;
    text-decoration: none;
        
}

a:hover {
 color: #333;
text-decoration: none;
  }

#container {
         width: 100%; 
         margin-left: 0px;
background: url(http://i42.tinypic.com/33msmdd.png) 100% 70px no-repeat;
     }

.page-tags #container {
         width: 100%; 
         margin-left: 0px;
background: url(none) 100% 70px no-repeat;
     }

#header {
		background-color: #8e2f2d;
		color: #eee;
		margin: 0;
        padding: 0;
	}

#header a {
		color: #333;
        text-decoration: none;
    }

#header h1 {
                margin: 0px;
		padding: 20px;
                color: #eee;
	}

#header h2 {
		padding: 0 20px 20px 20px;
	}

#wrap {

color: #666666;
        padding-right: 200px;
        padding-top: 10px;
        padding-left: 0;
        margin-left: 250px;
	}

#content {width: 100%; margin-left: 10px;}

.page-tags #content{
	border: 1px solid #739adf;
        padding: 10px;
        margin-top: 10px;

}

.page-tags #wrap {
        margin-left: 20px;
    }
    
 
.entry-wrapper: {margin-top: -20px;}

.module-section-one ul li a:hover, .module-section-one ul li.active a {
        background-color: #e5d4d4;
        color: #333;
    }

.module-section-two a {
        color: #8e2f2d;
        text-decoration: none;
    }

.module-section-two .module-header a {
        text-decoration: none;
        color: #8e2f2d;
    }

.module-section-two .module-header a:hover {
        text-decoration: none;
        color: #333;
    }

.module-section-two h2 {
		margin: 0;
                margin-bottom: 7px;
		font-size: 1.1em;
		padding: 0.2em;
		background-color: #e5d4d4;
		color: #333;
		border-left: none; border-right: none;	
                border-top: none; border-bottom: 1px solid #999;
                text-align: center;	
                font-family: arial;	
	}

.module-section-two .module {
                background: #f7fcfe;
                border-bottom: 1px solid #999;
                border-right: 1px solid #999; border-left: 1px solid #999;
        }

.module-userprofile {
border-top: 1px solid #999;
text-align: center;
}

.module-tags {
text-align: center;}

.module-pagesummary {

display: none; }

.module-syndicate {

display: none; }

.entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {
        border: solid 1px #999;
        background-color: #fff;
        color: #333;
        font-family: arial, sans-serif;
        margin-top: 100px;
       
    }
    .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {
        background-color: #f7fcfe;
        border: 1px solid #ddd;
    }
    .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {
        border: none;
        color: #333;
        background-color: #e5d4d4;
    }
    .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {
        color: #333;
    }
    a, .entry-wrapper-odd a, .comment-wrapper-odd a {
        color: #8e2f2d;
    }

.entry-wrapper-even .entry, .comment-wrapper-even .comment {
        border: solid 1px #999;
        background-color: #fff;
        color: #333;
        font-family: arial, sans-serif;
        margin-top: 100px;
    }
    .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {
        background-color: #f7fcfe;
        border: 1px solid #ddd;
    }
    .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {
        border: none;
        color: #333;
        background-color: #e5d4d4;
    }
    .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {
        color: #333;
    }
    .entry-wrapper-even a, .comment-wrapper-even a {
        color: #8e2f2d;
    }

.entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover, .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {
        color: #333;
    }

.tag li {
        display: inline;
        list-style: none;
        padding: 0px;
    }
 
    *+html .tag li {
        padding: 0 5px;
    }

#entries {margin-top: -30px;}

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {margin: 0; padding: 0;

inline; list-style: none; margin: 0; padding-left: 10px; padding-top: 10px;}

.entry .footer hr {
        display: none;
    }

.entry .metadata-label {
        font-weight: bold;
    }
    .comment-poster {
        display: inline-block;
        min-width: 40%;
    }

#content > hr { display: none; }

.module-section-three {
        display: none;
    }
    .module-section-three a {
        color: #ffffff;
    }
    .module-section-three .module {
        padding-left: 20px;
    }

.hfeed .navigation {
    }

.navigation {
		margin: 0;
		padding: 0px;
		text-align: left;
		color: #333000;	
                margin-top: 30px;
	}

.navigation ul {
        margin-top: 0px;
        padding-top: 5px;
        text-align: left;
        font-size: 0.7em;
    }

}

.page-tags #content h2, .page-tags #wrap h2 {arial; font-size: 13.5pt; font-weight: normal; color: #666; background: #fff; border:

none;}

.page-tags #content {border: none; width: 50%; position: absolute; left: 222px; top: 200px;}

.page-tags #wrap {border: 0px solid #EEE; padding: 0px; margin: 0px 0; width: 50%;}

.ljtaglist {margin: 10px; padding: 0; text-align: left;}
.ljtaglist li {margin-left: 10px; padding: 0;}

.manage-tags-link {text-align: center; font-size: 0.7em}

.page-tags #content h2 {
        margin-right: 10px;
    }

.month-wrapper, #archive-month dl {
        padding: 10px;
        position: relative;
        margin: 20px 0px;
        border: solid 1px #999;
        background-color: #ffffff;
    }

#postform {
        margin-top: 20px;
background: #fff;
        border: solid 1px #999;
    }

.text_noentries_day {
        margin-top: 20px;
        margin-bottom: 20px;
    }

#archive-month dt {
        font-weight: bold;
    }
    #archive-month .entry-title {
        font-size: 10pt;
        display: inline-block;
        padding-left: 5px;
    }

Page 1 of 3 << [1] [2] [3] >>

Flat | Top-Level Comments Only

From:

yvi

It's perfect *hearts the red layout*

septentrion

I'll keep the purple one for now, but that red is just... seducing.

wealhtheow

So pretty! Thanks!

mushroom_cloud

Thank you for the layouts. I'm currently using the red one (love it!) You have been credited on my Profile ^_^

neojezebel

Thank you for the really clear instructions! I absolutely love the green one! :D

royalmarriage

Thanks for these. I wish I had the first idea how to do them, but in the meantime, I've taken the green one 'cos it looks about right for my journal.

twistingthetale

Thanks for these layouts, and the very easy to follow instructions. I've just switched to the dark red and have credited on my profile :)

fearlessdiva

Wow, these are gorgeous! I took the yellow one and credited you in my profile. I feel so pretty now.

bluemeridian

Oooh, snurched the red one -- thanks!!

cypher

Gorgeous layout! I've picked up the red version for my fic journal. :3

autumn_veela

Lovely! I'm using the yellow one. I've been looking for something pretty like this. : )

perfica

I'm using the lovely red one and have credited. Thank you1

de_winter

These are lovely, I've used the red one. Thank you :)

lady_ganesh

Just what I needed!

beyondrubicon

I love these! I'm using the green one and it looks great. Thank you.

amarantine

Do you mind if I host the images on my own server? I have never liked having the images somewhere else.

Thanks for the designs.

revolutions

Of course, don't mind at all. :) There's only one image, which you should be able to find by doing a search on "tinypic".

manifestjoy

Hi! I love the design, but it's not quite working for me and I can't figure out why. The top bar doesn't go all the way across on my journal. I didn't do anything to the coding, so I'm not really sure why it doesn't. I'm a little baffled.

Otherwise, I love your themes!

Hi - sorry it took a while to get back to you! I'm a bit confused because your layout looks fine on my screen - what browser are you using? I'll try to figure out what's causing it.

(no subject)

manifestjoy - Date: 2009-05-29 12:17 pm (UTC) - Expand

revolutions - Date: 2009-05-29 12:56 pm (UTC) - Expand

secondavisione

Very pretty, taking the red one!

barkinmad

Taking the red. These are beautiful, thank you!

thady

Thank you! I really love this layout.

keltik

nice one! i took the red, but is it possible to stop the background scrolling?

biodamped

Hope you don't mind me butting in with an answer! In the custom css area, find this:

#container {
width: 100%;
margin-left: 0px;
background: url(http://i44.tinypic.com/snlb4m.png) 100% 60px no-repeat;
}

and add the word fixed after no-repeat, one space between, no commas, keep the semi-colon at the end. So you should have

#container {
width: 100%;
margin-left: 0px;
background: url(http://i44.tinypic.com/snlb4m.png) 100% 60px no-repeat fixed;
}

That worked on both of mine. :)

keltik - Date: 2009-07-01 06:09 pm (UTC) - Expand

snowdust

I think I love you. I'm using the yellow one! :)

manders

I've taken the yellow version for

watanabe_daisuke; I'll be sure to credit you. Thank you for sharing!

aliritchie

So pretty! I'm snatching the red one, I'll credit you in my profile.

automaticdoor

I love this! I took the green one. Thanks!

allways & all ways

Sunday Morning, #2

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

Profile

September 2009

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags