Foong_Fire
不一定适用你的论坛，我马上附在后面
有点乱
你们自己拿去整理整理😊
/* 网页字体 */
body {font-family: Arial,Helvetica,sans-serif;
/*背景图片*/
background:url(https://ba.notstart.com/img/bg2.png);
color: #404040;
}
/*手机端底部菜单样式*/
.buttonstyle {font-size: 20px!important;color:#888!important;background: #fff!important;border-top: 1px solid #e8ecf3!important;}
.Hero {background: @config-primary-color;color: #fff;}
/*网页底部菜单样式*/
.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;}
/*手机端回复框 */
.ReplyPlaceholder {Border: 1px solid @config-primary-color;margin: 0 0}
.sticky-icongh {display: none!important;}
}
/*手机列表下划线*/
@media (max-width: 767px) {
.DiscussionListItem-main {border-bottom: 1px solid #fff;}
/*手机背景*/
.App-content {background: none;}
.CardsListItem {width: 100%;}
.item-search {margin-top:0px!important;}
.IndexPage-toolbar .IndexPage-toolbar-view .item-search .Search-input input {box-shadow:1px 1px 5px #ccc inset;background-color: #fafafa;}
.DiscussionListItem-author .Avatar {width:60px;height: 40px;object-fit: cover;margin-right:10px;font-size: 35px;line-height: 40px;}
.DiscussionListItem-main {padding-right: 15px;}
.DiscussionListItem-title {font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.Hero-title {text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #dedede, 0 0 6px #fff, 0 0 8px #fff;font-size: 1.5rem!important;}
.TagTiles>li {height: 165px!important;}
.TagTile-lastPostedDiscussion {border-top:1px dashed #fff!important;}
}
@media (min-width: 768px){
.Hero h2 {font-size: 30px;}
/*列表悬浮*/
.DiscussionListItem {box-shadow: -2px -2px 5px white, 3px 3px 5px #ccc;margin-bottom: 10px;background-color: #0e152f05;border: 1px solid #ccc;}
.DiscussionListItem-title {font-size: 20px;}
.DiscussionListItem:hover{box-shadow:none!important;background:#fafafa;position:relative!important;right:1px;top:1px;border: 2px solid @config-primary-color;}
.DiscussionPage-nav .ButtonGroup, .DiscussionPage-nav .Button {box-shadow: -2px -2px 5px white, 3px 3px 5px #ccc;border-radius: 10px;}
.DiscussionPage-list .DiscussionListItem { box-shadow: none;}
.DiscussionPage-list .DiscussionListItem.active {background: #dedede;}
.DiscussionPage-list .DiscussionListItem-info {display: none;}
.DiscussionPage-list .DiscussionListItem-content {border-bottom: 1px solid #ededed; min-height: 74px;}
.DiscussionPage-list .DiscussionListItem-title {margin-right: 20px;}
.CommentPost:not(.Post--hidden), .ReplyPlaceholder {box-shadow: -2px -2px 5px white, 3px 3px 5px #ccc;margin-bottom: 10px;}
.unread .DiscussionListItem-count {color:@config-primary-color;}
.PostStream { margin-top: 30px;}
.CardsListItem {box-shadow: -2px -2px 5px #fff, 3px 3px 5px #ccc!important;border-radius: 0rem!important;}
.CardsListItem:hover{box-shadow:none!important;background: none!important;position:relative!important;right:1px;top:1px;border: 2px solid @config-primary-color;}
.DiscussionListItem-author .Avatar {width: 72px; height: 48px; object-fit: cover;margin-right: 10px;font-size: 44px;line-height: 50px;}
.List .wrapImg { border-top-left-radius: 0rem!important;border-bottom-left-radius:0rem!important;}
.item-discussion-views {margin-right: -14px!important;}
.IndexPage .DiscussionListItem-title, .UserPage .DiscussionListItem-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
}
.Hero-title {font-weight: bold;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 35px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 75px #fff;}
.Hero h2 {font-weight: bold;}
/* 隐藏顶部链接下划线*/
li>.LinksButton:hover,.LinksButton.SplitDropdown-button:hover{text-decoration:none!important}
/* 帖子内视频播放器外观 */
video {width: 100%;}
/*首页顶图关闭按钮*/
.Hero-close{display:none}
.Badge {line-height: 22px;}
/* 搜索结果关键字高亮 */
.DiscussionListItem-main mark {background:#FFFF66 !important;color: #f44336!important;}
/* 超链接去除下划线 */
a:hover {text-decoration:none}
/* 图片阴影 */
.Post-body img{box-shadow: -2px -2px 5px white, 2px 2px 5px #aaa;max-width:99%;margin-top: 15px;}
img.emoji{box-shadow:none}
a.fancybox {line-height: 3;}
/*帖子用户名字体*/
.PostUser h3, .PostUser h3 a {color:@config-primary-color;font-size:17px;}
/*左侧列表固定样式*/
@media (min-width:992px){.sideNav,.sideNav>ul{width:190px;position:sticky;top:80px}
.App{overflow-x:visible;padding-bottom: 30px;}
.CategoriesPage.TagsPage .sideNav,.CategoriesPage.TagsPage .sideNav>ul{position:unset}
.IndexPage-nav .item-newDiscussion .Button {box-shadow: -2px -2px 5px white, 3px 3px 5px #aaa;}}
.Post-body blockquote{color:#2c3e50;background-color:#0000000d;border-radius:0;border:0;border-left-color:@config-primary-color;border-left-width:5px;border-left-style:solid;padding:10px 10px 10px 19px;margin:1rem 0}
@media (min-width: 992px){.CommentPost .Post-header>ul {border-bottom: 1px solid #ccc;width:90%;}}
button.Dropdown-toggle.Button{box-shadow:-2px -2px 5px white, 3px 3px 5px #ccc;}
button.Dropdown-toggle.Button.Button--icon.Button--link{box-shadow:none}
button.Dropdown-toggle.Button.Button--flat{box-shadow:none}
button.Dropdown-toggle.Button.Button--user.Button--flat{box-shadow:none;}
a.LinksButton.SplitDropdown-button.Button.Button--link{box-shadow:none!important;}
button.Button.Button--bookmark{box-shadow:-2px -2px 5px white, 3px 3px 5px #ccc;}
.ButtonGroup>.Button:first-child:not(:last-child):not(.Dropdown-toggle) {box-shadow: -2px -2px 5px #fff, 3px 3px 5px #ccc;}
.DiscussionList:not(.DiscussionList--searchResults) .unread .DiscussionListItem-title {color:@config-primary-color;}
/*css跳动文字*/
.Hero-title {color:#fff!important;
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)}}
@media (min-width: 768px){.CardsListItem {width: 100%;}}
.previewPost {margin-bottom: 0px!important;font-size: 13px!important;}
.Post-footer .item-bestAnswerPost .CommentPost {box-shadow: none;}
.PostUser .UserOnline .icon {margin-left: 5px;}
.NotificationsDropdown-unread {background: #f44336;}
/*图片修整*/
.Post a.inline-image-link, .Post a.inline-image-self-link {padding:0px!important;min-width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow: unset!important;}
.Post a.inline-image-link img, .Post a.inline-image-self-link img {border-radius:0px!important;max-height: 100%!important;}
.Post a.inline-image-self-link .extlink-badge {display: none;}
.Post a.block-image-link, .Post a.block-image-self-link {padding:0px!important;min-width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow: unset!important;}
.Post a.block-image-link img, .Post a.block-image-self-link img{border-radius:0px!important;}
.Post a.block-image-self-link .extlink-badge{display: none;}
.Post-body {font-size: 16px;margin-bottom: 10px;}
/*留言模板*/
@media only screen and (max-width: 700px){.banner-message {width: 100%!important;}}
.banner-message { width: 100%!important;}
textarea.message1 {width: 100%!important;border: 2px solid @config-primary-color!important;background-color: #fafafa!important;font-size: 16px!important;}
button.Button{box-shadow: -2px -2px 5px #fff, 3px 3px 5px #aaa;}
button.Button.Button--icon{box-shadow:none;}
button.Button.Button--link{box-shadow:none}
.PageHero-title>a {color: #ffffff!important;}
#engageboxps {min-width:auto!important;padding: 0px 15px 10px 15px !important;}
#engagebox {max-width: 600px!important;min-width:auto!important;padding: 0px 18px 10px 18px !important;}
.Avatar {background-image: url(https://ba.notstart.com/img/user.png);background-size: cover; background-position: center;}
.DiscussionListItem-author .Avatar {border-radius: 6PX;box-shadow: 0px -3px 6px #eee, 0px 2px 6px #999;}
i.fas.fa-pencil-alt {color:@config-primary-color;}
.Post-header>ul { border-bottom: 1px solid #fff;}
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags{position:inherit!important;-webkit-mask-image: none!important;padding-right:10px;}
.Pages-container {white-space:normal!important;max-width:100%!important;}
img.pyimg {margin: 0 10px 0 0px;width:74px;height: 74px;object-fit: cover;float: left;box-shadow:none;border-radius: 10px;}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-top: 0;}
.UserBio-content {padding: 0 10px!important;}
.UserCard-info .item-bio {margin-top: 10px!important;}
.UserBio {margin: -10px -10px 0px!important;}
.UserBio.editable:not(.editing) {text-shadow: 0.2rem 0rem 0.5rem #fff, -0.2rem 0rem 0.5rem #fff, 0rem 0.2rem 0.5rem #fff, 0rem -0.2rem 0.5rem #fff;}
/*代码块*/
.Post-body pre {background:#fafafa;}
.Post-body code {background: @config-primary-color;color: #fff;padding: 2px;border-radius: 2px;}
.avatarwb .Avatar {font-size: 48px;line-height: 96px;margin-top: 0px!important;margin-bottom:0px!important;}
.avatarwb .Dropdown-toggle {margin-top: 0px!important;margin-bottom:0px!important;color: #fcfcfc47!important}
.backgrwb {width: 100%!important;}
.contentwb { width: auto!important;display: flex;}
strong.textinfo {color: @config-primary-color;}
a.Button.Navigation-back.Button--icon.hasIcon {box-shadow: none!important;}
button.Dropdown-toggle.Button.Button--icon.Button--flat.Slidable-underneath.Slidable-underneath--right {margin-top: 0px;}
div.ButtonGroup.Dropdown.dropdown.UserCard-controls.App-primaryControl {padding-top: 10px;margin-top: -10px;
}
.aplayer {margin: 0 0 20px 0!important;border-radius: 10px!important;width: 99%;}
button.Button.Button--icon.Button--link {margin-top: 0px;}
.FormControl {margin-bottom:0px!important;}
/*在线状态*/
.PostUser .UserOnline .icon {font-size: 14px; color: #ff5722;}
.fa-circle:before { content: "\f185";}
@media (min-width: 768px){.ComposerBody-header {
border-bottom: 1px solid #ccc;}
.ComposerBody-mentionsWrapper {
border: 1px solid #e6e6e6;
border-radius: 10px;}
.TextEditor .TextEditor-editor, .TextEditor .TextEditor-editor:focus, .TextEditor .TextEditor-editor[disabled] { padding: 10px;}
.TextEditor-controls {border-top: none;padding: 10px 20px 20px 20px;}}
.iconbadge { margin-top: 3px!important;margin-bottom: 3px!important;}
.ingwbox { height: auto!important;}
.guesttext {color: #ff5722;font-size: 18px;}
@media (min-width: 768px){
.Card .wrapImg {
border-top-left-radius:0px!important;
border-top-right-radius:0px!important;
margin-bottom: 0px!important;}}
.CardsListItem h2 {color:@config-primary-color!important;margin: 10px 0;}
b, strong {font-size: 1.1rem;}
a.external-link {
font-size: 1.04rem;
}
.cardSpacer {
height: 40px!important;
border-bottom-left-radius:0rem!important;
border-bottom-right-radius:0rem!important;}
a.Replies:hover{
background-color: #0000001a;}
.cardTag:first-child {
border-bottom-left-radius: 0px!important;
border-top-left-radius: 0px!important;
}
.cardTag:last-child {
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
}
@media (max-width: 767px){
.CardsListItem .wrapImg {margin-bottom: 5px!important;}
.CardsListItem h2 {font-size: 1rem!important;}
}
.numbervis {float: left;margin-top: 0px; margin-bottom: 0px;color:@config-primary-color!important;}
.textp {float: left;padding: 8px 8px 8px 2px!important;margin-top: -3px;}
.textp::before {margin-right: 15px!important;}
@media (max-width: 767px){
.App-drawer {width: 50%;}
.Header-controls .FormControl, .Header-controls .ButtonGroup, .Header-controls .Button {
font-size: 1rem;}
.textp {padding: 8px 8px 8px 22px!important;font-size: 16px;}
.Dropdown .Dropdown-menu>.active>a, .Dropdown .Dropdown-menu>.active>button, .Dropdown .Dropdown-menu>.active>a:hover, .Dropdown .Dropdown-menu>.active>button:hover{background:#ededed !important;color: #008b8b !important;}
.Dropdown .Dropdown-menu>li>a, .Dropdown .Dropdown-menu>li>button {padding: 10px 20px;}
}
@media screen and (min-width: 768px){
.fof-file-manager-modal .fof-modal-buttons {top: 5px!important;}}
苏公网安备 32010402001112号