本论坛自定义 css美化常用

用友小张

/* 横幅取消关闭 */
.Hero-close {
	display:none;
}



/*置顶公告*/
.IndexPage-toolbar::after {content: "本站建设中，资料库尚在完善，感谢使用爱好者共同维护服服务社区";padding: 3px 5px 3px 5px;background-color: @hero-bg;color: @link-color;border-radius: 5px;text-align: center;font-size: 16px;display: block;margin: 5px 0;white-space: pre-wrap;}


 /*去掉前端的全部阅读按钮*/
.item-markAllAsRead{display:none !important;} /*去掉前端的全部阅读按钮*/


/* 搜索高亮 */
mark {
    background: #FFE300 !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: black !important;
}
mark when (@config-dark-mode = true) {
    background: #0072ff !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: white !important;
}



 

/* 手机端搜索框优化 */
@media (max-width: 767px){ .item-search {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}}

/* 修改手机端点击反馈 */
.DiscussionListItem a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.0);
}
/* 滚动条优化 */

/* 滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: rgba(0,0,0,0.0);
    backdrop-filter: blur(10px);
}


/*隐藏绕过标签*/
.TagDiscussionModal-controls{
    visibility: hidden;
    padding: 0;
    height: 0;
}


/*隐藏博客没有用户登录提示没有权限*/
.AlertManager{
    visibility: hidden;
    padding: 0;
    height: 0;
}



/* 加载更多按钮变大了！ */
.DiscussionList-loadMore button {
    width: 100%;
}
.rankings-loadmore button,
.UserDirectoryList-loadMore button {
    margin: 0 auto;
    width: 100%;
    display: block;
}

/* 回复按钮带图标 */
.item-reply .Button--link:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    content: '\f3e5';
    margin-right: 8px;
}


/* 跳动标题 */
.Hero-title {
    animation: my-face 5s infinite ease-in-out;
    display: inline-block;
    margin: 0 5px;
}

@keyframes my-face {
    2% {
        transform: translate(0,1.5px) rotate(1.5deg);
    }

    4% {
        transform: translate(0,-1.5px) rotate(-0.5deg);
    }

    6% {
        transform: translate(0,1.5px) rotate(-1.5deg);
    }

    8% {
        transform: translate(0,-1.5px) rotate(-1.5deg);
    }

    10% {
        transform: translate(0,2.5px) rotate(1.5deg);
    }

    12% {
        transform: translate(0,-0.5px) rotate(1.5deg);
    }

    14% {
        transform: translate(0,-1.5px) rotate(1.5deg);
    }

    16% {
        transform: translate(0,-0.5px) rotate(-1.5deg);
    }

    18% {
        transform: translate(0,0.5px) rotate(-1.5deg);
    }

    20% {
        transform: translate(0,-1.5px) rotate(2.5deg);
    }

    22% {
        transform: translate(0,0.5px) rotate(-1.5deg);
    }

    24% {
        transform: translate(0,1.5px) rotate(1.5deg);
    }

    26% {
        transform: translate(0,0.5px) rotate(0.5deg);
    }

    28% {
        transform: translate(0,0.5px) rotate(1.5deg);
    }

    30% {
        transform: translate(0,-0.5px) rotate(2.5deg);
    }

    32% {
        transform: translate(0,1.5px) rotate(-0.5deg);
    }

    34% {
        transform: translate(0,1.5px) rotate(-0.5deg);
    }

    36% {
        transform: translate(0,-1.5px) rotate(2.5deg);
    }

    38% {
        transform: translate(0,1.5px) rotate(-1.5deg);
    }

    40% {
        transform: translate(0,-0.5px) rotate(2.5deg);
    }

    42% {
        transform: translate(0,2.5px) rotate(-1.5deg);
    }

    44% {
        transform: translate(0,1.5px) rotate(0.5deg);
    }

    46% {
        transform: translate(0,-1.5px) rotate(2.5deg);
    }

    48% {
        transform: translate(0,-0.5px) rotate(0.5deg);
    }

    50% {
        transform: translate(0,0.5px) rotate(0.5deg);
    }

    52% {
        transform: translate(0,2.5px) rotate(2.5deg);
    }

    54% {
        transform: translate(0,-1.5px) rotate(1.5deg);
    }

    56% {
        transform: translate(0,2.5px) rotate(2.5deg);
    }

    58% {
        transform: translate(0,0.5px) rotate(2.5deg);
    }

    60% {
        transform: translate(0,2.5px) rotate(2.5deg);
    }

    62% {
        transform: translate(0,-0.5px) rotate(2.5deg);
    }

    64% {
        transform: translate(0,-0.5px) rotate(1.5deg);
    }

    66% {
        transform: translate(0,1.5px) rotate(-0.5deg);
    }

    68% {
        transform: translate(0,-1.5px) rotate(-0.5deg);
    }

    70% {
        transform: translate(0,1.5px) rotate(0.5deg);
    }

    72% {
        transform: translate(0,2.5px) rotate(1.5deg);
    }

    74% {
        transform: translate(0,-0.5px) rotate(0.5deg);
    }

    76% {
        transform: translate(0,-0.5px) rotate(2.5deg);
    }

    78% {
        transform: translate(0,-0.5px) rotate(1.5deg);
    }

    80% {
        transform: translate(0,1.5px) rotate(1.5deg);
    }

    82% {
        transform: translate(0,-0.5px) rotate(0.5deg);
    }

    84% {
        transform: translate(0,1.5px) rotate(2.5deg);
    }

    86% {
        transform: translate(0,-1.5px) rotate(-1.5deg);
    }

    88% {
        transform: translate(0,-0.5px) rotate(2.5deg);
    }

    90% {
        transform: translate(0,2.5px) rotate(-0.5deg);
    }

    92% {
        transform: translate(0,0.5px) rotate(-0.5deg);
    }

    94% {
        transform: translate(0,2.5px) rotate(0.5deg);
    }

    96% {
        transform: translate(0,-0.5px) rotate(1.5deg);
    }

    98% {
        transform: translate(0,-1.5px) rotate(-0.5deg);
    }

    0%,100% {
        transform: translate(0,0) rotate(0deg);
    }
}
/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
.TagsPage .item-forumStatisticsWidget {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .item-forumStatisticsWidget {
        display: none;
    }
}

body {
    background-image: linear-gradient(135deg, rgba(186, 186, 186, 0.03) 0%, rgba(186, 186, 186, 0.03) 10%,rgba(133, 133, 133, 0.03) 10%, rgba(133, 133, 133, 0.03) 14%,rgba(38, 38, 38, 0.03) 14%, rgba(38, 38, 38, 0.03) 17%,rgba(93, 93, 93, 0.03) 17%, rgba(93, 93, 93, 0.03) 25%,rgba(80, 80, 80, 0.03) 25%, rgba(80, 80, 80, 0.03) 45%,rgba(239, 239, 239, 0.03) 45%, rgba(239, 239, 239, 0.03) 100%),linear-gradient(135deg, rgba(236, 236, 236, 0.03) 0%, rgba(236, 236, 236, 0.03) 47%,rgba(182, 182, 182, 0.03) 47%, rgba(182, 182, 182, 0.03) 63%,rgba(223, 223, 223, 0.03) 63%, rgba(223, 223, 223, 0.03) 81%,rgba(86, 86, 86, 0.03) 81%, rgba(86, 86, 86, 0.03) 89%,rgba(23, 23, 23, 0.03) 89%, rgba(23, 23, 23, 0.03) 90%,rgba(226, 226, 226, 0.03) 90%, rgba(226, 226, 226, 0.03) 100%),linear-gradient(45deg, rgba(52, 52, 52, 0.03) 0%, rgba(52, 52, 52, 0.03) 31%,rgba(246, 246, 246, 0.03) 31%, rgba(246, 246, 246, 0.03) 63%,rgba(188, 188, 188, 0.03) 63%, rgba(188, 188, 188, 0.03) 71%,rgba(15, 15, 15, 0.03) 71%, rgba(15, 15, 15, 0.03) 87%,rgba(127, 127, 127, 0.03) 87%, rgba(127, 127, 127, 0.03) 93%,rgba(234, 234, 234, 0.03) 93%, rgba(234, 234, 234, 0.03) 100%),linear-gradient(90deg, #ffffff,#ffffff);
    .CommentPost.Post--by-actor {
    // This sets the left border to be the same color as the forum primary.
    border-left: solid @config-primary-color;
}

.Hero {
    
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem {
}

@media (min-width: 991px) {
    .IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover {
 
    }
}

@media (min-width: 768px) {
 /* pc 端 */
    .IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content {
 /* 首页、用户页、讨论页卡片大小、描边 */
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 10px;
        border-radius: 8px;
        padding-bottom: 10px;
        border: 1px solid #dbdfe6!important;
    }

    .IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
        margin-top: 20px;
        border-radius: 8px;
        border: 1px solid #dbdfe6 !important;
    }

    .IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {
        top: 23px !important;
    }

    .DiscussionListItem {
        position: relative;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        border-radius: 8px;
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
    .IndexPage .DiscussionListItem:hover {
        background-color:blue;
        -webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
        box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
    }
}
/* banner */
.WelcomeHero {
    color:black;
}

.Hero h2 {
    font-size: 25px;
    font-weight: 700;
}

.Hero {
    box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28);
    background-color:none;
    margin-bottom: 15px;
}
/*.DiscussionHero .TagsLabel .TagLabel { color:none; }*/
.WelcomeHero .Hero-subtitle {
    color:none;
}
}

用友小张

底部的🐟

自定义页脚

用友小张

/* 首页欢迎横幅字体*/

.WelcomeHero {

    color:black;

}
/*置顶摘要隐藏*/
.DiscussionList .DiscussionListItem--sticky .item-excerpt{display:none}

用友小张

红色字体文本

/* 横幅取消关闭 */
.Hero-close {
	display:none;
}

/* 搜索高亮 */
mark {
    background: #FFE300 !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: black !important;
}
mark when (@config-dark-mode = true) {
    background: #0072ff !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: white !important;
}







/* 横幅公告居中显示 */
.Afrux-NewsWidget-icon{display:none}
.Afrux-NewsWidget-content{justify-content:center}
.Afrux-NewsWidget-line-container{justify-items:center}

/*搜索宽度*/
@media (min-width:768px) {
	.Search-input input {		
		width: 250px; //点击前搜索框的宽度
		max-width: 280px; //最大宽度，也可以不设定
	} 
	.Search.focused .Search-results,.Search.focused input {
		width: 280px //点击后搜索框的宽度，同上可以自己设定
	}
	.Search.focused {
		margin-left: auto //点击搜索框后的效果，auto为自动，负数为左移
	}
}

/* 修改手机端点击反馈 */
.DiscussionListItem a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.0);
}






/* 返回顶端 */

.scrollToTop{
width: 36px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
bottom: 80px;
font-size: 16px;
margin-bottom: 0;
text-align: center;
cursor: pointer;
border-radius: @border-radius;
padding: 6px 0;
color: white;
background: black;
opacity: 0.7;
border: 0;
font-weight: 900;
    position:fixed;
    right:30px;
    display:none;
  z-index: 1000;
}
.scrollToTop:hover{
    text-decoration:none;
background-color: darken(fadein(@control-bg, 50%), 50%);
}





/* 点赞带图标 */
.item-like .Button:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 15px;
	content: '\f164';
	margin-right: 4px;
	vertical-align: -1px;
}

/* 回复按钮带图标 */
.item-reply .Button--link:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    content: '\f3e5';
    margin-right: 8px;
}

/*置顶摘要隐藏*/
@media @phone {.DiscussionList .DiscussionListItem--sticky .item-excerpt{display:none}}

/*取消评论时间*/
.PostStream-timeGap {
  display: none;
}

 /*去掉前端的全部阅读按钮*/
.item-markAllAsRead{display:none !important;} 


 /*去掉前端的刷新按钮
@media  {.item-refresh{display:none !important;} }*/

/*置顶公告*/
/*.DiscussionList::before{content: "本站建设中，资料库尚在完善";
padding: 10px 0px ;
background-color: 
@hero-bg;color:
 @link-color;
border-radius: 5px;
text-align: center;
font-size: 16px;
display: block;
margin: 15px 0;
white-space: pre-wrap;}*/




/*欢迎横幅上*/
.WelcomeHero::before{
content: "坚持与无私奉献，可能是当代最大的难题 ";
padding: 10px 0px;
background-color: #ff9191;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 16px;
background: linear-gradient(-45deg, #f8cc48, #5daf81, #ff4f8f);
display: block;
margin: 15px 0;
}

用友小张

嘿嘿

用友小张

/* 横幅公告居中显示 */

.Afrux-NewsWidget-icon{display:none}

.Afrux-NewsWidget-content{justify-content:center}

.Afrux-NewsWidget-line-container{justify-items:center}

/* 列表简化及置顶主题加横杠 */

@media @tablet-up{ .IndexPage{ li.item-tags i.icon.icon{display:none} span.username:before{content:‘\0040’} .DiscussionListItem-title{margin:auto 0} @media (min-width: 992px){ .sideNav,.sideNav>ul{max-width: 157px;} } } .IndexPage,.UserPage .sideNavContainer{ .Badge{–size:47px;border-radius:unset} h3.DiscussionListItem-title{font-size:18px;white-space:nowrap;max-width: 70%;} .DiscussionListItem{margin:auto 0!important;position:relative;margin-right:-15px;padding-right:25px;padding-left:15px;border-radius:unset;transition:background .2s;background:@body-bg;border-bottom:1px solid @control-bg;transition:background .3s} .DiscussionListItem.DiscussionListItem–sticky:nth-child(n){border-bottom: 2px double #722c29;} .DiscussionListItem-main{padding-left:5px} .DiscussionListItem-author .Avatar{display:none} .DiscussionListItem-count{margin-top:14px;margin-right:auto;width:auto;color:var(–muted-color);padding-right:5px;display:flex;float:left;font-size:12px;border-radius:5px;background:@body-bg;color:#8d8787;padding:1px 4px;border:1px solid #acaaaa;transform:scale(.89);display:inline-block;line-height:15px;float:left} .DiscussionListItem-content{padding-left:10px} .DiscussionListItem-info{list-style-type:none;font-size:11px;color:var(–muted-more-color);position:absolute;float:right;display:flex;top:15px;right:0;flex-direction:row-reverse} .DiscussionListItem-info .item-excerpt{display:none} .DiscussionListItem-info>li{padding-right:5px} .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{position:static!important;-webkit-mask-image:none} .DiscussionListItem-badges .Badge{margin-left: 0;bottom:-24px;right:-74px;opacity:.5;height:7px;overflow: hidden} .DiscussionListItem-badges{margin-left:-55px;width:48px;display:inline-flex;justify-content:flex-end;float:right} } .UserPage .sideNavContainer{ .DiscussionListItem-badges .Badge{bottom:-27px;} } } @media (min-width: 992px){ .Button.SubscriptionMenu-button.SubscriptionMenu-button–false.hasIcon{width:auto!important} .IndexPage .IndexPage-results .DiscussionList-discussions .Button:hover{background-color:unset} .DiscussionListItem-controls{right:-3px;top:7px} .DiscussionListItem,{ .Button:active, .Button.active, .open>.Dropdown-toggle.Button{background-color:unset} .Button.active,.Button:active,.open>.Button.Dropdown-toggle{box-shadow:unset} } } /*.item-discussion-views{color:#8d8787!important;font-size:12px;border-radius:5px;background:@body-bg;color:#8d8787;padding:1px 4px;border:1px solid #acaaaa;transform:scale(.89);line-height:15px;margin-right:5px!important;width:auto!important}*/ li.item-discussion-views{display:none} .EventPost-icon{text-align:end;margin-left:-75px;width:65px;margin-top:5px;font-size:15px} .UserPage{ .Button:hover,.Button:focus,.Button.focus{background-color:unset} .PostUser-avatar,.PostUser-badges .Badge{display:none} .Post { margin: auto 0;padding: 0; } }

用友小张

全站黑白css

html,

body {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;
}

用友小张

/* 横幅取消关闭 */
.Hero-close {
	display:none;
}

/* 头像样式 */
.Avatar{
border: 2px #fff solid;
border-radius: 25%;
}
/*置顶摘要隐藏*/
.DiscussionList .DiscussionListItem--sticky .item-excerpt{display:none}

/* 搜索高亮 */
mark {
    background: #FFE300 !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: black !important;
}
mark when (@config-dark-mode = true) {
    background: #0072ff !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: white !important;
}



 

/* 手机端搜索框优化 */
@media (max-width: 767px){ .item-search {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}}

/* 修改手机端点击反馈 */
.DiscussionListItem a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.0);
}




/*隐藏博客没有用户登录提示没有权限*/
.AlertManager{
    visibility: hidden;
    padding: 0;
    height: 0;
}



/* 加载更多按钮变大了！ */
.DiscussionList-loadMore button {
    width: 100%;
}
.rankings-loadmore button,
.UserDirectoryList-loadMore button {
    margin: 0 auto;
    width: 100%;
    display: block;
}

/* 回复按钮带图标 */
.item-reply .Button--link:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    content: '\f3e5';
    margin-right: 8px;
}

 /*去掉前端的全部阅读按钮*/
.item-markAllAsRead{display:none !important;} 






/* 横幅公告居中显示 */
.Afrux-NewsWidget-icon{display:none}
.Afrux-NewsWidget-content{justify-content:center}
.Afrux-NewsWidget-line-container{justify-items:center}




/*手机端去除热门讨论*/

@media (max-width: 767px) {
	.AfruxWidgets-Widget.hotDiscussions-widget {
		display: none;
	}
}



/*搜索宽度*/
@media (min-width:768px) {
	.Search-input input {		
		width: 250px; //点击前搜索框的宽度
		max-width: 280px; //最大宽度，也可以不设定
	} 
	.Search.focused .Search-results,.Search.focused input {
		width: 280px //点击后搜索框的宽度，同上可以自己设定
	}
	.Search.focused {
		margin-left: auto //点击搜索框后的效果，auto为自动，负数为左移
	}
}

/* 列表简化及置顶主题加横杠 */

@media @tablet-up{ .IndexPage{  li.item-tags i.icon.icon{display:none}  span.username:before{content:'\0040'}  .DiscussionListItem-title{margin:auto 0}  @media (min-width: 992px){   .sideNav,.sideNav>ul{max-width: 157px;}  } } .IndexPage,.UserPage .sideNavContainer{ .Badge{--size:47px;border-radius:unset} h3.DiscussionListItem-title{font-size:18px;white-space:nowrap;max-width: 70%;} .DiscussionListItem{margin:auto 0!important;position:relative;margin-right:-15px;padding-right:25px;padding-left:15px;border-radius:unset;transition:background .2s;background:@body-bg;border-bottom:1px solid @control-bg;transition:background .3s} .DiscussionListItem.DiscussionListItem--sticky:nth-child(n){border-bottom: 2px double #722c29;} .DiscussionListItem-main{padding-left:5px} .DiscussionListItem-author .Avatar{display:none} .DiscussionListItem-count{margin-top:14px;margin-right:auto;width:auto;color:var(--muted-color);padding-right:5px;display:flex;float:left;font-size:12px;border-radius:5px;background:@body-bg;color:#8d8787;padding:1px 4px;border:1px solid #acaaaa;transform:scale(.89);display:inline-block;line-height:15px;float:left} .DiscussionListItem-content{padding-left:10px} .DiscussionListItem-info{list-style-type:none;font-size:11px;color:var(--muted-more-color);position:absolute;float:right;display:flex;top:15px;right:0;flex-direction:row-reverse} .DiscussionListItem-info .item-excerpt{display:none} .DiscussionListItem-info>li{padding-right:5px} .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{position:static!important;-webkit-mask-image:none} .DiscussionListItem-badges .Badge{margin-left: 0;bottom:-24px;right:-74px;opacity:.5;height:7px;overflow: hidden} .DiscussionListItem-badges{margin-left:-55px;width:48px;display:inline-flex;justify-content:flex-end;float:right} } .UserPage .sideNavContainer{  .DiscussionListItem-badges .Badge{bottom:-27px;} } } @media (min-width: 992px){  .Button.SubscriptionMenu-button.SubscriptionMenu-button--false.hasIcon{width:auto!important}  .IndexPage .IndexPage-results .DiscussionList-discussions .Button:hover{background-color:unset}  .DiscussionListItem-controls{right:-3px;top:7px}  .DiscussionListItem,{   .Button:active, .Button.active, .open>.Dropdown-toggle.Button{background-color:unset}   .Button.active,.Button:active,.open>.Button.Dropdown-toggle{box-shadow:unset}  } } /*.item-discussion-views{color:#8d8787!important;font-size:12px;border-radius:5px;background:@body-bg;color:#8d8787;padding:1px 4px;border:1px solid #acaaaa;transform:scale(.89);line-height:15px;margin-right:5px!important;width:auto!important}*/ li.item-discussion-views{display:none} .EventPost-icon{text-align:end;margin-left:-75px;width:65px;margin-top:5px;font-size:15px} .UserPage{  .Button:hover,.Button:focus,.Button.focus{background-color:unset}  .PostUser-avatar,.PostUser-badges .Badge{display:none}  .Post {   margin: auto 0;padding: 0;  } }

用友小张

/* 横幅取消关闭 */
.Hero-close {
	display:none;
}

/* 搜索高亮 */
mark {
    background: #FFE300 !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: black !important;
}
mark when (@config-dark-mode = true) {
    background: #0072ff !important;
    padding: 2px 7px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important;
    margin: 3px;
    /* margin-left: 2.5px; */
    /* margin-right: 2.5px; */
    color: white !important;
}







/* 横幅公告居中显示 */
.Afrux-NewsWidget-icon{display:none}
.Afrux-NewsWidget-content{justify-content:center}
.Afrux-NewsWidget-line-container{justify-items:center}

/*搜索宽度*/
@media (min-width:768px) {
	.Search-input input {		
		width: 250px; //点击前搜索框的宽度
		max-width: 280px; //最大宽度，也可以不设定
	} 
	.Search.focused .Search-results,.Search.focused input {
		width: 280px //点击后搜索框的宽度，同上可以自己设定
	}
	.Search.focused {
		margin-left: auto //点击搜索框后的效果，auto为自动，负数为左移
	}
}

/* 修改手机端点击反馈 */
.DiscussionListItem a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.0);
}






/* 返回顶端 */

.scrollToTop{
width: 36px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
bottom: 80px;
font-size: 16px;
margin-bottom: 0;
text-align: center;
cursor: pointer;
border-radius: @border-radius;
padding: 6px 0;
color: white;
background: black;
opacity: 0.7;
border: 0;
font-weight: 900;
    position:fixed;
    right:30px;
    display:none;
  z-index: 1000;
}
.scrollToTop:hover{
    text-decoration:none;
background-color: darken(fadein(@control-bg, 50%), 50%);
}





/* 点赞带图标 */
.item-like .Button:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 15px;
	content: '\f164';
	margin-right: 4px;
	vertical-align: -1px;
}

/* 回复按钮带图标 */
.item-reply .Button--link:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size:

用友小张

@media @phone {
.DiscussionList::before {
content: "Merry Christmas & Happy New Year ";
padding: 10px 0px;
background-color: #ff9191;
color: #ffffff;
font-weight: bold;
border-radius: 14px;
text-align: center;
font-size: 16px;
background: linear-gradient(-45deg, #f8cc48, #5daf81, #ff4f8f);
display: block;
margin: 15px 0;
}
}

/*置顶公告*/

.DiscussionList::before {content: “本站建设中，资料库尚在完善，感谢使用爱好者共同维护服服务社区”;padding: 3px 5px 3px 5px;background-color: @hero-bg;color: @link-color;border-radius: 5px;text-align: center;font-size: 16px;display: block;margin: 5px 0;white-space: pre-wrap;}

.DiscussionList::before {

content: “本站建设中，资料库尚在完善”;

padding: 10px 0px;

background-color: #ff9191;

color: #ffffff;

font-weight: bold;

border-radius: 14px;

text-align: center;

font-size: 16px;

background: linear-gradient(-45deg, #f8cc48, #5daf81, #ff4f8f);

display: block;

margin: 15px 0;

}

用友小张

php flarum cache:clear