简洁文艺风博客园CSS定制——圆角蓝文艺字体

今天入驻博客园,自己做了下页面的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代码框里

  勾上禁用默认模板CSS

 

  

原文地址:https://www.cnblogs.com/mzfly/p/9948586.html