._addText {
content: "{{T:Doc|content={{High-risk|info=此样式表为{{tl|盲盒派对}}模板的重要组成结构,操作不当会导致大量内容显示异常。}}此CSS样式表用于对[[Template:盲盒派对/学员]]的“鼠标移入放大图标”效果提供复杂样式,由于该样式在单一模板的使用量庞大,修改需要谨慎。}}";
}
/*
* 盲盒派对角色模板样式表
* 实现了Q版头像的悬浮放大效果和整体布局
*/
/* 主容器 */
.gachaparty-char-container {
display: inline-flex;
align-items: center;
position: relative; /* 设为相对定位,作为Q版头像绝对定位的基准 */
height: 32px; /* 给一个固定的高度 */
padding-left: 34px; /* 在左侧留出空间给Q版头像 */
vertical-align: middle; /* 与其他行内元素垂直对齐 */
}
/* Q版头像链接容器 */
.gachaparty-char-q-avatar {
position: absolute; /* 绝对定位 */
left: 0;
top: 50%;
transform: translateY(-50%); /* 精确垂直居中 */
width: 30px;
height: 30px;
transition: transform 0.2s ease-in-out, z-index 0.2s; /* 平滑过渡效果 */
z-index: 5; /* 提高层级 */
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
padding: 1px;
box-sizing: border-box;
}
/* 设置Q版图片大小 */
.gachaparty-char-q-avatar img{
width: 28px;
height: 28px;
}
/* 鼠标悬浮在主容器上时,Q版头像的变化 */
.gachaparty-char-container:hover .gachaparty-char-q-avatar {
transform: translate(-5px, -50%) scale(3); /* 向上向左移动一点并放大3倍 */
z-index: 10; /* 提升层级,确保在最上层显示 */
}
/* 定位图标的容器 */
.gachaparty-char-role-icon {
display: flex;
justify-content: center;
align-items: center;
width:28px;
height: 28px;
border-radius: 50%; /* 圆形 */
margin-right: 4px; /* 与角色名称拉开距离 */
box-shadow: inset 0 0 4px rgba(0,0,0,0.2); /* 添加内阴影增加质感 */
}
/* 定位图标稀有度背景 */
.gachaparty-char-role-icon.SP {
/**/
background: linear-gradient(180deg, #FF553D, #FFA628);
}
.gachaparty-char-role-icon.SSR {
background-color: #FFA628;
}
.gachaparty-char-role-icon.SR {
background-color: #CB2DFF;
}
.gachaparty-char-role-icon.R {
background-color: #5692FF;
}
.gachaparty-char-role-icon.Unknown {
background-color: gray;
}
/* 修改span使定位图标完全居中 */
.gachaparty-char-role-icon span {
line-height: 0;
}
/* 让表格的第三列(技能描述列)内容左对齐 */
.wikitable.col3-left tr > td:nth-child(3) {
text-align: left;
}
/* 角色立绘模板适配vector skin */
.responsive-image-tabs img {
max-width: 100%;
height: auto;
}
/* [[Category:在模板命名空间下的CSS页面]] */