NodeBB Persona主题优化自定义CSS样式

NodeBB

该样式仅仅适用于“Persona”主题,针对中文字符占位做了一些优化,只需要在后台自定义CSS功能添加进去即可。

#new_topic{
    padding: 10px 32px;
}
.navbar-default .navbar-brand{
    color:#337ab7;
}
#header-menu{
    background-color:rgb(248, 249, 250);
    border-width:1px 0px 1px 0px;
    border-color: #dee2e6;
    border-style: solid;
    padding:1rem 0px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color:rgb(248, 249, 250) !important;
    color: #337ab7;
}

.categories>li:hover, .category>ul>li:hover{
    background-color: #f9f9f9;
}
.categories>li, .category>ul>li {
    margin-bottom: 10px;
    min-height: 53px;
    background-color: transparent;
    padding-bottom: 8px;
}
.categories>li .content h2, .category>ul>li .content h2{
    font-size:17px;
    line-height: 180%;
}
.categories>li .content .icon, .category>ul>li .content .icon {
    font-size: 32px;
    line-height: 1;
}
.categories>li .category-children .icon, .category>ul>li .category-children .icon{
    font-size:0.85rem;
}
.categories>li .card, .category>ul>li .card{
    font-size:13.5px;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{
    font-size:75%;
}
.topic .content{
    font-size:16px;
}
.tag-list .tag{
    font-size:12px;
    font-weight:500;
}
.categories>li .content h2 small, .category>ul>li .content h2 small{
    font-size:80%;
}
.topic .posts .content .img-responsive{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
@media only screen and (max-width: 991px){
    .topic .isSolved .content {
        padding-left:2rem;
        padding-right:2rem;
    }
}

Post Comment