You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.

style-monsterimages.css 50 kB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
6 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989
  1. @charset "utf-8";
  2. /*怪物边框*/
  3. .property{ /*主属性*/
  4. background-position-y: 0;
  5. }
  6. .property[data-property='-1']{
  7. background: none; /*无*/
  8. }
  9. .property[data-property='0']{
  10. background-position-x: calc(-102px * 0); /*火*/
  11. }
  12. .property[data-property='1']{
  13. background-position-x: calc(-102px * 1); /*水*/
  14. }
  15. .property[data-property='2']{
  16. background-position-x: calc(-102px * 2); /*木*/
  17. }
  18. .property[data-property='3']{
  19. background-position-x: calc(-102px * 3); /*光*/
  20. }
  21. .property[data-property='4']{
  22. background-position-x: calc(-102px * 4); /*暗*/
  23. }
  24. .subproperty{ /*副属性*/
  25. background-position-y: -104px;
  26. }
  27. .subproperty[data-property='-1']{
  28. background: none; /*无*/
  29. }
  30. .subproperty[data-property='0']{
  31. background-position-x: calc(-102px * 0); /*火*/
  32. }
  33. .subproperty[data-property='1']{
  34. background-position-x: calc(-102px * 1); /*水*/
  35. }
  36. .subproperty[data-property='2']{
  37. background-position-x: calc(-102px * 2); /*木*/
  38. }
  39. .subproperty[data-property='3']{
  40. background-position-x: calc(-102px * 3); /*光*/
  41. }
  42. .subproperty[data-property='4']{
  43. background-position-x: calc(-102px * 4); /*暗*/
  44. }
  45. /*宠物头像所用的图片*/
  46. .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
  47. .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}
  48. .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ja/CARDS_003.PNG);}
  49. .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ja/CARDS_004.PNG);}
  50. .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ja/CARDS_005.PNG);}
  51. .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ja/CARDS_006.PNG);}
  52. .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ja/CARDS_007.PNG);}
  53. .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ja/CARDS_008.PNG);}
  54. .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ja/CARDS_009.PNG);}
  55. .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ja/CARDS_010.PNG);}
  56. .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ja/CARDS_011.PNG);}
  57. .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ja/CARDS_012.PNG);}
  58. .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ja/CARDS_013.PNG);}
  59. .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ja/CARDS_014.PNG);}
  60. .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ja/CARDS_015.PNG);}
  61. .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ja/CARDS_016.PNG);}
  62. .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ja/CARDS_017.PNG);}
  63. .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ja/CARDS_018.PNG);}
  64. .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ja/CARDS_019.PNG);}
  65. .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ja/CARDS_020.PNG);}
  66. .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ja/CARDS_021.PNG);}
  67. .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ja/CARDS_022.PNG);}
  68. .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ja/CARDS_023.PNG);}
  69. .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ja/CARDS_024.PNG);}
  70. .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ja/CARDS_025.PNG);}
  71. .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ja/CARDS_026.PNG);}
  72. .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ja/CARDS_027.PNG);}
  73. .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ja/CARDS_028.PNG);}
  74. .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ja/CARDS_029.PNG);}
  75. .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ja/CARDS_030.PNG);}
  76. .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ja/CARDS_031.PNG);}
  77. .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ja/CARDS_032.PNG);}
  78. .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ja/CARDS_033.PNG);}
  79. .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ja/CARDS_034.PNG);}
  80. .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ja/CARDS_035.PNG);}
  81. .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ja/CARDS_036.PNG);}
  82. .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ja/CARDS_037.PNG);}
  83. .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ja/CARDS_038.PNG);}
  84. .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ja/CARDS_039.PNG);}
  85. .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ja/CARDS_040.PNG);}
  86. .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ja/CARDS_041.PNG);}
  87. .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ja/CARDS_042.PNG);}
  88. .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ja/CARDS_043.PNG);}
  89. .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ja/CARDS_044.PNG);}
  90. .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ja/CARDS_045.PNG);}
  91. .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ja/CARDS_046.PNG);}
  92. .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ja/CARDS_047.PNG);}
  93. .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ja/CARDS_048.PNG);}
  94. .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ja/CARDS_049.PNG);}
  95. .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ja/CARDS_050.PNG);}
  96. .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ja/CARDS_051.PNG);}
  97. .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ja/CARDS_052.PNG);}
  98. .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ja/CARDS_053.PNG);}
  99. .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ja/CARDS_054.PNG);}
  100. .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ja/CARDS_055.PNG);}
  101. .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ja/CARDS_056.PNG);}
  102. .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ja/CARDS_057.PNG);}
  103. .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ja/CARDS_058.PNG);}
  104. .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ja/CARDS_059.PNG);}
  105. .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ja/CARDS_060.PNG);}
  106. .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ja/CARDS_061.PNG);}
  107. .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ja/CARDS_062.PNG);}
  108. .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ja/CARDS_063.PNG);}
  109. .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ja/CARDS_064.PNG);}
  110. .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ja/CARDS_065.PNG);}
  111. .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ja/CARDS_066.PNG);}
  112. .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ja/CARDS_067.PNG);}
  113. .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ja/CARDS_068.PNG);}
  114. .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ja/CARDS_069.PNG);}
  115. .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ja/CARDS_070.PNG);}
  116. .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ja/CARDS_071.PNG);}
  117. .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ja/CARDS_072.PNG);}
  118. .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ja/CARDS_073.PNG);}
  119. .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ja/CARDS_074.PNG);}
  120. .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ja/CARDS_075.PNG);}
  121. .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ja/CARDS_076.PNG);}
  122. .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ja/CARDS_077.PNG);}
  123. .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ja/CARDS_078.PNG);}
  124. .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ja/CARDS_079.PNG);}
  125. .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ja/CARDS_080.PNG);}
  126. .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ja/CARDS_081.PNG);}
  127. .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ja/CARDS_082.PNG);}
  128. .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ja/CARDS_083.PNG);}
  129. .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ja/CARDS_084.PNG);}
  130. .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ja/CARDS_085.PNG);}
  131. .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ja/CARDS_086.PNG);}
  132. .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ja/CARDS_087.PNG);}
  133. .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ja/CARDS_088.PNG);}
  134. .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ja/CARDS_089.PNG);}
  135. .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ja/CARDS_090.PNG);}
  136. .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ja/CARDS_091.PNG);}
  137. .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ja/CARDS_092.PNG);}
  138. .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ja/CARDS_093.PNG);}
  139. .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ja/CARDS_094.PNG);}
  140. .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ja/CARDS_095.PNG);}
  141. .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ja/CARDS_096.PNG);}
  142. .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ja/CARDS_097.PNG);}
  143. .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ja/CARDS_098.PNG);}
  144. .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ja/CARDS_099.PNG);}
  145. /*美服*/
  146. .ds-en .monster[data-cards-pic-idx='1']{background-image: url(images/cards_en/CARDS_001.PNG);}
  147. .ds-en .monster[data-cards-pic-idx='2']{background-image: url(images/cards_en/CARDS_002.PNG);}
  148. .ds-en .monster[data-cards-pic-idx='3']{background-image: url(images/cards_en/CARDS_003.PNG);}
  149. .ds-en .monster[data-cards-pic-idx='4']{background-image: url(images/cards_en/CARDS_004.PNG);}
  150. .ds-en .monster[data-cards-pic-idx='5']{background-image: url(images/cards_en/CARDS_005.PNG);}
  151. .ds-en .monster[data-cards-pic-idx='6']{background-image: url(images/cards_en/CARDS_006.PNG);}
  152. .ds-en .monster[data-cards-pic-idx='7']{background-image: url(images/cards_en/CARDS_007.PNG);}
  153. .ds-en .monster[data-cards-pic-idx='8']{background-image: url(images/cards_en/CARDS_008.PNG);}
  154. .ds-en .monster[data-cards-pic-idx='9']{background-image: url(images/cards_en/CARDS_009.PNG);}
  155. .ds-en .monster[data-cards-pic-idx='10']{background-image: url(images/cards_en/CARDS_010.PNG);}
  156. .ds-en .monster[data-cards-pic-idx='11']{background-image: url(images/cards_en/CARDS_011.PNG);}
  157. .ds-en .monster[data-cards-pic-idx='12']{background-image: url(images/cards_en/CARDS_012.PNG);}
  158. .ds-en .monster[data-cards-pic-idx='13']{background-image: url(images/cards_en/CARDS_013.PNG);}
  159. .ds-en .monster[data-cards-pic-idx='14']{background-image: url(images/cards_en/CARDS_014.PNG);}
  160. .ds-en .monster[data-cards-pic-idx='15']{background-image: url(images/cards_en/CARDS_015.PNG);}
  161. .ds-en .monster[data-cards-pic-idx='16']{background-image: url(images/cards_en/CARDS_016.PNG);}
  162. .ds-en .monster[data-cards-pic-idx='17']{background-image: url(images/cards_en/CARDS_017.PNG);}
  163. .ds-en .monster[data-cards-pic-idx='18']{background-image: url(images/cards_en/CARDS_018.PNG);}
  164. .ds-en .monster[data-cards-pic-idx='19']{background-image: url(images/cards_en/CARDS_019.PNG);}
  165. .ds-en .monster[data-cards-pic-idx='20']{background-image: url(images/cards_en/CARDS_020.PNG);}
  166. .ds-en .monster[data-cards-pic-idx='21']{background-image: url(images/cards_en/CARDS_021.PNG);}
  167. .ds-en .monster[data-cards-pic-idx='22']{background-image: url(images/cards_en/CARDS_022.PNG);}
  168. .ds-en .monster[data-cards-pic-idx='23']{background-image: url(images/cards_en/CARDS_023.PNG);}
  169. .ds-en .monster[data-cards-pic-idx='24']{background-image: url(images/cards_en/CARDS_024.PNG);}
  170. .ds-en .monster[data-cards-pic-idx='25']{background-image: url(images/cards_en/CARDS_025.PNG);}
  171. .ds-en .monster[data-cards-pic-idx='26']{background-image: url(images/cards_en/CARDS_026.PNG);}
  172. .ds-en .monster[data-cards-pic-idx='27']{background-image: url(images/cards_en/CARDS_027.PNG);}
  173. .ds-en .monster[data-cards-pic-idx='28']{background-image: url(images/cards_en/CARDS_028.PNG);}
  174. .ds-en .monster[data-cards-pic-idx='29']{background-image: url(images/cards_en/CARDS_029.PNG);}
  175. .ds-en .monster[data-cards-pic-idx='30']{background-image: url(images/cards_en/CARDS_030.PNG);}
  176. .ds-en .monster[data-cards-pic-idx='31']{background-image: url(images/cards_en/CARDS_031.PNG);}
  177. .ds-en .monster[data-cards-pic-idx='32']{background-image: url(images/cards_en/CARDS_032.PNG);}
  178. .ds-en .monster[data-cards-pic-idx='33']{background-image: url(images/cards_en/CARDS_033.PNG);}
  179. .ds-en .monster[data-cards-pic-idx='34']{background-image: url(images/cards_en/CARDS_034.PNG);}
  180. .ds-en .monster[data-cards-pic-idx='35']{background-image: url(images/cards_en/CARDS_035.PNG);}
  181. .ds-en .monster[data-cards-pic-idx='36']{background-image: url(images/cards_en/CARDS_036.PNG);}
  182. .ds-en .monster[data-cards-pic-idx='37']{background-image: url(images/cards_en/CARDS_037.PNG);}
  183. .ds-en .monster[data-cards-pic-idx='38']{background-image: url(images/cards_en/CARDS_038.PNG);}
  184. .ds-en .monster[data-cards-pic-idx='39']{background-image: url(images/cards_en/CARDS_039.PNG);}
  185. .ds-en .monster[data-cards-pic-idx='40']{background-image: url(images/cards_en/CARDS_040.PNG);}
  186. .ds-en .monster[data-cards-pic-idx='41']{background-image: url(images/cards_en/CARDS_041.PNG);}
  187. .ds-en .monster[data-cards-pic-idx='42']{background-image: url(images/cards_en/CARDS_042.PNG);}
  188. .ds-en .monster[data-cards-pic-idx='43']{background-image: url(images/cards_en/CARDS_043.PNG);}
  189. .ds-en .monster[data-cards-pic-idx='44']{background-image: url(images/cards_en/CARDS_044.PNG);}
  190. .ds-en .monster[data-cards-pic-idx='45']{background-image: url(images/cards_en/CARDS_045.PNG);}
  191. .ds-en .monster[data-cards-pic-idx='46']{background-image: url(images/cards_en/CARDS_046.PNG);}
  192. .ds-en .monster[data-cards-pic-idx='47']{background-image: url(images/cards_en/CARDS_047.PNG);}
  193. .ds-en .monster[data-cards-pic-idx='48']{background-image: url(images/cards_en/CARDS_048.PNG);}
  194. .ds-en .monster[data-cards-pic-idx='49']{background-image: url(images/cards_en/CARDS_049.PNG);}
  195. .ds-en .monster[data-cards-pic-idx='50']{background-image: url(images/cards_en/CARDS_050.PNG);}
  196. .ds-en .monster[data-cards-pic-idx='51']{background-image: url(images/cards_en/CARDS_051.PNG);}
  197. .ds-en .monster[data-cards-pic-idx='52']{background-image: url(images/cards_en/CARDS_052.PNG);}
  198. .ds-en .monster[data-cards-pic-idx='53']{background-image: url(images/cards_en/CARDS_053.PNG);}
  199. .ds-en .monster[data-cards-pic-idx='54']{background-image: url(images/cards_en/CARDS_054.PNG);}
  200. .ds-en .monster[data-cards-pic-idx='55']{background-image: url(images/cards_en/CARDS_055.PNG);}
  201. .ds-en .monster[data-cards-pic-idx='56']{background-image: url(images/cards_en/CARDS_056.PNG);}
  202. .ds-en .monster[data-cards-pic-idx='57']{background-image: url(images/cards_en/CARDS_057.PNG);}
  203. .ds-en .monster[data-cards-pic-idx='58']{background-image: url(images/cards_en/CARDS_058.PNG);}
  204. .ds-en .monster[data-cards-pic-idx='59']{background-image: url(images/cards_en/CARDS_059.PNG);}
  205. .ds-en .monster[data-cards-pic-idx='60']{background-image: url(images/cards_en/CARDS_060.PNG);}
  206. .ds-en .monster[data-cards-pic-idx='61']{background-image: url(images/cards_en/CARDS_061.PNG);}
  207. .ds-en .monster[data-cards-pic-idx='62']{background-image: url(images/cards_en/CARDS_062.PNG);}
  208. .ds-en .monster[data-cards-pic-idx='63']{background-image: url(images/cards_en/CARDS_063.PNG);}
  209. .ds-en .monster[data-cards-pic-idx='64']{background-image: url(images/cards_en/CARDS_064.PNG);}
  210. .ds-en .monster[data-cards-pic-idx='65']{background-image: url(images/cards_en/CARDS_065.PNG);}
  211. .ds-en .monster[data-cards-pic-idx='66']{background-image: url(images/cards_en/CARDS_066.PNG);}
  212. .ds-en .monster[data-cards-pic-idx='67']{background-image: url(images/cards_en/CARDS_067.PNG);}
  213. .ds-en .monster[data-cards-pic-idx='68']{background-image: url(images/cards_en/CARDS_068.PNG);}
  214. .ds-en .monster[data-cards-pic-idx='69']{background-image: url(images/cards_en/CARDS_069.PNG);}
  215. .ds-en .monster[data-cards-pic-idx='70']{background-image: url(images/cards_en/CARDS_070.PNG);}
  216. .ds-en .monster[data-cards-pic-idx='71']{background-image: url(images/cards_en/CARDS_071.PNG);}
  217. .ds-en .monster[data-cards-pic-idx='72']{background-image: url(images/cards_en/CARDS_072.PNG);}
  218. .ds-en .monster[data-cards-pic-idx='73']{background-image: url(images/cards_en/CARDS_073.PNG);}
  219. .ds-en .monster[data-cards-pic-idx='74']{background-image: url(images/cards_en/CARDS_074.PNG);}
  220. .ds-en .monster[data-cards-pic-idx='75']{background-image: url(images/cards_en/CARDS_075.PNG);}
  221. .ds-en .monster[data-cards-pic-idx='76']{background-image: url(images/cards_en/CARDS_076.PNG);}
  222. .ds-en .monster[data-cards-pic-idx='77']{background-image: url(images/cards_en/CARDS_077.PNG);}
  223. .ds-en .monster[data-cards-pic-idx='78']{background-image: url(images/cards_en/CARDS_078.PNG);}
  224. .ds-en .monster[data-cards-pic-idx='79']{background-image: url(images/cards_en/CARDS_079.PNG);}
  225. .ds-en .monster[data-cards-pic-idx='80']{background-image: url(images/cards_en/CARDS_080.PNG);}
  226. .ds-en .monster[data-cards-pic-idx='81']{background-image: url(images/cards_en/CARDS_081.PNG);}
  227. .ds-en .monster[data-cards-pic-idx='82']{background-image: url(images/cards_en/CARDS_082.PNG);}
  228. .ds-en .monster[data-cards-pic-idx='83']{background-image: url(images/cards_en/CARDS_083.PNG);}
  229. .ds-en .monster[data-cards-pic-idx='84']{background-image: url(images/cards_en/CARDS_084.PNG);}
  230. .ds-en .monster[data-cards-pic-idx='85']{background-image: url(images/cards_en/CARDS_085.PNG);}
  231. .ds-en .monster[data-cards-pic-idx='86']{background-image: url(images/cards_en/CARDS_086.PNG);}
  232. .ds-en .monster[data-cards-pic-idx='87']{background-image: url(images/cards_en/CARDS_087.PNG);}
  233. .ds-en .monster[data-cards-pic-idx='88']{background-image: url(images/cards_en/CARDS_088.PNG);}
  234. .ds-en .monster[data-cards-pic-idx='89']{background-image: url(images/cards_en/CARDS_089.PNG);}
  235. .ds-en .monster[data-cards-pic-idx='90']{background-image: url(images/cards_en/CARDS_090.PNG);}
  236. .ds-en .monster[data-cards-pic-idx='91']{background-image: url(images/cards_en/CARDS_091.PNG);}
  237. .ds-en .monster[data-cards-pic-idx='92']{background-image: url(images/cards_en/CARDS_092.PNG);}
  238. .ds-en .monster[data-cards-pic-idx='93']{background-image: url(images/cards_en/CARDS_093.PNG);}
  239. .ds-en .monster[data-cards-pic-idx='94']{background-image: url(images/cards_en/CARDS_094.PNG);}
  240. .ds-en .monster[data-cards-pic-idx='95']{background-image: url(images/cards_en/CARDS_095.PNG);}
  241. .ds-en .monster[data-cards-pic-idx='96']{background-image: url(images/cards_en/CARDS_096.PNG);}
  242. .ds-en .monster[data-cards-pic-idx='97']{background-image: url(images/cards_en/CARDS_097.PNG);}
  243. .ds-en .monster[data-cards-pic-idx='98']{background-image: url(images/cards_en/CARDS_098.PNG);}
  244. .ds-en .monster[data-cards-pic-idx='99']{background-image: url(images/cards_en/CARDS_099.PNG);}
  245. /*韩服*/
  246. .ds-ko .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ko/CARDS_001.PNG);}
  247. .ds-ko .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ko/CARDS_002.PNG);}
  248. .ds-ko .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ko/CARDS_003.PNG);}
  249. .ds-ko .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ko/CARDS_004.PNG);}
  250. .ds-ko .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ko/CARDS_005.PNG);}
  251. .ds-ko .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ko/CARDS_006.PNG);}
  252. .ds-ko .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ko/CARDS_007.PNG);}
  253. .ds-ko .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ko/CARDS_008.PNG);}
  254. .ds-ko .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ko/CARDS_009.PNG);}
  255. .ds-ko .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ko/CARDS_010.PNG);}
  256. .ds-ko .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ko/CARDS_011.PNG);}
  257. .ds-ko .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ko/CARDS_012.PNG);}
  258. .ds-ko .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ko/CARDS_013.PNG);}
  259. .ds-ko .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ko/CARDS_014.PNG);}
  260. .ds-ko .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ko/CARDS_015.PNG);}
  261. .ds-ko .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ko/CARDS_016.PNG);}
  262. .ds-ko .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ko/CARDS_017.PNG);}
  263. .ds-ko .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ko/CARDS_018.PNG);}
  264. .ds-ko .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ko/CARDS_019.PNG);}
  265. .ds-ko .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ko/CARDS_020.PNG);}
  266. .ds-ko .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ko/CARDS_021.PNG);}
  267. .ds-ko .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ko/CARDS_022.PNG);}
  268. .ds-ko .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ko/CARDS_023.PNG);}
  269. .ds-ko .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ko/CARDS_024.PNG);}
  270. .ds-ko .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ko/CARDS_025.PNG);}
  271. .ds-ko .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ko/CARDS_026.PNG);}
  272. .ds-ko .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ko/CARDS_027.PNG);}
  273. .ds-ko .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ko/CARDS_028.PNG);}
  274. .ds-ko .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ko/CARDS_029.PNG);}
  275. .ds-ko .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ko/CARDS_030.PNG);}
  276. .ds-ko .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ko/CARDS_031.PNG);}
  277. .ds-ko .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ko/CARDS_032.PNG);}
  278. .ds-ko .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ko/CARDS_033.PNG);}
  279. .ds-ko .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ko/CARDS_034.PNG);}
  280. .ds-ko .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ko/CARDS_035.PNG);}
  281. .ds-ko .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ko/CARDS_036.PNG);}
  282. .ds-ko .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ko/CARDS_037.PNG);}
  283. .ds-ko .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ko/CARDS_038.PNG);}
  284. .ds-ko .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ko/CARDS_039.PNG);}
  285. .ds-ko .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ko/CARDS_040.PNG);}
  286. .ds-ko .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ko/CARDS_041.PNG);}
  287. .ds-ko .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ko/CARDS_042.PNG);}
  288. .ds-ko .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ko/CARDS_043.PNG);}
  289. .ds-ko .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ko/CARDS_044.PNG);}
  290. .ds-ko .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ko/CARDS_045.PNG);}
  291. .ds-ko .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ko/CARDS_046.PNG);}
  292. .ds-ko .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ko/CARDS_047.PNG);}
  293. .ds-ko .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ko/CARDS_048.PNG);}
  294. .ds-ko .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ko/CARDS_049.PNG);}
  295. .ds-ko .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ko/CARDS_050.PNG);}
  296. .ds-ko .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ko/CARDS_051.PNG);}
  297. .ds-ko .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ko/CARDS_052.PNG);}
  298. .ds-ko .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ko/CARDS_053.PNG);}
  299. .ds-ko .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ko/CARDS_054.PNG);}
  300. .ds-ko .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ko/CARDS_055.PNG);}
  301. .ds-ko .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ko/CARDS_056.PNG);}
  302. .ds-ko .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ko/CARDS_057.PNG);}
  303. .ds-ko .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ko/CARDS_058.PNG);}
  304. .ds-ko .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ko/CARDS_059.PNG);}
  305. .ds-ko .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ko/CARDS_060.PNG);}
  306. .ds-ko .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ko/CARDS_061.PNG);}
  307. .ds-ko .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ko/CARDS_062.PNG);}
  308. .ds-ko .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ko/CARDS_063.PNG);}
  309. .ds-ko .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ko/CARDS_064.PNG);}
  310. .ds-ko .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ko/CARDS_065.PNG);}
  311. .ds-ko .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ko/CARDS_066.PNG);}
  312. .ds-ko .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ko/CARDS_067.PNG);}
  313. .ds-ko .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ko/CARDS_068.PNG);}
  314. .ds-ko .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ko/CARDS_069.PNG);}
  315. .ds-ko .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ko/CARDS_070.PNG);}
  316. .ds-ko .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ko/CARDS_071.PNG);}
  317. .ds-ko .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ko/CARDS_072.PNG);}
  318. .ds-ko .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ko/CARDS_073.PNG);}
  319. .ds-ko .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ko/CARDS_074.PNG);}
  320. .ds-ko .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ko/CARDS_075.PNG);}
  321. .ds-ko .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ko/CARDS_076.PNG);}
  322. .ds-ko .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ko/CARDS_077.PNG);}
  323. .ds-ko .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ko/CARDS_078.PNG);}
  324. .ds-ko .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ko/CARDS_079.PNG);}
  325. .ds-ko .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ko/CARDS_080.PNG);}
  326. .ds-ko .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ko/CARDS_081.PNG);}
  327. .ds-ko .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ko/CARDS_082.PNG);}
  328. .ds-ko .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ko/CARDS_083.PNG);}
  329. .ds-ko .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ko/CARDS_084.PNG);}
  330. .ds-ko .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ko/CARDS_085.PNG);}
  331. .ds-ko .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ko/CARDS_086.PNG);}
  332. .ds-ko .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ko/CARDS_087.PNG);}
  333. .ds-ko .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ko/CARDS_088.PNG);}
  334. .ds-ko .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ko/CARDS_089.PNG);}
  335. .ds-ko .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ko/CARDS_090.PNG);}
  336. .ds-ko .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ko/CARDS_091.PNG);}
  337. .ds-ko .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ko/CARDS_092.PNG);}
  338. .ds-ko .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ko/CARDS_093.PNG);}
  339. .ds-ko .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ko/CARDS_094.PNG);}
  340. .ds-ko .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ko/CARDS_095.PNG);}
  341. .ds-ko .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ko/CARDS_096.PNG);}
  342. .ds-ko .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ko/CARDS_097.PNG);}
  343. .ds-ko .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ko/CARDS_098.PNG);}
  344. .ds-ko .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ko/CARDS_099.PNG);}
  345. /*.en-only.monster[data-cards-pic-idx='54']{background-image: url(images/cards/en/CARDS_054.PNG);}
  346. .en-only.monster[data-cards-pic-idx='55']{background-image: url(images/cards/en/CARDS_055.PNG);}*/
  347. /*宠物在图中编号对应的坐标*/
  348. .monster[data-cards-pic-x='0']{background-position-x:calc(-102px * 0);}
  349. .monster[data-cards-pic-x='1']{background-position-x:calc(-102px * 1);}
  350. .monster[data-cards-pic-x='2']{background-position-x:calc(-102px * 2);}
  351. .monster[data-cards-pic-x='3']{background-position-x:calc(-102px * 3);}
  352. .monster[data-cards-pic-x='4']{background-position-x:calc(-102px * 4);}
  353. .monster[data-cards-pic-x='5']{background-position-x:calc(-102px * 5);}
  354. .monster[data-cards-pic-x='6']{background-position-x:calc(-102px * 6);}
  355. .monster[data-cards-pic-x='7']{background-position-x:calc(-102px * 7);}
  356. .monster[data-cards-pic-x='8']{background-position-x:calc(-102px * 8);}
  357. .monster[data-cards-pic-x='9']{background-position-x:calc(-102px * 9);}
  358. .monster[data-cards-pic-y='0']{background-position-y:calc(-102px * 0);}
  359. .monster[data-cards-pic-y='1']{background-position-y:calc(-102px * 1);}
  360. .monster[data-cards-pic-y='2']{background-position-y:calc(-102px * 2);}
  361. .monster[data-cards-pic-y='3']{background-position-y:calc(-102px * 3);}
  362. .monster[data-cards-pic-y='4']{background-position-y:calc(-102px * 4);}
  363. .monster[data-cards-pic-y='5']{background-position-y:calc(-102px * 5);}
  364. .monster[data-cards-pic-y='6']{background-position-y:calc(-102px * 6);}
  365. .monster[data-cards-pic-y='7']{background-position-y:calc(-102px * 7);}
  366. .monster[data-cards-pic-y='8']{background-position-y:calc(-102px * 8);}
  367. .monster[data-cards-pic-y='9']{background-position-y:calc(-102px * 9);}
  368. /*觉醒、类型、潜觉*/
  369. .awoken-icon,.type-icon{
  370. display:inline-block;
  371. width:32px;height:32px;
  372. vertical-align: middle;
  373. background-repeat: no-repeat;
  374. }
  375. /*觉醒*/
  376. .awoken-icon{
  377. background-image: url(images/awoken.png);
  378. background-position-x: 0;
  379. }
  380. .awoken-icon[data-awoken-icon='0']{/*问号*/
  381. background-position-y:calc(-32px * 0);
  382. }
  383. .awoken-icon[data-awoken-icon='1']{/*HP+*/
  384. background-position-y:calc(-32px * 1);
  385. }
  386. .awoken-icon[data-awoken-icon='2']{/*攻击+*/
  387. background-position-y:calc(-32px * 2);
  388. }
  389. .awoken-icon[data-awoken-icon='3']{/*回复+*/
  390. background-position-y:calc(-32px * 3);
  391. }
  392. .awoken-icon[data-awoken-icon='4']{/*火盾*/
  393. background-position-y:calc(-32px * 4);
  394. }
  395. .awoken-icon[data-awoken-icon='5']{/*水盾*/
  396. background-position-y:calc(-32px * 5);
  397. }
  398. .awoken-icon[data-awoken-icon='6']{/*木盾*/
  399. background-position-y:calc(-32px * 6);
  400. }
  401. .awoken-icon[data-awoken-icon='7']{/*光盾*/
  402. background-position-y:calc(-32px * 7);
  403. }
  404. .awoken-icon[data-awoken-icon='8']{/*暗盾*/
  405. background-position-y:calc(-32px * 8);
  406. }
  407. .awoken-icon[data-awoken-icon='9']{/*自回*/
  408. background-position-y:calc(-32px * 9);
  409. }
  410. .awoken-icon[data-awoken-icon='10']{/*防封*/
  411. background-position-y:calc(-32px * 10);
  412. }
  413. .awoken-icon[data-awoken-icon='11']{/*防暗*/
  414. background-position-y:calc(-32px * 11);
  415. }
  416. .awoken-icon[data-awoken-icon='12']{/*防废*/
  417. background-position-y:calc(-32px * 12);
  418. }
  419. .awoken-icon[data-awoken-icon='13']{/*防毒*/
  420. background-position-y:calc(-32px * 13);
  421. }
  422. .awoken-icon[data-awoken-icon='14']{/*火+*/
  423. background-position-y:calc(-32px * 14);
  424. }
  425. .awoken-icon[data-awoken-icon='15']{/*水+*/
  426. background-position-y:calc(-32px * 15);
  427. }
  428. .awoken-icon[data-awoken-icon='16']{/*木+*/
  429. background-position-y:calc(-32px * 16);
  430. }
  431. .awoken-icon[data-awoken-icon='17']{/*光+*/
  432. background-position-y:calc(-32px * 17);
  433. }
  434. .awoken-icon[data-awoken-icon='18']{/*暗+*/
  435. background-position-y:calc(-32px * 18);
  436. }
  437. .awoken-icon[data-awoken-icon='19']{/*手指*/
  438. background-position-y:calc(-32px * 19);
  439. }
  440. .awoken-icon[data-awoken-icon='20']{/*心解*/
  441. background-position-y:calc(-32px * 20);
  442. }
  443. .awoken-icon[data-awoken-icon='21']{/*SB*/
  444. background-position-y:calc(-32px * 21);
  445. }
  446. .awoken-icon[data-awoken-icon='22']{/*火横*/
  447. background-position-y:calc(-32px * 22);
  448. }
  449. .awoken-icon[data-awoken-icon='23']{/*水横*/
  450. background-position-y:calc(-32px * 23);
  451. }
  452. .awoken-icon[data-awoken-icon='24']{/*木横*/
  453. background-position-y:calc(-32px * 24);
  454. }
  455. .awoken-icon[data-awoken-icon='25']{/*光横*/
  456. background-position-y:calc(-32px * 25);
  457. }
  458. .awoken-icon[data-awoken-icon='26']{/*暗横*/
  459. background-position-y:calc(-32px * 26);
  460. }
  461. .awoken-icon[data-awoken-icon='27']{/*U*/
  462. background-position-y:calc(-32px * 27);
  463. }
  464. .awoken-icon[data-awoken-icon='28']{/*SX*/
  465. background-position-y:calc(-32px * 28);
  466. }
  467. .awoken-icon[data-awoken-icon='29']{/*心+*/
  468. background-position-y:calc(-32px * 29);
  469. }
  470. .awoken-icon[data-awoken-icon='30']{/*协力*/
  471. background-position-y:calc(-32px * 30);
  472. }
  473. .awoken-icon[data-awoken-icon='31']{/*龙杀*/
  474. background-position-y:calc(-32px * 31);
  475. }
  476. .awoken-icon[data-awoken-icon='32']{/*神杀*/
  477. background-position-y:calc(-32px * 32);
  478. }
  479. .awoken-icon[data-awoken-icon='33']{/*恶魔杀*/
  480. background-position-y:calc(-32px * 33);
  481. }
  482. .awoken-icon[data-awoken-icon='34']{/*机杀*/
  483. background-position-y:calc(-32px * 34);
  484. }
  485. .awoken-icon[data-awoken-icon='35']{/*平衡杀*/
  486. background-position-y:calc(-32px * 35);
  487. }
  488. .awoken-icon[data-awoken-icon='36']{/*攻击杀*/
  489. background-position-y:calc(-32px * 36);
  490. }
  491. .awoken-icon[data-awoken-icon='37']{/*体力杀*/
  492. background-position-y:calc(-32px * 37);
  493. }
  494. .awoken-icon[data-awoken-icon='38']{/*回复杀*/
  495. background-position-y:calc(-32px * 38);
  496. }
  497. .awoken-icon[data-awoken-icon='39']{/*进化杀*/
  498. background-position-y:calc(-32px * 39);
  499. }
  500. .awoken-icon[data-awoken-icon='40']{/*觉醒杀*/
  501. background-position-y:calc(-32px * 40);
  502. }
  503. .awoken-icon[data-awoken-icon='41']{/*强化杀*/
  504. background-position-y:calc(-32px * 41);
  505. }
  506. .awoken-icon[data-awoken-icon='42']{/*卖钱杀*/
  507. background-position-y:calc(-32px * 42);
  508. }
  509. .awoken-icon[data-awoken-icon='43']{/*7c*/
  510. background-position-y:calc(-32px * 43);
  511. }
  512. .awoken-icon[data-awoken-icon='44']{/*5色破防*/
  513. background-position-y:calc(-32px * 44);
  514. }
  515. .awoken-icon[data-awoken-icon='45']{/*心追*/
  516. background-position-y:calc(-32px * 45);
  517. }
  518. .awoken-icon[data-awoken-icon='46']{/*全体HP*/
  519. background-position-y:calc(-32px * 46);
  520. }
  521. .awoken-icon[data-awoken-icon='47']{/*全体回复*/
  522. background-position-y:calc(-32px * 47);
  523. }
  524. .awoken-icon[data-awoken-icon='48']{/*破无效*/
  525. background-position-y:calc(-32px * 48);
  526. }
  527. .awoken-icon[data-awoken-icon='49']{/*武器觉醒*/
  528. background-position-y:calc(-32px * 49);
  529. }
  530. .awoken-icon[data-awoken-icon='50']{/*方块心追*/
  531. background-position-y:calc(-32px * 50);
  532. }
  533. .awoken-icon[data-awoken-icon='51']{/*5色溜*/
  534. background-position-y:calc(-32px * 51);
  535. }
  536. .awoken-icon[data-awoken-icon='52']{/*大防封*/
  537. background-position-y:calc(-32px * 52);
  538. }
  539. .awoken-icon[data-awoken-icon='53']{/*大手指*/
  540. background-position-y:calc(-32px * 53);
  541. }
  542. .awoken-icon[data-awoken-icon='54']{/*防云*/
  543. background-position-y:calc(-32px * 54);
  544. }
  545. .awoken-icon[data-awoken-icon='55']{/*防封条*/
  546. background-position-y:calc(-32px * 55);
  547. }
  548. .awoken-icon[data-awoken-icon='56']{/*大SB*/
  549. background-position-y:calc(-32px * 56);
  550. }
  551. .awoken-icon[data-awoken-icon='57']{/*满血强化*/
  552. background-position-y:calc(-32px * 57);
  553. }
  554. .awoken-icon[data-awoken-icon='58']{/*下半血强化*/
  555. background-position-y:calc(-32px * 58);
  556. }
  557. .awoken-icon[data-awoken-icon='59']{/*L盾*/
  558. background-position-y:calc(-32px * 59);
  559. }
  560. .awoken-icon[data-awoken-icon='60']{/*L解锁*/
  561. background-position-y:calc(-32px * 60);
  562. }
  563. .awoken-icon[data-awoken-icon='61']{/*10c*/
  564. background-position-y:calc(-32px * 61);
  565. }
  566. .awoken-icon[data-awoken-icon='62']{/*c珠*/
  567. background-position-y:calc(-32px * 62);
  568. }
  569. .awoken-icon[data-awoken-icon='63']{/*语音*/
  570. background-position-y:calc(-32px * 63);
  571. }
  572. .awoken-icon[data-awoken-icon='64']{/*奖励增加*/
  573. background-position-y:calc(-32px * 64);
  574. }
  575. .awoken-icon[data-awoken-icon='65']{/*HP-*/
  576. background-position-y:calc(-32px * 65);
  577. }
  578. .awoken-icon[data-awoken-icon='66']{/*攻击-*/
  579. background-position-y:calc(-32px * 66);
  580. }
  581. .awoken-icon[data-awoken-icon='67']{/*回复-*/
  582. background-position-y:calc(-32px * 67);
  583. }
  584. .awoken-icon[data-awoken-icon='68']{/*大防暗*/
  585. background-position-y:calc(-32px * 68);
  586. }
  587. .awoken-icon[data-awoken-icon='69']{/*大防废*/
  588. background-position-y:calc(-32px * 69);
  589. }
  590. .awoken-icon[data-awoken-icon='70']{/*大防毒*/
  591. background-position-y:calc(-32px * 70);
  592. }
  593. .awoken-icon[data-awoken-icon='71']{/*掉废*/
  594. background-position-y:calc(-32px * 71);
  595. }
  596. .awoken-icon[data-awoken-icon='72']{/*掉毒*/
  597. background-position-y:calc(-32px * 72);
  598. }
  599. .awoken-icon[data-awoken-icon='73']{/*2串火*/
  600. background-position-y:calc(-32px * 73);
  601. }
  602. .awoken-icon[data-awoken-icon='74']{/*2串水*/
  603. background-position-y:calc(-32px * 74);
  604. }
  605. .awoken-icon[data-awoken-icon='75']{/*2串木*/
  606. background-position-y:calc(-32px * 75);
  607. }
  608. .awoken-icon[data-awoken-icon='76']{/*2串光*/
  609. background-position-y:calc(-32px * 76);
  610. }
  611. .awoken-icon[data-awoken-icon='77']{/*2串暗*/
  612. background-position-y:calc(-32px * 77);
  613. }
  614. .awoken-icon[data-awoken-icon='78']{/*十字*/
  615. background-position-y:calc(-32px * 78);
  616. }
  617. /*类型*/
  618. .type-icon{
  619. background-image: url(images/type.png);
  620. background-position-x: 0;
  621. background-position-y: 32px; /*默认不显示*/
  622. }
  623. .type-icon[data-type-icon='0']{/*进化用*/
  624. background-position-y:calc(-32px * 0);
  625. }
  626. .type-icon[data-type-icon='1']{/*平衡*/
  627. background-position-y:calc(-32px * 1);
  628. }
  629. .type-icon[data-type-icon='2']{/*体力*/
  630. background-position-y:calc(-32px * 2);
  631. }
  632. .type-icon[data-type-icon='3']{/*回复*/
  633. background-position-y:calc(-32px * 3);
  634. }
  635. .type-icon[data-type-icon='4']{/*龙*/
  636. background-position-y:calc(-32px * 4);
  637. }
  638. .type-icon[data-type-icon='5']{/*神*/
  639. background-position-y:calc(-32px * 5);
  640. }
  641. .type-icon[data-type-icon='6']{/*攻击*/
  642. background-position-y:calc(-32px * 6);
  643. }
  644. .type-icon[data-type-icon='7']{/*恶魔*/
  645. background-position-y:calc(-32px * 7);
  646. }
  647. .type-icon[data-type-icon='8']{/*机械*/
  648. background-position-y:calc(-32px * 8);
  649. }
  650. .type-icon[data-type-icon='9']{/*特别保护*/
  651. background-position-y:calc(-32px * 9);
  652. }
  653. .type-icon[data-type-icon='12']{/*能力觉醒用*/
  654. background-position-y:calc(-32px * 12);
  655. }
  656. .type-icon[data-type-icon='14']{/*强化合成用*/
  657. background-position-y:calc(-32px * 14);
  658. }
  659. .type-icon[data-type-icon='15']{/*贩卖用*/
  660. background-position-y:calc(-32px * 15);
  661. }
  662. /*潜在觉醒*/
  663. .latent-icon{
  664. display:inline-block;
  665. background: rgba(33,28,21,0.5);
  666. border: 2px ridge rgba(82,82,60,0.5);
  667. border-radius: 5px;
  668. box-sizing: border-box;
  669. box-shadow:inset 0 2px 1px -1px rgba(0,0,0,0.5);
  670. }
  671. .latent-icon::before{
  672. content: "";
  673. display: inline-block;
  674. margin: -2px;
  675. width: 32px;
  676. height: 32px;
  677. background-image: url(images/latent.png);
  678. background-repeat: no-repeat;
  679. }
  680. .latent-icon.latent-lock::before{
  681. background-position-x: -32px;
  682. }
  683. .latent-icon[data-latent-icon]{
  684. background: linear-gradient(#4499EE 33%, #2277EE 80%);
  685. border-color: #CCEEFF;
  686. box-shadow: black 1px 1px 1px;
  687. }
  688. .latent-icon[data-latent-icon]::before{
  689. background-position-x: 0;
  690. }
  691. .latent-icon[data-latent-icon='12']::before,
  692. .latent-icon[data-latent-icon='16']::before,
  693. .latent-icon[data-latent-icon='17']::before,
  694. .latent-icon[data-latent-icon='18']::before,
  695. .latent-icon[data-latent-icon='19']::before,
  696. .latent-icon[data-latent-icon='20']::before,
  697. .latent-icon[data-latent-icon='21']::before,
  698. .latent-icon[data-latent-icon='22']::before,
  699. .latent-icon[data-latent-icon='23']::before,
  700. .latent-icon[data-latent-icon='24']::before,
  701. .latent-icon[data-latent-icon='25']::before,
  702. .latent-icon[data-latent-icon='26']::before,
  703. .latent-icon[data-latent-icon='27']::before,
  704. .latent-icon[data-latent-icon='28']::before,
  705. .latent-icon[data-latent-icon='29']::before,
  706. .latent-icon[data-latent-icon='30']::before,
  707. .latent-icon[data-latent-icon='31']::before,
  708. .latent-icon[data-latent-icon='32']::before,
  709. .latent-icon[data-latent-icon='33']::before,
  710. .latent-icon[data-latent-icon='34']::before,
  711. .latent-icon[data-latent-icon='35']::before,
  712. .latent-icon[data-latent-icon='36']::before,
  713. .latent-icon[data-latent-icon='43']::before,
  714. .latent-icon[data-latent-icon='44']::before,
  715. .latent-icon[data-latent-icon='45']::before
  716. {
  717. width: 76px;
  718. }
  719. .latent-icon[data-latent-icon='13']::before,
  720. .latent-icon[data-latent-icon='14']::before,
  721. .latent-icon[data-latent-icon='15']::before,
  722. .latent-icon[data-latent-icon='37']::before,
  723. .latent-icon[data-latent-icon='38']::before,
  724. .latent-icon[data-latent-icon='39']::before,
  725. .latent-icon[data-latent-icon='40']::before,
  726. .latent-icon[data-latent-icon='41']::before,
  727. .latent-icon[data-latent-icon='42']::before
  728. {
  729. width: 252px;
  730. }
  731. .latent-icon[data-latent-icon='1']::before{ /*HP*/
  732. background-position-y: calc(-32px * 1);
  733. }
  734. .latent-icon[data-latent-icon='2']::before{ /*攻击*/
  735. background-position-y: calc(-32px * 2);
  736. }
  737. .latent-icon[data-latent-icon='3']::before{ /*回复*/
  738. background-position-y: calc(-32px * 3);
  739. }
  740. .latent-icon[data-latent-icon='4']::before{ /*手指*/
  741. background-position-y: calc(-32px * 4);
  742. }
  743. .latent-icon[data-latent-icon='5']::before{ /*自回*/
  744. background-position-y: calc(-32px * 5);
  745. }
  746. .latent-icon[data-latent-icon='6']::before{ /*火盾*/
  747. background-position-y: calc(-32px * 6);
  748. }
  749. .latent-icon[data-latent-icon='7']::before{ /*水盾*/
  750. background-position-y: calc(-32px * 7);
  751. }
  752. .latent-icon[data-latent-icon='8']::before{ /*木盾*/
  753. background-position-y: calc(-32px * 8);
  754. }
  755. .latent-icon[data-latent-icon='9']::before{ /*光盾*/
  756. background-position-y: calc(-32px * 9);
  757. }
  758. .latent-icon[data-latent-icon='10']::before{ /*暗盾*/
  759. background-position-y: calc(-32px * 10);
  760. }
  761. .latent-icon[data-latent-icon='11']::before{ /*防坐*/
  762. background-position-y: calc(-32px * 11);
  763. }
  764. .latent-icon[data-latent-icon='12']::before{ /*三维*/
  765. background-position-y: calc(-32px * 12);
  766. }
  767. .latent-icon[data-latent-icon='13']::before{ /*不被换队长*/
  768. background-position-y: calc(-32px * 13);
  769. }
  770. .latent-icon[data-latent-icon='14']::before{ /*不掉废*/
  771. background-position-y: calc(-32px * 14);
  772. }
  773. .latent-icon[data-latent-icon='15']::before{ /*不掉毒*/
  774. background-position-y: calc(-32px * 15);
  775. }
  776. .latent-icon[data-latent-icon='16']::before{ /*进化杀*/
  777. background-position-y: calc(-32px * 16);
  778. }
  779. .latent-icon[data-latent-icon='17']::before{ /*觉醒杀*/
  780. background-position-y: calc(-32px * 17);
  781. }
  782. .latent-icon[data-latent-icon='18']::before{ /*强化杀*/
  783. background-position-y: calc(-32px * 18);
  784. }
  785. .latent-icon[data-latent-icon='19']::before{ /*卖钱杀*/
  786. background-position-y: calc(-32px * 19);
  787. }
  788. .latent-icon[data-latent-icon='20']::before{ /*神杀*/
  789. background-position-y: calc(-32px * 20);
  790. }
  791. .latent-icon[data-latent-icon='21']::before{ /*龙杀*/
  792. background-position-y: calc(-32px * 21);
  793. }
  794. .latent-icon[data-latent-icon='22']::before{ /*恶魔杀*/
  795. background-position-y: calc(-32px * 22);
  796. }
  797. .latent-icon[data-latent-icon='23']::before{ /*机械杀*/
  798. background-position-y: calc(-32px * 23);
  799. }
  800. .latent-icon[data-latent-icon='24']::before{ /*平衡杀*/
  801. background-position-y: calc(-32px * 24);
  802. }
  803. .latent-icon[data-latent-icon='25']::before{ /*攻击杀*/
  804. background-position-y: calc(-32px * 25);
  805. }
  806. .latent-icon[data-latent-icon='26']::before{ /*体力杀*/
  807. background-position-y: calc(-32px * 26);
  808. }
  809. .latent-icon[data-latent-icon='27']::before{ /*回复杀*/
  810. background-position-y: calc(-32px * 27);
  811. }
  812. .latent-icon[data-latent-icon='28']::before{ /*大HP*/
  813. background-position-y: calc(-32px * 28);
  814. }
  815. .latent-icon[data-latent-icon='29']::before{ /*大攻击*/
  816. background-position-y: calc(-32px * 29);
  817. }
  818. .latent-icon[data-latent-icon='30']::before{ /*大回复*/
  819. background-position-y: calc(-32px * 30);
  820. }
  821. .latent-icon[data-latent-icon='31']::before{ /*大手指*/
  822. background-position-y: calc(-32px * 31);
  823. }
  824. .latent-icon[data-latent-icon='32']::before{ /*大火盾*/
  825. background-position-y: calc(-32px * 32);
  826. }
  827. .latent-icon[data-latent-icon='33']::before{ /*大水盾*/
  828. background-position-y: calc(-32px * 33);
  829. }
  830. .latent-icon[data-latent-icon='34']::before{ /*大木盾*/
  831. background-position-y: calc(-32px * 34);
  832. }
  833. .latent-icon[data-latent-icon='35']::before{ /*大光盾*/
  834. background-position-y: calc(-32px * 35);
  835. }
  836. .latent-icon[data-latent-icon='36']::before{ /*大暗盾*/
  837. background-position-y: calc(-32px * 36);
  838. }
  839. .latent-icon[data-latent-icon='37']::before{ /*6色破无效*/
  840. background-position-y: calc(-32px * 37);
  841. }
  842. .latent-icon[data-latent-icon='38']::before{ /*3色破属吸*/
  843. background-position-y: calc(-32px * 38);
  844. }
  845. .latent-icon[data-latent-icon='39']::before{ /*C珠破吸*/
  846. background-position-y: calc(-32px * 39);
  847. }
  848. .latent-icon[data-latent-icon='40']::before{ /*心横解转转*/
  849. background-position-y: calc(-32px * 40);
  850. }
  851. .latent-icon[data-latent-icon='41']::before{ /*U解禁消*/
  852. background-position-y: calc(-32px * 41);
  853. }
  854. .latent-icon[data-latent-icon='42']::before{ /*伤害上限解除*/
  855. background-position-y: calc(-32px * 42);
  856. }
  857. .latent-icon[data-latent-icon='43']::before{ /*HP++*/
  858. background-position-y: calc(-32px * 43);
  859. }
  860. .latent-icon[data-latent-icon='44']::before{ /*攻击++*/
  861. background-position-y: calc(-32px * 44);
  862. }
  863. .latent-icon[data-latent-icon='45']::before{ /*回复++*/
  864. background-position-y: calc(-32px * 45);
  865. }
  866. /* 徽章背景 */
  867. .badge{
  868. background-image: url(images/badge-bg.png);
  869. width: 53px;
  870. height: 41px;
  871. line-height: 41px;
  872. text-align: center;
  873. margin-right: 5px;
  874. }
  875. .badge::before{
  876. content: "";
  877. display: inline-block;
  878. vertical-align: middle;
  879. background-repeat: no-repeat;
  880. background-image: url(images/badge.png);
  881. width: 36px; height: 30px;
  882. background-position-x: 0;
  883. }
  884. .badge[data-badge-icon='0']::before{
  885. background-position-y:calc(-30px * 0);
  886. }
  887. .badge[data-badge-icon='1']::before{
  888. background-position-y:calc(-30px * 1);
  889. }
  890. .badge[data-badge-icon='2']::before{
  891. background-position-y:calc(-30px * 2);
  892. }
  893. .badge[data-badge-icon='3']::before{
  894. background-position-y:calc(-30px * 3);
  895. }
  896. .badge[data-badge-icon='4']::before{
  897. background-position-y:calc(-30px * 4);
  898. }
  899. .badge[data-badge-icon='5']::before{
  900. background-position-y:calc(-30px * 5);
  901. }
  902. .badge[data-badge-icon='6']::before{
  903. background-position-y:calc(-30px * 6);
  904. }
  905. .badge[data-badge-icon='7']::before{
  906. background-position-y:calc(-30px * 7);
  907. }
  908. .badge[data-badge-icon='8']::before{
  909. background-position-y:calc(-30px * 8);
  910. }
  911. .badge[data-badge-icon='9']::before{
  912. background-position-y:calc(-30px * 9);
  913. }
  914. .badge[data-badge-icon='10']::before{
  915. background-position-y:calc(-30px * 10);
  916. }
  917. .badge[data-badge-icon='11']::before{
  918. background-position-y:calc(-30px * 11);
  919. }
  920. .badge[data-badge-icon='12']::before{
  921. background-position-y:calc(-30px * 12);
  922. }
  923. .badge[data-badge-icon='13']::before{
  924. background-position-y:calc(-30px * 13);
  925. }
  926. .badge[data-badge-icon='14']::before{
  927. background-position-y:calc(-30px * 14);
  928. }
  929. .badge[data-badge-icon='15']::before{
  930. background-position-y:calc(-30px * 15);
  931. }
  932. .badge[data-badge-icon='16']::before{
  933. background-position-y:calc(-30px * 16);
  934. }
  935. .badge[data-badge-icon='17']::before{
  936. background-position-y:calc(-30px * 17);
  937. }
  938. .badge[data-badge-icon='18']::before{
  939. background-position-y:calc(-30px * 18);
  940. }
  941. /*属性图片*/
  942. .attr
  943. {
  944. display: inline-block;
  945. width: 32px;
  946. height: 32px;
  947. background-image: url(images/attrs.png);
  948. background-position-y:calc(32px);
  949. background-repeat: no-repeat;
  950. }
  951. .attr[data-attr-icon='any']
  952. {
  953. background-position-x: -32px;
  954. background-position-y:calc(-32px * 0);
  955. }
  956. .attr[data-attr-icon='-1']
  957. {
  958. width: auto;
  959. }
  960. .attr[data-attr-icon='0']
  961. {
  962. background-position-y:calc(-32px * 0);
  963. }
  964. .attr[data-attr-icon='1']
  965. {
  966. background-position-y:calc(-32px * 1);
  967. }
  968. .attr[data-attr-icon='2']
  969. {
  970. background-position-y:calc(-32px * 2);
  971. }
  972. .attr[data-attr-icon='3']
  973. {
  974. background-position-y:calc(-32px * 3);
  975. }
  976. .attr[data-attr-icon='4']
  977. {
  978. background-position-y:calc(-32px * 4);
  979. }
  980. .attr[data-attr-icon='5']
  981. {
  982. background-position-y:calc(-32px * 5);
  983. }
  984. .attr[data-attr-icon='6']
  985. {
  986. background-position-y:calc(-32px * 6);
  987. }

智龙迷城队伍图制作工具