很感谢大家提出的建议和样式忽略的地方,目前新的样式限于非移动端,后续会再优化,以下样式内容欢迎自取。
更新于 2025-2-12
更新于 2025-5-28
共用了3
处优先申明!important;
,分别为
.TagLabel 的 font-size
.DiffDropdown 的 margin-top
article.CommentPost.Post--hidden.Post.Post-actions 的 margin-top
.no-touch {
.sideNav .Dropdown--select .Dropdown-menu { padding: 10px 20px;
}
li.item-nav {
box-shadow: rgba(0, 0, 0, 0.06) 0 5px 30px 0;
border-radius: 10px;
margin: 15px auto;
border: solid 1px #ebebeb85;
}
.darkenBackground {
border-radius: 10px;
}
main.App-content {
display: grid;
justify-items: center;
}
.container {
padding: 0;
}
.Hero {
border-radius: 10px;
max-width: 1200px;
margin: 20px auto 0;
}
.Hero .container {
padding: 20px;
}
.DiscussionListItem {
box-shadow: rgba(0, 0, 0, 0.06) 0 5px 30px 0;
border-radius: 10px;
margin: 4px auto;
}
.sideNav {
margin-left: 50px;
order: 1;
margin-right: 0;
}
i.TagLabel-icon {
display: none;
}
ul.DiscussionHero-items {
display: flex;
flex-direction: column-reverse;
text-align: left;
}
.DiscussionHero .item-title {
margin: auto 0;
}
.App--discussion {
li.item-tags { padding-top: 10px;
z-index: 1;
}
.DiscussionHero-items li.item-badges {
position: relative;
text-align: right;
margin-top: -22px;
}}
.Composer:not(.fullScreen) {
margin: 0 auto;
}
.Avatar {
border-radius: 10px;
}
.Button--flat , .SessionDropdown .Dropdown-toggle {
border-radius: 8px;
}
.Badge {
--size: 20px;
border-radius: 3px;
}
.Post {
padding-bottom: 0;
}
}
/*2025-5-28 补充*/
h2.DiscussionListItem-title {
font-size: 1.01rem;
font-weight: 500;
letter-spacing: -0.006em;
line-height: 1.5;
}
span.Button-label {
font-size: 0.9rem;
font-weight: 600;
}
article.CommentPost.Post.Post--by-start-user p {
font-size: 0.9rem;
}
.TagLabel {
font-size: 100%!important;
}
@media (min-width: 768px) {
.sideNav .Dropdown--select .Dropdown-menu>li>a {
padding: 5px 0 8px 30px;
}
}
.Scrubber-before, .Scrubber-after {
border-left: 5px solid @control-bg;
}
.Scrubber-bar {
width: 10px;
}
.Scrubber-unread {
position: absolute;
border-left: 2px solid @muted-color;
}
.Post-actions {
margin-top: auto;
float: inherit;
}
aside.Post-actions {
background: @code-bg;
border-radius: 10px;
display: flex;
justify-content: center;
}
.Post-body blockquote {
padding: 10px 15px;
margin: 1em 0;
border-radius: 10px;
border: 0;
}
.Post-body pre {
border-radius: 10px;
}
.DiffDropdown {
margin-top: -9px!important;
}
.Post-body img, .Post-body iframe {
border-radius: 10px;
}
.PostStream-item {
padding-bottom: 10px;
}
article.CommentPost.Post--hidden.Post {
.Post-actions {
margin-top: -27px!important;
}
}
.Post--hidden:not(.revealContent) .Post-actions {
margin-top: -70px;
}
article.EventPost,article.CommentPost.Post--hidden.Post {
position: relative;
height: 50px;
}
.EventPost-info {
font-size: 14px;
position: relative;
}