-
Notifications
You must be signed in to change notification settings - Fork 7
/
cat_dictionary.html
190 lines (189 loc) · 21.1 KB
/
cat_dictionary.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html><html><head><meta charset=utf-8><title>貓咪圖鑑</title><link href=icons.css rel=stylesheet type=text/css></head><body><style>
html, body {padding: 0;margin: 0;width: 100%;font-size: max(14px, 1.2vw);font-family: 'Lato', 'Noto Sans TC', 'MS Gothic', sans-serif;user-select: none;}
@keyframes tooltip {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tooltip {
display: block !important;
position: absolute !important;
white-space: nowrap;
left: 0px;
top: 0px;
z-index: 1;
background-color: black;
color: white;
text-align: center;
border-radius: 6px;
padding: 0.3em 0.5em;
animation: .4s linear tooltip;
}
.grayscale {
}
[data-t='1'] .grayscale {
filter: brightness(0.6);
}
#cats img {
max-width: 13vw;
height: auto;
cursor: pointer;
}
@media screen and (max-width: 600px) {
#cats img {
max-width: 15vw;
}
}
@media screen and (max-width: 500px) {
#cats img {
max-width: 17vw;
}
}
.btn, .M button {
user-select: none;
font-size: larger;
cursor: pointer;
font-weight: bold;
color: #FFF;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
border: solid #000 2px;
background-image: linear-gradient(#ffd10a, #eb8900);
padding: 2px 0.5em;
text-align: center;
border-radius: 0.35em;
margin: 0.2em;
}
.M button {
display: flex;
align-items: center;
background-image: linear-gradient(#757575, #5c5c5c);
}
button:active {
background-color: #3e8e41;
box-shadow: 2px 3px #666;
transform: translateY(2px);
}
.or {
cursor: pointer;
transition: 0.4s;
}
.or:active {
transform: translate(2px, 2px);
}
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 120px;
height: 120px;
margin: -76px 0 0 -76px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#loader-text {
position: absolute;
left: calc(50% - 60px);
top: 60%;
z-index: 2;
text-align: center;
width: 120px;
height: 120px;
}
.M {
max-width: 90vw;
margin: auto;
margin-top: 10vh;
background-color: #595959;
position: relative;
padding: 1em;
border-radius: 0.5em;
outline: 0;
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
color: #efefef;
}
.modal {
display: none;
position: fixed;
left: 0;
top: 0;
background-color: #0000008a;
width: 100%;
height: 100%;
overflow: auto;
z-index: 2;
}
input[type="radio"] {
width: 24px;
height: 24px;
position: relative;
top: 6px;
}
.selected {
background-image: linear-gradient(rgb(66, 156, 78), rgb(47, 110, 55)) !important;
}
#trait-f .selected:nth-child(2) {
background-image: linear-gradient(rgb(255, 75, 3), rgb(172,51,0)) !important;
}
#trait-f .selected:nth-child(3) {
background-image: linear-gradient(rgb(119, 177, 66), rgb(86, 129, 48)) !important;
}
#trait-f .selected:nth-child(4) {
background-image: linear-gradient(rgb(56, 56, 56), rgb(32, 32, 32)) !important;
}
#trait-f .selected:nth-child(5) {
background-image: linear-gradient(140deg, rgb(227, 227, 227) 0%, rgb(175, 175, 175) 25%, rgb(227, 227, 227) 75%, rgb(175, 175, 175) 100%) !important
}
#trait-f .selected:nth-child(6) {
background-image: linear-gradient(rgb(205, 191, 54), rgb(141, 131, 35)) !important;
}
#trait-f .selected:nth-child(7) {
background-image: linear-gradient(rgb(33, 213, 191), rgb(24, 149, 134)) !important;
}
#trait-f .selected:nth-child(8) {
background-image: linear-gradient(rgb(172, 38, 227), rgb(121, 27, 159)) !important;
}
#trait-f .selected:nth-child(9) {
background-image: linear-gradient(rgb(179, 191, 207), rgb(161, 176, 195)) !important;
}
#trait-f .selected:nth-child(10) {
background-image: linear-gradient(rgb(129, 145, 48), rgb(103, 112, 11)) !important;
}
#trait-f .selected:nth-child(11) {
background-image: linear-gradient(rgb(82, 144, 187), rgb(55, 80, 146)) !important;
}
.ok {
width: 10em !important;
margin: 0.4em auto !important;
padding: 0.3em 0 !important;
justify-content: center !important;
background-image: linear-gradient(#2196F3, #3F51B5) !important;
}
.ok + button {
width: 10em !important;
margin: 0.4em auto !important;
padding: 0.3em 0 !important;
justify-content: center !important;
margin-bottom: 0 !important;
background-image: linear-gradient(#FF5722, #e72213) !important;
}
.fav {
background-image: linear-gradient(rgb(255, 75, 3), rgb(172,51,0)) !important;
}
</style><div id=loader-text> 載入中... </div><div id=loader></div><h1 style="background-image: linear-gradient(#955100, #633600);text-shadow: -1px 0 2px #e9ac64, 0 1px 2px #e9ac64, 1px 0 2px white, 0 -1px 2px #e9ac64;font-size: larger;margin: 0;padding: 0.1em 3em;"> 貓咪圖鑑 <a href=https://ponosgames.com/information/appli/battlecats/zukan/tw/index.html rel=noreferrer style="text-shadow: none;color: black;color: white;font-size: smaller;text-decoration: none;font-weight: lighter;float: right;"> 什麼是貓咪圖鑑? </a></h1><div style="display: none;background-image: linear-gradient(#4093b5, #4794b3, #4093b5);padding: 1vh 4vw;min-height: 100vh;"><button class="btn C">稀有度</button><div class=modal><div class=M><fieldset id=rarity style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>選擇稀有度</legend><button value=0>基本</button><button value=1>EX</button><button value=2>稀有</button><button value=3>激稀有</button><button value=4>超激稀有</button><button value=5>傳說稀有</button></fieldset><button class=ok onclick=ok()>篩選</button><button class=ok onclick=clearAll(event)>清除</button></div></div><button class="btn C">攻擊對象</button><div class=modal><div class=M><img class=or src=and.png><fieldset id=trait-f style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>選擇攻擊對象</legend><button value=1>紅色敵人</button><button value=2>漂浮敵人</button><button value=4>黑色敵人</button><button value=8>鋼鐵敵人</button><button value=16>天使</button><button value=32>異星戰士</button><button value=64>不死生物</button><button value=256>無屬性</button><button value=128>古代種</button><button value=2048>惡魔</button></fieldset><button class=ok onclick=ok()>篩選</button><button onclick=clearAll(event)>清除</button></div></div><button class="btn C">效果能力</button><div class=modal><div class=M id=ab><img class=or src=or.png><fieldset style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>效果</legend><button value=21><img src=https://i.imgur.com/yRkhAHL.png width=40 height=40>攻擊力下降</button><button value=22><img src=https://i.imgur.com/i1pP3Mi.png width=40 height=40>使動作停止</button><button value=23><img src=https://i.imgur.com/MyoCUMu.png width=40 height=40>使動作變慢</button><button value=24><img src=https://i.imgur.com/fe5k3Hw.png width=40 height=40>只能攻擊</button><button value=25><img src=https://i.imgur.com/dlZ8xNU.png width=40 height=40>善於攻擊</button><button value=26><img src=https://i.imgur.com/4em8Hzg.png width=40 height=40>很耐打</button><button value=27><img src=https://i.imgur.com/ck2nA1D.png width=40 height=40>超級耐打</button><button value=28><img src=https://i.imgur.com/RbqsryO.png width=40 height=40>超大傷害</button><button value=29><img src=https://i.imgur.com/whTrzG1.png width=40 height=40>極度傷害</button><button value=30><img src=https://i.imgur.com/cLZsanQ.png width=40 height=40>打飛敵人</button><button value=31><img src=https://i.imgur.com/KkYm2Og.png width=40 height=40>傳送</button><button value=33><img src=https://i.imgur.com/0Rraywl.png width=40 height=40>詛咒</button><button value=32><img src=https://i.imgur.com/8Eq6vPV.png width=40 height=40>攻擊無效</button></fieldset><fieldset style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>能力</legend><button value=1><img src=https://i.imgur.com/IE6ihRp.png width=40 height=40>攻擊力上升</button><button value=2><img src=https://i.imgur.com/WcMDxXS.png width=40 height=40>死前存活</button><button value=3><img src=https://i.imgur.com/xIcbDzl.png width=40 height=40>善於攻城</button><button value=4><img src=https://i.imgur.com/FV6We1L.png width=40 height=40>會心一擊</button><button value=5><img src=https://i.imgur.com/ssOFAtR.png width=40 height=40>終結不死</button><button value=6><img src=https://i.imgur.com/z3SPEqA.png width=40 height=40>靈魂攻擊</button><button value=7><img src=https://i.imgur.com/LfRDAkg.png width=40 height=40>破壞護盾</button><button value=8><img src=https://i.imgur.com/6wjIaUE.png width=40 height=40>破壞惡魔盾</button><button value=9><img src=https://i.imgur.com/KDpH72p.png width=40 height=40>渾身一擊</button><button value=10><img src=https://i.imgur.com/aeG7OM3.png width=40 height=40>得到很多金錢</button><button value=11><img src=https://i.imgur.com/MzHKigD.png width=40 height=40>鋼鐵</button><button value=12><img src=https://i.imgur.com/W18c1hw.png width=40 height=40>小波動</button><button value=13><img src=https://i.imgur.com/ZbPqGoj.png width=40 height=40>波動</button><button value=14><img src=https://i.imgur.com/AEITK8t.png width=40 height=40>小烈波</button><button value=15><img src=https://i.imgur.com/at4bW0n.png width=40 height=40>烈波攻擊</button><button value=16><img src=https://i.imgur.com/BH3LOrK.png width=40 height=40>波動滅止</button><button value=1001><img src=https://i.imgur.com/CZwFP3H.png width=40 height=40>單體攻擊</button><button value=1002><img src=https://i.imgur.com/BeuHYlZ.png width=40 height=40>範圍攻擊</button><button value=1004><img src=https://i.imgur.com/fYILfa8.png width=40 height=40>遠距攻擊</button><button value=1008><img src=https://i.imgur.com/rvGrwIL.png width=40 height=40>全方位攻擊</button><button value=19><img src=https://i.imgur.com/ktlyJ15.png width=40 height=40>終結魔女</button><button value=20><img src=https://i.imgur.com/y5JJJnJ.png width=40 height=40>終結使徒</button><button value=17><img src=https://i.imgur.com/nGZanly.png width=40 height=40>超生命體特效</button><button value=18><img src=https://i.imgur.com/yCMsSbc.png width=40 height=40>超獸特效</button><button value=42><img src=https://i.imgur.com/Qq8vQTs.png width=40 height=40>超賢者特效</button><button value=43><img src=https://i.imgur.com/AJYPM6p.png width=40 height=40>召喚</button><button value=44><img src=https://i.imgur.com/MDuECPl.png width=40 height=40>鋼鐵殺手</button><button value=37><img src=https://i.imgur.com/VY93npj.png>一次攻擊</button><button value=40><img src=https://i.imgur.com/tchDtAr.png>烈波反擊</button></fieldset><fieldset style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>抗性</legend><button value=32><img src=https://i.imgur.com/aN6I67V.png width=40 height=40>攻擊力下降無效</button><button value=2><img src=https://i.imgur.com/OSjMN62.png width=40 height=40>動作停止無效</button><button value=4><img src=https://i.imgur.com/rPx4aA2.png width=40 height=40>動作變慢無效</button><button value=8><img src=https://i.imgur.com/5CYatS4.png width=40 height=40>打飛敵人無效</button><button value=1><img src=https://i.imgur.com/MacWKW6.png width=40 height=40>波動傷害無效</button><button value=16><img src=https://i.imgur.com/Uadt9Fa.png width=40 height=40>烈波傷害無效</button><button value=64><img src=https://i.imgur.com/T7BXYAw.png width=40 height=40>傳送無效</button><button value=128><img src=https://i.imgur.com/27mAxhl.png width=40 height=40>古代的詛咒無效</button><button value=256><img src=https://i.imgur.com/5zleNqO.png width=40 height=40>毒擊傷害無效</button><button value=512><img src=https://i.imgur.com/4uYsoCg.png>魔王震波無效</button></fieldset><fieldset style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>耐性</legend><button value=0><img src=https://i.imgur.com/BGbyVaK.png width=40 height=40>抗擊耐性</button><button value=1><img src=https://i.imgur.com/Sd55VTg.png width=40 height=40>動止耐性</button><button value=2><img src=https://i.imgur.com/1PHovzw.png width=40 height=40>動慢耐性</button><button value=3><img src=https://i.imgur.com/kwmOdX3.png width=40 height=40>抗飛耐性</button><button value=4><img src=https://i.imgur.com/WTIjQQE.png width=40 height=40>抗波耐性</button><button value=5><img src=https://i.imgur.com/kLJHD5E.png width=40 height=40>抗烈波耐性</button><button value=8><img src=https://i.imgur.com/1TkV1IQ.png width=40 height=40>抗傳耐性</button><button value=6><img src=https://i.imgur.com/1s7WKyX.png width=40 height=40>抗古代詛咒耐性</button><button value=7><img src=https://i.imgur.com/sROk995.png width=40 height=40>抗毒耐性</button></fieldset><button class=ok onclick=ok()>篩選</button><button onclick=clearAll(event)>清除</button></div></div><button class="btn C">本能</button><div class=modal><div class=M><form><fieldset id=to><legend>選擇本能開放</legend><p><input name=t type=radio id=t0 checked><label for=t0>不限制</label></p><p><input name=t type=radio id=t1><label for=t1>無本能</label></p><p><input name=t type=radio id=t2><label for=t2>開放本能</label></p><p><input name=t type=radio id=t3><label for=t3>開放超本能</label></p><p><input name=t type=radio id=t4><label for=t4>開放4階</label></p></fieldset></form><button class=ok onclick=ok()>篩選</button></div></div><button class="btn C">名稱</button><div class=modal id=name><div class=M><form role=search style="width: 100%;"><fieldset><legend>搜尋名稱或Id</legend><input aria-label=搜尋名稱或Id id=name-search name=q placeholder=搜尋名稱或Id style="padding: 0.2em;padding-left: 1.5em;width: 100%;font-size: larger;" type=search></fieldset><input style="display: block;" class="btn ok" type=submit name=s value=搜尋 id=search-name></form></div></div><button class="btn C">分類</button><div class=modal><div class=M><fieldset id=G1 style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>特殊</legend><button value=0,1,2,3,4,5,6,7,8,643>貓咪轉蛋+</button><button value=37,38,41,46,47,48,49,50,51,52,55,56,58,145,146,147,148,149,197,198,308,325,376,495,523>常駐稀有貓</button><button value=30,31,32,33,35,36,39,40,61,150,151,152,153,199,307,377,522>常駐激稀有貓</button><button value=443,444,445,446,447>土龍鑽部隊</button><button value=129,131,144,200>限定激稀有系列</button><button value=237,238,239>貓咪軍團支援隊</button><button value=629,636,645,654,662,667,684,688,694>洗腦貓</button><button value=91,92,93,94,95,96,97,98,99>狂亂貓</button><button value=319,695>殺意貓</button><button value=209,210,211,245,246,247,311,312,313>招福轉蛋</button><button value=18,21,20,19,14,22,12,13,10,9,23,15,11>EX罐頭購買貓</button><button value=16,123,24,25,437,462,622>世界/未來/宇宙/魔界掉落貓</button><button value=130,172,268,323,426,464,532,613,653,691,568>傳說關卡掉落貓</button><button value=352,383,554>風雲貓咪塔掉落貓</button><button value=60,78,88,126,154,201,324,379,382,442,452,507,521,527,528,531,539,545,553,581,621,623,630,260,267,284,287,273>降臨和漩渦關卡掉落</button><button value=656,658,659,663,664,665,669,670,675,676,685,691,697,700,706,707,713,716,717,720,724>遠古的蛋</button><button value=79,80,81,100,104,109,122,128,132,63,70,74>月份貓</button></fieldset><fieldset id=G2 style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>常駐轉蛋池</legend><button value=269,318,380,529,585,641,690>超級貓咪祭</button><button value=333,378,441,543,609,657,705>特級貓咪祭</button><button value=726,213,342,375,635,689>日文版11週年紀念轉蛋</button><button value=650,651,652,696>心動時分貓咪學園活動轉蛋</button><button value=202,646>春節活動轉蛋</button><button value=665,713> 惡魔的完美新娘活動轉蛋</button><button value=381,615,616,670>貓咪的暑假活動轉蛋</button><button value=205,206,207,208,209,210,211,245,246,247,311,312,313>魔物獵人大狩獵活動轉蛋</button><button value=474,475,476,477,557>聖魔大戰活動轉蛋</button><button value=626,627,628>G1競馬活動轉蛋</button><button value=262,263,264,265,266,209,210,211,245,246,247,311,312,313>貓咪拼圖&納豆君(暫譯)活動轉蛋</button><button value=184,213,342,375>九週年活動轉蛋</button><button value=461,34,168,169,170,171,240,436,546,625,712>傳說中的不明貓一族</button><button value=42,43,44,57,59,143,427,455,519,617,668>超激烈爆彈</button><button value=448,71,72,73,124,125,158,338,496,649,618>戰國武神巴薩拉斯</button><button value=449,75,76,105,106,107,159,351,502,619,647>電腦學園銀河美少女</button><button value=450,83,84,85,86,87,177,396,505,620,660>超破壞大帝龍皇因佩拉斯</button><button value=451,134,135,136,137,138,203,322,525,633,692>超古代勇者超級靈魂勇者</button><button value=481,194,195,196,212,226,261,431,533,634,698>逆襲的戰士黑暗英雄</button><button value=493,257,258,259,271,272,316,439,534,642,723>究極降臨巨神宙斯</button><button value=463,304,305,306,355,417,594,632,674,715>革命軍隊鋼鐵戰團</button><button value=478,359,360,361,401,569,631,655,719>古靈精怪元素小精靈</button><button value=544,334,335,336,357,358,607,682,725>絕命美少女怪物萌娘隊</button><button value=644,588,589,587>情人節淑女們</button><button value=693,648>白色情人節轉蛋</button><button value=330,331,595,699,332>復活節嘉年華</button><button value=661,711>完美新娘</button><button value=274,275,354,438,494,563,564,614,666,714,276,565,566>夏日美少女團</button><button value=229,230,302,570,683,228>萬聖節轉蛋</button><button value=241,242,243,310,526,584,687>聖誕美少女</button><button value=283,286,397,559,686>破壞者祭</button><button value=283,620,533,305,212,136,124,105,87,86,76,43,42>紅色破壞者</button><button value=286,196,143,135,107,106,84,83,75,59>漂浮破壞者</button><button value=397,316,261,170,138,57>鋼鐵破壞者</button><button value=559,519,436,258,240,194,72,43>波動破壞者</button><button value=686,647,649,655,660,668,674,682>超生命體破壞者</button><button value=586>超國王祭</button><button value=612>女王祭</button></fieldset><fieldset id=G3 style="display: flex;flex-wrap: wrap;flex-direction: row;"><legend>合作轉蛋池</legend><button value=530,486,485,337,161,160,64,65,66,67,68>公主踢騎士Sweets</button><button value=506,346,345,344,190,189,188,187,186,185,110,111,112,113,114,115,116,117,118,119>梅露可物語</button><button value=174,173>活下去!曼波魚!</button><button value=180,270,341,482,428,429>消滅都市</button><button value=215,216,217,218,219,220,221,222,223,224,225>越南大戰DEFENSE</button><button value=288,289,291,290,292,293,440,294,296,297,298,295>魔法少女小圓</button><button value=326,327>Crash Fever</button><button value=362,363,364,365,366,367,368,456,460,370,371,372,458,459>劇場版 Fate/stay night</button><button value=393,394,395,390,391,392>實況野球</button><button value=412,413,414,487,415,416,488,709,409,410,411,489,490,491,406,407,408,552>福音戰士合作轉蛋</button><button value=547,548,549,550,551,710,409,410,411,489,490,491,406,407,408,552>福音戰士合作轉蛋2nd</button><button value=467,468,469,470,471,555,472,556>聖魔大戰</button><button value=510,512,514,516,517,573,574,680,576,577,578,579,580>快打旋風V CE合作轉蛋 BLUE TEAM</button><button value=510,511,512,515,571,572,575,681,576,577,578,579,580>快打旋風V CE合作轉蛋 RED TEAM </button><button value=535,536,537,560,582,583,590,561,591,562,592,593,722>初音未來</button><button value=596,597,598,599,600,671,605,601,602,603,672>亂馬1/2</button><button value=249,250,251,252,253,254,255,256,434,567>城與龍</button><button value=83,105,136,170,194,271,338,359,617,624>熱血!大運動會 紅組</button><button value=87,107,212,316,401,525,618,625,668,721>熱血!大運動會 白組</button></fieldset><button class=ok onclick=ok()>篩選</button><button onclick=clearAll(event)>清除</button></div></div><button class=btn onclick="this.classList.toggle('selected');ok();" id=fav-only>我的最愛</button><button class="btn selected" onclick="this.classList.toggle('selected');ok();" id=ex-only>限定角色</button><button class=btn onclick=_clearAll(event);>清除全部</button><div class=modal id=not-f><div class=M style="text-align: center;font-weight: bold;max-width: 25em;font-size: larger;">進行篩選的結果,找不到<br>符合條件的角色</div></div><div style="z-index: 3;display: none;position: absolute;margin: 0;top: 0;left: 50%;transform: translate(-50%, 0%);"><div id=text class=M style="text-align: center;width: 35em;font-size: larger;box-shadow: none;background-color: #ffffffb0;color: black;font-weight: bold;"></div></div><div id=cats></div></div><button class=btn style="position: fixed;right: 1vw;bottom: 1vh;" onclick=favorite(event) data-s=0>★設定我的最愛</button><script src=cat_limit.js></script><script src=cat.js>
</script><script src=cat_dict.js>
</script></body></html>