1 /**************************************************
2 名称:iMetro原作者:崎仔
6 **************************************************/
7
8 /**************************************************
9 公共样式
10 **************************************************/
11 #EntryTag {
12 margin-top: 20px;
13 font-size: 9pt;
14 color: gray;
15 }
16 .topicListFooter {
17 text-align: right;
18 margin-right: 10px;
19 margin-top: 10px;
20 }
21 #divRefreshComments {
22 text-align: right;
23 margin-right: 10px;
24 margin-bottom: 5px;
25 font-size: 9pt;
26 }
27 /**************************************************
28 全局样式
29 **************************************************/
30 * {
31 margin: 0px;
32 padding: 0px;
33 }
34 body {
35 background-color:#0A0A0A;
36 background-repeat:no-repeat;
37 background-attachment:fixed;
38 }
39 table {
40 border-collapse: collapse;
41 border-spacing: 0px;
42 }
43 fieldset, img {
44 border: 0px;
45 }
46 li {
47 list-style: none;
48 }
49 h1, h2, h3, h4, h5, h6 {
50 font-size: 100%;
51 font-weight: normal;
52 }
53 a:link, a:visited,a:hover,a:active {
54 color:black;
55 text-decoration: none;
56 }
57 /*
58 a:hover{
59 color:white;
60 background-color:#1C86EE
61 }*/
62 .clear {
63 clear: both;
64 }
65 /**************************************************
66 Home
67 **************************************************/
68 #home {
69 background-color:white;
70 font-family: "微软雅黑";
71 font-size: 12px;
72 color: black;
73 padding-top:30px;
74 padding-right:25px;
75 word-wrap:break-word;
76 box-shadow: 0 0 25px black;
77 position:relative;
78 width:925px;
79 margin: 15px auto;
80 }
81 /**************************************************
82 Header
83 **************************************************/
84 #header {
85 margin-bottom:15px;
86 padding-left:45px;
87 }
88 #blogTitle {
89 margin-bottom:15px;
90 }
91 #lnkBlogLogo {
92 background-color:#1C86EE;
93 width:20px;
94 height:120px;
95 display:block;
96 position:absolute;
97 left:0px;
98 }
99 #blogLogo {
100 display:none;
101 }
102 #blogTitle h1 {
103 font-size: 400%;
104 }
105 #blogTitle h2 {
106 display:none;
107 }
108 /*************************************************/
109 #navigator {
110 }
111 #navList {
112 overflow:auto;
113 margin-bottom:10px;
114 }
115 #navList li {
116 float: left;
117 }
118 .menu {
119 color:#AEEEEE !important;
120 margin-right:30px;
121 font-size:250%;
122 }
123 #navList a[href="http://www.cnblogs.com/"] {
124 color:black !important;
125 }
126 .aHeaderXML {
127 }
128 .blogStats {
129 text-align:right;
130 color:red;
131 }
132 /**************************************************
133 Main
134 **************************************************/
135 #main {
136 overflow:auto;
137 padding-left:25px;
138 }
139 #main a {
140 color:black;
141 }
142 #main a:hover {
143 color:white;
144 background-color:#1C86EE
145 }
146 /*************************************************/
147 #mainContent .forFlow {
148 }
149 #mainContent {
150 float:left;
151 width:650px;
152 }
153 /*************************************************/
154 .day {
155 margin-bottom:10px;
156 border-bottom:1px solid black;
157 }
158 /*************************************************/
159 .dayTitle {
160 background-color:#1C86EE;
161 padding-top:3px;
162 padding-left: 15px;
163 padding-right: 15px;
164 padding-bottom:3px;
165 margin-bottom:10px;
166 }
167 .dayTitle a {
168 color:black;
169 font-size:133%;
170 }
171 .dayTitle a:hover{
172 color:white;
173 background-color:#1C86EE;
174 }
175 /*************************************************/
176 .postTitle {
177 background-image:url("images/logo.png");
178 background-repeat:repeat-y;
179 background-position: -10px 0px;
180 margin-bottom:10px;
181 padding-left:15px;
182 padding-right:15px;
183 }
184 .postTitle2 {
185 font-size:200%;
186 }
187 /*************************************************/
188 .postCon {
189 font-size:116%;
190 padding-left:15px;
191 padding-right:15px;
192 margin-bottom:5px;
193 overflow:auto;
194 }
195 /*************************************************/
196 .postDesc {
197 color:gray;
198 text-align:right;
199 padding-left:15px;
200 padding-right:15px;
201 margin-bottom:5px;
202 }
203 .postDesc a {
204 color:gray;
205 }
206 /*************************************************/
207 .postSeparator {
208 border-bottom:1px dashed black;
209 margin-bottom:10px;
210 }
211 /*************************************************/
212 .topicListFooter {
213 padding-left:15px;
214 padding-right:15px;
215 margin:0px;
216 }
217 .topicListFooter a {
218 color:#1C86EE;
219 }
220 /**************************************************
221 Side Bar
222 **************************************************/
223 #sideBar {
224 width:225px;
225 float:right;
226 }
227 #sideBar a {
228 color:black;
229 }
230 #sideBar a:hover{
231 color:white;
232 background-color:#1C86EE;
233 }
234 /*************************************************/
235 #sideBarMain {
236 font-size:116%;
237 }
238 #sideBarMain li {
239 text-overflow:ellipsis;
240 overflow:hidden;
241 white-space:nowrap;
242 }
243 /*************************************************/
244 .newsItem {
245 border:1px solid black;
246 padding:15px;
247 margin-bottom:15px;
248 }
249 /*************************************************/
250 #calendar {
251 border:1px solid black;
252 padding:15px;
253 margin-bottom:15px;
254 }
255 /*************************************************/
256 .Cal {
257 width: 100%;
258 }
259 /*************************************************/
260 .CalTitle {
261 width:100%;
262 border-bottom:1px solid black;
263 }
264 .CalNextPrev a {
265 font-weight:normal !important;
266 color:black !important;
267 background-color:transparent !important;
268 }
269 /*************************************************/
270 .CalDayHeader {
271 border-bottom:1px dashed black;
272 }
273 /*************************************************/
274 #calendar a {
275 color:#1C86EE;
276 font-weight: bold;
277 }
278 #calendar a:hover {
279 color: white;
280 background-color: #1C86EE;
281 }
282 .CalTodayDay {
283 font-weight: bold;
284 color:#1C86EE;
285 }
286 /*************************************************/
287 .catListTag {
288 overflow:auto;
289 }
290 .catListTag li {
291 float:left;
292 float:none\9;
293 margin:0px 4px 6px 0px;
294 overflow:visible !important;
295 white-space:normal !important;
296 word-break:break-all !important;
297 }
298 .catListTag a {
299 color:white;
300 background-color:green;
301 padding:1px 3px 1px 3px;
302 }
303 /*************************************************/
304 .div_my_zzk {
305 position:relative;
306 }
307 .input_my_zzk {
308 width: 155px;
309 height:25px;
310 padding-right:30px;
311 width:100px\9;
312 height:auto\9;
313 padding-right:0px\9;
314 }
315 .btn_my_zzk {
316 background-repeat:no-repeat;
317 background-size:25px;
318 background-color:transparent;
319 width: 25px;
320 height:25px;
321 color: transparent;
322 border: 0px;
323 border-style:none;
324 position:absolute;
325 cursor:pointer;
326 top:2px;
327 right:6px;
328 background-repeat:repeat\9;
329 background-size:auto\9;
330 background-color:yellow\9;
331 width:auto\9;
332 height:auto\9;
333 color:white\9;
334 border: 0px\9;
335 border-style:none\9;
336 position:static\9;
337 cursor:pointer\9;
338 }
339 #btnZzk {
340 background-image:url("images/search.png");
341 background-image:none\9;
342 background-image:none\0;
343 }
344 .mySearch input[value="谷歌搜索"] {
345 background-image:url("images/google.png");
346 background-image:none\9;
347 background-image:none\0;
348 }
349 /*************************************************/
350 #leftcontentcontainer > div {
351 border:1px solid black;
352 padding:15px;
353 margin-bottom:15px;
354 }
355 .catListTitle {
356 font-size:200%;
357 margin-bottom:5px;
358 }
359 .catListComment {
360 }
361 .recent_comment_body {
362 text-indent:2em;
363 font-size:85%;
364 color: gray !important;
365 overflow:visible !important;
366 white-space:normal !important;
367 }
368 .recent_comment_author {
369 border-bottom:1px dashed black;
370 font-size:85%;
371 color: !important;
372 overflow:visible !important;
373 white-space:normal !important;
374 }
375 /**************************************************
376 文章
377 **************************************************/
378 #topics {
379 margin-bottom: 10px;
380 border-bottom: 1px solid black;
381 }
382 /*************************************************/
383 .postBody {
384 font-size:116%;
385 padding-left:15px;
386 padding-right:15px;
387 margin-bottom:5px;
388 }
389 /*************************************************/
390 #cnblogs_post_body {
391 margin-bottom:30px;
392 overflow:auto;
393 }
394 /*************************************************/
395 #MySignature {
396 background-color: #F8F8EE;
397 border: solid 1px #E8E7D0;
398 box-shadow: 0 0 15px #aaa;
399 padding: 10px;
400 margin-bottom:10px;
401 color: gray;
402 }
403 /*************************************************/
404 #BlogPostCategory {
405 margin-bottom:5px;
406 }
407 /*************************************************/
408 #EntryTag {
409 margin-top:0px;
410 text-align:right;
411 }
412 #EntryTag a {
413 color: white;
414 background-color: yellow;
415 padding: 1px 3px 1px 3px;
416 }
417 /**************************************************
418 评论
419 **************************************************/
420 .feedback_area_title {
421 color:white;
422 font-size:133%;
423 background-color:#1C86EE;
424 padding:3px 15px 3px 15px;
425 margin-bottom:10px;
426 }
427 /*************************************************/
428 .feedbackItem {
429 position:relative;
430 border-bottom:1px solid black;
431 padding-left:15px;
432 padding-right:15px;
433 margin-bottom:10px;
434 }
435 /*************************************************/
436 .feedbackListSubtitle {
437 margin-left:65px;
438 margin-bottom:5px;
439 border-bottom:1px dashed black;
440 }
441 /*************************************************/
442 .feedbackManage {
443 position:absolute;
444 bottom:0px;
445 right:15px;
446 }
447 .feedbackManage a {
448 color:gray;
449 }
450 /*************************************************/
451 .feedbackManage + a[href^="#"] {
452 display:block;
453 width:50px;
454 height:50px;
455 background-color:gray;
456 position:absolute;
457 color:white;
458 font-size:133%;
459 text-align:center;
460 left:15px;
461 }
462 /*************************************************/
463 .louzhu {
464 color:#1C86EE;
465 }
466 /*************************************************/
467 .feedbackCon {
468 padding-left:65px;
469 margin-bottom:35px;
470 font-size:116%;
471 }
472 /*************************************************/
473 #comment_nav {
474 margin-right:0px;
475 margin-bottom: 10px;
476 text-align:center;
477 padding-top:3px;
478 padding-bottom:3px;
479 padding-left:15px;
480 padding-right:15px;
481 background-color:#1C86EE;
482 }
483 #comment_nav a {
484 color:white;
485 font-size:116%;
486 }
487 /**************************************************
488 列表
489 **************************************************/
490 .entrylistTitle, .PostListTitle, .thumbTitle {
491 background-color:#1C86EE;
492 padding-top:3px;
493 padding-left: 15px;
494 padding-right: 15px;
495 padding-bottom:3px;
496 margin-bottom:10px;
497 color: white;
498 font-size: 133%;
499 }
500 .entrylistDescription, .thumbDescription {
501 background-color:#1C86EE;
502 padding-top:3px;
503 padding-left: 15px;
504 padding-right: 15px;
505 padding-bottom:3px;
506 margin-bottom:10px;
507 color:white;
508 text-align:right;
509 }
510 .entrylistItem {
511 margin-bottom:10px;
512 border-bottom:1px solid black;
513 }
514 .entrylistPosttitle {
515 background-image:url("images/logo.png");
516 background-repeat:repeat-y;
517 background-position: -10px 0px;
518 margin-bottom:10px;
519 padding-left:15px;
520 padding-right:15px;
521 }
522 .entrylistItemTitle {
523 font-size:200%;
524 }
525 .entrylistPostSummary {
526 font-size:116%;
527 padding-left:15px;
528 padding-right:15px;
529 margin-bottom:5px;
530 }
531 .entrylistItemPostDesc {
532 color:gray;
533 text-align:right;
534 padding-left:15px;
535 padding-right:15px;
536 margin-bottom:5px;
537 }
538 .entrylistItemPostDesc a {
539 color:gray;
540 }
541 .entrylist .postSeparator {
542 display:none;
543 }
544 .PostList {
545 padding-left:15px;
546 padding-right:15px;
547 margin-bottom: 10px;
548 border-bottom: 1px dashed black;
549 }
550 .postTitl2 {
551 float: left;
552 margin-bottom: 5px;
553 }
554 .postDesc2 {
555 float: right;
556 color: gray;
557 margin-bottom: 5px;
558 }
559 .postText2 {
560 clear:both;
561 color: gray;
562 margin-bottom: 5px;
563 }
564 /**************************************************
565 相册
566 **************************************************/
567 .divPhoto {
568 border: 1px solid #1C86EE;
569 padding: 2px;
570 margin-right: 10px;
571 opacity:0.5;
572 }
573 .divPhoto:hover {
574 opacity:1;
575 }
576 /**************************************************
577 Footer
578 **************************************************/
579 #footer {
580 text-align: center;
581 border-top: 2px solid #1C86EE;
582 margin-top: 50px;
583 margin-left:25px;
584 padding-top: 10px;
585 padding-bottom: 10px;
586 }
587 /**************************************************
588 文章内部格式
589 **************************************************/
590 .postBody h1 {
591 display: block;
592 font-size: 2em;
593 font-weight: bold;
594 margin: 15px auto 2px auto;
595 }
596 .postBody h2 {
597 display: block;
598 font-size: 1.5em;
599 font-weight: bold;
600 margin: 15px auto 2px auto;
601 }
602 .postBody h3 {
603 display: block;
604 font-size: 1.17em;
605 font-weight:bold;
606 margin: 15px auto 2px auto;
607 }
608 .postBody h4 {
609 display: block;
610 font-weight:bold;
611 margin: 15px auto 2px auto;
612 }
613 .postBody h5 {
614 display: block;
615 font-size: 0.83em;
616 font-weight:bold;
617 margin: 15px auto 2px auto;
618 }
619 .postBody h6 {
620 font-size:100%;
621 font-size: 0.67em;
622 font-weight:bold;
623 margin: 15px auto 2px auto;
624 }
625 .postBody a {
626 color:#1C86EE;
627 padding: 1px 3px 1px 3px;
628 }
629 .postBody a:hover {
630 background-color:#1C86EE;
631 color:white;
632 }
633 .postBody blockquote {
634 background: url("images/quote.png") no-repeat -75px -20px #F0F0F0;
635 border-radius: 10px;
636 margin: 20px 0px;
637 padding: 20px 50px;
638 }
639 /*************************************************/
640 .postCon a {
641 color:#1C86EE;
642 padding: 1px 3px 1px 3px;
643 }
644 .postCon a:hover {
645 background-color:#1C86EE;
646 color:white;
647 }
648 /*************************************************/
649 .c_b_p_desc_readmore {
650 color:#1C86EE !important;
651 }
652 .c_b_p_desc_readmore:hover {
653 color:white !important;
654 background-color:#1C86EE !important;
655 }