Custom CSS Style Landscaping Blog Park

Custom CSS Style Landscaping Blog Park

First of all, I choose the blog skin is Mtclean, the following style under other skin some does not apply. for the beautification of Mtclean skin

/* Set Tongqingliu top spacing * * h1 {margin-top:20px}
    /* Set Tongqingliu box and background */#top {color: #333;
    margin-left:50px;
    margin-right:50px;
    border-radius:10px;
    Background-color:royalblue;
    border-top:0px;
    padding-bottom:35px;
Text-align:center;  /* Set Tongqingliu font and size * * #top A, #top a:link, #top a:visited, #top a:active, #top a:hover {font-family: "Comic Sans
    MS ";
    Font-size:larger;
Color:whitesmoke;
    /* Set to keep learning attitude * * * #tagline {margin-top:20px;
    Font-size:large;
Color:white;

/* navigation and the position of the box where the text is located * * * #leftmenu {margin-top:100px}
    /* Navigation, statistical information * * * #leftmenu h3 {font-family:palatino,georgia,times new Roman,serif;
    Color:whitesmoke;
    Background-color:royalblue;
    Font-size:1.5em;
    Font-weight:normal;
    padding:3px;
    margin-top:0;
    line-height:1.5;
    Letter-spacing:. 1em;
Text-transform:uppercase;

/* Home, contact, management, essays, articles, comments * * #leftmenu ul {font-size:14px;}
 /* Top essay and the following box * * * #main {   margin-top:50px;
    }/* Sticky essay, date/p.date {color:black;
    Font-family:palatino,georgia,times new Roman,serif;
    Font-size:1em;
    Font-weight:bold;
    padding-top:15px;
    padding-bottom:10px;
Display:none;
    /* Set home directory/* div.post h2 a:link {font-family:palatino,georgia,verdana,arir,sans-serif;
    font-size:18pt;
    Font-weight:bold;
    Color:whitesmoke;
    Background-color:green;
    line-height:40px;
Text-decoration:none;
    } div.post h2 a:visited {font-family:palatino,georgia,verdana,arir,sans-serif;
    font-size:18pt;
    Font-weight:bold;
    line-height:40px;
    Color:whitesmoke;
    Background-color:green;
Text-decoration:none;
    } div.post h2 {Font-family:palatino,georgia,verdana,arial,sans-serif;
    font-size:18pt; /* Color: #606060;
    * * FONT-WEIGHT:BOLD; /* Background: #fff;
    * * line-height:40px;
    margin-top:28px;
    Background-color:green;
Text-decoration:none; }

Landscaping Blog Content

/* Set the blog body 123 level title Format * * * First
title * * *
#cnblogs_post_body h1 {
    font-size:28px;
    Font-weight:bold;
    line-height:1.5;
    Color:black;
    margin:10px 0;
}
/* Level TWO title * * *
#cnblogs_post_body h2 {
    font-size:24px;
    Font-weight:bold;
    line-height:1.5;
    Color:whitesmoke;
    Background-color:royalblue;
    margin:10px 0;
}
/* Level THREE title * * *
#cnblogs_post_body h3 {
    font-size:20px;
    Font-weight:bold;
    line-height:1.5;
    Color:whitesmoke;
    Background-color:dimgrey;
}  /* Body
/* #cnblogs_post_body p {
    font-size:12pt
}

Landscaping Signature

/* Set the signature format *
/#MySignature {
    display:none;
    Background-color: #B2E866;
    border-radius:10px;
    box-shadow:1px 1px 1px #6B6B6B;
    padding:10px;
    line-height:1.5;
    text-shadow:1px 1px 1px #FFF;
    font-size:16px;
    font-family: ' Microsoft Yahei ';
}

Landscaping recommendations and objections

Set the recommended and opposed buttons in the lower right corner of the page floating display, screen against the button.

* * Recommended and objected to * * *
#div_digg {
    padding:5px;
    position:fixed;
    z-index:1000;
    bottom:0px;
    right:0;
    border:0px solid #D9DBE1;
    Background-color: #FFFFFF;
    opacity:0.8;
    width:46px;
    Float:right;
    margin-bottom:10px;
    margin-right:10px;
    font-size:12px;
    Text-align:center;
    margin-top:10px;
    border:2px solid red;
/* Ignore against
buryit {
    Display:none
}

Landscaping Code

The code uses the Monokai style.

/* Monokai Sublime style.
    Derived from Monokai by noformnocontent http://nn.mit-license.org//Pre {/* control code does not change line * * * * WHITE-SPACE:PRE;
Word-wrap:normal;
    }. Cnblogs-markdown. hljs {font-size:16px!important;
    Font-family:consolas,monospace!important;
    Display:block;
    Overflow-x: auto;
    Padding:0.5em;
    Background: #23241f!important;
    Color: #FFF;
    White-space:pre;
    Word-break:normal;
padding:10px 15px!important;

}. Hljs,. Hljs-tag,. Hljs-subst {color: #f8f8f2;}

. Hljs-strong,. hljs-emphasis {color: #a8a8a2;}

Hljs-bullet, Hljs-quote,. Hljs-number,. Hljs-regexp,. Hljs-literal,. Hljs-link {color: #ae81ff;}

Hljs-code,. Hljs-title,. Hljs-section,. Hljs-selector-class {color: #a6e22e;}

. Hljs-strong {Font-weight:bold}

. hljs-emphasis {Font-style:italic}

Hljs-keyword,. Hljs-selector-tag,. Hljs-name,. hljs-attr {color: #f92672;}

. Hljs-symbol,. Hljs-attribute {color: #66d9ef;} . Hljs-params, Hljs-class.hljs-title {color: #f8f8f2;} Hljs-string, Hljs-type,. hljs-built_in,. Hljs-builtin-name,. Hljs-selector-id,. Hljs-selector-attr.

Hljs-selector-pseudo,. Hljs-addition,. hljs-variable,. hljs-template-variable {color: #e6db74;} Hljs-comment,. Hljs-deletion,. Hljs-meta {color: #75715e;}

Shielding Ads

/* Adblock
/#ad_t2 {
    display:none
}
. C_ad_block {
    display:none;
}

The above styles can be used directly in the page customization CSS code. Landscaping Blog Sidebar Bulletin

Insert Clock:
http://www.blogclock.cn/
Insert Visitor Source:
http://s11.flagcounter.com/more/Fe64/
Insert total number of visitors:
http://www.amazingcounters.com/
Insert QQ Communication components:
Https://connect.qq.com/intro/wpa

The generated code is placed in the blog Sidebar Bulletin (support for HTML code) (support for JS code). Increase the reward button

<script src= "Http://static.tctip.com/tctip-1.0.0.min.js" ></script>
  <script>  
  New Tctip ( {Top
    : ' 20% ',
    button: {
      id:9,
      type: ' Dashang ',
    },
    list: [      {        type: ' Alipay '        , Qrimg: ' Https://files.cnblogs.com/files/liutongqing/zfb30.bmp '      }, {        type: ' WeChat ',        qrimg: ' https:/ /files.cnblogs.com/files/liutongqing/wx30.bmp '      }    ]
  }. Init ()
  </script>

Here reference to the works of greedying great God, github address, thanks.

This code should be placed in the "top page HTML code".