MediaWiki:Common.css
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* ========== 简中Robloxian Wiki 全局样式 ========== */
/* 强制全站淡绿色背景 */
body,
#content,
.mw-body,
.mw-page-container,
#bodyContent {
background-color: #e6f5e6 !important;
}
html {
background-color: #e6f5e6;
}
.mw-parser-output {
background: transparent;
}
/* ---------- 版块布局 ---------- */
.chanmoegrid {
display: flex;
flex-wrap: wrap;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.chanmoe-main {
flex: 2;
min-width: 280px;
}
.chanmoe-side {
flex: 1;
min-width: 250px;
}
/* ---------- 卡片基类 ---------- */
.chanmoecard {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
padding: 25px;
border: 2px solid transparent;
}
.chanmoecard:hover {
border-color: #a5d6a7;
}
/* ---------- 欢迎横幅 ---------- */
.chanmoe-welcome {
flex: 1 1 100%;
background: linear-gradient(135deg, #c8e6c9, #dcedc1);
color: #1f3b1f;
text-align: center;
border-radius: 24px;
padding: 35px 20px;
}
/* ---------- 版块标题 ---------- */
.chanmoe-title {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 3px dashed #80cbc4;
color: #0066cc;
}
/* ---------- 按钮网格 ---------- */
.chanboard-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.chanboard-btn {
background: #e8f5e9;
padding: 10px 18px;
border-radius: 30px;
color: #0066cc;
text-decoration: none;
font-weight: bold;
font-family: "Courier New", monospace;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.chanboard-btn:hover {
background: #b9f6ca;
color: #000;
}
/* ---------- 工具列表 ---------- */
.chanlist {
list-style: none;
margin: 0;
padding: 0;
}
.chanlist li {
padding: 6px 0;
border-bottom: 1px solid #e0e0e0;
font-size: 0.95em;
}
.chanlist li:last-child {
border-bottom: none;
}
.chanlist a {
color: #0066cc;
text-decoration: none;
font-weight: bold;
}
.chanlist a:hover {
color: #003c8f;
text-decoration: underline;
}
/* ---------- 帖子卡片（留言、推荐条目等） ---------- */
.chanpost {
background: #f1f8e9;
border-radius: 12px;
padding: 12px 15px;
margin-top: 10px;
border-left: 4px solid #66bb6a;
}
.chanpost .post-no {
color: #757575;
font-size: 0.8em;
}
/* ASCII 分隔线 */
.ascii-divider {
color: #a5d6a7;
font-family: monospace;
text-align: center;
font-size: 0.9em;
margin: 10px 0;
}
/* 冒犯提示条 */
.chanmoe-offense-bar {
color: #2e5a2e;
background: rgba(200, 230, 200, 0.15);
}
.chanmoe-offense-bar a {
color: #c7254e;
font-weight: bold;
}
/* ---------- 新闻区专用类（亮色默认样式已在 HTML 内联，这里只做暗色覆盖） ---------- */
.chanmoe-news-box { /* 仅用于暗色覆盖，不写默认值 */ }
.chanmoe-news-header { }
.chanmoe-news-body { }
.chanmoe-news-footer { }
.chanmoe-news-date { }
.chanmoe-news-item { }
/* 推荐条目、工具、留言辅助类（同样只用于暗色） */
.chanmoe-featured { }
.chanmoe-toolcard { }
.chanmoe-messagecard { }
/* 响应式 */
@media (max-width: 768px) {
.chanmoegrid {
flex-direction: column;
}
}
/* ========== 系统暗色模式（暗紫色版）========== */
@media (prefers-color-scheme: dark) {
/* --- 全局背景与文字 --- */
html, body, #content, .mw-body, .mw-page-container, #bodyContent, .mw-parser-output {
background-color: #1e1a2f !important;
color: #e0d6e0 !important;
}
/* 覆盖 MediaWiki 常见文字元素 */
.mw-body p, .mw-body li, .mw-body td, .mw-body th,
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6,
#firstHeading, .mw-page-title-main,
.mw-parser-output p, .mw-parser-output li, .mw-parser-output h2, .mw-parser-output h3 {
color: #e0d6e0;
}
/* 通用链接 */
a { color: #ce93d8; }
a:hover { color: #f3e5f5; }
a:visited { color: #b39ddb; }
/* --- 卡片基类 --- */
.chanmoecard,
.chanmoe-featured,
.chanmoe-toolcard,
.chanmoe-messagecard {
background: #2b2438 !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
border-color: #4a3b5c;
}
.chanmoecard:hover {
border-color: #ab47bc;
}
/* --- 欢迎横幅 --- */
.chanmoe-welcome {
background: linear-gradient(135deg, #3d2c4a, #5c3f6b);
color: #f3e5f5;
}
/* --- 区块标题 --- */
.chanmoe-title {
color: #ce93d8;
border-bottom-color: #ab47bc;
}
/* --- 按钮网格 --- */
.chanboard-btn {
background: #3d2c4a;
color: #d1c4e9;
box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.chanboard-btn:hover {
background: #5c3f6b;
color: #fff;
}
/* --- 工具列表 --- */
.chanlist li { border-bottom-color: #4a3b5c; }
.chanlist a { color: #d1c4e9; }
.chanlist a:hover { color: #f3e5f5; }
/* --- 帖子卡片 --- */
.chanpost {
background: #332940;
border-left-color: #ab47bc;
color: #e0d6e0;
}
.chanpost .post-no { color: #bdbdbd; }
/* --- ASCII 分隔线 --- */
.ascii-divider { color: #ce93d8; }
/* --- 新闻区（基于类名）--- */
.chanmoe-news-box {
background: #2b2438 !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
}
.chanmoe-news-header {
background: linear-gradient(180deg, #3d2c4a, #4e3a5c) !important;
color: #ce93d8 !important;
border-bottom-color: #ab47bc !important;
}
.chanmoe-news-body {
background: #2b2438 !important;
color: #e0d6e0;
}
.chanmoe-news-footer {
background: #3d2c4a !important;
border-top-color: #ab47bc !important;
color: #ce93d8;
}
.chanmoe-news-date {
color: #f3e5f5 !important;
}
.chanmoe-news-item {
border-bottom-color: #4a3b5c !important;
}
/* --- 留言区 Anonymous 徽章暗色重绘 --- */
.chanpost span[style*="background:#88cccc"] {
background: #ab47bc !important;
color: white;
}
/* --- 冒犯提示条 --- */
.chanmoe-offense-bar {
background: rgba(60, 40, 70, 0.4) !important;
border-color: #5c3f6b !important;
color: #cfc3d6;
}
.chanmoe-offense-bar a { color: #f48fb1; }
}