码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-11-03 13:10:22      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:padding   opacity   cut   ott   idg   efault   16px   cti   ant   

通过自定义CSS,实现在博客园屏蔽广告、美化排版等。

需要禁用模板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 + p
312 {
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 }

侧边栏目前是空白,正在设计中。

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

标签:padding   opacity   cut   ott   idg   efault   16px   cti   ant   

原文地址:http://www.cnblogs.com/storyicon/p/7777339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!