模板:驱动图鉴/基本信息:修订间差异
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的9个中间版本) | |||
第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
< | <div class="item-container"> | ||
< | <div class="item-header"> | ||
<div class="item-image"> | |||
< | {{驱动图鉴/立绘}} | ||
<div class=" | </div> | ||
<div class="item-info"> | |||
<div class="item-title">{{#var:驱动名称国服}}</div> | |||
<div class="item-rarity">{{图标居左30px|{{#var:稀有度}}|隐藏名字=是}}</div> | |||
<div class="item-description">{{#var:一句话介绍}}</div> | |||
</div> | |||
</div> | |||
<div class="item-details"> | |||
<table> | |||
<tr><th>名称</th><td>{{#var:驱动名称国服}} {{#var:驱动名称日服}}</td></tr> | |||
<tr><th>2件套效果</th><td>{{#var:2件套效果}}</td></tr> | |||
<tr><th>4件套效果</th><td>{{#var:4件套效果}}</td></tr> | |||
</table> | |||
</div> | |||
</div> | </div> | ||
{{#css: | |||
.tabber{ | |||
width: 166px; | |||
} | |||
< | .item-container { | ||
<!-- width: 1200px; --> | |||
width: 95%; | |||
margin: 20px auto; | |||
background: linear-gradient(to bottom, #333333, #12121A); /* 修改渐变背景适应深色背景 */ | |||
box-shadow: 0px 6px 12px rgba(255, 255, 255, 0.1); /* 浅色的阴影增加立体感 */ | |||
border-radius: 10px; | |||
border: 1px solid #2b2b2b; /* 浅色边框以强调边界 */ | |||
overflow: hidden; | |||
} | |||
.item-header { | |||
display: flex; | |||
justify-content: start; | |||
align-items: center; | |||
padding: 20px; | |||
} | |||
.item-image img { | |||
width: 150px; | |||
height: 150px; | |||
border-radius: 50%; | |||
border: 4px solid #555; | |||
} | |||
.item-info { | |||
margin-left: 20px; | |||
} | |||
{ | .item-title { | ||
font-size: 36px; | |||
font-weight: bold; | |||
} | } | ||
. | |||
.item-rarity { | |||
font-size: 20px; | |||
color: gold; | |||
font-weight: bold; | |||
margin: 10px 0; | |||
} | } | ||
. | .item-description { | ||
font-size: 17px; | |||
width: 100%; | |||
} | } | ||
. | .item-details table { | ||
width: 100%; | width: 100%; | ||
background: #222; /* Darker background for the table */ | |||
color: white; | |||
margin-top: 20px; | |||
border-collapse: collapse; | |||
} | } | ||
.item-details th, .item-details td { | |||
padding: 12px 50px; /* Increased left and right padding */ | |||
border-bottom: 1px solid #444; /* Subtle borders for each row */ | |||
} | |||
.item-details th { | |||
background: #333; /* Dark header background */ | |||
font-size: 16px; | |||
text-align: center; | |||
width: 30%; | |||
} | |||
.item-details td { | |||
text-align: left; | |||
font-size: 14px; | |||
width: 70%; | |||
} | |||
/* 基本样式适用于桌面版 */ | |||
/* 响应式调整用于移动设备 */ | |||
@media screen and (max-width: 768px) { | |||
.item-container { | |||
width: 100%; /* 使用全屏宽度 */ | |||
} | |||
.item-header { | |||
flex-direction: column; /* 项目垂直排列 */ | |||
align-items: center; /* 居中对齐 */ | |||
} | |||
.item-image img { | |||
width: 120px; /* 减小图片尺寸 */ | |||
height: 120px; | |||
} | |||
.item-info { | |||
margin-left: 0; | |||
text-align: center; /* 文本居中 */ | |||
} | |||
.item-details th, .item-details td { | |||
padding: 8px; /* 减小内边距 */ | |||
} | |||
.item-details th { | |||
font-size: 14px; /* 减小字体大小 */ | |||
} | |||
.item-details td { | |||
font-size: 12px; | |||
} | |||
.item-rarity { | |||
display: flex; | |||
justify-content: center !important; | |||
} | |||
} | |||
}} | }} | ||
</includeonly><noinclude> | |||
{{设定参数 | {{设定参数 | ||
|驱动名称= | |驱动名称=刺客歌谣 | ||
}}{{驱动图鉴/ | |驱动名称日服=Assassin's Ballad | ||
|驱动名称国服=刺客歌谣 | |||
|稀有度=A,B | |||
|一句话介绍=孤独流浪者最喜爱的 Drive Disc。它由商店中值得信赖的客户秘密刻录。 | |||
|2件套效果=增加攻击力 10%。 | |||
|4件套效果=当目标生命值大于等于50%时,装备者伤害提升30%。 | |||
}}{{驱动图鉴/基本信息}} |
2024年7月3日 (三) 19:12的最新版本
刺客歌谣
孤独流浪者最喜爱的 Drive Disc。它由商店中值得信赖的客户秘密刻录。
名称 | 刺客歌谣 Assassin's Ballad |
---|---|
2件套效果 | 增加攻击力 10%。 |
4件套效果 | 当目标生命值大于等于50%时,装备者伤害提升30%。 |