Template:无期迷途禁闭者技能/style.css
跳到导航
跳到搜索
/* Only used for {{无期迷途禁闭者技能}} Based on [[Template:云图计划心智人形/doll.css]] by [[User:あめろ]] ==技能和档案== 位于.wqmt-skillAndInfo中 */ .wqmt-skillAndInfo { margin-right: -1em; /* 还有一部分和上面.wqmt-figr-img在一起 */ } .wqmt-skill-outer { flex: 2 1 30em; display: flex; max-width: 600px; /*临时*/ flex-direction: column; margin-right: 1em; } .wqmt-info-outer { flex: 1 1 28em; margin-right: 1em; } .wqmt-skill, .wqmt-information { background: rgba(0, 0, 0, 0.75); margin: 0.4em 0 0.8em; /*box-shadow: 0 0.5em 0.5em -0.1em rgba(28,28,28,.35);*/ border-left: 0.3em solid rgb(255, 0, 0); } /* ===技能=== 位于.wqmt-skill-outer中 * skill ** pasiv = 被动 ** bisha = 必杀 ** norma = 普攻 ** core = 核心伤害 ** energy = 能量消耗 */ .wqmt-skill { flex-grow: 1; display: flex; flex-direction: column; color: #e0ffff; } .wqmt-skill-main { padding: 0.5em 0; flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: center; } .wqmt-skill-icon { flex: 0 0 6.4em; margin-right: 0.4em; min-height: 6em; display: flex; align-items: center; justify-content: center; position: relative; font-size: 13px; } .wqmt-skill-icon > div { position: relative; overflow: hidden; } .wqmt-skill-icon img { width: 6em !important; height: auto !important; } .wqmt-skill-main > div:not(.wqmt-skill-icon) { padding: 0 0.5em; flex: 1 1 20em; } .wqmt-skill-header { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 0.2em; border-bottom: 0.1em dashed red; } .wqmt-skill-type { color: #fff; margin-right: 0.5em; min-width: 3.5em; line-height: 1.5; text-align: center; background-color: #464950; } .wqmt-skill-norma .wqmt-skill-type { background-color: #999; } .wqmt-skill-bisha .wqmt-skill-type { background-color: #ff2a00; } .wqmt-skill-pasiv .wqmt-skill-type { background-color: #008efb; } .wqmt-skill-name { flex-grow: 1; font-size: 120%; color: #fff; } .wqmt-skill-time { display: flex; line-height: 1.5; flex-grow: 1; justify-content: flex-end; margin-left: 0.5em; } .wqmt-skill-core { background: #b39800; color: #fff; border-radius: 11px; padding: 0 0.4em; margin-left: 0.6em; } .wqmt-skill-energy { background: #7f1f9f; color: #fff; border-radius: 11px; padding: 0 0.4em; } .wqmt-skill-unlock { color: #bfbfbf; } .wqmt-skill-energy::before { content: "\26A1"; /* 闪电 */ margin-right: 0.3em; } .wqmt-skill-core::before { content: "\1F538"; /* 菱形 */ margin-right: 0.3em; } .wqmt-skill-main::after { content: ""; clear: both; } /* 数值颜色 */ .wqmt-skill span.wqmt-value, .wqmt-chain span.wqmt-value { color: #66eeee; } .wqmt-stigm span.wqmt-value { color: #ff9800; } /* 切换显示(精简详细选择、技能等级选择) */ .wqmt-skill-h3 .textToggleDisplayButtons, .wqmt-skill-h3 .textToggleDisplayButtons > span, .wqmt-skill-dtl .textToggleDisplayButtons > span { display: flex; } .wqmt-skill-h3 .textToggleDisplayButtonLabel, .wqmt-skill-dtl .textToggleDisplayButtonLabel { margin: 0; border: none; box-shadow: none; border-radius: 0; background: transparent; color: inherit; } .textToggleDisplayButtonLabel:not(.on) { cursor: pointer; } .wqmt-skill-h3 .textToggleDisplayButtonInput, .wqmt-skill-dtl .textToggleDisplayButtonInput { display: none; } /* 等级选择 */ .wqmt-skill-dtl .textToggleDisplayButtons { background: rgba(255,255,255,0.1); text-align: center; display: flex; /* fallback */ display: grid; grid-template-columns: repeat(auto-fit, minmax(3.4em, 1fr)); } .wqmt-skill-dtl .textToggleDisplayButtonLabel { overflow: hidden; padding: 0; color: #ccc; } .wqmt-skill-dtl .textToggleDisplayButtonLabel.on { background: rgba(255, 255, 255, 0.5); color: #fff; } .wqmt-skill-dtl .textToggleDisplayButtonLabel:not(.on):hover { background-color: rgba(75, 75, 75, 0.2); } /** .wqmt-skill-dtl .textToggleDisplayButtonLabelText.on { position: relative; animation: text-slidein 0.3s ease-out; } @keyframes text-slidein { from { left: 3em; } to { left: 0; } } */ /* ==枷锁== */ .wqmt-chain { display: flex; max-width: 600px; /*临时*/ margin-bottom: 10px; } .wqmt-chain-txt { color: rgb(233, 255, 255); background: rgba(0, 0, 0, 0.75); flex: 1; padding: 0.5em; } .wqmt-chain-num::before { content: ""; display: block; width: 0; height: 0; border-bottom: 8px solid rgba(99, 99, 99, 0.5); border-left: 14px solid transparent; border-right: 14px solid transparent; } .wqmt-chain-num::after { content: ""; display: block; width: 0; height: 0; border-top: 8px solid rgba(99, 99, 99, 0.5); border-left: 14px solid transparent; border-right: 14px solid transparent; } .wqmt-chain-num > span { background: rgba(99, 99, 99, 0.5); display: block; font-weight: bold; font-size: 45px; transform: scale(0.8, 1); transform-origin: left; width: 35px; text-align: center; line-height: 40px; color: white; } .wqmt-chain-txt hr { height: 0.1em; border: none; background: rgb(233, 255, 255); } /* [[分类:在模板名字空间下的CSS页面]] */