这里会显示出您选择的修订版和当前版本之间的差别。
两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 上一修订版 两侧同时换到之后的修订记录 | ||
css:setsymbol [2018/11/20 11:29] Hao Du |
css:setsymbol [2022/07/03 11:15] mtgjudge |
||
---|---|---|---|
行 1: | 行 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
/** | /** | ||
+ | * Version 3.10.0 - Dominaria United | ||
* Global */ | * Global */ | ||
- | /* Custom fonts */ | ||
@font-face { | @font-face { | ||
font-family: 'Keyrune'; | font-family: 'Keyrune'; | ||
行 15: | 行 16: | ||
font-style: normal; | font-style: normal; | ||
} | } | ||
+ | |||
.wrap_ss { | .wrap_ss { | ||
display: inline-block; | display: inline-block; | ||
行 47: | 行 49: | ||
.wrap_ss-6x { | .wrap_ss-6x { | ||
font-size: 6em; | font-size: 6em; | ||
+ | } | ||
+ | /** | ||
+ | * Handling for set symbols that use an inner and outer layer, like M21 | ||
+ | * | ||
+ | * The inner layer is what gets colorized and is the traditional "set symbol" | ||
+ | * The outer layer takes over as the border, and is white for common cards | ||
+ | * but black for uncommon, rare, and mythic. | ||
+ | */ | ||
+ | .wrap_ss-duo { | ||
+ | color: #fff; | ||
+ | /** | ||
+ | * white sections are ::after | ||
+ | * color sections are ::before */ | ||
+ | } | ||
+ | .wrap_ss-duo::after { | ||
+ | color: #000; | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | font-size: 1em; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-40k::before { | ||
+ | content: "\e999"; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-40k::after { | ||
+ | content: "\e99b"; | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-xdnd::after, | ||
+ | .wrap_ss-duo.wrap_ss-afr::after { | ||
+ | content: "\e973"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-afc::after { | ||
+ | content: "\e982"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-c21::after { | ||
+ | content: "\e97f"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-clb::after { | ||
+ | content: "\e992"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-cc2::after { | ||
+ | content: "\e988"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-dmc::before { | ||
+ | content: "\e995"; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-dmc::after { | ||
+ | content: "\e997"; | ||
+ | color: #fff !important; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-j21::after { | ||
+ | content: "\e984"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-mid::after { | ||
+ | content: "\e979"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-ncc::before { | ||
+ | content: "\e98f"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-ncc::after { | ||
+ | content: "\e990"; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-common:after { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-uncommon::after, | ||
+ | .wrap_ss-duo.wrap_ss-rare::after, | ||
+ | .wrap_ss-duo.wrap_ss-mythic::after { | ||
+ | color: #000; | ||
+ | } | ||
+ | .wrap_ss-duo.wrap_ss-uncommon.wrap_ss-clb::after, | ||
+ | .wrap_ss-duo.wrap_ss-rare.wrap_ss-clb::after, | ||
+ | .wrap_ss-duo.wrap_ss-mythic.wrap_ss-clb::after { | ||
+ | color: #fff; | ||
} | } | ||
/** | /** | ||
行 61: | 行 144: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | .wrap_ss-common.wrap_ss-grad.wrap_ss-no-border { | + | .wrap_ss-common.wrap_ss-grad.wrap_ss-no-border, |
+ | .wrap_ss-common.wrap_ss-grad.wrap_ss-duo { | ||
-webkit-text-stroke: 0; | -webkit-text-stroke: 0; | ||
} | } | ||
行 75: | 行 159: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | .wrap_ss-uncommon.wrap_ss-grad.wrap_ss-no-border { | + | .wrap_ss-uncommon.wrap_ss-grad.wrap_ss-no-border, |
+ | .wrap_ss-uncommon.wrap_ss-grad.wrap_ss-duo { | ||
-webkit-text-stroke: 0; | -webkit-text-stroke: 0; | ||
+ | } | ||
+ | .wrap_ss-uncommon.wrap_ss-grad.wrap_ss-duo::after { | ||
+ | -webkit-text-fill-color: inherit; | ||
} | } | ||
.wrap_ss-rare { | .wrap_ss-rare { | ||
行 89: | 行 177: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | .wrap_ss-rare.wrap_ss-grad.wrap_ss-no-border { | + | .wrap_ss-rare.wrap_ss-grad.wrap_ss-no-border, |
+ | .wrap_ss-rare.wrap_ss-grad.wrap_ss-duo { | ||
-webkit-text-stroke: 0; | -webkit-text-stroke: 0; | ||
+ | } | ||
+ | .wrap_ss-rare.wrap_ss-grad.wrap_ss-duo::after { | ||
+ | -webkit-text-fill-color: inherit; | ||
} | } | ||
.wrap_ss-mythic { | .wrap_ss-mythic { | ||
行 103: | 行 195: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | .wrap_ss-mythic.wrap_ss-grad.wrap_ss-no-border { | + | .wrap_ss-mythic.wrap_ss-grad.wrap_ss-no-border, |
+ | .wrap_ss-mythic.wrap_ss-grad.wrap_ss-duo { | ||
-webkit-text-stroke: 0; | -webkit-text-stroke: 0; | ||
+ | } | ||
+ | .wrap_ss-mythic.wrap_ss-grad.wrap_ss-duo::after { | ||
+ | -webkit-text-fill-color: inherit; | ||
} | } | ||
.wrap_ss-timeshifted { | .wrap_ss-timeshifted { | ||
行 120: | 行 216: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | .wrap_ss-timeshifted.wrap_ss-grad.wrap_ss-no-border { | + | .wrap_ss-timeshifted.wrap_ss-grad.wrap_ss-no-border, |
+ | .wrap_ss-timeshifted.wrap_ss-grad.wrap_ss-duo { | ||
-webkit-text-stroke: 0; | -webkit-text-stroke: 0; | ||
+ | } | ||
+ | .wrap_ss-timeshifted.wrap_ss-grad.wrap_ss-duo::after { | ||
+ | -webkit-text-fill-color: inherit; | ||
} | } | ||
.wrap_ss-foil { | .wrap_ss-foil { | ||
行 135: | 行 235: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | } | ||
- | .wrap_ss-foil.wrap_ss-grad.wrap_ss-no-border { | + | .wrap_ss-foil.wrap_ss-grad.wrap_ss-no-border, |
+ | .wrap_ss-foil.wrap_ss-grad.wrap_ss-duo { | ||
-webkit-text-stroke: 0; | -webkit-text-stroke: 0; | ||
+ | } | ||
+ | .wrap_ss-foil.wrap_ss-grad.wrap_ss-duo::after { | ||
+ | -webkit-text-fill-color: inherit; | ||
} | } | ||
/** | /** | ||
行 208: | 行 312: | ||
.wrap_ss-m19:before { | .wrap_ss-m19:before { | ||
content: "\e941"; | content: "\e941"; | ||
+ | } | ||
+ | .wrap_ss-m20:before { | ||
+ | content: "\e95d"; | ||
} | } | ||
.wrap_ss-1e:before { | .wrap_ss-1e:before { | ||
行 220: | 行 327: | ||
.wrap_ss-3e:before { | .wrap_ss-3e:before { | ||
content: "\e94a"; | content: "\e94a"; | ||
+ | } | ||
+ | .wrap_ss-m21:before { | ||
+ | content: "\e960"; | ||
+ | } | ||
+ | .wrap_ss-xdnd:before, | ||
+ | .wrap_ss-afr:before { | ||
+ | content: "\e972"; | ||
} | } | ||
/** | /** | ||
行 494: | 行 608: | ||
.wrap_ss-gk1:before { | .wrap_ss-gk1:before { | ||
content: "\e94b"; | content: "\e94b"; | ||
+ | } | ||
+ | .wrap_ss-rna:before, | ||
+ | .wrap_ss-gk2:before { | ||
+ | content: "\e959"; | ||
+ | } | ||
+ | .wrap_ss-war:before { | ||
+ | content: "\e95a"; | ||
+ | } | ||
+ | /* Eldraine Block */ | ||
+ | .wrap_ss-eld:before { | ||
+ | content: "\e95e"; | ||
+ | } | ||
+ | /* 2020 Sets */ | ||
+ | .wrap_ss-thb:before { | ||
+ | content: "\e961"; | ||
+ | } | ||
+ | .wrap_ss-iko:before { | ||
+ | content: "\e962"; | ||
+ | } | ||
+ | .wrap_ss-znr:before { | ||
+ | content: "\e963"; | ||
+ | } | ||
+ | /* 2021 Sets */ | ||
+ | .wrap_ss-xkld:before, | ||
+ | .wrap_ss-khm:before { | ||
+ | content: "\e974"; | ||
+ | } | ||
+ | .wrap_ss-xssm:before, | ||
+ | .wrap_ss-stx:before { | ||
+ | content: "\e975"; | ||
+ | } | ||
+ | .wrap_ss-mid:before { | ||
+ | content: "\e978"; | ||
+ | } | ||
+ | .wrap_ss-vow:before { | ||
+ | content: "\e977"; | ||
+ | } | ||
+ | /* 2022 Sets */ | ||
+ | .wrap_ss-neo:before { | ||
+ | content: "\e98c"; | ||
+ | } | ||
+ | .wrap_ss-snc:before { | ||
+ | content: "\e98b"; | ||
+ | } | ||
+ | .wrap_ss-dmu:before { | ||
+ | content: "\e993"; | ||
} | } | ||
/** | /** | ||
行 557: | 行 717: | ||
.wrap_ss-c18:before { | .wrap_ss-c18:before { | ||
content: "\e946"; | content: "\e946"; | ||
+ | } | ||
+ | .wrap_ss-c19:before { | ||
+ | content: "\e95f"; | ||
+ | } | ||
+ | .wrap_ss-c20:before { | ||
+ | content: "\e966"; | ||
+ | } | ||
+ | .wrap_ss-znc:before { | ||
+ | content: "\e967"; | ||
+ | } | ||
+ | .wrap_ss-cc1:before { | ||
+ | content: "\e968"; | ||
+ | } | ||
+ | .wrap_ss-cmr:before, | ||
+ | .wrap_ss-cmc:before { | ||
+ | content: "\e969"; | ||
+ | } | ||
+ | .wrap_ss-khc:before { | ||
+ | content: "\e97d"; | ||
+ | } | ||
+ | .wrap_ss-c21:before { | ||
+ | content: "\e97e"; | ||
+ | } | ||
+ | .wrap_ss-afc:before { | ||
+ | content: "\e981"; | ||
+ | } | ||
+ | .wrap_ss-mic:before { | ||
+ | content: "\e985"; | ||
+ | } | ||
+ | .wrap_ss-voc:before { | ||
+ | content: "\e986"; | ||
+ | } | ||
+ | .wrap_ss-cc2:before { | ||
+ | content: "\e987"; | ||
+ | } | ||
+ | .wrap_ss-nec:before { | ||
+ | content: "\e98d"; | ||
+ | } | ||
+ | .wrap_ss-ncc:before { | ||
+ | content: "\e98e"; | ||
+ | } | ||
+ | .wrap_ss-clb:before { | ||
+ | content: "\e991"; | ||
+ | } | ||
+ | .wrap_ss-dmc:before { | ||
+ | content: "\e994"; | ||
+ | } | ||
+ | .wrap_ss-40k:before { | ||
+ | content: "\e998"; | ||
} | } | ||
/** | /** | ||
行 601: | 行 810: | ||
.wrap_ss-uma:before { | .wrap_ss-uma:before { | ||
content: "\e958"; | content: "\e958"; | ||
+ | } | ||
+ | .wrap_ss-mh1:before { | ||
+ | content: "\e95b"; | ||
+ | } | ||
+ | .wrap_ss-2xm:before { | ||
+ | content: "\e96e"; | ||
+ | } | ||
+ | .wrap_ss-jmp:before { | ||
+ | content: "\e96f"; | ||
+ | } | ||
+ | .wrap_ss-mb1:before { | ||
+ | content: "\e971"; | ||
+ | } | ||
+ | .wrap_ss-mh2:before { | ||
+ | content: "\e97b"; | ||
+ | } | ||
+ | .wrap_ss-sta:before { | ||
+ | content: "\e980"; | ||
+ | } | ||
+ | .wrap_ss-j21:before { | ||
+ | content: "\e983"; | ||
+ | } | ||
+ | .wrap_ss-2x2:before { | ||
+ | content: "\e99c"; | ||
} | } | ||
/** | /** | ||
行 747: | 行 980: | ||
.wrap_ss-ss1:before { | .wrap_ss-ss1:before { | ||
content: "\e944"; | content: "\e944"; | ||
+ | } | ||
+ | .wrap_ss-ss2:before { | ||
+ | content: "\e95c"; | ||
+ | } | ||
+ | .wrap_ss-ss3:before { | ||
+ | content: "\e96d"; | ||
} | } | ||
/** | /** | ||
行 789: | 行 1028: | ||
.wrap_ss-gnt:before { | .wrap_ss-gnt:before { | ||
content: "\e94d"; | content: "\e94d"; | ||
+ | } | ||
+ | .wrap_ss-gn2:before { | ||
+ | content: "\e964"; | ||
+ | } | ||
+ | .wrap_ss-tsr:before { | ||
+ | content: "\e976"; | ||
} | } | ||
/** | /** | ||
行 804: | 行 1049: | ||
content: "\e686"; | content: "\e686"; | ||
} | } | ||
- | .wrap_ss-pmei:before { | + | .wrap_ss-pmei:before, |
+ | .wrap_ss-htr:before, | ||
+ | .wrap_ss-htr17:before { | ||
content: "\e687"; | content: "\e687"; | ||
} | } | ||
行 870: | 行 1117: | ||
.wrap_ss-parl3:before { | .wrap_ss-parl3:before { | ||
content: "\e943"; | content: "\e943"; | ||
- | } | ||
- | .wrap_ss-htr:before { | ||
- | content: "\e687"; | ||
} | } | ||
.wrap_ss-med:before { | .wrap_ss-med:before { | ||
content: "\e94c"; | content: "\e94c"; | ||
+ | } | ||
+ | .wrap_ss-ptg:before { | ||
+ | content: "\e965"; | ||
+ | } | ||
+ | .wrap_ss-j20:before { | ||
+ | content: "\e96a"; | ||
+ | } | ||
+ | .wrap_ss-zne:before { | ||
+ | content: "\e97a"; | ||
+ | } | ||
+ | /** | ||
+ | * Secret Lairs */ | ||
+ | .wrap_ss-slu:before { | ||
+ | content: "\e687"; | ||
+ | } | ||
+ | .wrap_ss-sld:before { | ||
+ | content: "\e687"; | ||
+ | } | ||
+ | .wrap_ss-psld:before { | ||
+ | content: "\e687"; | ||
} | } | ||
/** | /** | ||
行 914: | 行 1178: | ||
.wrap_ss-pz2:before { | .wrap_ss-pz2:before { | ||
content: "\e91f"; | content: "\e91f"; | ||
+ | } | ||
+ | .wrap_ss-ha1:before { | ||
+ | content: "\e96b"; | ||
+ | } | ||
+ | .wrap_ss-akr:before { | ||
+ | content: "\e970"; | ||
+ | } | ||
+ | .wrap_ss-klr:before { | ||
+ | content: "\e97c"; | ||
+ | } | ||
+ | .wrap_ss-y22:before { | ||
+ | content: "\e989"; | ||
} | } | ||
/** | /** | ||
行 925: | 行 1201: | ||
.wrap_ss-ust:before { | .wrap_ss-ust:before { | ||
content: "\e930"; | content: "\e930"; | ||
+ | } | ||
+ | .wrap_ss-und:before { | ||
+ | content: "\e96c"; | ||
+ | } | ||
+ | .wrap_ss-unf:before { | ||
+ | content: "\e98a"; | ||
} | } | ||
/** | /** | ||
行 949: | 行 1231: | ||
content: "\e937"; | content: "\e937"; | ||
} | } | ||
- | .wrap_ss-border:after { | + | .wrap_ss-border:not(.wrap_ss-duo)::after { |
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
行 991: | 行 1273: | ||
.wrap_ss-border.wrap_ss-c15:after { | .wrap_ss-border.wrap_ss-c15:after { | ||
content: "\e900"; | content: "\e900"; | ||
+ | } | ||
+ | .wrap_ss-border.wrap_ss-40k { | ||
+ | display: list-item; | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | .wrap_ss-border.wrap_ss-40k::before { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | .wrap_ss-border.wrap_ss-40k::marker { | ||
+ | content: "\e99a"; | ||
+ | color: #000; | ||
+ | } | ||
+ | .wrap_ss-border.wrap_ss-dmc { | ||
+ | display: list-item; | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | .wrap_ss-border.wrap_ss-dmc::before { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | .wrap_ss-border.wrap_ss-dmc::marker { | ||
+ | content: "\e996"; | ||
+ | color: #000; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |