#site_nav_under { 2 display: none; 3 } 4 .c_ad_block, .ad_text_commentbox { 5 display: none; 6 margin: 0; 7 padding: 0; 8 } 9 #ad_under_google { 10 height: 0; 11 overflow: hidden; 12 } 13 #ad_under_google a { 14 display: none; 15 } 16 17 18 @charset "utf-8"; 19 /* CSS Document */ 20 21 /************************************************** 22 第一部分：所有的模板都使用的公共样式。公告样式是为了更好的向前和向后兼容。 23 如果不符合你皮肤的要求，你可以在后面通过更好的优先级覆盖着这些样式，但是 24 你不能删除这些样式。 25 **************************************************/ 26 #EntryTag { 27 margin-top: 20px; 28 font-size: 9pt; 29 color: gray; 30 } 31 .topicListFooter { 32 text-align: right; 33 margin-right: 10px; 34 margin-top: 10px; 35 } 36 #divRefreshComments{ 37 text-align: right; 38 margin-right: 10px; 39 margin-bottom: 5px; 40 font-size: 9pt; 41 } 42 /*****第一部分结束*******************************/ 43 44 /************************************************** 45 第二部：公共样式（全局样式）。公共会对所有页面的标签都起作用。这个部分你 46 可以随意的更改，并不会牵扯到其他的皮肤模板。但是每次更改都要注意你的皮肤 47 模板所有页面的变化。因为它们是全局的。 48 **************************************************/ 49 * { 50 margin: 0; 51 padding: 0; 52 } 53 html { 54 height: 100%; 55 } 56 body { 57 background:url(https://i.loli.net/2017/08/15/59923c58cc40f.jpg) no-repeat fixed; 58 background-size:cover; 59 color:#000; 60 font-family: "微软雅黑","verdana","ms song","宋体","Arial", "Helvetica", "sans-serif"; 61 font-size: 15px; 62 min-height: 101%; 63 width:75em; 64 margin-left:auto; 65 margin-right:auto; 66 z-index:0; 67 } 68 69 #Uleft, #Uright,#Dleft, #Dright{ 70 /* Firefox 4 */ 71 -moz-transition-property:top; 72 -moz-transition-duration:1s; 73 74 /* Safari and Chrome */ 75 -webkit-transition-property:top; 76 -webkit-transition-duration:1s; 77 78 /* Opera */ 79 -o-transition-property:top; 80 -o-transition-duration:1s; 81 position: fixed; 82 width: 80px; 83 height: 80px; 84 line-height: 500px; 85 text-align: center; 86 z-index:1; 87 } 88 #Uleft{ 89 width: 80px; 90 height: 80px; 91 top:-60px; 92 left: 50px; 93 } 94 #Uright{ 95 width: 110px; 96 height: 110px; 97 top: -75px; 98 right: 50px; 99 } 100 #Dleft{ 101 bottom:10px; 102 left: 10px; 103 width: 200px; 104 height: 200px; 105 } 106 #Dright{ 107 bottom:-50px; 108 right: 0px; 109 width: 200px; 110 height: 250px; 111 } 112 113 #MagicArray{ 114 /* Firefox 4 */ 115 -moz-transition-property:width height bottom right; 116 -moz-transition-duration:1s; 117 118 /* Safari and Chrome */ 119 -webkit-transition-property:width height bottom right; 120 -webkit-transition-duration:1s; 121 122 /* Opera */ 123 -o-transition-property:width height bottom right; 124 -o-transition-duration:1s; 125 126 position: fixed; 127 bottom:107px; 128 right: 108px; 129 width: 0px; 130 height: 0px; 131 text-align: center; 132 z-index:2; 133 } 134 #Tab1{ 135 -moz-transition-property:fontSize width height; 136 -moz-transition-delay:0.8s; 137 138 -webkit-transition-property:fontSize width height; 139 -webkit-transition-delay:0.8s; 140 141 -o-transition-property:fontSize width height; 142 -o-transition-delay:0.8s; 143 144 color:#8B0A50; 145 position: fixed; 146 font-size: 0px; 147 text-align: center; 148 z-index:3; 149 font-weight:500; 150 text-shadow: 151 -1px 0 #7A67EE, 152 1px #7A67EE, 153 1px 0 #7A67EE, 154 -1px #7A67EE; 155 } 156 157 ::selection{background:#698B22;color:#FFF;} 158 ::-moz-selection{background#698B22;color:#FFF;} 159 body{cursor:url('https://fq.wc.lt//up/1499563659.cur'),auto;} 160 A{cursor:url('https://fq.wc.lt//up/1499563659.cur'),auto;} 161 input{cursor:url('https://fq.wc.lt//up/1499563659.cur'),auto;} 162 wait{cursor:url('https://fq.wc.lt//up/1499563659.cur'),auto;} 163 input{outline:medium;} 164 /* 165 https://fq.wc.lt//up/1499566113.cur 166 https://fq.wc.lt//up/1499565578.cur 167 https://fq.wc.lt//up/1499564884.cur 168 */ 169 /*鼠标*/ 170 171 table { 172 border-collapse: collapse; 173 border-spacing: 0; 174 } 175 fieldset, img { 176 border: 0; 177 } 178 ul { 179 word-break: break-all; 180 } 181 li { 182 list-style: none; 183 } 184 h1, h2, h3, h4, h5, h6 { 185 font-size: 100%; 186 font-weight: normal; 187 } 188 a:link { 189 color:black; 190 text-decoration:none; 191 } 192 a:visited { 193 color:#111; 194 text-decoration: none; 195 } 196 a:hover { 197 color: #7B68EE; 198 -moz-border-radius: 9px; 199 -khtml-border-radius: 9px; 200 -webkit-border-radius: 9px; 201 border-radius: 9px; 202 transition: all 0.4s linear 0s; 203 } 204 a:active { 205 color: black; 206 text-decoration: none; 207 } 208 .clear { 209 clear: both; 210 } 211 /*****第二部分结束*******************************/ 212 213 /************************************************** 214 第三部分：各个页面元素的样式。你可以根据需要随意的更改，并不会牵扯到其他 215 的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮 216 肤公共的部分。而每个页面特有的部分会有相应的注释和说明。 217 **************************************************/ 218 /*****home和头部开始**************************/ 219 #home { 220 margin: 0 auto; 221 width:95%; 222 min-width: 60em; 223 } 224 #header { 225 padding-bottom: 0.4em; 226 margin-top: 0.8em; 227 } 228 #blogTitle { 229 height: 7em; 230 clear: both; 231 border:1px solid #000; 232 -moz-border-radius: 11px; 233 -khtml-border-radius: 11px; 234 -webkit-border-radius: 11px; 235 border-radius: 12px; 236 -webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;padding:4px 10px; 237 text-shadow:1px 1px 1px #e9f3e8 238 } 239 #blogTitle h1 { 240 font-size: 300%; 241 font-weight: bold; 242 margin-left: 1em; 243 margin-top: 0.4em; 244 width: 50%; 245 float: left; 246 } 247 #blogTitle h2 { 248 margin-left: 6em; 249 line-height: 1.5em; 250 width: 50%; 251 float: left; 252 text-shadow:-1px 0 #ddd, 253 1px #ddd, 254 1px 0 #ddd, 255 -1px #ddd; 256 } 257 #blogLogo { 258 float: right; 259 } 260 #navigator { 261 /* background-color: black; 262 height: 30px; 263 clear: both;*/ 264 265 margin-top:0.3em; 266 height: 2em; 267 clear:both; 268 border:1px solid #999; 269 -moz-border-radius: 11px; 270 -khtml-border-radius: 11px; 271 -webkit-border-radius: 11px; 272 border-radius: 11px; 273 -webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;padding:4px 10px; 274 background:#FFF; 275 opacity: 0.60; 276 } 277 #navList { 278 min-height: 1.5em; 279 float: left; 280 } 281 #navList li { 282 float: left; 283 } 284 #navList a { 285 display: block; 286 padding-left:0.5em; 287 padding-right:0.5em; 288 line-height:2em; 289 float: left; 290 text-align: center; 291 border-right: 1px solid #999; 292 } 293 #navList a:link, #navList a:visited, #navList a:active { 294 /* color: #ccc;*/ 295 } 296 #navList a:hover { 297 color: #7B68EE; 298 padding-left:0.8em; 299 padding-right:0.8em; 300 } 301 302 .blogStats { 303 float: right; 304 font-size:0.8em; 305 color: #000; 306 margin-top: 0.9em; 307 margin-right: 0.2em; 308 text-align: right; 309 } 310 /*****home和头部结束**************************/ 311 312 /*****主页文章列表开始**************************/ 313 #main{ 314 width: 100%; 315 min-width: 70em; 316 text-align: left; 317 background:#FFF5EE; 318 opacity: 0.90; 319 } 320 #mainContent .forFlow{ 321 margin-left: 12em; 322 float: none; 323 width: auto; 324 } 325 326 #mainContent { 327 min-height: 18em; 328 padding: 0px 0px 10px 0; 329 *padding-top:10px; 330 -o-text-overflow: ellipsis; 331 text-overflow: ellipsis; 332 overflow: hidden; 333 word-break: break-all; 334 335 float: right; 336 margin-left: -26em; 337 width: 100% 338 } 339 .day { 340 min-height: 10px; 341 _height: 10px; 342 margin-bottom: 20px; 343 padding-bottom: 5px; 344 } 345 .dayTitle { 346 width: 100%; 347 color: #666; 348 349 font-weight: bold; 350 line-height: 1.5em; 351 font-size: 90%; 352 margin-top: 3px; 353 margin-bottom: 10px; 354 clear:both; 355 border-bottom: 2px solid #e9f3e8; 356 text-align:center; 357 358 } 359 .postTitle { 360 font-size: 150%; 361 font-weight: bold; 362 /*border-bottom: 1px solid #9DAAF4;*/ 363 float: right; 364 line-height: 1.5em; 365 width: 100%; 366 clear:both; 367 text-shadow:-3px 3px 3px #999 368 } 369 .postTitle a:link, .postTitle a:visited, .postTitle a:active { 370 color: #000; 371 transition: all 0.4s linear 0s; 372 } 373 .postTitle a:hover { 374 margin-left: 10px; 375 color: #7B68EE; 376 text-decoration: none; 377 text-shadow:-13px 3px 3px #999 378 } 379 .postCon { 380 float: right; 381 line-height: 1.5em; 382 width: 100%; 383 clear:both; 384 padding: 10px 0; 385 } 386 .postDesc { 387 float: right; 388 width: 100%; 389 clear:both; 390 text-align: right; 391 padding-right: 5px; 392 color: #666; 393 margin-top: 5px; 394 } 395 .postDesc a:link, .postDesc a:visited, .postDesc a:active { 396 color: #666; 397 padding-right: 10px; 398 } 399 .postDesc a:hover { 400 color: #7B68EE; 401 text-decoration: none; 402 } 403 .postSeparator { 404 clear: both; 405 height: 1px; 406 border-top: 1px dotted #666; 407 width: 100%; 408 clear:both; 409 float: right; 410 margin: 0 auto 15px auto; 411 } 412 .diggit{ 413 text-align: center; 414 width:50px; 415 height:40px; 416 background:url(https://fq.wc.lt//up/1503755899.png); 417 background-size:100% 100%; 418 } 419 .buryit{ 420 font-size:0px; 421 width:0; 422 height:0; 423 } 424 .burynum{ 425 font-size:0px; 426 width:0; 427 height:0; 428 } 429 /*****主页文章列表结束**************************/ 430 431 /*****侧边栏开始********************************/ 432 #sideBar { 433 width: 14em; 434 min-height: 14em; 435 padding: 0px 0px 0px 5px; 436 float: left; 437 -o-text-overflow: ellipsis; 438 text-overflow: ellipsis; 439 overflow: hidden; 440 word-break: break-all; 441 font-size:0.7em; 442 opacity:0.85; 443 } 444 .counter{ 445 } 446 .notice{ 447 font-size:xx-small; 448 } 449 .btn_my_zzk{ 450 display: inline-block; 451 font-size: 24px; 452 cursor: pointer; 453 text-align: center; 454 text-decoration: none; 455 outline: none; 456 color: #fff; 457 background-color: #a55b97; 458 border: none; 459 border-radius: 15px; 460 box-shadow: 0 4px #999; 461 } 462 .newsItem .catListTitle { 463 display: none; 464 } 465 .newsItem { 466 padding: 15px 0 5px 0px; 467 font-weight:bold; 468 font-size:14px; 469 margin-bottom: 8px; 470 } 471 /**日历控件样式开始**/ 472 #calendar { 473 width: 14em; 474 } 475 #calendar .Cal { 476 width: 100%; 477 line-height: 1.5em; 478 } 479 .Cal {/**日历容器table**/ 480 border: none; 481 color: #111; 482 } 483 #calendar table a:link, #calendar table a:visited, #calendar table a:active { 484 font-weight: bold; 485 } 486 #calendar table a:hover { 487 color: #7B68EE; 488 text-decoration: none; 489 background-color: #7B68EE; 490 } 491 .CalTodayDay{/**今天日期样式**/ 492 color: #EE82EE; 493 } 494 #calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active {/**上个月、下个月箭头样式**/ 495 font-weight: bold; 496 background-color: #7B68EE; 497 } 498 .CalDayHeader{ 499 border-bottom:1px solid #ccc; 500 } 501 .CalTitle{/**日历年月头部样式**/ 502 width:100%; 503 background:#FFF; 504 color:black; 505 border-bottom:1px solid #666; 506 } 507 /**日历控件样式结束**/ 508 .catListTitle { 509 font-weight: bolder; 510 font-family:STCaiyun; 511 color: #B03060; 512 line-height: 2em; 513 font-size: 150%; 514 margin-top: 50px; 515 margin-bottom: 10px; 516 border-bottom: 1px solid #e9f3e8; 517 text-align: center; 518 } 519 .catListComment { 520 line-height: 1.5em; 521 } 522 .divRecentComment { 523 color: #666; 524 margin-bottom:1em; 525 } 526 .c_b_p_link_desc{ 527 color: #666; 528 font-size: 30%; 529 margin-bottom:1.5em; 530 } 531 #sideBarMain ul { 532 line-height: 1.5em; 533 } 534 .catListEssay{ 535 font-weight: bolder; 536 } 537 .catListTag{ 538 font-size: 90%; 539 font-weight: bolder; 540 } 541 .catList{ 542 font-weight: bolder; 543 } 544 .catListFeedback{ 545 font-weight: bolder; 546 } 547 .catListView{ 548 font-weight: bolder; 549 } 550 .recent_comment_title{ 551 font-weight: bolder; 552 } 553 .recent_comment_body{ 554 font-size: 30%; 555 } 556 .recent_comment_author{ 557 color:#666; 558 font-size: 30%; 559 } 560 /*****侧边栏结束********************************/ 561 562 563 /****查看文章页面开始*************************/ 564 #topics { 565 width: 100%; 566 min-height: 18em; 567 padding: 0px 0px 10px 0; 568 float: left; 569 -o-text-overflow: ellipsis; 570 text-overflow: ellipsis; 571 overflow: hidden; 572 word-break: break-all; 573 } 574 #topics .postTitle { 575 font-size: 200%; 576 font-weight: bold; 577 border-bottom: 1px solid #999; 578 float: left; 579 line-height: 1.5em; 580 width: 100%; 581 text-align: center; 582 } 583 .postBody { 584 padding: 5px 2px 5px 5px; 585 line-height: 1.5em; 586 color: #000; 587 border-bottom: 1px solid #8686FF; 588 } 589 #EntryTag { 590 color: #000; 591 } 592 #EntryTag a { 593 margin-left: 5px; 594 } 595 #EntryTag a:link, #EntryTag a:visited, #EntryTag a:active { 596 color: #000; 597 } 598 #EntryTag a:hover { 599 color: #7B68EE; 600 } 601 #topics .postDesc { 602 float: right; 603 width: 100%; 604 font-size:0.9em; 605 text-align: right; 606 padding-right: 5px; 607 color: #000; 608 margin-top: 5px; 609 } 610 .feedback_area_title { 611 font-weight: bold; 612 margin-top: 20px; 613 border-bottom: 1px solid #8686FF; 614 margin-bottom: 10px; 615 padding-left: 8px; 616 } 617 .louzhu { 618 background:transparent url('/images/icoLouZhu.gif') no-repeat scroll right top; 619 padding-right:16px; 620 } 621 .layer{ 622 font-family:STFangsong; 623 font-size:15px; 624 padding-left: 8px; 625 } 626 .feedbackListSubtitle { 627 margin-left: 10px; 628 color: #666; 629 font-size:0.9em; 630 } 631 .feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active { 632 font-weight:bold; 633 color: #666; 634 font-weight: normal; 635 } 636 .feedbackListSubtitle a:hover { 637 color: #7B68EE; 638 text-decoration: none; 639 } 640 .feedbackManage { 641 width: 160px; 642 text-align: right; 643 float: right; 644 } 645 .feedbackCon { 646 font-weight:bold; 647 border-bottom: 1px solid #ccc; 648 padding: 15px 18px 20px 50px; 649 min-height: 35px; 650 _height: 35px; 651 margin-bottom: 1em; 652 line-height: 1.5em; 653 width:80%; 654 } 655 #divRefreshComments { 656 text-align: right; 657 margin-bottom: 10px; 658 } 659 .commenttb { 660 width: 320px; 661 } 662 .cnblogs_code{ 663 } 664 .comment_actions{ 665 margin-right:30px; 666 font-size:16px; 667 font-family:STFangsong; 668 } 669 .comment_digg{ 670 font-weight:bold; 671 margin-right:10px; 672 font-size:15px; 673 font-family:STXinwei; 674 } 675 .comment_bury{ 676 font-weight:bold; 677 margin-right:10px; 678 font-size:15px; 679 font-family:STXinwei; 680 } 681 /****查看文章页面结束************************ 682 683 /****列表页面开始******************************/ 684 .entrylistTitle,.PostListTitle,.thumbTitle{/**几个分类列表的标题样式**/ 685 font-size: 110%; 686 font-weight: bold; 687 border-bottom: 1px solid #8686FF; 688 text-align: right; 689 padding-bottom: 3px; 690 padding-right: 10px; 691 } 692 693 .entrylistDescription { 694 color: #666; 695 text-align: right; 696 padding-top: 5px; 697 padding-bottom: 5px; 698 padding-right: 10px; 699 margin-bottom: 10px; 700 } 701 .entrylistItem { 702 min-height: 20px; 703 _height: 20px; 704 margin-bottom: 30px; 705 padding-bottom: 5px; 706 width: 100%; 707 } 708 .entrylistPosttitle { 709 font-size: 110%; 710 font-weight: bold; 711 border-bottom: 1px solid #666; 712 line-height: 1.5em; 713 width: 100%; 714 padding-left: 5px; 715 } 716 .entrylistPosttitle a:hover { 717 text-decoration: none; 718 } 719 .entrylistPostSummary { 720 margin-top: 5px; 721 padding-left: 5px; 722 margin-bottom: 5px; 723 } 724 .entrylistItemPostDesc { 725 padding-left: 50px; 726 text-align: right; 727 color: #666; 728 } 729 .entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { 730 color: #666; 731 } 732 .entrylistItemPostDesc a:hover { 733 color: #7B68EE; 734 } 735 .entrylist .postSeparator { 736 clear: both; 737 width: 100%; 738 font-size: 0; 739 line-height: 0; 740 margin: 0; 741 padding: 0; 742 height: 0; 743 border: none; 744 } 745 746 .pager { 747 text-align: right; 748 margin-right: 10px; 749 } 750 .PostList { 751 border-bottom: 1px solid #ccc; 752 clear: both; 753 min-height: 1.5em; 754 _height: 1.5em; 755 padding-top: 10px; 756 padding-left: 5px; 757 padding-right: 5px; 758 margin-bottom: 5px; 759 } 760 .postTitl2 { 761 float: left; 762 font-size:0.9em; 763 color: #666; 764 } 765 .postDesc2 { 766 color: #666; 767 float: right; 768 margin-right: ; 769 font-size:0.9em; 770 } 771 .postText2 { 772 clear: both; 773 774 } 775 .pfl_feedback_area_title { 776 text-align: right; 777 line-height: 1.5em; 778 font-weight: bold; 779 border-bottom: 1px solid #666; 780 margin-bottom: 10px; 781 } 782 .pfl_feedbackItem { 783 border-bottom: 1px solid black; 784 margin-bottom: 20px; 785 } 786 .pfl_feedbacksubtitle { 787 width: 100%; 788 border-bottom: 1px dotted #666; 789 height: 1.5em; 790 } 791 .pfl_feedbackname { 792 float: left; 793 } 794 .pfl_feedbackManage { 795 float: right; 796 } 797 .pfl_feedbackCon { 798 color: black; 799 padding-top: 5px; 800 padding-bottom: 5px; 801 } 802 .pfl_feedbackAnswer { 803 color: #F40; 804 text-indent: 2em; 805 } 806 .tdSentMessage { 807 text-align: right; 808 } 809 .errorMessage { 810 width: 300px; 811 float: left; 812 } 813 814 /****列表页面结束******************************/*/ 815 /****相册页面开始******************************/ 816 .divPhoto { 817 border: 1px solid #ccc; 818 padding: 2px; 819 margin-right: 10px; 820 } 821 822 .thumbDescription { 823 color: #666; 824 text-align: right; 825 padding-top: 5px; 826 padding-bottom: 5px; 827 padding-right: 10px; 828 margin-bottom: 10px; 829 } 830 /****相册页面结束******************************/ 831 832 833 /*****留言页面开始*****************************/ 834 #footer { 835 text-align: center; 836 min-height: 15px; 837 _height: 15px; 838 border-top: 1px solid black; 839 margin-top: 10px; 840 padding-top: 10px; 841 margin-bottom: 10px; 842 } 843 /*留言查看页面的个人信息*/ 844 .personInfo { 845 margin-bottom: 20px; 846 } 847 /*留言分页区域*/ 848 .pages { 849 text-align: right; 850 } 851 /*****留言页面结束*****************************/ 852 /*****第三部分结束*******************************/ 853 854 /************************************************** 855 第四部分：文章内容常用标签格式。这个部分是设置作者写作内容的部分。例如： 856 如果作者的文章用有p标签，则可通过这个对这些文章中的p标签进行设置。前面 857 的".postBody"明确的指出了这里样式的作用范围。仅仅适用于文章主体部分。 858 建议这个不要设置过于详细的细节。因为，一些样式，一篇文章比较适合的话， 859 并不能保证所有的文章都适合。 860 **************************************************/ 861 /*文章内部常用标签格式*/ 862 .postBody { 863 line-height: 1.5em; 864 } 865 .postBody p,.postCon p{ 866 text-indent: 2em; 867 margin: 0 auto 1em auto; 868 } 869 .postBody h2{ 870 font-size: 150%; 871 margin: 15px auto 2px auto; 872 font-weight:bold; 873 } 874 .postBody h3 { 875 font-size: 120%; 876 margin: 15px auto 2px auto; 877 font-weight:bold; 878 } 879 .postBody h4{ 880 font-size:110%; 881 margin:15px auto 2px auto; 882 font-weight:bold; 883 color:#333; 884 } 885 886 .postBody h5{ 887 font-size:100%; 888 margin:15px auto 2px auto; 889 font-weight:bold; 890 color:#333; 891 } 892 893 .postBody a:link,.postBody a:visited,.postBody a:active{ 894 text-decoration:none; 895 } 896 .postCon a:link,.postCon a:visited,.postCon a:active{ 897 text-decoration:none; 898 } 899 .postBody ul,.postCon ul{ 900 margin-left:2em; 901 } 902 903 .postBody li,.postCon li{ 904 list-style-type:disc; 905 margin-bottom:1em; 906 } 907 908 .postBody blockquote{ 909 background:url('/images/comment.gif') no-repeat 25px 0px; 910 padding:10px 60px 5px 60px; 911 min-height:35px; 912 _height:35px; 913 line-height:1.6em; 914 color:#333; 915 } 916 /*****第四部分结束*******************************/