博客园自定义样式

本站点采用的博客皮肤是SimpleMemory！

页面定制CSS代码

/*博客皮肤：SimpleMemory*/
/*自定义样式如下：*/
#google_ad_c1,
#google_ad_c2 {
    display: none;
}

.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
    font-size: 14px !important;
}

#home {
    opacity: 0.90;
    margin: 0 auto;
    width: 75%;
    min-width: 950px;
    background-color: #fff;
    padding: 30px;
    margin-top: 200px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

#blogTitle h1 {
    font-size: 40px;
    font-weight: bold;
    font-family: "Comic Sans MS";
    line-height: 1.5em;
    margin-top: 20px;
    color: #515151;
}

#blogTitle h2 {
    font-weight: normal;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #000;
    float: left;
}

#navList a:hover {
    color: #4C9ED9;
    text-decoration: none;
}

#navList a {
    display: block;
    width: 5em;
    height: 22px;
    float: left;
    text-align: center;
    padding-top: 18px;
}

#navigator {
    font-size: 15px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    height: 55px;
    clear: both;
    margin-top: 35px;
}

.blogStats {
    float: right;
    color: #000;
    margin-top: 19px;
    margin-right: 2px;
    text-align: right;
}


.catListTitle {
    margin-top: 21px;
    margin-bottom: 10.5px;
    text-align: left;
    border-left: 10px solid rgba(255, 97, 0, 0.8);
    padding: 10px 0 14px 10px;
    background-color: #f5f5f5;
}

#ad_under_post_holder #google_ad_c1,
#google_ad_c2 {
    display: none !important;
}

body {
    color: #000;
    background: url(https://img2018.cnblogs.com/blog/1336165/201908/1336165-20190820121359731-568214352.jpg
) fixed;
    background-size: cover;
    background-repeat: repeat;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    min-height: 100%;
}

#topics .postTitle {
    border: 0px;
    font-size: 200%;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;
}


.postTitle {
    border-left: 3px solid #e74c3c;
    margin-bottom: 10px;
    font-size: 20px;
    float: right;
    width: 100%;
    clear: both;
}
/*文章主题样式*/
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #21759b;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}



.feedbackItem {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
    padding: 20px;
    background: #F2F2F2;
    box-shadow: 0 0 5px #aaa;
}

.feedbackListSubtitle {
    font-weight: normal;
}


.feedback_area_title {
    margin-bottom: 15px;
    font-size: 1.8em;
}

.feedbackItem {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    padding: 5px;
    background: rgb(248, 248, 248);
}

.color_shine {
    background: rgb(226, 242, 255);
}

.feedbackItem:hover {
    -webkit-animation-name: color_shine;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}




/*代码样式*/
/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.pln {
    color: #131513
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #809980
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
    padding-left: 1em;
    background-color: #f4fbf4;
    list-style-type: decimal
}

@media screen {
    .str {
        color: #29a329
    }

    .kwd {
        color: #ad2bee
    }

    .com {
        color: #809980
    }

    .typ {
        color: #3d62f5
    }

    .lit {
        color: #87711d
    }

    .pun {
        color: #131513
    }

    .opn {
        color: #131513
    }

    .clo {
        color: #131513
    }

    .tag {
        color: #e6193c
    }

    .atn {
        color: #87711d
    }

    .atv {
        color: #1999b3
    }

    .dec {
        color: #87711d
    }

    .var {
        color: #e6193c
    }

    .fun {
        color: #3d62f5
    }
}


/*markdown设置背景色，字体大小和字体*/
code {
    padding: 1px 3px;
    margin: 0 3px;
    background: #ddd;
    border: 1px solid #ccc;
    font-family: Menlo, Monaco, Andale Mono, lucida console, Courier New, monospace;
    word-wrap: break-word;
    font-size: 14px;
}

.cnblogs-markdown code {
    background: #fff !important;
}

.cnblogs_code,
.cnblogs_code span,
.cnblogs-markdown .hljs {
    font-size: 14px !important;
    font-family: consolas, "Source Code Pro", monaco, monospace !important;
}


/*文章标题样式*/
#cnblogs_post_body h1 {
    background: #000000;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: FZShuTi, "微软雅黑", "宋体", "黑体", Arial;
    font-size: 20px;
    font-weight: bold;
    height: 24px;
    line-height: 23px;
    margin: 18px 0 !important;
    padding: 12px 0 8px 5px;
    padding-left: 5px;
    text-shadow: 2px 2px 3px #222222;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    text-align: left;
    margin: 12px 0 !important;
    width: 95%
}

#cnblogs_post_body h2 {
    background-color: #8bc34a;
    border-radius: 6px;
    border: none;
    color: #fff;
    font-family: "微软雅黑", "宋体", "黑体", Arial;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1.4em;
    text-shadow: 2px 2px 3px #222;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding: 10px;
    margin: 18px 0 18px 0 !important;
    width: 95%;
}

#cnblogs_post_body h3 {
    background-color: #2b6695;
    border-radius: 6px;
    border: none;
    color: #fff;
    font-family: "微软雅黑", "宋体", "黑体", Arial;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.2em;
    text-shadow: 2px 2px 3px #222;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding: 10px;
    margin: 12px 0 !important;
    width: 95%;
}

#cnblogs_post_body h4 {
    background-color: #33cb97;
    border-radius: 5px;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 2px #222222;
    font-family: "微软雅黑", "宋体", "黑体", Arial;
    font-size: 14px;
    font-weight: bold;
    height: 21px;
    line-height: 20px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    padding: 10px;
    margin: 12px 0 !important;
    width: 95%;
}

/*文章表格样式*/
#cnblogs_post_body table {
    text-align: center;
    width: 100%;
    border: 1px solid #dedede;
    margin: 15px 0;
    border-collapse: collapse;
}

#cnblogs_post_body table thead tr {
    background: #f8f8f8;
}

#cnblogs_post_body table tbody tr:hover {
    background: #efefef;
}

/*文章内容字体样式*/
#cnblogs_post_body {
    color: black;
    font-family: 'comic sans ms', sans-serif;
    font-size: 16px;
}

/* 去除a标签下划线 */
.postBody a:link,
.postBody a:visited,
.postBody a:active {
    text-decoration: none;
}

/* adblock去除广告 */
#ad_t2 {
    display: none;
}

.c_ad_block {
    display: none;
}

/* 定制公告栏时钟位置 */
#clockdiv {
    text-align: center;
}

/* 定制公告栏音乐插件的样式 */
.aplayer {
    /*音乐插件字体*/
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    /*音乐插件与公告栏左边的边距，0px就是直接抵到公告栏左边的边上*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 2px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
}

/*隐藏反对按钮*/
.buryit {
    display: none;
}

/*版权声明*/
#MySignature {
    border: solid 1px #E5E5E5;
    padding: 10px;
    background: #E5EEF7 url(https://files-cdn.cnblogs.com/files/acgoto/o_o_o_info.ico) no-repeat scroll 15px 50%;
    padding-left: 80px;
}

#MySignature div {
    line-height: 20px;
}

版权声明

添加版权声明要去博客后台设置博客签名，标题为“版权声明”，内容自行修改，如下设置：

<div>作者：<a href="http://www.cnblogs.com/acgoto/" target="_blank">霜雪千年</a></div>
<div>出处：<a href="http://www.cnblogs.com/acgoto/" target="_blank">http://www.cnblogs.com/acgoto/</a></div>
<div>本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文连接，否则保留追究法律责任的权利。 </div>

博客侧边栏公告（支持HTML代码）（支持JS代码）

<p class="p">弱校挣扎的一名蒟蒻</p>
<p>--------------------------------------</p>


<!-- 添加公告栏时钟 -->
<div id="clockdiv">
    <canvas id="dom" width="120" height="120">时钟canvas</canvas>
</div>
<script type="text/javascript" src="https://files.cnblogs.com/files/shwee/clock.js"></script>
<p>--------------------------------------</p>


<!-- 各国访问流量统计 -->
<a href="http://s05.flagcounter.com/more/UuA"><img src="https://s05.flagcounter.com/count/UuA/bg_55FF00/txt_000000/border_CCCCCC/columns_2/maxflags_10/viewers_0/labels_1/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"></a>
<p>--------------------------------------</p>


<!-- 鼠标点击效果 -->
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 5) % a.length;
        var x = e.pageX, // 参照点为浏览器内容区域的左上角
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>
<p>--------------------------------------</p>

<!-- 或者用这个鼠标点击爱心效果 -->
<script type="text/javascript">
/* 鼠标特效 */
! function(e, t, a) {
  function n() { c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), o(), r() }

  function r() {
    for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999");
    requestAnimationFrame(r)
  }

  function o() {
    var t = "function" == typeof e.onclick && e.onclick;
    e.onclick = function(e) { t && t(), i(e) }
  }

  function i(e) {
    var a = t.createElement("div");
    a.className = "heart", d.push({ el: a, x: e.clientX - 5, y: e.clientY - 5, scale: 1, alpha: 1, color: s() }), t.body.appendChild(a)
  }

  function c(e) {
    var a = t.createElement("style");
    a.type = "text/css";
    try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName("head")[0].appendChild(a)
  }

  function s() { return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")" }
  var d = [];
  e.requestAnimationFrame = function() { return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function(e) { setTimeout(e, 1e3 / 60) } }(), n()
}(window, document);
</script>


<!-- 为博客侧边栏添加音乐组件 -->
<div id="player" class="aplayer"></div>
<link href="https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.css" rel="stylesheet">
<script src="https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.js"></script>

<script type="text/javascript">
    var ap = new APlayer({
        element: document.getElementById('player'),
        narrow: false,
        autoplay: false,          // 是否自动播放
        showlrc: false,
        theme: '#F5F5F5',      // 建议插件背景颜色和公告栏背景色一样
        music: [{
            title: '曲名',
            author: '歌手名',
            url: '歌曲链接',
            pic: '歌曲封面'
        }]
    });
    ap.init();
</script>


<!-- 给网页背景添加动态线条 -->
<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

页首HTML代码

<!--添加快速置顶小火箭-->
<style>
    #back-top {
        position: fixed;
        bottom: 10px;
        right: 5px;
        z-index: 99;
    }
    #back-top span {
        width: 50px;
        height: 64px;
        display: block;
        background:url(
            https://files.cnblogs.com/files/acgoto/o_rocket.ico) no-repeat center center;
    }
    #back-top a{outline:none}
</style>
<script type="text/javascript">
    $(function() {
    // hide #back-top first
    $("#back-top").hide();
    // fade in #back-top
    $(window).scroll(function() {
        if ($(this).scrollTop() > 500) {
            $('#back-top').fadeIn();
        } else {
            $('#back-top').fadeOut();
        }
    });
    // scroll body to 0px on click
    $('#back-top a').click(function() {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
});
</script>
<p id="back-top" style="display:none"><a href="#top"><span></span></a></p>

页脚HTML代码

<script src="https://files.cnblogs.com/files/flipped/prettify.js"></script>
<script type="text/javascript">
(function() {
     $("pre").addClass("prettyprint");
     prettyPrint();
})();
</script>

高清背景图