MediaWiki:Common.css：修订间差异

2026年8月27日 (四) 12:41的版本

/* ===== 全局暗色主题 ===== */
body {
    background-color: #0d1117;
    color: #e6edf3;
}

/* ===== 内容区域 ===== */
.mw-body,
.vector-body {
    background-color: #161b22;
    color: #e6edf3;
    border-color: #30363d;
}

/* ===== 标题 ===== */
h1, h2, h3, h4, h5, h6 {
    color: #f0f6fc;
    border-bottom-color: #30363d;
}

/* ===== 链接 ===== */
a {
    color: #58a6ff;
}
a:visited {
    color: #8e8ef0;
}
a:hover {
    color: #79c0ff;
}

/* ===== 侧边栏 ===== */
#mw-panel {
    background-color: #0d1117;
    border-right-color: #30363d;
}
#mw-panel .portal .body {
    background: transparent;
}

/* ===== 搜索框 ===== */
#p-search input[type="search"] {
    background-color: #0d1117;
    border-color: #30363d;
    color: #e6edf3;
}
#p-search input[type="search"]:focus {
    border-color: #58a6ff;
    background-color: #0d1117;
}

/* ===== 导航和工具栏 ===== */
#mw-navigation {
    background-color: #0d1117;
}
#mw-head {
    background-color: #161b22;
    border-bottom-color: #30363d;
}
.vector-menu-tabs li {
    background-color: #161b22;
    border-color: #30363d;
}
.vector-menu-tabs li a {
    color: #e6edf3;
}
.vector-menu-tabs li.selected {
    background-color: #0d1117;
}

/* ===== 用户菜单 ===== */
#p-personal li a {
    color: #e6edf3;
}
#p-personal li a:hover {
    color: #79c0ff;
}

/* ===== 内容框 / 消息框 ===== */
.mw-message-box,
.messagebox,
.alert,
.notice,
.warning,
.infobox {
    background-color: #1c2128;
    border-color: #30363d;
    color: #e6edf3;
}

/* ===== 表格 ===== */
table.wikitable,
table.infobox,
table.prettytable {
    background-color: #161b22;
    border-color: #30363d;
    color: #e6edf3;
}
table.wikitable th,
table.infobox th {
    background-color: #21262d;
    color: #f0f6fc;
}
table.wikitable td,
table.infobox td {
    border-color: #30363d;
}

/* ===== 代码和预格式化 ===== */
code,
pre,
.mw-code {
    background-color: #0d1117;
    border-color: #30363d;
    color: #e6edf3;
}
pre {
    background-color: #0d1117;
    border: 1px solid #30363d;
}

/* ===== 引用和脚注 ===== */
.reflist,
.references {
    background-color: #161b22;
    border-top-color: #30363d;
}
.mw-cite-backlink a {
    color: #58a6ff;
}

/* ===== 编辑区域 ===== */
#wpTextbox1,
#wpSummary,
.editform input[type="text"] {
    background-color: #0d1117;
    border-color: #30363d;
    color: #e6edf3;
}
#wpTextbox1:focus,
#wpSummary:focus {
    border-color: #58a6ff;
}

/* ===== 差异对比 ===== */
td.diff-context {
    background-color: #161b22;
    color: #e6edf3;
}
td.diff-deletedline {
    background-color: #2d1b1b;
    color: #f0a0a0;
}
td.diff-addedline {
    background-color: #1b2d1b;
    color: #a0f0a0;
}
.diff td {
    border-color: #30363d;
}

/* ===== 分类 ===== */
#catlinks {
    background-color: #161b22;
    border-color: #30363d;
}

/* ===== 近期更改 / 日志 ===== */
.mw-changeslist {
    background-color: #161b22;
}
.mw-changeslist .mw-tag-marker {
    background-color: #21262d;
    color: #e6edf3;
}

/* ===== 信息框模板（基础） ===== */
.infobox {
    background-color: #1c2128;
    border: 1px solid #30363d;
}
.infobox th,
.infobox td {
    border-color: #30363d;
}

/* ===== 特殊页面 ===== */
.specialpage {
    background-color: #161b22;
}
#mw-content-text .mw-specialpage-table {
    background-color: #161b22;
    border-color: #30363d;
}

/* ===== 滚动条美化（可选，WebKit） ===== */
::-webkit-scrollbar {
    background: #0d1117;
}
::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}

/* ===== 其他杂项 ===== */
#footer {
    background-color: #0d1117;
    border-top-color: #30363d;
    color: #8b949e;
}
#footer a {
    color: #58a6ff;
}
.mw-echo-ui-notificationItemWidget {
    background-color: #161b22;
    border-color: #30363d;
}












/* --- 通用信息卡片样式 (基于 CSS 变量) --- */

/* 1. 卡片外层容器 */
.mw-card-box {
    width: 100%;
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 0;
    border-spacing: 0;
}

/* 2. 标题区 (颜色跟随变量) */
.mw-card-header {
    background-color: #f4f8fc;
    color: #000;
    font-weight: bold;
    padding: 12px 18px;
    text-align: left;
    border-bottom: 3px solid var(--theme-color, #0077FF);
    font-size: 1.2em;
}

/* 3. 基础数据区 */
.mw-card-body {
    padding: 15px 18px;
    background-color: #ffffff;
}

/* 4. 数据区内部弹性布局 */
.mw-card-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px 30px;
}

.mw-card-col {
    flex: 1;
    line-height: 1.7;
    min-width: 120px;
}

/* 5. 右上角图标区 */
.mw-card-icon-box {
    flex: 0 0 auto;
    background-color: var(--theme-color, #0077FF);
    padding: 4px 8px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

/* 6. 内容区分割线 */
.mw-card-divider {
    padding: 0;
    border-bottom: 1px solid #eaecf0;
}

/* 7. 图片/截图展示区 */
.mw-card-image-frame {
    text-align: center;
    padding: 15px;
    background-color: var(--theme-bg, #f2f7fb);
    border: 1px solid var(--theme-color, #0077FF);
    margin: 0;
}

.mw-card-image-frame img {
    max-width: 100%;
    height: auto;
}

.mw-card-caption {
    color: #666;
    margin-top: 6px;
    display: block;
}

/* 8. 底部附加信息区 */
.mw-card-footer {
    padding: 15px 18px;
    background-color: #ffffff;
    line-height: 1.8;
}

/* 9. 游戏代码 INI 展示区 */
.mw-card-code {
    padding: 15px 18px;
    background-color: #ffffff;
}

.mw-card-code-divider {
    padding: 0;
    border-bottom: 1px solid #eaecf0;
    margin-bottom: 15px;
}