博客园自定义CSS美化 屏蔽广告等

 ?1 body{ ?2 ????background: url(http://images.cnblogs.com/cnblogs_com/storyicon/1107385/o_Z.jpg); ?3 ????font-family: "Hiragino Sans GB","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53; ?4 ????font-size: 12px; ?5 ????margin: 0px; ?6 } ?7 a { ?8 ????font-family: "Hiragino Sans GB","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53; ?9 ????font-size: 12px; 10 ????text-decoration: none; 11 ????color: inherit; 12 } 13 a[href]:hover,#navList a:hover,#Header1_HeaderTitle:hover{ 14 ????color: #e45f07; 15 } 16 ul{ 17 ????list-style: none; 18 } 19 #header{ 20 ????position: fixed; 21 ????_position: absolute; 22 ????z-index: 100; 23 ????left: 0; 24 ????top: 0px; 25 ????width: 100%; 26 ????background: #fff; 27 ????padding: 30px 0 20px 0; 28 ????opacity: .9; 29 ????box-shadow: 0 0 6px rgba(0,0,0,0.2); 30 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 31 ????-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); 32 ????height: 41px; 33 ????z-index: 200; 34 } 35 #blogTitle{ 36 ????width: 1035px; 37 ????margin: -35px auto; 38 ????padding-left: 172px; 39 } 40 #Header1_HeaderTitle{ 41 ????color: #333; 42 ????text-decoration: none; 43 ????font-size: 26px; 44 } 45 #main{ 46 ????padding-top: 120px; 47 ????width: 1035px; 48 ????margin: 0 auto; 49 ????padding-left: 172px; 50 } 51 #mainContent{ 52 ????width: 815px; 53 ????float: left; 54 } 55 .forFlow{ 56 ????width: 780px; 57 } 58 #navigator { 59 ????position: fixed; 60 ????top: 25px; 61 ????z-index: 1000; 62 ????width: 400px; 63 ????right: 20%; 64 } 65 #navList{ 66 ????list-style: none; 67 ????float: right; 68 ????margin: 12px 20% 0 0; 69 } 70 #navList li { 71 ????float: left; 72 ????margin-right: 9px; 73 } 74 #navList a { 75 ????color: #999; 76 ????text-decoration: none; 77 } 78 #blog_nav_rss_image{ 79 ????display: none; 80 } 81 .blogStats{ 82 ????display: none; 83 } 84 .postTitle { 85 ????font-size: 23px; 86 ????width: 100%; 87 ????font-family: fantasy; 88 ????background: #fff; 89 ????padding: 28px 0px 0px; 90 ????box-shadow: 0 0 6px rgba(0,0,0,0.2); 91 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); 92 ????-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); 93 } 94 .postTitle a { 95 ????font-size: 20px; 96 ????font-weight: normal; 97 ????color: #111; 98 ????padding-left: 28px; 99 }100 .postCon {101 ????background: #FFF;102 ????padding: 20px 13px;103 ????color: #444;104 ????font-size: 12px;105 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);106 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);107 ????-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.2);108 }109 .c_b_p_desc {110 ????padding: 0 14px;111 ????overflow: hidden;112 ????line-height: 1.7;113 ????color: #444;114 ????word-wrap: break-word;115 }116 .c_b_p_desc_readmore {117 ????padding-left: 5px;118 ????display: none;119 }120 #navList li:nth-child(1){121 ????display: none;122 }123 .postDesc {124 ????padding: 11px 28px;125 ????background: #f8f8f8;126 ????border-top: 1px solid #e7e7e7;127 ????height: 16px;128 ????margin: 0px;129 ????box-shadow: 0px 6px 6px rgba(0,0,0,0.2);130 ????-moz-box-shadow: 0px 6px 6px rgba(0,0,0,0.2);131 ????-webkit-box-shadow: 0px 6px 6px rgba(0,0,0,0.2);132 ????color: #aaa;133 ????cursor: default;134 }135 #navList a:after {136 ????content: ‘]‘;137 }138 #navList a:before {139 ????content: ‘[‘;140 }141 .postDesc a {142 ????color: #999;143 ????float: right;144 ????cursor: pointer;145 ????margin-left: 7px;146 }147 .postSeparator{148 ????margin-bottom: 22px;149 }150 .postTitle {151 ????font-size: 23px;152 ????width: 100%;153 ????font-family: fantasy;154 ????background: #fff;155 ????padding: 28px 0px 0px;156 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);157 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);158 ????-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);159 }160 .postCon {161 ????background: #FFF;162 ????padding: 20px 13px;163 ????color: #444;164 ????font-size: 12px;165 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);166 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);167 ????-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.2);168 }169 #sideBar{170 ????float: left;171 ????background: #fff;172 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);173 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);174 ????-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);175 ????width: 220px;176 }177 #sideBarMain{178 ????padding: 20px;179 ????height: 360px;180 }181 .newsItem{182 ????display: none;183 }184 h3.catListTitle {185 ????display: none;186 }187 #footer{188 ????padding: 35px 0px 35px 0;189 ????color: #999;190 ????background: #fff;191 ????opacity: .9;192 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);193 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);194 ????-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);195 ????margin-top: 303px;196 ????text-align: center;197 ????text-indent: 1020px;198 }199 .dayTitle,#sidebar_shortcut,#sidebar_categories{200 ????display: none;201 }202 .sidebar-block{203 ????position: fixed;204 ????top: 23px;205 ????z-index: 999;206 ????width: 100%;207 ????margin-left: -22px;208 }209 .mySearch{210 ????width: 1035px;211 }212 #q{213 ????width: 182px;214 ????height: 25px;215 ????padding: 4px;216 ????border: 1px solid #e7e7e7;217 ????box-shadow: 0 2px 2px #f0f0f0 inset;218 ????-moz-box-shadow: 0 2px 2px #f0f0f0 inset;219 ????-webkit-box-shadow: 0 2px 2px #f0f0f0 inset;220 ????text-indent: 6px;221 ????color: #999;222 ????outline: none;223 }224 #btnZzk{225 ????display: none;226 }227 .div_my_zzk:after {228 ????content: "搜索";229 ????position: relative;230 ????left: -183px;231 ????top: 2px;232 ????width: 0px;233 ????color: #999;234 }235 div#widget_my_zzk:hover::after {236 ????display: none;237 }238 .postBody{239 ????background: #fff;240 ????margin-top: -16px;241 ????padding-top: 28px;242 ????padding-left: 27px;243 }244 #comment_form{245 ????background: #fff;246 ????margin-top: 21px;247 ????padding: 17px 28px;248 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);249 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);250 ????-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);251 }252 #comment_nav{253 ????color: #999;254 }255 #tbCommentBody{256 ????width: 715px;257 }258 #ad_t2{259 ????display: none;260 }261 #cnblogs_c1{262 ????display: none;263 }264 #cnblogs_c2{265 ????display: none;266 }267 #tbCommentBody{268 ????outline: none;269 ????font-size: 16px;270 ????padding: 5px 10px;271 ????width: 703px;272 ????cursor: text;273 ????resize: none; 274 }275 #tbCommentBody:focus {276 ????border: 1px solid #FF9337;277 }278 #btn_comment_submit{279 ????border-radius: 3px;280 ????color: #666;281 ????padding: 4.5px 11px;282 ????cursor: pointer;283 ????text-align: center;284 ????border: 1px solid #cccccc;285 ????display: inline-block;286 ????font-size: 14px;287 ????white-space: nowrap;288 ????vertical-align: middle;289 ????-ms-touch-action: manipulation;290 ????touch-action: manipulation;291 ????line-height: 1.4;292 ????font-family: inherit;293 ????-webkit-transition: all ease-in-out 0.15s;294 ????-o-transition: all ease-in-out 0.15s;295 ????transition: all ease-in-out 0.15s;296 ????height: 35px;297 ????width: 90px;298 ????color: #FFF;299 ????background-color: #0f88eb;300 ????border-color: #0c6cbb;301 }302 #btn_comment_submit:hover {303 ????background-color: #0d77ce;304 }305 #under_post_news,#under_post_kb{306 ????display: none;307 }308 #commentbox_opt a{309 ????display: none;310 }311 #tip_comment2 + p312 {313 ????display: none;314 }315 .feedbackItem {316 ????border-bottom: 1px solid #E6E6E6;317 ????width: 712px;318 ????margin: 11px auto 0;319 }320 .feedbackListSubtitle{321 ????background: #4E4E4E;322 ????position: relative;323 ????padding: 9px;324 ????color: #FFFFFF;325 }326 #comments_pager_bottom{327 ????padding-top: 28px;328 }329 .feedbackManage{330 ????position: absolute;331 ????right: 20px;332 }333 .feedbackCon{334 ????padding: 11px;335 }336 #blog-comments-placeholder{337 ????background: #fff;338 ????margin-top: 21px;339 ????box-shadow: 0 0 6px rgba(0,0,0,0.2);340 ????-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);341 ????-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);342 }343 #comments_pager_top{344 ????????padding: 1px 28px 4px;345 }346 347 .feedback_area_title{348 ????font-size: 18px;349 ????padding-left: 34px;350 }351 352 353 .comment_date{354 ????display: none;355 }356 #cnblogs_post_body{357 ????padding-bottom: 32px;358 }359 #post_next_prev {360 ????padding-bottom: 18px;361 }362 #commentbox_opt{363 ????overflow: hidden;364 }365 #btn_comment_submit{366 ????float: right;367 ????margin-right: 3px;368 }369 #RecentCommentsBlock,#sidebar_topcommentedposts{370 ????display: none;371 }372 #green_channel{373 ????margin: 49px 0 20px;374 }