模板:角色图鉴/影画:修订间差异
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的15个中间版本) | |||
第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
<div class=" | <includeonly><h2> {{#var:角色名称国服}} 影画 </h2> | ||
<center> | |||
<div class="weapon-yinghua-item-container"> | |||
<div class="soc-focus-c"> | <div class="soc-focus-c"> | ||
<div class="soc-swiper-container"> | <div class="soc-swiper-container"> | ||
<div class="swiper-wrapper"> | <div class="swiper-wrapper"> | ||
<div class="swiper-slide"> | <div class="swiper-slide"> | ||
[[File:{{#var:角色名称国服}}-影画1.png|link=]]<div class="title">影画1</div> | |||
</div> | </div> | ||
{{#ifexist: File:{{#var:角色名称国服}}-影画2.png|<div class="swiper-slide"> | |||
[[File:{{#var:角色名称国服}}-影画2.png|link=]]<div class="title">影画2</div> | |||
</div>}} | |||
{{#ifexist: File:{{#var:角色名称国服}}-影画3.png|<div class="swiper-slide"> | |||
[[File:{{#var:角色名称国服}}-影画3.png|link=]]<div class="title">影画3</div> | |||
</div>}} | |||
</div> | </div> | ||
<div class="soc-swiper-pagination"></div> | <div class="soc-swiper-pagination"></div> | ||
第20行: | 第22行: | ||
</div> | </div> | ||
</div> | </div> | ||
</center> | |||
{{#CSS: | |||
.weapon-yinghua-item-container { | |||
position: relative; | |||
width: 805px; | |||
width: 100%; | |||
height: 235px; | |||
background: linear-gradient(to bottom, #000, #333); | |||
border-radius: 5px; | |||
border: 2px solid #555; | |||
overflow: hidden; /* 隐藏多余部分 */ | |||
position: relative; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.soc-focus-c { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
width: 100%; /* 占满父容器 */ | |||
height: 100%; /* 占满父容器 */ | |||
} | |||
.soc-focus-c .swiper-slide { | |||
width: 100%; | |||
height: 100%; | |||
background: none!important; | |||
} | |||
.soc-focus-c .swiper-slide .title { | |||
position: absolute; | |||
left: 0; | |||
bottom: 1rem; | |||
width: 100%; | |||
color: #fff; | |||
padding: 0 1rem; | |||
overflow: hidden; | |||
font-weight: bold; /* 加粗文字 */ | |||
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 黑色描边 */ | |||
} | |||
/* 标签选中时 */ | |||
.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited { | |||
color: #222122 !important; | |||
background: #d8fa00; | |||
} | |||
/* 标签下面的样式线 */ | |||
.tabber__indicator { | |||
background: #222122; | |||
} | |||
/* 选中时的文字的下划线 */ | |||
.so-content-in a:hover, .so-content-in a:focus { | |||
text-decoration: none !important; | |||
} | |||
/* 未选中标签的文字被按住时 */ | |||
.so-content-in a:active { | |||
color: #BAD700 !important; | |||
} | |||
/* 调整标签位置 */ | |||
.tabber__tabs { | |||
padding-left: 6px; | |||
padding-right: 6px; | |||
} | |||
.tabber__panel { | |||
padding-left: 0px !important; | |||
padding-right: 0px !important; | |||
padding: 0 !important; | |||
} | |||
}} | |||
</includeonly><noinclude> | </includeonly><noinclude> | ||
{{设定参数 | {{设定参数 | ||
|角色名称国服=猫宫又奈 | |角色名称国服=猫宫又奈 | ||
}}{{角色图鉴/影画}} | }}{{角色图鉴/影画}} |
2024年7月5日 (五) 21:14的最新版本
猫宫又奈 影画