模板:单位信息:修订间差异

来自心灵终结资料站
跳转到导航 跳转到搜索
无编辑摘要
标签已被回退
Lyx讨论 | 贡献
无编辑摘要
标签已被回退
第1行: 第1行:
{| class="mw-card-box"
/* --- 单位信息卡片样式 (全局生效) --- */
|-
 
! class="mw-card-header" colspan="2" | {{{标题|}}}
.mw-card-box {
|-
    width: 100% !important;
| colspan="2" class="mw-card-body" |
    background-color: #161b22 !important; /* 改为真正的容器背景色 */
<div class="mw-card-flex">
    border: 1px solid #30363d !important; /* 恢复外边框,防止被全局代码吞掉 */
<div class="mw-card-col">
    border-spacing: 0;
* 价格:{{{价格}}}
    border-collapse: collapse;
* 电力:{{{电力}}}
    table-layout: fixed;
* 耐久度:{{{耐久度}}}
    overflow: hidden;
</div>
    border-radius: 8px;
<div class="mw-card-col">
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
* 建造前提:{{{建造前提}}}
}
* 作用:{{{作用}}}
 
* 护甲类型:{{{护甲类型}}}
.mw-card-header {
</div>
    background-color: #1a1a1a !important;
<div class="mw-card-icon-box">
    color: var(--theme-color, #0077FF) !important;
[[File:{{{图标}}}|frameless|x48px|link=]]
    font-weight: bold;
</div>
    padding: 12px 18px;
</div>
    text-align: left;
|-
    border-bottom: 3px solid var(--theme-color, #0077FF) !important;
! class="mw-card-divider" colspan="2" |
    font-size: 1.2em;
|-
}
| colspan="2" class="mw-card-body" |
 
{{{简介|}}}
.mw-card-body {
|-
    padding: 15px 18px;
| colspan="2" class="mw-card-image-frame" |
    color: #ddd !important;
[[File:{{{图片}}}|600px|center|link=]]
}
<span class="mw-card-caption">{{{图片说明}}}</span>
 
|-
.mw-card-flex {
| colspan="2" class="mw-card-footer" |
    display: flex;
'''附加信息:'''
    justify-content: space-between;
{{{附加信息|}}}
    align-items: flex-start;
|-
    flex-wrap: wrap;
| colspan="2" class="mw-card-code" |
    gap: 15px 30px;
<div class="mw-card-code-divider"></div>
    box-sizing: border-box;
'''游戏数据 (rules.ini):'''
}
<pre class="mw-card-code-block" style="font-family: monospace; white-space: pre-wrap; word-break: break-all; background: transparent; border: none; padding: 20px; margin: 10px 0 0 0; color: inherit;">{{{游戏数据|}}}</pre>
 
|-
.mw-card-col {
| colspan="2" class="mw-card-footer" |
    flex: 1;
<div class="mw-card-code-divider"></div>
    line-height: 1.7;
'''详细知识:'''
    min-width: 120px;
<pre class="mw-card-code-block">{{{详细知识|}}}|{{{详细知识}}}</pre>
    word-break: break-word;
|-
}
| colspan="2" class="mw-card-footer" |
 
<div class="mw-card-code-divider"></div>
.mw-card-icon-box {
'''杂谈:'''
    flex: 0 0 auto;
{{#if:{{{杂谈|}}}|{{{杂谈}}}|* 游戏开发相关的趣闻轶事、彩蛋。<br>* 历史背景原型、玩家社区里的梗和杂谈。}}
    background-color: var(--theme-color, #0077FF) !important;
|}
    padding: 4px 8px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}
 
.mw-card-divider {
    padding: 0;
    border-bottom: 1px solid #30363d !important;
}
 
.mw-card-image-frame {
    text-align: center;
    padding: 15px;
    background-color: transparent !important;
    border: 1px solid #30363d !important; /* 恢复图片框的边框 */
    margin: 0;
}
 
.mw-card-image-frame img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}
 
.mw-card-caption {
    color: #888;
    margin-top: 6px;
    display: block;
}
 
.mw-card-footer {
    padding: 15px 18px;
    line-height: 1.8;
    color: #e6edf3 !important; /* 恢复正常正文颜色,免受全局CSS影响 */
}
 
.mw-card-code {
    padding: 15px 18px;
}
 
.mw-card-code-divider {
    padding: 0;
    border-bottom: 1px solid #30363d !important;
    margin-bottom: 15px;
}
 
/* 修复代码块样式:强制黑底和边框,防止被全局覆盖 */
.mw-card-code-block {
    white-space: pre-wrap;
    word-break: break-all;
    overflow-x: auto;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #0d1117 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
    padding: 20px;
    border-radius: 6px;
}
 
/* 修复代码块中可能出现的乱码链接颜色 */
.mw-card-code-block * {
    color: #e6edf3 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
 
/* 移动端优化 */
@media screen and (max-width: 800px) {
    .mw-card-header {
        padding: 10px 12px;
        font-size: 1.1em;
    }
    .mw-card-flex {
        flex-direction: column;
        gap: 10px;
    }
    .mw-card-icon-box {
        align-self: flex-end;
    }
}

2026年8月27日 (四) 22:43的版本

/* --- 单位信息卡片样式 (全局生效) --- */

.mw-card-box {

   width: 100% !important;
   background-color: #161b22 !important; /* 改为真正的容器背景色 */
   border: 1px solid #30363d !important; /* 恢复外边框,防止被全局代码吞掉 */
   border-spacing: 0;
   border-collapse: collapse;
   table-layout: fixed;
   overflow: hidden;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

}

.mw-card-header {

   background-color: #1a1a1a !important;
   color: var(--theme-color, #0077FF) !important;
   font-weight: bold;
   padding: 12px 18px;
   text-align: left;
   border-bottom: 3px solid var(--theme-color, #0077FF) !important;
   font-size: 1.2em;

}

.mw-card-body {

   padding: 15px 18px;
   color: #ddd !important;

}

.mw-card-flex {

   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
   gap: 15px 30px;
   box-sizing: border-box;

}

.mw-card-col {

   flex: 1;
   line-height: 1.7;
   min-width: 120px;
   word-break: break-word;

}

.mw-card-icon-box {

   flex: 0 0 auto;
   background-color: var(--theme-color, #0077FF) !important;
   padding: 4px 8px;
   border-radius: 3px;
   display: flex;
   align-items: center;

}

.mw-card-divider {

   padding: 0;
   border-bottom: 1px solid #30363d !important;

}

.mw-card-image-frame {

   text-align: center;
   padding: 15px;
   background-color: transparent !important;
   border: 1px solid #30363d !important; /* 恢复图片框的边框 */
   margin: 0;

}

.mw-card-image-frame img {

   max-width: 100% !important;
   height: auto !important;
   display: block;
   margin: 0 auto;
   border-radius: 4px;

}

.mw-card-caption {

   color: #888;
   margin-top: 6px;
   display: block;

}

.mw-card-footer {

   padding: 15px 18px;
   line-height: 1.8;
   color: #e6edf3 !important; /* 恢复正常正文颜色,免受全局CSS影响 */

}

.mw-card-code {

   padding: 15px 18px;

}

.mw-card-code-divider {

   padding: 0;
   border-bottom: 1px solid #30363d !important;
   margin-bottom: 15px;

}

/* 修复代码块样式:强制黑底和边框,防止被全局覆盖 */ .mw-card-code-block {

   white-space: pre-wrap;
   word-break: break-all;
   overflow-x: auto;
   max-width: 100%;
   box-sizing: border-box;
   background-color: #0d1117 !important;
   border: 1px solid #30363d !important;
   color: #e6edf3 !important;
   padding: 20px;
   border-radius: 6px;

}

/* 修复代码块中可能出现的乱码链接颜色 */ .mw-card-code-block * {

   color: #e6edf3 !important;
   text-decoration: none !important;
   text-shadow: none !important;

}

/* 移动端优化 */ @media screen and (max-width: 800px) {

   .mw-card-header {
       padding: 10px 12px;
       font-size: 1.1em;
   }
   .mw-card-flex {
       flex-direction: column;
       gap: 10px;
   }
   .mw-card-icon-box {
       align-self: flex-end;
   }

}