今天入驻博客园,自己做了下页面的CSS
瞬间变得舒服多了
哈哈
直接上代码
1 /* Minification failed. Returning unminified contents. 2 (824,7): run-time error CSS1030: Expected identifier, found ' ' 3 (824,15): run-time error CSS1031: Expected selector, found ';' 4 (824,15): run-time error CSS1025: Expected comma or open brace, found ';' 5 (1154,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' 6 */ 7 /************************************************** 8 第一部分: 9 **************************************************/ 10 #EntryTag { 11 margin-top: 20px; 12 font-size: 9pt; 13 color: gray; 14 } 15 16 .topicListFooter { 17 text-align: right; 18 margin-right: 10px; 19 margin-top: 10px; 20 } 21 22 #divRefreshComments { 23 text-align: right; 24 margin-right: 10px; 25 margin-bottom: 5px; 26 font-size: 9pt; 27 } 28 /*****第一部分结束*******************************/ 29 30 /************************************************** 31 第二部:公共样式(全局样式) 32 **************************************************/ 33 * { 34 margin: 0; 35 padding: 0; 36 } 37 38 html { 39 height: 100%; 40 } 41 42 body { 43 color: #000; 44 background-color: #2B4E84; 45 font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; 46 font-size: 12px; 47 min-height: 101%; 48 } 49 50 table { 51 border-collapse: collapse; 52 border-spacing: 0; 53 } 54 55 fieldset, img { 56 border: 0; 57 } 58 59 li { 60 list-style: none; 61 font-size:16px;: inherit 62 } 63 64 h1, h2, h3, h4, h5, h6 { 65 font-size: 100%; 66 font-weight: normal; 67 } 68 69 a { 70 outline: none; 71 color: #62BAE2; 72 } 73 74 a:link { 75 color: black; 76 text-decoration: none; 77 } 78 79 a:visited { 80 color: #757575; 81 text-decoration: none; 82 } 83 84 a:hover { 85 color: #21759b; 86 } 87 88 a:active { 89 color: black; 90 text-decoration: none; 91 } 92 93 .clear { 94 clear: both; 95 } 96 /*****第二部分结束*******************************/ 97 98 /************************************************** 99 第三部分:各个页面元素的样式。 100 **************************************************/ 101 /*****home和头部开始**************************/ 102 #home { 103 width: 65%; 104 min-width: 950px; 105 background-color: #fff; 106 padding: 30px; 107 margin: 50px; 108 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 109 border-radius: 30px; 110 } 111 112 #header { 113 padding-bottom: 5px; 114 margin-top: 10px; 115 } 116 117 #blogTitle { 118 height: 60px; 119 clear: both; 120 } 121 122 #blogTitle h1 { 123 font-size: 26px; 124 font-weight: bold; 125 line-height: 1.5em; 126 margin-top: 20px; 127 } 128 129 #blogTitle h1 a { 130 color: #2B3C4E; 131 font-family: cursive; 132 font-size: -webkit-xxx-large; 133 } 134 135 #blogTitle h1 a:hover { 136 color: #21759b; 137 } 138 139 #blogTitle h2 { 140 font-weight: normal; 141 font-size: 13px; 142 /* font-size: 0.928571429rem; */ 143 line-height: 1.846153846; 144 color: #999; 145 float: right; 146 } 147 148 #blogLogo { 149 float: right; 150 } 151 152 #navigator { 153 font-size: 16px; 154 /* font-family: monospace; */ 155 border-bottom: 1px solid #E08500; 156 /* border-top: 1px solid #ededed; */ 157 height: 50px; 158 clear: both; 159 margin-top: 25px; 160 } 161 162 #navList { 163 min-height: 30px; 164 float: left; 165 } 166 167 #navList li { 168 float: left; 169 margin: 0 40px 0 0; 170 } 171 172 #navList a { 173 display: block; 174 width: 5em; 175 height: 22px; 176 float: left; 177 text-align: center; 178 padding-top: 19px; 179 } 180 181 #navList a:link, #navList a:visited, #navList a:active { 182 color: #6a6a6a; 183 font-weight: bold; 184 } 185 186 #navList a:hover { 187 color: #000; 188 text-decoration: none; 189 } 190 191 .blogStats { 192 visibility: hidden; 193 float: right; 194 color: #E08500; 195 margin-top: 19px; 196 margin-right: 2px; 197 text-align: right; 198 font-size: small; 199 } 200 /*****home和头部结束**************************/ 201 202 /*****主页文章列表开始**************************/ 203 #main { 204 width: 100%; 205 text-align: left; 206 margin-top: 30px; 207 } 208 209 #mainContent .forFlow { 210 margin-left: 22em; 211 float: none; 212 width: auto; 213 } 214 215 #mainContent { 216 min-height: 200px; 217 padding: 0px 0px 10px 0; 218 padding-top: 10px; 219 -o-text-overflow: ellipsis; 220 text-overflow: ellipsis; 221 overflow: hidden; 222 float: left; 223 margin-left: -22em; 224 width: 99%; 225 } 226 227 .day { 228 min-height: 10px; 229 _height: 10px; 230 margin-bottom: 20px; 231 padding-bottom: 5px; 232 position: relative; 233 } 234 235 .dayTitle { 236 display: none; 237 border: 1px solid #21759b; 238 background: azure; 239 border-radius: 50%; 240 font-size: 12px; 241 height: 65px; 242 line-height: 1.5; 243 margin: 15px; 244 text-align: center; 245 width: 63px; 246 margin-left: -100px; 247 clear: both; 248 position: absolute; 249 top: -15px; 250 } 251 252 .dayTitle a { 253 display: inline-block; 254 color: #21759b; 255 margin-top: 15px; 256 width: 60px; 257 } 258 259 .postTitle { 260 border-left: 3px solid #5EBBE4; 261 margin-bottom: 10px; 262 font-size: 18px; 263 float: right; 264 width: 100%; 265 clear: both; 266 } 267 268 .postTitle a:link, .postTitle a:visited, .postTitle a:active { 269 color: #2B3C4E; 270 transition: all 0.4s cubic-bezier(0.4, 0, 1, 1) 0s; 271 font-family: cursive; 272 font-weight: bolder; 273 } 274 275 .postTitle a:hover { 276 margin-left: 30px; 277 color: #0f3647; 278 text-decoration: none; 279 } 280 281 .postCon { 282 float: right; 283 font: small-caption; 284 line-height: 1.5em; 285 width: 100%; 286 clear: both; 287 padding: 10px 0; 288 } 289 290 .day .postTitle a { 291 padding-left: 10px; 292 } 293 294 .postDesc { 295 font-size: 13px; 296 background: url(images/posted_time.png) no-repeat 0 1px; 297 color: #666; 298 float: right; 299 width: 100%; 300 clear: both; 301 text-align: right; 302 padding-left: 10px; 303 padding-right: 10px; 304 /* margin-top: 20px; */ 305 line-height: 1.5; 306 } 307 308 .postDesc a:link, .postDesc a:visited, .postDesc a:active { 309 color: #666; 310 } 311 312 .postDesc a:hover { 313 color: #21759b; 314 text-decoration: none; 315 } 316 317 .postSeparator { 318 clear: both; 319 height: 1px; 320 width: 100%; 321 clear: both; 322 float: right; 323 margin: 0 auto 15px auto; 324 } 325 /*****主页文章列表开始**************************/ 326 327 /*****侧边栏开始********************************/ 328 #sideBar { 329 margin-top: -15px; 330 width: 240px; 331 min-height: 200px; 332 padding: 0px 0 0px 20px; 333 float: right; 334 -o-text-overflow: ellipsis; 335 text-overflow: ellipsis; 336 overflow: hidden; 337 } 338 339 #sideBar a { 340 color: #757575; 341 } 342 343 #sideBar a:hover { 344 color: #21759b; 345 text-decoration: underline; 346 } 347 348 .div_my_zzk { 349 width: 175px; 350 position: relative; 351 margin-top: 10px; 352 } 353 354 #btnZzk { 355 background: url("images/blog_search.png") no-repeat 5px 5px; 356 } 357 358 #widget_my_google input[type=button] { 359 background: url("images/google_search.png") no-repeat 5px 5px; 360 } 361 362 .input_my_zzk { 363 border: 1px solid #ccc; 364 width: 100%; 365 height: 25px; 366 padding-right: 30px; 367 padding-left: 5px; 368 outline: 0; 369 } 370 371 .btn_my_zzk { 372 font-size: 12px; 373 width: 25px; 374 height: 25px; 375 color: transparent; 376 border: 0; 377 border-style: none; 378 cursor: pointer; 379 top: 1px; 380 position: absolute; 381 right: -35px; 382 } 383 384 .input_my_zzk:hover { 385 border: 1px solid #21759b; 386 transition: all 0.4s linear 0s; 387 } 388 389 .input_my_zzk:focus { 390 border: 1px solid #21759b; 391 } 392 393 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory { 394 background: #fff; 395 margin-bottom: 35px; 396 } 397 398 .newsItem .catListTitle { 399 } 400 /**日历控件样式开始**/ 401 402 #blog-calendar { 403 /* border-radius: 5px; */ 404 width: 228px; 405 padding-bottom: 5px; 406 margin-bottom: 35px; 407 /* box-shadow: 0 1px 3px #ccc; */ 408 /* border: 1px solid #EDEDED; */ 409 } 410 411 #blog-calendar td { 412 font-size: 12px; 413 font-family: "Comic Sans MS"; 414 } 415 416 #blog-calendar th { 417 font-size: 12px; 418 } 419 420 #calendar { 421 width: 228px; 422 padding-bottom: 5px; 423 margin-bottom: 35px; 424 border: 1px solid #EDEDED; 425 box-shadow: 0 1px 3px #ccc; 426 } 427 428 #calendar .Cal { 429 width: 100%; 430 line-height: 1.5em; 431 } 432 433 #calendar td { 434 font-family: "Comic Sans MS"; 435 background: #FFFFFF; 436 padding-top: 2px; 437 } 438 439 .Cal { /**日历容器table**/ 440 border: none; 441 color: #666; 442 } 443 444 #calendar table a:link, #calendar table a:visited, #calendar table a:active { 445 font-weight: bold; 446 } 447 448 #calendar table a:hover { 449 color: white; 450 text-decoration: none; 451 } 452 453 .CalTodayDay { /**今天日期样式**/ 454 background: #5EBBE4 !important; 455 color: #FFF; 456 font-weight: bold; 457 } 458 459 .CalWeekendDay { 460 padding-top: 4px; 461 padding-bottom: 4px; 462 } 463 464 .CalOtherMonthDay { 465 color: #ccc; 466 padding-top: 4px; 467 padding-bottom: 4px; 468 } 469 470 #calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active { /**上个月、下个月箭头样式**/ 471 font-weight: bold; 472 padding-left: 10px; 473 padding-right: 15px; 474 } 475 476 .CalDayHeader { 477 background: #F8F8F8; 478 font-weight: 100; 479 color: #5E5F63; 480 } 481 482 .CalTitle { /**日历年月头部样式**/ 483 background: #6293bb; 484 width: 100%; 485 height: 25px; 486 text-align: center; 487 font-size: 14px; 488 font-weight: bold; 489 padding: 5px 0; 490 color: #FFF; 491 } 492 493 .CalTitle td { 494 background: #F8F8F8 !important; 495 border: 0px !important; 496 color: #5E5F63; 497 font-family: "Comic Sans MS"; 498 } 499 /**日历控件样式结束**/ 500 .catListTitle { 501 font-weight: bold; 502 /* border-left: 3px solid #2B4E84; */ 503 /* padding-left: 5px; */ 504 color: #5EBBE4; 505 font-size: 110%; 506 margin-top: 15px; 507 margin-bottom: 10px; 508 text-align: left; 509 } 510 511 .catListComment { 512 line-height: 1.5em; 513 } 514 515 .divRecentComment { 516 text-indent: 2em; 517 color: #494949; 518 margin-bottom: 20px; 519 } 520 521 #sideBarMain ul { 522 line-height: 1.5em; 523 } 524 525 #sideBarMain li { 526 line-height: 1.8; 527 } 528 /*****侧边栏结束********************************/ 529 530 531 /****查看文章页面开始*************************/ 532 #topics { 533 width: 100%; 534 min-height: 200px; 535 padding: 0px 0px 10px 0; 536 float: left; 537 -o-text-overflow: ellipsis; 538 text-overflow: ellipsis; 539 overflow: hidden; 540 } 541 542 #topics .postTitle { 543 border: 0px; 544 font-size: 130%; 545 font-weight: bold; 546 float: left; 547 line-height: 1.5; 548 width: 100%; 549 padding-left: 5px; 550 } 551 552 #EntryTag { 553 color: #666; 554 } 555 556 #EntryTag a { 557 margin-left: 5px; 558 height: 20px; 559 line-height: 20px; 560 color: #333333; 561 padding: 3px 14px; 562 border-radius: 10px; 563 margin: 2px 5px 0; 564 background: #e7e7e7; 565 text-decoration: none; 566 } 567 568 #EntryTag a:link, #EntryTag a:visited, #EntryTag a:active { 569 color: #666; 570 } 571 572 #EntryTag a:hover { 573 color: #f5f5f5; 574 background: #21759b; 575 transition: all 0.4s linear 0s; 576 } 577 578 #BlogPostCategory { 579 color: #666; 580 } 581 582 #BlogPostCategory a { 583 margin-left: 5px; 584 height: 20px; 585 line-height: 20px; 586 color: #333333; 587 padding: 3px 14px; 588 border-radius: 10px; 589 margin: 2px 5px 0; 590 background: #e7e7e7; 591 text-decoration: none; 592 } 593 594 #BlogPostCategory a:link, #BlogPostCategory a:visited, #BlogPostCategory a:active { 595 color: #666; 596 } 597 598 #BlogPostCategory a:hover { 599 color: #f5f5f5; 600 background: #21759b; 601 } 602 603 #topics .postDesc { 604 padding-left: 0px; 605 width: 100%; 606 text-align: left; 607 color: #666; 608 margin-top: 5px; 609 background: none; 610 } 611 612 613 .feedback_area_title { 614 font: normal normal 16px/35px "Microsoft YaHei"; 615 margin: 10px 0 30px; 616 border-bottom: 2px solid #cccccc; 617 } 618 619 .louzhu { 620 background: transparent url('/images/icoLouZhu.gif') no-repeat scroll right top; 621 padding-right: 16px; 622 } 623 624 .feedbackListSubtitle { 625 color: #A8A8A8; 626 } 627 628 .feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active { 629 color: #21759b; 630 font-weight: bold; 631 } 632 633 .feedbackListSubtitle a:hover { 634 color: #21759b; 635 text-decoration: underline; 636 } 637 638 .feedbackListSubtitle b { 639 color: #21759b; 640 } 641 642 .feedbackManage { 643 width: 200px; 644 text-align: right; 645 float: right; 646 } 647 648 .feedbackCon { 649 border-bottom: 1px solid #EEE; 650 padding: 10px 20px 10px 5px; 651 min-height: 35px; 652 _height: 35px; 653 margin-bottom: 1em; 654 line-height: 1.5; 655 } 656 657 #divRefreshComments { 658 text-align: right; 659 margin-bottom: 10px; 660 } 661 662 .commenttb { 663 padding: 8px; 664 margin-bottom: 10px; 665 width: 50%; 666 color: #555; 667 border: 1px solid #ddd; 668 border-radius: 3px; 669 -moz-border-radius: 3px; 670 -webkit-border-radius: 3px; 671 width: 320px; 672 } 673 674 .commenttb:hover { 675 color: #333; 676 border-color: rgba(82, 168, 236, 0.8); 677 outline: 0; 678 -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 679 -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 680 box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 681 transition: all 0.4s linear 0s; 682 } 683 684 .commentTextBox { 685 width: 410px !important; 686 margin-top: 10px; 687 margin-bottom: 10px; 688 } 689 690 .commentTextBox:hover { 691 color: #333; 692 border-color: rgba(82, 168, 236, 0.8); 693 outline: 0; 694 -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 695 -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 696 box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 697 transition: all 0.4s linear 0s; 698 } 699 700 #AjaxHolder_PostComment_btnSubmit { 701 padding: 8px 20px; 702 text-align: center; 703 font-size: 14px; 704 color: #fff; 705 border: none; 706 background: #21759b; 707 border-radius: 3px; 708 -moz-border-radius: 3px; 709 -webkit-border-radius: 3px; 710 -webkit-transition: all 0.4s ease; 711 -moz-transition: all 0.4s ease; 712 -o-transition: all 0.4s ease; 713 -ms-transition: all 0.4s ease; 714 transition: all 0.4s ease; 715 cursor: pointer; 716 display: inline-block; 717 vertical-align: middle; 718 outline: none; 719 text-decoration: none; 720 } 721 722 #AjaxHolder_PostComment_btnSubmit:hover { 723 background: #333; 724 } 725 726 #AjaxHolder_PostComment_divCommnentArea tr { 727 margin-top: 10px; 728 margin-bottom: 10px; 729 } 730 /*博客园评论框*/ 731 .comment_vote { 732 padding-right: 10px; 733 } 734 735 .comment_vote a { 736 color: #999; 737 } 738 739 .comment_vote a:hover { 740 color: #21759b; 741 } 742 743 #commentform_title { 744 font: normal normal 16px/35px "Microsoft YaHei"; 745 margin: 10px 0 30px; 746 border-bottom: 2px solid #cccccc; 747 background-image: none; 748 padding: 0; 749 } 750 751 #comment_form_container .author { 752 padding-left: 10px; 753 color: #555; 754 border: 1px solid #ddd; 755 border-radius: 3px; 756 -moz-border-radius: 3px; 757 -webkit-border-radius: 3px; 758 width: 320px; 759 height: 20px; 760 background-image: none; 761 } 762 763 #comment_form_container p { 764 font-size: 14px; 765 margin-bottom: 20px; 766 } 767 768 .commentbox_title_left { 769 font-size: 14px; 770 } 771 772 .commentbox_title_right { 773 float: left; 774 } 775 776 #comment_form_container .comment_textarea { 777 width: 362px; 778 height: 200px; 779 font-size: 13px; 780 padding: 8px; 781 margin-bottom: 10px; 782 color: #555; 783 border: 1px solid #ddd; 784 border-radius: 3px; 785 -moz-border-radius: 3px; 786 -webkit-border-radius: 3px; 787 } 788 789 #comment_form_container .comment_textarea:hover { 790 border-color: rgba(82, 168, 236, 0.8); 791 outline: 0; 792 transition: all 0.4s linear 0s; 793 } 794 795 #comment_form_container .comment_textarea:focus { 796 outline: 0; 797 } 798 799 .comment_btn { 800 width: 100px; 801 height: 38px; 802 padding: 8px 20px; 803 text-align: center; 804 font-size: 14px; 805 color: #fff; 806 border: none; 807 background: #21759b; 808 border-radius: 3px; 809 -moz-border-radius: 3px; 810 -webkit-border-radius: 3px; 811 -webkit-transition: all 0.4s ease; 812 -moz-transition: all 0.4s ease; 813 -o-transition: all 0.4s ease; 814 -ms-transition: all 0.4s ease; 815 transition: all 0.4s ease; 816 cursor: pointer; 817 display: inline-block; 818 vertical-align: middle; 819 outline: none; 820 text-decoration: none; 821 } 822 823 .comment_btn:hover { 824 background: #333; 825 } 826 827 #comment_form_container { 828 } 829 /****查看文章页面开始*************************/ 830 831 /****列表页面开始******************************/ 832 .entrylistTitle, .PostListTitle, .thumbTitle { /**几个分类列表的标题样式**/ 833 margin-bottom: 25px; 834 height: 38px; 835 line-height: 38px; 836 font-size: 16px; 837 border-bottom: 2px solid #e6e6e6; 838 } 839 840 color: #21759b; .entrylistDescription { 841 color: #666; 842 text-align: right; 843 padding-top: 5px; 844 padding-bottom: 5px; 845 padding-right: 10px; 846 margin-bottom: 10px; 847 } 848 849 .entrylistItem { 850 min-height: 20px; 851 _height: 20px; 852 margin-bottom: 30px; 853 padding-bottom: 50px; 854 padding-top: 10px; 855 width: 100%; 856 } 857 858 .entrylistPosttitle { 859 padding-left: 15px; 860 margin-bottom: 10px; 861 border-left: 3px solid #21759b; 862 font-size: 20px; 863 width: 100%; 864 } 865 866 .entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active { 867 color: #21759b; 868 transition: all 0.4s linear 0s; 869 } 870 871 .entrylistPosttitle a:hover { 872 margin-left: 30px; 873 color: #0f3647; 874 text-decoration: none; 875 } 876 877 .entrylistPostSummary { 878 margin-top: 5px; 879 margin-bottom: 5px; 880 } 881 882 .entrylistItemPostDesc { 883 margin-top: 20px; 884 text-align: left; 885 color: #757575; 886 padding-left: 5px; 887 } 888 889 .entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { 890 color: #666; 891 } 892 893 .entrylistItemPostDesc a:hover { 894 color: #21759b; 895 } 896 897 .entrylist .postSeparator { 898 clear: both; 899 width: 100%; 900 font-size: 0; 901 line-height: 0; 902 margin: 0; 903 padding: 0; 904 height: 0; 905 border: none; 906 } 907 908 .divRecentCommentAticle a { 909 color: #000; 910 } 911 912 .pager { 913 text-align: right; 914 margin-right: 10px; 915 } 916 917 .pager a { 918 box-shadow: 0 1px 3px #3671a5; 919 border: 1px solid #3671a5; 920 background: #3671a5; 921 color: white; 922 transition: all 0.4s linear 0s; 923 } 924 925 .pager a:hover { 926 background: #000; 927 } 928 929 .PostList { 930 border-bottom: 1px solid #ccc; 931 clear: both; 932 min-height: 1.5em; 933 _height: 1.5em; 934 padding-top: 20px; 935 margin-bottom: 20px; 936 padding-bottom: 20px; 937 } 938 939 .postTitl2 { 940 float: left; 941 padding-top: 10px; 942 padding-bottom: 10px; 943 font-size: 14px; 944 } 945 946 .postDesc2 { 947 color: #666; 948 float: right; 949 } 950 951 .postText2 { 952 clear: both; 953 color: #757575; 954 } 955 956 /*留言*/ 957 .pfl_feedback_area_title { 958 text-align: right; 959 line-height: 1.5em; 960 font-weight: bold; 961 margin-bottom: 10px; 962 } 963 964 .pfl_feedbackItem { 965 border: 1px dashed #ccc; 966 padding: 10px; 967 border-radius: 3px; 968 margin-bottom: 20px; 969 } 970 971 .pfl_feedbacksubtitle { 972 width: 100%; 973 height: 1.5em; 974 } 975 976 .pfl_feedbackname { 977 float: left; 978 } 979 980 .pfl_feedbackname a { 981 color: #21759b; 982 font-weight: bold; 983 } 984 985 .pfl_feedbackManage { 986 float: right; 987 } 988 989 .pfl_feedbackCon { 990 color: black; 991 padding-top: 5px; 992 padding-bottom: 5px; 993 } 994 995 .pfl_feedbackAnswer { 996 color: #F40; 997 text-indent: 2em; 998 } 999 1000 .tdSentMessage { 1001 text-align: right; 1002 } 1003 1004 .errorMessage { 1005 width: 300px; 1006 float: left; 1007 } 1008 1009 #Profile1_panelAdd input[type=text], #Profile1_txtContent { 1010 padding: 8px; 1011 margin-bottom: 10px; 1012 color: #555; 1013 border: 1px solid #ddd; 1014 border-radius: 3px; 1015 -moz-border-radius: 3px; 1016 -webkit-border-radius: 3px; 1017 } 1018 1019 #Profile1_panelAdd input[type=text]:hover, #Profile1_txtContent:hover { 1020 color: #333; 1021 border-color: rgba(82, 168, 236, 0.8); 1022 outline: 0; 1023 -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 1024 -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 1025 box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); 1026 transition: all 0.4s linear 0s; 1027 } 1028 1029 #Profile1_panelAdd input[type=text]:focus, #Profile1_txtContent:focus { 1030 outline: 0; 1031 border-color: rgba(82, 168, 236, 0.8); 1032 } 1033 1034 #Profile1_panelAdd input[type=submit] { 1035 padding: 8px 20px; 1036 text-align: center; 1037 font-size: 14px; 1038 color: #fff; 1039 border: none; 1040 background: #21759b; 1041 border-radius: 3px; 1042 -moz-border-radius: 3px; 1043 -webkit-border-radius: 3px; 1044 -webkit-transition: all 0.4s ease; 1045 -moz-transition: all 0.4s ease; 1046 -o-transition: all 0.4s ease; 1047 -ms-transition: all 0.4s ease; 1048 transition: all 0.4s ease; 1049 cursor: pointer; 1050 display: inline-block; 1051 vertical-align: middle; 1052 outline: none; 1053 text-decoration: none; 1054 } 1055 1056 #Profile1_panelAdd input[type=submit]:hover { 1057 background: #333; 1058 } 1059 1060 .feedbackListSubtitle { 1061 clear: both; 1062 color: #A8A8A8; 1063 padding: 8px 5px; 1064 } 1065 1066 .feedbackItem { 1067 margin-top: 30px; 1068 } 1069 /****列表页面结束******************************/ 1070 1071 /****相册页面开始******************************/ 1072 .divPhoto { 1073 border: 1px solid #ccc; 1074 padding: 2px; 1075 margin-right: 10px; 1076 } 1077 1078 .thumbDescription { 1079 color: #757575; 1080 text-align: right; 1081 padding-top: 5px; 1082 padding-bottom: 5px; 1083 padding-right: 10px; 1084 margin-bottom: 30px; 1085 } 1086 /****相册页面开始******************************/ 1087 1088 1089 /*****留言页面开始*****************************/ 1090 #footer { 1091 color: #ccc; 1092 text-align: center; 1093 min-height: 15px; 1094 _height: 15px; 1095 border-top: 1px solid #E08500; 1096 margin-top: 50px; 1097 padding-top: 10px; 1098 margin-bottom: 10px; 1099 } 1100 /*留言查看页面的个人信息*/ 1101 .personInfo { 1102 margin-bottom: 20px; 1103 } 1104 /*留言分页区域*/ 1105 .pages { 1106 text-align: right; 1107 } 1108 /*****留言页面结束*****************************/ 1109 /*****第三部分结束*******************************/ 1110 1111 /************************************************** 1112 第四部分:文章内容常用标签格式。 1113 **************************************************/ 1114 /*文章内部常用标签格式*/ 1115 .postBody { 1116 color: #000; 1117 line-height: 1.7; 1118 font-size: 14px; 1119 } 1120 1121 .postBody p, .postCon p { 1122 text-indent: 2em; 1123 margin: 0 auto 1em auto; 1124 } 1125 1126 .postBody h2 { 1127 font-size: 150%; 1128 margin: 15px auto 2px auto; 1129 font-weight: bold; 1130 } 1131 1132 .postBody h3 { 1133 font-size: 120%; 1134 margin: 15px auto 2px auto; 1135 font-weight: bold; 1136 } 1137 1138 .postBody h4 { 1139 font-size: 110%; 1140 margin: 15px auto 2px auto; 1141 font-weight: bold; 1142 color: #333; 1143 } 1144 1145 .postBody h5 { 1146 font-size: 100%; 1147 margin: 15px auto 2px auto; 1148 font-weight: bold; 1149 color: #333; 1150 } 1151 1152 .postBody a:link, .postBody a:visited, .postBody a:active { 1153 text-decoration: underline; 1154 } 1155 1156 .postCon a:link, .postCon a:visited, .postCon a:active { 1157 text-decoration: underline; 1158 } 1159 1160 .postBody ul, .postCon ul { 1161 margin-left: 2em; 1162 } 1163 1164 .postBody li, .postCon li { 1165 list-style-type: disc; 1166 margin-bottom: 1em; 1167 } 1168 1169 .postBody blockquote { 1170 background: url('images/comment.gif')) no-repeat 25px 0px; 1171 min-height: 35px; 1172 _height: 35px; 1173 line-height: 1.6em; 1174 color: #333; 1175 } 1176 /*****第四部分结束*******************************/ 1177 1178 .myposts_title { 1179 font-weight: bold; 1180 text-align: center; 1181 } 1182 1183 #sideBar { 1184 font-size: 14px; 1185 border-left: 1px solid #ededed; 1186 } 1187 1188 #sideBar h3 { 1189 font-size: 14px; 1190 } 1191 1192 .c_b_p_desc { 1193 font-size: 14px; 1194 line-height: 1.7; 1195 } 1196 1197 #cnblogs_post_body img{ 1198 max-width: 700px; 1199 }
使用方法如上图:
选择对应的皮肤
把代码粘贴到CSS代码框里
勾上禁用默认模板CSS