这里会显示出您选择的修订版和当前版本之间的差别。
两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 上一修订版 两侧同时换到之后的修订记录 | ||
css:setsymbol [2018/06/09 04:28] Hao Du 已恢复为旧版 (2018/06/09 04:27) |
css:setsymbol [2022/07/03 11:15] mtgjudge |
||
---|---|---|---|
行 1: | 行 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | /* Custom fonts */ | + | |
+ | /** | ||
+ | * Version 3.10.0 - Dominaria United | ||
+ | * Global */ | ||
@font-face { | @font-face { | ||
- | font-family: 'Keyrune'; | + | font-family: 'Keyrune'; |
- | src: url('//cdn.jsdelivr.net/npm/keyrune@3.2.0/fonts/keyrune.eot'); | + | src: url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot'); |
- | src: url('//cdn.jsdelivr.net/npm/keyrune@3.2.0/fonts/keyrune.eot?#iefix') format('embedded-opentype'), | + | src: url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot?#iefix') format('embedded-opentype'), |
- | url('//cdn.jsdelivr.net/npm/keyrune@3.2.0/fonts/keyrune.woff2') format('woff2'), | + | url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff2') format('woff2'), |
- | url('//cdn.jsdelivr.net/npm/keyrune@3.2.0/fonts/keyrune.woff') format('woff'), | + | url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff') format('woff'), |
- | url('//cdn.jsdelivr.net/npm/keyrune@3.2.0/fonts/keyrune.ttf') format('truetype'), | + | url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.ttf') format('truetype'), |
- | url('//cdn.jsdelivr.net/npm/keyrune@3.2.0/fonts/keyrune.svg') format('svg'); | + | url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.svg') format('svg'); |
- | font-weight: normal; | + | font-weight: normal; |
- | font-style: normal; | + | font-style: normal; |
- | } | + | } |
- | /* ss class for keyrune font */ | ||
.wrap_ss { | .wrap_ss { | ||
display: inline-block; | display: inline-block; | ||
行 30: | 行 32: | ||
.wrap_ss:before { | .wrap_ss:before { | ||
content: "\e684"; | content: "\e684"; | ||
+ | } | ||
+ | /** | ||
+ | * Larger sizes */ | ||
+ | .wrap_ss-2x { | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | .wrap_ss-3x { | ||
+ | font-size: 3em; | ||
+ | } | ||
+ | .wrap_ss-4x { | ||
+ | font-size: 4em; | ||
+ | } | ||
+ | .wrap_ss-5x { | ||
+ | font-size: 5em; | ||
+ | } | ||
+ | .wrap_ss-6x { | ||
+ | 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; | ||
} | } | ||
/** | /** | ||
行 44: | 行 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; | ||
} | } | ||
行 58: | 行 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 { | ||
行 72: | 行 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 { | ||
行 86: | 行 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 { | ||
行 103: | 行 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 { | ||
行 118: | 行 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; | ||
} | } | ||
/** | /** | ||
行 188: | 行 309: | ||
.wrap_ss-ori:before { | .wrap_ss-ori:before { | ||
content: "\e697"; | content: "\e697"; | ||
+ | } | ||
+ | .wrap_ss-m19:before { | ||
+ | content: "\e941"; | ||
+ | } | ||
+ | .wrap_ss-m20:before { | ||
+ | content: "\e95d"; | ||
+ | } | ||
+ | .wrap_ss-1e:before { | ||
+ | content: "\e947"; | ||
+ | } | ||
+ | .wrap_ss-2e:before { | ||
+ | content: "\e948"; | ||
+ | } | ||
+ | .wrap_ss-2u:before { | ||
+ | content: "\e949"; | ||
+ | } | ||
+ | .wrap_ss-3e:before { | ||
+ | content: "\e94a"; | ||
+ | } | ||
+ | .wrap_ss-m21:before { | ||
+ | content: "\e960"; | ||
+ | } | ||
+ | .wrap_ss-xdnd:before, | ||
+ | .wrap_ss-afr:before { | ||
+ | content: "\e972"; | ||
} | } | ||
/** | /** | ||
行 457: | 行 603: | ||
.wrap_ss-dom:before { | .wrap_ss-dom:before { | ||
content: "\e93f"; | content: "\e93f"; | ||
+ | } | ||
+ | /* Guilds of Ravnica Block */ | ||
+ | .wrap_ss-grn:before, | ||
+ | .wrap_ss-gk1:before { | ||
+ | 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"; | ||
} | } | ||
/** | /** | ||
行 514: | 行 711: | ||
.wrap_ss-cm2:before { | .wrap_ss-cm2:before { | ||
content: "\e940"; | content: "\e940"; | ||
+ | } | ||
+ | .wrap_ss-bbd:before { | ||
+ | content: "\e942"; | ||
+ | } | ||
+ | .wrap_ss-c18:before { | ||
+ | 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"; | ||
} | } | ||
/** | /** | ||
行 555: | 行 807: | ||
.wrap_ss-a25:before { | .wrap_ss-a25:before { | ||
content: "\e93d"; | content: "\e93d"; | ||
+ | } | ||
+ | .wrap_ss-uma:before { | ||
+ | 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"; | ||
} | } | ||
/** | /** | ||
行 696: | 行 975: | ||
.wrap_ss-md1:before { | .wrap_ss-md1:before { | ||
content: "\e682"; | content: "\e682"; | ||
+ | } | ||
+ | /** | ||
+ | * Signature Spellbook */ | ||
+ | .wrap_ss-ss1:before { | ||
+ | content: "\e944"; | ||
+ | } | ||
+ | .wrap_ss-ss2:before { | ||
+ | content: "\e95c"; | ||
+ | } | ||
+ | .wrap_ss-ss3:before { | ||
+ | content: "\e96d"; | ||
+ | } | ||
+ | /** | ||
+ | * Global Series */ | ||
+ | .wrap_ss-gs1:before { | ||
+ | content: "\e945"; | ||
+ | } | ||
+ | /** | ||
+ | * Guild Kits */ | ||
+ | .wrap_ss-azorius:before { | ||
+ | content: "\e94e"; | ||
+ | } | ||
+ | .wrap_ss-boros:before { | ||
+ | content: "\e94f"; | ||
+ | } | ||
+ | .wrap_ss-dimir:before { | ||
+ | content: "\e950"; | ||
+ | } | ||
+ | .wrap_ss-golgari:before { | ||
+ | content: "\e951"; | ||
+ | } | ||
+ | .wrap_ss-gruul:before { | ||
+ | content: "\e952"; | ||
+ | } | ||
+ | .wrap_ss-izzet:before { | ||
+ | content: "\e953"; | ||
+ | } | ||
+ | .wrap_ss-orzhov:before { | ||
+ | content: "\e954"; | ||
+ | } | ||
+ | .wrap_ss-rakdos:before { | ||
+ | content: "\e955"; | ||
+ | } | ||
+ | .wrap_ss-selesnya:before { | ||
+ | content: "\e956"; | ||
+ | } | ||
+ | .wrap_ss-simic:before { | ||
+ | content: "\e957"; | ||
+ | } | ||
+ | /** | ||
+ | * Other Supplemental Products */ | ||
+ | .wrap_ss-gnt:before { | ||
+ | content: "\e94d"; | ||
+ | } | ||
+ | .wrap_ss-gn2:before { | ||
+ | content: "\e964"; | ||
+ | } | ||
+ | .wrap_ss-tsr:before { | ||
+ | content: "\e976"; | ||
} | } | ||
/** | /** | ||
行 711: | 行 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"; | ||
} | } | ||
行 774: | 行 1114: | ||
.wrap_ss-ptsa:before { | .wrap_ss-ptsa:before { | ||
content: "\e93c"; | content: "\e93c"; | ||
+ | } | ||
+ | .wrap_ss-parl3:before { | ||
+ | content: "\e943"; | ||
+ | } | ||
+ | .wrap_ss-med:before { | ||
+ | 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"; | ||
} | } | ||
/** | /** | ||
* Online */ | * Online */ | ||
- | .wrap_ss-med:before { | + | .wrap_ss-me1:before { |
content: "\e68d"; | content: "\e68d"; | ||
} | } | ||
行 812: | 行 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"; | ||
} | } | ||
/** | /** | ||
行 823: | 行 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"; | ||
} | } | ||
/** | /** | ||
行 847: | 行 1231: | ||
content: "\e937"; | content: "\e937"; | ||
} | } | ||
- | .wrap_ss-border:after { | + | .wrap_ss-border:not(.wrap_ss-duo)::after { |
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
行 890: | 行 1274: | ||
content: "\e900"; | content: "\e900"; | ||
} | } | ||
- | + | .wrap_ss-border.wrap_ss-40k { | |
- | /*Additional css rule for unconfirmed set codes */ | + | display: list-item; |
- | .wrap_ss-td0:before { | + | list-style-position: inside; |
- | content: "\e91e"; | + | } |
+ | .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> |