模板:角色图鉴/影画：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的13个中间版本） | |||
| 第1行： | 第1行： | ||
<includeonly> | <includeonly> | ||
<includeonly><h2> {{#var:角色名称国服}} 影画 </h2> | |||
<center> | <center> | ||
<div class="weapon-item-container"> | <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"> | ||
| 第15行： | 第16行： | ||
</div>}} | </div>}} | ||
</div> | </div> | ||
<div class="soc-swiper-pagination"></div> | <div class="soc-swiper-pagination"></div> | ||
<div class="soc-swiper-button-prev"></div> | <div class="soc-swiper-button-prev"></div> | ||
| 第27行： | 第27行： | ||
{{#CSS: | {{#CSS: | ||
.weapon-item-container{ | .weapon-yinghua-item-container { | ||
position: relative; | 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 { | .soc-focus-c { | ||
width: | position: absolute; | ||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
width: 100%; /* 占满父容器 */ | |||
height: 100%; /* 占满父容器 */ | |||
} | } | ||
.soc-focus-c .swiper-slide { | .soc-focus-c .swiper-slide { | ||
width: 100%; | |||
height: 100%; | |||
background: none!important; | 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 { | .tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited { | ||
color: #222122 !important; | color: #222122 !important; | ||
background: #d8fa00; | background: #d8fa00; | ||
} | } | ||
/* 标签下面的样式线 */ | |||
.tabber__indicator { | .tabber__indicator { | ||
background: #222122; | background: #222122; | ||
} | } | ||
/* 选中时的文字的下划线 */ | |||
.so-content-in a:hover, .so-content-in a:focus { | .so-content-in a:hover, .so-content-in a:focus { | ||
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
/* 未选中标签的文字被按住时 */ | |||
.so-content-in a:active { | .so-content-in a:active { | ||
color: #BAD700 !important; | color: #BAD700 !important; | ||
} | } | ||
/* 调整标签位置 */ | |||
.tabber__tabs { | .tabber__tabs { | ||
padding-left: 6px; | padding-left: 6px; | ||
padding-right: 6px; | padding-right: 6px; | ||
} | } | ||
.tabber__panel{ | |||
.tabber__panel { | |||
padding-left: 0px !important; | padding-left: 0px !important; | ||
padding-right: 0px !important; | padding-right: 0px !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
} | } | ||
2024年7月5日 (五) 21:14的最新版本
猫宫又奈 影画
影画1
影画2
影画3