Flarum 轻论坛 自定义 CSS

     日常     936次   
/*网页底部菜单样式*/
.footer {margin: 0 auto;padding-bottom: 20px;text-align: center !important;width: 50%;
  a{text-decoration: none; &:hover { text-decoration: none;border-bottom: 1px dashed @link-color;      font-weight: bold;}}}
@media @phone {.footer{display: none !important;}}

/* 网页字体 */
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_pezgnz0v119.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_pezgnz0v119.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_pezgnz0v119.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_pezgnz0v119.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_pezgnz0v119.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_pezgnz0v119.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}

body {font-family: 'webfont','PingFang SC','Microsoft YaHei','Helvetica Neue','Helvetica','Arial',sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
color: #4D5656;

/*背景图片默认字体颜色*/
background:url(https://ba.notstart.com/img/bg2.png);}

/*屏蔽头图关闭按钮*/
.Hero-close {display: none;}

/*手机端屏蔽统计插件*/
@media (max-width: 767px){.ForumStatistics.containerNarrow { display: none;}
.item-startTopWidgetSection, .item-startBottomWidgetSection {display: none;}}

@media (min-width: 768px){
/*顶部草稿按钮格式调整*/
.Header-controls, .Header-controls>li {vertical-align: top;}
/* 电脑端头图上间距 */
.Hero .container {padding-top: 30px;}
}

/* 固定左侧标签栏 */
@media (min-width: 992px) {:not(.TagsPage-nav).sideNav,:not(.TagsPage-nav).sideNav>ul {
position: sticky;top: 80px;}.App {overflow-x: visible;}}

/* 头图背景大字体 */
header.Hero.WelcomeHero {background: #0000000d;}
h2.Hero-title {color: white;font-size: 200%;font-weight: bold;}


/* 搜索高亮字体 */
.DiscussionListItem-title mark { background: #ffeb3b;}


/* 帖子内容下划线 */
.PostStream-item:not(:last-child) {border-bottom: none}

/* 小插件背景色 */
.AfruxWidgets-Widget-content {background: none!important;}


/* 自定义页面背景 */
.PageHero {background-color:#00000033;}
.PageHero-title>a {
    text-decoration: none;
    font-size: 28px;
    letter-spacing: .2em;
    font-weight: bolder;
    color: #fff!important;}

/* 去除页脚空白 */
.App {padding-bottom: 0px;}

/* 热门主题主题列表 */
li.hotDiscWidget {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 2;}
a.hotDiscLink {font-size: 15px;}
.AfruxWidgets-Widget-content {padding: 12px 0px!important;}
i.fas.fa-caret-right.hotdiscIcon {display: none;}


/* 文字颜色 */
.DiscussionList:not(.DiscussionList--searchResults) .unread .DiscussionListItem-title {
color:#CD6155;}
.DiscussionListItem-title {color:#616A6B;}
.DiscussionList:not(.DiscussionList--searchResults) .read .DiscussionListItem-title {
    color: #566573;}


/* 留言框 */
textarea.message1 { background-color: #fff!important;border: 2px solid @config-primary-color!important;}

/* 按钮背景 */
button.Button.Button--icon.hasIcon { background: #0000000d;}
button.Dropdown-toggle.Button.Button--flat { background: none;}
button.Dropdown-toggle.Button {background: #0000000d;}
button.Button.SubscriptionMenu-button.SubscriptionMenu-button--null.hasIcon {background: #0000000d}

/* 标题字体 */

@media (min-width: 768px){h3.DiscussionListItem-title {font-size: 20px;font-weight: bold;}}
@media (max-width: 767px){.DiscussionListItem-title { font-size: 17px;
    font-weight: bold;    margin-bottom: 15px;}}

/* 未读评论图标颜色 */
@media (min-width: 768px){.unread .DiscussionListItem-count {color: #f44336;}}

/* 帖子简介字体大小 */
.DiscussionListItem-info .item-excerpt { font-size: 15px!important;letter-spacing: 1px;color: #808B96!important;}
.DiscussionListItem-info .item-excerptM { font-size:13px!important;letter-spacing: 1px;color: #808B96!important;}

/* 帖子内容字体大小 */
.Post-body {font-size: 15px;}

/* 菜单字体大小 */
span.Button-label {font-size: 15px;}

/* 顶部菜单字体大小 */
.Button--link { font-size: 15px;}

/* 去除首页头像 */
.DiscussionListItem-author {display: none;}
@media (min-width: 768px){
.DiscussionListItem-content {padding-left: 0px;}
.DiscussionPage-list .DiscussionListItem-content {padding-left: 50px;}
.DiscussionListItem-badges {width: 52px;}}
@media (max-width: 767px){
.DiscussionListItem-badges {float: right;}
.DiscussionListItem-content {padding-left: 15px;padding-right: 15px;}
}

/* 帖子用户名 */
.PostUser h3, .PostUser h3 a {color: #E74C3C; font-size: 16px;}


/* 情绪标签 */
.TagLabelSentiment {    background: #0000000d!important;   border: 0!important;}


/* 帖子页面间距等微调 */
.Post { margin: 0px -20px;border-radius:10px; }
@media (min-width: 768px){
.CommentPost:not(.Post--hidden), .ReplyPlaceholder {
    border: 1px solid #ccc;
    margin-bottom: 10px;

/*电脑端帖子背景*/
background-color:#ffffff9c
}}

/* 回复背景 */
article.Post.ReplyPlaceholder {background-color:#0000000d}

/*联系我们页面设定 */
.Button { background: #0000000d}
.Button--primary { background: var(--button-primary-bg, #1891ac);}
textarea.message1 {    max-width: 550px!important;}

/*热帖文字去下划线变色 */
a:hover.hotDiscLink {text-decoration: none; color: #808080;}
.AfruxWidgets-Widget-title {    margin-bottom:0px!important;font-size: 17px;    font-weight: bold;border-bottom: 1px solid #fff;}

/* 主页帖子列表间距 */
.DiscussionListItem-main {padding: 20px 0;}
@media (max-width: 767.98px){
.DiscussionListItem-main {padding: 30px 0;
    border-bottom: 1px solid #eee;
}}

/* 代码背景 */
.Post-body pre code{background-color: #eee;}

/* 未读帖子符号颜色 */
@media (min-width: 768px){.unread .DiscussionListItem-count {color: #CD6155;}}

/* 浏览进度条颜色 */
.Scrubber-before, .Scrubber-after {border-left: 1px solid #ccc;}
.Scrubber-unread {border-left: 1px solid #CD6155;}
.disabled .Scrubber-bar {background: #fff;}

/* 首页菜单分割线 */
.sideNav .Dropdown--select .Dropdown-menu>.Dropdown-separator {background:#fff;}

/* 引用样式 */
.Post-body blockquote {   
   border-radius: 0px;   
   border-top: 0px dotted #fff; 
   border-bottom: 0px dotted #fff;
   border-left: 10px solid @config-primary-color;
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-top: 0;}

/* 发表评论样式修改 */
.ComposerBody-header h3 input, .ComposerBody-header h3 input[disabled], .ComposerBody-header h3 input:focus {border-bottom: 1px solid #e6e6e6;border-radius: 0px;}
.FormControl {margin-bottom:0px!important;}

/* 手机端首页样式修改 */
@media (max-width: 767.98px){
.DiscussionListItem-count {display: none;}
.DiscussionListItem-info>.item-tags {margin-right: 0px!important;float: right;}
}
@media (max-width: 767px){
li.item-discussion-views {display: none;}
/* 手机端帖子样式修改 */
article.CommentPost.Post {
border-bottom: 1px solid #e6e6e6; border-radius: 0px;}}

/* 倒计时 */
.EventsCountDown-widget #clockdiv div>span {padding: 0!important;background: none!important;}
.EventsCountDown-widget #clockdiv {font-family: 'webfont'!important;color:@config-primary-color!important;font-weight: bolder!important;}
.EventsCountDown-widget .smalltext {padding-top: 0px!important;}
@media (min-width: 768px) and (max-width: 991.98px), (max-width: 767.98px){
.AfruxWidgets-topWidgetSection, .AfruxWidgets-bottomWidgetSection {overflow-x: hidden!important;}}
.AfruxWidgets-topWidgetSection, .AfruxWidgets-bottomWidgetSection {margin-top:15px!important;}

/* 固定左侧标签栏 */
@media (min-width: 992px) {:not(.TagsPage-nav).sideNav,:not(.TagsPage-nav).sideNav>ul {
position: sticky;top: 80px;}.App {overflow-x: visible;}}

/* 去除首页头像 */
.DiscussionListItem-author {display: none;}
@media (min-width: 768px){
.DiscussionListItem-content {padding-left: 0px;}
.DiscussionPage-list .DiscussionListItem-content {padding-left: 50px;}
.DiscussionListItem-badges {width: 52px;}}
@media (max-width: 767px){
.DiscussionListItem-badges {float: right;}
.DiscussionListItem-content {padding-left: 15px;padding-right: 15px;}
}

/* 隐藏首页上边公告 */
.Hero-close{display:none}
发表新评论