vigils | layout: Blanket, “central”

Instructions

Go to your Customize page.
Under "Select a New Theme", type "Blanket" in the Search box.
Find "Peach" (by sforzinda) and click Apply Theme
Click the button that says Customize Your Theme.
Click Custom CSS on the left. Uncheck use layout's stylesheets! It should look like this!
Copy and paste the following into the custom stylesheet box and click "Save Changes":

/* as edited by vigils.dreamwidth.org */

#lj_controlstrip {
	background-color: #e3e3e3;
	background-image:url(http://spoony.valiantknife.org/dwidth/central/lighttitle.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-color: #e3e3e3;
	text-shadow: 1px 1px #ccc;
	opacity: 0.7;
}

#lj_controlstrip td, #lj_controlstrip_statustext {
	font-family: Tahoma !important;
	font-size: 12px;
	color: #333 !important;
	padding: 7px;
	line-height: 160%;
}

#lj_controlstrip input {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 16.5px;
background-color: ButtonFace;
color: ButtonText;
padding: 0;
margin: 0;
width: auto;
text-transform: none;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
border-right: 1px solid #e3e3e3 !important;
}

#lj_controlstrip td a {
		font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 12px;
	color: #333 !important;
}

#canvas img[src*="sticky_entry.png"]  { width: 0 !important; height: 0 !important; background: none !important; background-repeat: no-repeat !important; background-position: 0; !important; background-image:url("http://img854.imageshack.us/img854/9246/stickyentry.png") !important;
height:0;
padding:16px 16px 0 0 !important; }

#canvas img[src*="user.png"], #canvas img[src*="user_staff.png"]  { width: 0 !important; height: 0 !important; background: none !important; background-repeat: no-repeat !important; background-position: 0 0px !important; vertical-align: text-bottom !important; background-image:url(http://valiantknife.org/alex/dwidth/lightfellows/user.gif) !important;
height:0;
padding:18px 15px 0 0 !important; }

#canvas img[src*="community.png"], #canvas img[src*="comm_other.png"] {
background-image:url("http://valiantknife.org/alex/dwidth/lightfellows/world.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}

#canvas img[src*="feed.png"] {
background-image:url("http://valiantknife.org/alex/dwidth/lightfellows/rss.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}

body {
    color: #888888;
background-color: #e1e1e1;
background-image:url(http://spoony.valiantknife.org/dwidth/central/bg.gif);
 font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: center;
    }

a {
    text-decoration: none;
    color: #f45962;

}

a:visited {
    color: #f45962;

}

a:hover {
    color: #e15169;

}

a:active {
    color: #f45962;

}

q {
    font-style: italic;
    }
	
blockquote {
	background: #f5f5f5;
	padding: 1em;
	color: #999;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight:lighter;
	text-shadow: none;
}

ul {
	list-style-type:circle;
}

input, textarea {
    color: #888888;
background-color: #ffffff;
border: solid 1px #eeeeee;

padding: 5px;
    line-height: 1.8em;
    }

#canvas {
    margin: 2.5em auto;
    padding: 0;
    text-align: justify;
    }

#content {
    margin: 0;
    padding: 0;
    }

#primary {
    margin: 0 auto;
    padding: 0;
	width: 700px;
    z-index: 0;
    }

/*--- header + footer ---*/

#header {
    background-color: transparent;
    margin: 1em auto 2em;
	width: 700px;
    }

#header>.inner {
    }

#footer {
	width: 700px;
	background: transparent !important;
    clear: both;
	margin: 0 auto;
	text-align: right;
    display: block;
	padding: 1em;
    }

.page-top {
    margin: 0 auto;
    text-align: right;
    text-transform: uppercase;
	width: 100%;
	font-size: 11px;
    }

.navigation {
    text-align: right;
    text-transform: uppercase;
    }

li.page-back,
li.page-forward {
    display: inline;
    list-style: none;
    margin: 0 0 0 .3125em;
    padding: 0;
    }

li.page-separator {
    display: none;
    }

.navigation ul {
    display: inline;
    margin: 0;
    padding: 0;
    }

.navigation li {
    display: inline;
    list-style: none;
    }

/*--- header texts ---*/

#header h1#title {
    color: #414141;
 	font-size: 4em;
	text-shadow: 1px 1px 1px #ccc;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0;
	font-family: Futura, Century Gothic, Tahoma, sans-serif;
    padding: 0;
	text-align: center;
    }

#header h2#subtitle {
    color: #f45962;
 	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
	text-align: center;
	font-size: 11px;
    }

#header h2#pagetitle {
	display: none;
    }

/*--- navigation links ---*/

.module-navlinks {
    color: #888888;
	background-color: #e3e3e3;
	background-image:url(http://spoony.valiantknife.org/dwidth/central/lighttitle.gif);
	background-repeat: no-repeat;
    bottom: 0;
    margin: 0 auto;
    padding: .75em;
    position: fixed;
    width: 100%;
    z-index: 100;
	opacity: 0.7;
	text-align: center;
    }
	
.module-navlinks:hover {
	opacity: 1.0;
}

.module-navlinks ul.module-list {
    display: inline;
    letter-spacing: 2px;
    margin: 0 0 0 2em;
    padding: 0;
    text-transform: uppercase;
	font-family:  Georgia, serif;
	font-size: 12px;
	text-shadow: 1px 1px #ccc;
    }

.module-navlinks ul.module-list li {
    border-right: 1px solid #c7bfa6;
    display: inline;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0 .5em 0 0;
    }

.module-navlinks ul.module-list li a {
	color: #141414;
}

.module-navlinks ul.module-list li a:hover {
	color: #ca0f0e;
}

/*--- modules ---*/

#secondary {
    color: #666;
    margin: 0 auto;
    padding: 0;
    width: 700px;
    z-index: 0;
	text-shadow: 1px 1px #ddd;
	line-height: 180%;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 2em;
    }

#secondary>.inner {
    }

#secondary .module {
    float: left;
    margin: 10px;
	width: 30%;
    }

#secondary .module-typelist {
}

#secondary .module-pagesummary {

}

#secondary .module-header,
#secondary .module-header a {
    color: #ca0f0e;

}

#secondary .module-header {
    font-family:  Futura, Centuy Gothic, Tahoma, sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin: 0 0 5px 0;
    }

#secondary .separator-after {
    clear: both;
    }

.module-tags_cloud {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    float: none;
    margin: 3em 0;
    width: 100%;
    }

.module-tags_cloud .module-content {
    padding: 0 3em 1em;
    }

.module-tags_cloud li,
.tags_cloud li {
    display: inline;
    list-style-type: none;
    }

#secondary .module-content {
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    }

#secondary .module-content ul {
    margin: 0;
	list-style-type: none;
    padding-left: 0;
    }

#secondary .module-content li {
    margin: .5em 0;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
    }

.module-customtext {
	text-align: center;
	width: 100% !important;
}

#secondary .module-content li a {
    color: #666;
    }

ul.userlite-interaction-links.icon-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    }

ul.userlite-interaction-links.icon-links li {
    display: inline;
    padding: 0 .20em;
    }

.module-calendar td a {
    display: block;
    padding: 2px;
    }

.module-credit dt,
.module-credit dd {
    display: inline;
    margin: 0;
    padding: 0;
    }

.module-credit dt {
    font-weight: bold;
    margin-right: .5em;
    }

.module-search .search-form {
    margin: .2em auto;
    }

.module-search .search-box {
    margin: .2em;
    }

/*--- entry ---*/

.entry {
    color: #414141;
    margin: 0 0 1em;
    }

.entry-content {
    margin: 1em 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 180%;
	text-shadow: 1px 1px #eee;
	background: #fff;
	padding: 0 1em 1em 1em;
    }
	
.contents {
	background: #fff;
	margin: 0;
}

.header {
    margin: 0 0 1em;
    padding: .5em .5em .7em .5em;
	background-color: #414141;
	background-image:url(http://spoony.valiantknife.org/dwidth/central/darktitle.gif);
	text-align: center;
    }

.footer {
	padding: 0;
}

.footer .inner {
	margin-top: 0;
}
	
ul.entry-management-links {
    padding:  1em;
	background-color: #e3e3e3;
	background-image:url(http://spoony.valiantknife.org/dwidth/central/lighttitle.gif);
	margin: 0;
    }
	
ul.entry-management-links li {
    display: inline;
    font-size: .9em;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 0 5px 0 0;
    text-transform: lowercase;
    }

h3.entry-title {
    font-family: Futura, Century Gothic, Tahoma, sans-serif;
	font-size: 2em; 
	color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    }

h3.entry-title a {
    color: #fff;

}

.datetime {
    color: #9ecf95;
    font-family: Georgia, serif;   
    font-size: .9em;
    font-weight: normal;
	font-style: italic;
    padding: 0;
    }

.datetime a {
    color: #9ecf95;

}

#primary .userpic {
	padding: 1em 1em .5em 1em;
	margin: 0;    }

.userpic img {
    padding: 5px;
    background-color: #ffffff;
border: solid 1px #d0d0d0;
opacity: 1.0 !important;

}

.poster {
    color: #c8c8c8;
    font-weight: normal;
    letter-spacing: 0;
    padding: 1em 0 0 0;
	display: block;
	font-size: 14px;
	font-style: italic;
    }

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.metadata {
    margin: 0;
	background: #fff;
    }

.metadata.top-metadata {
    margin: 1em 0 2em;
    }

.metadata ul {
    margin: 0;
    padding: 0;
    }

.metadata ul li {
    color: #666;
    font-size: .9em;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 4px 20px;
    text-transform: lowercase;
    }

.metadata ul li a{
    color: #666;
    }

.metadata-label-location,
.metadata-label-mood,
.metadata-label-music {
    display: none;
    }

.metadata-item-location,
.metadata-item-mood,
.metadata-item-music {
    padding: 0 0 4px 25px;
    }
	
.metadata-item-location {
	background-image:url(http://spoony.valiantknife.org/dwidth/central/location.gif);
	background-repeat: no-repeat;
}

.metadata-item-music {
	background-image:url(http://spoony.valiantknife.org/dwidth/central/music.gif);
	background-repeat: no-repeat;
}

.tag-text {
    display: none;
    }

.tag ul {
	background: #fff;
    display: block;
    margin: 0;
    padding: .5em 1.3em;
    }

.tag ul li {
    color: #c8c8c8;

display: inline;
    font-size: .9em;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 0;
    text-transform: lowercase;
    }

ul.entry-interaction-links {
    border-bottom: 1px dotted #ccc;
    margin: 0.5em 0 0;
    padding: 0 0 .5em;
    text-align: center;
    }

ul.entry-interaction-links li {
    color: #d11d35;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 0 5px 0 0;
	letter-spacing: 2px;
    text-transform: uppercase;
	font-family:  Georgia, serif;
	text-shadow: 1px 1px #e5e5e5;
    }

ul.entry-interaction-links li a {
	color: #7cb173;
}

ul.entry-interaction-links li a:hover {
	color: #9ecf95;
}

/*--- comments ---*/

.comment-wrapper {
    margin: 2em 0;
    padding: 0;
    }

.comment {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 40px 20px;
    }

.comment-title {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif; 
    }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    }

hr.above-entry-interaction-links,
hr.below-reply-container {
    display: none;
    }

textarea.textbox {
    width: 100% !important;
    }

.bottomcomment,
.comments-message {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 4em 2em;
    }

.comment-management-links ul,
.comment-interaction-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.comment-management-links li,
.comment-interaction-links li {
    display: inline;
    }

#qrform table {
    border: 0 !important;
    }

/*--- archive ---*/

li.active {
    color: #d58d0f;

display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    }

.month {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 4em 2em;
    }

.month h3 {
    color: #099aaf;

font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: lowercase;
    }

.month th {
    color: #6c6c6c;
background-color: #eeeeee;

font-size: .9em;
    font-weight: normal;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    }

.month table {
    border: 0;
    margin: auto;
    width: 100%;
    }

.month caption {
    display: none;
    }

td.day {
    border: .1em solid #eeeeee;
    padding: .5em;
    }

/*--- tags ---*/

.page-tags .tags-container {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 4em 2em;
    }

.page-tags .tags-container h2 {
    color: #099aaf;

font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: lowercase;
    }

.page-tags .tags-container ul {
    margin: 1em;
    padding: 0;
    }

.page-tags .tags-container ul li {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
    }

.userpic {
	float: left;
	margin: 0 10px 10px 0;
            }

Adding a header

I tried to design a layout it was easy to add a header image to! The layout is 700px wide by default, so I recommend you make your header image 700px wide as well. Here is a preview of the layout with a header.

/* as edited by vigils.dreamwidth.org */

#header {
    background-color: transparent;
    margin: 1em auto 2em;
	background-image:url(YOUR URL HERE);
	height: YOUR HEIGHT HERE;
	width: 700px;
    }

#lj_controlstrip td, #lj_controlstrip_statustext {
	font-family: Tahoma !important;
	font-size: 12px;
	color: #333 !important;
	padding: 7px;
	line-height: 160%;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
border-right: 1px solid #e3e3e3 !important;
}

#lj_controlstrip td a {
		font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 12px;
	color: #333 !important;
}

a {
    text-decoration: none;
    color: #f45962;

}

a:visited {
    color: #f45962;

}

a:hover {
    color: #e15169;

}

a:active {
    color: #f45962;

}

q {
    font-style: italic;
    }
	
blockquote {
	background: #f5f5f5;
	padding: 1em;
	color: #999;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight:lighter;
	text-shadow: none;
}

ul {
	list-style-type:circle;
}

input, textarea {
    color: #888888;
background-color: #ffffff;
border: solid 1px #eeeeee;

padding: 5px;
    line-height: 1.8em;
    }

#canvas {
    margin: 2.5em auto;
    padding: 0;
    text-align: justify;
    }

#content {
    margin: 0;
    padding: 0;
    }

#primary {
    margin: 0 auto;
    padding: 0;
	width: 700px;
    z-index: 0;
    }

/*--- header + footer ---*/

#header {
    background-color: transparent;
    margin: 1em auto 2em;
	width: 700px;
    }

#header>.inner {
    }

#footer {
	width: 700px;
	background: transparent !important;
    clear: both;
	margin: 0 auto;
	text-align: right;
    display: block;
	padding: 1em;
    }

.page-top {
    margin: 0 auto;
    text-align: right;
    text-transform: uppercase;
	width: 100%;
	font-size: 11px;
    }

.navigation {
    text-align: right;
    text-transform: uppercase;
    }

li.page-back,
li.page-forward {
    display: inline;
    list-style: none;
    margin: 0 0 0 .3125em;
    padding: 0;
    }

li.page-separator {
    display: none;
    }

.navigation ul {
    display: inline;
    margin: 0;
    padding: 0;
    }

.navigation li {
    display: inline;
    list-style: none;
    }

/*--- header texts ---*/

#header h1#title {
display: none;
    }

#header h2#subtitle {
display: none;
    }

#header h2#pagetitle {
	display: none;
    }

/*--- navigation links ---*/

.module-navlinks ul.module-list li {
    border-right: 1px solid #c7bfa6;
    display: inline;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0 .5em 0 0;
    }

.module-navlinks ul.module-list li a {
	color: #141414;
}

.module-navlinks ul.module-list li a:hover {
	color: #ca0f0e;
}

/*--- modules ---*/

#secondary>.inner {
    }

#secondary .module {
    float: left;
    margin: 10px;
	width: 30%;
    }

#secondary .module-typelist {
}

#secondary .module-pagesummary {

}

#secondary .module-header,
#secondary .module-header a {
    color: #ca0f0e;

}

#secondary .module-header {
    font-family:  Futura, Centuy Gothic, Tahoma, sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin: 0 0 5px 0;
    }

#secondary .separator-after {
    clear: both;
    }

.module-tags_cloud {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    float: none;
    margin: 3em 0;
    width: 100%;
    }

.module-tags_cloud .module-content {
    padding: 0 3em 1em;
    }

.module-tags_cloud li,
.tags_cloud li {
    display: inline;
    list-style-type: none;
    }

#secondary .module-content {
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    }

#secondary .module-content ul {
    margin: 0;
	list-style-type: none;
    padding-left: 0;
    }

#secondary .module-content li {
    margin: .5em 0;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
    }

.module-customtext {
	text-align: center;
	width: 100% !important;
}

#secondary .module-content li a {
    color: #666;
    }

ul.userlite-interaction-links.icon-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    }

ul.userlite-interaction-links.icon-links li {
    display: inline;
    padding: 0 .20em;
    }

.module-calendar td a {
    display: block;
    padding: 2px;
    }

.module-credit dt,
.module-credit dd {
    display: inline;
    margin: 0;
    padding: 0;
    }

.module-credit dt {
    font-weight: bold;
    margin-right: .5em;
    }

.module-search .search-form {
    margin: .2em auto;
    }

.module-search .search-box {
    margin: .2em;
    }

/*--- entry ---*/

.entry {
    color: #414141;
    margin: 0 0 1em;
    }

.footer {
	padding: 0;
}

h3.entry-title {
    font-family: Futura, Century Gothic, Tahoma, sans-serif;
	font-size: 2em; 
	color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    }

h3.entry-title a {
    color: #fff;

}

.datetime {
    color: #9ecf95;
    font-family: Georgia, serif;   
    font-size: .9em;
    font-weight: normal;
	font-style: italic;
    padding: 0;
    }

.datetime a {
    color: #9ecf95;

}

#primary .userpic {
	padding: 1em 1em .5em 1em;
	margin: 0;    }

.userpic img {
    padding: 5px;
    background-color: #ffffff;
border: solid 1px #d0d0d0;
opacity: 1.0 !important;

}

.poster {
    color: #c8c8c8;
    font-weight: normal;
    letter-spacing: 0;
    padding: 1em 0 0 0;
	display: block;
	font-size: 14px;
	font-style: italic;
    }

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.metadata {
    margin: 0;
	background: #fff;
    }

.metadata.top-metadata {
    margin: 1em 0 2em;
    }

.metadata ul {
    margin: 0;
    padding: 0;
    }

.metadata ul li {
    color: #666;
    font-size: .9em;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 4px 20px;
    text-transform: lowercase;
    }

.metadata ul li a{
    color: #666;
    }

.metadata-label-location,
.metadata-label-mood,
.metadata-label-music {
    display: none;
    }

.metadata-item-music {
	background-image:url(http://spoony.valiantknife.org/dwidth/central/music.gif);
	background-repeat: no-repeat;
}

.tag-text {
    display: none;
    }

.tag ul {
	background: #fff;
    display: block;
    margin: 0;
    padding: .5em 1.3em;
    }

.tag ul li {
    color: #c8c8c8;

display: inline;
    font-size: .9em;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 0;
    text-transform: lowercase;
    }

ul.entry-interaction-links {
    border-bottom: 1px dotted #ccc;
    margin: 0.5em 0 0;
    padding: 0 0 .5em;
    text-align: center;
    }

ul.entry-interaction-links li a {
	color: #7cb173;
}

ul.entry-interaction-links li a:hover {
	color: #9ecf95;
}

/*--- comments ---*/

.comment-wrapper {
    margin: 2em 0;
    padding: 0;
    }

.comment {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 40px 20px;
    }

.comment-title {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif; 
    }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    }

hr.above-entry-interaction-links,
hr.below-reply-container {
    display: none;
    }

textarea.textbox {
    width: 100% !important;
    }

.bottomcomment,
.comments-message {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 4em 2em;
    }

.comment-management-links ul,
.comment-interaction-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.comment-management-links li,
.comment-interaction-links li {
    display: inline;
    }

#qrform table {
    border: 0 !important;
    }

/*--- archive ---*/

li.active {
    color: #d58d0f;

display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    }

.month {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 4em 2em;
    }

.month h3 {
    color: #099aaf;

font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: lowercase;
    }

.month th {
    color: #6c6c6c;
background-color: #eeeeee;

font-size: .9em;
    font-weight: normal;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    }

.month table {
    border: 0;
    margin: auto;
    width: 100%;
    }

.month caption {
    display: none;
    }

td.day {
    border: .1em solid #eeeeee;
    padding: .5em;
    }

/*--- tags ---*/

.page-tags .tags-container {
    color: #888888;
background-color: #ffffff;

border-left: 20px solid #f2ebd7;
    margin: 0 auto 2em;
    padding: 4em 2em;
    }

.page-tags .tags-container h2 {
    color: #099aaf;

font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: lowercase;
    }

.page-tags .tags-container ul {
    margin: 1em;
    padding: 0;
    }

.page-tags .tags-container ul li {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
    }

.userpic {
	float: left;
	margin: 0 10px 10px 0;
            }

To add the header, find these lines of code (hint: they're at the very top for easy editing) and replace YOUR URL HERE and YOUR HEIGHT HERE with the url of the image you want to use!

#header {
    background-color: transparent;
    margin: 1em auto 2em;
    background-image:url(YOUR URL HERE);
    height: YOUR HEIGHT HERE;
    width: 700px;
    }

Colors used (for easy replacing)

#f45962 · links, journal subtitle

#e15169 · link hover

#9ecf95 · date/time, reply link hover

#7cb173 · reply link

#ca0f0e · module titles, navigation hover

You can credit to terra or vigils. Feel free to modify/redistribute however you like! This layout uses icons by Paul Armstrong, licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.

Threaded | Top-Level Comments Only

This is going to be used for my personal account. :>

This is awesome

This looks great!
(Not using because I have no account to use it on, but I still like it very much. ;)

ngl, i'm not a fan of layouts where text wrap around the icons, but i love how simple this is! with big fonts too! <3 so i'll be mem-ing this, thanks!

This is a great layout! I've memmed it to use on my journal as a base once I change my layout. :)

Lovely layout, I'm already using it and credited to you. One question though, how do I change the colors of the white-gray bars? I was going to make them a deeper gray.

Sure, do you mean at the bottom of each entry?

ul.entry-management-links {
padding: 1em;
background-color: #E3E3E3;
background-image: url(http://spoonybard.org/dwidth/central/lighttitle.gif);
margin: 0;
}

You can change it to any deeper grey that you want, but the background-image might look a bit off. You can just delete the background-image line, though, if you run into that problem!

Edited 2012-01-31 23:51 (UTC)

Nah, I meant more like the big horizontal bars to the left and right of the journal. :o

The top and bottom nav bars, you mean?

Looking back on what I posted, I realize I can't English well!

I apologize, I mixed up my words pretty bad there :P - when I said horizontal, I meant vertical. ;a; Like the columns that are on either side of the entries.

this is an absolutely gorgeous design, thank you for sharing it!!

Oh, definitely going to be using this!

This is lovely. Will credit when used. Thank you!

This is just gorgeous. I am using it now and loving it! Your CSS is really clean and easy to read too - good job!

I am having a bit of trouble with the modules at the bottom. In your live preview, you have three columns of modules and also a full-justify section custom text. Mine are showing up in the first two columns only, and the custom text is not full-justify. In the customize modules section, I have them all sequentially numbered. What am I doing wrong? How do I manipulate how these modules display?

Thanks for sharing this beautiful layout, and for any help you can give!

ETA - actually figured the module stuff out. Sorry to bother! :)

Lovely layout!

Is there any way to put the "recent entries" etc. navigation links in the center of the strip rather than on the left, though?

.module-navlinks {
color: #888;
background-color: #E3E3E3;
background-image: url(http://spoonybard.org/dwidth/central/lighttitle.gif);
background-repeat: no-repeat;
bottom: 0;
margin: 0 auto;
padding: .75em;
position: fixed;
width: 100%;
z-index: 100;
opacity: 0.7;
text-align: center;
}

find .module-navlinks and add the text-align: center; to the code.

Thank you so much!

I'm using your lovely layout. Thank you :)

This is beautiful, will use (and definitely credit!). Thanks so much.

Also (I'm sorry about this) a question: is there any way to get the usernames of the posters show up and not wreck the layout? I tried just removing display: none; from the CSS for .poster, but it kind of shifted everything else down.

Thanks a lot!

I'm working on a fix for this, but on personal journals, the base layout doesn't display the usernames with the posters, so I can't get that to change through CSS fiddling!

Thanks for looking into it! I had a bit of trouble with my reading page because I'm not used to not seeing the username text, heh. I removed the "display: none;" part anyway, even though it does look a bit wonky. In any case, this layout is too lovely to change away from just because of one quibble. :) You did a great job on it -- thanks again for sharing it!

Nice! Will be using this for my RP journal (

godsavesarcasm). Thank you for making this. Will definitely credit.

Using this for

delibird! It's really lovely, thank you. ♥

Page 1 of 2

layout: Blanket, “central”

Instructions

Adding a header

Colors used (for easy replacing)

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