Flarum 轻论坛 自定义 CSS-2

     日常     1115次   
.aaalert.aasuccess .aainner {
    border: none !important;
    background-color: #00000010 !important;
}

.aaalert.aaerror .aainner {
    border: none !important;
    background-color: #00000010 !important;
}

.Post-body a {
    border-bottom: none;
}

.dark .Alert {
    background: #1b2128;
}

body.dark .DiscussionListItem-count {
    background: none !important;
}

.dark .Flagrow-Ads-fake-poststream-item {
    border-top: 1px solid #1b2128;
}

body.dark .Hero {
    background-image: radial-gradient(circle at 84% 82%, rgba(217, 217, 217, 0.03) 0%, rgba(217, 217, 217, 0.03) 21%, transparent 21%, transparent 100%), radial-gradient(circle at 75% 56%, rgba(3, 3, 3, 0.03) 0%, rgba(3, 3, 3, 0.03) 30%, transparent 30%, transparent 100%), radial-gradient(circle at 74% 53%, rgba(153, 153, 153, 0.03) 0%, rgba(153, 153, 153, 0.03) 95%, transparent 95%, transparent 100%), radial-gradient(circle at 86% 43%, rgba(209, 209, 209, 0.03) 0%, rgba(209, 209, 209, 0.03) 83%, transparent 83%, transparent 100%), radial-gradient(circle at 64% 88%, rgba(192, 192, 192, 0.03) 0%, rgba(192, 192, 192, 0.03) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 73% 77%, rgba(205, 205, 205, 0.03) 0%, rgba(205, 205, 205, 0.03) 18%, transparent 18%, transparent 100%), radial-gradient(circle at 57% 51%, rgba(161, 161, 161, 0.03) 0%, rgba(161, 161, 161, 0.03) 64%, transparent 64%, transparent 100%), radial-gradient(circle at 40% 84%, rgba(115, 115, 115, 0.03) 0%, rgba(115, 115, 115, 0.03) 14%, transparent 14%, transparent 100%), linear-gradient(90deg, #141a1f, #141a1f) !important;
}

.Hero-subtitle a {
    color: #ffffff;
}

.Hero {
    background-image: linear-gradient(342deg, transparent 0%, transparent 15%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.03) 47%, transparent 47%, transparent 100%), radial-gradient(circle at 1% 91%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 90% 62%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 68% 57%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 77% 89%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 48% 18%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 63% 30%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 89% 83%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 28% 71%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 73% 85%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 8% 58%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 59% 40%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 22% 52%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 50% 4%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 80% 70%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 5%, transparent 5%, transparent 100%), linear-gradient(45deg, rgb(37, 143, 238), rgb(80, 68, 243));
    color: #ffffff;
}

.tooltip-inner {
    background: #0077e6;
    box-shadow: 0px 3px 8px #00000050;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #0077e6
}

body.dark .DiscussionListItem-count {
    background: #141a1f;
}

body.dark .DiscussionListItem {
    background: #1b2128;
}

html {
    zoom: 1.1;
}

body {
    letter-spacing: 1.700px !important;
    -webkit-transition: .25s;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    transition: .25s;
}

#aaalertbody {
    width: auto;
    margin: 8px auto !important;
    margin-left: -26px !important
}

.aaalert.aaerror .aaclose, .aaalert.aaerror .aainner {
    color: #4d0000 !important
}

.aaalert.aaerror .aainner {
    border-left: 5px solid #c00 !important
}

.aaalert.aasuccess .aaclose, .aaalert.aasuccess .aainner {
    color: #2c3e50 !important
}

.aaalert.aasuccess .aainner {
    border-left: 5px solid #468847 !important
}

.aaalert.aainfo .aainner, .aaalert.aasuccess .aaclose {
    color: #2c3e50 !important
}

.aaalert.aainfo .aainner {
    border-left: 5px solid #566bff !important
}

.aaalert .aainner {
    padding: .5rem 1.5rem !important;
    text-align: left !important
}

.Post-body pre {
    border-right: none !important;
    width: 94%
}

#aaalertbody {
    margin-left: 0 !important;
}

.Button .Button-label {
    font-weight: 600;
}

.DiscussionListItem {
    padding: 10px;
    margin: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.033);
    border-radius: 0px;
}

.Header-title {
    font-family: monospace;
    font-weight: 600;
    font-size: 25px;
}

.DiscussionListItem:hover, .DiscussionListItem:focus {
    transition: all 500ms;
}

body {
    background: #f7f7f7;
    letter-spacing: 1px;
}

@media (max-width: 767px) {
    .App-content {
        background: #f7f7f7;
    }
    .DiscussionListItem-content:active {
        background: none;
    }
    .item-forumStatisticsWidget {
        display: none;
    }
    .DiscussionListItem-info>.item-tags {
        position: absolute;
        right: -14px;
        top: -10px;
    }
    .DiscussionListItem-count {
        margin-top: 25px;
    }
    .DiscussionListItem-content {
        padding-left: 50px;
    }
}

a.scroll-up {
    background-color: #0077e6;
    width: 30px;
    line-height: 3.5;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.scroll-up:hover, .scroll-up:focus {
    background-color: #0077e6 !important;
}

.DiscussionListItem-main mark {
    background: #ffff80 !important;
}

i.icon.fas.fa-lemon:before {
    content: "";
    background: url(https://cloudreve123-1255663050.cos.ap-beijing.myqcloud.com/yangzhi/svg/lemonx.svg) no-repeat top center;
    display: block;
    width: 22px;
    height: 22px;
    background-size: cover;
}

.Badge {
    box-shadow: none;
    -webkit-box-shadow: none;
}

video {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
}

.DiscussionListItem a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.Button:hover {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.WarningListItem {
    background: none !important;
    box-shadow: none !important;
}

.WarningListItem-info .item-excerpt .warning-comment {
    background-color: #00000010 !important;
    color: #668099;
}

.WarningListItem-title {
    border: none !important;
}

.WarningList-warnings {
    color: #668099;
}

.App:before {
    background-color: #f7f7f7;
}

@media (min-width: 992px) {
    .item-nav {
        padding: 20px;
        background: #fff;
        border-radius: 5px
    }
}

.DiscussionList {
    background: #ffffff;
    padding: 20px 10px;
    border-radius: 5px;
}

body.dark .DiscussionList {
    background: none;
}

body.dark .item-nav {
    background: none;
}

.DiscussionListItem:hover {
    background: #f5f5f5;
}

.DiscussionListItem-title {
    margin: 0 0 10px;
}

.DiscussionPage-discussion {
    background: #ffffff;
}

.dark .DiscussionPage-discussion {
    background: #141a1f;
}

.dark .Post img.block-image {
    filter: brightness(0.6);
}

.Post-body code {
    padding: 4px 10px;
}
发表新评论