• 简洁文艺风博客园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

     

      

  • 相关阅读:
    如何设置PPT,演示者能看到备注而观众看不到
    面向对象的设计原则-类设计原则
    C#路径
    MyEclipse汉化
    XML
    C#读取Excel文件
    预处理指令
    c/c++有些函数之前有export
    动态内存
    模板
  • 原文地址:https://www.cnblogs.com/mzfly/p/9948586.html
Copyright © 2020-2023  润新知