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; } }