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

已将type变为data

This commit is contained in:
枫谷剑仙 2020-03-18 19:59:54 +08:00
parent d7242359e2
commit 3af491a267
10 changed files with 148 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
languages/en.css
View File

@ -160,43 +160,43 @@
.formation-awoken::before{
content: "Total Awoken:";
}
.type-name-4::after{
.type-name[data-type-name='4']::after{
content: "Dragon";
}
.type-name-5::after{
.type-name[data-type-name='5']::after{
content: "God";
}
.type-name-7::after{
.type-name[data-type-name='7']::after{
content: "Devil";
}
.type-name-8::after{
.type-name[data-type-name='8']::after{
content: "Machine";
}
.type-name-1::after{
.type-name[data-type-name='1']::after{
content: "Balanced";
}
.type-name-6::after{
.type-name[data-type-name='6']::after{
content: "Attacker";
}
.type-name-2::after{
.type-name[data-type-name='2']::after{
content: "Physical";
}
.type-name-3::after{
.type-name[data-type-name='3']::after{
content: "Healer";
}
.type-name-0::after{
.type-name[data-type-name='0']::after{
content: "Evo Material";
}
.type-name-12::after{
.type-name[data-type-name='12']::after{
content: "Awaken";
}
.type-name-14::after{
.type-name[data-type-name='14']::after{
content: "Enhance Material";
}
.type-name-15::after{
.type-name[data-type-name='15']::after{
content: "Redeemable";
}
.type-name-9::after{
.type-name[data-type-name='9']::after{
content: "Special Protection";
}
.control-box .datasource-label::before{
@ -311,8 +311,8 @@
.awoken-46,
.awoken-47,
.awoken-48,
.type-icon-12,
.type-icon-9
.type-icon[data-type-icon='12'],
.type-icon[data-type-icon='9']
{
background-position-x: -32px;
}
@ -320,8 +320,8 @@
{
background-position-x: -76px;
}
.badge[data-badge='0']::before,
.badge[data-badge='2']::before
.badge[data-badge-icon='0']::before,
.badge[data-badge-icon='2']::before
{
background-position-x: -36px;
}

26
languages/ja.css
View File

@ -153,43 +153,43 @@
.formation-awoken::before{
content: "総覚醒:";
}
.type-name-4::after{
.type-name[data-type-name='4']::after{
content: "ドラゴン";
}
.type-name-5::after{
.type-name[data-type-name='5']::after{
content: "神";
}
.type-name-7::after{
.type-name[data-type-name='7']::after{
content: "悪魔";
}
.type-name-8::after{
.type-name[data-type-name='8']::after{
content: "マシン";
}
.type-name-1::after{
.type-name[data-type-name='1']::after{
content: "バランス";
}
.type-name-6::after{
.type-name[data-type-name='6']::after{
content: "攻撃";
}
.type-name-2::after{
.type-name[data-type-name='2']::after{
content: "体力";
}
.type-name-3::after{
.type-name[data-type-name='3']::after{
content: "回復";
}
.type-name-0::after{
.type-name[data-type-name='0']::after{
content: "進化用";
}
.type-name-12::after{
.type-name[data-type-name='12']::after{
content: "能力覚醒用";
}
.type-name-14::after{
.type-name[data-type-name='14']::after{
content: "強化合成用";
}
.type-name-15::after{
.type-name[data-type-name='15']::after{
content: "売却用";
}
.type-name-9::after{
.type-name[data-type-name='9']::after{
content: "特別保護";
}
.control-box .datasource-label::before{

34
languages/ko.css
View File

@ -153,43 +153,43 @@
.formation-awoken::before{
content: "총 각성:";
}
.type-name-4::after{
.type-name[data-type-name='4']::after{
content: "드래곤";
}
.type-name-5::after{
.type-name[data-type-name='5']::after{
content: "신";
}
.type-name-7::after{
.type-name[data-type-name='7']::after{
content: "악마";
}
.type-name-8::after{
.type-name[data-type-name='8']::after{
content: "머신";
}
.type-name-1::after{
.type-name[data-type-name='1']::after{
content: "밸런스";
}
.type-name-6::after{
.type-name[data-type-name='6']::after{
content: "공격";
}
.type-name-2::after{
.type-name[data-type-name='2']::after{
content: "체력";
}
.type-name-3::after{
.type-name[data-type-name='3']::after{
content: "회복";
}
.type-name-0::after{
.type-name[data-type-name='0']::after{
content: "진화용";
}
.type-name-12::after{
.type-name[data-type-name='12']::after{
content: "능력각성";
}
.type-name-14::after{
.type-name[data-type-name='14']::after{
content: "강화합성용";
}
.type-name-15::after{
.type-name[data-type-name='15']::after{
content: "매각용";
}
.type-name-9::after{
.type-name[data-type-name='9']::after{
content: "특별 보호";
}
.control-box .datasource-label::before{
@ -303,8 +303,8 @@
.awoken-46,
.awoken-47,
.awoken-48,
.type-icon-12,
.type-icon-9
.type-icon[data-type-icon='12'],
.type-icon[data-type-icon='9']
{
background-position-x: -32px;
}
@ -312,8 +312,8 @@
{
background-position-x: -76px;
}
.badge[data-badge='0']::before,
.badge[data-badge='2']::before
.badge[data-badge-icon='0']::before,
.badge[data-badge-icon='2']::before
{
background-position-x: -36px;
}

30
languages/zh-TW.css
View File

@ -156,43 +156,43 @@
.formation-awoken::before{
content: "陣型覺醒總計：";
}
.type-name-4::after{
.type-name[data-type-name='4']::after{
content: "龍";
}
.type-name-5::after{
.type-name[data-type-name='5']::after{
content: "神";
}
.type-name-7::after{
.type-name[data-type-name='7']::after{
content: "惡魔";
}
.type-name-8::after{
.type-name[data-type-name='8']::after{
content: "機械";
}
.type-name-1::after{
.type-name[data-type-name='1']::after{
content: "平衡";
}
.type-name-6::after{
.type-name[data-type-name='6']::after{
content: "攻撃";
}
.type-name-2::after{
.type-name[data-type-name='2']::after{
content: "體力";
}
.type-name-3::after{
.type-name[data-type-name='3']::after{
content: "回復";
}
.type-name-0::after{
.type-name[data-type-name='0']::after{
content: "進化用";
}
.type-name-12::after{
.type-name[data-type-name='12']::after{
content: "能力覺醒用";
}
.type-name-14::after{
.type-name[data-type-name='14']::after{
content: "強化合成用";
}
.type-name-15::after{
.type-name[data-type-name='15']::after{
content: "販賣用";
}
.type-name-9::after{
.type-name[data-type-name='9']::after{
content: "特別保護";
}
.control-box .languages-label::before{
@ -310,8 +310,8 @@
{
background-position-x: -64px;
}
.badge[data-badge='0']::before,
.badge[data-badge='17']::before
.badge[data-badge-icon='0']::before,
.badge[data-badge-icon='17']::before
{
background-position-x: -72px;
}

30
languages/zh.css
View File

@ -156,43 +156,43 @@
.formation-awoken::before{
content: "阵型觉醒总计：";
}
.type-name-4::after{
.type-name[data-type-name='4']::after{
content: "龍";
}
.type-name-5::after{
.type-name[data-type-name='5']::after{
content: "神";
}
.type-name-7::after{
.type-name[data-type-name='7']::after{
content: "惡魔";
}
.type-name-8::after{
.type-name[data-type-name='8']::after{
content: "机械";
}
.type-name-1::after{
.type-name[data-type-name='1']::after{
content: "平衡";
}
.type-name-6::after{
.type-name[data-type-name='6']::after{
content: "攻撃";
}
.type-name-2::after{
.type-name[data-type-name='2']::after{
content: "体力";
}
.type-name-3::after{
.type-name[data-type-name='3']::after{
content: "回復";
}
.type-name-0::after{
.type-name[data-type-name='0']::after{
content: "進化用";
}
.type-name-12::after{
.type-name[data-type-name='12']::after{
content: "能力覺醒用";
}
.type-name-14::after{
.type-name[data-type-name='14']::after{
content: "強化合成用";
}
.type-name-15::after{
.type-name[data-type-name='15']::after{
content: "販賣用";
}
.type-name-9::after{
.type-name[data-type-name='9']::after{
content: "特別保護";
}
.control-box .languages-label::before{
@ -310,8 +310,8 @@
{
background-position-x: -64px;
}
.badge[data-badge='0']::before,
.badge[data-badge='17']::before
.badge[data-badge-icon='0']::before,
.badge[data-badge-icon='17']::before
{
background-position-x: -72px;
}

2
monsters-info/official-API/ja-skill.json
View File

File diff suppressed because one or more lines are too long

2
monsters-info/official-API/ja.json
View File

File diff suppressed because one or more lines are too long

7
script.js
View File

@ -1907,11 +1907,12 @@ function editBoxChangeMonId(id)
{
if (ti<card.types.length)
{
mType[ti].className = "type-name type-name-" + card.types[ti];
mType[ti].firstChild.className = "type-icon type-icon-" + 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].classList.remove("display-none");
}else
{
mType[ti].className = "display-none";
mType[ti].classList.add("display-none");
}
}

68
solo.html
View File

@ -48,24 +48,24 @@ var formation = new Formation(teamsCount,6);
<ul class="teams">
<li class="team-bigbox team-1">
<ul class="team-badge">
<li><input type="radio" name="team-0-badge" class="badge-radio" value="0" id="team-0-badge-0" checked><label class="badge" data-badge="0" for="team-0-badge-0"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="1" id="team-0-badge-1"><label class="badge" data-badge="1" for="team-0-badge-1"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="2" id="team-0-badge-2"><label class="badge" data-badge="2" for="team-0-badge-2"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="3" id="team-0-badge-3"><label class="badge" data-badge="3" for="team-0-badge-3"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="4" id="team-0-badge-4"><label class="badge" data-badge="4" for="team-0-badge-4"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="5" id="team-0-badge-5"><label class="badge" data-badge="5" for="team-0-badge-5"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="6" id="team-0-badge-6"><label class="badge" data-badge="6" for="team-0-badge-6"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="7" id="team-0-badge-7"><label class="badge" data-badge="7" for="team-0-badge-7"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="8" id="team-0-badge-8"><label class="badge" data-badge="8" for="team-0-badge-8"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="9" id="team-0-badge-9"><label class="badge" data-badge="9" for="team-0-badge-9"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="10" id="team-0-badge-10"><label class="badge" data-badge="10" for="team-0-badge-10"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="11" id="team-0-badge-11"><label class="badge" data-badge="11" for="team-0-badge-11"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="12" id="team-0-badge-12"><label class="badge" data-badge="12" for="team-0-badge-12"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="13" id="team-0-badge-13"><label class="badge" data-badge="13" for="team-0-badge-13"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="14" id="team-0-badge-14"><label class="badge" data-badge="14" for="team-0-badge-14"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="15" id="team-0-badge-15"><label class="badge" data-badge="15" for="team-0-badge-15"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="16" id="team-0-badge-16"><label class="badge" data-badge="16" for="team-0-badge-16"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="17" id="team-0-badge-17"><label class="badge" data-badge="17" for="team-0-badge-17"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="0" id="team-0-badge-0" checked><label class="badge" data-badge-icon="0" for="team-0-badge-0"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="1" id="team-0-badge-1"><label class="badge" data-badge-icon="1" for="team-0-badge-1"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="2" id="team-0-badge-2"><label class="badge" data-badge-icon="2" for="team-0-badge-2"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="3" id="team-0-badge-3"><label class="badge" data-badge-icon="3" for="team-0-badge-3"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="4" id="team-0-badge-4"><label class="badge" data-badge-icon="4" for="team-0-badge-4"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="5" id="team-0-badge-5"><label class="badge" data-badge-icon="5" for="team-0-badge-5"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="6" id="team-0-badge-6"><label class="badge" data-badge-icon="6" for="team-0-badge-6"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="7" id="team-0-badge-7"><label class="badge" data-badge-icon="7" for="team-0-badge-7"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="8" id="team-0-badge-8"><label class="badge" data-badge-icon="8" for="team-0-badge-8"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="9" id="team-0-badge-9"><label class="badge" data-badge-icon="9" for="team-0-badge-9"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="10" id="team-0-badge-10"><label class="badge" data-badge-icon="10" for="team-0-badge-10"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="11" id="team-0-badge-11"><label class="badge" data-badge-icon="11" for="team-0-badge-11"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="12" id="team-0-badge-12"><label class="badge" data-badge-icon="12" for="team-0-badge-12"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="13" id="team-0-badge-13"><label class="badge" data-badge-icon="13" for="team-0-badge-13"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="14" id="team-0-badge-14"><label class="badge" data-badge-icon="14" for="team-0-badge-14"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="15" id="team-0-badge-15"><label class="badge" data-badge-icon="15" for="team-0-badge-15"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="16" id="team-0-badge-16"><label class="badge" data-badge-icon="16" for="team-0-badge-16"></label></li>
<li><input type="radio" name="team-0-badge" class="badge-radio" value="17" id="team-0-badge-17"><label class="badge" data-badge-icon="17" for="team-0-badge-17"></label></li>
<div class="team-total-info"><div class="tIf-total-hp"></div><div class="tIf-total-rcv"></div></div>
</ul>
<div class="team-box-name">
@ -414,18 +414,18 @@ var formation = new Formation(teamsCount,6);
</div>
<div class="types-div"><!--类型-->
<ul class="type-list">
<li><input type="checkbox" name="types" class="type-check" value="4" id="search-type-4" /><label class="type-icon type-icon-4" for="search-type-4"><!--龍--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="5" id="search-type-5" /><label class="type-icon type-icon-5" for="search-type-5"><!--神--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="7" id="search-type-7" /><label class="type-icon type-icon-7" for="search-type-7"><!--惡魔--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="8" id="search-type-8" /><label class="type-icon type-icon-8" for="search-type-8"><!--机械--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="1" id="search-type-1" /><label class="type-icon type-icon-1" for="search-type-1"><!--平衡--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="6" id="search-type-6" /><label class="type-icon type-icon-6" for="search-type-6"><!--攻撃--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="2" id="search-type-2" /><label class="type-icon type-icon-2" for="search-type-2"><!--体力--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="3" id="search-type-3" /><label class="type-icon type-icon-3" for="search-type-3"><!--回復--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="0" id="search-type-0" /><label class="type-icon type-icon-0" for="search-type-0"><!--進化用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="12" id="search-type-12" /><label class="type-icon type-icon-12" for="search-type-12"><!--能力覺醒用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="14" id="search-type-14" /><label class="type-icon type-icon-14" for="search-type-14"><!--強化合成用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="15" id="search-type-15" /><label class="type-icon type-icon-15" for="search-type-15"><!--販賣用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="4" id="search-type-4" /><label class="type-icon" data-type-icon="4" for="search-type-4"><!--龍--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="5" id="search-type-5" /><label class="type-icon" data-type-icon="5" for="search-type-5"><!--神--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="7" id="search-type-7" /><label class="type-icon" data-type-icon="7" for="search-type-7"><!--惡魔--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="8" id="search-type-8" /><label class="type-icon" data-type-icon="8" for="search-type-8"><!--机械--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="1" id="search-type-1" /><label class="type-icon" data-type-icon="1" for="search-type-1"><!--平衡--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="6" id="search-type-6" /><label class="type-icon" data-type-icon="6" for="search-type-6"><!--攻撃--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="2" id="search-type-2" /><label class="type-icon" data-type-icon="2" for="search-type-2"><!--体力--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="3" id="search-type-3" /><label class="type-icon" data-type-icon="3" for="search-type-3"><!--回復--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="0" id="search-type-0" /><label class="type-icon" data-type-icon="0" for="search-type-0"><!--進化用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="12" id="search-type-12" /><label class="type-icon" data-type-icon="12" for="search-type-12"><!--能力覺醒用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="14" id="search-type-14" /><label class="type-icon" data-type-icon="14" for="search-type-14"><!--強化合成用--></label></li>
<li><input type="checkbox" name="types" class="type-check" value="15" id="search-type-15" /><label class="type-icon" data-type-icon="15" for="search-type-15"><!--販賣用--></label></li>
</ul>
</div>
<div class="awoken-div"><!--觉醒-->
@ -615,9 +615,9 @@ var formation = new Formation(teamsCount,6);
</div>
<div class="monsterinfo-line">
<ul class="monster-type">
<li class="type-name"><div class="type-icon"></div></li>
<li class="type-name"><div class="type-icon"></div></li>
<li class="type-name"><div class="type-icon"></div></li>
<li class="type-name"><span class="type-icon"></span></li>
<li class="type-name"><span class="type-icon"></span></li>
<li class="type-name"><span class="type-icon"></span></li>
</ul>
<div class="monsterinfo-cell">
<div class="monster-seriesId"></div>
@ -669,7 +669,7 @@ var formation = new Formation(teamsCount,6);
</div>
<div class="setting-row row-ability">
<div class="row-mon-ability">
<!--怪物属性-->
<!--怪物三维-->
<ul>
<li class="m-hp-li"><span class="ability-value"></span></li>
<li class="m-atk-li"><span class="ability-value"></span></li>

62
style-monsterimages.css
View File

@ -602,43 +602,43 @@
background-position-x: 0;
background-position-y: 32px; /*默认不显示*/
}
.type-icon-4{/*龙*/
.type-icon[data-type-icon='4']{/*龙*/
background-position-y: 0px;
}
.type-icon-5{/*神*/
.type-icon[data-type-icon='5']{/*神*/
background-position-y: -32px;
}
.type-icon-7{/*恶魔*/
.type-icon[data-type-icon='7']{/*恶魔*/
background-position-y: -64px;
}
.type-icon-8{/*机械*/
.type-icon[data-type-icon='8']{/*机械*/
background-position-y: -96px;
}
.type-icon-1{/*平衡*/
.type-icon[data-type-icon='1']{/*平衡*/
background-position-y: -128px;
}
.type-icon-6{/*攻击*/
.type-icon[data-type-icon='6']{/*攻击*/
background-position-y: -160px;
}
.type-icon-2{/*体力*/
.type-icon[data-type-icon='2']{/*体力*/
background-position-y: -192px;
}
.type-icon-3{/*回复*/
.type-icon[data-type-icon='3']{/*回复*/
background-position-y: -224px;
}
.type-icon-0{/*进化用*/
.type-icon[data-type-icon='0']{/*进化用*/
background-position-y: -256px;
}
.type-icon-12{/*能力觉醒用*/
.type-icon[data-type-icon='12']{/*能力觉醒用*/
background-position-y: -288px;
}
.type-icon-14{/*强化合成用*/
.type-icon[data-type-icon='14']{/*强化合成用*/
background-position-y: -320px;
}
.type-icon-15{/*贩卖用*/
.type-icon[data-type-icon='15']{/*贩卖用*/
background-position-y: -352px;
}
.type-icon-9{/*特别保护*/
.type-icon[data-type-icon='9']{/*特别保护*/
background-position-y: -384px;
}
/*潜在觉醒*/
@ -824,58 +824,58 @@ var sawokens = [
width: 36px; height: 30px;
background-position-x: 0;
}
.badge[data-badge='0']::before{
.badge[data-badge-icon='0']::before{
background-position-y: 0px;
}
.badge[data-badge='1']::before{
.badge[data-badge-icon='1']::before{
background-position-y: -30px;
}
.badge[data-badge='2']::before{
.badge[data-badge-icon='2']::before{
background-position-y: -60px;
}
.badge[data-badge='3']::before{
.badge[data-badge-icon='3']::before{
background-position-y: -90px;
}
.badge[data-badge='4']::before{
.badge[data-badge-icon='4']::before{
background-position-y: -120px;
}
.badge[data-badge='5']::before{
.badge[data-badge-icon='5']::before{
background-position-y: -150px;
}
.badge[data-badge='6']::before{
.badge[data-badge-icon='6']::before{
background-position-y: -180px;
}
.badge[data-badge='7']::before{
.badge[data-badge-icon='7']::before{
background-position-y: -210px;
}
.badge[data-badge='8']::before{
.badge[data-badge-icon='8']::before{
background-position-y: -240px;
}
.badge[data-badge='9']::before{
.badge[data-badge-icon='9']::before{
background-position-y: -270px;
}
.badge[data-badge='10']::before{
.badge[data-badge-icon='10']::before{
background-position-y: -300px;
}
.badge[data-badge='11']::before{
.badge[data-badge-icon='11']::before{
background-position-y: -330px;
}
.badge[data-badge='12']::before{
.badge[data-badge-icon='12']::before{
background-position-y: -360px;
}
.badge[data-badge='13']::before{
.badge[data-badge-icon='13']::before{
background-position-y: -390px;
}
.badge[data-badge='14']::before{
.badge[data-badge-icon='14']::before{
background-position-y: -420px;
}
.badge[data-badge='15']::before{
.badge[data-badge-icon='15']::before{
background-position-y: -450px;
}
.badge[data-badge='16']::before{
.badge[data-badge-icon='16']::before{
background-position-y: -480px;
}
.badge[data-badge='17']::before{
.badge[data-badge-icon='17']::before{
background-position-y: -510px;
}