This page has moved to a new address.

In the Forest - Layout

blockquote { font-style:normal; padding:0 32px; line-height:1.6; margin:0 0 .6em 0; } p {margin:0;padding:0}; abbr, acronym { cursor:help; font-style:normal; } code {font:12px monospace;white-space:normal;color:#666;} hr {display:none;} img {border:0;} /* Link styles */ a:link {color:#473624;text-decoration:underline;} a:visited {color:#716E6C;text-decoration:underline;} a:hover {color:#956839;text-decoration:underline;} a:active {color:#956839;} /* Layout ----------------------------------------------- */ @media all { #wrap { background-color:#473624; border-left:1px solid #332A24; border-right:1px solid #332A24; width:700px; margin:0 auto; padding:8px; text-align:center; } #main-top { width:700px; height:49px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top left; margin:0;padding:0; display:block; } #main-bot { width:700px; height:81px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top left; margin:0; padding:0; display:block; } #main-content { width:700px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y; margin:0; text-align:left; display:block; } } @media handheld { #wrap { width:90%; } #main-top { width:100%; background:#FFF3DB; } #main-bot { width:100%; background:#FFF3DB; } #main-content { width:100%; background:#FFF3DB; } } #inner-wrap { padding:0 50px; } #blog-header { margin-bottom:12px; } #blog-header h1 { margin:0; padding:0 0 6px 0; font-family:italic; font-size:225%; font-weight:normal; color:#612E00; } #blog-header h1 a:link { text-decoration:none; } #blog-header h1 a:visited { text-decoration:none; } #blog-header h1 a:hover { border:0; text-decoration:none; } #blog-header p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } div.clearer { clear:left; line-height:0; height:10px; margin-bottom:12px; _margin-top:-4px; /* IE Windows target */ background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom left; } @media all { #main { width:430px; float:right; padding:8px 0; margin:0; } #sidebar { width:150px; float:left; padding:8px 0; margin:0; } } @media handheld { #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } #footer { clear:both; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left; padding-top:10px; _padding-top:6px; /* IE Windows target */ } #footer p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } /* Typography :: Main entry ----------------------------------------------- */ h2.date-header { font-weight:normal; text-transform:uppercase; margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } .post { margin:8px 0 24px 0; line-height:1.5em; } h3.post-title { font-family:italic; font-weight:normal; font-size:200%; color:#8B0000; margin:0; padding:0; } .post-body p { margin:0 0 .6em 0; font-family: italic; font-size:150%; } .post-footer { color:#211104; font-size:74%; border-top:1px solid #BFB186; padding-top:6px; font-style:italic; } .post ul { margin:0; padding:0; font-family:italic; } .post li { font-family:italic; line-height:1.5em; list-style:none; background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em; vertical-align:top; padding: 0 0 .6em 17px; margin:0; } /* Typography :: Sidebar ----------------------------------------------- */ h2.sidebar-title { font-weight:normal; font-size:120%; margin:0; padding:0; color:#211104; font-family:italic; } h2.sidebar-title img { margin-bottom:-4px; } #sidebar ul { font-family:italic; font-size:86%; margin:6px 0 12px 0; padding:0; } #sidebar ul li { list-style: none; padding-bottom:6px; margin:0; } #sidebar p { font-family:italic; font-size:86%; margin:0 0 .6em 0; } /* Comments ----------------------------------------------- */ #comments {} #comments h4 { font-weight:normal; font-family:italic; font-size:120%; color:#29303B; margin:0; padding:0; } #comments-block { line-height:1.5em; font-family:italic; } .comment-poster { background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em; margin:.5em 0 0; padding:0 0 0 20px; font-weight:bold; font-family:italic; } .comment-body { margin:0; padding:0 0 0 20px; font-family:italic; } .comment-body p { font-size:100%; margin:0 0 .2em 0; font-family:italic; } .comment-timestamp { font-family:Verdana, sans-serif; color:#29303B; font-size:74%; margin:0 0 10px; padding:0 0 .75em 20px; } .comment-timestamp a:link { color:#473624; text-decoration:underline; } .comment-timestamp a:visited { color:#716E6C; text-decoration:underline; } .comment-timestamp a:hover { color:#956839; text-decoration:underline; } .comment-timestamp a:active { color:#956839; text-decoration:none; } .deleted-comment { font-style:italic; color:gray; } .comment-link { margin-left:.6em; } /* Profile ----------------------------------------------- */ #profile-container { margin-top:12px; padding-top:12px; height:auto; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left; } .profile-datablock { margin:0 0 4px 0; } .profile-data { display:inline; margin:0; padding:0 8px 0 0; text-transform:uppercase; letter-spacing:.1em; font-size:90%; color:#211104; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 8px 0 0; border:1px solid #A2907D; padding:2px; } .profile-textblock { font-family:Verdana, sans-serif;font-size:86%;margin:0;padding:0; } .profile-link { margin-top:5px; font-family:Verdana,sans-serif; font-size:86%; } /* Post photos ----------------------------------------------- */ img.post-photo { border:1px solid #A2907D; padding:4px; }

Elmsley Rose

6 August 2007

In the Forest - Layout

I've made some design decisions.

* I've made the marginalia the same on both the left and the right, rather than having minimal decoration on the right because that was originally heading towards the gutter.

* I'm not doing the shield at the bottom, so I've changed the design a little, to have a spray of flowers and seeds going vertically down from the middle. So it wasn't unbalanced, I've removed a small spray from the bottom of the left hand side.

* I've increased the top and bottom margins a little (to 5 and 10 cm respectively).

I've penciled in bloggy shapes where the marginalia is. This scan shows half, vertically. The design is now symmetrical.