/**此处的样式在如下地址
https://www.cnblogs.com/zhao-jun/custom.css
*/

/* ------------去广告开始------------ */
#ad_t2,#under_post_news,#cnblogs_c1,#cnblogs_c2,#under_post_card2,#under_post_card1,#HistoryToday,#under_post_kb,#green_channel,#bannerbar,#cnblogs_ch{
    display:none;
}
a[href="https://damo.alibaba.com/alibaba-global-mathematics-competition?language=zh&source=10"]{
    display: none;
}
/*------------去广告结束------------*/




/*全局属性*/
*{
    margin: 0;
    padding: 0;
}
/* 标题位置设置 */
#Header1_HeaderTitle{
    margin-left: 100px;
}

/*设置为relative，给#navList的定位提供容器*/
#header{
    position: relative;
}
#navList{
    display: flex;
    list-style: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
    row-gap: 30px;
    
}
#navList>li{
    color: #FFF;
}
#navList>li:hover{
    background-color: #FFEDFd;
    color: #000;
}
#navList>li>a{
     display: inline-block;
    width: 80px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: inherit;
}
/*隐藏“随笔 - 13  文章 - 0  评论 - 2  阅读 - 3904”*/
#navigator>.blogStats{
    display: none;
}
body{
    font-size: 16px;
}
/*头部的图片宽度设置*/
#blogTitle>h2 {
    /* width: 1500px; */
    margin-left: 99px;
    font-size: clamp(12px, 2vw, 20px);
}
#blogTitle>h1>a{
    font-size: clamp(18px, 3vw, 25px);
}

#main{
    max-width: 1500px;
    margin: 50px auto;
    min-height: 56vh;
}


#footer{
    text-align: center;
}

/* 临时不显示“仅自己可见图标” */

.text-tail-icon{
    display: none;
}
/*更换header背景*/
#home>#header{
    width: 100%;
    height: 20vw;
    background-image: url("https://images.cnblogs.com/cnblogs_com/zhao-jun/1764451/o_240415150155_%E6%97%A0%E5%B0%BD%E5%85%89%E8%8A%92header.png");
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: 0px -450px; */
}
#home{
    background-color: #efefef;
}

/*----------------start：以下代码卡片化---------------*/
.indexEntrylist{
    position: relative;
    margin-top: 100px;
    padding-top: 20px;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    justify-items: center; /* 项目在单元内居中 */
    justify-content: center; /* 容器中的所有项目整体居中 */
}
.indexEntrylistItem{
    width: 183px;
    /* height: 320px; */
    border-radius: 10px;
    box-shadow: 0px 1px 6px 0px #b9b9b9;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.2s ease;
    position: relative;
    background-color: white;
    
}
.indexEntrylistItem:hover{
    box-shadow: 0px 26px 40px -24px #b9b9b9;
    transition: all 0.2s ease;
    translate: 0px -5px;
}
.indexEntrylistDescription{
    font-size: 24px;
    position: absolute;
    top: -30px;
    left: 0px;
}
.indexEntrylistItemTitle>span{
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: black;
    margin: 10px 0px;
}
.indexPostViewCount{
    font-size: 13px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: white;
    padding: 0 10px;
    background-color: #169fe6;
    margin-left: auto;
    border-radius: 5px;
    position: absolute;
    top: 3px;
    right: 3px;
}
.book .img{
    height: 227px;
    overflow: hidden;
}
.video .img{
    height: 100px;
    overflow: hidden;
}
a{
    text-decoration: none;
}
/*----------------end：代码卡片化---------------*/


/* 吉他谱每一行 */
.tabEntrylistPosttitle{
    margin-top: 10px;
    line-height: 50px;
    height: 50px;
    display: flex;
    box-shadow: 0px 1px 6px 0px #b9b9b9;
    padding: 0 10px;
    border-radius: 5px;
}
.tabEntrylistPosttitle:hover{
    background-color: #dedede;
}
.tabEntrylistPosttitle>*{
    flex: 1;
    text-align: center;
}
.tabEntrylistPosttitle a{
    color: black;
}
.tabEntrylistPosttitle a:hover{
    color: #169fe6;
}
/* 吉他谱页的首行 */
.tabEntrylistDescription{
    padding: 0 10px;
    display: flex;
    margin-top: 30px;
}
.tabEntrylistDescription>*{
    flex: 1;
    text-align: center;
}

/* h1标题的事件，无法移除，使用隐层该弹出框解决 */
#tippy-1{
    display: none;
}
/* 文件夹图标隐藏 */
.entry-list-title-dropdown-prompt{
    display: none;
}


/* 内容详情页 */
#blog_post_info_block{
    display: none;
}
#topics .postDesc{
    display: none;
}
#comment_nav{
    display: none;
}
#commentform_title>a{
    display: none;
}
/* 隐藏插入符 */
#cnblogs_post_body{
    caret-color: transparent;
}

/* 歌词 */
.lyric{
    float: right;
    margin-right: 260px;
}