MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
创建页面,内容为“→这里放置的CSS将应用于所有皮肤: →卡牌: .number-default { color: #fff; text-shadow: 0 0 10px #132cbf,0 0 20px #132cbf,0 0 30px #4169ff,0 0 40px #4169ff,0 0 50px #4169ff,0 0 60px #4169ff,0 0 70px #4169ff; } .number-up { color: #fff; text-shadow: 0 0 10px #7a0e0e,0 0 20px #7a0e0e,0 0 30px #ff3030,0 0 40px #ff3030,0 0 50px #ff3030,0 0 60px #ff3030,0 0 70px #ff3030; } .number-down { color: #fff; text-shadow: 0 0 10px #0e6f36,0 0 20px #0e6f36,…” |
添加卡牌样式 |
||
| 第5行: | 第5行: | ||
.number-up { color: #fff; text-shadow: 0 0 10px #7a0e0e,0 0 20px #7a0e0e,0 0 30px #ff3030,0 0 40px #ff3030,0 0 50px #ff3030,0 0 60px #ff3030,0 0 70px #ff3030; } | .number-up { color: #fff; text-shadow: 0 0 10px #7a0e0e,0 0 20px #7a0e0e,0 0 30px #ff3030,0 0 40px #ff3030,0 0 50px #ff3030,0 0 60px #ff3030,0 0 70px #ff3030; } | ||
.number-down { color: #fff; text-shadow: 0 0 10px #0e6f36,0 0 20px #0e6f36,0 0 30px #29ff85,0 0 40px #29ff85,0 0 50px #29ff85,0 0 60px #29ff85,0 0 70px #29ff85; } | .number-down { color: #fff; text-shadow: 0 0 10px #0e6f36,0 0 20px #0e6f36,0 0 30px #29ff85,0 0 40px #29ff85,0 0 50px #29ff85,0 0 60px #29ff85,0 0 70px #29ff85; } | ||
.card-deck-trans { position: relative; width: 180px; height: 256px; display: inline-block; } | |||
.card-deck { position: absolute; width: 450px; height: 640px; transform: scale(0.4); transform-origin: top left; } | |||
.card-art { position: absolute; top: 4px; left: 32px; } | |||
.card-job1 { position: absolute; top: 125px; left: 52px; } | |||
.card-job2 { position: absolute; top: 185px; left: 52px; } | |||
.card-title-rarity-common { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(204, 204, 204, 0.3); } | |||
.card-title-rarity-rare { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(115, 236, 254, 0.3); } | |||
.card-title-rarity-legend { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(255, 247, 153, 0.3); } | |||
.card-title-rarity-unique { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(199, 125, 241, 0.3); } | |||
.card-ego-frame { position: absolute; top: 0px; left: 10px; } | |||
.card-rarity-frame { position: absolute; top: 30px; left: 0px; } | |||
.card-rarity-sub { position: absolute; top: 30px; right: 0px; } | |||
.card-cost { position: absolute; top: 5px; left: 57px; font-size: 72px } | |||
.card-energy_line { position: absolute; top: 100px; left: 43px; } | |||
.card-name { position: absolute; top: 26px; left: 120px; font-size: 40px; } | |||
.card-category-icon { position: absolute; top: 78px; left: 115px; } | |||
.card-category-text { position: absolute; top: 73px; left: 165px; font-size: 32px; color: #fff; } | |||
.card-desc { position: absolute; top: 320px; left: 42px; width: 389px; height: 300px; font-size: 32px; line-height: 34px; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; } | |||
.card-spark-flag { position: absolute; top: 115px; left: 36px; } | |||
.card-deco-taboo { position: absolute; top: 4px; left: 10px; } | |||
.card-season { position: absolute; bottom: 10px; right: 12px; } | |||
/* 通用样式 */ | /* 通用样式 */ | ||
/* 黑色蒙版 */ | /* 黑色蒙版 */ | ||
.css-default { position: absolute; top: 0px; left: 0px; } | |||
.mask { | .mask { | ||
background: rgba(0, 0, 0, 0.5); | background: rgba(0, 0, 0, 0.5); | ||
2026年1月17日 (六) 09:11的最新版本
/* 这里放置的CSS将应用于所有皮肤 */
/* 卡牌 */
.number-default { color: #fff; text-shadow: 0 0 10px #132cbf,0 0 20px #132cbf,0 0 30px #4169ff,0 0 40px #4169ff,0 0 50px #4169ff,0 0 60px #4169ff,0 0 70px #4169ff; }
.number-up { color: #fff; text-shadow: 0 0 10px #7a0e0e,0 0 20px #7a0e0e,0 0 30px #ff3030,0 0 40px #ff3030,0 0 50px #ff3030,0 0 60px #ff3030,0 0 70px #ff3030; }
.number-down { color: #fff; text-shadow: 0 0 10px #0e6f36,0 0 20px #0e6f36,0 0 30px #29ff85,0 0 40px #29ff85,0 0 50px #29ff85,0 0 60px #29ff85,0 0 70px #29ff85; }
.card-deck-trans { position: relative; width: 180px; height: 256px; display: inline-block; }
.card-deck { position: absolute; width: 450px; height: 640px; transform: scale(0.4); transform-origin: top left; }
.card-art { position: absolute; top: 4px; left: 32px; }
.card-job1 { position: absolute; top: 125px; left: 52px; }
.card-job2 { position: absolute; top: 185px; left: 52px; }
.card-title-rarity-common { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(204, 204, 204, 0.3); }
.card-title-rarity-rare { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(115, 236, 254, 0.3); }
.card-title-rarity-legend { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(255, 247, 153, 0.3); }
.card-title-rarity-unique { position: absolute; top: 50px; left: 32px; width: 409px; height: 25px; background-color: rgba(199, 125, 241, 0.3); }
.card-ego-frame { position: absolute; top: 0px; left: 10px; }
.card-rarity-frame { position: absolute; top: 30px; left: 0px; }
.card-rarity-sub { position: absolute; top: 30px; right: 0px; }
.card-cost { position: absolute; top: 5px; left: 57px; font-size: 72px }
.card-energy_line { position: absolute; top: 100px; left: 43px; }
.card-name { position: absolute; top: 26px; left: 120px; font-size: 40px; }
.card-category-icon { position: absolute; top: 78px; left: 115px; }
.card-category-text { position: absolute; top: 73px; left: 165px; font-size: 32px; color: #fff; }
.card-desc { position: absolute; top: 320px; left: 42px; width: 389px; height: 300px; font-size: 32px; line-height: 34px; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; }
.card-spark-flag { position: absolute; top: 115px; left: 36px; }
.card-deco-taboo { position: absolute; top: 4px; left: 10px; }
.card-season { position: absolute; bottom: 10px; right: 12px; }
/* 通用样式 */
/* 黑色蒙版 */
.css-default { position: absolute; top: 0px; left: 0px; }
.mask {
background: rgba(0, 0, 0, 0.5);
-webkit-mask-image: linear-gradient(
to bottom,
transparent 0%,
black 15%,
black 85%,
transparent 100%
);
mask-image: linear-gradient(
to bottom,
transparent 0%,
black 15%,
black 85%,
transparent 100%
);
}