1 /* Create Chen博客的CSS */
2 /* http://technology.cnblogs.com */
3 /* 2012-7-26 Updated */
4
5 body{
6 background:white;
7 }
8
9 #main{
10 margin-bottom: 60px;
11 }
12 a{
13 color:#06D;
14 }
15 a:hover {
16 _color: #F60;
17 color:#06D;
18 text-decoration:underline;
19 }
20 div.postTitle a{
21 color:#06D;
22 }
23 div.postTitle a:hover{
24 color:red !important;
25 _border-bottom:#F60 2px solid;
26 text-decoration:none;
27 }
28 div.postTitle a:visited{
29 color:#06D;
30 }
31 #topBackground{
32 background: url(http://pic002.cnblogs.com/images/2011/70278/2011052216374836.jpg) no-repeat center top;
33 top: 0;
34 height: 400px;
35 position: fixed;
36 width: 100%;
37 z-index:-1;
38 }
39 #header{
40 height:90px;
41 }
42 #footer{
43 bottom: 0px;
44 height: 200px;
45 position: fixed;
46 width: 100%;
47 background: url(http://pic002.cnblogs.com/images/2011/70278/2011052216374836.jpg) no-repeat center bottom;
48 z-index: -1000;
49 color: transparent;
50 display:block !important;
51 }
52 /*导航条*/
53 div#navigator {
54 font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
55 position: absolute;
56 top: 10px;
57 right: 20px;
58 float: right;
59 height: 76px;
60 height: 80px;
61 background:none;
62 _background: url(http://pic002.cnblogs.com/images/2011/70278/2011051911433598.png) no-repeat center center;
63 }
64 #navList {
65 position: static !important;
66 margin-top: 75px;
67 }
68 #navList li a:hover{
69 color:white;
70 border-bottom:2px solid red;
71 text-decoration:none;
72 }
73 /*博客标题*/
74 div#blogTitle {
75 background:none;
76 height: 85px;
77 background: url(http://pic002.cnblogs.com/images/2011/70278/2011051911433598.png) no-repeat bottom right;
78 margin-right: 30px;
79 }
80 div#blogTitle .title {
81 font-family: Georgia, 'Serif', 'Arial', 'Helvetica';
82 font-style: italic;
83 font-size: 28px;
84 font-weight:bold;
85 padding-top: 23px;
86 }
87 /*子标题*/
88 div#blogTitle .subtitle {
89 color: #ffffff;
90 margin: 10px 0px 0px 50px;
91 font-size: 11pt;
92 }
93 div.postTitle {
94 border-bottom: 1px solid #CCC;
95 }
96 div#mainContent{
97 margin-left: 280px;
98 margin-top: 25px;
99 }
100 div.forFlow{
101 padding: 20px 30px 50px;
102 background: white;
103 }
104 div#sideBar{
105 border:none !important;
106 background-color:transparent !important;
107 }
108 /*搜索的框框和按钮*/
109 .btn_my_zzk{
110 background: url(http://pic002.cnblogs.com/images/2011/70278/2011060320275124.png) repeat-x 0 0;
111 height: 25px;
112 width: 70px;
113 background-position: 0 -36px;
114 border: 1px solid #787878;
115 color: #000;
116 cursor: pointer;
117 font-size: 13px;
118 font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
119 -webkit-border-radius: 4px;
120 }
121 .input_my_zzk{
122 outline: none;
123 width: 150px;
124 height: 25px;
125 padding-left: 10px;
126 color: #333;
127 border: 1px solid #BBB;
128 -webkit-border-radius: 4px;
129 }
130 /*不显示随笔发布日期*/
131 .dayTitle {
132 display:none;
133 }
134 /*评论文本框*/
135 #tbCommentBody{
136 background: url("http://pic002.cnblogs.com/images/2011/70278/2011060318304574.png") no-repeat scroll 0 0;
137 border: 1px solid #AEBACD;
138 font-family: Microsoft Yahei;
139 font-size: 14px;
140 line-height: 20px;
141 padding: 7px;
142 margin-bottom: 10px;
143 resize: none;
144 width: 580px;
145 height: 200px;
146 outline: none;
147 }
148
149 /*发表评论Lable上面的div*/
150 div.postDesc{
151 padding-bottom:0px;
152 }
153 /*发表评论的Lable, 绿色背景*/
154 div.feedback_area_title{
155 width:100%;
156 margin:0px;
157 background-color:green;
158 color:#ffffff;
159 text-align:center;
160 }
161 /*每条评论的div*/
162 .feedbackItem{
163 position: relative;
164 _border: 1px solid #BBB;
165 margin-bottom: 8px;
166 margin-top: 4px;
167 _background-color: #FCFEC5;
168 min-height:85px;
169 color: #000;
170 }
171 div.feedbackItem .feedbackListSubtitle
172 {
173 margin-left:57px;
174 }
175 div.feedbackItem .comment_vote
176 {
177 margin-top:10px;
178 }
179 div.feedbackItem div.feedbackCon {
180 color: #555;
181 padding: 7px 7px 7px 30px;
182 margin-left: 30px;
183 _background: url('http://pic002.cnblogs.com/images/2011/70278/2011082418163061.gif') no-repeat 0px 0px;
184 }
185 #author_profile a:hover {
186 text-decoration:none;
187 }
188 .feedbackAvatar{
189 border: 1px solid #BBB;
190 width:50px;max-height: 50px;
191 position:absolute;
192 top: 15px;
193 }
194 /*提交按钮*/
195 #btn_comment_submit{
196 cursor: pointer;
197 width:55px;height:25px;border:none;
198 background-color:#2DAEBF;
199 -webkit-border-radius: 10px;color:white;
200 font-weight: bold;
201 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
202 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
203 font-size: 10pt;
204 }
205 /*投票相关的支持按钮*/
206 .diggit{
207 width: 125px;
208 height: 50px;
209 background: url('http://pic002.cnblogs.com/images/2011/70278/2011050520390113.gif') no-repeat;
210 cursor: pointer;
211 margin-top: 0px;
212 padding-top: 9px;
213 padding-left: 38px;
214 }
215 .diggnum{
216 font-family:Georgia, Serif;
217 }
218 .buryit {
219 display:none;
220 }
221 span#digg_count{
222 font-size: 20px;
223 color:green;
224 }
225 /*提示推荐的Label*/
226 .diggword {
227 margin-top: 0px;
228 }
229
230 /*引用的文字*/
231 blockquote{
232 color: #000;
233 font-family:"Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti;
234 background-color:#FCFEC5;
235 border:1px solid #BBB;
236 border-radius:3px;
237 margin:5px 0px 5px 0px;
238 padding-left: 20px;
239 line-height: 1.3;
240 word-wrap: break-word;
241 -moz-box-shadow: 2px 2px 10px rgba(140,140,140,1);
242 -webkit-box-shadow: 2px 2px 10px rgba(140, 140, 140, 1);
243 box-shadow: 2px 2px 10px rgba(140, 140, 140, 1);
244 }
245
246 .copy {
247 border: #c0c0c0 1px solid;
248 padding: 10px;
249 line-height: 15pt;
250 margin-top: 15px;
251 margin-bottom: 15px;
252 background: #dbeaff;
253 font-size: 9pt;
254 }
255 .quote {
256 border: #c0c0c0 1px dashed;
257 padding: 10px;
258 line-height: 12pt;
259 margin-top: 15px;
260 font-family: Verdana, "Lucida Grande", Geneva, Arial, sans-serif;
261 margin-bottom: 15px;
262 background: #e9e9e9;
263 font-size: 9pt;
264 }
265 .copy img {
266 width: 25px; height: 25px
267 }
268 .cuscomment {
269 border: #c0c0c0 1px dashed;
270 padding: 5px 10px 10px 10px;
271 line-height: 20pt;
272 margin-top: 15px;
273 margin-bottom: 15px;
274 font-size: 9pt;
275 }
276 .fastcomment {
277 padding: 5px;
278 margin-top: 5px;
279 color: #ffffff;
280 margin-right: 5px;
281 }
282 .fastcomment:hover {
283 border: #ffffff 1px outset;
284 background: #ffffff;
285 color: #000000;
286 }
287 .postTitle, .entrylistPosttitle, .feedback_area_title{
288 font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;
289 font-size: 16px;
290 font-weight: 500;
291 line-height: 1.4em;
292 }
293 .postBody {
294 font-size: 15px;
295 font-family:"Trebuchet MS", Georgia,"Times New Roman",Times,sans-serif;
296 line-height: 180%;
297 }
298 .postBody p{
299 margin: 12px auto 12px auto;
300 }
301 .postBody a {
302 border-bottom: #3d81ee 1px dashed; COLOR: #06C;
303 }
304 .postBody a:hover {
305 color: red;
306 text-decoration:none;
307 }
308 .postBody h1 {
309 border-radius: 3px;
310 padding-top:5px;
311 padding-bottom:5px;
312 padding-left:20px;
313 background: #1977B0;
314 margin-top: 15px;
315 margin-bottom: 5px;
316 color: white;
317 font-size: 18px;
318 font-weight: bold;
319 letter-spacing: 1px;
320 -moz-box-shadow: 2px 2px 10px rgba(140,140,140,1);
321 -webkit-box-shadow: 2px 2px 10px rgba(140, 140, 140, 1);
322 box-shadow: 2px 2px 10px rgba(140, 140, 140, 1);
323 }
324 .postBody h2 {
325 color: #1977B0;
326 padding-left: 20px;
327 font-size: 18px;
328 }
329
330 .postBody h3 {
331 color: #1977B0;
332 padding-left: 25px;
333 font-size: 16px;
334 }
335 .postBody h4 {
336 color: #1977B0;
337 padding-left: 30px;
338 }
339 .postBody h5 {
340 color: #1977B0;
341 padding-left: 25px;
342 }
343 .postBody img {
344 margin-bottom: 0px;
345 }
346 div.postCon {
347 color: #444; font-size: 13px
348 }
349 div.postCon a {
350 border-bottom: #3d81ee 1px dashed;
351 color: #06C; font-size: 13px
352 }
353 div.postCon a:hover {
354 color: #f00;
355 text-decoration:none;
356 }
357 #MySignature {
358 margin-top: 30px;
359 }
360 #bottom a{
361 color:#ffffff;
362 }
363 /*代码部分*/
364 .syntaxhighlighter{
365 font-size:14px !important;
366 line-height: 1.4 !important;
367 border:#c0c0c0 1px solid !important;
368 margin-top: 2px !important;
369 margin-bottom: 2px !important;
370 border-radius:5px;
371 word-wrap: break-word;
372 }
373 /*主页文章简要信息*/
374 .c_b_p_desc {
375 font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
376 }
377 /*摘要右边的图片*/
378 .desc_img {
379 height: 120px;
380 width: 120px;
381 }
382 .code{
383 font-size: 14px;
384 font-family: "Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;
385 background-color: #FCFEC5;
386 border: 1px solid #BBB;
387 margin: 5px 0px 5px 0px;
388 padding-left: 20px;
389 word-wrap: break-word;
390 }
391 .post table{
392 margin-left: 30px;
393 border: 1px solid #333;
394 border-collapse: collapse;
395 border-spacing: 0;
396 line-height:1.3;
397 font-size: 12px;
398 }
399 .post tr, td, th{
400 border: 1px solid #333;
401 padding: 5px 8px;
402 text-align: center;
403 white-space: nowrap;
404 }
405 .post th{
406 background: #3398CC none repeat scroll 0 0;
407 color:#fff;
408 }
409 ::selection
410 {
411 background: rgb(255,255,158);
412 }
413 ::-moz-selection
414 {
415 background: rgb(255,255,158);
416 }
417 /*scroll bar*/
418 ::-webkit-scrollbar {
419 width:17px;
420 height:17px;
421 background-color:#f0f0f0;
422 border:none
423 }
424 ::-webkit-scrollbar-thumb {
425 background-color:#cdcdcd;
426 border:1px solid #f0f0f0
427 }
428 ::-webkit-scrollbar-thumb:hover {
429 background-color:#dadada
430 }
431 ::-webkit-scrollbar-thumb:active {
432 background-color:#606060
433 }
434 ::-webkit-scrollbar-thumb:disabled {
435 background-color:#f9f9f9
436 }
437 ::-webkit-scrollbar-corner {
438 background-color:#f0f0f0
439 }
440 ::-webkit-scrollbar-button {
441 background-color:#f0f0f0;
442 background-image:url(http://pic002.cnblogs.com/images/2012/70278/2012081922455213.png);
443 background-repeat:no-repeat
444 }
445 ::-webkit-scrollbar-button:vertical {
446 height:33px
447 }
448 ::-webkit-scrollbar-button:horizontal {
449 width:33px
450 }
451 ::-webkit-scrollbar-button:horizontal:increment {
452 background-position:0 -444px
453 }
454 ::-webkit-scrollbar-button:horizontal:decrement {
455 background-position:12px -425px
456 }
457 ::-webkit-scrollbar-button:vertical:increment {
458 background-position:-1px -391px
459 }
460 ::-webkit-scrollbar-button:vertical:decrement {
461 background-position:-1px -358px
462 }
463 ::-webkit-scrollbar-button:hover {
464 background-color:#dadada
465 }
466 ::-webkit-scrollbar-button:horizontal:increment:hover {
467 background-position:0 -548px
468 }
469 ::-webkit-scrollbar-button:horizontal:decrement:hover {
470 background-position:12px -529px
471 }
472 ::-webkit-scrollbar-button:vertical:increment:hover {
473 background-position:-1px -495px
474 }
475 ::-webkit-scrollbar-button:vertical:decrement:hover {
476 background-position:-1px -462px
477 }
478 ::-webkit-scrollbar-button:active {
479 background-color:#606060
480 }
481 ::-webkit-scrollbar-button:horizontal:increment:active {
482 background-position:0 -652px
483 }
484 ::-webkit-scrollbar-button:horizontal:decrement:active {
485 background-position:12px -633px
486 }
487 ::-webkit-scrollbar-button:vertical:increment:active {
488 background-position:-1px -599px
489 }
490 ::-webkit-scrollbar-button:vertical:decrement:active {
491 background-position:-1px -566px
492 }
493 ::-webkit-scrollbar-button:disabled {
494 background-color:#f9f9f9
495 }
496 ::-webkit-scrollbar-button:horizontal:increment:disabled {
497 background-position:0 -756px
498 }
499 ::-webkit-scrollbar-button:horizontal:decrement:disabled {
500 background-position:12px -737px
501 }
502 ::-webkit-scrollbar-button:vertical:increment:disabled {
503 background-position:-1px -703px
504 }
505 ::-webkit-scrollbar-button:vertical:decrement:disabled {
506 background-position:-1px -670px
507 }
View Code
浙公网安备 33010602011771号