模板:角色图鉴/影画:修订间差异

无编辑摘要
无编辑摘要
第27行: 第27行:


{{#CSS:
{{#CSS:
.weapon-item-container{
.weapon-item-container {
     position: relative;
     position: relative;
     bottom: 10px;
     width: 60vw; /* 容器的宽度 */
     top: -10;
     padding-top: calc(60vw * (872 / 1589)); /* 根据比例计算顶部填充 */
     width: 60vw;
    background: linear-gradient(to bottom, #000, #333);
      
     border-radius: 5px;
    border: 2px solid #555;
     overflow: hidden; /* 隐藏多余部分 */
}
}
.soc-focus-c {
.soc-focus-c {
     width: 60vw !important;
    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;
}
}
<!-- 标签选中时 -->
 
/* 标签选中时 */
.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;
}
.weapon-item-container {
    <!-- width: 100%; /* 调整为100%,使其填充父容器 */ -->
    width: 60vw;
    background: linear-gradient(to bottom, #000, #333);
    border-radius: 5px;
    border: 2px solid #555;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.weapon-item-image {
    width: 90%;
    height: auto;
    z-index: 2;
}
}


第92行: 第93行:
     height: 14px;
     height: 14px;
     background-color: #8f6f216e;
     background-color: #8f6f216e;
}
.soc-focus-c .swiper-slide .title {
    font-weight: bold; /* 加粗文字 */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 黑色描边 */
}
}



2024年7月5日 (五) 19:08的版本


猫宫又奈-影画1.png
影画1
猫宫又奈-影画2.png
影画2
猫宫又奈-影画3.png
影画3