mapaler
/
PADDashFormation
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

很多的重构，包括怪物头像

This commit is contained in:
枫谷剑仙 2020-03-19 21:59:44 +08:00
parent 3b1bf482ba
commit 95ef7e03ef
6 changed files with 529 additions and 520 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
languages/language-list.js
View File

@ -1,26 +1,26 @@
var languageList = [ var languageList = [
{ {
name:"English",i18n:"en",searchlist:["en","ja"], 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"], 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"], 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"], 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"], 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"], 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}`
}, },
]; ];

136
script.js
View File

@ -3,15 +3,18 @@ var Skills; //技能数据
var currentLanguage; //当前语言 var currentLanguage; //当前语言
var currentDataSource; //当前数据 var currentDataSource; //当前数据
const teamBigBoxs = []; //储存全部teamBigBox
const allMembers = []; //储存所有成员，包含辅助
var interchangeSvg; //储存划线的SVG var interchangeSvg; //储存划线的SVG
var controlBox; //储存整个controlBox var controlBox; //储存整个controlBox
var statusLine; //储存状态栏 var statusLine; //储存状态栏
var formationBox; //储存整个formationBox var formationBox; //储存整个formationBox
var teamBigBoxs = []; //储存全部teamBigBox
var allMembers = []; //储存所有成员，包含辅助
var editBox; //储存整个editBox var editBox; //储存整个editBox
var showSearch; //整个程序都可以用的显示搜索函数 var showSearch; //整个程序都可以用的显示搜索函数
const className_displayNone = "display-none";
//数组去重 //数组去重
/* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html /* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html
* 实现思路：获取没重复的最右一值放入新数组。 * 实现思路：获取没重复的最右一值放入新数组。
@ -747,12 +750,12 @@ function initialize()
editBox.latentBox = null; editBox.latentBox = null;
editBox.memberIdx = []; //储存队伍数组下标 editBox.memberIdx = []; //储存队伍数组下标
editBox.show = function(){ editBox.show = function(){
this.classList.remove("display-none"); this.classList.remove(className_displayNone);
formationBox.classList.add("blur-bg"); formationBox.classList.add("blur-bg");
controlBox.classList.add("blur-bg"); controlBox.classList.add("blur-bg");
}; };
editBox.hide = function(){ editBox.hide = function(){
this.classList.add("display-none"); this.classList.add(className_displayNone);
formationBox.classList.remove("blur-bg"); formationBox.classList.remove("blur-bg");
controlBox.classList.remove("blur-bg"); controlBox.classList.remove("blur-bg");
}; };
@ -811,7 +814,7 @@ function initialize()
searchOpen.onclick = function(){ searchOpen.onclick = function(){
s_includeSuperAwoken.onclick(); s_includeSuperAwoken.onclick();
s_canAssist.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")); 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"); //搜索超觉醒 const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
s_includeSuperAwoken.onclick = function(){ s_includeSuperAwoken.onclick = function(){
if (this.checked) if (this.checked)
s_sawokenDiv.classList.add("display-none"); s_sawokenDiv.classList.add(className_displayNone);
else else
s_sawokenDiv.classList.remove("display-none"); s_sawokenDiv.classList.remove(className_displayNone);
}; };
function search_awokenAdd1() function search_awokenAdd1()
@ -915,10 +918,10 @@ function initialize()
//将搜索结果显示出来（也可用于其他的搜索） //将搜索结果显示出来（也可用于其他的搜索）
showSearch = function(searchArr){ showSearch = function(searchArr){
editBox.show(); editBox.show();
searchBox.classList.remove("display-none"); searchBox.classList.remove(className_displayNone);
const createCardHead = editBox.createCardHead; const createCardHead = editBox.createCardHead;
searchMonList.classList.add("display-none"); searchMonList.classList.add(className_displayNone);
searchMonList.innerHTML = ""; //清空旧的 searchMonList.innerHTML = ""; //清空旧的
if (searchArr.length>0) if (searchArr.length>0)
{ {
@ -930,7 +933,7 @@ function initialize()
headsArray.forEach(head=>fragment.appendChild(head)); headsArray.forEach(head=>fragment.appendChild(head));
searchMonList.appendChild(fragment); searchMonList.appendChild(fragment);
} }
searchMonList.classList.remove("display-none"); searchMonList.classList.remove(className_displayNone);
}; };
const startSearch = function(cards){ const startSearch = function(cards){
const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue); 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 typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
const sawokensFilter = s_sawokens.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=>{ 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, const searchResult = searchCards(cards,
attr1,attr2, attr1,attr2,
@ -977,7 +981,7 @@ function initialize()
startSearch(Cards); startSearch(Cards);
}; };
searchClose.onclick = function(){ searchClose.onclick = function(){
searchBox.classList.add("display-none"); searchBox.classList.add(className_displayNone);
}; };
searchClear.onclick = function(){ //清空搜索选项 searchClear.onclick = function(){ //清空搜索选项
s_attr1s[0].checked = true; s_attr1s[0].checked = true;
@ -1023,12 +1027,12 @@ function initialize()
//对搜索到的Cards重新排序 //对搜索到的Cards重新排序
function reSortCards() function reSortCards()
{ {
searchMonList.classList.add("display-none"); searchMonList.classList.add(className_displayNone);
let fragment = document.createDocumentFragment(); //创建节点用的临时空间 let fragment = document.createDocumentFragment(); //创建节点用的临时空间
const headsArray = sortHeadsArray(searchMonList.originalHeads); const headsArray = sortHeadsArray(searchMonList.originalHeads);
headsArray.forEach(head=>fragment.appendChild(head)); headsArray.forEach(head=>fragment.appendChild(head));
searchMonList.appendChild(fragment); searchMonList.appendChild(fragment);
searchMonList.classList.remove("display-none"); searchMonList.classList.remove(className_displayNone);
} }
s_sortList.onchange = reSortCards; s_sortList.onchange = reSortCards;
s_sortReverse.onchange = reSortCards; s_sortReverse.onchange = reSortCards;
@ -1171,16 +1175,16 @@ function initialize()
if (latent[ai] != undefined) //有的潜觉 if (latent[ai] != undefined) //有的潜觉
{ {
monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]); monEditLatents[ai].setAttribute("data-latent-icon", latent[ai]);
monEditLatents[ai].classList.remove("display-none"); monEditLatents[ai].classList.remove(className_displayNone);
} }
else if(ai < showLatentCount) //空格 else if(ai < showLatentCount) //空格
{ {
monEditLatents[ai].removeAttribute("data-latent-icon"); monEditLatents[ai].removeAttribute("data-latent-icon");
monEditLatents[ai].classList.remove("display-none"); monEditLatents[ai].classList.remove(className_displayNone);
} }
else //不显示的部分 else //不显示的部分
{ {
monEditLatents[ai].classList.add("display-none"); monEditLatents[ai].classList.add(className_displayNone);
} }
} }
}; };
@ -1222,7 +1226,7 @@ function initialize()
//可选觉醒的添加 //可选觉醒的添加
function addLatent(){ function addLatent(){
if (this.classList.contains("unselected-latent")) return; //不能选的觉醒直接退出 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 usedHoleN = usedHole(editBox.latent); //使用了的格子
const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量 const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2) || //如果能添加2格的觉醒 if (lIdx >= 12 && usedHoleN<=(maxLatentCount-2) || //如果能添加2格的觉醒
@ -1340,7 +1344,7 @@ function initialize()
editBox.hide(); editBox.hide();
}; };
window.onkeydown = function(e){ window.onkeydown = function(e){
if (!editBox.classList.contains("display-none")) if (!editBox.classList.contains(className_displayNone))
{ {
if (e.keyCode == 27) if (e.keyCode == 27)
{ //按下ESC时，自动关闭编辑窗 { //按下ESC时，自动关闭编辑窗
@ -1580,28 +1584,30 @@ function changeid(mon,monDom,latentDom)
parentNode.classList.add("delay"); parentNode.classList.add("delay");
parentNode.classList.remove("null"); parentNode.classList.remove("null");
parentNode.appendChild(fragment); parentNode.appendChild(fragment);
if (latentDom) latentDom.classList.add("display-none"); if (latentDom) latentDom.classList.add(className_displayNone);
return; return;
}else if (monId==0) //如果是空 }else if (monId==0) //如果是空
{ {
parentNode.classList.add("null"); parentNode.classList.add("null");
parentNode.classList.remove("delay"); parentNode.classList.remove("delay");
parentNode.appendChild(fragment); parentNode.appendChild(fragment);
if (latentDom) latentDom.classList.add("display-none"); if (latentDom) latentDom.classList.add(className_displayNone);
return; return;
}else if (monId>-1) //如果提供了id }else if (monId>-1) //如果提供了id
{ {
parentNode.classList.remove("null"); parentNode.classList.remove("null");
parentNode.classList.remove("delay"); 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; //获取当前页面的总序号 const idxInPage = (monId-1) % 100; //获取当前页面的总序号
monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号 monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号 monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号
monDom.querySelector(".property").className = "property property-" + card.attrs[0]; //主属性
monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性 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.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) if (card.canAssist)
monDom.classList.add("allowable-assist"); monDom.classList.add("allowable-assist");
else else
@ -1636,11 +1642,11 @@ function changeid(mon,monDom,latentDom)
const awokenIcon = monDom.querySelector(".awoken-count"); const awokenIcon = monDom.querySelector(".awoken-count");
if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒 if (mon.awoken == 0 || card.awakenings.length < 1 || !awokenIcon) //没觉醒
{ {
awokenIcon.classList.add("display-none"); awokenIcon.classList.add(className_displayNone);
awokenIcon.innerHTML = ""; awokenIcon.innerHTML = "";
}else }else
{ {
awokenIcon.classList.remove("display-none"); awokenIcon.classList.remove(className_displayNone);
awokenIcon.innerHTML = mon.awoken; awokenIcon.innerHTML = mon.awoken;
if (mon.awoken == card.awakenings.length) 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) 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"); const sawokenIcon = sawoken.querySelector(".awoken-icon");
sawokenIcon.setAttribute("data-awoken-icon",card.superAwakenings[mon.sawoken]); sawokenIcon.setAttribute("data-awoken-icon",card.superAwakenings[mon.sawoken]);
}else }else
{ {
sawoken.classList.add("display-none"); sawoken.classList.add(className_displayNone);
} }
} }
const m_id = monDom.querySelector(".id"); const m_id = monDom.querySelector(".id");
@ -1676,18 +1682,18 @@ function changeid(mon,monDom,latentDom)
const plusCount = plusArr[0]+plusArr[1]+plusArr[2]; const plusCount = plusArr[0]+plusArr[1]+plusArr[2];
if (plusCount <= 0) if (plusCount <= 0)
{ {
plusDom.classList.add("display-none"); plusDom.classList.add(className_displayNone);
}else if (plusCount >= 297) }else if (plusCount >= 297)
{ {
plusDom.classList.add("has297"); plusDom.classList.add("has297");
plusDom.classList.remove("display-none"); plusDom.classList.remove(className_displayNone);
}else }else
{ {
plusDom.querySelector(".hp").innerHTML = plusArr[0]; plusDom.querySelector(".hp").innerHTML = plusArr[0];
plusDom.querySelector(".atk").innerHTML = plusArr[1]; plusDom.querySelector(".atk").innerHTML = plusArr[1];
plusDom.querySelector(".rcv").innerHTML = plusArr[2]; plusDom.querySelector(".rcv").innerHTML = plusArr[2];
plusDom.classList.remove("has297"); plusDom.classList.remove("has297");
plusDom.classList.remove("display-none"); plusDom.classList.remove(className_displayNone);
} }
} }
if (latentDom) if (latentDom)
@ -1702,10 +1708,10 @@ function changeid(mon,monDom,latentDom)
}); });
if (latent.length < 1) if (latent.length < 1)
{ {
latentDom.classList.add("display-none"); latentDom.classList.add(className_displayNone);
}else }else
{ {
latentDom.classList.remove("display-none"); latentDom.classList.remove(className_displayNone);
const usedHoleN = usedHole(latent); //使用的格子数 const usedHoleN = usedHole(latent); //使用的格子数
const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量 const maxLatentCount = getMaxLatentCount(mon.id); //最大潜觉数量
@ -1715,22 +1721,22 @@ function changeid(mon,monDom,latentDom)
if (latent[ai]) //有的潜觉 if (latent[ai]) //有的潜觉
{ {
latentDoms[ai].setAttribute("data-latent-icon", 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<showLatentCount) //空格 else if(ai<showLatentCount) //空格
{ {
latentDoms[ai].removeAttribute("data-latent-icon"); latentDoms[ai].removeAttribute("data-latent-icon");
latentDoms[ai].classList.remove("display-none"); latentDoms[ai].classList.remove(className_displayNone);
} }
else //不显示的部分 else //不显示的部分
{ {
latentDoms[ai].classList.add("display-none"); latentDoms[ai].classList.add(className_displayNone);
} }
} }
} }
}else }else
{ {
latentDom.classList.add("display-none"); latentDom.classList.add(className_displayNone);
} }
} }
@ -1740,10 +1746,10 @@ function changeid(mon,monDom,latentDom)
//const skill = Skills[card.activeSkillId]; //const skill = Skills[card.activeSkillId];
if (card.activeSkillId == 0) if (card.activeSkillId == 0)
{ {
skillCdDom.classList.add("display-none"); skillCdDom.classList.add(className_displayNone);
}else }else
{ {
skillCdDom.classList.remove("display-none"); skillCdDom.classList.remove(className_displayNone);
} }
} }
@ -1809,13 +1815,13 @@ function editMon(teamNum,isAssist,indexInTeam)
{ {
editBox.latent = mon.latent ? mon.latent.concat() : []; editBox.latent = mon.latent ? mon.latent.concat() : [];
editBox.refreshLatent(editBox.latent, mon.id); editBox.refreshLatent(editBox.latent, mon.id);
btnDelay.classList.add("display-none"); btnDelay.classList.add(className_displayNone);
rowMonLatent.classList.remove("display-none"); rowMonLatent.classList.remove(className_displayNone);
editBoxTitle.classList.remove("edit-box-title-assist"); editBoxTitle.classList.remove("edit-box-title-assist");
}else }else
{ {
btnDelay.classList.remove("display-none"); btnDelay.classList.remove(className_displayNone);
rowMonLatent.classList.add("display-none"); rowMonLatent.classList.add(className_displayNone);
editBoxTitle.classList.add("edit-box-title-assist"); editBoxTitle.classList.add("edit-box-title-assist");
} }
editBox.reCalculateExp(); editBox.reCalculateExp();
@ -1857,20 +1863,20 @@ function editBoxChangeMonId(id)
mSeriesId.setAttribute("data-seriesId",card.seriesId); mSeriesId.setAttribute("data-seriesId",card.seriesId);
if (card.seriesId == 0) if (card.seriesId == 0)
{ {
mSeriesId.classList.add("display-none"); mSeriesId.classList.add(className_displayNone);
}else }else
{ {
mSeriesId.classList.remove("display-none"); mSeriesId.classList.remove(className_displayNone);
} }
const mCollabId = monInfoBox.querySelector(".monster-collabId"); const mCollabId = monInfoBox.querySelector(".monster-collabId");
mCollabId.innerHTML = card.collabId; mCollabId.innerHTML = card.collabId;
mCollabId.setAttribute("data-collabId",card.collabId); mCollabId.setAttribute("data-collabId",card.collabId);
if (card.collabId == 0) if (card.collabId == 0)
{ {
mCollabId.classList.add("display-none"); mCollabId.classList.add(className_displayNone);
}else }else
{ {
mCollabId.classList.remove("display-none"); mCollabId.classList.remove(className_displayNone);
} }
const mAltName = monInfoBox.querySelector(".monster-altName"); const mAltName = monInfoBox.querySelector(".monster-altName");
mAltName.innerHTML = card.altName; mAltName.innerHTML = card.altName;
@ -1878,10 +1884,10 @@ function editBoxChangeMonId(id)
if (card.altName.length == 0) if (card.altName.length == 0)
{ //当没有合作名 { //当没有合作名
mAltName.classList.add("display-none"); mAltName.classList.add(className_displayNone);
}else }else
{ {
mAltName.classList.remove("display-none"); mAltName.classList.remove(className_displayNone);
} }
const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list"); const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
@ -1915,10 +1921,10 @@ function editBoxChangeMonId(id)
{ {
mType[ti].setAttribute("data-type-name",card.types[ti]); mType[ti].setAttribute("data-type-name",card.types[ti]);
mType[ti].querySelector(".type-icon").setAttribute("data-type-icon",card.types[ti]); mType[ti].querySelector(".type-icon").setAttribute("data-type-icon",card.types[ti]);
mType[ti].classList.remove("display-none"); mType[ti].classList.remove(className_displayNone);
}else }else
{ {
mType[ti].classList.add("display-none"); mType[ti].classList.add(className_displayNone);
} }
} }
@ -1962,10 +1968,10 @@ function editBoxChangeMonId(id)
mSAwoken[ai].classList.add(`display-none`); mSAwoken[ai].classList.add(`display-none`);
} }
} }
monEditSAwokensRow.classList.remove("display-none"); monEditSAwokensRow.classList.remove(className_displayNone);
}else }else
{ {
monEditSAwokensRow.classList.add("display-none"); monEditSAwokensRow.classList.add(className_displayNone);
} }
monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉 monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉
@ -1976,10 +1982,10 @@ function editBoxChangeMonId(id)
const monEditLv110 = settingBox.querySelector(".m-level-btn-110"); const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
if (card.limitBreakIncr) if (card.limitBreakIncr)
{ {
monEditLv110.classList.remove("display-none"); monEditLv110.classList.remove(className_displayNone);
}else }else
{ {
monEditLv110.classList.add("display-none"); monEditLv110.classList.add(className_displayNone);
} }
const rowPlus = settingBox.querySelector(".row-mon-plus"); const rowPlus = settingBox.querySelector(".row-mon-plus");
const rowLatent = settingBox.querySelector(".row-mon-latent"); const rowLatent = settingBox.querySelector(".row-mon-latent");
@ -2150,9 +2156,9 @@ function refreshTeamAwokenCount(awokenDom,team){
const countDom = ali.querySelector(".count"); const countDom = ali.querySelector(".count");
countDom.innerHTML = number; countDom.innerHTML = number;
if (number) if (number)
ali.classList.remove("display-none"); ali.classList.remove(className_displayNone);
else else
ali.classList.add("display-none"); ali.classList.add(className_displayNone);
} }
for (let ai=1;ai<=72;ai++) for (let ai=1;ai<=72;ai++)
{ {
@ -2189,9 +2195,9 @@ function refreshFormationAwokenCount(awokenDom,teams){
const countDom = ali.querySelector(".count"); const countDom = ali.querySelector(".count");
countDom.innerHTML = number; countDom.innerHTML = number;
if (number) if (number)
ali.classList.remove("display-none"); ali.classList.remove(className_displayNone);
else else
ali.classList.add("display-none"); ali.classList.add(className_displayNone);
} }
for (let ai=1;ai<=72;ai++) for (let ai=1;ai<=72;ai++)
@ -2240,11 +2246,11 @@ function refreshAbility(abilityDom,team,idx){
[hpDom,atkDom,rcvDom].forEach(function(div,ai){ [hpDom,atkDom,rcvDom].forEach(function(div,ai){
if (mainAbility) if (mainAbility)
{ {
div.classList.remove("display-none"); div.classList.remove(className_displayNone);
div.innerHTML = memberData.ability[ai]; div.innerHTML = memberData.ability[ai];
}else }else
{ {
div.classList.add("display-none"); div.classList.add(className_displayNone);
div.innerHTML = 0; div.innerHTML = 0;
} }
}); });

210
solo.html
View File

@ -435,78 +435,78 @@ var formation = new Formation(teamsCount,6);
<input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label> <input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
</div> </div>
<ul class="awoken-ul"> <ul class="awoken-ul">
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="43" value="43"></button><button class="count" value="43">0</button></li><!--7c--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="43"></button><button class="count">0</button></li><!--7c-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="61" value="61"></button><button class="count" value="61">0</button></li><!--10c--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="61"></button><button class="count">0</button></li><!--10c-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="58" value="58"></button><button class="count" value="58">0</button></li><!--下半血强化--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="58"></button><button class="count">0</button></li><!--下半血强化-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="48" value="48"></button><button class="count" value="48">0</button></li><!--破无效--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="48"></button><button class="count">0</button></li><!--破无效-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="19" value="19"></button><button class="count" value="19">0</button></li><!--手指--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="19"></button><button class="count">0</button></li><!--手指-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="21" value="21"></button><button class="count" value="21">0</button></li><!--SB--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="21"></button><button class="count">0</button></li><!--SB-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="45" value="45"></button><button class="count" value="45">0</button></li><!--心追--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="45"></button><button class="count">0</button></li><!--心追-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="49" value="49"></button><button class="count" value="49">0</button></li><!--武器觉醒--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="49"></button><button class="count">0</button></li><!--武器觉醒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="52" value="52"></button><button class="count" value="52">0</button></li><!--大防封--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="52"></button><button class="count">0</button></li><!--大防封-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="11" value="11"></button><button class="count" value="11">0</button></li><!--防暗--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="11"></button><button class="count">0</button></li><!--防暗-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="12" value="12"></button><button class="count" value="12">0</button></li><!--防废--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="12"></button><button class="count">0</button></li><!--防废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="13" value="13"></button><button class="count" value="13">0</button></li><!--防毒--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="13"></button><button class="count">0</button></li><!--防毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="54" value="54"></button><button class="count" value="54">0</button></li><!--防云--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="54"></button><button class="count">0</button></li><!--防云-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="55" value="55"></button><button class="count" value="55">0</button></li><!--防封条--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="55"></button><button class="count">0</button></li><!--防封条-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="1" value="1"></button><button class="count" value="1">0</button></li><!--HP+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="1"></button><button class="count">0</button></li><!--HP+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="2" value="2"></button><button class="count" value="2">0</button></li><!--攻击+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="2"></button><button class="count">0</button></li><!--攻击+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="3" value="3"></button><button class="count" value="3">0</button></li><!--回复+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="3"></button><button class="count">0</button></li><!--回复+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="4" value="4"></button><button class="count" value="4">0</button></li><!--火盾--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="4"></button><button class="count">0</button></li><!--火盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="5" value="5"></button><button class="count" value="5">0</button></li><!--水盾--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="5"></button><button class="count">0</button></li><!--水盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="6" value="6"></button><button class="count" value="6">0</button></li><!--木盾--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="6"></button><button class="count">0</button></li><!--木盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="7" value="7"></button><button class="count" value="7">0</button></li><!--光盾--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="7"></button><button class="count">0</button></li><!--光盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="8" value="8"></button><button class="count" value="8">0</button></li><!--暗盾--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="8"></button><button class="count">0</button></li><!--暗盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="9" value="9"></button><button class="count" value="9">0</button></li><!--自回--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="9"></button><button class="count">0</button></li><!--自回-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="10" value="10"></button><button class="count" value="10">0</button></li><!--防封--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="10"></button><button class="count">0</button></li><!--防封-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="14" value="14"></button><button class="count" value="14">0</button></li><!--火+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="14"></button><button class="count">0</button></li><!--火+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="15" value="15"></button><button class="count" value="15">0</button></li><!--水+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="15"></button><button class="count">0</button></li><!--水+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="16" value="16"></button><button class="count" value="16">0</button></li><!--木+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="16"></button><button class="count">0</button></li><!--木+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="17" value="17"></button><button class="count" value="17">0</button></li><!--光+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="17"></button><button class="count">0</button></li><!--光+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="18" value="18"></button><button class="count" value="18">0</button></li><!--暗+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="18"></button><button class="count">0</button></li><!--暗+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="20" value="20"></button><button class="count" value="20">0</button></li><!--心解--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="20"></button><button class="count">0</button></li><!--心解-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="22" value="22"></button><button class="count" value="22">0</button></li><!--火横--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="22"></button><button class="count">0</button></li><!--火横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="23" value="23"></button><button class="count" value="23">0</button></li><!--水横--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="23"></button><button class="count">0</button></li><!--水横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="24" value="24"></button><button class="count" value="24">0</button></li><!--木横--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="24"></button><button class="count">0</button></li><!--木横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="25" value="25"></button><button class="count" value="25">0</button></li><!--光横--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="25"></button><button class="count">0</button></li><!--光横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="26" value="26"></button><button class="count" value="26">0</button></li><!--暗横--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="26"></button><button class="count">0</button></li><!--暗横-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="27" value="27"></button><button class="count" value="27">0</button></li><!--U--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="27"></button><button class="count">0</button></li><!--U-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="28" value="28"></button><button class="count" value="28">0</button></li><!--SX--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="28"></button><button class="count">0</button></li><!--SX-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="29" value="29"></button><button class="count" value="29">0</button></li><!--心+--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="29"></button><button class="count">0</button></li><!--心+-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="30" value="30"></button><button class="count" value="30">0</button></li><!--协力--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="30"></button><button class="count">0</button></li><!--协力-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="31" value="31"></button><button class="count" value="31">0</button></li><!--龙杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="31"></button><button class="count">0</button></li><!--龙杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="32" value="32"></button><button class="count" value="32">0</button></li><!--神杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="32"></button><button class="count">0</button></li><!--神杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="33" value="33"></button><button class="count" value="33">0</button></li><!--恶魔杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="33"></button><button class="count">0</button></li><!--恶魔杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="34" value="34"></button><button class="count" value="34">0</button></li><!--机杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="34"></button><button class="count">0</button></li><!--机杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="35" value="35"></button><button class="count" value="35">0</button></li><!--平衡杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="35"></button><button class="count">0</button></li><!--平衡杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="36" value="36"></button><button class="count" value="36">0</button></li><!--攻击杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="36"></button><button class="count">0</button></li><!--攻击杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="37" value="37"></button><button class="count" value="37">0</button></li><!--体力杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="37"></button><button class="count">0</button></li><!--体力杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="38" value="38"></button><button class="count" value="38">0</button></li><!--回复杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="38"></button><button class="count">0</button></li><!--回复杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="39" value="39"></button><button class="count" value="39">0</button></li><!--进化杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="39"></button><button class="count">0</button></li><!--进化杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="40" value="40"></button><button class="count" value="40">0</button></li><!--觉醒杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="40"></button><button class="count">0</button></li><!--觉醒杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="41" value="41"></button><button class="count" value="41">0</button></li><!--强化杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="41"></button><button class="count">0</button></li><!--强化杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="42" value="42"></button><button class="count" value="42">0</button></li><!--卖钱杀--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="42"></button><button class="count">0</button></li><!--卖钱杀-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="44" value="44"></button><button class="count" value="44">0</button></li><!--5色破防--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="44"></button><button class="count">0</button></li><!--5色破防-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="46" value="46"></button><button class="count" value="46">0</button></li><!--全体HP--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="46"></button><button class="count">0</button></li><!--全体HP-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="47" value="47"></button><button class="count" value="47">0</button></li><!--全体回复--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="47"></button><button class="count">0</button></li><!--全体回复-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="50" value="50"></button><button class="count" value="50">0</button></li><!--方块心追--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="50"></button><button class="count">0</button></li><!--方块心追-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="51" value="51"></button><button class="count" value="51">0</button></li><!--5色溜--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="51"></button><button class="count">0</button></li><!--5色溜-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="53" value="53"></button><button class="count" value="53">0</button></li><!--大手指--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="53"></button><button class="count">0</button></li><!--大手指-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="56" value="56"></button><button class="count" value="56">0</button></li><!--大SB--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="56"></button><button class="count">0</button></li><!--大SB-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="57" value="57"></button><button class="count" value="57">0</button></li><!--满血强化--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="57"></button><button class="count">0</button></li><!--满血强化-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="59" value="59"></button><button class="count" value="59">0</button></li><!--L盾--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="59"></button><button class="count">0</button></li><!--L盾-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="60" value="60"></button><button class="count" value="60">0</button></li><!--L解锁--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="60"></button><button class="count">0</button></li><!--L解锁-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="62" value="62"></button><button class="count" value="62">0</button></li><!--c珠--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="62"></button><button class="count">0</button></li><!--c珠-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="63" value="63"></button><button class="count" value="63">0</button></li><!--语音--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="63"></button><button class="count">0</button></li><!--语音-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="64" value="64"></button><button class="count" value="64">0</button></li><!--奖励增加--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="64"></button><button class="count">0</button></li><!--奖励增加-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="65" value="65"></button><button class="count" value="65">0</button></li><!--HP---> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="65"></button><button class="count">0</button></li><!--HP--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="66" value="66"></button><button class="count" value="66">0</button></li><!--攻击---> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="66"></button><button class="count">0</button></li><!--攻击--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="67" value="67"></button><button class="count" value="67">0</button></li><!--回复---> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="67"></button><button class="count">0</button></li><!--回复--->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="68" value="68"></button><button class="count" value="68">0</button></li><!--大防暗--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="68"></button><button class="count">0</button></li><!--大防暗-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="69" value="69"></button><button class="count" value="69">0</button></li><!--大防废--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="69"></button><button class="count">0</button></li><!--大防废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="70" value="70"></button><button class="count" value="70">0</button></li><!--大防毒--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="70"></button><button class="count">0</button></li><!--大防毒-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="71" value="71"></button><button class="count" value="71">0</button></li><!--掉废--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="71"></button><button class="count">0</button></li><!--掉废-->
<li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="72" value="72"></button><button class="count" value="72">0</button></li><!--掉毒--> <li class="awoken-count zero"><button class="awoken-icon" data-awoken-icon="72"></button><button class="count">0</button></li><!--掉毒-->
</ul> </ul>
</div> </div>
<div class="sawoken-div"><!--超觉醒--> <div class="sawoken-div"><!--超觉醒-->
@ -709,39 +709,39 @@ var formation = new Formation(teamsCount,6);
<li class="latent-icon"></li> <li class="latent-icon"></li>
</ul> </ul>
<ul class="m-latent-allowable-ul"> <ul class="m-latent-allowable-ul">
<li class="latent-icon" data-latent-icon="1" value="1"></li><!--HP--> <li class="latent-icon" data-latent-icon="1"></li><!--HP-->
<li class="latent-icon" data-latent-icon="2" value="2"></li><!--攻击--> <li class="latent-icon" data-latent-icon="2"></li><!--攻击-->
<li class="latent-icon" data-latent-icon="3" value="3"></li><!--回复--> <li class="latent-icon" data-latent-icon="3"></li><!--回复-->
<li class="latent-icon" data-latent-icon="4" value="4"></li><!--手指--> <li class="latent-icon" data-latent-icon="4"></li><!--手指-->
<li class="latent-icon" data-latent-icon="5" value="5"></li><!--自回--> <li class="latent-icon" data-latent-icon="5"></li><!--自回-->
<li class="latent-icon" data-latent-icon="6" value="6"></li><!--火盾--> <li class="latent-icon" data-latent-icon="6"></li><!--火盾-->
<li class="latent-icon" data-latent-icon="7" value="7"></li><!--水盾--> <li class="latent-icon" data-latent-icon="7"></li><!--水盾-->
<li class="latent-icon" data-latent-icon="8" value="8"></li><!--木盾--> <li class="latent-icon" data-latent-icon="8"></li><!--木盾-->
<li class="latent-icon" data-latent-icon="9" value="9"></li><!--光盾--> <li class="latent-icon" data-latent-icon="9"></li><!--光盾-->
<li class="latent-icon" data-latent-icon="10" value="10"></li><!--暗盾--> <li class="latent-icon" data-latent-icon="10"></li><!--暗盾-->
<li class="latent-icon" data-latent-icon="11" value="11"></li><!--防坐--> <li class="latent-icon" data-latent-icon="11"></li><!--防坐-->
<li class="latent-icon" data-latent-icon="12" value="12"></li><!--三维--> <li class="latent-icon" data-latent-icon="12"></li><!--三维-->
<li class="latent-icon" data-latent-icon="13" value="13"></li><!--进化杀--> <li class="latent-icon" data-latent-icon="13"></li><!--进化杀-->
<li class="latent-icon" data-latent-icon="14" value="14"></li><!--觉醒杀--> <li class="latent-icon" data-latent-icon="14"></li><!--觉醒杀-->
<li class="latent-icon" data-latent-icon="15" value="15"></li><!--强化杀--> <li class="latent-icon" data-latent-icon="15"></li><!--强化杀-->
<li class="latent-icon" data-latent-icon="16" value="16"></li><!--卖钱杀--> <li class="latent-icon" data-latent-icon="16"></li><!--卖钱杀-->
<li class="latent-icon" data-latent-icon="17" value="17"></li><!--神杀--> <li class="latent-icon" data-latent-icon="17"></li><!--神杀-->
<li class="latent-icon" data-latent-icon="18" value="18"></li><!--龙杀--> <li class="latent-icon" data-latent-icon="18"></li><!--龙杀-->
<li class="latent-icon" data-latent-icon="19" value="19"></li><!--恶魔杀--> <li class="latent-icon" data-latent-icon="19"></li><!--恶魔杀-->
<li class="latent-icon" data-latent-icon="20" value="20"></li><!--机械杀--> <li class="latent-icon" data-latent-icon="20"></li><!--机械杀-->
<li class="latent-icon" data-latent-icon="21" value="21"></li><!--平衡杀--> <li class="latent-icon" data-latent-icon="21"></li><!--平衡杀-->
<li class="latent-icon" data-latent-icon="22" value="22"></li><!--攻击杀--> <li class="latent-icon" data-latent-icon="22"></li><!--攻击杀-->
<li class="latent-icon" data-latent-icon="23" value="23"></li><!--体力杀--> <li class="latent-icon" data-latent-icon="23"></li><!--体力杀-->
<li class="latent-icon" data-latent-icon="24" value="24"></li><!--回复杀--> <li class="latent-icon" data-latent-icon="24"></li><!--回复杀-->
<li class="latent-icon" data-latent-icon="25" value="25"></li><!--大HP--> <li class="latent-icon" data-latent-icon="25"></li><!--大HP-->
<li class="latent-icon" data-latent-icon="26" value="26"></li><!--大攻击--> <li class="latent-icon" data-latent-icon="26"></li><!--大攻击-->
<li class="latent-icon" data-latent-icon="27" value="27"></li><!--大回复--> <li class="latent-icon" data-latent-icon="27"></li><!--大回复-->
<li class="latent-icon" data-latent-icon="28" value="28"></li><!--大手指--> <li class="latent-icon" data-latent-icon="28"></li><!--大手指-->
<li class="latent-icon" data-latent-icon="29" value="29"></li><!--大火盾--> <li class="latent-icon" data-latent-icon="29"></li><!--大火盾-->
<li class="latent-icon" data-latent-icon="30" value="30"></li><!--大水盾--> <li class="latent-icon" data-latent-icon="30"></li><!--大水盾-->
<li class="latent-icon" data-latent-icon="31" value="31"></li><!--大木盾--> <li class="latent-icon" data-latent-icon="31"></li><!--大木盾-->
<li class="latent-icon" data-latent-icon="32" value="32"></li><!--大光盾--> <li class="latent-icon" data-latent-icon="32"></li><!--大光盾-->
<li class="latent-icon" data-latent-icon="33" value="33"></li><!--大暗盾--> <li class="latent-icon" data-latent-icon="33"></li><!--大暗盾-->
</ul> </ul>
</div> </div>
<div class="setting-row row-mon-skill"> <div class="setting-row row-mon-skill">

662
style-monsterimages.css
View File

@ -3,368 +3,368 @@
.property{ /*主属性*/ .property{ /*主属性*/
background-position-y: 0; background-position-y: 0;
} }
.property--1{ .property[data-property='-1']{
background: none; /*无*/ background: none; /*无*/
} }
.property-0{ .property[data-property='0']{
background-position-x: 0; /*火*/ background-position-x: 0; /*火*/
} }
.property-1{ .property[data-property='1']{
background-position-x: -102px; /*水*/ background-position-x: -102px; /*水*/
} }
.property-2{ .property[data-property='2']{
background-position-x: -204px; /*木*/ background-position-x: -204px; /*木*/
} }
.property-3{ .property[data-property='3']{
background-position-x: -306px; /*光*/ background-position-x: -306px; /*光*/
} }
.property-4{ .property[data-property='4']{
background-position-x: -408px; /*暗*/ background-position-x: -408px; /*暗*/
} }
.subproperty{ /*副属性*/ .subproperty{ /*副属性*/
background-position-y: -104px; background-position-y: -104px;
} }
.subproperty--1{ .subproperty[data-property='-1']{
background: none; /*无*/ background: none; /*无*/
} }
.subproperty-0{ .subproperty[data-property='0']{
background-position-x: 0; /*火*/ background-position-x: 0; /*火*/
} }
.subproperty-1{ .subproperty[data-property='1']{
background-position-x: -102px; /*水*/ background-position-x: -102px; /*水*/
} }
.subproperty-2{ .subproperty[data-property='2']{
background-position-x: -204px; /*木*/ background-position-x: -204px; /*木*/
} }
.subproperty-3{ .subproperty[data-property='3']{
background-position-x: -306px; /*光*/ background-position-x: -306px; /*光*/
} }
.subproperty-4{ .subproperty[data-property='4']{
background-position-x: -408px; /*暗*/ background-position-x: -408px; /*暗*/
} }
/*宠物头像所用的图片*/ /*宠物头像所用的图片*/
.pet-cards-1{background-image: url(images/cards_ja/CARDS_001.PNG);} .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
.pet-cards-2{background-image: url(images/cards_ja/CARDS_002.PNG);} .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}
.pet-cards-3{background-image: url(images/cards_ja/CARDS_003.PNG);} .monster[data-cards-pic-idx='3']{background-image: url(images/cards_ja/CARDS_003.PNG);}
.pet-cards-4{background-image: url(images/cards_ja/CARDS_004.PNG);} .monster[data-cards-pic-idx='4']{background-image: url(images/cards_ja/CARDS_004.PNG);}
.pet-cards-5{background-image: url(images/cards_ja/CARDS_005.PNG);} .monster[data-cards-pic-idx='5']{background-image: url(images/cards_ja/CARDS_005.PNG);}
.pet-cards-6{background-image: url(images/cards_ja/CARDS_006.PNG);} .monster[data-cards-pic-idx='6']{background-image: url(images/cards_ja/CARDS_006.PNG);}
.pet-cards-7{background-image: url(images/cards_ja/CARDS_007.PNG);} .monster[data-cards-pic-idx='7']{background-image: url(images/cards_ja/CARDS_007.PNG);}
.pet-cards-8{background-image: url(images/cards_ja/CARDS_008.PNG);} .monster[data-cards-pic-idx='8']{background-image: url(images/cards_ja/CARDS_008.PNG);}
.pet-cards-9{background-image: url(images/cards_ja/CARDS_009.PNG);} .monster[data-cards-pic-idx='9']{background-image: url(images/cards_ja/CARDS_009.PNG);}
.pet-cards-10{background-image: url(images/cards_ja/CARDS_010.PNG);} .monster[data-cards-pic-idx='10']{background-image: url(images/cards_ja/CARDS_010.PNG);}
.pet-cards-11{background-image: url(images/cards_ja/CARDS_011.PNG);} .monster[data-cards-pic-idx='11']{background-image: url(images/cards_ja/CARDS_011.PNG);}
.pet-cards-12{background-image: url(images/cards_ja/CARDS_012.PNG);} .monster[data-cards-pic-idx='12']{background-image: url(images/cards_ja/CARDS_012.PNG);}
.pet-cards-13{background-image: url(images/cards_ja/CARDS_013.PNG);} .monster[data-cards-pic-idx='13']{background-image: url(images/cards_ja/CARDS_013.PNG);}
.pet-cards-14{background-image: url(images/cards_ja/CARDS_014.PNG);} .monster[data-cards-pic-idx='14']{background-image: url(images/cards_ja/CARDS_014.PNG);}
.pet-cards-15{background-image: url(images/cards_ja/CARDS_015.PNG);} .monster[data-cards-pic-idx='15']{background-image: url(images/cards_ja/CARDS_015.PNG);}
.pet-cards-16{background-image: url(images/cards_ja/CARDS_016.PNG);} .monster[data-cards-pic-idx='16']{background-image: url(images/cards_ja/CARDS_016.PNG);}
.pet-cards-17{background-image: url(images/cards_ja/CARDS_017.PNG);} .monster[data-cards-pic-idx='17']{background-image: url(images/cards_ja/CARDS_017.PNG);}
.pet-cards-18{background-image: url(images/cards_ja/CARDS_018.PNG);} .monster[data-cards-pic-idx='18']{background-image: url(images/cards_ja/CARDS_018.PNG);}
.pet-cards-19{background-image: url(images/cards_ja/CARDS_019.PNG);} .monster[data-cards-pic-idx='19']{background-image: url(images/cards_ja/CARDS_019.PNG);}
.pet-cards-20{background-image: url(images/cards_ja/CARDS_020.PNG);} .monster[data-cards-pic-idx='20']{background-image: url(images/cards_ja/CARDS_020.PNG);}
.pet-cards-21{background-image: url(images/cards_ja/CARDS_021.PNG);} .monster[data-cards-pic-idx='21']{background-image: url(images/cards_ja/CARDS_021.PNG);}
.pet-cards-22{background-image: url(images/cards_ja/CARDS_022.PNG);} .monster[data-cards-pic-idx='22']{background-image: url(images/cards_ja/CARDS_022.PNG);}
.pet-cards-23{background-image: url(images/cards_ja/CARDS_023.PNG);} .monster[data-cards-pic-idx='23']{background-image: url(images/cards_ja/CARDS_023.PNG);}
.pet-cards-24{background-image: url(images/cards_ja/CARDS_024.PNG);} .monster[data-cards-pic-idx='24']{background-image: url(images/cards_ja/CARDS_024.PNG);}
.pet-cards-25{background-image: url(images/cards_ja/CARDS_025.PNG);} .monster[data-cards-pic-idx='25']{background-image: url(images/cards_ja/CARDS_025.PNG);}
.pet-cards-26{background-image: url(images/cards_ja/CARDS_026.PNG);} .monster[data-cards-pic-idx='26']{background-image: url(images/cards_ja/CARDS_026.PNG);}
.pet-cards-27{background-image: url(images/cards_ja/CARDS_027.PNG);} .monster[data-cards-pic-idx='27']{background-image: url(images/cards_ja/CARDS_027.PNG);}
.pet-cards-28{background-image: url(images/cards_ja/CARDS_028.PNG);} .monster[data-cards-pic-idx='28']{background-image: url(images/cards_ja/CARDS_028.PNG);}
.pet-cards-29{background-image: url(images/cards_ja/CARDS_029.PNG);} .monster[data-cards-pic-idx='29']{background-image: url(images/cards_ja/CARDS_029.PNG);}
.pet-cards-30{background-image: url(images/cards_ja/CARDS_030.PNG);} .monster[data-cards-pic-idx='30']{background-image: url(images/cards_ja/CARDS_030.PNG);}
.pet-cards-31{background-image: url(images/cards_ja/CARDS_031.PNG);} .monster[data-cards-pic-idx='31']{background-image: url(images/cards_ja/CARDS_031.PNG);}
.pet-cards-32{background-image: url(images/cards_ja/CARDS_032.PNG);} .monster[data-cards-pic-idx='32']{background-image: url(images/cards_ja/CARDS_032.PNG);}
.pet-cards-33{background-image: url(images/cards_ja/CARDS_033.PNG);} .monster[data-cards-pic-idx='33']{background-image: url(images/cards_ja/CARDS_033.PNG);}
.pet-cards-34{background-image: url(images/cards_ja/CARDS_034.PNG);} .monster[data-cards-pic-idx='34']{background-image: url(images/cards_ja/CARDS_034.PNG);}
.pet-cards-35{background-image: url(images/cards_ja/CARDS_035.PNG);} .monster[data-cards-pic-idx='35']{background-image: url(images/cards_ja/CARDS_035.PNG);}
.pet-cards-36{background-image: url(images/cards_ja/CARDS_036.PNG);} .monster[data-cards-pic-idx='36']{background-image: url(images/cards_ja/CARDS_036.PNG);}
.pet-cards-37{background-image: url(images/cards_ja/CARDS_037.PNG);} .monster[data-cards-pic-idx='37']{background-image: url(images/cards_ja/CARDS_037.PNG);}
.pet-cards-38{background-image: url(images/cards_ja/CARDS_038.PNG);} .monster[data-cards-pic-idx='38']{background-image: url(images/cards_ja/CARDS_038.PNG);}
.pet-cards-39{background-image: url(images/cards_ja/CARDS_039.PNG);} .monster[data-cards-pic-idx='39']{background-image: url(images/cards_ja/CARDS_039.PNG);}
.pet-cards-40{background-image: url(images/cards_ja/CARDS_040.PNG);} .monster[data-cards-pic-idx='40']{background-image: url(images/cards_ja/CARDS_040.PNG);}
.pet-cards-41{background-image: url(images/cards_ja/CARDS_041.PNG);} .monster[data-cards-pic-idx='41']{background-image: url(images/cards_ja/CARDS_041.PNG);}
.pet-cards-42{background-image: url(images/cards_ja/CARDS_042.PNG);} .monster[data-cards-pic-idx='42']{background-image: url(images/cards_ja/CARDS_042.PNG);}
.pet-cards-43{background-image: url(images/cards_ja/CARDS_043.PNG);} .monster[data-cards-pic-idx='43']{background-image: url(images/cards_ja/CARDS_043.PNG);}
.pet-cards-44{background-image: url(images/cards_ja/CARDS_044.PNG);} .monster[data-cards-pic-idx='44']{background-image: url(images/cards_ja/CARDS_044.PNG);}
.pet-cards-45{background-image: url(images/cards_ja/CARDS_045.PNG);} .monster[data-cards-pic-idx='45']{background-image: url(images/cards_ja/CARDS_045.PNG);}
.pet-cards-46{background-image: url(images/cards_ja/CARDS_046.PNG);} .monster[data-cards-pic-idx='46']{background-image: url(images/cards_ja/CARDS_046.PNG);}
.pet-cards-47{background-image: url(images/cards_ja/CARDS_047.PNG);} .monster[data-cards-pic-idx='47']{background-image: url(images/cards_ja/CARDS_047.PNG);}
.pet-cards-48{background-image: url(images/cards_ja/CARDS_048.PNG);} .monster[data-cards-pic-idx='48']{background-image: url(images/cards_ja/CARDS_048.PNG);}
.pet-cards-49{background-image: url(images/cards_ja/CARDS_049.PNG);} .monster[data-cards-pic-idx='49']{background-image: url(images/cards_ja/CARDS_049.PNG);}
.pet-cards-50{background-image: url(images/cards_ja/CARDS_050.PNG);} .monster[data-cards-pic-idx='50']{background-image: url(images/cards_ja/CARDS_050.PNG);}
.pet-cards-51{background-image: url(images/cards_ja/CARDS_051.PNG);} .monster[data-cards-pic-idx='51']{background-image: url(images/cards_ja/CARDS_051.PNG);}
.pet-cards-52{background-image: url(images/cards_ja/CARDS_052.PNG);} .monster[data-cards-pic-idx='52']{background-image: url(images/cards_ja/CARDS_052.PNG);}
.pet-cards-53{background-image: url(images/cards_ja/CARDS_053.PNG);} .monster[data-cards-pic-idx='53']{background-image: url(images/cards_ja/CARDS_053.PNG);}
.pet-cards-54{background-image: url(images/cards_ja/CARDS_054.PNG);} .monster[data-cards-pic-idx='54']{background-image: url(images/cards_ja/CARDS_054.PNG);}
.pet-cards-55{background-image: url(images/cards_ja/CARDS_055.PNG);} .monster[data-cards-pic-idx='55']{background-image: url(images/cards_ja/CARDS_055.PNG);}
.pet-cards-56{background-image: url(images/cards_ja/CARDS_056.PNG);} .monster[data-cards-pic-idx='56']{background-image: url(images/cards_ja/CARDS_056.PNG);}
.pet-cards-57{background-image: url(images/cards_ja/CARDS_057.PNG);} .monster[data-cards-pic-idx='57']{background-image: url(images/cards_ja/CARDS_057.PNG);}
.pet-cards-58{background-image: url(images/cards_ja/CARDS_058.PNG);} .monster[data-cards-pic-idx='58']{background-image: url(images/cards_ja/CARDS_058.PNG);}
.pet-cards-59{background-image: url(images/cards_ja/CARDS_059.PNG);} .monster[data-cards-pic-idx='59']{background-image: url(images/cards_ja/CARDS_059.PNG);}
.pet-cards-60{background-image: url(images/cards_ja/CARDS_060.PNG);} .monster[data-cards-pic-idx='60']{background-image: url(images/cards_ja/CARDS_060.PNG);}
.pet-cards-61{background-image: url(images/cards_ja/CARDS_061.PNG);} .monster[data-cards-pic-idx='61']{background-image: url(images/cards_ja/CARDS_061.PNG);}
.pet-cards-62{background-image: url(images/cards_ja/CARDS_062.PNG);} .monster[data-cards-pic-idx='62']{background-image: url(images/cards_ja/CARDS_062.PNG);}
.pet-cards-63{background-image: url(images/cards_ja/CARDS_063.PNG);} .monster[data-cards-pic-idx='63']{background-image: url(images/cards_ja/CARDS_063.PNG);}
.pet-cards-64{background-image: url(images/cards_ja/CARDS_064.PNG);} .monster[data-cards-pic-idx='64']{background-image: url(images/cards_ja/CARDS_064.PNG);}
.pet-cards-65{background-image: url(images/cards_ja/CARDS_065.PNG);} .monster[data-cards-pic-idx='65']{background-image: url(images/cards_ja/CARDS_065.PNG);}
.pet-cards-66{background-image: url(images/cards_ja/CARDS_066.PNG);} .monster[data-cards-pic-idx='66']{background-image: url(images/cards_ja/CARDS_066.PNG);}
.pet-cards-67{background-image: url(images/cards_ja/CARDS_067.PNG);} .monster[data-cards-pic-idx='67']{background-image: url(images/cards_ja/CARDS_067.PNG);}
.pet-cards-68{background-image: url(images/cards_ja/CARDS_068.PNG);} .monster[data-cards-pic-idx='68']{background-image: url(images/cards_ja/CARDS_068.PNG);}
.pet-cards-69{background-image: url(images/cards_ja/CARDS_069.PNG);} .monster[data-cards-pic-idx='69']{background-image: url(images/cards_ja/CARDS_069.PNG);}
.pet-cards-70{background-image: url(images/cards_ja/CARDS_070.PNG);} .monster[data-cards-pic-idx='70']{background-image: url(images/cards_ja/CARDS_070.PNG);}
.pet-cards-71{background-image: url(images/cards_ja/CARDS_071.PNG);} .monster[data-cards-pic-idx='71']{background-image: url(images/cards_ja/CARDS_071.PNG);}
.pet-cards-72{background-image: url(images/cards_ja/CARDS_072.PNG);} .monster[data-cards-pic-idx='72']{background-image: url(images/cards_ja/CARDS_072.PNG);}
.pet-cards-73{background-image: url(images/cards_ja/CARDS_073.PNG);} .monster[data-cards-pic-idx='73']{background-image: url(images/cards_ja/CARDS_073.PNG);}
.pet-cards-74{background-image: url(images/cards_ja/CARDS_074.PNG);} .monster[data-cards-pic-idx='74']{background-image: url(images/cards_ja/CARDS_074.PNG);}
.pet-cards-75{background-image: url(images/cards_ja/CARDS_075.PNG);} .monster[data-cards-pic-idx='75']{background-image: url(images/cards_ja/CARDS_075.PNG);}
.pet-cards-76{background-image: url(images/cards_ja/CARDS_076.PNG);} .monster[data-cards-pic-idx='76']{background-image: url(images/cards_ja/CARDS_076.PNG);}
.pet-cards-77{background-image: url(images/cards_ja/CARDS_077.PNG);} .monster[data-cards-pic-idx='77']{background-image: url(images/cards_ja/CARDS_077.PNG);}
.pet-cards-78{background-image: url(images/cards_ja/CARDS_078.PNG);} .monster[data-cards-pic-idx='78']{background-image: url(images/cards_ja/CARDS_078.PNG);}
.pet-cards-79{background-image: url(images/cards_ja/CARDS_079.PNG);} .monster[data-cards-pic-idx='79']{background-image: url(images/cards_ja/CARDS_079.PNG);}
.pet-cards-80{background-image: url(images/cards_ja/CARDS_080.PNG);} .monster[data-cards-pic-idx='80']{background-image: url(images/cards_ja/CARDS_080.PNG);}
.pet-cards-81{background-image: url(images/cards_ja/CARDS_081.PNG);} .monster[data-cards-pic-idx='81']{background-image: url(images/cards_ja/CARDS_081.PNG);}
.pet-cards-82{background-image: url(images/cards_ja/CARDS_082.PNG);} .monster[data-cards-pic-idx='82']{background-image: url(images/cards_ja/CARDS_082.PNG);}
.pet-cards-83{background-image: url(images/cards_ja/CARDS_083.PNG);} .monster[data-cards-pic-idx='83']{background-image: url(images/cards_ja/CARDS_083.PNG);}
.pet-cards-84{background-image: url(images/cards_ja/CARDS_084.PNG);} .monster[data-cards-pic-idx='84']{background-image: url(images/cards_ja/CARDS_084.PNG);}
.pet-cards-85{background-image: url(images/cards_ja/CARDS_085.PNG);} .monster[data-cards-pic-idx='85']{background-image: url(images/cards_ja/CARDS_085.PNG);}
.pet-cards-86{background-image: url(images/cards_ja/CARDS_086.PNG);} .monster[data-cards-pic-idx='86']{background-image: url(images/cards_ja/CARDS_086.PNG);}
.pet-cards-87{background-image: url(images/cards_ja/CARDS_087.PNG);} .monster[data-cards-pic-idx='87']{background-image: url(images/cards_ja/CARDS_087.PNG);}
.pet-cards-88{background-image: url(images/cards_ja/CARDS_088.PNG);} .monster[data-cards-pic-idx='88']{background-image: url(images/cards_ja/CARDS_088.PNG);}
.pet-cards-89{background-image: url(images/cards_ja/CARDS_089.PNG);} .monster[data-cards-pic-idx='89']{background-image: url(images/cards_ja/CARDS_089.PNG);}
.pet-cards-90{background-image: url(images/cards_ja/CARDS_090.PNG);} .monster[data-cards-pic-idx='90']{background-image: url(images/cards_ja/CARDS_090.PNG);}
.pet-cards-91{background-image: url(images/cards_ja/CARDS_091.PNG);} .monster[data-cards-pic-idx='91']{background-image: url(images/cards_ja/CARDS_091.PNG);}
.pet-cards-92{background-image: url(images/cards_ja/CARDS_092.PNG);} .monster[data-cards-pic-idx='92']{background-image: url(images/cards_ja/CARDS_092.PNG);}
.pet-cards-93{background-image: url(images/cards_ja/CARDS_093.PNG);} .monster[data-cards-pic-idx='93']{background-image: url(images/cards_ja/CARDS_093.PNG);}
.pet-cards-94{background-image: url(images/cards_ja/CARDS_094.PNG);} .monster[data-cards-pic-idx='94']{background-image: url(images/cards_ja/CARDS_094.PNG);}
.pet-cards-95{background-image: url(images/cards_ja/CARDS_095.PNG);} .monster[data-cards-pic-idx='95']{background-image: url(images/cards_ja/CARDS_095.PNG);}
.pet-cards-96{background-image: url(images/cards_ja/CARDS_096.PNG);} .monster[data-cards-pic-idx='96']{background-image: url(images/cards_ja/CARDS_096.PNG);}
.pet-cards-97{background-image: url(images/cards_ja/CARDS_097.PNG);} .monster[data-cards-pic-idx='97']{background-image: url(images/cards_ja/CARDS_097.PNG);}
.pet-cards-98{background-image: url(images/cards_ja/CARDS_098.PNG);} .monster[data-cards-pic-idx='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='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='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 .monster[data-cards-pic-idx='98']{background-image: url(images/cards_ko/CARDS_098.PNG);}
.ds-ko .pet-cards-99{background-image: url(images/cards_ko/CARDS_099.PNG);} .ds-ko .monster[data-cards-pic-idx='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.monster[data-cards-pic-idx='54']{background-image: url(images/cards/en/CARDS_054.PNG);}
.en-only.pet-cards-55{background-image: url(images/cards/en/CARDS_055.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;} .monster[data-cards-pic-x='0']{background-position-x:0px;}
.pet-cards-index-x-1{background-position-x:-102px;} .monster[data-cards-pic-x='1']{background-position-x:-102px;}
.pet-cards-index-x-2{background-position-x:-204px;} .monster[data-cards-pic-x='2']{background-position-x:-204px;}
.pet-cards-index-x-3{background-position-x:-306px;} .monster[data-cards-pic-x='3']{background-position-x:-306px;}
.pet-cards-index-x-4{background-position-x:-408px;} .monster[data-cards-pic-x='4']{background-position-x:-408px;}
.pet-cards-index-x-5{background-position-x:-510px;} .monster[data-cards-pic-x='5']{background-position-x:-510px;}
.pet-cards-index-x-6{background-position-x:-612px;} .monster[data-cards-pic-x='6']{background-position-x:-612px;}
.pet-cards-index-x-7{background-position-x:-714px;} .monster[data-cards-pic-x='7']{background-position-x:-714px;}
.pet-cards-index-x-8{background-position-x:-816px;} .monster[data-cards-pic-x='8']{background-position-x:-816px;}
.pet-cards-index-x-9{background-position-x:-918px;} .monster[data-cards-pic-x='9']{background-position-x:-918px;}
.pet-cards-index-y-0{background-position-y:0px;} .monster[data-cards-pic-y='0']{background-position-y:0px;}
.pet-cards-index-y-1{background-position-y:-102px;} .monster[data-cards-pic-y='1']{background-position-y:-102px;}
.pet-cards-index-y-2{background-position-y:-204px;} .monster[data-cards-pic-y='2']{background-position-y:-204px;}
.pet-cards-index-y-3{background-position-y:-306px;} .monster[data-cards-pic-y='3']{background-position-y:-306px;}
.pet-cards-index-y-4{background-position-y:-408px;} .monster[data-cards-pic-y='4']{background-position-y:-408px;}
.pet-cards-index-y-5{background-position-y:-510px;} .monster[data-cards-pic-y='5']{background-position-y:-510px;}
.pet-cards-index-y-6{background-position-y:-612px;} .monster[data-cards-pic-y='6']{background-position-y:-612px;}
.pet-cards-index-y-7{background-position-y:-714px;} .monster[data-cards-pic-y='7']{background-position-y:-714px;}
.pet-cards-index-y-8{background-position-y:-816px;} .monster[data-cards-pic-y='8']{background-position-y:-816px;}
.pet-cards-index-y-9{background-position-y:-918px;} .monster[data-cards-pic-y='9']{background-position-y:-918px;}
/*觉醒、类型、潜觉*/ /*觉醒、类型、潜觉*/
.awoken-icon,.type-icon,.latent-icon{ .awoken-icon,.type-icon,.latent-icon{
display:inline-block; display:inline-block;

27
style.css
View File

@ -516,7 +516,7 @@ ul{
} }
.formation-box .team-badge .team-total-info .formation-box .team-badge .team-total-info
{ {
display:inline-block; display: inline-block;
} }
/* /*
.team-info .tIf-total-hp,.team-info .tIf-total-rcv{ .team-info .tIf-total-hp,.team-info .tIf-total-rcv{
@ -526,14 +526,14 @@ ul{
/*队伍的潜觉*/ /*队伍的潜觉*/
.team-latents .latents{ .team-latents .latents{
width: var(--head-block-width); width: var(--head-block-width);
/*float:left;*/
margin-bottom: -20px;
display: inline-block; display: inline-block;
} }
.team-latents .latent-ul{ .team-latents .latent-ul{
font-size: 0; font-size: 0;
width: 152px; 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{ .team-latents .latent-icon{
@ -698,22 +698,24 @@ ul{
font-size: 25px; font-size: 25px;
} }
.edit-box .setting-box .row-mon-id .evo-card-list li, .edit-box .setting-box .row-mon-id .evo-card-list li,
.edit-box .search-box .search-mon-list li, .edit-box .search-box .search-mon-list li
.detail-mon{ {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
top: 0; margin-right: 5px;
width: 80px; margin-bottom: 5px;
height: 78px;
} }
.detail-mon{ .detail-mon{
display: inline-block;
vertical-align: bottom; vertical-align: bottom;
} }
.edit-box .setting-box .row-mon-id .evo-card-list .monster, .edit-box .setting-box .row-mon-id .evo-card-list .monster,
.edit-box .search-box .search-mon-list .monster, .edit-box .search-box .search-mon-list .monster,
.detail-mon .monster{ .detail-mon .monster
{
float: none; 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 .setting-box .row-mon-id .evo-card-list .monster .id,
.edit-box .search-box .search-mon-list .monster .id, .edit-box .search-box .search-mon-list .monster .id,
@ -727,7 +729,8 @@ ul{
height: 50px; height: 50px;
} }
.detail-box .detail-mon .monster{ .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{ .detail-box .detail-mon .monster .id{
font-weight: bold; font-weight: bold;

2
universal_function.js
View File

@ -378,7 +378,7 @@ function searchCards(cards,attr1,attr2,fixMainColor,types,awokens,sawokens,equal
function createCardA() function createCardA()
{ {
const cdom = document.createElement("a"); const cdom = document.createElement("a");
cdom.class = "monster"; cdom.className = "monster";
cdom.target = "_blank"; cdom.target = "_blank";
const property = cdom.appendChild(document.createElement("div")); const property = cdom.appendChild(document.createElement("div"));
property.className = "property"; property.className = "property";