CSS - classic blogger termplate

compresed CSS _ original

---

@media all{ #content{margin:0 auto;text-align:left;width:740px} #main{background:#fff url("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom;color:#000;float:left;font-size:97%;line-height:1.5em;margin:15px 0 0;padding:0 0 10px;width:485px} #main2{background:url("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top;float:left;padding:10px 0 0;width:100%} #main3{background:url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;padding:0} #sidebar{float:right;font-size:97%;line-height:1.5em;margin:15px 0 0;width:240px} } @media handheld{ #content{width:90%} #main{background:#fff;float:none;width:100%} #main2{background:none;float:none} #main3{background:none;padding:0} #sidebar{float:none;width:100%} } @media all{ #header{background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;color:#fff;margin:0 0 0;padding:8px 0 0} #header div,#footer div div{background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;padding:0 15px 8px} } @media handheld{ #header div,#profile-container h2,.box2,#footer div div{background:none} #header,#footer div{background:#456} } @media all{ #profile-container{background:#cdc url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;color:#345;margin:0 0 15px;padding:0 0 10px} #profile-container h2{background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;border:0;color:#234;font-size:115%;line-height:1.5em;margin:0;padding:10px 15px .2em} } @media handheld{ #profile-container{background:#cdc} } @media all{ .box{background:#fff url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;color:#666;margin:0 0 15px;padding:10px 0 0} .box2{background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;padding:0 13px 8px} } @media handheld{ .box{background:#fff} } @media all{ #footer div{background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;color:#fff;padding:8px 0 0} } @media handheld{ } a img{border:0} blockquote{border:1px dotted #ccc;color:#666;margin:.75em 0;padding:5px 15px} body{background:#aba;color:#333;font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;font-size:small;margin:0;padding:20px 10px;text-align:center} .box p{margin:0 0 .6em} .box ul{list-style:none;margin:.5em 0 1.25em;padding:0 0px} .box ul li{background:url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25em;border-bottom:1px dotted #eee;line-height:1.4em;margin:0;margin-bottom:3px;padding:0 0 3px 16px} .comment-body{margin:0 0 1.25em;padding:0 0 0 20px} .comment-body p{margin:0 0 .5em} .comment-data{background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;color:#666;margin:.5em 0;padding:0 0 0 20px} .comment-poster{font-weight:bold} .comment-timestamp{color:#666;margin:0 0 .5em;padding:0 0 .75em 20px} .date-header{color:#357;font-size:85%;letter-spacing:.2em;line-height:2em;margin:0 28px 0 43px;text-transform:uppercase} .deleted-comment{color:#808080;font-style:italic} .paging-control-container{float:right;font-size:80%;margin:0px 6px 0px 0px} .post{border:1px dotted #bbb;margin:.3em 0 25px;padding:0 13px} .post blockquote p{margin:.5em 0} .post img{border:1px solid #ccc;margin:0 0 5px 0;padding:4px} .post p{margin:0 0 .75em} .post-body{border:1px dotted #bbb;border-bottom-color:#fff;padding:10px 14px 1px 29px} .post-title{background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;border:1px dotted #bbb;color:#333;display:block;font-size:135%;line-height:1.5em;margin:0;padding:2px 14px 2px 29px} .profile-data strong{display:block} .profile-datablock{border-top:1px dotted #aba;margin:0 15px .5em;padding-top:8px} .profile-img{display:inline} .profile-img img{border:4px solid #fff;float:left;margin:0 10px 5px 0} .profile-link a{background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1em;font-weight:bold;padding-left:15px} .sidebar-title{border-bottom:1px dotted #9b9;color:#333;font-size:115%;line-height:1.5em;margin:0;padding:0 0 .2em} .unneeded-paging-control{visibility:hidden} a.comment-link,html > body a.comment-link{background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;padding-left:14px} a.title-link,.post-title strong{display:block;text-decoration:none} html > body p.post-footer{border-bottom-color:transparent} html > body.post-body{border-bottom:0} p.post-footer{background:#ded;border:1px dotted #bbb;border-bottom:1px solid #eee;color:#666;font-size:100%;line-height:1.5em;margin:0;padding:2px 14px 2px 29px;text-align:right} p.post-footer em{display:block;float:left;font-style:normal;text-align:left} ul.profile-datablock{list-style:none} #blog-title{font-size:200%;line-height:1.2em;margin:0;padding:10px 30px 5px} #blog-title a{color:#fff;text-decoration:none} #blogfeeds{} #comments{border:1px dotted #ccc;margin:-25px 13px 0;padding:20px 0 15px 0} #comments h4{border-bottom:1px dotted #ccc;color:#333;font-size:120%;line-height:1.4em;margin:0 0 10px;padding:0 14px 2px 29px} #comments-block{margin:0 15px 0 9px} #description{font-size:94%;line-height:1.5em;margin:0;padding:5px 30px 10px} #footer{clear:both;margin:0;padding:15px 0 0} #footer a{color:#fff} #footer hr{display:none} #footer p{margin:0} #postfeeds{padding:0 15px 0} #profile-container p{margin:0 15px .5em} #profile-container.profile-textblock{clear:left} a.title-link:hover{background:#ded;color:#000} a:hover{color:#c63} a:link,#profile-container a{color:#258} a:visited,.comment-timestamp a:link{color:#666}

---