vigils

terra posting in

This layout is basically a tweak on a previously released layout: Central. But I was using it a lot so I figured I might as well release it! Blackletter is an extremely basic one-column layout that features a fairly flexible header scheme.

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":

For a layout with header text (as in preview) —

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

#header {
    margin: 1em auto 2em;
	height: 200px;
	text-align: center;
	width: 650px;
	background:url(http://spoony.valiantknife.org/dwidth/blacklettered/background.png); /* <-- customize url here */
    }

#canvas img { opacity: 0.7; filter: alpha(Opacity=70); -webkit-transition-duration: 0.6s;}
#canvas img:hover { opacity: 1; filter: alpha(Opacity=1); -webkit-transition-duration: 0.6s; }

body {
    color: #000;
    background-color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

}

a:visited {
    color: #000;
    }

a:hover {
	color: #666;
    }

a:active {
    color: #999;
    }

q {
    font-style: italic;
    }
	
blockquote {
	padding: 1em;
	font-style: italic;
	color: #000;
	font-size: 14px;
	font-weight:lighter;}

ul {
	list-style-type:circle;
}

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

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

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

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

#header>.inner {
	padding: 50px 0;
    }

#footer {
	width: 600px;
	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: #000;
 	font-size: 4em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0;
	font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 10px 10px 0 10px;
	background: #fff;
	display: inline-block;
	text-align: center;
    }

#header h2#subtitle {
    color: #000;
 	font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
	padding: 3px;
	background: #fff;
	display: inline-block;
    margin: 1em 0;
	font-size: 9px;
    }

#header h2#pagetitle {
	display: none;
    }

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

.module-navlinks {
    color: #888888;
	background-color: #eee;
	background-image:url(http://spoony.valiantknife.org/dwidth/blacklettered/background.png);
    bottom: 0;
    margin: 0 auto;
    padding: 1em;
    position: fixed;
    width: 100%;
    z-index: 100;
	text-align: center;
    }

.module-navlinks ul.module-list {
    display: inline;
    letter-spacing: 2px;
    margin: 0 0 0 2em;
    padding: 0;
    text-transform: uppercase;
	font-style: italic;
	font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
    }

.module-navlinks ul.module-list li {
    display: inline;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 3px;
	background: #fff;
    }

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

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

/*--- modules ---*/

#secondary {
    color: #000;
    margin: 0 auto;
    padding: 0;
    width: 675px;
    z-index: 0;
	line-height: 180%;
	font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 2em;
    }

#secondary>.inner {
    }

#secondary .module {
    float: left;
    margin: 20px 7px;
	width: 31%;
    }

#secondary .module-typelist {
}

#secondary .module-pagesummary {

}

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

}

#secondary .module-header {
	font-style: italic;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	color: #000;
    }

#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: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, 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: lowercase;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	font-style: italic;
}

.manage-link {
	font-size: .8em;
}

.module-customtext {
	text-align: justify;
	font-size: 14px;
	width: 610px !important;
	padding: 0 20px 1em 20px;
}

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

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 0;
    }

.entry-content {
    margin: 0;
	font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 200%;
	background: #fff;
	font-size: 14px;
	padding: 0 1em 1em 1em;
	position: relative;
    }
	
.contents {
	background: #fff;
	margin: 0;
}

.header {
    margin: 3em 0 1em 0;
	text-align: center;
    }

.footer {
	padding: 0;
	border-bottom: 1px dotted #efefef;
}

.footer .inner {
	margin-top: 0;
}
	
ul.entry-management-links {
    padding:  .25em;
	margin: 1em 0 0 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;
    }
	
.poster.entry-poster {
	margin-left: 1em;
	font-size: 14px;
	font-style: italic;
}

.poster.entry-poster b {
	font-weight: normal !important;
}

.cuttag_container b, .cuttag_container b a {
font-weight: normal !Important;
font-style: italic;
font-size: 1.1em;
}

h3.entry-title {
    font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.3em; 
	color: #000;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    padding: 0;
    }

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

}

.datetime {
    color: #888;
    font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9px;
	letter-spacing: 1px;
    font-weight: normal;
	text-transform: uppercase;
	font-style: italic;
    padding: 15px 0;
    }

.datetime a {
    color: #888;

}

.entry .userpic {
	display: none   }

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

}

/* 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;
    }

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

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

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

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

.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 {
	text-transform: uppercase;
	font-size: 12px;
	background-image:url(http://spoony.valiantknife.org/dwidth/tumblresque/tag_fill_8x8.png);
	background-position: center left;
	background-repeat:no-repeat;
	padding-left: 12px;
}

.tag-text b {
letter-spacing: 0;
}

.tag ul {
padding: 0 0 0 2px;
display: inline;
}

.tag ul li {
	font-size: 10px;
	display: inline;
	list-style: none;
	font-weight: normal;
	text-transform: uppercase;
	color: #939393;
	font-style: italic;
	letter-spacing: 1px;
}

ul.entry-interaction-links {
    margin: -17px 0 0;
    padding: 0 0 .5em;
    text-align: right;
    }

ul.entry-interaction-links li {
    color: #000;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    list-style: none;
    padding: 0 5px 0 0;
	letter-spacing: 2px;
	font-style: italic;
    text-transform: uppercase;
    }

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

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

/*--- 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: #fff;
    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;
    }
			
@font-face {
  font-family: 'UnifrakturMaguntia';
  font-style: normal;
  font-weight: normal;
  src: local('UnifrakturMaguntia'), url(http://themes.googleusercontent.com/static/fonts/unifrakturmaguntia/v4/7KWy3ymCVR_xfAvvcIXm36ofnEspxrPLQXtAOAVG_vM.ttf) format('truetype');
}

/*--- controlstrip/overrides ---*/

#lj_controlstrip {
background-color: #000;
background-image: none;
height: 53px;
}

#lj_controlstrip_userpic {
padding-top: 5px;
padding-left: 5px;
width: 43px;
}

#lj_controlstrip td {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 17.5px;
letter-spacing: normal;
color: #fff;
}

#lj_controlstrip_statustext {
color: #fff;
font-weight: normal;
font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 14px;
font-style: italic;
margin-bottom: 5px;
}

#lj_controlstrip a, #lj_controlstrip .ljuser a b{
color: #fff;
}

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

#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;
}

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

For a layout without header text —

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

#canvas img { opacity: 0.7; filter: alpha(Opacity=70); -webkit-transition-duration: 0.6s;}
#canvas img:hover { opacity: 1; filter: alpha(Opacity=1); -webkit-transition-duration: 0.6s; }

body {
    color: #000;
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

}

a:visited {
    color: #000;
    }

a:hover {
	color: #666;
    }

a:active {
    color: #999;
    }

q {
    font-style: italic;
    }
	
blockquote {
	padding: 1em;
	font-style: italic;
	color: #000;
	font-size: 14px;
	font-weight:lighter;}

ul {
	list-style-type:circle;
}

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

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

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

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

#header>.inner {
	display:none !important;
    }

#footer {
	width: 600px;
	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: #000;
    font-size: 4em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0;
    font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 10px 10px 0 10px;
    background: #fff;
    display: inline-block;
    text-align: center;
    }

#header h2#subtitle {
    color: #000;
    font-family: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 3px;
    background: #fff;
    display: inline-block;
    margin: 1em 0;
    font-size: 9px;
    }

#header h2#pagetitle {
	display: none;
    }

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

.module-navlinks ul.module-list li {
    display: inline;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 3px;
	background: #fff;
    }

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

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

/*--- modules ---*/

#secondary>.inner {
    }

#secondary .module {
    float: left;
    margin: 20px 7px;
	width: 31%;
    }

#secondary .module-typelist {
}

#secondary .module-pagesummary {

}

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

}

#secondary .module-header {
	font-style: italic;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	color: #000;
    }

#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: "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, 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: lowercase;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	font-style: italic;
}

.manage-link {
	font-size: .8em;
}

.module-customtext {
	text-align: justify;
	font-size: 14px;
	width: 610px !important;
	padding: 0 20px 1em 20px;
}

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

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 0;
    }

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

.header {
    margin: 3em 0 1em 0;
	text-align: center;
    }

.footer {
	padding: 0;
	border-bottom: 1px dotted #efefef;
}

.poster.entry-poster b {
	font-weight: normal !important;
}

.cuttag_container b, .cuttag_container b a {
font-weight: normal !Important;
font-style: italic;
font-size: 1.1em;
}

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

}

.datetime a {
    color: #888;

}

.entry .userpic {
	display: none   }

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

}

/* 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;
    }

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

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

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

.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 b {
letter-spacing: 0;
}

.tag ul {
padding: 0 0 0 2px;
display: inline;
}

.tag ul li {
	font-size: 10px;
	display: inline;
	list-style: none;
	font-weight: normal;
	text-transform: uppercase;
	color: #939393;
	font-style: italic;
	letter-spacing: 1px;
}

ul.entry-interaction-links {
    margin: -17px 0 0;
    padding: 0 0 .5em;
    text-align: right;
    }

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

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

/*--- 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: #fff;
    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;
    }

/*--- controlstrip/overrides ---*/

#lj_controlstrip {
background-color: #000;
background-image: none;
height: 53px;
}

#lj_controlstrip_userpic {
padding-top: 5px;
padding-left: 5px;
width: 43px;
}

#lj_controlstrip td {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 17.5px;
letter-spacing: normal;
color: #fff;
}

#lj_controlstrip a, #lj_controlstrip .ljuser a b{
color: #fff;
}

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

Customizing the header

This layout was designed with a simple-to-customize header component. The default size of the header is 650 x 200 pixels, but you can tweak the CSS to other dimensions.

To change the header, find these lines of code (hint: they're at the very top for easy editing) and replace the url in red with the url of the image you want to use! You can also delete the line altogether if you don't want to use a header background; it looks a bit like this.

#header {
    margin: 1em auto 2em;
    text-align: center;
    height: 200px;
    width: 650px;
    background:url(http://spoony.valiantknife.org/dwidth/blacklettered/background.png); 
    }

Please credit to terra or vigils. Feel free to modify/redistribute however you like! You an see some tweaks I've made to the CSS shell (and a header image without the text) here. This layout uses icons by Paul Armstrong, and patterns from Subtle Patterns, both licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.

Flat | Top-Level Comments Only

From:

twtd

This is georgeous.

From:

grackle

I realize this defeats the purpose of the layout a little, but is there a way to have little icons showing like you have in your "Central" style? I've been using your style for a few hours now and it made me realize I enjoy icons more than I thought I did.

If this is a rude thing to ask, I apologize and please just delete this comment.

From:

terra

Find the ".entry .userpic" line, and replace with:

.entry .userpic {
	margin: 1em 0 1em 1em !important; 
	z-index: 3 !important;
	float: right !important;
	}

Let me know if that works!

From:

grackle

It didn't seem to do anything. I'm replacing

.entry .userpic {
display: none }

with what you just posted. Is that right?

Also thank you very much!

Edited Date: September 7th, 2012 06:33 am (UTC)

From:

terra

Yes, that would be it! I think you'll also have to go and find the section ".entry-content" and delete the "background-color: white;" line.

From:

grackle

it worked! Thank you!

From:

teal

Just a quick question! I've got a big title for my journal and want to make the header text smaller, any way to do that?

From:

terra

Sure! Here's the code for the header text.

#header h1#title {
    color: #000;
    font-size: 4em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0;
    font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 10px 10px 0 10px;
    background: #fff;
    display: inline-block;
    text-align: center;
    }

The red value is the one you want to adjust. So you could try 3em, or set it to 36px, or whatever you like, really. I hope that's helpful!

From:

teal

Thank you! That worked perfectly~ 3em put it right center in the box.

From:

ex_blut924

Wow, great work! +MEM!

From:

widowmaker

Is there a way to get usernames and community names to display on the read pages? Or am I installing this wrong? I've used another one of your layouts (they are all gorgeous) and had the same problem, I can't figure out if I'm borking it or what.

From:

vampirique

hi friend i'm taking this thx

love ophelia

From:

bigbrasskey

This is lovely, using with credit on my writing journal!

From:

sobered

oh hey i totally do still have this page open!

you may not need comments or credit but you deserve them, your layouts are gorgeous and i really like this one. it is clean and neat and the instructions are all really clear! thank youuu

From:

codegal

Exactly what I'm looking for! Gorgeous! *A*

From:

flyingharmony

GORGEOUS! Taking fo ra few RPG accounts, thank you so much <333. Credit is self-evident :)

From:

aegistheia

Lovely layout! I'm modifying parts of it for my writing journal. Thank you for sharing!

From:

letsallchant

Your layouts are the best I've seen on DW so far. I like how modern and simple they are. I love this, and I'll be using this soon.

From:

pinchhittermods

Beautiful layout, I'm using. Thanks!

From:

venturer

I don't know if you're still looking at this or not, but I LOVE this layout and had used it on a previous journal. I wanted to use it again, but I'm having a bit of a problem with it where the journal's subheader is showing next to the header, instead of underneath it.

For some reason, it's doing this on my new journal, but not the old one that I still have it on. I even tried going back and taking the code from the old one and it's still doing it.

fascinator this is the old, functional one

venturer this is the new one, with the problem

Any idea what might be going on?

From:

terra

I do still get comments, yes! Do you want the grey background in the header area or no? I can probably fix it either way, but it might be a slightly different fix.

From:

venturer

Thank you so much for replying! I do like the grey background in the header very much.

From:

terra

Ok, so then, so find this part:

#header h1#title {
    color: #000;
    font-size: 4em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0 ;
    font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 10px 10px 0 10px;
    background: #fff;
    display: inline-block;
    text-align: center;
}

And replace it with:

#header h1#title {
    color: #000;
    font-size: 4em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0 2em ;
    font-family: UnifrakturMaguntia, "Bell MT", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 10px 10px 0 10px;
    background: #fff;
    display: inline-block;
    text-align: center;
}

Edited (formatting!) Date: May 23rd, 2017 06:31 am (UTC)

From:

venturer

That worked perfectly! Thank you so much for replying so quickly and for the help. (And for making the beautiful layout in the first place and being willing to share.)

From:

terra

Np, I'm glad I could make it work for you :)

From:

lovepsychos

hi! how i can show userpics with this layout?

From:

lovepsychos

fixed! thank you for the beautiful layout! =)

Flat | Top-Level Comments Only

Terms & Conditions

Vigils

tibi caeli et universae Potestates;

layout: Blanket, “blackletter”

layout: Blanket, “blackletter”

Instructions

Customizing the header

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

Vigils

Tags

Page Summary