-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (139 loc) · 4.65 KB
/
index.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ペットステータス計算機 - kLife</title>
<link href="../common/css/ui-select.css?v=20140922" rel="stylesheet" />
<link href="../common/css/ui-number-input.css?v=20140922" rel="stylesheet" />
<link href="./css/main.css?v=20140922" rel="stylesheet" />
<script src="../common/lib/jquery/1.11.1/jquery.min.js"></script>
<script src="../common/js/core.js?v=20140922"></script>
<script src="../common/js/ui-select.js?v=20140922"></script>
<script src="../common/js/ui-number-input.js?v=20140922"></script>
<script src="./js/main.js?v=20140922"></script>
</head>
<body>
<div class="pet-status">
<div>
<div class="section-title">ペット</div>
<div class="section-body">
<div class="section-content">
<div class="search-form">
<input type="text" size="16" placeholder="モンスター名" />
<button type="button" >検索</button>
</div>
</div>
<div class="section-content">
<span class="select-group select-area"></span>
<span class="select-monster select-area"></span>
<span class="select-label">レベル</span>
<span class="input-status-level select-area"></span>
</div>
</div>
</div>
<div>
<div class="section-title">テイマ</div>
<div class="section-body">
<div class="section-content">
<span class="select-label">力</span>
<span class="input-status-str select-area"></span>
<span class="select-label">敏捷</span>
<span class="input-status-agi select-area"></span>
</div>
<div class="section-content">
<span class="select-label">全体のスキルレベル</span>
<span class="input-all-skill select-area"></span>
<span class="select-label">命令</span>
<span class="select-instruct select-area"></span>
<span class="input-skill-instruct select-area"></span>
</div>
<div class="detail-setting-area">
<div class="section-content">
<span class="select-label">励ます</span>
<span class="input-skill-encourage select-area"></span>
<span class="select-label">褒める</span>
<span class="input-skill-praise select-area"></span>
<span class="select-label">唐辛子</span>
<span class="input-skill-pepper select-area"></span>
</div>
<div class="section-content">
<span class="select-label">憂鬱</span>
<span class="input-skill-blue select-area"></span>
<span class="select-label">風雨</span>
<span class="input-skill-storm select-area"></span>
<span class="select-label">のどか</span>
<span class="input-skill-mild select-area"></span>
<span class="select-label">気まぐれ</span>
<span class="input-skill-mobility select-area"></span>
</div>
</div>
</div>
</div>
<div>
<div class="section-title">結果</div>
<div class="section-body">
<div class="section-content">
<table class="result-table base">
<tr>
<th>レベル</th>
<th>HP</th>
<th>攻撃</th>
<th>防御</th>
<th>攻撃速度</th>
</tr>
<tr>
<td class="result-table-level"></td>
<td class="result-table-hp"></td>
<td class="result-table-attack"></td>
<td class="result-table-defense"></td>
<td class="result-table-at-speed"></td>
</tr>
</table>
</div>
<div class="section-content">
<table class="result-table regist">
<tr>
<th>火</th>
<th>水</th>
<th>風</th>
<th>土</th>
<th>光</th>
<th>闇</th>
</tr>
<tr>
<td class="result-table-res-fire"></td>
<td class="result-table-res-water"></td>
<td class="result-table-res-wind"></td>
<td class="result-table-res-earth"></td>
<td class="result-table-res-light"></td>
<td class="result-table-res-dark"></td>
</tr>
</table>
</div>
<div class="section-content">
<table class="result-table status">
<tr>
<th>力</th>
<th>敏捷</th>
<th>健康</th>
<th>知識</th>
<th>知恵</th>
<th>威厳</th>
<th>運</th>
</tr>
<tr>
<td class="retult-table-status-str"></td>
<td class="retult-table-status-agi"></td>
<td class="retult-table-status-con"></td>
<td class="retult-table-status-wis"></td>
<td class="retult-table-status-wis"></td>
<td class="retult-table-status-chs"></td>
<td class="retult-table-status-luc"></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>