MediaWiki

TeamBuilder.css:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
创建页面,内容为“配队模拟器样式:​ .character-select-card:hover, .partner-select-card:hover, .equipment-card:hover { transform: scale(1.05); transition: transform 0.2s; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); } .tb-modal-content { position: relative; } 卡牌网格布局:​ #character-list, #partner-list, #equipment-list { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }”
 
律Rhyme留言 | 贡献
无编辑摘要
 
第1行: 第1行:
/* 配队模拟器样式 */
/* 配队模拟器样式 */
.character-select-card,
.partner-select-card,
.equipment-card {
    transition: transform 0.2s, box-shadow 0.2s;
}
.character-select-card:hover,
.character-select-card:hover,
.partner-select-card:hover,
.partner-select-card:hover,
.equipment-card:hover {
.equipment-card:hover {
     transform: scale(1.05);
     transform: scale(1.05);
    transition: transform 0.2s;
     box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}
.tb-modal {
    backdrop-filter: blur(3px);
}
}


.tb-modal-content {
.tb-modal-content {
     position: relative;
     position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.tb-modal-close {
    transition: color 0.2s, transform 0.2s;
}
.tb-modal-close:hover {
    color: #ff4444 !important;
    transform: scale(1.2);
}
}


/* 卡牌网格布局 */
/* 卡牌网格布局 */
#character-list, #partner-list, #equipment-list {
#character-list,  
#partner-list,  
#equipment-list,
#available-cards-list {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 10px;
     gap: 10px;
     justify-content: center;
     justify-content: center;
}
/* 装备槽位样式 */
.equip-slot {
    transition: background-color 0.2s, transform 0.2s;
}
.equip-slot:hover {
    background-color: #4a4a4a !important;
    transform: scale(1.05);
}
/* 卡组区域样式 */
.deck-area {
    transition: background-color 0.2s;
}
.deck-area:hover {
    background-color: #4a4a4a !important;
}
#deck-cards {
    min-height: 100px;
}
/* 删除按钮样式 */
.tb-remove-btn {
    transition: all 0.2s;
}
.tb-remove-btn:hover {
    background-color: #cc0000 !important;
    transform: scale(1.1);
}
}

2025年10月18日 (六) 18:54的最新版本

/* 配队模拟器样式 */
.character-select-card,
.partner-select-card,
.equipment-card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.character-select-card:hover,
.partner-select-card:hover,
.equipment-card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.tb-modal {
    backdrop-filter: blur(3px);
}

.tb-modal-content {
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.tb-modal-close {
    transition: color 0.2s, transform 0.2s;
}

.tb-modal-close:hover {
    color: #ff4444 !important;
    transform: scale(1.2);
}

/* 卡牌网格布局 */
#character-list, 
#partner-list, 
#equipment-list,
#available-cards-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* 装备槽位样式 */
.equip-slot {
    transition: background-color 0.2s, transform 0.2s;
}

.equip-slot:hover {
    background-color: #4a4a4a !important;
    transform: scale(1.05);
}

/* 卡组区域样式 */
.deck-area {
    transition: background-color 0.2s;
}

.deck-area:hover {
    background-color: #4a4a4a !important;
}

#deck-cards {
    min-height: 100px;
}

/* 删除按钮样式 */
.tb-remove-btn {
    transition: all 0.2s;
}

.tb-remove-btn:hover {
    background-color: #cc0000 !important;
    transform: scale(1.1);
}