Bu tasarım Flarum Çin Topluluğu tarafından gerçekleştirilmiştir. Özelleştirmelerin tamamı yannis tarafından yapılmıştır. Özelleştirmeler hakkındaki güncel kod öbeğini görmek için FlarumCN’deki özelleştirme tartışmasını görüntülemeniz gerekebilir.
Birincil renk: #ea715d
İkincil renk: #999999
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:@config-primary-color}
::-webkit-scrollbar-track{background:@config-secondary-color}
.DiscussionList-loadMore .Button,.UserDirectoryList-loadMore .Button{background:#e0e0e0;color:#828282}
.aaalert.aaerror .aainner{border:2px dotted #b94a48!important;text-align:left}
.aaalert.aasuccess .aainner{background-color:#dff0d8;border:2px dotted #468847!important;text-align:left}
.aaalert.aainfo .aainner{border:2px dotted #3a87ad!important;text-align:left}
.Avatar{border-radius:20%!important}
.App-header .Button{color:#fff}
.App-header .Button.active,.App-header .Button.focus,.App-header .Button:active,.App-header .Button:focus,.App-header .Button:hover,.App-header .open>.Dropdown-toggle.Button,.ButtonGroup>.Dropdown-toggle:hover,.open>.Button.Dropdown-toggle{border-radius:10%!important}
.IndexPage .TagLabel-text i.icon{display:none}
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{position:inherit!important;-webkit-mask-image:none!important;padding-right:10px}
.IndexPage-nav .item-newDiscussion .Button{width:auto}
.Search-input:before{display:inline-block;font-size:inherit;text-rendering:auto;content:"\f002";float:left;margin-right:-36px;width:36px;font-size:14px;text-align:center;position:relative;padding:7px 0;line-height:1.5;pointer-events:none;background:#0000000f;color:#fff;border-radius:4px 0 0 4px}
.Search-input input{float:left;width:225px;padding-left:50px;padding-right:32px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;box-sizing:inherit!important}
.topbutton i{padding:5px}
.topbutton a{color:#fff;text-decoration:unset}
.Flagrow-Ads-fake-poststream-item{border:0!important}
.PostStream-item:not(:last-child){border:0}
.scroll-up{background-color:#ea725d}
.UserPage .darkenBackground{background:@config-primary-color}
.UserPage .PostsUserPage-discussion a{font-style:normal;font-size:18px;background:#fff;margin-left:-20px}
.PostUser{top:-1px}
.PostUser-badges{display:none}
.PostsUserPage .PostsUserPage-list .Post{padding-top:0}
.PostsUserPage .Post-flagged{margin-left:-18px}
.Post-body blockquote{color:#2c3e50;background-color:#f3f5f7;border-radius:0;border:0;border-left-color:#ea725d;border-left-width:5PX;border-left-style:solid;padding:10px 10px 10px 19px;margin:1rem 0}
.Post--hidden .Post-header .Button--more{margin-top:-4px}
.Post-warning-summary{color:@config-primary-color!important}
.EventPost-icon,.UserPage .DiscussionListItem-info>.item-tags,.UserPage .Post-header{display:none}
.EventPost-info{padding-left:10px;border-left:5px solid @config-primary-color}
.UserPage .Post-footer{margin-bottom:-20px}
.UserPage .Post-actions,.UserPage span.DiscussionListItem-count,.UserPage.DiscussionListItem-info>li{display:none}
.ReplyPlaceholder,.UserPage .CommentPost:not(.Post--hidden){min-height:auto}
.UserCard.UserCard--popover.in .UserCard-avatar{float:left;margin-left:-130px;margin-top:-41px}
.UserCard-info{margin:8px 0 0!important}
.UserCard-info .item-bio{margin:auto!important}
.DiscussionListItem-info .item-excerpt{margin:0 0 8px!important;font-size:13px!important;line-height:24px!important}
.DiscussionPage li.item-discussion-views{display:none}
.TagsInput-tag .DiscussionPage-list .TagLabel, .TagsInput-tag .TagLabel,.ComposerBody-content .DiscussionPage-list .TagLabel,.ComposerBody-content .TagLabel,.DiscussionPage-list .TagLabel,.IndexPage .TagLabel{background:#f5f5f5!important}
.TagsInput-tag .Slidable-content .TagLabel.colored .TagLabel-text,.ComposerBody-content .Slidable-content .TagLabel.colored .TagLabel-text,.Slidable-content .TagLabel.colored .TagLabel-text{color:@config-primary-color!important}
.TagsLabel .TagLabel{margin-right:5px}
.TagsLabel .TagLabel:first-child,.TagsLabel .TagLabel:last-child,.TagsLabel .TagLabel:first-child:last-child{border-radius:0!important}
.Settings-privacy legend{position:absolute;display:none}
.aaalert.aaquote .aainner{color:#2c3e50!important;background:#f3f5f7!important;border-radius:0!important}
a.PostMention{border:1px solid #ededed!important}
li.item-settings.social-button{margin-top:-15px!important;position:absolute!important}
button.Button.Button--icon.Button--link.hasIcon{color:#c9c9c9}
.NotificationsDropdown-unread,.new .NotificationsDropdown-unread{background:#fff;position:absolute;z-index:3!important}
.Hero-close{display:none}
body when (@config-dark-mode = true){
h2.DiscussionHero-title{color:#666}
a.PostMention{border:1px solid #1a1a1a!important}
.App-header,.App-header a{color:#fef8f7}
.Hero.DiscussionHero.DiscussionHero--colored{background:#16171c!important}
.Post-header{text-align:left;border-bottom:1px solid #1e2024}
.PostStream-item:not(:last-child){border-bottom:0!important}
.Post-body{border:0;box-shadow:none!important;background:0 0}
.Post-body blockquote{border-left-color:#eca354;border-left-width:2px;color:#ececef;background-color:#1e2024}
.aaalert.aaquote .aainner{background-color:#423930;color:#fff}
.darkenBackground{background:#16171c!important}
.UserPage .PostsUserPage-discussion a{background:#17181c}
.fa-chevron-up:before{color:#fff}
.Post-footer .item-bestAnswerPost{background-color:#1e2024!important}
.Post-footer .item-bestAnswerPost .Post-body{color:#ececef}
.Post-header,body.dark .Post-header a{color:#fff!important}
.DiscussionHero--colored,.DiscussionHero--colored a{color:grey}
.DiscussionPage-list .TagLabel,.IndexPage .TagLabel{background:#0d0d0d!important}
}
@media (max-width:767px){
.KvotheSub{margin-top:10px;margin-bottom:10px}
}
@media (max-width:770px){
.Post-header{margin-bottom:15px;color:#75798a;padding-bottom:5px;border-bottom:1px solid #ededed}
.Post-header .Avatar{width:20px;height:20px;line-height:inherit;margin-right:5px}
.Post--BestAnswer .BestAnswer--User{display:initial!important}
.Post-footer .item-bestAnswerPost{background-color:#ededed!important}
.Post--BestAnswer{background:#ea6f5a!important}
}
@media (max-width:1024px) and (min-width:768px){
nav.IndexPage-nav.sideNav{position:initial!important;white-space:nowrap;overflow:auto}
.PostsUserPage-discussion a{font-style:normal}
.UserPage .Post-header,.item-bestAnswerPost .Post-header{border-bottom:0}
.ComposerBody-header h3,.ComposerBody-header h3 a,.ComposerBody-header h3 input,.Post-body,.TextEditor textarea{font-size:1rem}
.sideNavOffset{max-width:700px}
}
@media (min-width:770px){
.IndexPage .containerNarrow{float:none;text-align:center}
.containerNarrow{max-width:100%;float:left;text-align:left}
.DiscussionPage-stream{margin-left:-85px}
.Hero{border-bottom:2px solid @config-primary-color}
.Hero .container{padding-top:15px;padding-bottom:15px}
.Hero.DiscussionHero.DiscussionHero--colored{background: #ea715d !important}
.UserPage .Post{padding-left:18px}
.DiscussionListItem-badges{width:0}
.DiscussionHero--colored,.DiscussionHero--colored a{text-align:left}
.DiscussionHero-items{text-align:left}
.Post a.inline-image-link{margin-top:15px}
.Post-body{font-size:15px}
.Post-body a{padding:1px;padding-top:0}
.Post-header{text-align:left;border-bottom:1px solid #ededed}
.Post-footer .item-bestAnswerPost{background-color:#ededed!important}
.Post--BestAnswer{background:@config-primary-color!important;position:absolute;margin-top:-1px;right:0!important;text-align:left;width:auto;z-index:999}
.DiscussionListItem-badges{margin-left:-47px;margin-top:4px}
.Badge,.Badge .Badge-icon{vertical-align:middle}
.EventPost-icon{margin-top:2px;margin-left:0;padding-right:10px;width:auto;font-size:1.5em}
.TagsPage nav.IndexPage-nav.sideNav{overflow:hidden;margin-right:-99999px}
.TagsPage .sideNavOffset{max-width:1200px}
.PostUser-avatar{vertical-align:middle;position:relative;left:-7px;top:-4px;width:1.5em;height:1.5em;font-size:1em;line-height:1.5em}
.PostUser-level{float:right!important;position:inherit!important;margin:0!important}
.PostUser-bar{border-radius:.1px!important;margin-top:7px;height:6px!important;top:7px!important}
.PostUser-text{position:absolute;right:55px;top:7px;width:77px;font-size:12px}
.PostUser-badges{display:block!important;float:left;position:relative;margin-left:10px;margin-right:15px;margin-top:-3px;width:auto;max-width:60px}
.item-edited .ButtonGroup>.Button{padding:0}
.sideNavOffset{max-width:800px}
.scroll-up{padding:9px!important}
}
@media (min-width:992px){
.sideNav,.sideNav>ul{width:190px;position:sticky;top:80px}
.App{overflow-x:visible}
.CategoriesPage.TagsPage .sideNav,.CategoriesPage.TagsPage .sideNav>ul{position:unset}
}
@media (min-width:1300px){
.PostStream-timeGap{padding:0}
}
