mandys ontwerpen: retro beauty

/* Variable definitions ==================== */ /* global ----------------------------------------------- */ body { margin: 0; text-align: center; min-width: 760px; background: #ce436e url(http://www.blogblog.com/thisaway_rose/bg_body.gif) repeat-x left top; color: #bf277e; font-size: small; } blockquote { margin: 0; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; border-left: 6px solid #f7d8e2; border-right: 6px solid #f7d8e2; color: #ba476b; } code { color: #ba476b; } hr { display: none; } /* layout ----------------------------------------------- */ #outer-wrapper { margin: 0 auto; width: 760px; text-align: left; font: italic normal 100% Georgia, Times, serif; } #header-wrapper { padding-bottom: 15px; background: url(http://www.blogblog.com/thisaway_rose/bg_header_bottom.gif) no-repeat left bottom; } #header { background: #632035 url(http://www.blogblog.com/thisaway_rose/bg_header.gif) repeat-x left bottom; } #content-wrapper { position: relative; width: 760px; background: #f7f0e9 url(http://www.blogblog.com/thisaway_rose/bg_main_wrapper.gif) repeat-y left top; } #main-wrapper { display: inline; /* fixes a strange ie margin bug */ float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 3px; padding: 0; width: 483px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { padding-top: 22px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; background: url(http://www.blogblog.com/thisaway_rose/bg_content.gif) repeat-x left top; } .post { margin-top: 0; margin-right: 8px; margin-bottom: 14px; margin-left: 21px; padding: 0; border-bottom: 3px solid #f7d8e2; } #comments { margin-top: 0; margin-right: 16px; margin-bottom: 14px; margin-left: 29px; padding: 10px; border: 1px solid #f0ced8; background-color: #f5e4e9; } #sidebar-wrapper { display: inline; /* fixes a strange ie margin bug */ float: right; margin-top: 0; margin-right: 3px; margin-bottom: 0; margin-left: 0; width: 269px; color: #bf277e; line-height: 1.4em; font-size: 90%; background: url(http://www.blogblog.com/thisaway_rose/bg_sidebar.gif) repeat-x left top; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { padding-top: 7px; padding-right: 11px; padding-bottom: 0; padding-left: 14px; background: url(http://www.blogblog.com/thisaway_rose/bg_sidebar_arrow.gif) repeat-y 179px 0; } #sidebar .widget { margin-bottom: 20px; } #footer-wrapper { padding-top: 15px; background: url(http://www.blogblog.com/thisaway_rose/bg_footer_top.gif) no-repeat left top; clear: both; } #footer { background: #491525 url(http://www.blogblog.com/thisaway_rose/bg_footer.gif) repeat-x left top; text-align: center; min-height: 2em; } /* headings ----------------------------------------------- */ #header h1 { margin: 0; padding-top: 24px; padding-right: 0; padding-bottom: 0; padding-left: 84px; background: url(http://www.blogblog.com/thisaway_rose/icon_header_left.gif) no-repeat 16px 26px; } h2.date-header { margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 29px; text-transform: uppercase; color: #c88fa2; background: url(http://www.blogblog.com/thisaway_rose/icon_date.gif) no-repeat 13px 0; font-size: 80%; font-weight: normal; } .date-header span { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px; padding-top: 0; padding-right: 25px; padding-bottom: 0; padding-left: 25px; background: url(http://www.blogblog.com/thisaway_rose/bg_date.gif) no-repeat left 0; } .sidebar h2 { padding-top: 1px; padding-right: 0; padding-bottom: 0; padding-left: 36px; color: #bd8095; background: url(http://www.blogblog.com/thisaway_rose/icon_sidebar_heading_left.gif) no-repeat left 45%; font: normal bold 100% Georgia, Times, serif; } .sidebar .Profile h2 { color: #95526a; background: url(http://www.blogblog.com/thisaway_rose/icon_sidebar_profileheading_left.gif) no-repeat left 45%; } .post h3 { margin-top: 13px; margin-right: 0; margin-bottom: 13px; margin-left: 0; padding: 0; color: #ba476b; font-size: 140%; } .post h3 a, .post h3 a:visited { color: #ba476b; } #comments h4 { margin-top: 0; font-size: 120%; } /* text ----------------------------------------------- */ #header h1 { color: #bf277e; font: italic normal 180% Verdana, sans-serif; } #header .description { margin: 0; padding-top: 7px; padding-right: 16px; padding-bottom: 0; padding-left: 84px; color: #feeef3; font: normal normal 80% Georgia, Times, serif; } .post-body p { line-height: 1.4em; /* Fix bug in IE5/Win with italics in posts */ margin: 0; height: 1%; overflow: visible; } .post-footer { font-size: 80%; color: #c88fa2; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-footer .post-author, .uncustomized-post-template .post-footer .post-timestamp { display: block; float: left; text-align: left; margin-right: 4px; } p.comment-author { font-size: 83%; } .deleted-comment { font-style:italic; color:gray; } .comment-body p { line-height: 1.4em; } .feed-links { clear: both; line-height: 2.5em; margin-bottom: 0.5em; margin-left: 29px; } #footer .widget { margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 15px; padding-left: 55px; color: #feeef3; font-size: 90%; line-height: 1.4em; background: url(http://www.blogblog.com/thisaway_rose/icon_footer.gif) no-repeat 16px 0; } /* lists ----------------------------------------------- */ .post ul { padding-left: 32px; list-style-type: none; line-height: 1.4em; } .post li { padding-top: 0; padding-right: 0; padding-bottom: 4px; padding-left: 17px; background: url(http://www.blogblog.com/thisaway_rose/icon_list_item_left.gif) no-repeat left 3px; } #comments ul { margin: 0; padding: 0; list-style-type: none; } #comments li { padding-top: 0; padding-right: 0; padding-bottom: 1px; padding-left: 17px; background: url(http://www.blogblog.com/thisaway_rose/icon_comment.gif) no-repeat left 3px; } .sidebar ul { padding: 0; list-style-type: none; line-height: 1.2em; margin-left: 0; } .sidebar li { padding-top: 0; padding-right: 0; padding-bottom: 4px; padding-left: 17px; background: url(http://www.blogblog.com/thisaway_rose/icon_list_item.gif) no-repeat left 3px; } #blog-pager-newer-link { float: left; margin-left: 29px; } #blog-pager-older-link { float: right; margin-right: 16px; } #blog-pager { text-align: center; } /* links ----------------------------------------------- */ a { color: #bf277e; font-weight: bold; } a:hover { color: #96095a; } a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url(http://www.blogblog.com/thisaway_rose/icon_comment.gif) no-repeat left 45%; padding-left: 14px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ background: url(http://www.blogblog.com/thisaway_rose/icon_comment.gif) no-repeat left 45%; padding-left: 14px; } .sidebar a { color: #e25984; } .sidebar a:hover { color: #b02c56; } #header h1 a { color: #feeef3; text-decoration: none; } #header h1 a:hover { color: #d9b4c1; } .post h3 a { text-decoration: none; } a img { border-width: 0; } .clear { clear: both; line-height: 0; height: 0; } .profile-textblock { clear: both; margin-bottom: 10px; margin-left: 0; } .profile-img { float: left; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; padding: 3px; border: 1px solid #ebbdcc; } .profile-link { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 17px; background: url(http://www.blogblog.com/thisaway_rose/icon_profile_left.gif) no-repeat left 0; } /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } -->