#header{display:block;} /* 将默认的导航头屏蔽掉，这样才能把自己的导航栏加上去 */

/* 定制自己导航栏的样式 */
#shwtop ul {
    margin: 10;
    padding: 10;
    list-style-type: none; /*去除li前的标注*/-
    background-color: #333;
    overflow: hidden; /*隐藏溢出的部分，保持一行*/
}
#shwtop li {
    float: left; /*左浮动*/
}
#shwtop li a, .dropbtn {
    display: inline-block; /*设置成块*/
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}
/*鼠标移上去，改变背景颜色*/
#shwtop li a:hover, .dropdown:hover .dropbtn { 
    /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */
    background-color: blue;
}
#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}
#shwtop .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#shwtop .dropdown-content a {
    display: block;
    color: black;
    padding: 8px 10px;
    text-decoration:none;
}
#shwtop .dropdown-content a:hover {
    background-color: #a1a1a1;
}
#shwtop .dropdown:hover .dropdown-content{
    display: block;
}


/* 定制页面扩大按键 */
#divExpandViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 10px;
    top: 100px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}
/* 定制页面缩小按键 */
#divCollapseViewArea{
    position: fixed;
    color: white;
    padding: 10px 10px;
    left: 0px;
    top: 445px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}

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

#blogTitle h1 a {
    color:#515151;
    font-size:40px
}


/* --------另一种简单风格--------- */
/* #home {
    margin: 0 auto;
    width: 90%;
    min-width: 950px;
    background-color: #fff;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

#blogTitle h1 a {
    color:#515151;
    font-size:40px
}

#navList {
    font-size:18px
}

#navList {
    min-height:30px;
    float:left
    font-size:18px
}

#navList  a {
    padding-top:15%
}
#navList  a:hover {
    color:#4C9ED9
}

.catListTitle {
    font-size:2.35em;
    margin-top:21px;
    margin-bottom:10.5px;
    broder-left:10px solid #99CC33;
    padding: 10px 0 10px 14px;
    background-color:gray;
}

#mainContent {
    float: right;
}

#sideBar {
    float: left;
}


h1 {
  color: #015666;
} */



/*添加按钮*/
.cnblogs-markdown pre {
  position: relative;
}
.cnblogs-markdown pre > span {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
  display:none;
}
.cnblogs-markdown pre:hover > span {
  display:block;
}
.cnblogs-markdown pre > .copyed {
  background: #67c23a;
}


/*博客代码字体设置开始*/
.cnblogs-markdown pre,#cnblogs_post_body pre{
/*控制代码不换行*/
white-space: pre;
word-wrap: normal;
}

#cnblogs_post_body .hljs
{
/*设置字体*/
font-size:15px !important;
font-family:"Consolas", "Courier New", "monospace" !important;
}


.cnblogs_code span{
font-size:16px !important;
font-family:"Consolas", "Courier New", "monospace" !important;
}


.cnblogs-markdown code, .cnblogs-post-body code {
    font-family: "Courier New",sans-serif !important;
    font-size: 12px !important;
    line-height: 20px;
    background-color: #ffffff !important;
    border: 1px solid #fff !important;
    padding: 0 5px !important;
    border-radius: 3px !important;
    line-height: 1.8;
    margin: 1px 5px;
    vertical-align: middle;
    display: inline-block;
    overflow-x: auto;
    color: #f72727;
    font-weight: bold;
}