vigils

terra posting in

vigils

Live Preview | Image Preview

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.

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

Flat | Top-Level Comments Only

From:

erewhile

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

From:

twtd

This is awesome

From:

neke

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

From:

rikayla

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!

From:

milkymoon

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

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.

From:

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)

Comment Depth: 3

(no subject)

From:

famira - Date: February 1st, 2012 05:58 am (UTC) - Expand

Comment Depth: 4

(no subject)

From:

terra - Date: February 1st, 2012 06:00 am (UTC) - Expand

Comment Depth: 5

(no subject)

From:

famira - Date: February 1st, 2012 06:03 am (UTC) - Expand

From:

katekat

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

From:

midnightjuly

Oh, definitely going to be using this!

From:

bloody_vixen

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

From:

namsan_daily

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!

From:

namsan_daily

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

From:

unicorn

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?

From:

terra

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

Comment Depth: 3

(no subject)

From:

unicorn - Date: February 21st, 2012 10:57 pm (UTC) - Expand

From:

mecha_kucha

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

From:

surpassingly

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

From:

surpassingly

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!

Comment Depth: 3

(no subject)

From:

terra - Date: March 20th, 2012 09:57 am (UTC) - Expand

Comment Depth: 4

(no subject)

From:

surpassingly - Date: March 23rd, 2012 11:14 am (UTC) - Expand

From:

cimberelly

Nice! Will be using this for my RP journal (

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

From:

prospitian

Using this for

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

From:

septim

I switched to this layout, but none of the images are working at the moment. Is it possible for you to upload them to another server?

From:

terra

I have the images uploaded to my own server, basically, one that I pay money for, which should be more reliable than a free image host. Unfortunately my hosting company is having a hardware malfunction. I've filed a support ticket and they are working on the problem, so I expect it to be fixed in a few hours. I'm probably not going to go through all my layouts and change the code for a temporary outage like this. I know it's really frustrating, and I'm sorry for that.

Comment Depth: 3

(no subject)

From:

septim - Date: April 30th, 2012 11:45 pm (UTC) - Expand

Comment Depth: 4

(no subject)

From:

terra - Date: May 1st, 2012 05:28 am (UTC) - Expand

Comment Depth: 5

(no subject)

From:

septim - Date: May 1st, 2012 05:29 am (UTC) - Expand

From:

bandagedbandit

Yesss I love this! Taking this for an RP account, now I need to design myself a fancy banner...

From:

pretty_panther

so pretty! using! credit on my profile :)

From:

heard_the_owl

LOVE THIS! Using it on a comm with thanks!

From:

dawning

Yoinking for my RP journal and giving credit! Thanks!

From:

nemuitaiga

using this for my journal, thank you!

From:

club_confession

Amazing layout, thank you. Will credit in profile.

Could also please tell me how I could change the page background from light grey to black?

From:

terra

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

You can change that to background-color: #000; or background-color: black;.

Comment Depth: 3

(no subject)

From:

club_confession - Date: September 28th, 2012 04:49 pm (UTC) - Expand

Comment Depth: 4

(no subject)

From:

terra - Date: September 28th, 2012 04:56 pm (UTC) - Expand

Comment Depth: 5

(no subject)

From:

club_confession - Date: September 28th, 2012 05:05 pm (UTC) - Expand

From:

katiesangels

Going to use this for my journal, thank you.

From:

lou

thank you, this is great! I set it up on my account :)

From:

onlyonethatszen

I adore this layout! It fits Daryl wonderfully. Credited in profile.

~~I have but one question, though! How do I put the userpic outside the entries similar to this? Thank you!~~

Ah! Nevermind, figured it out. :>

Edited Date: December 1st, 2012 06:45 pm (UTC)