吾爱ASMR社区样式备份

社区管理员

四栏显示封面

.TagTiles>li{
    height: auto !important;
    width:100% !important;
}
.TagTile-children{
    font-weight: normal !important;
}
.Flagrow-Ads-under-header{
  text-align:center;
  width:100%;
}
.Select-caret{
  margin-left:0 !important;
}


.DiscussionListItem-title {
    font-size: 14px !important;
}

.DiscussionListItem {
    padding-top: 10px;
    border-radius: 8px;
    padding-bottom: 30px;
    background-color: #fff !important;
    -webkit-box-shadow: 0 1px 10px 0 rgba(151,158,181,.28)!important;
    box-shadow: 0 1px 10px 0 rgba(151,158,181,.28)!important;
    position: relative;
    color: unset !important;
    margin-bottom: 5px;
}
.DiscussionListItem-info>.item-tags {
    position: absolute;
    right: unset !important;
    top: unset !important;
    bottom: -15px;
}

.DiscussionPage-list .DiscussionListItem{
  padding-bottom: 30px;
  margin-bottom: 5px;
}


@media (min-width:768px){
 .IndexPage .DiscussionList-discussions li{
    width: 24%;
    margin-left: 1%;
 }
}
@media (max-width:768px){
 .IndexPage .DiscussionList-discussions li{
    width: 98%;
    margin: 0 1%;
 }
 .IndexPage .DiscussionListItem-author .Avatar{
    height: 240px !important;
 }
 .IndexPage .DiscussionListItem-main {
    padding: 260px 0 15px 0 !important;
 }

}


.IndexPage .DiscussionList-discussions{
    flex-wrap: wrap;
    display:flex;
}

.IndexPage .DiscussionListItem-title {
    margin-right: unset !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.IndexPage .DiscussionListItem{
    width: 100%;
}
.IndexPage .DiscussionListItem-content {
    padding: 0 10px !important;
    color: unset !important;
}
.IndexPage .DiscussionListItem-count{
    display: none;
}

.IndexPage .item-discussion-views{
    display: none !important;
}

.IndexPage .DiscussionListItem-badges .Badge{
    display: none;
}
.IndexPage .DiscussionListItem {
    margin-right: unset !important;
    margin-left:  unset !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:0 !important;
} 
.IndexPage .Dropdown-menu li{
    width:100% !important;
}
.item-excerpt{
    display: none !important;
}

.DiscussionPage-list .DiscussionListItem-info{
    overflow:unset !important;
}

.IndexPage .DiscussionListItem-author{
    margin-left: 0 !important;
    width: 100%;
    text-align: center;
    pointer-events: none;
    position: absolute;
    padding-right: 20px;
}

.IndexPage .DiscussionListItem-author .Avatar{
    width: 100%;
    border-radius: 0 !important;
    height: 180px;
    object-fit: cover;
}

.DiscussionPage .DiscussionListItem-author {
    width: 50px;
    height: 50px;
}

.DiscussionPage .DiscussionListItem-author img{
    border-radius: 100% !important;
}
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags{
  width:90%;
  transition: max-width .2s ease-in-out,-webkit-mask-image .2s;
  -webkit-mask-image: linear-gradient(to right, #000 80%, rgba(0,0,0,0) 90%);
}
.App-content{
 background:none !important;
}

.TagTile-info, .TagTile-lastPostedDiscussion{
 position: unset !important;
}
.DiscussionListItem-content {
    color: unset !important;
}

.item-nav{
    display: none;
}
@media (min-width: 992px){
    .IndexPage .sideNav {
        flex-shrink: 0;
        position: absolute;
        z-index: 999;
        margin-left: 1%;
    }
    .IndexPage .IndexPage-toolbar-view{
        margin-left: 220px;
    }
    .IndexPage .item-flagrow-ad{
        display: none;
    }
   .container{
     width:1200px !important;
   }
   .Composer:not(.fullScreen){
     margin-left:1% !important;
     margin-right:0 !important;
   }
}

.IndexPage .DiscussionListItem-main {
    padding: 200px 0 15px 0;
}
.item-like .Button-label {
	display: none;
}
.item-like .Button:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 17px;
	content: '\f164';
	margin-right: 4px;
	vertical-align: -1px;
}
.item-reply .Button--link:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 17px;
	content: '\f3e5';
	margin-right: 4px;
	vertical-align: -1px;
}
.item-reply .Button--link .Button-label {
	display: none;
}

@media (min-width: 768px){
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {
    max-width:100% !important;
    -webkit-mask-image: linear-gradient(to right, #000 140px, rgba(0,0,0,0) 100%) !important;
}
}

社区管理员

初始优化的样式


video{
    width:100%;
    max-height:450px;
}
.WelcomeHero{
    background: #151d27 url(https://api.ixiaowai.cn/mcapi/mcapi.php) no-repeat center / cover;
}

@-webkit-keyframes masked-animation{
    0% {
        background-position: 0 0
    }
    to {
        background-position: -100% 0
    }
}
.Hero .container{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.Hero-title{
    color: hsla(0, 0%, 100%, .85);
    font-weight: 800;
    font-size: 16px;
    background-image: -webkit-linear-gradient(left, #ffffff, #1E90FF 25%, #ffffff 50%, #1E90FF 75%, #cddc39);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 2s infinite linear;
}
.Hero-title:hover {
    -webkit-animation: masked-animation 1s infinite linear;
}

.Post-body{font-size:14px;line-height:1.7;position:relative;overflow:auto;overflow-wrap:break-word;border-radius:5px;margin-top:0;border:1px solid #d6d6d6;box-shadow:0 3px 9px 1px rgba(0,0,0,.1)!important;background:#fff;padding:20px;min-height:80px}
.Post-body pre{font-size:80%;border-radius:0;border-left-color:#959ea9;border-left-width:5px;border-left-style:solid}
.Post-body>:first-child,.Post-preview>:first-child{margin-top:0!important}
.Post-actions{
    margin-top:10px;
}
.DiscussionListItem{
    border: 1px #e3e3e3 solid;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.DiscussionListItem-title{
    font-size:16px !important; 
    line-height: 32px !important; 
}

.Post-body blockquote {
    color: #2c3e50;
    background-color: #f3f5f7;
    border-radius: 0;
    border: 0;
    border-left-color: #333333;
    border-left-width: .5rem;
    border-left-style: solid;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
}
.DiscussionList-update{
    color: #ffffff !important;
    background: #2e2e2e !important;
}
.DiscussionHero{
    /* display: none; */
    background-color: #373737 !important;
}
.DiscussionHero .item-tags{
    display: none;
}
.DiscussionHero .container{
    padding-top: 20px !important;
}

.TagHero{
    display: none;
}

.item-newDiscussion button{
    background-color: #333333 !important;
}


.Scrubber-handle {
    background: url(https://bbs.52asmr.cn/movebar.png) no-repeat center right;
}
.scroll-up{
    background-color: #333 !important;
}
.scroll-up:hover, .scroll-up:focus{
    background-color: #333 !important;
}

.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {
	margin-right: 0;
	position: static !important;
	padding-right: 10px;
	transition: none !important;
	-webkit-mask-image: none !important;
}

.FlarumBlog-Article-Post .Post-body{
    border: 0 !important;
    box-shadow:none !important;

}

@media screen and (max-width: 768px){
    .FlarumBlog-Article-Author{
        display: none;
    }
    .FlarumBlogOverview .BlogScrubber .BlogList-item-default .BlogList-item-photo {
        height: 200px !important;
    }
}
.FlarumBlogOverview .BlogScrubber .BlogList-item-content{
    padding:40px 20px !important;
}
.item-rankings{
    display: none;
}
.FlarumBlog-Article-Post h3{
    border: 1px #f1f1f1 solid;
    color: #333333;
    padding: 20px 0;
}

.FlarumBlog-Article-Author-background {
    background-color: #333 !important;
}

.BlogFeatured-list{
    flex-wrap: wrap !important;
}
@media screen and (min-width: 768px){
    .FlarumBlogOverview .BlogFeatured-list-item {
        width: calc(31.33333333%) !important;
        margin: 10px 1% !important;
    }
}
.FlarumBlogOverview .Sidebar{
    display:none;
}