• 博客园 css页面定制代码


    1、勾选“禁用模板默认CSS”

    2、将下面代码粘贴到“页面定制CSS代码”部分

      1 /*公用*/
      2 body {
      3     font-size:15px;
      4     padding:0;
      5     margin:0;
      6     font-family:"微软雅黑","宋体",Arial;
      7     background:#205424 url('http://pic1.win4000.com/wallpaper/1/59705b12dec18.jpg') no-repeat top center fixed;
      8     min-width:1200px;
      9 }
     10 #home {
     11     opacity: 0.95;
     12     filter: alpha(opacity=95);
     13     box-shadow:0 0 10px #000;
     14     margin:40px auto;
     15     width:1200px;
     16     background:#fff;
     17     overflow:auto;
     18     border:solid 1px #fff;
     19 }
     20 /*段落*/
     21 .postBody p,.postCon p {
     22     margin:7px 0;
     23     line-height:24px;
     24 }
     25 h1 {
     26     margin:0;
     27 }
     28 h3 {
     29     font-size:15px;
     30     font-weight:bold;
     31 }
     32 /*超链接*/
     33 a {
     34     color:#464646;
     35     text-decoration:none;
     36 }
     37 a:hover {
     38     text-decoration:underline;
     39 }
     40 a:visited,a:hover {
     41     color:#464646;
     42 }
     43 ul {
     44     list-style:none;
     45     margin:0;
     46     padding:0;
     47 }
     48 image {
     49     border:none;
     50 }
     51 #header {
     52     padding:20px;
     53 }
     54 /*博客标题*/
     55 #blogTitle,#blogTitle a {
     56     font-weight:bold;
     57     color:#666;
     58 }
     59 #blogTitle .title {
     60     margin-top:10px;
     61     height:100px;
     62     line-height:100px;
     63     font-size:36px;
     64     padding-left:120px;
     65     background:#fff url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_light2.png') no-repeat;
     66 }
     67 .headermaintitle {
     68     }#blogTitle,#blogTitle a:hover {
     69     text-decoration:none;
     70 }
     71 /*子标题*/
     72 .subtitle {
     73     padding-left:30px;
     74     font-size:14px;
     75     color:#999;
     76     font-weight:normal;
     77     margin:10px 0;
     78 }
     79 /*导航栏*/
     80 #navigator {
     81     font-size:16px;
     82     height:48px;
     83     background:#55895B;
     84     text-align:center;
     85     margin-top:20px;
     86     margin-bottom:20px;
     87 }
     88 #navList li {
     89     margin:0;
     90     line-height:48px;
     91     display:inline-block;
     92     float:left;
     93 }
     94 #navList li:hover {
     95     background:#6DA47D;
     96 }
     97 #navList li a {
     98     padding:0 30px;
     99     text-decoration:none;
    100     line-height:48px;
    101     border:0;
    102     color:#fff;
    103     display:-moz-inline-box;
    104     display:inline-block;
    105 }
    106 .blogStats {
    107     height:48px;
    108     color:#fff;
    109     line-height:48px;
    110 }
    111 #main {
    112     padding:20px;
    113 }
    114 /*左边*/
    115 #sideBarMain {
    116     padding:0 10px 0 0;
    117     background:#fff;
    118     margin:0 0 20px 0;
    119     width:190px;
    120     font-size:12px;
    121     line-height:22px;
    122 }
    123 #sideBarMain a {
    124     color:#666;
    125 }
    126 #leftcontentcontainer {
    127     color:#666;
    128 }
    129 .newsItem {
    130     color:#666;
    131 }
    132 /*公告*/
    133 #profile_block {
    134     margin-top:0px;
    135     line-height:24px;
    136     text-align:left;
    137 }
    138 /*主面板*/
    139 #mainContent {
    140     margin-top:0px;
    141     padding-top:0px;
    142     padding-right:0px;
    143     background:#fff;
    144     padding-bottom:0px;
    145     float:right;
    146     width:960px;
    147     padding-left:0px;
    148 }
    149 /*每日文章列表*/
    150 .day {
    151     background:#fff;
    152     padding:0;
    153     margin:0 0 20px 0;
    154 }
    155 /*博客标题*/
    156 .postTitle a {
    157     color:#464646;
    158 }
    159 .postTitle {
    160     padding-bottom:10px;
    161     font-size:20px;
    162     font-weight:bold;
    163     color:#464646;
    164     background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;
    165     padding-left:30px;
    166 }
    167 .dayTitle {
    168     display:none;
    169 }
    170 /*摘要*/
    171 .c_b_p_desc {
    172     padding:10px;
    173     line-height:24px;
    174     color:#888;
    175 }
    176 .c_b_p_desc a {
    177     color:#888;
    178 }
    179 .c_b_p_desc a:hover {
    180     text-decoration:none;
    181     border-bottom-width:1px;
    182     border-bottom-style:dotted;
    183 }
    184 /*右侧图片*/
    185 .desc_img {
    186     margin-left:10px;
    187     border:solid 1px #fff;
    188     box-shadow:0 0 10px #aaa;
    189 }
    190 /*博文页*/
    191 #topics .post {
    192     background:#fff;
    193 }
    194 .postCon {
    195     padding:10px 20px 0 20px;
    196 }
    197 .postDesc {
    198     margin:0 30px;
    199     margin-bottom:2px;
    200     padding:8px 0px;
    201     font-size:12px;
    202     color:#aaa;
    203     background:#fff;
    204     text-align:right;
    205 }
    206 .postDesc a {
    207     color:#AAA;
    208 }
    209 .postBody {
    210     padding:0;
    211 }
    212 /*google搜索框*/
    213 #google_q,#q {
    214     height:22px;
    215     width:120px;
    216     border:solid 1px #ccc;
    217     box-shadow:inset 0 0 3px #ddd;
    218     border-radius:4px;
    219 }
    220 /*搜索按钮*/
    221 .btn_my_zzk {
    222     font-family:'Microsoft Yahei';
    223     border:none;
    224     height:26px;
    225     width:60px;
    226     padding:1px;
    227     font-size:14px;
    228     cursor:pointer;
    229     position:relative;
    230     vertical-align:middle;
    231     display:inline-block;
    232     background:#55895B;
    233     border-radius:4px;
    234     color:#fff;
    235 }
    236 .btn_my_zzk:hover {
    237     background:#6DA47D;
    238 }
    239 /*评论按钮*/
    240 
    241 #btn_comment_submit {
    242     border:none;
    243     height:48px;
    244     width:120px;
    245 }
    246 /*评论按钮*/
    247 .comment_btn {
    248     font-family:'Microsoft Yahei';
    249     border:none;
    250     height:48px;
    251     width:120px;
    252     font-size:18px;
    253     cursor:pointer;
    254     position:relative;
    255     vertical-align:middle;
    256     display:inline-block;
    257     background:#55895B;
    258     color:#fff;
    259 }
    260 #btn_comment_submit:hover {
    261     background:#6DA47D;
    262 }
    263 /*评论标题*/
    264 .feedback_area_title {
    265     padding:10px;
    266     font-size:24px;
    267     font-weight:bold;
    268     color:#55895B;
    269     border-bottom:solid 6px #55895B;
    270 }
    271 .feedbackListSubtitle {
    272     font-size:12px;
    273     color:#888;
    274 }
    275 .feedbackListSubtitle a {
    276     color:#888;
    277 }
    278 .comment_quote {
    279     background:#FCFAAC;
    280     padding:15px;
    281     border:1px solid #CCC;
    282 }
    283 #commentform_title {
    284     color:#55895B;
    285     background-image:none;
    286     background-repeat:no-repeat;
    287     margin-bottom:10px;
    288     padding:10px 20px 10px 10px;
    289     font-size:24px;
    290     font-weight:bold;
    291     border-bottom:solid 6px #55895B;
    292 }
    293 /*评论框*/
    294 #comment_form {
    295     margin:10px 0;
    296     padding:0;
    297 }
    298 .commentform {
    299     margin:10px 0;
    300     padding:10px 20px;
    301     background:#fff;
    302 }
    303 /*评论输入域*/
    304 #tbCommentBody {
    305     font-family:'MIcrosoft Yahei';
    306     margin-top:10px;
    307     width:940px;
    308     max-width:940px;
    309     min-width:940px;
    310     background:white;
    311     color:#333;
    312     border:2px solid #fff;
    313     box-shadow:inset 0 0 8px #aaa;
    314     padding:10px;
    315     height:120px;
    316     font-size:14px;
    317     min-height:120px;
    318 }
    319 /*评论条目*/
    320 .feedbackItem {
    321     font-size:14px;
    322     line-height:24px;
    323     margin:10px 0;
    324     padding:20px;
    325     background:#F2F2F2;
    326     box-shadow:0 0 5px #aaa;
    327 }
    328 .feedbackListSubtitle {
    329     font-weight:normal;
    330 }
    331 /*分类页*/
    332 .entrylist {
    333     padding:10px 20px;
    334     background:#fff;
    335 }
    336 .entrylistItem {
    337     margin:10px 0;
    338     padding:10px;
    339 }
    340 .entrylistPosttitle {
    341     font-size:18px;
    342     font-weight:bold;
    343     background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;
    344     padding-left:30px;
    345 }
    346 .entrylistPostSummary {
    347     padding:10px;
    348 }
    349 .entrylistItemPostDesc {
    350     font-size:12px;
    351     color:#999;
    352     padding-left:40px;
    353 }
    354 /*尾部*/
    355 #footer {
    356     font-size:12px;
    357     margin:20px;
    358     padding:12px;
    359     text-align:center;
    360     background:#55895B;
    361     color:#DDD;
    362     font-size:14px;
    363 }
    364 /*文章内图片*/
    365 #cnblogs_post_body p img {
    366     margin:10px;
    367 }
    368 /*顶一下*/
    369 .diggnum {
    370     font-size:28px;
    371     color:#6DA47D;
    372     font-family:'Microsoft Yahei';
    373 }
    374 #div_digg .diggnum {
    375     line-height:100px;
    376 }
    377 .diggit {
    378     float:left;
    379     width:128px;
    380     height:128px;
    381     background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif') no-repeat;
    382     background-position:0 0;
    383     text-align:center;
    384     cursor:pointer;
    385 }
    386 .diggit:hover {
    387     background-position:-128px 0;
    388 }
    389 /*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/
    390 .buryit {
    391     display:none;
    392 }
    393 .diggword {
    394     display:none;
    395 }
    396 /*green_channel*/
    397 #green_channel {
    398     text:align:right;
    399     background:#6DA47D;
    400     padding-left:20px;
    401     font-weight:normal;
    402     font-size:15px;
    403     width:920px;
    404     border:none;
    405     color:#fff;
    406     padding:20px;
    407     border-radius:4px;
    408 }
    409 /*最新评论*/
    410 #myposts .PostList {
    411     font-size:14px;
    412     line-height:24px;
    413     margin:10px 0;
    414     padding:20px;
    415     background:#F2F2F2;
    416     box-shadow:0 0 5px #aaa;
    417 }
    418 #myposts .postTitl2 a {
    419     color:#6DA47D;
    420 }
  • 相关阅读:
    Git命令之回退篇 git revert git reset
    sklearn的train_test_split
    JavaScript简介
    湖南省第八届大学生计算机程序设计竞赛D题 平方根大搜索
    C++ 11 标准 新增的Lambda表达式、for_each语法,改变了auto关键字的意义
    boost正则表达式 验证电子邮件地址
    C++ 11 标准 Lambda表达式
    JavaScript正则表达式 验证电子邮件地址
    C++11标准新增可变参数模板(variadic template)
    POSIX正则表达式 验证电子邮件地址
  • 原文地址:https://www.cnblogs.com/codehome/p/8352797.html
Copyright © 2020-2023  润新知