zoukankan      html  css  js  c++  java
  • 博客园 自定义CSS皮肤模板

    我只有我的博客的皮肤模板,我自己觉得还是挺好看的,所以在这里和大家分享一下。
    有部分注释,大家也可以选择性的自己改下:

    /*公用*/
    body {
        font-size:16px;
        padding:0;
        margin:0;
        font-family:"文泉驿微米黑","宋体",Arial;
        background:#F0F8FF url('http://desk.fd.zol-img.com.cn/t_s1920x1080c5/g4/M0B/03/02/Cg-4WlQPxVCIRjUuACO-JIUkkuwAARTqABt8FoAI748643.jpg') no-repeat top center fixed;
        min-1200px;
    }
    #home {
        opacity: 0.90;
        filter: alpha(opacity=95);
        box-shadow:0 0 10px #000;
        margin:40px auto;
        1200px;
        background:#fff;
        overflow:auto;
        border:solid 1px #fff;
    }
    /*段落*/
    .postBody p,.postCon p {
        margin:7px 0;
        line-height:24px;
    }
    h1{
    
    font-size: 20px;
        color: red;
    }
    
    h3 {
        font-size:15px;
        font-weight:bold;
    
    }
    /*超链接*/
    a {
        color:#464646;
        text-decoration:none;
    }
    a:hover {
        text-decoration:underline;
    }
    a:visited,a:hover {
        color:#464646;
    }
    ul {
        list-style:none;
        margin:0;
        padding:0;
    }
    image {
        border:none;
    }
    #header {
        padding:20px;
    }
    /*博客标题*/
    #blogTitle,#blogTitle a {
        font-weight:bold;
        color:#666;
    
    }
    #blogTitle .title {
        margin-top:10px;
        height:100px;
        line-height:100px;
        font-size:36px;
        padding-left:120px;
        background:#fff url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_light2.png') no-repeat;
    }
    .headermaintitle {
        }#blogTitle,#blogTitle a:hover {
        text-decoration:none;
    }
    /*子标题*/
    .subtitle {
        padding-left:30px;
        font-size:14px;
        color:#999;
        font-weight:normal;
        margin:10px 0;
    }
    /*导航栏*/
    #navigator {
        font-size:16px;
        height:48px;
        background:#00B2EE;
        text-align:center;
        margin-top:20px;
        margin-bottom:20px;
    }
    #navList li {
        margin:0;
        line-height:48px;
        display:inline-block;
        float:left;
    }
    #navList li:hover {
        background:#454545;
    }
    #navList li a {
        padding:0 30px;
        text-decoration:none;
        line-height:48px;
        border:0;
        color:#fff;
        display:-moz-inline-box;
        display:inline-block;
    }
    .blogStats {
        height:48px;
        color:#fff;
        line-height:48px;
    }
    #main {
        padding:20px;
    }
    /*左边*/
    #sideBarMain {
        padding:0 10px 0 0;
        background:#fff;
        margin:0 0 20px 0;
        227px;
        font-size:12px;
        line-height:22px;
    }
    #sideBarMain a {
        color:#666;
    }
    #leftcontentcontainer {
        color:#666;
    }
    .newsItem {
        color:#666;
    }
    /*公告*/
    #profile_block {
        margin-top:0px;
        line-height:24px;
        text-align:left;
    }
    /*主面板*/
    #mainContent {
        margin-top:0px;
        padding-top:0px;
        padding-right:0px;
        background:#fff;
        padding-bottom:0px;
        float:right;
        923px;
        padding-left:0px;
    }
    /*每日文章列表*/
    .day {
        background:#fff;
        padding:0;
        margin:0 0 20px 0;
    }
    /*博客标题*/
    .postTitle a {
        color:#464646;
    }
    .postTitle {
        padding-bottom:10px;
        font-size:20px;
        font-weight:bold;
        color:#464646;
        background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;
        padding-left:30px;
    }
    .dayTitle {
        display:none;
    }
    /*摘要*/
    .c_b_p_desc {
        padding:10px;
        line-height:24px;
        color:#888;
    }
    .c_b_p_desc a {
        color:#888;
    }
    .c_b_p_desc a:hover {
        text-decoration:none;
        border-bottom-1px;
        border-bottom-style:dotted;
    }
    /*右侧图片*/
    .desc_img {
        margin-left:10px;
        border:solid 1px #fff;
        box-shadow:0 0 10px #aaa;
    }
    /*博文页*/
    #topics .post {
        background:#fff;
    }
    .postCon {
        padding:10px 20px 0 20px;
    }
    .postDesc {
        margin:0 30px;
        margin-bottom:2px;
        padding:8px 0px;
        font-size:12px;
        color:#aaa;
        background:#fff;
        text-align:right;
    }
    .postDesc a {
        color:#AAA;
    }
    .postBody {
        padding:0;
    }
    /*google搜索框*/
    #google_q,#q {
        height:22px;
        120px;
        border:solid 1px #ccc;
        box-shadow:inset 0 0 3px #ddd;
        border-radius:4px;
    }
    /*搜索按钮*/
    .btn_my_zzk {
        font-family:'宋体';
        border:none;
        height:26px;
        60px;
        padding:1px;
        font-size:14px;
        cursor:pointer;
        position:relative;
        vertical-align:middle;
        display:inline-block;
        background:#00B2EE;
        border-radius:4px;
        color:#fff;
    }
    .btn_my_zzk:hover {
        background:#454545;
    }
    /*评论按钮*/
    
    #btn_comment_submit {
        border:none;
        height:48px;
        120px;
    }
    /*评论按钮*/
    .comment_btn {
        font-family:'宋体';
        border:none;
        height:48px;
        120px;
        font-size:18px;
        cursor:pointer;
        position:relative;
        vertical-align:middle;
        display:inline-block;
        background:#00B2EE;
        color:#fff;
    }
    #btn_comment_submit:hover {
        background:#454545;
    }
    /*评论标题*/
    .feedback_area_title {
        padding:10px;
        font-size:24px;
        font-weight:bold;
        color:#00B2EE;
        border-bottom:solid 6px #00B2EE;
    }
    .feedbackListSubtitle {
        font-size:12px;
        color:#888;
    }
    .feedbackListSubtitle a {
        color:#888;
    }
    .comment_quote {
        background:#FCFAAC;
        padding:15px;
        border:1px solid #CCC;
    }
    #commentform_title {
        color:#00B2EE;
        background-image:none;
        background-repeat:no-repeat;
        margin-bottom:10px;
        padding:10px 20px 10px 10px;
        font-size:24px;
        font-weight:bold;
        border-bottom:solid 6px #00B2EE;
    }
    /*评论框*/
    #comment_form {
        margin:10px 0;
        padding:0;
    }
    .commentform {
        margin:10px 0;
        padding:10px 20px;
        background:#fff;
    }
    /*评论输入域*/
    #tbCommentBody {
        font-family:'宋体';
        margin-top:10px;
        903px;
        max-903px;
        min-903px;
        background:white;
        color:#333;
        border:2px solid #fff;
        box-shadow:inset 0 0 8px #aaa;
        padding:10px;
        height:120px;
        font-size:14px;
        min-height:120px;
    }
    /*评论条目*/
    .feedbackItem {
        font-size:14px;
        line-height:24px;
        margin:10px 0;
        padding:20px;
        background:#F2F2F2;
        box-shadow:0 0 5px #aaa;
    }
    .feedbackListSubtitle {
        font-weight:normal;
    }
    /*分类页*/
    .entrylist {
        padding:10px 20px;
        background:#fff;
    }
    .entrylistItem {
        margin:10px 0;
        padding:10px;
    }
    .entrylistPosttitle {
        font-size:18px;
        font-weight:bold;
        background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;
        padding-left:30px;
    }
    .entrylistPostSummary {
        padding:10px;
    }
    .entrylistItemPostDesc {
        font-size:12px;
        color:#999;
        padding-left:40px;
    }
    /*尾部*/
    #footer {
        font-size:12px;
        margin:20px;
        padding:12px;
        text-align:center;
        background:#00B2EE;
        color:#515151;
        font-size:14px;
    }
    /*文章内图片*/
    #cnblogs_post_body p img {
        margin:10px;
    }
    /*顶一下*/
    .diggnum {
        font-size:28px;
        color:#454545;
        font-family:'宋体';
    }
    #div_digg .diggnum {
        line-height:100px;
    }
    .diggit {
        float:left;
        128px;
        height:128px;
        background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif') no-repeat;
        background-position:0 0;
        text-align:center;
        cursor:pointer;
    }
    .diggit:hover {
        background-position:-128px 0;
    }
    /*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/
    .buryit {
        display:none;
    }
    .diggword {
        display:none;
    }
    /*green_channel*/
    #green_channel {
        text:align:right;
        background:#454545;
        padding-left:20px;
        font-weight:normal;
        font-size:15px;
        883px;
        border:none;
        color:#fff;
        padding:20px;
        border-radius:4px;
    }
    /*最新评论*/
    #myposts .PostList {
        font-size:14px;
        line-height:24px;
        margin:10px 0;
        padding:20px;
        background:#F2F2F2;
        box-shadow:0 0 5px #aaa;
    }
    #myposts .postTitl2 a {
        color:#454545;
    }
    
  • 相关阅读:
    大佬讲话听后感
    P1226快速幂取余
    对拍
    P1017 进制转换
    P1092 虫食算 NOIP2002
    P1003 铺地毯
    P1443 马的遍历
    P1032 字串变换
    P1379 八数码问题
    2-MAVEN 基本命令
  • 原文地址:https://www.cnblogs.com/s1124yy/p/5873029.html
Copyright © 2011-2022 走看看