/* [[盲盒派对]]主页的css样式 */
/* [[Category:在主命名空间下的CSS页面]] */
/* 主图鉴容器和响应式设置 */
@media screen and (min-width: 985px) {
.AutoFloat {
float: left;
}
#bparty_chara_tabs {
padding-left: 20px !important;
}
#bparty_chara_tabs > .Tabs > .TabLabel {
width: 700px;
}
#bparty_map_tabs > .Tabs > .TabLabel {
width: 785px;
}
#bparty_role_tabs > .Tabs > .TabLabel {
width: 700px;
}
}
.AutoFloat {
margin: 0 -1px -1px 0;
border:1px solid #d0d0d0;
border-spacing: 0;
}
#bparty_chara_tabs {
max-width: 745px;
}
/* 外层Tabs样式 (系列选择) */
#bparty_chara_tabs > .Tabs > .TabLabel {
box-shadow: inset 0 -1px 0 0 #a2a9b1;
justify-content: space-evenly;
}
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText {
text-align: center;
font-weight: bold;
font-size: 110%;
}
#bparty_chara_tabs > .Tabs > .TabContent {
padding-top: 10px !important;
}
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText.selected {
border-bottom: 3px solid !important;
}
/* 各系列Tab选中时的颜色（颜色取自各自主题的大师称号） */
/* 甜品 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(1).selected { color: #fc4991; }
#bparty_chara_tabs .TabContentText:nth-child(1) .TabLabelText { background: rgba(252, 73, 145, 0.2) !important; }
/* 梦境 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(2).selected { color: #fbbd18; }
#bparty_chara_tabs .TabContentText:nth-child(2) .TabLabelText { background: rgba(251, 189, 24, 0.2) !important; }
/* 电玩 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected { color: #5d22fa; }
#bparty_chara_tabs .TabContentText:nth-child(3) .TabLabelText { background: rgba(93, 34, 250, 0.2) !important; }
/* 电音 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected { color: #d024fd; }
#bparty_chara_tabs .TabContentText:nth-child(4) .TabLabelText { background: rgba(208, 36, 253, 0.2) !important; }
/* 寒冰 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected { color: #2db9fc; }
#bparty_chara_tabs .TabContentText:nth-child(5) .TabLabelText { background: rgba(45, 185, 252, 0.2) !important; }
/* 火焰 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected { color: #fc3751; }
#bparty_chara_tabs .TabContentText:nth-child(6) .TabLabelText { background: rgba(252, 55, 81, 0.2) !important; }
/* 水流 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected { color: #2475fb; }
#bparty_chara_tabs .TabContentText:nth-child(7) .TabLabelText { background: rgba(36, 117, 251, 0.2) !important; }
/* 异界 */
#bparty_chara_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected { color: #b925e6; }
#bparty_chara_tabs .TabContentText:nth-child(8) .TabLabelText { background: rgba(185, 37, 230, 0.2) !important; }
/* 内层Tabs样式 (角色选择) */
#bparty_chara_tabs .Tabs .Tabs > .TabContent {
margin-top: 5px;
}
#bparty_chara_tabs .Tabs .Tabs > .TabLabel {
text-align: center;
font-weight: bold;
}
#bparty_chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText {
min-width: 5.5em;
margin: 0.3em 0.37em;
padding: 0 0 3px !important;
color: #4a5366;
border-radius: 5px;
border-width: 0 !important;
box-shadow: 0 0 3px 1px #c6c6c6, inset 0 -25px 0 0 rgba(255,255,255,0.6);
}
#bparty_chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText img {
height: 5.5em;
width: initial;
}
#bparty_chara_tabs .Tabs .Tabs > .TabLabel > .TabLabelText.selected {
padding: 0 !important;
border-bottom-width: 3px !important;
box-shadow: 0 0 3px 1px #888888, inset 0 -23px 0 0 rgba(255,255,255,0.6);
}
/* 角色简介样式 */
.gachaparty-char-tachie{
border:none;
padding:0;
}
.gachaparty-info-table {
/* 表格主体样式 */
max-width: 350px;
width: 100%;
margin: 0;
background: #f9f9f9;
border: 1px solid #d0d0d0;
border-collapse: separate;
border-spacing: 0.25em;
}
.gachaparty-info-table tr:not(:last-child) {
/* 应用于除最后一行（简介）之外的所有行 */
height: 36px;
}
.gachaparty-info-table th {
width: 20%;
background: var(--rarity-color); /* 颜色使用动态生成的变量 */
color: white;
}
.gachaparty-info-table td {
width: 30%;
padding: 2px 4px;
}
.gachaparty-info-table .gachaparty-rarity {
font-weight: bold;
}
.gachaparty-info-table .gachaparty-description {
padding: 8px 4px;
vertical-align: middle;
width: auto;
}
/* 地图tabs的样式 */
/* 外层Tabs样式 (系列选择) */
#bparty_map_tabs > .Tabs > .TabLabel {
box-shadow: inset 0 -1px 0 0 #a2a9b1;
justify-content: space-evenly;
}
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText {
text-align: center;
font-weight: bold;
font-size: 110%;
}
#bparty_map_tabs > .Tabs > .TabContent {
padding-top: 10px !important;
}
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText.selected {
border-bottom: 3px solid !important;
}
/* 各系列Tab选中时的颜色 */
/* 甜品 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(1).selected { color: #fc4991; }
/* 梦境 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(2).selected { color: #fbbd18; }
/* 电玩 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(3).selected { color: #5d22fa; }
/* 电音 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(4).selected { color: #d024fd; }
/* 寒冰 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(5).selected { color: #2db9fc; }
/* 火焰 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(6).selected { color: #fc3751; }
/* 水流 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(7).selected { color: #2475fb; }
/* 可可 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(8).selected { color: #4d3900; }
/* 幻梦 */
#bparty_map_tabs > .Tabs > .TabLabel > .TabLabelText:nth-child(9).selected { color: #c470ff; }
/* 主页职业介绍布局样式 */
.gachaparty-role-icon {
background-color:#FFA628;
width:28px;
height:28px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.gachaparty-role {
display:flex;
flex-direction:row;
align-items:center;
gap:4px;
}
#bparty_role_tabs > .Tabs > .TabLabel {
box-shadow: inset 0 -1px 0 0 #a2a9b1;
justify-content: space-evenly;
}