增加cost显示

languages/en.css

@@ -51,6 +51,9 @@
 .monsterinfo-box .monster-id::before{
 	content: "No.";
 }
+.monsterinfo-box .monster-cost::before{
+	content: "COST:";
+}
 .edit-box .setting-box .row-mon-level::before{
 	content: "▼Monster Level";
 }

languages/ja.css

@@ -41,6 +41,9 @@
 .monsterinfo-box .monster-id::before{
 	content: "No.";
 }
+.monsterinfo-box .monster-cost::before{
+	content: "コスト:";
+}
 .edit-box .setting-box .row-mon-level::before{
 	content: "▼モンスターレベル";
 }

languages/ko.css

@@ -41,6 +41,9 @@
 .monsterinfo-box .monster-id::before{
 	content: "No.";
 }
+.monsterinfo-box .monster-cost::before{
+	content: "코스트:";
+}
 .edit-box .setting-box .row-mon-level::before{
 	content: "▼몬스터 레벨";
 }

languages/zh-CN.css

@@ -5,6 +5,9 @@
 .status.loading-skill-info .text::before{
 	content: "正在加载技能数据，请稍候。";
 }
+.help-link::before{
+	content: "帮助和提示";
+}
 .delay .monster::before{
 	content: "应 对\A威 吓";
 }
@@ -50,6 +53,9 @@
 .monsterinfo-box .monster-id::before{
 	content: "No.";
 }
+.monsterinfo-box .monster-cost::before{
+	content: "消耗:";
+}
 .edit-box .setting-box .row-mon-level::before{
 	content: "▼怪物等级";
 }

languages/zh-TW.css

@@ -5,6 +5,9 @@
 .status.loading-skill-info .text::before{
 	content: "正在載入技能数据，请稍候。";
 }
+.help-link::before{
+	content: "幫助和提示";
+}
 .delay .monster::before{
 	content: "應 對\A威 嚇";
 }
@@ -50,6 +53,9 @@
 .monsterinfo-box .monster-id::before{
 	content: "No.";
 }
+.monsterinfo-box .monster-cost::before{
+	content: "消耗:";
+}
 .edit-box .setting-box .row-mon-level::before{
 	content: "▼怪物等級";
 }

languages/zh.css

@@ -5,6 +5,9 @@
 .status.loading-skill-info .text::before{
 	content: "正在加载技能数据，请稍候。";
 }
+.help-link::before{
+	content: "帮助和提示";
+}
 .delay .monster::before{
 	content: "应 对\A威 吓";
 }
@@ -50,6 +53,9 @@
 .monsterinfo-box .monster-id::before{
 	content: "No.";
 }
+.monsterinfo-box .monster-cost::before{
+	content: "消耗:";
+}
 .edit-box .setting-box .row-mon-level::before{
 	content: "▼怪物等级";
 }

multi.html

@@ -430,6 +430,7 @@ var formation = new Formation(2,5);
 			</div>
 			<div class="monster-id"></div>
 			<div class="monster-rare"></div>
+			<div class="monster-cost"></div>
 			<div class="monster-name"></div>
 			<ul class="monster-type">
 				<li class="type-name"><div class="type-icon"></div></li>

script.js

@@ -1465,6 +1465,8 @@ function editBoxChangeMonId(id)
 	mId.innerHTML = id;
 	const mRare = monInfoBox.querySelector(".monster-rare");
 	mRare.className = "monster-rare rare-" + card.rarity;
+	const mCost = monInfoBox.querySelector(".monster-cost");
+	mCost.innerHTML = card.cost;
 	const mName = monInfoBox.querySelector(".monster-name");
 	mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
 

solo.html

@@ -386,6 +386,7 @@ var formation = new Formation(1,6);
 			</div>
 			<div class="monster-id"></div>
 			<div class="monster-rare"></div>
+			<div class="monster-cost"></div>
 			<div class="monster-name"></div>
 			<ul class="monster-type">
 				<li class="type-name"><div class="type-icon"></div></li>

style.css

@@ -30,7 +30,7 @@ body{
 	opacity: 0.5;
 }
 .help-link::before{
-	content: "帮助和提示";
+	content: "Help & Tips";
 }
 .title{
 	font-size: 2em;
@@ -698,15 +698,21 @@ ul{
 	float: left;
 	margin-right:5px;
 }
-.monsterinfo-box .monster-id{
+.monsterinfo-box .monster-id,
+.monsterinfo-box .monster-rare,
+.monsterinfo-box .monster-cost
+{
 	display:inline-block;
+}
+.monsterinfo-box .monster-id{
 	width:150px;
 }
 /*.monsterinfo-box .monster-id::before{
 	content: "No.";
 }*/
+
 .monsterinfo-box .monster-rare{
-	display:inline-block;
+	width: 230px;
 }
 .monsterinfo-box .monster-rare::before{
 	color:gold;
@@ -722,7 +728,11 @@ ul{
 .rare-8::before{content: "★★★★★★★★";}
 .rare-9::before{content: "★★★★★★★★★";}
 .rare-10::before{content: "★★★★★★★★★★";}
-.monsterinfo-box .monster-id,.monsterinfo-box .monster-rare,.monsterinfo-box .monster-name{
+.monsterinfo-box .monster-id,
+.monsterinfo-box .monster-rare,
+.monsterinfo-box .monster-cost,
+.monsterinfo-box .monster-name
+{
 	vertical-align: top;
 	margin:0;
 	height: 34px;