zoukankan      html  css  js  c++  java
  • 博客园后台样式配置备份

    博客园后台样式配置备份,现已使用主题:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

    页面定制css

    <!--文章-首页样式-->
    <style type="text/css">
    /*去掉广告*/
    #ad_text_commentbox, #ad_t2, #opt_under_post, #ad_c1, #under_post_news, #ad_c2, #under_post_kb, #HistoryToday{display: none;}
    #cnblogs_c1, #ad_t2, #under_post_news, #cnblogs_c2, #under_post_kb{display: none;}
    
    /*cnblog Theme: SimpleBlue 覆盖*/
    .postCon a, .postBody a, .feedbackCon a {
      color: #399ab2;
    }
    a:hover {
        color: #9cba39;
    }
    
    /*markdown*/
    dl dd {
      margin-left: 40px;
    }
    
    /*csdn markdown*/
    .hljs {
      display: block;
      padding: 0.5em;
      background: #fff;
      color: #000;
    }
    .hljs-comment,
    .hljs-template_comment,
    .hljs-javadoc,
    .hljs-comment * {
      color: #800;
    }
    .hljs-keyword,
    .method,
    .hljs-list .hljs-title,
    .clojure .hljs-built_in,
    .nginx .hljs-title,
    .hljs-tag .hljs-title,
    .setting .hljs-value,
    .hljs-winutils,
    .tex .hljs-command,
    .http .hljs-title,
    .hljs-request,
    .hljs-status {
      color: #008;
    }
    .hljs-envvar,
    .tex .hljs-special {
      color: #660;
    }
    .hljs-string,
    .hljs-tag .hljs-value,
    .hljs-cdata,
    .hljs-filter .hljs-argument,
    .hljs-attr_selector,
    .apache .hljs-cbracket,
    .hljs-date,
    .hljs-regexp,
    .coffeescript .hljs-attribute {
      color: #080;
    }
    .hljs-sub .hljs-identifier,
    .hljs-pi,
    .hljs-tag,
    .hljs-tag .hljs-keyword,
    .hljs-decorator,
    .ini .hljs-title,
    .hljs-shebang,
    .hljs-prompt,
    .hljs-hexcolor,
    .hljs-rules .hljs-value,
    .css .hljs-value .hljs-number,
    .hljs-literal,
    .hljs-symbol,
    .ruby .hljs-symbol .hljs-string,
    .hljs-number,
    .css .hljs-function,
    .clojure .hljs-attribute {
      color: #066;
    }
    .hljs-class .hljs-title,
    .haskell .hljs-type,
    .smalltalk .hljs-class,
    .hljs-javadoctag,
    .hljs-yardoctag,
    .hljs-phpdoc,
    .hljs-typename,
    .hljs-tag .hljs-attribute,
    .hljs-doctype,
    .hljs-class .hljs-id,
    .hljs-built_in,
    .setting,
    .hljs-params,
    .hljs-variable,
    .clojure .hljs-title {
      color: #606;
    }
    .css .hljs-tag,
    .hljs-rules .hljs-property,
    .hljs-pseudo,
    .hljs-subst {
      color: #000;
    }
    .css .hljs-class,
    .css .hljs-id {
      color: #9b703f;
    }
    .hljs-value .hljs-important {
      color: #f70;
      font-weight: bold;
    }
    .hljs-rules .hljs-keyword {
      color: #c5af75;
    }
    .hljs-annotation,
    .apache .hljs-sqbracket,
    .nginx .hljs-built_in {
      color: #9b859d;
    }
    .hljs-preprocessor,
    .hljs-preprocessor *,
    .hljs-pragma {
      color: #444;
    }
    .tex .hljs-formula {
      background-color: #eee;
      font-style: italic;
    }
    .diff .hljs-header,
    .hljs-chunk {
      color: #808080;
      font-weight: bold;
    }
    .diff .hljs-change {
      background-color: #bccff9;
    }
    .hljs-addition {
      background-color: #baeeba;
    }
    .hljs-deletion {
      background-color: #ffc8bd;
    }
    .hljs-comment .hljs-yardoctag {
      font-weight: bold;
    }
    .markdown_views {
      font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
      font-size: 14px;
    }
    .markdown_views * {
      box-sizing: border-box;
    }
    .markdown_views h1,
    .markdown_views h2,
    .markdown_views h3,
    .markdown_views h4,
    .markdown_views h5,
    .markdown_views h6 {
      font-weight: 100;
      margin: 0.8em 0;
    }
    .markdown_views p,
    .markdown_views pre,
    .markdown_views pre.prettyprint,
    .markdown_views blockquote {
      margin: 0 0 1.1em;
    }
    .markdown_views hr {
      margin: 2em 0;
      border: 0;
      border-top: 1px solid rgba(128,128,128,0.1);
    }
    .markdown_views dt {
      font-weight: bold;
    }
    .markdown_views abbr[title],
    .markdown_views abbr[data-original-title] {
      cursor: help;
      border-bottom: 1px dotted #999;
    }
    .markdown_views .initialism {
      font-size: 90%;
      text-transform: uppercase;
    }
    .markdown_views blockquote {
      padding: 8px 20px;
      border: none;
      border-left: 10px solid rgba(128,128,128,0.075);
      background-color: rgba(128,128,128,0.05);
      border-radius: 0 5px 5px 0;
    }
    .markdown_views blockquote p {
      line-height: 1.25;
    }
    .markdown_views blockquote p:last-child {
      margin-bottom: 0;
    }
    .markdown_views blockquote small,
    .markdown_views blockquote .small {
      display: block;
      line-height: 1.45;
      color: #999;
    }
    .markdown_views blockquote small:before,
    .markdown_views blockquote .small:before {
      content: "— ";
    }
    .markdown_views blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid rgba(128,128,128,0.075);
      border-left: 0;
    }
    .markdown_views blockquote.pull-right p,
    .markdown_views blockquote.pull-right small,
    .markdown_views blockquote.pull-right .small {
      text-align: right;
    }
    .markdown_views blockquote.pull-right small:before,
    .markdown_views blockquote.pull-right .small:before {
      content: "";
    }
    .markdown_views blockquote.pull-right small:after,
    .markdown_views blockquote.pull-right .small:after {
      content: " —";
    }
    .markdown_views blockquote:before,
    .markdown_views blockquote:after {
      content: "";
    }
    .markdown_views address {
      margin-bottom: 21px;
      font-style: normal;
      line-height: 1.45;
    }
    .markdown_views code,
    .markdown_views kbd,
    .markdown_views pre,
    .markdown_views samp {
      font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    }
    .markdown_views code {
      padding: 2px 4px;
      font-size: 90%;
      color: #c7254e;
      background-color: #f9f2f4;
      white-space: nowrap;
      border-radius: 0;
    }
    .markdown_views pre {
      display: block;
      padding: 10px;
      margin: 0 0 10.5px;
      font-size: 14px;
      line-height: 1.45;
      word-break: break-all;
      word-wrap: break-word;
      color: #333;
      background-color: rgba(128,128,128,0.05);
      border: 1px solid rgba(128,128,128,0.075);
      border-radius: 0;
    }
    .markdown_views pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre;
      word-wrap: normal;
      background-color: transparent;
      border-radius: 0;
    }
    .markdown_views .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll;
    }
    .markdown_views .sequence-diagram,
    .markdown_views .flow-chart {
      text-align: center;
      margin-bottom: 1.1em;
    }
    .markdown_views table {
      background-color: transparent;
      border-collapse: collapse;
      border-spacing: 0;
      border: 1px solid #eee;
    }
    .markdown_views table th,
    .markdown_views table td {
      padding: 8px;
      line-height: 20px;
      vertical-align: top;
      border: 1px solid #eee;
    }
    .markdown_views .prettyprint {
      padding: 5px;
      position: relative;
      overflow-y: hidden;
      overflow-x: auto;
      white-space: nowrap;
      padding-left: 8px;
    }
    .markdown_views .prettyprint .pre-numbering {
      position: absolute;
       50px;
      background-color: #eee;
      top: 0px;
      left: 0;
      margin: 0;
      padding: 6px 0 40px 0;
      border-right: 1px solid #ddd;
      list-style: none;
      text-align: right;
    }
    .markdown_views .prettyprint .pre-numbering li {
      padding: 0 5px;
    }
    
    /*cnblog markdown*/
    .cnblogs-markdown {
      font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
      font-size: 14px;
    }
    .cnblogs-markdown * {
      box-sizing: border-box;
    }
    .cnblogs-markdown h1,
    .cnblogs-markdown h2,
    .cnblogs-markdown h3,
    .cnblogs-markdown h4,
    .cnblogs-markdown h5,
    .cnblogs-markdown h6 {
      font-weight: 100;
      margin: 0.8em 0;
    }
    .cnblogs-markdown p,
    .cnblogs-markdown pre,
    .cnblogs-markdown pre.prettyprint,
    .cnblogs-markdown blockquote {
      margin: 0 0 1.1em;
    }
    .cnblogs-markdown hr {
      margin: 2em 0;
      border: 0;
      border-top: 1px solid rgba(128,128,128,0.1);
    }
    .cnblogs-markdown dt {
      font-weight: bold;
    }
    .cnblogs-markdown abbr[title],
    .cnblogs-markdown abbr[data-original-title] {
      cursor: help;
      border-bottom: 1px dotted #999;
    }
    .cnblogs-markdown .initialism {
      font-size: 90%;
      text-transform: uppercase;
    }
    .cnblogs-markdown blockquote {
      padding: 8px 20px;
      border: none;
      border-left: 10px solid rgba(128,128,128,0.075);
      background-color: rgba(128,128,128,0.05);
      border-radius: 0 5px 5px 0;
    }
    .cnblogs-markdown blockquote p {
      line-height: 1.25;
    }
    .cnblogs-markdown blockquote p:last-child {
      margin-bottom: 0;
    }
    .cnblogs-markdown blockquote small,
    .cnblogs-markdown blockquote .small {
      display: block;
      line-height: 1.45;
      color: #999;
    }
    .cnblogs-markdown blockquote small:before,
    .cnblogs-markdown blockquote .small:before {
      content: "— ";
    }
    .cnblogs-markdown blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid rgba(128,128,128,0.075);
      border-left: 0;
    }
    .cnblogs-markdown blockquote.pull-right p,
    .cnblogs-markdown blockquote.pull-right small,
    .cnblogs-markdown blockquote.pull-right .small {
      text-align: right;
    }
    .cnblogs-markdown blockquote.pull-right small:before,
    .cnblogs-markdown blockquote.pull-right .small:before {
      content: "";
    }
    .cnblogs-markdown blockquote.pull-right small:after,
    .cnblogs-markdown blockquote.pull-right .small:after {
      content: " —";
    }
    .cnblogs-markdown blockquote:before,
    .cnblogs-markdown blockquote:after {
      content: "";
    }
    .cnblogs-markdown address {
      margin-bottom: 21px;
      font-style: normal;
      line-height: 1.45;
    }
    .cnblogs-markdown code,
    .cnblogs-markdown kbd,
    .cnblogs-markdown pre,
    .cnblogs-markdown samp {
      font-family: Menlo,Monaco,Consolas,"Courier New",monospace !important;
    }
    .cnblogs-markdown code {
      color: #c7254e;
      background-color: #f9f2f4 !important;
      white-space: nowrap;
      border-radius: 4px;
      border: 0 !important;
    }
    .cnblogs-markdown pre {
      display: block;
      padding: 10px;
      margin: 0 0 10.5px;
      font-size: 14px;
      line-height: 1.45;
      word-break: break-all;
      word-wrap: break-word;
      color: #333;
      background-color: rgba(128,128,128,0.05);
      border: 1px solid rgba(128,128,128,0.075);
      border-radius: 0;
    }
    .cnblogs-markdown pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre;
      word-wrap: normal;
      background-color: transparent !important;
      border-radius: 0;
    }
    .cnblogs-markdown .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll;
    }
    .cnblogs-markdown .sequence-diagram,
    .cnblogs-markdown .flow-chart {
      text-align: center;
      margin-bottom: 1.1em;
    }
    .cnblogs-markdown table {
      background-color: transparent;
      border-collapse: collapse;
      border-spacing: 0;
      border: 1px solid #eee;
    }
    .cnblogs-markdown table th,
    .cnblogs-markdown table td {
      padding: 8px;
      line-height: 20px;
      vertical-align: top;
      border: 1px solid #eee;
    }
    .cnblogs-markdown .prettyprint {
      padding: 5px;
      position: relative;
      overflow-y: hidden;
      overflow-x: auto;
      white-space: nowrap;
      padding-left: 8px;
    }
    .cnblogs-markdown .prettyprint .pre-numbering {
      position: absolute;
       50px;
      background-color: #eee;
      top: 0px;
      left: 0;
      margin: 0;
      padding: 6px 0 40px 0;
      border-right: 1px solid #ddd;
      list-style: none;
      text-align: right;
    }
    .cnblogs-markdown .prettyprint .pre-numbering li {
      padding: 0 5px;
    }
    </style>
    
    
    
    <!--文章页脚打赏样式-->
    <style type="text/css">
        
    * {
        margin:0;
        padding:0;
    }
    html {
        _background:url(about:blank);
    } /**//* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */
    body {
        background:#fff;
        font: 12px/1.5 Tahoma, Geneva, \5b8b\4f53, sans-serif;
        height:100%;
    }
    .custom_hide {
        display: none;
    }
    .mid {
        font-size:18px;
        font-weight:bold;
        color:#f9f;
        text-align:center;
        vertical-align:top;
        line-height:24px;
        font-family: cursive;
    }
    /**//** 遮罩层 **/ 
    .div_masklayer {
        background:#000;
        display:none;
        filter:alpha(opacity = 50);
        opacity:0.5;
        top:0;
        left:0;
        height:100%;
        100%;
        z-index:999;
        position:fixed;
        _position:absolute;
    _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
    _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
    }
    /**//** 弹出层 **/ 
    .div_popup {
        display:none;
        300px;
        z-index:1000;
        left:50%;
        top:50%;
        position:fixed!important;
        margin-left:-150px !important;
        _position:absolute;
    _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')? documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2: /**//*IE6*/ 
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /**//*IE5 IE5.5*/
    }
    /*图片样式*/
    .img_zfb {
        100%;
        height:100%;
    }
    /*签名*/
    .autograph {
        padding: 15px;
        background-color: #FFF7DC;
        border: 2px solid #FFBFBF;
        font-family:"Courier New", 微软雅黑, Consolas, Arial, 宋体;
    }
    .custom_hide {
        display: none;
    }
    .blogds {
        height:82px;
        line-height:82px;
    }
    a.btn_donate {
        display: inline-block;
         82px;
        height: 82px;
        background: url("http://images.cnblogs.com/cnblogs_com/oldinaction/811466/o_btn_reward.gif") no-repeat;
        _background: url("http://images.cnblogs.com/cnblogs_com/oldinaction/811466/o_btn_reward.gif") no-repeat;
        -webkit-transition: background 0s;
        -moz-transition: background 0s;
        -o-transition: background 0s;
        -ms-transition: background 0s;
        transition: background 0s;
    }
    a.btn_donate:hover {
        cursor:pointer;
        background-position: 0px -82px;
        background-color:unset !important;
    }
    .bold {
        font-weight: bold;
    }
    
        
    </style>
    

    博客侧边栏公告

    <a target="_blank" href="https://www.aliyun.com/acts/product-section-2019/new-users?userCode=oby5nolb">
      <img src="https://ws1.sinaimg.cn/large/c35fb475gy1g0n7767x30j2064064gmt.jpg" class="nofancybox" alt="【开年HI购季】爆款云产品5折" title="【开年HI购季】爆款云产品5折">
    </a>
    

    页脚 HTML 代码

    <script type="text/javascript">
    // 博客签名脚本 //
        function btn_donateClick() {
            var DivPopup = document.getElementById('Div_popup');
            var DivMasklayer = document.getElementById('div_masklayer');
            DivMasklayer.style.display = 'block';
            DivPopup.style.display = 'block';
            var h = Div_popup.clientHeight;
            with (Div_popup.style) {
                marginTop = -h / 2 + 'px';
            }
        }
    
        function MasklayerClick() {
    
            var masklayer = document.getElementById('div_masklayer');
            var divImg = document.getElementById("Div_popup"); 
            masklayer.style.display = "none";
            divImg.style.display = "none";
        }
    
        setTimeout(
            function () {
                document.getElementById('div_masklayer').onclick = MasklayerClick;
                document.getElementById('btn_donate').onclick = btn_donateClick;
                // var a_gzw = document.getElementById("guanzhuwo");
                // a_gzw.href = "javascript:void(0);";
               // $("#guanzhuwo").attr("onclick","follow('33513f9f-ba13-e011-ac81-842b2b196315');");
            }, 900);
    </script>
    
  • 相关阅读:
    CSS实现雨滴动画效果
    大型网站架构系列:电商网站架构案例
    CSS 不定宽高的垂直水平居中方式总汇
    js中尺寸类样式
    Tiling
    排序二叉树
    算术表达式的转换
    Area
    catch that cow
    R中双表操作学习[转载]
  • 原文地址:https://www.cnblogs.com/oldinaction/p/14313721.html
Copyright © 2011-2022 走看看