MediaWiki:Common.css
跳转到导航
跳转到搜索
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 图标列 - 自适应宽度 */
.wikitable .icon-cell {
width: 1%;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}
/* 图标容器 - 固定大小并居中裁剪大图 */
.wikitable .icon-cell img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
margin: 0 auto;
}
/* ===== 战略配备 - 引用卡片样式 ===== */
.stratagem-card {
flex: 1;
border: 2px solid #ffd700;
border-radius: 8px;
padding: 16px 20px;
/* 暖灰深色渐变 - 从深灰到暖黑 */
background: linear-gradient(160deg, #2a2a2a, #1a1a1a, #121212);
color: #fff;
font-family: Arial, sans-serif;
}
.stratagem-badge {
font-size: 18px;
color: #ffd700;
font-weight: bold;
margin-bottom: -6px;
}
.stratagem-title {
font-size: 28px;
font-weight: bold;
margin-top: 8px;
}
.stratagem-desc {
font-size: 14px;
color: #aaa;
}
/* common.css */
.stratagem-table {
border-collapse: collapse;
width: 100%;
font-size: 18px;
}
.stratagem-table td {
padding: 6px 8px;
border: none;
vertical-align: middle;
}
.stratagem-table tr {
border-top: 1px solid #333;
}
.stratagem-table tr:first-child {
border-top: none;
}
/* "数据"和"满级舰船模块"保持灰色 */
.label-main {
color: #888;
}
/* "呼叫时间""使用次数""冷却时间"白色 */
/* 标签颜色条 */
.label-sub {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.label-sub .color-bar {
display: inline-block;
width: 6px;
height: 1em;
background: #ffffff;
flex-shrink: 0;
margin-right: 4px;
transform: translateY(-1px); /* 上移2px,如果还不够就继续加大数值 */
}
/* 数值列白色加粗 */
.stratagem-table td:nth-child(2),
.stratagem-table td:nth-child(4),
.stratagem-table td:nth-child(6) {
color: #fff;
font-weight: bold;
text-align: right;
}
/* ===== 战略配备弹头属性表格样式 ===== */
.table-stratagem {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}
.table-stratagem .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}
.table-stratagem .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}
.table-stratagem .header-col-left {
border-right: 1px solid #ccc;
}
.table-stratagem .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
.table-stratagem .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}
.table-stratagem .cell-value .main-value {
font-weight: bold;
}
.table-stratagem .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}