Z E N || Blanket

[murdering]

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

Comments

[fahrbotdrusilla]

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

[ex_keanu797]

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

[midnightjuly]

Oh, lovely! Definitely using this. :D

[bravelioness]

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! ^^

[sonofabitch]

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?

[robotic]

I'm having the same problem.

[septentrion]

The same here.

[murdering]

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?

[septentrion]

Firefox.

[ex_burps813]

i'm on chrome and having the same problem

[bindlestifflost]

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

[mahonotabi]

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.

Thanks

[ivorii]

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

[floop]

Thanks! This fixed it :)

Love It!

[ivorii]

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

[griffin_cordray]

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