优化网页右侧滚动条(仅限PC端)
/*网页右侧滚动条*/
@media @desktop, @desktop-up {
::-webkit-scrollbar {
width: 5px;
height: 5px
}
::-webkit-scrollbar-track {
background: @control-bg;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: fade(@primary-color, 80%);
}
::-webkit-scrollbar-thumb:hover {
background-color: @primary-color;
}
}
渐变彩色发帖按钮
/*渐变彩色发帖按钮*/
.IndexPage-nav .item-newDiscussion .Button--primary {
background: linear-gradient(90deg, #020024 0%, #e040fb 0%, #2196f3 100%);
}
添加楼主、沙发、板凳、地板标签
似乎限制性太大,例如:页面刷新下就无了
/*添加楼主标签*/
article.CommentPost.Post.Post--by-start-user .Post-header .PostUser h3:after {
content: "楼主";
background: #f17549;
border-radius: 4px;
padding: 2px 5px;
font-size: 11px;
color: #fff;
margin-left: 5px;
}
/*添加沙发标签*/
div.PostStream-item[data-index="1"] article.CommentPost.Post .Post-header .PostUser h3:after {
content: "沙发";
background: #f17549;
border-radius: 4px;
padding: 2px 5px;
font-size: 11px;
color: #fff;
margin-left: 5px;
}
/*添加板凳标签*/
div.PostStream-item[data-index="2"] article.CommentPost.Post .Post-header .PostUser h3:after {
content: "板凳";
background: #f17549;
border-radius: 4px;
padding: 2px 5px;
font-size: 11px;
color: #fff;
margin-left: 5px;
}
/*添加地板标签*/
div.PostStream-item[data-index="3"] article.CommentPost.Post .Post-header .PostUser h3:after {
content: "地板";
background: #f17549;
border-radius: 4px;
padding: 2px 5px;
font-size: 11px;
color: #fff;
margin-left: 5px;
}
隐藏公告X按钮
/*隐藏公告X按钮*/
button.Hero-close {
display: none;
}
更改tooltip颜色
/*tooltip颜色*/
.tooltip-inner{
color: @body-bg;
background-color: @primary-color;
}
.tooltip {
&.top .tooltip-arrow {border-top-color: @primary-color; }
&.right .tooltip-arrow {border-right-color: @primary-color; }
&.left .tooltip-arrow {border-left-color: @primary-color; }
&.bottom .tooltip-arrow {border-bottom-color: @primary-color; }
}
搜索框圆角
/*搜索框圆角*/
.Search .FormControl {
border-radius: 18px !important;
}