NodeBB Persona主题优化自定义CSS样式
该样式仅仅适用于“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;
}
}