MediaWiki:Common.css:修订间差异
(添加 infotable 信息框样式) |
小 (已保护“MediaWiki:Common.css”([编辑=仅允许管理员](无限期)[移动=仅允许管理员](无限期))) |
||
| (未显示同一用户的2个中间版本) | |||
| 第1行: | 第1行: | ||
/* ===== infotable 信息框样式(2b2t.xin wiki 风格)===== */ | |||
.infotable { | .infotable { | ||
float: right; | float: right; | ||
| 第5行: | 第5行: | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
border: 1px solid #e3e6ef; | border: 1px solid #e3e6ef; | ||
overflow: hidden; | overflow: hidden; | ||
background: #fff; | background: #fff; | ||
| 第12行: | 第11行: | ||
} | } | ||
.infotable-head { | .infotable-head { | ||
background: linear-gradient( | background: linear-gradient(to top, #bcd4ff, #ffffff); | ||
color: # | color: #234785; | ||
padding: 10px 14px; | padding: 10px 14px; | ||
text-align: center; | text-align: center; | ||
font-weight: 700; | font-weight: 700; | ||
font-size: 16px; | font-size: 16px; | ||
border-bottom: 1px solid #cfe0ff; | |||
} | } | ||
.infotable-figure { | .infotable-figure { | ||
| 第28行: | 第28行: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
.infotable-rows { padding: 4px 0; } | .infotable-rows { padding: 4px 0; } | ||
| 第39行: | 第38行: | ||
.infotable-key { flex: 0 0 36%; color: #555; font-weight: 600; } | .infotable-key { flex: 0 0 36%; color: #555; font-weight: 600; } | ||
.infotable-val { flex: 1; } | .infotable-val { flex: 1; } | ||
/* ===== 全站公告条 ===== */ | |||
.site-notice { | |||
background: #fff8e1; | |||
border: 1px solid #f0d488; | |||
border-left: 4px solid #e0a800; | |||
border-radius: 6px; | |||
padding: 10px 14px; | |||
margin: 6px 0 14px; | |||
font-size: 14px; | |||
line-height: 1.6; | |||
} | |||
.site-notice strong { color: #8a6100; margin-right: 6px; } | |||
/* ===== 维护模板提示框 ===== */ | |||
.wiki-msg { | |||
border-radius: 6px; | |||
padding: 8px 14px; | |||
margin: 10px 0; | |||
font-size: 14px; | |||
line-height: 1.6; | |||
clear: both; | |||
} | |||
.wiki-msg-stub { | |||
background: #eef3ff; | |||
border: 1px solid #c9d8f5; | |||
border-left: 4px solid #5b7cfa; | |||
} | |||
.wiki-msg-src { | |||
background: #fff8e1; | |||
border: 1px solid #f0d488; | |||
border-left: 4px solid #e0a800; | |||
} | |||
.wiki-msg-good { | |||
background: #eaf7ee; | |||
border: 1px solid #bfe3c9; | |||
border-left: 4px solid #28a745; | |||
} | |||
/* ===== 信息框在窄屏/移动端自适应 ===== */ | |||
@media (max-width: 720px) { | |||
.infotable { | |||
float: none; | |||
width: 100%; | |||
margin: 0 0 1em 0; | |||
} | |||
} | |||
2026年9月17日 (四) 11:09的最新版本
/* ===== infotable 信息框样式(2b2t.xin wiki 风格)===== */
.infotable {
float: right;
width: 300px;
margin: 0 0 1em 1em;
border: 1px solid #e3e6ef;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
font-size: 14px;
}
.infotable-head {
background: linear-gradient(to top, #bcd4ff, #ffffff);
color: #234785;
padding: 10px 14px;
text-align: center;
font-weight: 700;
font-size: 16px;
border-bottom: 1px solid #cfe0ff;
}
.infotable-figure {
text-align: center;
padding: 12px;
background: #f7f9ff;
border-bottom: 1px solid #eef0f7;
}
.infotable-figure img {
max-width: 100%;
height: auto;
}
.infotable-rows { padding: 4px 0; }
.infotable-row {
display: flex;
padding: 6px 14px;
border-bottom: 1px solid #f0f2f8;
}
.infotable-row:last-child { border-bottom: none; }
.infotable-key { flex: 0 0 36%; color: #555; font-weight: 600; }
.infotable-val { flex: 1; }
/* ===== 全站公告条 ===== */
.site-notice {
background: #fff8e1;
border: 1px solid #f0d488;
border-left: 4px solid #e0a800;
border-radius: 6px;
padding: 10px 14px;
margin: 6px 0 14px;
font-size: 14px;
line-height: 1.6;
}
.site-notice strong { color: #8a6100; margin-right: 6px; }
/* ===== 维护模板提示框 ===== */
.wiki-msg {
border-radius: 6px;
padding: 8px 14px;
margin: 10px 0;
font-size: 14px;
line-height: 1.6;
clear: both;
}
.wiki-msg-stub {
background: #eef3ff;
border: 1px solid #c9d8f5;
border-left: 4px solid #5b7cfa;
}
.wiki-msg-src {
background: #fff8e1;
border: 1px solid #f0d488;
border-left: 4px solid #e0a800;
}
.wiki-msg-good {
background: #eaf7ee;
border: 1px solid #bfe3c9;
border-left: 4px solid #28a745;
}
/* ===== 信息框在窄屏/移动端自适应 ===== */
@media (max-width: 720px) {
.infotable {
float: none;
width: 100%;
margin: 0 0 1em 0;
}
}