MediaWiki:Common.css:修订间差异
外观
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 简中Robloxian Wiki | /* ======================================== | ||
简中Robloxian Wiki — 亮色:清新淡绿 | |||
暗色:构成主义黑红(自动跟随系统) | |||
======================================== */ | |||
/* ---------- 基础 ---------- */ | |||
html { | html { | ||
background-color: # | background-color: #e6f5e6; | ||
} | } | ||
| 第11行: | 第14行: | ||
.mw-page-container, | .mw-page-container, | ||
#bodyContent { | #bodyContent { | ||
background-color: # | background-color: #e6f5e6 !important; | ||
color: # | color: #1a1a1a; | ||
font-family: 'Helvetica Neue', 'Arial', 'Noto Sans SC', 'Microsoft YaHei', sans-serif; | font-family: 'Helvetica Neue', 'Arial', 'Noto Sans SC', 'Microsoft YaHei', sans-serif; | ||
} | } | ||
| 第20行: | 第23行: | ||
} | } | ||
/* | /* ---------- 布局 ---------- */ | ||
.chanmoegrid { | .chanmoegrid { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 20px; | ||
max-width: 1200px; | max-width: 1200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: | padding: 20px; | ||
} | } | ||
.chanmoecard { | .chanmoecard { | ||
background: # | background: #ffffff; | ||
border-radius: | border-radius: 20px; | ||
box-shadow: | box-shadow: 0 6px 16px rgba(0,0,0,0.05); | ||
padding: 24px; | padding: 24px; | ||
border: 2px solid | border: 2px solid transparent; | ||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
} | } | ||
.chanmoecard:hover { | .chanmoecard:hover { | ||
border-color: #a5d6a7; | |||
border-color: # | |||
} | } | ||
.chanmoe-welcome { | .chanmoe-welcome { | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
background: # | background: linear-gradient(135deg, #c8e6c9, #dcedc1); | ||
color: # | color: #1f3b1f; | ||
text-align: center; | text-align: center; | ||
border-radius: | border-radius: 24px; | ||
padding: | padding: 36px 24px; | ||
} | } | ||
.chanmoe-main { | .chanmoe-main { | ||
flex: 2; | flex: 2; | ||
| 第145行: | 第65行: | ||
} | } | ||
/* | /* ---------- 欢迎区 ---------- */ | ||
. | .welcome-title { | ||
font-size: | font-size: 2em; | ||
font-weight: | font-weight: bold; | ||
margin | margin: 10px 0; | ||
} | } | ||
. | .welcome-sub { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
background: linear-gradient(90deg, #4CAF50, #2196F3); | |||
-webkit-background-clip: text; | |||
background-clip: text; | |||
color: transparent; | |||
font-weight: 500; | |||
margin: 0; | |||
} | |||
.ascii-divider { | |||
color: #a5d6a7; | |||
font-family: monospace; | |||
text-align: center; | |||
font-size: 0.9em; | |||
margin: 14px 0; | |||
} | |||
.welcome-nav { | |||
margin-top: 16px; | |||
} | |||
/* ---------- 标题 ---------- */ | |||
.chanmoe-title { | |||
font-size: 1.3em; | |||
font-weight: bold; | |||
margin-bottom: 14px; | |||
padding-bottom: 10px; | |||
border-bottom: 3px dashed #80cbc4; | |||
color: #0066cc; | |||
} | } | ||
/* | /* ---------- 按钮 ---------- */ | ||
.chanboard-grid { | .chanboard-grid { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
} | } | ||
.chanboard-btn { | .chanboard-btn { | ||
background: | background: #e8f5e9; | ||
padding: 10px | padding: 10px 18px; | ||
border-radius: | border-radius: 30px; | ||
color: # | color: #0066cc; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: | font-weight: bold; | ||
font-family: | font-family: "Courier New", monospace; | ||
box-shadow: | box-shadow: 0 2px 6px rgba(0,0,0,0.05); | ||
display: inline-block; | display: inline-block; | ||
transition: all 0. | transition: all 0.2s; | ||
border: none; | |||
} | } | ||
| 第195行: | 第128行: | ||
color: inherit; | color: inherit; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.chanboard-btn:hover { | .chanboard-btn:hover { | ||
background: # | background: #b9f6ca; | ||
color: # | color: #000; | ||
transform: translateY(-2px); | |||
transform: | |||
} | } | ||
/* | /* ---------- 新闻 ---------- */ | ||
.chanmoe-news { | |||
padding: 0; | |||
overflow: hidden; | |||
} | |||
.chanmoe-news .chanmoe-title { | |||
background: #e6f4e6; | |||
padding: 12px 20px; | |||
margin: 0; | |||
border-bottom: 1px dashed #88cccc; | |||
border-radius: 20px 20px 0 0; | |||
} | |||
.news-list { | |||
padding: 18px 22px; | |||
line-height: 1.6; | |||
} | |||
.news-item { | |||
margin-bottom: 14px; | |||
padding-bottom: 14px; | |||
border-bottom: 1px solid #e0e0e0; | |||
} | |||
.news-item:last-child { | |||
margin-bottom: 0; | |||
padding-bottom: 0; | |||
border-bottom: none; | |||
} | |||
.news-date { | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
color: #662222; | |||
margin-bottom: 6px; | |||
} | |||
.news-body { | |||
color: #333; | |||
} | |||
.news-footer { | |||
text-align: right; | |||
padding: 10px 20px; | |||
background: #e6f4e6; | |||
border-top: 1px dashed #88cccc; | |||
font-size: 0.9em; | |||
} | |||
.news-footer a { | |||
color: #0066cc; | |||
text-decoration: none; | |||
} | |||
/* ---------- 列表 ---------- */ | |||
.chanlist { | .chanlist { | ||
list-style: none; | list-style: none; | ||
| 第215行: | 第199行: | ||
.chanlist li { | .chanlist li { | ||
padding: | padding: 8px 0; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #e0e0e0; | ||
font-size: 0.95em; | font-size: 0.95em; | ||
} | } | ||
| 第240行: | 第209行: | ||
.chanlist a { | .chanlist a { | ||
color: # | color: #0066cc; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: | font-weight: bold; | ||
} | } | ||
.chanlist a:hover { | .chanlist a:hover { | ||
color: #003c8f; | |||
text-decoration: underline; | |||
} | |||
/* ---------- 留言 ---------- */ | |||
.chanpost { | |||
background: #f1f8e9; | |||
border-radius: 12px; | |||
padding: 14px; | |||
margin-top: 10px; | |||
border-left: 4px solid #66bb6a; | |||
line-height: 1.6; | |||
} | |||
.post-no { | |||
color: #757575; | |||
font-size: 0.85em; | |||
font-weight: bold; | |||
display: block; | |||
margin-bottom: 4px; | |||
} | |||
.side-note { | |||
font-size: 0.85em; | |||
margin: 10px 0 0; | |||
color: #555; | |||
} | |||
.chanpost-empty { | |||
padding: 24px; | |||
text-align: center; | |||
color: #888; | |||
font-weight: bold; | |||
} | |||
/* ---------- 冒犯提示条 ---------- */ | |||
.chanmoe-offense-bar { | |||
margin-top: 20px; | |||
padding: 12px 18px; | |||
border-radius: 10px; | |||
text-align: center; | |||
border: 1px solid #c8e6c9; | |||
font-size: 0.95em; | |||
background: rgba(255,255,255,0.4); | |||
color: #333; | |||
} | |||
.chanmoe-offense-bar a { | |||
color: #c41e3a; | color: #c41e3a; | ||
font-weight: bold; | |||
} | } | ||
. | /* ---------- 你知道吗 ---------- */ | ||
padding- | .chanmoe-dyk { | ||
padding-bottom: 16px; | |||
} | } | ||
. | .dyk-list { | ||
padding: 4px 2px; | |||
} | } | ||
.dyk-item { | |||
. | display: flex; | ||
background: # | align-items: flex-start; | ||
border-radius: | gap: 14px; | ||
padding: 14px; | |||
margin-bottom: 10px; | |||
background: #f8faf8; | |||
border-radius: 12px; | |||
border-left: 4px solid #4CAF50; | |||
transition: all 0.2s ease; | |||
} | |||
.dyk | |||
2026年5月29日 (五) 20:11的版本
/* ========================================
简中Robloxian Wiki — 亮色:清新淡绿
暗色:构成主义黑红(自动跟随系统)
======================================== */
/* ---------- 基础 ---------- */
html {
background-color: #e6f5e6;
}
body,
#content,
.mw-body,
.mw-page-container,
#bodyContent {
background-color: #e6f5e6 !important;
color: #1a1a1a;
font-family: 'Helvetica Neue', 'Arial', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
}
.mw-parser-output {
background: transparent;
}
/* ---------- 布局 ---------- */
.chanmoegrid {
display: flex;
flex-wrap: wrap;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.chanmoecard {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
padding: 24px;
border: 2px solid transparent;
transition: all 0.2s ease;
}
.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: 36px 24px;
}
.chanmoe-main {
flex: 2;
min-width: 280px;
}
.chanmoe-side {
flex: 1;
min-width: 250px;
}
/* ---------- 欢迎区 ---------- */
.welcome-title {
font-size: 2em;
font-weight: bold;
margin: 10px 0;
}
.welcome-sub {
font-size: 1.1em;
background: linear-gradient(90deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 500;
margin: 0;
}
.ascii-divider {
color: #a5d6a7;
font-family: monospace;
text-align: center;
font-size: 0.9em;
margin: 14px 0;
}
.welcome-nav {
margin-top: 16px;
}
/* ---------- 标题 ---------- */
.chanmoe-title {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 14px;
padding-bottom: 10px;
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);
display: inline-block;
transition: all 0.2s;
border: none;
}
.chanboard-btn a {
color: inherit;
text-decoration: none;
}
.chanboard-btn:hover {
background: #b9f6ca;
color: #000;
transform: translateY(-2px);
}
/* ---------- 新闻 ---------- */
.chanmoe-news {
padding: 0;
overflow: hidden;
}
.chanmoe-news .chanmoe-title {
background: #e6f4e6;
padding: 12px 20px;
margin: 0;
border-bottom: 1px dashed #88cccc;
border-radius: 20px 20px 0 0;
}
.news-list {
padding: 18px 22px;
line-height: 1.6;
}
.news-item {
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #e0e0e0;
}
.news-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.news-date {
font-size: 1.1em;
font-weight: bold;
color: #662222;
margin-bottom: 6px;
}
.news-body {
color: #333;
}
.news-footer {
text-align: right;
padding: 10px 20px;
background: #e6f4e6;
border-top: 1px dashed #88cccc;
font-size: 0.9em;
}
.news-footer a {
color: #0066cc;
text-decoration: none;
}
/* ---------- 列表 ---------- */
.chanlist {
list-style: none;
margin: 0;
padding: 0;
}
.chanlist li {
padding: 8px 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: 14px;
margin-top: 10px;
border-left: 4px solid #66bb6a;
line-height: 1.6;
}
.post-no {
color: #757575;
font-size: 0.85em;
font-weight: bold;
display: block;
margin-bottom: 4px;
}
.side-note {
font-size: 0.85em;
margin: 10px 0 0;
color: #555;
}
.chanpost-empty {
padding: 24px;
text-align: center;
color: #888;
font-weight: bold;
}
/* ---------- 冒犯提示条 ---------- */
.chanmoe-offense-bar {
margin-top: 20px;
padding: 12px 18px;
border-radius: 10px;
text-align: center;
border: 1px solid #c8e6c9;
font-size: 0.95em;
background: rgba(255,255,255,0.4);
color: #333;
}
.chanmoe-offense-bar a {
color: #c41e3a;
font-weight: bold;
}
/* ---------- 你知道吗 ---------- */
.chanmoe-dyk {
padding-bottom: 16px;
}
.dyk-list {
padding: 4px 2px;
}
.dyk-item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 14px;
margin-bottom: 10px;
background: #f8faf8;
border-radius: 12px;
border-left: 4px solid #4CAF50;
transition: all 0.2s ease;
}
.dyk