/*好看的滚动条*/
::-webkit-scrollbar{
     width:10px!important;
     height:10px!important;
     -webkit-appearance:none;
 }
 ::-webkit-scrollbar-thumb{
     height:5px;border:1px solid transparent;
     border-top:none;border-bottom:none;
     -webkit-border-radius:6px;
     background-color:rgba(0,0,0,.3);
     background-clip:padding-box;
 }

/* 导航栏列表hover变色 */
#navList li :hover {
     background-color: #60bbb6;
 }

/*文章中 a 标签的触发效果*/
a:hover {
  /* border-bottom: 1px solid; */
  /* text-shadow: -1px 0 0 #FFD700, 0 1px 0 #FFD700, 1px 0 0 #FFD700, 0 -1px 0 #FFD700; */
    color: #60bbb6;
    transition: 0.3s;
}

/*---- 顶部背景 ----*/
#blogTitle, #navigator {
    background: #076585; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #076585, #fff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #076585, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*标签云－标签部分*/
/*
#sidebar_toptags > div > ul > li > a {
    font-size: 12px;
    line-height: 11px;
    color: #fff;
}
#sidebar_toptags > div > ul > li {
    position: absolute;
    padding: 0 10px;
    border-radius: 10%;
    background: #8968CD;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    transition: all .7s;
    font-size: 9px;
    color: #fff;
}
#sidebar_toptags > div > ul > li:hover{
    background: black;
}
*/
/*
#sidebar_toptags > div > ul {
    position: relative !important;
    clear: both;
    display: block;
    padding: 10px;
    padding-left: 0px;
    width: 270px;
    height: 230px;
}
*/

/* 博客签名样式设计 */
/*
#MySignature {
    margin-top: 20px;
    background-color: #aed7ed;
    border-radius: 16px;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    display: block;
    text-align: left;
    width: 95%;
    box-shadow: 1px 2px 6px rgba(0,0,0,.5)!important;
}
#MySignature p {
    text-indent: 0em!important;
}
*/

/*摆脱干巴巴的白色背景，重新设计背景*/
/*
body {
    color: #000;
    background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/o_二次元1.12.jpg) fixed;
    background-size:cover;
    background-repeat: no-repeat;
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    font-size: 12px;
    min-height: 101%;
    margin: 0; 
    padding: 0; 
    height:100%;
}
#home {
    opacity: 0.97; 
    margin: 0px auto;
    width: 73%;
   min-width: 950px;
    background-color: #fff;
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
*/

/*目录的CSS样式，目录最主要的JS来识别h2标签*/
#sideCatalog a{
  font-size:12px;
  font-weight:normal !important;
}
#sideCatalog li {
  background-color: #F0FFF0;
}
#sideCatalog {
  opacity:0.73;
}
#sideCatalog a:hover{
  color:#8B0000;
}

/*--------- 自定义标题的样式，让阅读更有层次感---------*/
.postTitle a:hover {
    color: #60bbb6;
}

/*标题h2的自定义格式*/
#cnblogs_post_body h2  {
    border-left: 1px solid #55895B;
    border-left-width: 5px;
    background-color: #68d9876e;
    padding: 3px 8px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    font-size: 20px;
}

/*标题h3的自定义格式*/
#cnblogs_post_body h3  {
    background-color: #68d99a87;
    color: #696969;
    padding: 2px 15px;
    width: 95%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 15px;
    box-shadow: 2px 3px 4px 0px #dfdfdf !important;
}
*/
/*------------------------------------*/

/* -----------关注收藏等几个按钮 -------*/
/* 几个按钮居中 */
# blog_post_info{
    margin: auto!important;
}

#green_channel {
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    border-top: #ddd 2px dashed;
    border-bottom: #ddd 2px dashed;
    font-size: 12px;
    width: 90%!important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite, a#green_channel_weibo, a#green_channel_wechat {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 80px;
    display: inline-block;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    position: relative;
    margin-left: 10px;
    background-image: none;
    margin-top: 10px;
}
/* 好文要顶 */
a#green_channel_digg {
    background-color: #2daebf;
    box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65);
}
/* 收藏本文 */
a#green_channel_favorite {
    background-color: #ffb515;
    box-shadow: 0 15px 18px -6px rgba(255,198,75,0.65);
    margin-left: 10px;
}
/* 关注我 */
a#green_channel_follow {
    background-color: #e33100!important;
    box-shadow: 0 15px 18px -6px rgba(227,49,0,0.65);
    margin-left: 10px;
}
/* 微信中打开 */
a#green_channel_wechat {
    padding: 3px 8px!important;
    background-color: #3cb034!important;
    box-shadow: 0 15px 18px -6px rgba(60,176,52,0.65)!important;
    margin-left: 10px;
    /* width: 35px; */
}
/* 微博中打开 */
a#green_channel_weibo {
    padding: 3px 8px!important;
    background-color: #ff464b!important;
    box-shadow: 0 15px 18px -6px rgba(255,70,75,0.65)!important;
    margin-left: 10px;
    width: 35px;
}

/*修饰下面的头像边框*/
#author_profile_info img{
    border-radius: 100%;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4);
    border: 3px solid #f7f7f7;
    padding: 0;
    margin-left: 3px;
    margin-right: 7px;
}
/* 鼠标hover头像时旋转180度 */
#author_profile_info img:hover{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transition: transform .5s;
transform:rotate(180deg);
}

/* 禁用下划线 */
.postBody a:link, .postBody a:visited, .postBody a:active {
    text-decoration: none;
}

/* 上一篇、下一篇 */
#post_next_prev {
    font-size: 14px;
    color: #535353;
}

/*修改【支持】按钮样式*/
/*
.diggnum {
    font-size:28px;
    color:#6DA47D;
    font-family:'Microsoft Yahei';
}
#div_digg .diggnum {
    line-height:37px;
}
.diggit {
    float:left;
    width:73px;
    height:73px;
    background:url('https://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_dig.gif') no-repeat;
    background-position:0 0;
    text-align:center;
    cursor:pointer;
}
.diggit:hover {
    background-position:-73px 0;
}
*/

/* 删除反对按钮,有点邪恶了 */
/*
.buryit{
  display: none;
}
*/
/*屏蔽广告 adblock */
#ad_t2 {
    display: none;
}
.c_ad_block {
    display: none;
}

/*底部"编辑"、"收藏"字体溢出*/
#topics .postDesc a {
    background-color: #51C332;
    border-radius: 3px;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px #8B0000;
    padding: 3.7px 13px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 3px;
    box-shadow: black 0px 2px 8px;
}
/*-----------------------------------------*/

/* 为评论框设计样式 */
#commentbox_opt {
    padding-left:30%;
}
#tbCommentBody {
    width: calc(100% - 20px);
    border-radius: 10px;
    outline: 0;
    padding: 10px;
    height: 200px;
    position: relative;
    background: #fff url(https://files-cdn.cnblogs.com/files/seeyoumiter/comment-bg.bmp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    resize: vertical
}

#tbCommentBody:focus {
    border: 1px solid #8cb7cc;
}

#btn_comment_submit {
    background: #8cb7cc!important;
    width: 180px;
    height: 38px;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius:5px
    transition: all .4s ease;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    text-decoration: none;
}
/*
#btn_comment_submit:hover {
    transition: color .5s;
    color: #7ba6bb
}
*/
#commentbox_opt a {
    color: #2daebf;
}

/* 修改github链接的属性 */
#github-link {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    border: 0;
    height: 149px;
    width: 149px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    background-image: url(//images2015.cnblogs.com/blog/459873/201603/459873-20160317090540131-1089895320.png);
}

/* ------- 修改标题的字体 -------- */
#Header1_HeaderTitle {
      color: white;
}
#Header1_HeaderTitle:hover{
       color: orange;
}
@font-face {
	font-family: "华文行楷";
	src: url("https://images.seeyoumeet.top/%E5%8D%8E%E6%96%87%E8%A1%8C%E6%A5%B7.ttf")
}
#jinrishici-sentence {
    font-family: "华文行楷";
    color: orange;
}

/*----- 修改文字选中颜色---- */
::selection {
    background: #60bbb6;
    color: #f7f7f7
}

/* ------------- 个性化标签样式 -------------- */
.catListTag li {
        text-decoration:none;
        color:#000;
        background:#ffc;
        display:block;
        height:2em;
        margin:1em;
        width:10em;
        overflow:hidden;
        -moz-box-shadow:1px 2px 7px rgb(33,33,33,1);
        -webkit-box-shadow:1px 2px 7px rgb(33,33,1);
        box-shadow:1px 2px 7px rgb(180, 180, 180);
        -moz-transition: -moz-transform 0.25s liner;
        -o-transition:-o-transform 0.25s linear;
        -webkit-transition:-webkit-transform 0.25s linear;
}
 .catListTag li:nth-of-type(even){
        -webkit-transform:rotate(14deg);
        -o-transform:rotate(14deg);
        -moz-transform:rotate(14deg);
        position:relative;
        top:5px;
}
.catListTag li:nth-of-type(3n){
        -webkit-transform:rotate(-3deg);
        -o-transform:rotate(-3deg);
        -moz-transform:rotate(-3deg);
        position:relative;
        top:-5px;
}
.catListTag li:nth-of-type(5n){
        -webkit-transform:rotate(5deg);
        -o-transform:rotate(5deg);
        -moz-transform:rotate(5deg);
        position:relative;
        top:-10px;
}
.catListTag li:hover,ul li:focus{
        -moz-box-shadow:10px 10px 7px rgb(0,0,0,7);
        -webkit-box-shadow:5px 5px 7px rgb(0,0,0,7);
        box-shadow:5px 5px 7px rgb(180, 180, 180);
        -webkit-transform:scale(1.1);
        -o-transform:scale(1.1);
        -moz-transform:scale(1.1);
        z-index:3;
}
#sidebar_toptags li{text-indent:2em}  

/* --------
@font-face {
    font-family: "Aa我爱你字体";
    src: url("https://images.seeyoumeet.top/fonts/Aa%E5%A6%82%E6%9E%9C%E6%88%91%E8%AF%B4%E7%88%B1%E4%BD%A0.ttf");
}
.catListTag li {
     font-family: "Aa我爱你字体";
}
*/
/* ---------------------------------------- */

/* --------------底部文章标签 块状化 ------------*/
#EntryTag a {
        display: inline-block;
        padding: 5px 8px;
        margin: 0 0.5em 0.5em 0;
        white-space: nowrap;
        border-radius: 8px;
        background-color: #399ab2 !important;
        color: #FFFFFF!important;
}
#EntryTag a:hover {
        color: orange;
        background-color: #2daebf!important;
        box-shadow: 2px 2px 6px rgba(128,142,144, 0.65) !important;
}

/*---- 评论框字体滑动变色 -----*/
/*
#btn_comment_submit:hover {
         color: #60bbb6!important;
}
#commentbox_opt > a:hover {
        color: #60bbb6!important;
}
*/

/* --- 文章中<a>链接的颜色固定
.postBody a {
    color: #79CBCA;
} ---- */

/* font-awesome字体设置 */
.fa {
    color:black!important;
}

/* 转载链接设置 */
#zz-link {
    color: #519cea;
}
#zz-link:hover {
    color:#60bbb6;
}
.line{
    width:0px;
    height:2px;
    border-bottom:2px solid black;
    transition:all 1s;
}
/*
#zz-link:hover .line {
   width: 520px;
}*/

#zz-link{
    font: normal 14px Verdana,Arial,Helvetica,sans-serif!important;
}

/* -- 固定 granim-canvas --*/
#granim-canvas {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
}