只针对本主题 | 笔记

只能设置分类合并/独立页面合并,并不能同时多个分类,针对这个进行部分修改。
分析得出属于style-white.cssstyle-dark.css,手机端需做部分修改,使得日夜间切换不出问题。

bjstyle.webp

style-white.css

@media(max-width:630px)
{
    #nav-swith
    {
        margin: 0
    }

    #nav-swith:before,#nav-swith:after
    {
        left: 6px;
        width: 18px;
        height: 2px;
        background: currentColor;
        border: 0;
        border-radius: 0;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none
    }

    #nav-swith:after
    {
        top: 21px
    }

    #nav-swith span
    {
        visibility: visible
    }

    .on #nav-swith span
    {
        visibility: hidden;
        opacity: 0
    }

    #nav
    {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        text-align: center
    }

    .on #nav
    {
        max-height: 340px
    }

    .head-fixed .on #nav
    {
        margin-bottom: 5px
    }

    .nav-menu
    {
        max-height: 300px;
        overflow: auto
    }

    .nav-menu li,.nav-menu a
    {
        display: block
    }

    .nav-menu a:hover
    {
        font-weight: bold;
        border: 0
    }

    .menu-parent ul
    {
        position: relative;
        left: 0;
        margin: 0 auto;
        width: 75%;
        visibility: visible;
        opacity: 1;
        transform: none;
        -webkit-transform: none
    }

    .menu-parent .menu-parent .menu-child:before
    {
        border-bottom: 7px solid rgba(221,221,221,.95)
    }

    #site-search
    {
        position: static;
        width: 50%;
        margin: 0 auto
    }

    .post-content .links li
    {
        width: 33.33333%
    }

    .comment-form .textarea
    {
        width: 58%
    }

    .comment-form .textbutton, #CAPTCHACode input, #comment-form .tijiao
    {
        width: 40%
    }
    
    .focus {
        width: 100%;
    }
    
    #theend:before {
        width:30%;
    }
    
    #theend:after {
        width:30%;
    }
    .photos .liebiao {
        width: 100%
    }
    .liebiao img {
        max-height: 100%;
    }
    #main .post-zhengwen .post-toutu img {
        max-height: 100%;
    }
    .siteUrl:before {
        content: "\e723  ";
    }
    .Categorya:before {
        content: "\e63f  ";
    }
    .PageTexta:before {
        content: "\e628  ";
    }
    #Category,#PageText {
        display: none;
    }
    .Categoryactive, .PageTextactive{
        display: block !important;
    }
}

做部分修改:

/*手机”更多“中的收缩栏*/
/*再添加一个*/
    @media(max-width:630px)
/*只需修改最后:*/
    #Category,#PageText
改为:#Category01,#PageText
/*收缩栏结束*/

style-dark.css

@media(max-width:630px)
{
    #nav-swith
    {
        margin: 0
    }

    #nav-swith:before,#nav-swith:after
    {
        left: 6px;
        width: 18px;
        height: 2px;
        background: currentColor;
        border: 0;
        border-radius: 0;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none
    }

    #nav-swith:after
    {
        top: 21px
    }

    #nav-swith span
    {
        visibility: visible
    }

    .on #nav-swith span
    {
        visibility: hidden;
        opacity: 0
    }

    #nav
    {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        text-align: center
    }

    .on #nav
    {
        max-height: 340px
    }

    .head-fixed .on #nav
    {
        margin-bottom: 5px
    }

    .nav-menu
    {
        max-height: 300px;
        overflow: auto
    }

    .nav-menu li,.nav-menu a
    {
        display: block
    }

    .nav-menu a:hover
    {
        font-weight: bold;
        border: 0
    }

    .menu-parent ul
    {
        position: relative;
        left: 0;
        margin: 0 auto;
        width: 75%;
        visibility: visible;
        opacity: 1;
        transform: none;
        -webkit-transform: none
    }

    .menu-parent .menu-parent .menu-child:before
    {
        border-bottom: 7px solid rgba(48,70,98,.95)
    }

    #site-search
    {
        position: static;
        width: 50%;
        margin: 0 auto
    }

    .post-content .links li
    {
        width: 33.33333%
    }

    .comment-form .textarea
    {
        width: 58%
    }

    .comment-form .textbutton, #CAPTCHACode input, #comment-form .tijiao
    {
        width: 40%
    }
    
    .focus {
        width: 100%;
    }
    
    #theend:before {
        width:30%;
    }
    
    #theend:after {
        width:30%;
    }
    .photos .liebiao {
        width: 100%
    }
    .liebiao img {
        max-height: 100%;
    }
    #main .post-zhengwen .post-toutu img {
        max-height: 100%;
    }
    .siteUrl:before {
        content: "\e723  ";
    }
    .Categorya:before {
        content: "\e63f  ";
    }
    .PageTexta:before {
        content: "\e628  ";
    }
    #Category,#PageText {
        display: none;
    }
    .Categoryactive, .PageTextactive{
        display: block !important;
    }
}

同理:

/*手机”更多“中的收缩栏*/
/*添加*/ @media(max-width:630px)
/*将最后:*/
    #Category,#PageText
/*修改为:*/
    #Category01,#PageText
/*收缩栏结束*/

2022/6/19:

CSS文件中添加以下代码:
white:443-448
dark:445-447

/*添加的分类栏经过时的变化*/
.nav-menu .menu-parent a:hover
{
    border-bottom: 1px solid #4e8ef0;
    color: #14a92d;
}
文章目录