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

/* 定制自己导航栏的样式 */
#shwtop{
    background-color: #333;
}
shwtop ul {
    margin: 0;
    padding: 0;
    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;
}
/*------------------------------------------------------------------------------*/
/***************05 定制生成博客目录的CSS样式 ***************/
#uprightsideBar{
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;
    /*
    将div的位置固定到距离top:150px，right:0px的位置，
    这样div就会处在最右边的位置，距离顶部150px，
    当然这两个值你可以自己改。
    */
    top:150px;
    right:0px;
    width: auto;
    height: auto;
}
#sideBarTab{
    float:left;
    width:25px;
    box-shadow: 0 0 8px #877788;
    border:1px solid #00DDC00;
    border-right:none;
    text-align:center;
    background:rgb(0, 220, 0);
}
#sideBarContents{
    float:left;
    overflow:auto;
    overflow-x:hidden;!important;
    width:200px;
    min-height:101px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none;
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}
#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}
#sideBarContents dd, dt {
    cursor: pointer;
}
#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}
/*------------------------------------------------------------------------------*/
/*************** 定制推荐和反对按键 ***************/
#div_digg{
    position:fixed;
    bottom:-10px;
    width:120px;
    right:20px;
    box-shadow: 0 0 6px #0000FF;
    border:2px solid #FF0000;
    padding:4px;
    background-color:#fff;
    border-radius:4px 4px 4px 4px !important;
}

.icon_favorite {
    background: transparent url('https://images.cnblogs.com/cnblogs_com/shwee/1218109/o_kj.gif') no-repeat 0 0;
    padding-left: 15px;
}

#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;
}
/*------------------------------------------------------------------------------*/
/***********定制返回顶部按键**********/
#toTop {
    background: url(https://images.cnblogs.com/cnblogs_com/xf23554/1881968/o_201117063219xhj1.png) no-repeat 0px top;
    width: 57px;
    height: 57px;
    overflow: hidden;
    position: fixed;
    right: 180px;
    bottom: 20px;
    cursor: pointer;
}

/* *********定制公告栏文字信息********* */
.gonggao{
    text-align: center;
    font-size:17px;
    color:blue;
}
.wenzi{
    text-align: center;
    font-size:15px;
}

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

/*------------------------------------------------------------------------------*/
/* *******定制左侧随笔分类上下项之间的间距，左侧随笔分类显示有多少项，你就在后面增加多少项 ********/
#CatList_LinkList_0_Link_0{
}
#CatList_LinkList_0_Link_1{
    margin-top:10px;
}
#CatList_LinkList_0_Link_2{
    margin-top:10px;
}
#CatList_LinkList_0_Link_3{
    margin-top:10px;
}
#CatList_LinkList_0_Link_4{
    margin-top:10px;
}
#CatList_LinkList_0_Link_5{
    margin-top:10px;
}
#CatList_LinkList_0_Link_6{
    margin-top:10px;
}
#CatList_LinkList_0_Link_7{
    margin-top:10px;
}
#CatList_LinkList_0_Link_8{
    margin-top:10px;
}
#CatList_LinkList_0_Link_9{
    margin-top:10px;
}
#CatList_LinkList_0_Link_10{
    margin-top:10px;
}
#CatList_LinkList_0_Link_11{
    margin-top:10px;
}
#CatList_LinkList_0_Link_12{
    margin-top:10px;
}
#CatList_LinkList_0_Link_13{
    margin-top:10px;
}
#CatList_LinkList_0_Link_14{
    margin-top:10px;
}

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

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

/*!* 定制博客背景图片，url里面是你的图片位置信息 *!*/
/*body {*/
/*    background-color: #efefef;*/
/*    background-image:url(https://images.cnblogs.com/cnblogs_com/xf23554/1881968/o_201114191223timg.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-attachment: fixed;*/
/*    background-position: center 0;*/
/*    background-size: cover;*/
/*    padding-top:0px;*/
/*}*/


/*背景图片和虚化*/
#site_nav_under {
    display: none;
}
.c_ad_block, .ad_text_commentbox {
    display: none;
    margin: 0;
    padding: 0;
}
#ad_under_google {
    height: 0;
    overflow: hidden;
}
#ad_under_google a {
    display: none;
}
#home {
    margin: 0 auto;
    width: 65%;
    min-width: 950px;
    background-color: #fff;
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#home {
    margin: 0 auto;
    opacity: 0.8;
    width: 65%;
    min-width: 1080px;
    background-color: #fff;
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle {
    height: 60px;
    clear: both;
}
#navigator {
    font-size: 13px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 50px;
    clear: both;
    margin-top: 25px;
}
#blogTitle h2 {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.18571429rem;
    line-height: 2.546153846;
    color: #757575;
    float: left;
}

body{
    background-image:url("https://images.cnblogs.com/cnblogs_com/xf23554/1881968/t_20111421423710.jpg?a=1605429384414");
    background-repeat:no-repeat;
    background-size：cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.85;
}

/* 设置签名格式 定制css样式 */
/* #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';
} */
	#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';
		float: left;
	}
	#wz {
		float: left;
	}
	#tp {
		float: left;
	}
	#niu {
		float: left;
	}

/*******定制公告栏音乐插件的样式 *************/
.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;
}

/*********************************************************************************/
#cnblogs_post_body
{
    color: black;
    font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
    font-size: 15px;
}
#各个等级标题的颜色样式
#cnblogs_post_body h1    {
    background: #169fe6;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 8px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h2    {
    background: #169fe6;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #ffffff;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 18px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 8px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h3    {
    background: #36648B;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #ffffff;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 0 30px;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h4{
    background:  #36648B;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    line-height: 23px;
    margin: 12px 0 0 40px;
    padding: 5px 0 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}
#页面中a标签鼠标位置
#cnblogs_post_body h2:a{
    color: rgb(235, 235, 235);
}
#cnblogs_post_body h2 a:hover{
    color: rgb(255, 102, 0);
}
#页面中标题位置
#cnblogs_post_body h1{
    color: rgb(235, 235, 235);
}
#cnblogs_post_body h1:hover{
    color: rgb(255, 102, 0);
}
#cnblogs_post_body h2{
    color: rgb(235, 235, 235);
}
#cnblogs_post_body h2:hover{
    color: rgb(255, 102, 0);
}
#cnblogs_post_body h3{
    color: rgb(235, 235, 235);
}
#cnblogs_post_body h3:hover{
    color: rgb(255, 102, 0);
}
#cnblogs_post_body h4{
    color: rgb(235, 235, 235);
}
#cnblogs_post_body h4:hover{
    color: rgb(255, 102, 0);
}