引用美化 /* 引用美化 */ .Post-body pre{font-size:12px;padding:0 10px;border-left:4px solid #929292;border-radius:0} .Post-body blockquote{background:#f7f7f7;color:#444;font-size:14px;padding:10px;border:0;border-left:4px solid #46a4b2;border-radius:0} .aaalert.aaerror .aainner,.aaalert.aainfo .aainner,.aaalert.aasuccess .aainner{font-size:14px;text-align:left;width:80%;margin-left:-8px;padding:5px 10px;border:0;border-radius:0} .aaalert.aaerror .aainner{border-left:4px solid #ff5c5c!important} .aaalert.aasuccess .aainner{border-left:4px solid #58a400!important} .aaalert.aainfo .aainner{border-left:4px solid #569ff7!important} if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 发帖按钮 /* 发帖按钮 */ .IndexPage-newDiscussion { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); color: #fff; background-size: 1800% 1800%; -webkit-animation: rainbow 15s ease infinite; -z-animation: rainbow 15s ease infinite; -o-animation: rainbow 15s ease infinite; animation: rainbow 15s ease infinite; } @-webkit-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-moz-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-o-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 搜索高亮 /* 搜索高亮 */ mark { background: #FFE300 !important; padding: 2px 7px; border-radius: 7px; box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important; margin: 3px; /* margin-left: 2.5px; */ /* margin-right: 2.5px; */ color: black !important; } mark when (@config-dark-mode = true) { background: #0072ff !important; padding: 2px 7px; border-radius: 7px; box-shadow: 0px 1px 5px rgba(0,0,0,0.2) !important; margin: 3px; /* margin-left: 2.5px; */ /* margin-right: 2.5px; */ color: white !important; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 置顶通知 /* 置顶通知 */ .IndexPage-toolbar::after { content: "解压密码在群内获取"; padding: 3px 5px 3px 5px; background-color: @hero-bg; color: @link-color; border-radius: 5px; text-align: center; font-size: 16px; display: block; margin: 5px 0; white-space: pre-wrap; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 欢迎白色阴影(带背景) /* 欢迎白色阴影 */ .WelcomeHero { background: no-repeat center/80% url('//img.fudaoyuan.icu/api/1/random?format=302&webp=true&md=false&scale_min=1.5'); background-size: cover; } .Hero-close i { background: rgba(255, 255, 255, 0.98); border-radius: 50px; padding: 8px 10px; backdrop-filter: blur(10px); } .Hero-close + div { background: rgba(255, 255, 255, 0.8); border-radius: 10px; backdrop-filter: blur(10px); font-family: 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif; padding: 40px 0; }.WelcomeHero { background: no-repeat center/80% url('https://imgapi.cn/api.php?fl=dongman&gs=images'); background-size: cover; } .Hero-close i { background: rgba(255, 255, 255, 0.98); border-radius: 50px; padding: 8px 10px; backdrop-filter: blur(10px); } .Hero-close + div { background: rgba(255, 255, 255, 0.8); border-radius: 10px; backdrop-filter: blur(10px); font-family: 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif; padding: 40px 0; } @media screen and (max-width: 768px){ pre[class*=language-] { padding-left: 0px!important; } } pre[class*=language-] { padding: 0px 0px !important; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 导航栏高斯模糊化 /* 导航栏高斯模糊化 */ @media (min-width:768px) { #header { background:rgba(255,255,255,0.8) !important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(3px); } } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 小细节 /* 玄学优化 */ .DiscussionListItem-title {line-height: 1.9;} /* 移动端隐藏 */ @media screen and (max-width: 1200px) { .item-onlineUsers{display:none!important;} .item-forumStatisticsWidget{display:none!important;} .item-lastDiscussionViewers{display:none!important;} } /* 手机端搜索框优化 */ @media (max-width: 767px){ .item-search { margin-top: 0px!important; margin-bottom: 0px!important; }} /* 修改手机端点击反馈 */ .DiscussionListItem a { -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /* 移除政治元素 */ i[data-name=":flag_tw:"] {visibility:hidden!important;} i[data-name=":flag_hk:"] {visibility:hidden!important;} /* 黑暗模式隐藏一些东西 */ .item-welcomeBox when (@config-dark-mode = true){ display:none!important; } /* 黑暗模式优化 */ .DiscussionHero--colored when (@config-dark-mode = true){ color: #fff!important; } /* 滚动条优化 */ /* 尝试修复一些滚动条的问题 */ html { overflow-y: overlay!important; } body { width: 100vw; overflow: auto; } .item-like .Button--link .Button-label,.item-reply .Button--link .Button-label { display:none; } .item-like .Button:before { font-family:'Font Awesome 5 Free'; font-weight:600; font-size:14px; content:'\f164'; vertical-align:-1px; } .item-reply .Button--link:before { font-family:'Font Awesome 5 Free'; font-weight:600; font-size:15px; content:'\f3e5'; margin-right:4px; vertical-align:-2px; } .item-markAllAsRead{display:none !important;} if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

具体可以前往我的论坛视差哦~ 茶兔社区-点击前往

分享一下自用CSS样式

前排支持😋

Kaite 为什么我用了你的那个发布主题，没任何变化呢，清理缓存也没用。。

啊Q 你之前有加过其他的发布css嘛？你可以把它调到最前面试试

Kaite 我也不知道为什么，我能看到你的样式，之前那个昵称线性变色扩展，我用了也是不管用，我也不知道是不是我环境配置低的原因还是什么

zwshine 已经恢复正常了

Kaite 很好看

谢谢

Kaite网站挂了

感谢贡献！ヾ(≧▽≦*)o

小小白哦他自用的吧

很棒的分享哦 😘