用户
差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 上一修订版 两侧同时换到之后的修订记录 | ||
|
css:setsymbol [2019/09/22 15:06] Hao Du |
css:setsymbol [2022/07/03 11:15] mtgjudge |
||
|---|---|---|---|
| 行 1: | 行 1: | ||
| <html> | <html> | ||
| <style type="text/css"> | <style type="text/css"> | ||
| + | |||
| /** | /** | ||
| - | * Version 3.4.3 - Magic 2020 | + | * Version 3.10.0 - Dominaria United |
| * Global */ | * Global */ | ||
| - | /* Custom fonts */ | ||
| @font-face { | @font-face { | ||
| font-family: 'Keyrune'; | font-family: 'Keyrune'; | ||
| 行 16: | 行 16: | ||
| font-style: normal; | font-style: normal; | ||
| } | } | ||
| + | |||
| .wrap_ss { | .wrap_ss { | ||
| display: inline-block; | display: inline-block; | ||
| 行 48: | 行 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; | ||
| } | } | ||
| /** | /** | ||
| 行 62: | 行 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; | ||
| } | } | ||
| 行 76: | 行 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 { | ||
| 行 90: | 行 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 { | ||
| 行 104: | 行 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 { | ||
| 行 121: | 行 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 { | ||
| 行 136: | 行 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; | ||
| } | } | ||
| /** | /** | ||
| 行 224: | 行 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 509: | 行 619: | ||
| .wrap_ss-eld:before { | .wrap_ss-eld:before { | ||
| content: "\e95e"; | 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 575: | 行 720: | ||
| .wrap_ss-c19:before { | .wrap_ss-c19:before { | ||
| content: "\e95f"; | 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 622: | 行 813: | ||
| .wrap_ss-mh1:before { | .wrap_ss-mh1:before { | ||
| content: "\e95b"; | 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 771: | 行 983: | ||
| .wrap_ss-ss2:before { | .wrap_ss-ss2:before { | ||
| content: "\e95c"; | content: "\e95c"; | ||
| + | } | ||
| + | .wrap_ss-ss3:before { | ||
| + | content: "\e96d"; | ||
| } | } | ||
| /** | /** | ||
| 行 813: | 行 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 828: | 行 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"; | ||
| } | } | ||
| 行 894: | 行 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 938: | 行 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 949: | 行 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"; | ||
| } | } | ||
| /** | /** | ||
| 行 973: | 行 1231: | ||
| content: "\e937"; | content: "\e937"; | ||
| } | } | ||
| - | .wrap_ss-border:after { | + | .wrap_ss-border:not(.wrap_ss-duo)::after { |
| content: ""; | content: ""; | ||
| position: absolute; | position: absolute; | ||
| 行 1015: | 行 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> | ||