diff --git a/languages/language-list.js b/languages/language-list.js index 6903dd36..5a176411 100644 --- a/languages/language-list.js +++ b/languages/language-list.js @@ -1,26 +1,26 @@ var languageList = [ { name:"English",i18n:"en",searchlist:["en","ja"], - guideURL:"http://www.puzzledragonx.com/en/monster.asp?n=$1" + guideURL:id=>`http://www.puzzledragonx.com/en/monster.asp?n=${id}` //or (id,name)=>`http://www.puzzledragonx.com/en/search.asp?q=${name}` }, { name:"中文（繁體）",i18n:"zh-TW",searchlist:["cht","ja"], - guideURL:"http://pad.skyozora.com/pets/$1" + guideURL:id=>`http://pad.skyozora.com/pets/${id}` }, { name:"中文（简体）技能解析",i18n:"zh-CN",searchlist:["chs","ja"], - guideURL:"http://pad.skyozora.com/pets/$1" + guideURL:id=>`http://pad.skyozora.com/pets/${id}` }, { name:"中文（简体）原版技能",i18n:"zh",searchlist:["chs","ja"], - guideURL:"http://pad.skyozora.com/pets/$1" + guideURL:id=>`http://pad.skyozora.com/pets/${id}` }, { name:"日本語",i18n:"ja",searchlist:["ja"], - guideURL:"https://pd.appbank.net/m$1" //or https://altema.jp/pazudora/monster/$1 + guideURL:id=>`https://pd.appbank.net/m${id}` //or id=>`https://pd.appbank.net/m${id}` }, { name:"한국어",i18n:"ko",searchlist:["ko","ja"], - guideURL:"http://www.thisisgame.com/pad/info/monster/detail.php?code=$1" + guideURL:id=>`http://www.thisisgame.com/pad/info/monster/detail.php?code=${id}` }, ]; \ No newline at end of file diff --git a/script.js b/script.js index f72cf3e5..42c46523 100644 --- a/script.js +++ b/script.js @@ -3,15 +3,18 @@ var Skills; //技能数据 var currentLanguage; //当前语言 var currentDataSource; //当前数据 +const teamBigBoxs = []; //储存全部teamBigBox +const allMembers = []; //储存所有成员，包含辅助 + var interchangeSvg; //储存划线的SVG var controlBox; //储存整个controlBox var statusLine; //储存状态栏 var formationBox; //储存整个formationBox -var teamBigBoxs = []; //储存全部teamBigBox -var allMembers = []; //储存所有成员，包含辅助 var editBox; //储存整个editBox var showSearch; //整个程序都可以用的显示搜索函数 +const className_displayNone = "display-none"; + //数组去重 /* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html * 实现思路：获取没重复的最右一值放入新数组。 @@ -747,12 +750,12 @@ function initialize() editBox.latentBox = null; editBox.memberIdx = []; //储存队伍数组下标 editBox.show = function(){ - this.classList.remove("display-none"); + this.classList.remove(className_displayNone); formationBox.classList.add("blur-bg"); controlBox.classList.add("blur-bg"); }; editBox.hide = function(){ - this.classList.add("display-none"); + this.classList.add(className_displayNone); formationBox.classList.remove("blur-bg"); controlBox.classList.remove("blur-bg"); }; @@ -811,7 +814,7 @@ function initialize() searchOpen.onclick = function(){ s_includeSuperAwoken.onclick(); s_canAssist.onclick(); - searchBox.classList.toggle("display-none"); + searchBox.classList.toggle(className_displayNone); }; const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio")); @@ -844,9 +847,9 @@ function initialize() const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒 s_includeSuperAwoken.onclick = function(){ if (this.checked) - s_sawokenDiv.classList.add("display-none"); + s_sawokenDiv.classList.add(className_displayNone); else - s_sawokenDiv.classList.remove("display-none"); + s_sawokenDiv.classList.remove(className_displayNone); }; function search_awokenAdd1() @@ -915,10 +918,10 @@ function initialize() //将搜索结果显示出来（也可用于其他的搜索） showSearch = function(searchArr){ editBox.show(); - searchBox.classList.remove("display-none"); + searchBox.classList.remove(className_displayNone); const createCardHead = editBox.createCardHead; - searchMonList.classList.add("display-none"); + searchMonList.classList.add(className_displayNone); searchMonList.innerHTML = ""; //清空旧的 if (searchArr.length>0) { @@ -930,7 +933,7 @@ function initialize() headsArray.forEach(head=>fragment.appendChild(head)); searchMonList.appendChild(fragment); } - searchMonList.classList.remove("display-none"); + searchMonList.classList.remove(className_displayNone); }; const startSearch = function(cards){ const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue); @@ -959,7 +962,8 @@ function initialize() const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); const awokensFilter = s_awokensCounts.filter(btn=>parseInt(btn.innerHTML,10)>0).map(btn=>{ - return {id:parseInt(btn.value,10),num:parseInt(btn.innerHTML,10)}; + const awokenIndex = parseInt(btn.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"),10); + return {id:awokenIndex,num:parseInt(btn.innerHTML,10)}; }); const searchResult = searchCards(cards, attr1,attr2, @@ -977,7 +981,7 @@ function initialize() startSearch(Cards); }; searchClose.onclick = function(){ - searchBox.classList.add("display-none"); + searchBox.classList.add(className_displayNone); }; searchClear.onclick = function(){ //清空搜索选项 s_attr1s[0].checked = true; @@ -1023,12 +1027,12 @@ function initialize() //对搜索到的Cards重新排序 function reSortCards() { - searchMonList.classList.add("display-none"); + searchMonList.classList.add(className_displayNone); let fragment = document.createDocumentFragment(); //创建节点用的临时空间 const headsArray = sortHeadsArray(searchMonList.originalHeads); headsArray.forEach(head=>fragment.appendChild(head)); searchMonList.appendChild(fragment); - searchMonList.classList.remove("display-none"); + searchMonList.classList.remove(className_displayNone); } s_sortList.onchange = reSortCards; s_sortReverse.onchange = reSortCards; @@ -1171,16 +1175,16 @@ function initialize() if (latent[ai] != undefined) //有的潜觉 { monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]); - monEditLatents[ai].classList.remove("display-none"); + monEditLatents[ai].classList.remove(className_displayNone); } else if(ai < showLatentCount) //空格 { monEditLatents[ai].removeAttribute("data-latent-icon"); - monEditLatents[ai].classList.remove("display-none"); + monEditLatents[ai].classList.remove(className_displayNone); } else //不显示的部分 { - monEditLatents[ai].classList.add("display-none"); + monEditLatents[ai].classList.add(className_displayNone); } } }; @@ -1222,7 +1226,7 @@ function initialize() //可选觉醒的添加 function addLatent(){ if (this.classList.contains("unselected-latent")) return; //不能选的觉醒直接退出 - const lIdx = parseInt(this.value); //潜觉的序号 + const lIdx = parseInt(this.getAttribute("data-latent-icon"),10); //潜觉的序号 const usedHoleN = usedHole(editBox.latent); //使用了的格子 const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量 if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2) || //如果能添加2格的觉醒 @@ -1340,7 +1344,7 @@ function initialize() editBox.hide(); }; window.onkeydown = function(e){ - if (!editBox.classList.contains("display-none")) + if (!editBox.classList.contains(className_displayNone)) { if (e.keyCode == 27) { //按下ESC时，自动关闭编辑窗 @@ -1580,28 +1584,30 @@ function changeid(mon,monDom,latentDom) parentNode.classList.add("delay"); parentNode.classList.remove("null"); parentNode.appendChild(fragment); - if (latentDom) latentDom.classList.add("display-none"); + if (latentDom) latentDom.classList.add(className_displayNone); return; }else if (monId==0) //如果是空 { parentNode.classList.add("null"); parentNode.classList.remove("delay"); parentNode.appendChild(fragment); - if (latentDom) latentDom.classList.add("display-none"); + if (latentDom) latentDom.classList.add(className_displayNone); return; }else if (monId>-1) //如果提供了id { parentNode.classList.remove("null"); parentNode.classList.remove("delay"); - monDom.className = "monster"; - monDom.classList.add("pet-cards-" + Math.ceil(monId/100)); //添加图片编号 + + monDom.setAttribute("data-cards-pic-idx",Math.ceil(monId/100)); //添加图片编号 const idxInPage = (monId-1) % 100; //获取当前页面的总序号 - monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号 - monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号 - monDom.querySelector(".property").className = "property property-" + card.attrs[0]; //主属性 - monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性 + monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号 + monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号 + + monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性 + monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性 + monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name); - monDom.href = monId.toString().replace(/^(\d+)$/ig,currentLanguage.guideURL); + monDom.href = currentLanguage.guideURL(monId, card.name); if (card.canAssist) monDom.classList.add("allowable-assist"); else @@ -1636,11 +1642,11 @@ function changeid(mon,monDom,latentDom) const awokenIcon = monDom.querySelector(".awoken-count"); if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒 { - awokenIcon.classList.add("display-none"); + awokenIcon.classList.add(className_displayNone); awokenIcon.innerHTML = ""; }else { - awokenIcon.classList.remove("display-none"); + awokenIcon.classList.remove(className_displayNone); awokenIcon.innerHTML = mon.awoken; if (mon.awoken == card.awakenings.length) { @@ -1656,12 +1662,12 @@ function changeid(mon,monDom,latentDom) { if (mon.sawoken != undefined && mon.sawoken>=0 && card.superAwakenings.length) { - sawoken.classList.remove("display-none"); + sawoken.classList.remove(className_displayNone); const sawokenIcon = sawoken.querySelector(".awoken-icon"); sawokenIcon.setAttribute("data-awoken-icon",card.superAwakenings[mon.sawoken]); }else { - sawoken.classList.add("display-none"); + sawoken.classList.add(className_displayNone); } } const m_id = monDom.querySelector(".id"); @@ -1676,18 +1682,18 @@ function changeid(mon,monDom,latentDom) const plusCount = plusArr[0]+plusArr[1]+plusArr[2]; if (plusCount <= 0) { - plusDom.classList.add("display-none"); + plusDom.classList.add(className_displayNone); }else if (plusCount >= 297) { plusDom.classList.add("has297"); - plusDom.classList.remove("display-none"); + plusDom.classList.remove(className_displayNone); }else { plusDom.querySelector(".hp").innerHTML = plusArr[0]; plusDom.querySelector(".atk").innerHTML = plusArr[1]; plusDom.querySelector(".rcv").innerHTML = plusArr[2]; plusDom.classList.remove("has297"); - plusDom.classList.remove("display-none"); + plusDom.classList.remove(className_displayNone); } } if (latentDom) @@ -1702,10 +1708,10 @@ function changeid(mon,monDom,latentDom) }); if (latent.length < 1) { - latentDom.classList.add("display-none"); + latentDom.classList.add(className_displayNone); }else { - latentDom.classList.remove("display-none"); + latentDom.classList.remove(className_displayNone); const usedHoleN = usedHole(latent); //使用的格子数 const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量 @@ -1715,22 +1721,22 @@ function changeid(mon,monDom,latentDom) if (latent[ai]) //有的潜觉 { latentDoms[ai].setAttribute("data-latent-icon", latent[ai]); - latentDoms[ai].classList.remove("display-none"); + latentDoms[ai].classList.remove(className_displayNone); } else if(ai
@@ -709,39 +709,39 @@ var formation = new Formation(teamsCount,6);
  • diff --git a/style-monsterimages.css b/style-monsterimages.css index f5ac2143..8e32583f 100644 --- a/style-monsterimages.css +++ b/style-monsterimages.css @@ -3,368 +3,368 @@ .property{ /*主属性*/ background-position-y: 0; } -.property--1{ +.property[data-property='-1']{ background: none; /*无*/ } -.property-0{ +.property[data-property='0']{ background-position-x: 0; /*火*/ } -.property-1{ +.property[data-property='1']{ background-position-x: -102px; /*水*/ } -.property-2{ +.property[data-property='2']{ background-position-x: -204px; /*木*/ } -.property-3{ +.property[data-property='3']{ background-position-x: -306px; /*光*/ } -.property-4{ +.property[data-property='4']{ background-position-x: -408px; /*暗*/ } .subproperty{ /*副属性*/ background-position-y: -104px; } -.subproperty--1{ +.subproperty[data-property='-1']{ background: none; /*无*/ } -.subproperty-0{ +.subproperty[data-property='0']{ background-position-x: 0; /*火*/ } -.subproperty-1{ +.subproperty[data-property='1']{ background-position-x: -102px; /*水*/ } -.subproperty-2{ +.subproperty[data-property='2']{ background-position-x: -204px; /*木*/ } -.subproperty-3{ +.subproperty[data-property='3']{ background-position-x: -306px; /*光*/ } -.subproperty-4{ +.subproperty[data-property='4']{ background-position-x: -408px; /*暗*/ } /*宠物头像所用的图片*/ -.pet-cards-1{background-image: url(images/cards_ja/CARDS_001.PNG);} -.pet-cards-2{background-image: url(images/cards_ja/CARDS_002.PNG);} -.pet-cards-3{background-image: url(images/cards_ja/CARDS_003.PNG);} -.pet-cards-4{background-image: url(images/cards_ja/CARDS_004.PNG);} -.pet-cards-5{background-image: url(images/cards_ja/CARDS_005.PNG);} -.pet-cards-6{background-image: url(images/cards_ja/CARDS_006.PNG);} -.pet-cards-7{background-image: url(images/cards_ja/CARDS_007.PNG);} -.pet-cards-8{background-image: url(images/cards_ja/CARDS_008.PNG);} -.pet-cards-9{background-image: url(images/cards_ja/CARDS_009.PNG);} -.pet-cards-10{background-image: url(images/cards_ja/CARDS_010.PNG);} -.pet-cards-11{background-image: url(images/cards_ja/CARDS_011.PNG);} -.pet-cards-12{background-image: url(images/cards_ja/CARDS_012.PNG);} -.pet-cards-13{background-image: url(images/cards_ja/CARDS_013.PNG);} -.pet-cards-14{background-image: url(images/cards_ja/CARDS_014.PNG);} -.pet-cards-15{background-image: url(images/cards_ja/CARDS_015.PNG);} -.pet-cards-16{background-image: url(images/cards_ja/CARDS_016.PNG);} -.pet-cards-17{background-image: url(images/cards_ja/CARDS_017.PNG);} -.pet-cards-18{background-image: url(images/cards_ja/CARDS_018.PNG);} -.pet-cards-19{background-image: url(images/cards_ja/CARDS_019.PNG);} -.pet-cards-20{background-image: url(images/cards_ja/CARDS_020.PNG);} -.pet-cards-21{background-image: url(images/cards_ja/CARDS_021.PNG);} -.pet-cards-22{background-image: url(images/cards_ja/CARDS_022.PNG);} -.pet-cards-23{background-image: url(images/cards_ja/CARDS_023.PNG);} -.pet-cards-24{background-image: url(images/cards_ja/CARDS_024.PNG);} -.pet-cards-25{background-image: url(images/cards_ja/CARDS_025.PNG);} -.pet-cards-26{background-image: url(images/cards_ja/CARDS_026.PNG);} -.pet-cards-27{background-image: url(images/cards_ja/CARDS_027.PNG);} -.pet-cards-28{background-image: url(images/cards_ja/CARDS_028.PNG);} -.pet-cards-29{background-image: url(images/cards_ja/CARDS_029.PNG);} -.pet-cards-30{background-image: url(images/cards_ja/CARDS_030.PNG);} -.pet-cards-31{background-image: url(images/cards_ja/CARDS_031.PNG);} -.pet-cards-32{background-image: url(images/cards_ja/CARDS_032.PNG);} -.pet-cards-33{background-image: url(images/cards_ja/CARDS_033.PNG);} -.pet-cards-34{background-image: url(images/cards_ja/CARDS_034.PNG);} -.pet-cards-35{background-image: url(images/cards_ja/CARDS_035.PNG);} -.pet-cards-36{background-image: url(images/cards_ja/CARDS_036.PNG);} -.pet-cards-37{background-image: url(images/cards_ja/CARDS_037.PNG);} -.pet-cards-38{background-image: url(images/cards_ja/CARDS_038.PNG);} -.pet-cards-39{background-image: url(images/cards_ja/CARDS_039.PNG);} -.pet-cards-40{background-image: url(images/cards_ja/CARDS_040.PNG);} -.pet-cards-41{background-image: url(images/cards_ja/CARDS_041.PNG);} -.pet-cards-42{background-image: url(images/cards_ja/CARDS_042.PNG);} -.pet-cards-43{background-image: url(images/cards_ja/CARDS_043.PNG);} -.pet-cards-44{background-image: url(images/cards_ja/CARDS_044.PNG);} -.pet-cards-45{background-image: url(images/cards_ja/CARDS_045.PNG);} -.pet-cards-46{background-image: url(images/cards_ja/CARDS_046.PNG);} -.pet-cards-47{background-image: url(images/cards_ja/CARDS_047.PNG);} -.pet-cards-48{background-image: url(images/cards_ja/CARDS_048.PNG);} -.pet-cards-49{background-image: url(images/cards_ja/CARDS_049.PNG);} -.pet-cards-50{background-image: url(images/cards_ja/CARDS_050.PNG);} -.pet-cards-51{background-image: url(images/cards_ja/CARDS_051.PNG);} -.pet-cards-52{background-image: url(images/cards_ja/CARDS_052.PNG);} -.pet-cards-53{background-image: url(images/cards_ja/CARDS_053.PNG);} -.pet-cards-54{background-image: url(images/cards_ja/CARDS_054.PNG);} -.pet-cards-55{background-image: url(images/cards_ja/CARDS_055.PNG);} -.pet-cards-56{background-image: url(images/cards_ja/CARDS_056.PNG);} -.pet-cards-57{background-image: url(images/cards_ja/CARDS_057.PNG);} -.pet-cards-58{background-image: url(images/cards_ja/CARDS_058.PNG);} -.pet-cards-59{background-image: url(images/cards_ja/CARDS_059.PNG);} -.pet-cards-60{background-image: url(images/cards_ja/CARDS_060.PNG);} -.pet-cards-61{background-image: url(images/cards_ja/CARDS_061.PNG);} -.pet-cards-62{background-image: url(images/cards_ja/CARDS_062.PNG);} -.pet-cards-63{background-image: url(images/cards_ja/CARDS_063.PNG);} -.pet-cards-64{background-image: url(images/cards_ja/CARDS_064.PNG);} -.pet-cards-65{background-image: url(images/cards_ja/CARDS_065.PNG);} -.pet-cards-66{background-image: url(images/cards_ja/CARDS_066.PNG);} -.pet-cards-67{background-image: url(images/cards_ja/CARDS_067.PNG);} -.pet-cards-68{background-image: url(images/cards_ja/CARDS_068.PNG);} -.pet-cards-69{background-image: url(images/cards_ja/CARDS_069.PNG);} -.pet-cards-70{background-image: url(images/cards_ja/CARDS_070.PNG);} -.pet-cards-71{background-image: url(images/cards_ja/CARDS_071.PNG);} -.pet-cards-72{background-image: url(images/cards_ja/CARDS_072.PNG);} -.pet-cards-73{background-image: url(images/cards_ja/CARDS_073.PNG);} -.pet-cards-74{background-image: url(images/cards_ja/CARDS_074.PNG);} -.pet-cards-75{background-image: url(images/cards_ja/CARDS_075.PNG);} -.pet-cards-76{background-image: url(images/cards_ja/CARDS_076.PNG);} -.pet-cards-77{background-image: url(images/cards_ja/CARDS_077.PNG);} -.pet-cards-78{background-image: url(images/cards_ja/CARDS_078.PNG);} -.pet-cards-79{background-image: url(images/cards_ja/CARDS_079.PNG);} -.pet-cards-80{background-image: url(images/cards_ja/CARDS_080.PNG);} -.pet-cards-81{background-image: url(images/cards_ja/CARDS_081.PNG);} -.pet-cards-82{background-image: url(images/cards_ja/CARDS_082.PNG);} -.pet-cards-83{background-image: url(images/cards_ja/CARDS_083.PNG);} -.pet-cards-84{background-image: url(images/cards_ja/CARDS_084.PNG);} -.pet-cards-85{background-image: url(images/cards_ja/CARDS_085.PNG);} -.pet-cards-86{background-image: url(images/cards_ja/CARDS_086.PNG);} -.pet-cards-87{background-image: url(images/cards_ja/CARDS_087.PNG);} -.pet-cards-88{background-image: url(images/cards_ja/CARDS_088.PNG);} -.pet-cards-89{background-image: url(images/cards_ja/CARDS_089.PNG);} -.pet-cards-90{background-image: url(images/cards_ja/CARDS_090.PNG);} -.pet-cards-91{background-image: url(images/cards_ja/CARDS_091.PNG);} -.pet-cards-92{background-image: url(images/cards_ja/CARDS_092.PNG);} -.pet-cards-93{background-image: url(images/cards_ja/CARDS_093.PNG);} -.pet-cards-94{background-image: url(images/cards_ja/CARDS_094.PNG);} -.pet-cards-95{background-image: url(images/cards_ja/CARDS_095.PNG);} -.pet-cards-96{background-image: url(images/cards_ja/CARDS_096.PNG);} -.pet-cards-97{background-image: url(images/cards_ja/CARDS_097.PNG);} -.pet-cards-98{background-image: url(images/cards_ja/CARDS_098.PNG);} -.pet-cards-99{background-image: url(images/cards_ja/CARDS_099.PNG);} +.monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);} +.monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);} +.monster[data-cards-pic-idx='3']{background-image: url(images/cards_ja/CARDS_003.PNG);} +.monster[data-cards-pic-idx='4']{background-image: url(images/cards_ja/CARDS_004.PNG);} +.monster[data-cards-pic-idx='5']{background-image: url(images/cards_ja/CARDS_005.PNG);} +.monster[data-cards-pic-idx='6']{background-image: url(images/cards_ja/CARDS_006.PNG);} +.monster[data-cards-pic-idx='7']{background-image: url(images/cards_ja/CARDS_007.PNG);} +.monster[data-cards-pic-idx='8']{background-image: url(images/cards_ja/CARDS_008.PNG);} +.monster[data-cards-pic-idx='9']{background-image: url(images/cards_ja/CARDS_009.PNG);} +.monster[data-cards-pic-idx='10']{background-image: url(images/cards_ja/CARDS_010.PNG);} +.monster[data-cards-pic-idx='11']{background-image: url(images/cards_ja/CARDS_011.PNG);} +.monster[data-cards-pic-idx='12']{background-image: url(images/cards_ja/CARDS_012.PNG);} +.monster[data-cards-pic-idx='13']{background-image: url(images/cards_ja/CARDS_013.PNG);} +.monster[data-cards-pic-idx='14']{background-image: url(images/cards_ja/CARDS_014.PNG);} +.monster[data-cards-pic-idx='15']{background-image: url(images/cards_ja/CARDS_015.PNG);} +.monster[data-cards-pic-idx='16']{background-image: url(images/cards_ja/CARDS_016.PNG);} +.monster[data-cards-pic-idx='17']{background-image: url(images/cards_ja/CARDS_017.PNG);} +.monster[data-cards-pic-idx='18']{background-image: url(images/cards_ja/CARDS_018.PNG);} +.monster[data-cards-pic-idx='19']{background-image: url(images/cards_ja/CARDS_019.PNG);} +.monster[data-cards-pic-idx='20']{background-image: url(images/cards_ja/CARDS_020.PNG);} +.monster[data-cards-pic-idx='21']{background-image: url(images/cards_ja/CARDS_021.PNG);} +.monster[data-cards-pic-idx='22']{background-image: url(images/cards_ja/CARDS_022.PNG);} +.monster[data-cards-pic-idx='23']{background-image: url(images/cards_ja/CARDS_023.PNG);} +.monster[data-cards-pic-idx='24']{background-image: url(images/cards_ja/CARDS_024.PNG);} +.monster[data-cards-pic-idx='25']{background-image: url(images/cards_ja/CARDS_025.PNG);} +.monster[data-cards-pic-idx='26']{background-image: url(images/cards_ja/CARDS_026.PNG);} +.monster[data-cards-pic-idx='27']{background-image: url(images/cards_ja/CARDS_027.PNG);} +.monster[data-cards-pic-idx='28']{background-image: url(images/cards_ja/CARDS_028.PNG);} +.monster[data-cards-pic-idx='29']{background-image: url(images/cards_ja/CARDS_029.PNG);} +.monster[data-cards-pic-idx='30']{background-image: url(images/cards_ja/CARDS_030.PNG);} +.monster[data-cards-pic-idx='31']{background-image: url(images/cards_ja/CARDS_031.PNG);} +.monster[data-cards-pic-idx='32']{background-image: url(images/cards_ja/CARDS_032.PNG);} +.monster[data-cards-pic-idx='33']{background-image: url(images/cards_ja/CARDS_033.PNG);} +.monster[data-cards-pic-idx='34']{background-image: url(images/cards_ja/CARDS_034.PNG);} +.monster[data-cards-pic-idx='35']{background-image: url(images/cards_ja/CARDS_035.PNG);} +.monster[data-cards-pic-idx='36']{background-image: url(images/cards_ja/CARDS_036.PNG);} +.monster[data-cards-pic-idx='37']{background-image: url(images/cards_ja/CARDS_037.PNG);} +.monster[data-cards-pic-idx='38']{background-image: url(images/cards_ja/CARDS_038.PNG);} +.monster[data-cards-pic-idx='39']{background-image: url(images/cards_ja/CARDS_039.PNG);} +.monster[data-cards-pic-idx='40']{background-image: url(images/cards_ja/CARDS_040.PNG);} +.monster[data-cards-pic-idx='41']{background-image: url(images/cards_ja/CARDS_041.PNG);} +.monster[data-cards-pic-idx='42']{background-image: url(images/cards_ja/CARDS_042.PNG);} +.monster[data-cards-pic-idx='43']{background-image: url(images/cards_ja/CARDS_043.PNG);} +.monster[data-cards-pic-idx='44']{background-image: url(images/cards_ja/CARDS_044.PNG);} +.monster[data-cards-pic-idx='45']{background-image: url(images/cards_ja/CARDS_045.PNG);} +.monster[data-cards-pic-idx='46']{background-image: url(images/cards_ja/CARDS_046.PNG);} +.monster[data-cards-pic-idx='47']{background-image: url(images/cards_ja/CARDS_047.PNG);} +.monster[data-cards-pic-idx='48']{background-image: url(images/cards_ja/CARDS_048.PNG);} +.monster[data-cards-pic-idx='49']{background-image: url(images/cards_ja/CARDS_049.PNG);} +.monster[data-cards-pic-idx='50']{background-image: url(images/cards_ja/CARDS_050.PNG);} +.monster[data-cards-pic-idx='51']{background-image: url(images/cards_ja/CARDS_051.PNG);} +.monster[data-cards-pic-idx='52']{background-image: url(images/cards_ja/CARDS_052.PNG);} +.monster[data-cards-pic-idx='53']{background-image: url(images/cards_ja/CARDS_053.PNG);} +.monster[data-cards-pic-idx='54']{background-image: url(images/cards_ja/CARDS_054.PNG);} +.monster[data-cards-pic-idx='55']{background-image: url(images/cards_ja/CARDS_055.PNG);} +.monster[data-cards-pic-idx='56']{background-image: url(images/cards_ja/CARDS_056.PNG);} +.monster[data-cards-pic-idx='57']{background-image: url(images/cards_ja/CARDS_057.PNG);} +.monster[data-cards-pic-idx='58']{background-image: url(images/cards_ja/CARDS_058.PNG);} +.monster[data-cards-pic-idx='59']{background-image: url(images/cards_ja/CARDS_059.PNG);} +.monster[data-cards-pic-idx='60']{background-image: url(images/cards_ja/CARDS_060.PNG);} +.monster[data-cards-pic-idx='61']{background-image: url(images/cards_ja/CARDS_061.PNG);} +.monster[data-cards-pic-idx='62']{background-image: url(images/cards_ja/CARDS_062.PNG);} +.monster[data-cards-pic-idx='63']{background-image: url(images/cards_ja/CARDS_063.PNG);} +.monster[data-cards-pic-idx='64']{background-image: url(images/cards_ja/CARDS_064.PNG);} +.monster[data-cards-pic-idx='65']{background-image: url(images/cards_ja/CARDS_065.PNG);} +.monster[data-cards-pic-idx='66']{background-image: url(images/cards_ja/CARDS_066.PNG);} +.monster[data-cards-pic-idx='67']{background-image: url(images/cards_ja/CARDS_067.PNG);} +.monster[data-cards-pic-idx='68']{background-image: url(images/cards_ja/CARDS_068.PNG);} +.monster[data-cards-pic-idx='69']{background-image: url(images/cards_ja/CARDS_069.PNG);} +.monster[data-cards-pic-idx='70']{background-image: url(images/cards_ja/CARDS_070.PNG);} +.monster[data-cards-pic-idx='71']{background-image: url(images/cards_ja/CARDS_071.PNG);} +.monster[data-cards-pic-idx='72']{background-image: url(images/cards_ja/CARDS_072.PNG);} +.monster[data-cards-pic-idx='73']{background-image: url(images/cards_ja/CARDS_073.PNG);} +.monster[data-cards-pic-idx='74']{background-image: url(images/cards_ja/CARDS_074.PNG);} +.monster[data-cards-pic-idx='75']{background-image: url(images/cards_ja/CARDS_075.PNG);} +.monster[data-cards-pic-idx='76']{background-image: url(images/cards_ja/CARDS_076.PNG);} +.monster[data-cards-pic-idx='77']{background-image: url(images/cards_ja/CARDS_077.PNG);} +.monster[data-cards-pic-idx='78']{background-image: url(images/cards_ja/CARDS_078.PNG);} +.monster[data-cards-pic-idx='79']{background-image: url(images/cards_ja/CARDS_079.PNG);} +.monster[data-cards-pic-idx='80']{background-image: url(images/cards_ja/CARDS_080.PNG);} +.monster[data-cards-pic-idx='81']{background-image: url(images/cards_ja/CARDS_081.PNG);} +.monster[data-cards-pic-idx='82']{background-image: url(images/cards_ja/CARDS_082.PNG);} +.monster[data-cards-pic-idx='83']{background-image: url(images/cards_ja/CARDS_083.PNG);} +.monster[data-cards-pic-idx='84']{background-image: url(images/cards_ja/CARDS_084.PNG);} +.monster[data-cards-pic-idx='85']{background-image: url(images/cards_ja/CARDS_085.PNG);} +.monster[data-cards-pic-idx='86']{background-image: url(images/cards_ja/CARDS_086.PNG);} +.monster[data-cards-pic-idx='87']{background-image: url(images/cards_ja/CARDS_087.PNG);} +.monster[data-cards-pic-idx='88']{background-image: url(images/cards_ja/CARDS_088.PNG);} +.monster[data-cards-pic-idx='89']{background-image: url(images/cards_ja/CARDS_089.PNG);} +.monster[data-cards-pic-idx='90']{background-image: url(images/cards_ja/CARDS_090.PNG);} +.monster[data-cards-pic-idx='91']{background-image: url(images/cards_ja/CARDS_091.PNG);} +.monster[data-cards-pic-idx='92']{background-image: url(images/cards_ja/CARDS_092.PNG);} +.monster[data-cards-pic-idx='93']{background-image: url(images/cards_ja/CARDS_093.PNG);} +.monster[data-cards-pic-idx='94']{background-image: url(images/cards_ja/CARDS_094.PNG);} +.monster[data-cards-pic-idx='95']{background-image: url(images/cards_ja/CARDS_095.PNG);} +.monster[data-cards-pic-idx='96']{background-image: url(images/cards_ja/CARDS_096.PNG);} +.monster[data-cards-pic-idx='97']{background-image: url(images/cards_ja/CARDS_097.PNG);} +.monster[data-cards-pic-idx='98']{background-image: url(images/cards_ja/CARDS_098.PNG);} +.monster[data-cards-pic-idx='99']{background-image: url(images/cards_ja/CARDS_099.PNG);} /*美服*/ -.ds-en .pet-cards-1{background-image: url(images/cards_en/CARDS_001.PNG);} -.ds-en .pet-cards-2{background-image: url(images/cards_en/CARDS_002.PNG);} -.ds-en .pet-cards-3{background-image: url(images/cards_en/CARDS_003.PNG);} -.ds-en .pet-cards-4{background-image: url(images/cards_en/CARDS_004.PNG);} -.ds-en .pet-cards-5{background-image: url(images/cards_en/CARDS_005.PNG);} -.ds-en .pet-cards-6{background-image: url(images/cards_en/CARDS_006.PNG);} -.ds-en .pet-cards-7{background-image: url(images/cards_en/CARDS_007.PNG);} -.ds-en .pet-cards-8{background-image: url(images/cards_en/CARDS_008.PNG);} -.ds-en .pet-cards-9{background-image: url(images/cards_en/CARDS_009.PNG);} -.ds-en .pet-cards-10{background-image: url(images/cards_en/CARDS_010.PNG);} -.ds-en .pet-cards-11{background-image: url(images/cards_en/CARDS_011.PNG);} -.ds-en .pet-cards-12{background-image: url(images/cards_en/CARDS_012.PNG);} -.ds-en .pet-cards-13{background-image: url(images/cards_en/CARDS_013.PNG);} -.ds-en .pet-cards-14{background-image: url(images/cards_en/CARDS_014.PNG);} -.ds-en .pet-cards-15{background-image: url(images/cards_en/CARDS_015.PNG);} -.ds-en .pet-cards-16{background-image: url(images/cards_en/CARDS_016.PNG);} -.ds-en .pet-cards-17{background-image: url(images/cards_en/CARDS_017.PNG);} -.ds-en .pet-cards-18{background-image: url(images/cards_en/CARDS_018.PNG);} -.ds-en .pet-cards-19{background-image: url(images/cards_en/CARDS_019.PNG);} -.ds-en .pet-cards-20{background-image: url(images/cards_en/CARDS_020.PNG);} -.ds-en .pet-cards-21{background-image: url(images/cards_en/CARDS_021.PNG);} -.ds-en .pet-cards-22{background-image: url(images/cards_en/CARDS_022.PNG);} -.ds-en .pet-cards-23{background-image: url(images/cards_en/CARDS_023.PNG);} -.ds-en .pet-cards-24{background-image: url(images/cards_en/CARDS_024.PNG);} -.ds-en .pet-cards-25{background-image: url(images/cards_en/CARDS_025.PNG);} -.ds-en .pet-cards-26{background-image: url(images/cards_en/CARDS_026.PNG);} -.ds-en .pet-cards-27{background-image: url(images/cards_en/CARDS_027.PNG);} -.ds-en .pet-cards-28{background-image: url(images/cards_en/CARDS_028.PNG);} -.ds-en .pet-cards-29{background-image: url(images/cards_en/CARDS_029.PNG);} -.ds-en .pet-cards-30{background-image: url(images/cards_en/CARDS_030.PNG);} -.ds-en .pet-cards-31{background-image: url(images/cards_en/CARDS_031.PNG);} -.ds-en .pet-cards-32{background-image: url(images/cards_en/CARDS_032.PNG);} -.ds-en .pet-cards-33{background-image: url(images/cards_en/CARDS_033.PNG);} -.ds-en .pet-cards-34{background-image: url(images/cards_en/CARDS_034.PNG);} -.ds-en .pet-cards-35{background-image: url(images/cards_en/CARDS_035.PNG);} -.ds-en .pet-cards-36{background-image: url(images/cards_en/CARDS_036.PNG);} -.ds-en .pet-cards-37{background-image: url(images/cards_en/CARDS_037.PNG);} -.ds-en .pet-cards-38{background-image: url(images/cards_en/CARDS_038.PNG);} -.ds-en .pet-cards-39{background-image: url(images/cards_en/CARDS_039.PNG);} -.ds-en .pet-cards-40{background-image: url(images/cards_en/CARDS_040.PNG);} -.ds-en .pet-cards-41{background-image: url(images/cards_en/CARDS_041.PNG);} -.ds-en .pet-cards-42{background-image: url(images/cards_en/CARDS_042.PNG);} -.ds-en .pet-cards-43{background-image: url(images/cards_en/CARDS_043.PNG);} -.ds-en .pet-cards-44{background-image: url(images/cards_en/CARDS_044.PNG);} -.ds-en .pet-cards-45{background-image: url(images/cards_en/CARDS_045.PNG);} -.ds-en .pet-cards-46{background-image: url(images/cards_en/CARDS_046.PNG);} -.ds-en .pet-cards-47{background-image: url(images/cards_en/CARDS_047.PNG);} -.ds-en .pet-cards-48{background-image: url(images/cards_en/CARDS_048.PNG);} -.ds-en .pet-cards-49{background-image: url(images/cards_en/CARDS_049.PNG);} -.ds-en .pet-cards-50{background-image: url(images/cards_en/CARDS_050.PNG);} -.ds-en .pet-cards-51{background-image: url(images/cards_en/CARDS_051.PNG);} -.ds-en .pet-cards-52{background-image: url(images/cards_en/CARDS_052.PNG);} -.ds-en .pet-cards-53{background-image: url(images/cards_en/CARDS_053.PNG);} -.ds-en .pet-cards-54{background-image: url(images/cards_en/CARDS_054.PNG);} -.ds-en .pet-cards-55{background-image: url(images/cards_en/CARDS_055.PNG);} -.ds-en .pet-cards-56{background-image: url(images/cards_en/CARDS_056.PNG);} -.ds-en .pet-cards-57{background-image: url(images/cards_en/CARDS_057.PNG);} -.ds-en .pet-cards-58{background-image: url(images/cards_en/CARDS_058.PNG);} -.ds-en .pet-cards-59{background-image: url(images/cards_en/CARDS_059.PNG);} -.ds-en .pet-cards-60{background-image: url(images/cards_en/CARDS_060.PNG);} -.ds-en .pet-cards-61{background-image: url(images/cards_en/CARDS_061.PNG);} -.ds-en .pet-cards-62{background-image: url(images/cards_en/CARDS_062.PNG);} -.ds-en .pet-cards-63{background-image: url(images/cards_en/CARDS_063.PNG);} -.ds-en .pet-cards-64{background-image: url(images/cards_en/CARDS_064.PNG);} -.ds-en .pet-cards-65{background-image: url(images/cards_en/CARDS_065.PNG);} -.ds-en .pet-cards-66{background-image: url(images/cards_en/CARDS_066.PNG);} -.ds-en .pet-cards-67{background-image: url(images/cards_en/CARDS_067.PNG);} -.ds-en .pet-cards-68{background-image: url(images/cards_en/CARDS_068.PNG);} -.ds-en .pet-cards-69{background-image: url(images/cards_en/CARDS_069.PNG);} -.ds-en .pet-cards-70{background-image: url(images/cards_en/CARDS_070.PNG);} -.ds-en .pet-cards-71{background-image: url(images/cards_en/CARDS_071.PNG);} -.ds-en .pet-cards-72{background-image: url(images/cards_en/CARDS_072.PNG);} -.ds-en .pet-cards-73{background-image: url(images/cards_en/CARDS_073.PNG);} -.ds-en .pet-cards-74{background-image: url(images/cards_en/CARDS_074.PNG);} -.ds-en .pet-cards-75{background-image: url(images/cards_en/CARDS_075.PNG);} -.ds-en .pet-cards-76{background-image: url(images/cards_en/CARDS_076.PNG);} -.ds-en .pet-cards-77{background-image: url(images/cards_en/CARDS_077.PNG);} -.ds-en .pet-cards-78{background-image: url(images/cards_en/CARDS_078.PNG);} -.ds-en .pet-cards-79{background-image: url(images/cards_en/CARDS_079.PNG);} -.ds-en .pet-cards-80{background-image: url(images/cards_en/CARDS_080.PNG);} -.ds-en .pet-cards-81{background-image: url(images/cards_en/CARDS_081.PNG);} -.ds-en .pet-cards-82{background-image: url(images/cards_en/CARDS_082.PNG);} -.ds-en .pet-cards-83{background-image: url(images/cards_en/CARDS_083.PNG);} -.ds-en .pet-cards-84{background-image: url(images/cards_en/CARDS_084.PNG);} -.ds-en .pet-cards-85{background-image: url(images/cards_en/CARDS_085.PNG);} -.ds-en .pet-cards-86{background-image: url(images/cards_en/CARDS_086.PNG);} -.ds-en .pet-cards-87{background-image: url(images/cards_en/CARDS_087.PNG);} -.ds-en .pet-cards-88{background-image: url(images/cards_en/CARDS_088.PNG);} -.ds-en .pet-cards-89{background-image: url(images/cards_en/CARDS_089.PNG);} -.ds-en .pet-cards-90{background-image: url(images/cards_en/CARDS_090.PNG);} -.ds-en .pet-cards-91{background-image: url(images/cards_en/CARDS_091.PNG);} -.ds-en .pet-cards-92{background-image: url(images/cards_en/CARDS_092.PNG);} -.ds-en .pet-cards-93{background-image: url(images/cards_en/CARDS_093.PNG);} -.ds-en .pet-cards-94{background-image: url(images/cards_en/CARDS_094.PNG);} -.ds-en .pet-cards-95{background-image: url(images/cards_en/CARDS_095.PNG);} -.ds-en .pet-cards-96{background-image: url(images/cards_en/CARDS_096.PNG);} -.ds-en .pet-cards-97{background-image: url(images/cards_en/CARDS_097.PNG);} -.ds-en .pet-cards-98{background-image: url(images/cards_en/CARDS_098.PNG);} -.ds-en .pet-cards-99{background-image: url(images/cards_en/CARDS_099.PNG);} +.ds-en .monster[data-cards-pic-idx='1']{background-image: url(images/cards_en/CARDS_001.PNG);} +.ds-en .monster[data-cards-pic-idx='2']{background-image: url(images/cards_en/CARDS_002.PNG);} +.ds-en .monster[data-cards-pic-idx='3']{background-image: url(images/cards_en/CARDS_003.PNG);} +.ds-en .monster[data-cards-pic-idx='4']{background-image: url(images/cards_en/CARDS_004.PNG);} +.ds-en .monster[data-cards-pic-idx='5']{background-image: url(images/cards_en/CARDS_005.PNG);} +.ds-en .monster[data-cards-pic-idx='6']{background-image: url(images/cards_en/CARDS_006.PNG);} +.ds-en .monster[data-cards-pic-idx='7']{background-image: url(images/cards_en/CARDS_007.PNG);} +.ds-en .monster[data-cards-pic-idx='8']{background-image: url(images/cards_en/CARDS_008.PNG);} +.ds-en .monster[data-cards-pic-idx='9']{background-image: url(images/cards_en/CARDS_009.PNG);} +.ds-en .monster[data-cards-pic-idx='10']{background-image: url(images/cards_en/CARDS_010.PNG);} +.ds-en .monster[data-cards-pic-idx='11']{background-image: url(images/cards_en/CARDS_011.PNG);} +.ds-en .monster[data-cards-pic-idx='12']{background-image: url(images/cards_en/CARDS_012.PNG);} +.ds-en .monster[data-cards-pic-idx='13']{background-image: url(images/cards_en/CARDS_013.PNG);} +.ds-en .monster[data-cards-pic-idx='14']{background-image: url(images/cards_en/CARDS_014.PNG);} +.ds-en .monster[data-cards-pic-idx='15']{background-image: url(images/cards_en/CARDS_015.PNG);} +.ds-en .monster[data-cards-pic-idx='16']{background-image: url(images/cards_en/CARDS_016.PNG);} +.ds-en .monster[data-cards-pic-idx='17']{background-image: url(images/cards_en/CARDS_017.PNG);} +.ds-en .monster[data-cards-pic-idx='18']{background-image: url(images/cards_en/CARDS_018.PNG);} +.ds-en .monster[data-cards-pic-idx='19']{background-image: url(images/cards_en/CARDS_019.PNG);} +.ds-en .monster[data-cards-pic-idx='20']{background-image: url(images/cards_en/CARDS_020.PNG);} +.ds-en .monster[data-cards-pic-idx='21']{background-image: url(images/cards_en/CARDS_021.PNG);} +.ds-en .monster[data-cards-pic-idx='22']{background-image: url(images/cards_en/CARDS_022.PNG);} +.ds-en .monster[data-cards-pic-idx='23']{background-image: url(images/cards_en/CARDS_023.PNG);} +.ds-en .monster[data-cards-pic-idx='24']{background-image: url(images/cards_en/CARDS_024.PNG);} +.ds-en .monster[data-cards-pic-idx='25']{background-image: url(images/cards_en/CARDS_025.PNG);} +.ds-en .monster[data-cards-pic-idx='26']{background-image: url(images/cards_en/CARDS_026.PNG);} +.ds-en .monster[data-cards-pic-idx='27']{background-image: url(images/cards_en/CARDS_027.PNG);} +.ds-en .monster[data-cards-pic-idx='28']{background-image: url(images/cards_en/CARDS_028.PNG);} +.ds-en .monster[data-cards-pic-idx='29']{background-image: url(images/cards_en/CARDS_029.PNG);} +.ds-en .monster[data-cards-pic-idx='30']{background-image: url(images/cards_en/CARDS_030.PNG);} +.ds-en .monster[data-cards-pic-idx='31']{background-image: url(images/cards_en/CARDS_031.PNG);} +.ds-en .monster[data-cards-pic-idx='32']{background-image: url(images/cards_en/CARDS_032.PNG);} +.ds-en .monster[data-cards-pic-idx='33']{background-image: url(images/cards_en/CARDS_033.PNG);} +.ds-en .monster[data-cards-pic-idx='34']{background-image: url(images/cards_en/CARDS_034.PNG);} +.ds-en .monster[data-cards-pic-idx='35']{background-image: url(images/cards_en/CARDS_035.PNG);} +.ds-en .monster[data-cards-pic-idx='36']{background-image: url(images/cards_en/CARDS_036.PNG);} +.ds-en .monster[data-cards-pic-idx='37']{background-image: url(images/cards_en/CARDS_037.PNG);} +.ds-en .monster[data-cards-pic-idx='38']{background-image: url(images/cards_en/CARDS_038.PNG);} +.ds-en .monster[data-cards-pic-idx='39']{background-image: url(images/cards_en/CARDS_039.PNG);} +.ds-en .monster[data-cards-pic-idx='40']{background-image: url(images/cards_en/CARDS_040.PNG);} +.ds-en .monster[data-cards-pic-idx='41']{background-image: url(images/cards_en/CARDS_041.PNG);} +.ds-en .monster[data-cards-pic-idx='42']{background-image: url(images/cards_en/CARDS_042.PNG);} +.ds-en .monster[data-cards-pic-idx='43']{background-image: url(images/cards_en/CARDS_043.PNG);} +.ds-en .monster[data-cards-pic-idx='44']{background-image: url(images/cards_en/CARDS_044.PNG);} +.ds-en .monster[data-cards-pic-idx='45']{background-image: url(images/cards_en/CARDS_045.PNG);} +.ds-en .monster[data-cards-pic-idx='46']{background-image: url(images/cards_en/CARDS_046.PNG);} +.ds-en .monster[data-cards-pic-idx='47']{background-image: url(images/cards_en/CARDS_047.PNG);} +.ds-en .monster[data-cards-pic-idx='48']{background-image: url(images/cards_en/CARDS_048.PNG);} +.ds-en .monster[data-cards-pic-idx='49']{background-image: url(images/cards_en/CARDS_049.PNG);} +.ds-en .monster[data-cards-pic-idx='50']{background-image: url(images/cards_en/CARDS_050.PNG);} +.ds-en .monster[data-cards-pic-idx='51']{background-image: url(images/cards_en/CARDS_051.PNG);} +.ds-en .monster[data-cards-pic-idx='52']{background-image: url(images/cards_en/CARDS_052.PNG);} +.ds-en .monster[data-cards-pic-idx='53']{background-image: url(images/cards_en/CARDS_053.PNG);} +.ds-en .monster[data-cards-pic-idx='54']{background-image: url(images/cards_en/CARDS_054.PNG);} +.ds-en .monster[data-cards-pic-idx='55']{background-image: url(images/cards_en/CARDS_055.PNG);} +.ds-en .monster[data-cards-pic-idx='56']{background-image: url(images/cards_en/CARDS_056.PNG);} +.ds-en .monster[data-cards-pic-idx='57']{background-image: url(images/cards_en/CARDS_057.PNG);} +.ds-en .monster[data-cards-pic-idx='58']{background-image: url(images/cards_en/CARDS_058.PNG);} +.ds-en .monster[data-cards-pic-idx='59']{background-image: url(images/cards_en/CARDS_059.PNG);} +.ds-en .monster[data-cards-pic-idx='60']{background-image: url(images/cards_en/CARDS_060.PNG);} +.ds-en .monster[data-cards-pic-idx='61']{background-image: url(images/cards_en/CARDS_061.PNG);} +.ds-en .monster[data-cards-pic-idx='62']{background-image: url(images/cards_en/CARDS_062.PNG);} +.ds-en .monster[data-cards-pic-idx='63']{background-image: url(images/cards_en/CARDS_063.PNG);} +.ds-en .monster[data-cards-pic-idx='64']{background-image: url(images/cards_en/CARDS_064.PNG);} +.ds-en .monster[data-cards-pic-idx='65']{background-image: url(images/cards_en/CARDS_065.PNG);} +.ds-en .monster[data-cards-pic-idx='66']{background-image: url(images/cards_en/CARDS_066.PNG);} +.ds-en .monster[data-cards-pic-idx='67']{background-image: url(images/cards_en/CARDS_067.PNG);} +.ds-en .monster[data-cards-pic-idx='68']{background-image: url(images/cards_en/CARDS_068.PNG);} +.ds-en .monster[data-cards-pic-idx='69']{background-image: url(images/cards_en/CARDS_069.PNG);} +.ds-en .monster[data-cards-pic-idx='70']{background-image: url(images/cards_en/CARDS_070.PNG);} +.ds-en .monster[data-cards-pic-idx='71']{background-image: url(images/cards_en/CARDS_071.PNG);} +.ds-en .monster[data-cards-pic-idx='72']{background-image: url(images/cards_en/CARDS_072.PNG);} +.ds-en .monster[data-cards-pic-idx='73']{background-image: url(images/cards_en/CARDS_073.PNG);} +.ds-en .monster[data-cards-pic-idx='74']{background-image: url(images/cards_en/CARDS_074.PNG);} +.ds-en .monster[data-cards-pic-idx='75']{background-image: url(images/cards_en/CARDS_075.PNG);} +.ds-en .monster[data-cards-pic-idx='76']{background-image: url(images/cards_en/CARDS_076.PNG);} +.ds-en .monster[data-cards-pic-idx='77']{background-image: url(images/cards_en/CARDS_077.PNG);} +.ds-en .monster[data-cards-pic-idx='78']{background-image: url(images/cards_en/CARDS_078.PNG);} +.ds-en .monster[data-cards-pic-idx='79']{background-image: url(images/cards_en/CARDS_079.PNG);} +.ds-en .monster[data-cards-pic-idx='80']{background-image: url(images/cards_en/CARDS_080.PNG);} +.ds-en .monster[data-cards-pic-idx='81']{background-image: url(images/cards_en/CARDS_081.PNG);} +.ds-en .monster[data-cards-pic-idx='82']{background-image: url(images/cards_en/CARDS_082.PNG);} +.ds-en .monster[data-cards-pic-idx='83']{background-image: url(images/cards_en/CARDS_083.PNG);} +.ds-en .monster[data-cards-pic-idx='84']{background-image: url(images/cards_en/CARDS_084.PNG);} +.ds-en .monster[data-cards-pic-idx='85']{background-image: url(images/cards_en/CARDS_085.PNG);} +.ds-en .monster[data-cards-pic-idx='86']{background-image: url(images/cards_en/CARDS_086.PNG);} +.ds-en .monster[data-cards-pic-idx='87']{background-image: url(images/cards_en/CARDS_087.PNG);} +.ds-en .monster[data-cards-pic-idx='88']{background-image: url(images/cards_en/CARDS_088.PNG);} +.ds-en .monster[data-cards-pic-idx='89']{background-image: url(images/cards_en/CARDS_089.PNG);} +.ds-en .monster[data-cards-pic-idx='90']{background-image: url(images/cards_en/CARDS_090.PNG);} +.ds-en .monster[data-cards-pic-idx='91']{background-image: url(images/cards_en/CARDS_091.PNG);} +.ds-en .monster[data-cards-pic-idx='92']{background-image: url(images/cards_en/CARDS_092.PNG);} +.ds-en .monster[data-cards-pic-idx='93']{background-image: url(images/cards_en/CARDS_093.PNG);} +.ds-en .monster[data-cards-pic-idx='94']{background-image: url(images/cards_en/CARDS_094.PNG);} +.ds-en .monster[data-cards-pic-idx='95']{background-image: url(images/cards_en/CARDS_095.PNG);} +.ds-en .monster[data-cards-pic-idx='96']{background-image: url(images/cards_en/CARDS_096.PNG);} +.ds-en .monster[data-cards-pic-idx='97']{background-image: url(images/cards_en/CARDS_097.PNG);} +.ds-en .monster[data-cards-pic-idx='98']{background-image: url(images/cards_en/CARDS_098.PNG);} +.ds-en .monster[data-cards-pic-idx='99']{background-image: url(images/cards_en/CARDS_099.PNG);} /*韩服*/ -.ds-ko .pet-cards-1{background-image: url(images/cards_ko/CARDS_001.PNG);} -.ds-ko .pet-cards-2{background-image: url(images/cards_ko/CARDS_002.PNG);} -.ds-ko .pet-cards-3{background-image: url(images/cards_ko/CARDS_003.PNG);} -.ds-ko .pet-cards-4{background-image: url(images/cards_ko/CARDS_004.PNG);} -.ds-ko .pet-cards-5{background-image: url(images/cards_ko/CARDS_005.PNG);} -.ds-ko .pet-cards-6{background-image: url(images/cards_ko/CARDS_006.PNG);} -.ds-ko .pet-cards-7{background-image: url(images/cards_ko/CARDS_007.PNG);} -.ds-ko .pet-cards-8{background-image: url(images/cards_ko/CARDS_008.PNG);} -.ds-ko .pet-cards-9{background-image: url(images/cards_ko/CARDS_009.PNG);} -.ds-ko .pet-cards-10{background-image: url(images/cards_ko/CARDS_010.PNG);} -.ds-ko .pet-cards-11{background-image: url(images/cards_ko/CARDS_011.PNG);} -.ds-ko .pet-cards-12{background-image: url(images/cards_ko/CARDS_012.PNG);} -.ds-ko .pet-cards-13{background-image: url(images/cards_ko/CARDS_013.PNG);} -.ds-ko .pet-cards-14{background-image: url(images/cards_ko/CARDS_014.PNG);} -.ds-ko .pet-cards-15{background-image: url(images/cards_ko/CARDS_015.PNG);} -.ds-ko .pet-cards-16{background-image: url(images/cards_ko/CARDS_016.PNG);} -.ds-ko .pet-cards-17{background-image: url(images/cards_ko/CARDS_017.PNG);} -.ds-ko .pet-cards-18{background-image: url(images/cards_ko/CARDS_018.PNG);} -.ds-ko .pet-cards-19{background-image: url(images/cards_ko/CARDS_019.PNG);} -.ds-ko .pet-cards-20{background-image: url(images/cards_ko/CARDS_020.PNG);} -.ds-ko .pet-cards-21{background-image: url(images/cards_ko/CARDS_021.PNG);} -.ds-ko .pet-cards-22{background-image: url(images/cards_ko/CARDS_022.PNG);} -.ds-ko .pet-cards-23{background-image: url(images/cards_ko/CARDS_023.PNG);} -.ds-ko .pet-cards-24{background-image: url(images/cards_ko/CARDS_024.PNG);} -.ds-ko .pet-cards-25{background-image: url(images/cards_ko/CARDS_025.PNG);} -.ds-ko .pet-cards-26{background-image: url(images/cards_ko/CARDS_026.PNG);} -.ds-ko .pet-cards-27{background-image: url(images/cards_ko/CARDS_027.PNG);} -.ds-ko .pet-cards-28{background-image: url(images/cards_ko/CARDS_028.PNG);} -.ds-ko .pet-cards-29{background-image: url(images/cards_ko/CARDS_029.PNG);} -.ds-ko .pet-cards-30{background-image: url(images/cards_ko/CARDS_030.PNG);} -.ds-ko .pet-cards-31{background-image: url(images/cards_ko/CARDS_031.PNG);} -.ds-ko .pet-cards-32{background-image: url(images/cards_ko/CARDS_032.PNG);} -.ds-ko .pet-cards-33{background-image: url(images/cards_ko/CARDS_033.PNG);} -.ds-ko .pet-cards-34{background-image: url(images/cards_ko/CARDS_034.PNG);} -.ds-ko .pet-cards-35{background-image: url(images/cards_ko/CARDS_035.PNG);} -.ds-ko .pet-cards-36{background-image: url(images/cards_ko/CARDS_036.PNG);} -.ds-ko .pet-cards-37{background-image: url(images/cards_ko/CARDS_037.PNG);} -.ds-ko .pet-cards-38{background-image: url(images/cards_ko/CARDS_038.PNG);} -.ds-ko .pet-cards-39{background-image: url(images/cards_ko/CARDS_039.PNG);} -.ds-ko .pet-cards-40{background-image: url(images/cards_ko/CARDS_040.PNG);} -.ds-ko .pet-cards-41{background-image: url(images/cards_ko/CARDS_041.PNG);} -.ds-ko .pet-cards-42{background-image: url(images/cards_ko/CARDS_042.PNG);} -.ds-ko .pet-cards-43{background-image: url(images/cards_ko/CARDS_043.PNG);} -.ds-ko .pet-cards-44{background-image: url(images/cards_ko/CARDS_044.PNG);} -.ds-ko .pet-cards-45{background-image: url(images/cards_ko/CARDS_045.PNG);} -.ds-ko .pet-cards-46{background-image: url(images/cards_ko/CARDS_046.PNG);} -.ds-ko .pet-cards-47{background-image: url(images/cards_ko/CARDS_047.PNG);} -.ds-ko .pet-cards-48{background-image: url(images/cards_ko/CARDS_048.PNG);} -.ds-ko .pet-cards-49{background-image: url(images/cards_ko/CARDS_049.PNG);} -.ds-ko .pet-cards-50{background-image: url(images/cards_ko/CARDS_050.PNG);} -.ds-ko .pet-cards-51{background-image: url(images/cards_ko/CARDS_051.PNG);} -.ds-ko .pet-cards-52{background-image: url(images/cards_ko/CARDS_052.PNG);} -.ds-ko .pet-cards-53{background-image: url(images/cards_ko/CARDS_053.PNG);} -.ds-ko .pet-cards-54{background-image: url(images/cards_ko/CARDS_054.PNG);} -.ds-ko .pet-cards-55{background-image: url(images/cards_ko/CARDS_055.PNG);} -.ds-ko .pet-cards-56{background-image: url(images/cards_ko/CARDS_056.PNG);} -.ds-ko .pet-cards-57{background-image: url(images/cards_ko/CARDS_057.PNG);} -.ds-ko .pet-cards-58{background-image: url(images/cards_ko/CARDS_058.PNG);} -.ds-ko .pet-cards-59{background-image: url(images/cards_ko/CARDS_059.PNG);} -.ds-ko .pet-cards-60{background-image: url(images/cards_ko/CARDS_060.PNG);} -.ds-ko .pet-cards-61{background-image: url(images/cards_ko/CARDS_061.PNG);} -.ds-ko .pet-cards-62{background-image: url(images/cards_ko/CARDS_062.PNG);} -.ds-ko .pet-cards-63{background-image: url(images/cards_ko/CARDS_063.PNG);} -.ds-ko .pet-cards-64{background-image: url(images/cards_ko/CARDS_064.PNG);} -.ds-ko .pet-cards-65{background-image: url(images/cards_ko/CARDS_065.PNG);} -.ds-ko .pet-cards-66{background-image: url(images/cards_ko/CARDS_066.PNG);} -.ds-ko .pet-cards-67{background-image: url(images/cards_ko/CARDS_067.PNG);} -.ds-ko .pet-cards-68{background-image: url(images/cards_ko/CARDS_068.PNG);} -.ds-ko .pet-cards-69{background-image: url(images/cards_ko/CARDS_069.PNG);} -.ds-ko .pet-cards-70{background-image: url(images/cards_ko/CARDS_070.PNG);} -.ds-ko .pet-cards-71{background-image: url(images/cards_ko/CARDS_071.PNG);} -.ds-ko .pet-cards-72{background-image: url(images/cards_ko/CARDS_072.PNG);} -.ds-ko .pet-cards-73{background-image: url(images/cards_ko/CARDS_073.PNG);} -.ds-ko .pet-cards-74{background-image: url(images/cards_ko/CARDS_074.PNG);} -.ds-ko .pet-cards-75{background-image: url(images/cards_ko/CARDS_075.PNG);} -.ds-ko .pet-cards-76{background-image: url(images/cards_ko/CARDS_076.PNG);} -.ds-ko .pet-cards-77{background-image: url(images/cards_ko/CARDS_077.PNG);} -.ds-ko .pet-cards-78{background-image: url(images/cards_ko/CARDS_078.PNG);} -.ds-ko .pet-cards-79{background-image: url(images/cards_ko/CARDS_079.PNG);} -.ds-ko .pet-cards-80{background-image: url(images/cards_ko/CARDS_080.PNG);} -.ds-ko .pet-cards-81{background-image: url(images/cards_ko/CARDS_081.PNG);} -.ds-ko .pet-cards-82{background-image: url(images/cards_ko/CARDS_082.PNG);} -.ds-ko .pet-cards-83{background-image: url(images/cards_ko/CARDS_083.PNG);} -.ds-ko .pet-cards-84{background-image: url(images/cards_ko/CARDS_084.PNG);} -.ds-ko .pet-cards-85{background-image: url(images/cards_ko/CARDS_085.PNG);} -.ds-ko .pet-cards-86{background-image: url(images/cards_ko/CARDS_086.PNG);} -.ds-ko .pet-cards-87{background-image: url(images/cards_ko/CARDS_087.PNG);} -.ds-ko .pet-cards-88{background-image: url(images/cards_ko/CARDS_088.PNG);} -.ds-ko .pet-cards-89{background-image: url(images/cards_ko/CARDS_089.PNG);} -.ds-ko .pet-cards-90{background-image: url(images/cards_ko/CARDS_090.PNG);} -.ds-ko .pet-cards-91{background-image: url(images/cards_ko/CARDS_091.PNG);} -.ds-ko .pet-cards-92{background-image: url(images/cards_ko/CARDS_092.PNG);} -.ds-ko .pet-cards-93{background-image: url(images/cards_ko/CARDS_093.PNG);} -.ds-ko .pet-cards-94{background-image: url(images/cards_ko/CARDS_094.PNG);} -.ds-ko .pet-cards-95{background-image: url(images/cards_ko/CARDS_095.PNG);} -.ds-ko .pet-cards-96{background-image: url(images/cards_ko/CARDS_096.PNG);} -.ds-ko .pet-cards-97{background-image: url(images/cards_ko/CARDS_097.PNG);} -.ds-ko .pet-cards-98{background-image: url(images/cards_ko/CARDS_098.PNG);} -.ds-ko .pet-cards-99{background-image: url(images/cards_ko/CARDS_099.PNG);} -/*.en-only.pet-cards-54{background-image: url(images/cards/en/CARDS_054.PNG);} -.en-only.pet-cards-55{background-image: url(images/cards/en/CARDS_055.PNG);}*/ +.ds-ko .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ko/CARDS_001.PNG);} +.ds-ko .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ko/CARDS_002.PNG);} +.ds-ko .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ko/CARDS_003.PNG);} +.ds-ko .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ko/CARDS_004.PNG);} +.ds-ko .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ko/CARDS_005.PNG);} +.ds-ko .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ko/CARDS_006.PNG);} +.ds-ko .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ko/CARDS_007.PNG);} +.ds-ko .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ko/CARDS_008.PNG);} +.ds-ko .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ko/CARDS_009.PNG);} +.ds-ko .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ko/CARDS_010.PNG);} +.ds-ko .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ko/CARDS_011.PNG);} +.ds-ko .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ko/CARDS_012.PNG);} +.ds-ko .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ko/CARDS_013.PNG);} +.ds-ko .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ko/CARDS_014.PNG);} +.ds-ko .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ko/CARDS_015.PNG);} +.ds-ko .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ko/CARDS_016.PNG);} +.ds-ko .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ko/CARDS_017.PNG);} +.ds-ko .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ko/CARDS_018.PNG);} +.ds-ko .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ko/CARDS_019.PNG);} +.ds-ko .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ko/CARDS_020.PNG);} +.ds-ko .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ko/CARDS_021.PNG);} +.ds-ko .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ko/CARDS_022.PNG);} +.ds-ko .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ko/CARDS_023.PNG);} +.ds-ko .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ko/CARDS_024.PNG);} +.ds-ko .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ko/CARDS_025.PNG);} +.ds-ko .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ko/CARDS_026.PNG);} +.ds-ko .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ko/CARDS_027.PNG);} +.ds-ko .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ko/CARDS_028.PNG);} +.ds-ko .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ko/CARDS_029.PNG);} +.ds-ko .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ko/CARDS_030.PNG);} +.ds-ko .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ko/CARDS_031.PNG);} +.ds-ko .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ko/CARDS_032.PNG);} +.ds-ko .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ko/CARDS_033.PNG);} +.ds-ko .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ko/CARDS_034.PNG);} +.ds-ko .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ko/CARDS_035.PNG);} +.ds-ko .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ko/CARDS_036.PNG);} +.ds-ko .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ko/CARDS_037.PNG);} +.ds-ko .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ko/CARDS_038.PNG);} +.ds-ko .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ko/CARDS_039.PNG);} +.ds-ko .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ko/CARDS_040.PNG);} +.ds-ko .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ko/CARDS_041.PNG);} +.ds-ko .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ko/CARDS_042.PNG);} +.ds-ko .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ko/CARDS_043.PNG);} +.ds-ko .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ko/CARDS_044.PNG);} +.ds-ko .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ko/CARDS_045.PNG);} +.ds-ko .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ko/CARDS_046.PNG);} +.ds-ko .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ko/CARDS_047.PNG);} +.ds-ko .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ko/CARDS_048.PNG);} +.ds-ko .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ko/CARDS_049.PNG);} +.ds-ko .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ko/CARDS_050.PNG);} +.ds-ko .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ko/CARDS_051.PNG);} +.ds-ko .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ko/CARDS_052.PNG);} +.ds-ko .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ko/CARDS_053.PNG);} +.ds-ko .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ko/CARDS_054.PNG);} +.ds-ko .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ko/CARDS_055.PNG);} +.ds-ko .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ko/CARDS_056.PNG);} +.ds-ko .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ko/CARDS_057.PNG);} +.ds-ko .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ko/CARDS_058.PNG);} +.ds-ko .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ko/CARDS_059.PNG);} +.ds-ko .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ko/CARDS_060.PNG);} +.ds-ko .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ko/CARDS_061.PNG);} +.ds-ko .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ko/CARDS_062.PNG);} +.ds-ko .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ko/CARDS_063.PNG);} +.ds-ko .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ko/CARDS_064.PNG);} +.ds-ko .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ko/CARDS_065.PNG);} +.ds-ko .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ko/CARDS_066.PNG);} +.ds-ko .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ko/CARDS_067.PNG);} +.ds-ko .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ko/CARDS_068.PNG);} +.ds-ko .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ko/CARDS_069.PNG);} +.ds-ko .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ko/CARDS_070.PNG);} +.ds-ko .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ko/CARDS_071.PNG);} +.ds-ko .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ko/CARDS_072.PNG);} +.ds-ko .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ko/CARDS_073.PNG);} +.ds-ko .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ko/CARDS_074.PNG);} +.ds-ko .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ko/CARDS_075.PNG);} +.ds-ko .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ko/CARDS_076.PNG);} +.ds-ko .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ko/CARDS_077.PNG);} +.ds-ko .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ko/CARDS_078.PNG);} +.ds-ko .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ko/CARDS_079.PNG);} +.ds-ko .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ko/CARDS_080.PNG);} +.ds-ko .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ko/CARDS_081.PNG);} +.ds-ko .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ko/CARDS_082.PNG);} +.ds-ko .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ko/CARDS_083.PNG);} +.ds-ko .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ko/CARDS_084.PNG);} +.ds-ko .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ko/CARDS_085.PNG);} +.ds-ko .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ko/CARDS_086.PNG);} +.ds-ko .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ko/CARDS_087.PNG);} +.ds-ko .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ko/CARDS_088.PNG);} +.ds-ko .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ko/CARDS_089.PNG);} +.ds-ko .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ko/CARDS_090.PNG);} +.ds-ko .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ko/CARDS_091.PNG);} +.ds-ko .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ko/CARDS_092.PNG);} +.ds-ko .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ko/CARDS_093.PNG);} +.ds-ko .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ko/CARDS_094.PNG);} +.ds-ko .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ko/CARDS_095.PNG);} +.ds-ko .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ko/CARDS_096.PNG);} +.ds-ko .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ko/CARDS_097.PNG);} +.ds-ko .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ko/CARDS_098.PNG);} +.ds-ko .monster[data-cards-pic-idx='99']{background-image: url(images/cards_ko/CARDS_099.PNG);} +/*.en-only.monster[data-cards-pic-idx='54']{background-image: url(images/cards/en/CARDS_054.PNG);} +.en-only.monster[data-cards-pic-idx='55']{background-image: url(images/cards/en/CARDS_055.PNG);}*/ /*宠物在图中编号对应的坐标*/ -.pet-cards-index-x-0{background-position-x:0px;} -.pet-cards-index-x-1{background-position-x:-102px;} -.pet-cards-index-x-2{background-position-x:-204px;} -.pet-cards-index-x-3{background-position-x:-306px;} -.pet-cards-index-x-4{background-position-x:-408px;} -.pet-cards-index-x-5{background-position-x:-510px;} -.pet-cards-index-x-6{background-position-x:-612px;} -.pet-cards-index-x-7{background-position-x:-714px;} -.pet-cards-index-x-8{background-position-x:-816px;} -.pet-cards-index-x-9{background-position-x:-918px;} -.pet-cards-index-y-0{background-position-y:0px;} -.pet-cards-index-y-1{background-position-y:-102px;} -.pet-cards-index-y-2{background-position-y:-204px;} -.pet-cards-index-y-3{background-position-y:-306px;} -.pet-cards-index-y-4{background-position-y:-408px;} -.pet-cards-index-y-5{background-position-y:-510px;} -.pet-cards-index-y-6{background-position-y:-612px;} -.pet-cards-index-y-7{background-position-y:-714px;} -.pet-cards-index-y-8{background-position-y:-816px;} -.pet-cards-index-y-9{background-position-y:-918px;} +.monster[data-cards-pic-x='0']{background-position-x:0px;} +.monster[data-cards-pic-x='1']{background-position-x:-102px;} +.monster[data-cards-pic-x='2']{background-position-x:-204px;} +.monster[data-cards-pic-x='3']{background-position-x:-306px;} +.monster[data-cards-pic-x='4']{background-position-x:-408px;} +.monster[data-cards-pic-x='5']{background-position-x:-510px;} +.monster[data-cards-pic-x='6']{background-position-x:-612px;} +.monster[data-cards-pic-x='7']{background-position-x:-714px;} +.monster[data-cards-pic-x='8']{background-position-x:-816px;} +.monster[data-cards-pic-x='9']{background-position-x:-918px;} +.monster[data-cards-pic-y='0']{background-position-y:0px;} +.monster[data-cards-pic-y='1']{background-position-y:-102px;} +.monster[data-cards-pic-y='2']{background-position-y:-204px;} +.monster[data-cards-pic-y='3']{background-position-y:-306px;} +.monster[data-cards-pic-y='4']{background-position-y:-408px;} +.monster[data-cards-pic-y='5']{background-position-y:-510px;} +.monster[data-cards-pic-y='6']{background-position-y:-612px;} +.monster[data-cards-pic-y='7']{background-position-y:-714px;} +.monster[data-cards-pic-y='8']{background-position-y:-816px;} +.monster[data-cards-pic-y='9']{background-position-y:-918px;} /*觉醒、类型、潜觉*/ .awoken-icon,.type-icon,.latent-icon{ display:inline-block; diff --git a/style.css b/style.css index 704ca1a4..15f86b50 100644 --- a/style.css +++ b/style.css @@ -516,7 +516,7 @@ ul{ } .formation-box .team-badge .team-total-info { - display:inline-block; + display: inline-block; } /* .team-info .tIf-total-hp,.team-info .tIf-total-rcv{ @@ -526,14 +526,14 @@ ul{ /*队伍的潜觉*/ .team-latents .latents{ width: var(--head-block-width); - /*float:left;*/ - margin-bottom: -20px; display: inline-block; } .team-latents .latent-ul{ font-size: 0; width: 152px; - transform: translate(-22px,-8px) scale(0.63); + transform: scale(0.63); + margin: calc(-64px * (1 - 0.63) / 2 + 3px) calc((108px - 152px) / 2); + /*-152 * (1 - 0.63) + 108 - 152 * 0.63，化简为108 - 152*/ } .team-latents .latent-icon{ @@ -698,22 +698,24 @@ ul{ font-size: 25px; } .edit-box .setting-box .row-mon-id .evo-card-list li, -.edit-box .search-box .search-mon-list li, -.detail-mon{ +.edit-box .search-box .search-mon-list li +{ display: inline-block; vertical-align: top; - top: 0; - width: 80px; - height: 78px; + margin-right: 5px; + margin-bottom: 5px; } .detail-mon{ + display: inline-block; vertical-align: bottom; } .edit-box .setting-box .row-mon-id .evo-card-list .monster, .edit-box .search-box .search-mon-list .monster, -.detail-mon .monster{ +.detail-mon .monster +{ float: none; - transform: scale(0.75) translate(-16px,-16px); + transform: scale(0.75); + margin: calc(-100px * (1 - 0.75) / 2); } .edit-box .setting-box .row-mon-id .evo-card-list .monster .id, .edit-box .search-box .search-mon-list .monster .id, @@ -727,7 +729,8 @@ ul{ height: 50px; } .detail-box .detail-mon .monster{ - transform: scale(0.5) translate(-58px,-58px); + transform: scale(0.5); + margin: calc(-100px * (1 - 0.5) / 2); } .detail-box .detail-mon .monster .id{ font-weight: bold; diff --git a/universal_function.js b/universal_function.js index 22f5aad8..8bcb9ae8 100644 --- a/universal_function.js +++ b/universal_function.js @@ -378,7 +378,7 @@ function searchCards(cards,attr1,attr2,fixMainColor,types,awokens,sawokens,equal function createCardA() { const cdom = document.createElement("a"); - cdom.class = "monster"; + cdom.className = "monster"; cdom.target = "_blank"; const property = cdom.appendChild(document.createElement("div")); property.className = "property";