vigils

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.

Flat | Top-Level Comments Only

From:

famira

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.

terra

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 Date: January 31st, 2012 11:51 pm (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.

tibi caeli et universae Potestates;

layout: Blanket, “central”

layout: Blanket, “central”

Instructions

Adding a header

Colors used (for easy replacing)

no subject

no subject

no subject

no subject

no subject

Vigils

Tags

Page Summary