/* Theme Name: My Notebook Theme URI: http://www.sabrina.sg/2008/03/24/my-notebook-version-1-pink-and-simple Description: Pink and Simple! Version: Version 1 Author: Princessa (aka Sabrina) Author URI: http://www.sabrina.sg ----------------------------------------------- Blogger Template Style Name: My Notebook Version 1 Designer: Princessa (aka Sabrina) URL: www.sabrina.sg Date: 24 Mar 2008 ----------------------------------------------- */ body { margin: 0; padding: 0; background: #993d45 url(images/background.jpg) scroll left top repeat-x; width: 100%; font: 80% Trebuchet MS, Lucida, Verdana; color: #660a19; border: 0; } p { margin: 0; padding: 5px 0 5px; } br { margin: 0; padding: 5px 0 5px; } a:link { color: #b0797e; text-decoration: none; } a:visited { color: #b0797e; text-decoration: none; } a:hover { color: #af565e; text-decoration: underline; } a:active { color: #af565e; text-decoration: none; } input, textarea { background: #ffffff; color: #455f29; } blockquote { margin: 5px 15px; padding: 10px; background: #ffd7da; font: 90% Trebuchet MS, Lucida, Verdana; text-align: left; border: 1px dashed #c58d91; } /* The list styles */ ul { margin: 0; padding: 0; list-style: none; } li { margin: 0 0 2px 0; padding: 0 0 0 5px; } /* Image */ img { border: none; } /* This is used for hidden stuff, stuff that you don't want people to see with CSS enabled */ /* Try disabling CSS and you'll see some messages that you don't see with CSS enabled */ .more-link, .hidden { display: none; } /* Main structure */ #wrapper { margin: 0; padding: 0; background: url(images/wrapper.jpg) scroll center top repeat-y; width: 100%; float: left; } /* The container */ #container { margin: 0; padding: 0; background: url(images/container.jpg) scroll center top no-repeat; width: 100%; float: left; } /* The content */ #content { margin: 0 auto; padding: 0; width: 900px; } #content-top { margin: 0; padding: 0; width: 900px; height: 430px; float: left; } #blank-01 { margin: 0; padding: 0; width: 80px; float: left; } /* Leftbar */ #leftbar { margin: 0; padding: 0 15px; width: 210px; float: left; } #leftbar h2 { margin: 15px 0 10px; padding-right: 10px; background: #993d45; font: 14px Verdana; font-weight: bolder; text-align: right; color: #ffb2b9; border-top: 2px solid #ba873b; border-bottom: 1px solid #ba873b; } #sections { margin: 0; padding: 0; width: 210px; float: left; font: 90% Trebuchet MS, Lucida, Verdana; text-align: left; } #sections li { margin-left: 5px; padding-left: 20px !important; background: url(images/mini-arrow.png) left top no-repeat; list-style: none; } #blank-02 { margin: 0; padding: 0; width: 15px; float: left; } #content-post { margin: 0; padding: 0; width: 485px; float: left; } #content-post h1 { margin: 0; padding: 0; font: 20px Trebuchet MS, Lucida, Verdana; font-weight: bold; text-align: right; color: #fad962; } #content-post h2 { margin: 0 0 10px; padding: 2px 0 2px 5px; background: #993d45; font: 18px Verdana; font-weight: bolder; text-align: left; color: #ffb2b9; border-top: 2px solid #ba873b; border-bottom: 1px solid #ba873b; } #content-post h4 { margin: 0; padding: 0; font: 85% Tahoma; text-align: left; } #content-post h4.date { margin-bottom: 10px; text-align: right; } #content-post img { margin: 0; padding: 0; border: #eeeeee 1px solid; } #content-post a img { margin: 0; padding: 0; border: #eeeeee 1px solid; } #content-post .smiley { margin: 0; padding: 0; background: none; border: 0; } #content-wrapper { margin: 0; padding: 0 15px; width: 455px; float: left; font: 100% Trebuchet MS, Lucida, Verdana; text-align: left; } #content-wrapper li.readmore { margin: 0; padding-left: 17px !important; background: url(images/mini-readmore.png) 0 2px no-repeat; font: 90% Trebuchet MS, Lucida, Verdana; list-style: none; } #comments { margin: 0 15px 25px 15px; padding: 10px; background: #ffd7da; font: 90% Trebuchet MS, Lucida, Verdana; text-align: left; border: 1px dashed #c58d91; } /* The footer */ #footer { margin: 10px auto; padding: 0; width: 900px; height: 0; float: left; text-align: right; } /* Ignore this */ .clearing { height: 0; clear: both; } /* The headers */ h1 { margin: 0 0 3px; padding: 0; font: 16px Verdana; font-weight: bold; color: #90703f; } h2 { margin: 15px 0 5px; padding: 0; font: 14px Verdana; font-weight: bold; color: #90703f; } h3 { margin: 0 0 3px; padding: 0; font: 14px Verdana; color: #90703f; } h4 { margin: 0 0 3px; padding: 0; font: 85% Verdana; } /* lists */ .post-photo { padding: 3px; border: 1px solid #ba873b; } .profile-img { display: inline; } .profile-img img { margin: 0 10px 5px 0; padding: 0; float: left; border: 1px solid #ba873b; } .profile-data strong { display: block; } .post-body div { margin: 0; padding: 0; line-height: 18px; overflow: visible; } p.post-footer { font-size: 11px; color: #e5a1a6; text-align: right; } p.post-footer em { display: block; float: left; text-align: left; font-style: normal; } a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding-left: 15px !important; background: url(images/mini-comment.png) 0 2px no-repeat; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 15px !important; background: url(images/mini-comment.png) 0 2px no-repeat; } p.comment-data { font: 90%; } .comment-body p { font: 90%; line-height: 17px; } .clear { height: 0; clear: both; line-height: 0; }