/* 警示横幅 */
.IndexPage-toolbar::after {
content: “温馨提示：享受国庆假期的欢乐，也需要关注数据安全！”;
padding: 10px;
background-color: rgba(77,105,142,0.98);
color: #ffffff;
font-weight: bold;
border-radius: 5px;
text-align: center;
font-size: 16px;
display: block;
margin: 5px 0;
white-space: pre-wrap;
}
标签： Flarum
Flarum手机端搜索显示
composer require flarumtr/flarum-ext-mobile-search
插件安装
Flarum目前使用外观主题css
/* 横幅取消关闭 */
.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;
}
/* 手机端搜索框优化 */
@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;
}
/*去掉前端的全部阅读按钮*/
.item-markAllAsRead{display:none !important;}
/* 欢迎横幅字体改颜色 */
.WelcomeHero {
color:black;
}
/* 头像样式 */
.Avatar{
border: 2px #fff solid;
border-radius: 25%;
}
/* 横幅公告居中显示 */
.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; } }
/*手机端去除热门讨论*/
@media (max-width: 767px) {
.AfruxWidgets-Widget.hotDiscussions-widget {
display: none;
}
}
/*手机端去除热门讨论*/
@media (max-width: 767px) {
.AfruxWidgets-Widget.hotDiscussions-widget {
display: none;
}
}
下落的雪
自定义页眉或者页脚
<style>
/* customizable snowflake styling */
.snowflake {
color: red;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div class="snowflakes" aria-hidden="true">
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
❅庆祝❅
</div>
<div class="snowflake">
❅庆祝❅
</div>
</div>
/* 列表简化及置顶主题加横杠 */
@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; } }Flarum底部的鱼
自定义页脚
<div id=”flyfish” class=”fly-fish” height=”200″></div>
<script src=”https://discuss.flarum.org.cn/fish.js”></script>
css
/* 修改鼠标经过主题的颜色 */
.DiscussionListItem:hover{
background-color:#a5e9cb;
}
/* 跳动标题 */
.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: #fff;
-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:none;
}
.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: #000;
}
}
Flarum雪山样式
雪山样式
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:@config-primary-color;cursor:pointor}
::-webkit-scrollbar-track{background:#ededed}
.DiscussionListItem-content{padding-left:10px}
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{position:initial!important;-webkit-mask-image:none!important}
span.TagLabel-text i{display:none}
.DiscussionListItem-info .item-terminalPost{float:right;position:relative;top:-23px}
.DiscussionListItem-controls{right:14px}
.DiscussionListItem-author .Avatar,.PostUser-avatar{display:none}
.DiscussionPage-list .DiscussionListItem-content{padding-left:20px}
.DiscussionPage-list .DiscussionListItem-badges .Badge,.DiscussionPage-list .DiscussionListItem-controls .Dropdown-toggle,.DiscussionPage-list .DiscussionListItem-info .item-terminalPost,.EventPost-icon{display:none}
.TagLabel{font-size:85%;font-weight:600;display:inline-block;padding:0 4px!important;color:#45556e;margin-right:5px;border-radius:4px!important}
.Hero{background:url(https://i.loli.net/2020/10/30/kZKjWpA2wqIPSiH.jpg) right 757px;text-align:left;border-bottom:2px solid #45556e}
.DiscussionPage .Hero{height:auto}
.Hero h2{font-size:28px;word-wrap:break-word;color:#333;font-weight:600;margin:0;word-break:break-all}
.DiscussionHero-items li.item-tags{padding-bottom:10px;padding-top:20px}
.DiscussionHero .item-title{margin:0!important}
.DiscussionPage .Hero .container{padding-top:0!important}
.Hero .container{padding-top:30px;padding-bottom:13px}
.Hero-close{display:none}
.DiscussionHero–colored,.DiscussionHero–colored a{color:@config-primary-color!important}
.Hero h2 .username{color:#fff}
.Hero-subtitle{color:#333}
.containerNarrow{float:left}
.UserPage .PostsUserPage-discussion a{font-style:normal;font-size:18px;background:#fff;margin-left:-20px}
.UserPage .Post{padding:0;margin:0}
.UserPage .PostsUserPage-list .Post{padding-top:0}
.PostStream{margin-top:20px}
.PostsUserPage aside.Post-actions{display:none}
.Post:after,.Post:before{display:none!important}
.Post{padding-left:20px}
.PostStream-timeGap{font-weight:800;padding:20px 0 20px 0;font-size:13px}
.PostUser-badges{position:initial}
.PostUser-badges{display:block!important;float:left;position:relative;margin-left:10px;margin-right:15px;margin-top:-3px;width:auto;max-width:60px}
.Post-body blockquote{background:#fff2ae;border:0;color:#ad6c00}
.Post-body code{background:#484848;color:#f7f7f7;padding:3px}
.Post-body pre{padding:15px;background:#f5f9fd;color:#3b4a61;font-size:80%;border-radius:0;overflow-wrap:break-word;border-left:2px solid #45556e}
.IndexPage-nav .item-newDiscussion .Button{width:100px}
.App-header,.App-header a{font-weight:600}
.App.affix.App–user .PostUser-badges,.IndexPage .Badge{display:none!important}
article.EventPost.DiscussionTaggedPost{height:60px!important}
@media (max-width:767px){.PostStream-timeGap{margin:0}
.Slidable .Slidable-content{border-bottom:1px solid #e0e0e0}
.DiscussionListItem-info .item-terminalPost{float:none!important;position:inherit!important}
.DiscussionListItem-badges .Badge,.PostUser-badges{display:none!important}
body when (@config-dark-mode = true){.Slidable .Slidable-content{border-bottom:1px solid #242629}}}
@media (min-width:992px){.sideNav,.sideNav>ul{width:115px!important}}
.TagsPage .sideNav>ul>li:first-child{width:auto!important}
li.item-link1 button.Dropdown-toggle.Button.Button–icon.Button–link {margin-left: -7px;z-index: 999}