yuanru | Z E N || Blanket

click for full-size preview image

A B O U T

Style || Blanket
Variation || Peach
To install:
Organize => Select Style => Enter "Blanket" in search field => Select 'Peach' by renoir => Customize

Changes you must make:
Presentation
Additional Options =>
Select whether user interaction links are printed as text or using the available icons => text-only
Select whether entry management links are printed as text or using the available icons => text-only
Select whether comment management links are printed as text or using the available icons => text-only

Custom CSS
Uncheck all boxes =>
C/P code below into textbox =>

//* Z E N *//
//* A basic layout for Blanket*// 
//* Made by MURDERING || YUANRU at dreamwidth*//

/* Cleaned CSS: */

/* Blanket */

body { padding: 0; margin: 0; text-align: center; color: #79BD9A;
background-color: #5c6b7a; background: url(http://i.imgur.com/xuEmT.jpg) repeat; background-attachment: fixed; 
 font-family: 'Lucida Grande', Lucida, sans-serif; font-size: 1em; }

a, a:active { text-decoration: none; color: #0B486B
;
 }
a:visited { color: #0B486B
;
 }
a:hover { color: #0B486B
;
 }

q { font-style: italic; }

#canvas { margin: 0 auto 3em auto; text-align: justify; padding: 0; }
#content { padding: 0; margin: 0; }
#primary { width: 60%; margin: 0 auto;  z-index: 0; padding: 0; }

/*--- header + footer ---*/
#header { text-align: center; width: 60%; margin: 0 auto 2em auto; background-color: #ffffff;
 }
#header>.inner { border-left: 20px solid #CFF09E; padding: 4em 2em; }
#footer { display: block; clear: both; }
.page-top { width: 60%; margin: 0 auto; text-transform: uppercase; text-align: right; }
.navigation { text-transform: uppercase; text-align: right; }
li.page-back, li.page-forward { display: inline; list-style: none; padding: 0; margin: 0 0 0 0.3125em; }
li.page-separator { display: none; }
div.navigation ul { display: inline; padding: 0; margin: 0; }

/*--- header texts ---*/
div#header h1#title { font-weight: normal; letter-spacing: 5px; text-transform: uppercase; padding: 0; margin: auto; color: #3B8686;
 font-family: 'impact', impact, sans-serif; font-size: 5em; }
div#header h2#subtitle { font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; color: #3B8686;
 font-family: 'Lucida Grande', Lucida, sans-serif; font-size: 1em; }
div#header h2#pagetitle { font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 1em 0 0 0; color: #697e93;
 font-family: 'Edwardian Script', script, sans-serif; font-size: 1em; }

/*--- navigation links ---*/
div.module-navlinks { position: fixed; bottom: 0; z-index: 100; padding: 0.75em; width: 100%; margin: 0 auto; color: #fff;
background-color: #CFF09E;
opacity:.70;
 }
div.module-navlinks ul.module-list { display: inline; padding: 0; margin: 0 0 0 2em; text-transform: uppercase; letter-spacing: -0.5px; }
div.module-navlinks ul.module-list li { display: inline; margin: 0 1em 0 0; list-style: none; border-right: 1px solid #8c8c8c; padding: 0 0.5em 0 0; }

/*--- modules ---*/
#secondary { width: 60%; margin: 0 auto; z-index: 0; padding: 0; color: #8c8c8c;
background-color: #ffffff;
 }
#secondary>.inner { border-left: 20px solid #CFF09E; padding: 4em 2em; }

#secondary .module { float: left; margin: 2em 1em;}
#secondary .module-header, #secondary .module-header a { color: #5c6b7a;
 }
#secondary .module-header { font-family: 'Lucida Grande', Lucida, sans-serif;  }
#secondary .separator-after { clear: both; }
.module-tags_cloud { margin: 3em 0; width: 100%; float: none; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; }
.module-tags_cloud .module-content { padding: 0 3em 1em 3em; }
.module-tags_cloud li, .tags_cloud li { display: inline; list-style-type: none; }

#secondary .module-content { text-align: left; font-family: 'Lucida Grande', Lucida, sans-serif;  }
#secondary .module-content ul {  list-style: outside; margin-left: 1em;  padding-left: 0; }
#secondary .module-content li { margin: .5em 0; }

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: 0.5em; }

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

/*--- entry ---*/
div.entry { padding: 2em; margin: 0 0 2em 0; border-left: 20px solid #CFF09E; color: #8c8c8c;
background-color: #ffffff;
 }
div.entry-content { margin: 1em 0 0 0; }

div.header { padding: 0; margin: 0 0 1em 0; }
h3.entry-title { font-weight: normal; text-transform: lowercase; letter-spacing: -1; padding: 0; margin: 0; font-family: 'Lucida Grande', Lucida, sans-serif; font-size: 1.5em; color: #4cc8bd;
 }
h3.entry-title a { color: #4cc8bd;
 }

.datetime { font-size: 0.9em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; color: #697e93;
 }
.datetime a { color: #697e93;
 }

.userpic { display: block; }

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

}

span.poster { font-size: 0.9em; font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0; color: #697e93;
 }

/* 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 { text-align: center; margin: auto; }
.metadata.top-metadata { text-align: center; margin: 1em 0 2em 0; }
div.metadata ul { text-align: center; padding: 0; margin: 0; }
div.metadata ul li { text-align: center; list-style: none; font-size: 0.5em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #697e93;
 }
span.metadata-label-location, span.metadata-label-mood, span.metadata-label-music { display: none; }
span.metadata-item-location { padding: 0 0 0 1.3em; }
span.metadata-item-mood { padding: 0 0 0 1.3em; }
span.metadata-item-music { padding: 0 0 0 1.3em; }

span.tag-text {display: none; margin: auto; }
div.tag ul {display: none; list-style: none; text-align: center; padding: 0 0 0 1.3em; margin: 0;  }
div.tag ul li {display: none; text-align: center; font-size: 0.5em; font-weight: normal; text-transform: list-style: none; lowercase; letter-spacing: 0; padding: 0; color: #697e93;
 }

ul.entry-management-links { display: none; text-align: center; margin: auto; padding: 0; margin: 2em 0 0 0; }
ul.entry-management-links li { display: none; text-align: center; margin: auto; display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0 5px 0 0; color: #697e93;
 }

ul.entry-interaction-links { text-align: center; margin: auto; padding: 0 0 0.5em 0; margin: 1em 0 0 0; text-align: center; border-bottom: 1px solid #8c8c8c; }
ul.entry-interaction-links li { text-align: center; margin: auto; display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0 5px 0 0; color: #697e93;
 }

/*--- comments ---*/

.comment-title {
    font-family: 'Lucida Grande', Lucida, 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; }

input, textarea { padding: 5px; font: 1em Helvetica, Arial, 'Arial Narrow', sans-serif; line-height: 1.8em; color: #8c8c8c;
background-color: #ffffff;
border: solid 1px #8c8c8c;
 }
textarea.textbox  { width: 100% !important; }

.comment { margin: 0 auto 2em auto; padding: 40px 20px; border-left: 20px solid #CFF09E; color: #8c8c8c;
background-color: #ffffff;
 }
.comment-wrapper { margin: 2em 0; padding: 0; }

.bottomcomment, .comments-message { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #CFF09E; color: #8c8c8c;
background-color: #ffffff;
 }

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

#qrform table { border: 0!important; }

/*--- archive ---*/
li.active { list-style: none; display: inline; text-transform: uppercase; padding: 0; margin: 0; text-align: center; color: #33a59c;
 }

.month { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #CFF09E; color: #8c8c8c;
background-color: #ffffff;
 }
.month h3 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; color: #4cc8bd;
 }

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

.month th { font-size: 0.9em; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #0a0a0a;
background-color: #8c8c8c;
 }
.month table { width: 100%; border: 0; margin: auto; }
.month caption { display: none; }

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

/*--- tags ---*/
.page-tags .tags-container h2 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: auto; text-align: right; color: #4cc8bd;
 }

.page-tags .tags-container { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #CFF09E; color: #8c8c8c;
background-color: #ffffff;
}

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

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

Changes you can make:
Text
Remove links at bottom bar by deleting text under Navigation heading in this section.

❀ This layout does not display userpics. It is ideal for personal journals without custom comment pages.
❀ Credit appreciated
❀ Comments adored
❀ Questions answered if at all possible

❀ More coming soon from

yuanru

Threaded | Top-Level Comments Only

I like it! I just changed my layout, but I'm book marking for later use!

Really nice layout. I am +MEM'ing this for future use. Thanks!

Oh, lovely! Definitely using this. :D

Hooray, a community for creating DW layouts! Your work already looks superb, so I'll happily await what you come up with in the future! Thanks for your hard work! ^^

For some reason, I'm unable to get the background image to appear even after uploading it to my own server and trying to mess around with the code. Any suggestions?

I'm having the same problem.

The same here.

I'm not sure what the issue is, but I'll try to poke around once I have some free time and see if I can replicate/solve the problem. What browser are you each using?

Firefox.

i'm on chrome and having the same problem

I'm having the same problem as well. I'm using Chrome.

I had the same problem as the people above but adding

html, body{
height: 100%;
min-height: 100%;
}

at the top of the code helped? No idea why, but it brought the background back.

Been looking for a new dreamwidth layout and I adore it! Gonna use it, thanks!

I was having the same problem and this fixed it! Weird...

Absolutely gorgeous layout. Nabbing it with full credit. Thanks!

Thanks! This fixed it :)

Z E N || Blanket

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Love It!

Thanks

no subject

no subject