CSDN CSS by XiaoWoHan

/* ==UserStyle==
@name         CSDN CSS
@version      20241209.10.53
@namespace    https://userstyles.world/user/XiaoWoHan
@description  CSDN简化，清理额外元素，暗黑模式兼容
@author       XiaoWoHan
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         CSDN CSS
@version        1.0.0
@description    CSDN 样式调整
@author         CrayonLSnail
==/UserStyle== */

@-moz-document domain("csdn.net") {
/** 精简当前样式 **/
body {
    background-image: none !important;
    background-size: auto !important;
    min-height: auto !important;
    height: 0 !important;
    font-family: source-han-serif-tc, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
    min-width: unset !important;
}

main {
    float: inherit;
    margin: 0 auto 40px;
    margin-bottom: 40px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
abbr,
body,
cite,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
input,
li,
object,
ol,
p,
span,
ul {
    font-family: source-han-serif-tc, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif!important;
}
code,
code span,
pre,
pre span {
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, monospace!important;
}

h1 {
    font-size: 20px!important;
}
h2 {
    font-size: 18px!important;
}
h3,
h4,
h5,
h6 {
    font-size: 18px!important;
}

#mainBox,
.article-box {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

#article_content {
    height: auto !important;
    overflow: auto !important;
}

.set-code-hide {
    height: unset !important;
    overflow-y: unset !important;
}
.recommend-item-box {
    width: 50%;
    max-width: 25rem;
}
.recommend-item-box .content,
.recommend-item-box h4 {
    width: 100%!important;
}
main div.blog-content-box,
.blog-content-box,
.content-view {
    border-radius: 10px!important;
    padding: 80px 80px 40px 80px !important;
}
main div.blog-content-box,
.blog-content-box,
.content-view {
    border-radius: 10px!important;
    padding: 80px 80px 40px 80px !important;
    background: #ffffff !important;
    color: #222226 !important;
}

#content_views a,
.follow-nickName {
    color: #42b983!important;
}
code {
    color: #e96900!important;
}
.markdown_views blockquote p {
    color: #6e6e6e!important;
}
blockquote {
    border-left: 6px solid #42b983!important;
}
div.article-title-box > h1 {
    font-size: 32px!important;
}
.csdn-side-toolbar {
    margin: 40px!important;
}
.imgViewDom {
    background-color: rgba(0, 0, 0, 0)!important;
}
.pre-numbering {
    font-size: 12px!important;
}
img {
    border-radius: 10px!important;
}
}

@-moz-document domain("csdn.net") {
/** 深色模式 **/
@media (prefers-color-scheme: dark) {
    :root {
        --background:#292c2d;
        --content-background: #222425;
        --code-background:#26292a;
        --border-panel-background:#2B2B2B;
        --content-text: rgb(239, 234, 226);
    }
    html,
    body,
    table,
    tbody,
    tr,
    td {
        background-color: var(--background) !important;
    }
    main div.blog-content-box,
    .article-header-box,
    .title-article,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    span ,
    table tr td,
    ol li{
        background-color: var(--content-background) !important;
        color: var(--content-text) !important;
    }

    pre,
    .prettyprint,
    .pre-numbering,
    code {
        background-color: var(--code-background) !important;
        color: var(--content-text) !important;
    }
    .imgViewDom .swiper,
    .bg_sql{
        background: var(--border-panel-background) !important;
    }
    table tr th{
        background-color: var(--border-panel-background) !important;
        color: var(--content-text) !important;
    }
}

/** 浅色模式 **/
@media (prefers-color-scheme: light) {
    body {
        background-color: #fafafa !important;
    }
    pre,
    .prettyprint,
    .pre-numbering,
    code {
        background-color: #f8f8f8!important;
    }
    .imgViewDom .swiper {
        background: #ffffff!important;
    }
}
}

@-moz-document domain("csdn.net") {
/** 解除Code禁止选中 **/
#content_views pre,
#content_views pre code {
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
}

@-moz-document domain("csdn.net") {
/** 清理无用元素 **/
#content_views pre .signin,
#csdn-toolbar,
.csdn-side-toolbar,
#blogColumnPayAdvert,
.passport-login-container,
.article-info-box,
.blog_container_aside,
.recommend-box,
#pcCommentBox,
#recommendNps,
.template-box,
.more-toolbox-new,
.blog-footer-bottom,
#toolBarBox,
aside,
.signin,
.hide-article-box,
.con-r-tag,
#csdn-toolbar,
#rightAside,
.operating,
.c-gray,
.un-collection,
.read-count,
.article-read-img,
.article-type-img,
.hide-article-box,
.blog-expert-recommend-box,
.recommend-item-box.type_hot_word,
.recommend-ad-box,
.isGreatIcon,
.tool-box,
.meau-gotop-box,
.recommend-end-box,
.login-mark,
.blog_title_box.oneline,
.recommend-item-box::before,
.pulllog-box,
#mainBox > aside,
.more-toolbox,
.comment-box,
.right-message,
.main-login,
.identity-icon,
.show-txt,
.title .flag,
#passportbox,
.column-advert-box,
.article-plan-img,
.article-plan-text,
.up-time,
.article-vip-img,
.article-vip-text,
.hide-preCode-box,
a[data-type='cs'],
a[data-type='report'],
a[data-type='app'],
.passport-login-tip-container,
#treeSkill,
#blogHuaweiyunAdvert,
.bg_sql .bar{
    display: none !important;
}
}