@wwawing/styles 3.6.5 → 3.6.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/output/wwa.css +389 -458
- package/output/wwa_classic.css +406 -476
- package/package.json +5 -6
package/output/wwa.css
CHANGED
|
@@ -6,646 +6,614 @@
|
|
|
6
6
|
フォントやフォントサイズは自由に変更できます。
|
|
7
7
|
*/
|
|
8
8
|
.wwa-size-box {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
width: 560px;
|
|
10
|
+
height: 440px;
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
|
|
13
|
+
line-height: 1.2;
|
|
14
|
+
text-indent: 0px;
|
|
15
|
+
letter-spacing: 0px;
|
|
16
|
+
word-spacing: 0px;
|
|
17
|
+
writing-mode: horizontal-tb;
|
|
18
|
+
overflow: hidden;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
div#wwa-wrapper {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
position: relative;
|
|
23
|
+
margin: 0 auto;
|
|
24
|
+
text-align: center;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
#wwa-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
27
|
+
#wwa-audio-wrapper, #wwa-controller {
|
|
28
|
+
position: absolute;
|
|
29
|
+
top: 0;
|
|
30
|
+
left: 0;
|
|
31
|
+
width: 440px;
|
|
32
|
+
height: 440px;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
#wwa-audio-wrapper {
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
display: none;
|
|
37
|
+
overflow: hidden;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* common は WWA Wing で共通で利用できるクラス名や mixin が含まれています。
|
|
42
42
|
* UI 構築の際はこれらのセレクターもご活用ください。
|
|
43
43
|
*/
|
|
44
|
-
div
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
div.savedata > div.wide-cell-row, .wide-button, div.status-value-box, div#wwa-sidebar > div.wide-cell-row {
|
|
45
|
+
width: 120px;
|
|
46
|
+
height: 35px;
|
|
47
|
+
line-height: 35px;
|
|
48
|
+
font-size: 14px;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
div
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
div.savedata > div.wide-cell-row > div.status-icon, div.item-disp, div.item-click-border, div#wwa-sidebar > div.item-cell {
|
|
52
|
+
position: absolute;
|
|
53
|
+
width: 40px;
|
|
54
|
+
height: 40px;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
div#wwa-sidebar > div.
|
|
58
|
-
|
|
57
|
+
div#wwa-sidebar > div.item-cell.onpress, div#wwa-sidebar > div.wide-cell-row.onpress {
|
|
58
|
+
margin: 3px 0 0 3px;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
.wide-button, div.status-value-box, div#wwa-sidebar > div.wide-cell-row {
|
|
62
|
+
position: absolute;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
div#wwa-sidebar {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: 0px;
|
|
68
|
+
left: 440px;
|
|
69
|
+
width: 120px;
|
|
70
|
+
height: 440px;
|
|
71
|
+
background-color: #000000;
|
|
72
|
+
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
|
|
73
73
|
}
|
|
74
|
-
|
|
75
74
|
div.status-icon {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
width: 40px;
|
|
76
|
+
height: 35px;
|
|
77
|
+
margin-left: 6px;
|
|
79
78
|
}
|
|
80
79
|
|
|
81
80
|
div.status-value-box {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
top: 0;
|
|
82
|
+
left: 0;
|
|
83
|
+
padding-left: 46px;
|
|
84
|
+
box-sizing: border-box;
|
|
85
|
+
text-align: center;
|
|
87
86
|
}
|
|
88
87
|
|
|
89
88
|
div.item-click-border {
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
top: 0;
|
|
90
|
+
left: 0;
|
|
92
91
|
}
|
|
93
92
|
|
|
94
93
|
div.item-disp {
|
|
95
|
-
|
|
96
|
-
|
|
94
|
+
top: 0;
|
|
95
|
+
left: 0;
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
.item-overwritten {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
width: 40px;
|
|
100
|
+
height: 40px;
|
|
101
|
+
z-index: 0 !important;
|
|
103
102
|
}
|
|
104
103
|
|
|
105
104
|
.item-transitioning {
|
|
106
|
-
|
|
105
|
+
z-index: 240 !important;
|
|
107
106
|
}
|
|
108
107
|
|
|
109
108
|
.wide-button {
|
|
110
|
-
|
|
109
|
+
cursor: pointer;
|
|
111
110
|
}
|
|
112
111
|
|
|
113
112
|
#disp-energy {
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
top: 0;
|
|
114
|
+
left: 0px;
|
|
116
115
|
}
|
|
117
116
|
|
|
118
117
|
#disp-strength {
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
top: 35px;
|
|
119
|
+
left: 0px;
|
|
121
120
|
}
|
|
122
121
|
|
|
123
122
|
#disp-defence {
|
|
124
|
-
|
|
125
|
-
|
|
123
|
+
top: 70px;
|
|
124
|
+
left: 0px;
|
|
126
125
|
}
|
|
127
126
|
|
|
128
127
|
#disp-gold {
|
|
129
|
-
|
|
130
|
-
|
|
128
|
+
top: 105px;
|
|
129
|
+
left: 0px;
|
|
131
130
|
}
|
|
132
131
|
|
|
133
132
|
#item0 {
|
|
134
|
-
|
|
135
|
-
|
|
133
|
+
top: 140px;
|
|
134
|
+
left: 0px;
|
|
136
135
|
}
|
|
137
136
|
|
|
138
137
|
#item1 {
|
|
139
|
-
|
|
140
|
-
|
|
138
|
+
top: 140px;
|
|
139
|
+
left: 40px;
|
|
141
140
|
}
|
|
142
141
|
|
|
143
142
|
#item2 {
|
|
144
|
-
|
|
145
|
-
|
|
143
|
+
top: 140px;
|
|
144
|
+
left: 80px;
|
|
146
145
|
}
|
|
147
146
|
|
|
148
147
|
#item3 {
|
|
149
|
-
|
|
150
|
-
|
|
148
|
+
top: 180px;
|
|
149
|
+
left: 0px;
|
|
151
150
|
}
|
|
152
151
|
|
|
153
152
|
#item4 {
|
|
154
|
-
|
|
155
|
-
|
|
153
|
+
top: 180px;
|
|
154
|
+
left: 40px;
|
|
156
155
|
}
|
|
157
156
|
|
|
158
157
|
#item5 {
|
|
159
|
-
|
|
160
|
-
|
|
158
|
+
top: 180px;
|
|
159
|
+
left: 80px;
|
|
161
160
|
}
|
|
162
161
|
|
|
163
162
|
#item6 {
|
|
164
|
-
|
|
165
|
-
|
|
163
|
+
top: 220px;
|
|
164
|
+
left: 0px;
|
|
166
165
|
}
|
|
167
166
|
|
|
168
167
|
#item7 {
|
|
169
|
-
|
|
170
|
-
|
|
168
|
+
top: 220px;
|
|
169
|
+
left: 40px;
|
|
171
170
|
}
|
|
172
171
|
|
|
173
172
|
#item8 {
|
|
174
|
-
|
|
175
|
-
|
|
173
|
+
top: 220px;
|
|
174
|
+
left: 80px;
|
|
176
175
|
}
|
|
177
176
|
|
|
178
177
|
#item9 {
|
|
179
|
-
|
|
180
|
-
|
|
178
|
+
top: 260px;
|
|
179
|
+
left: 0px;
|
|
181
180
|
}
|
|
182
181
|
|
|
183
182
|
#item10 {
|
|
184
|
-
|
|
185
|
-
|
|
183
|
+
top: 260px;
|
|
184
|
+
left: 40px;
|
|
186
185
|
}
|
|
187
186
|
|
|
188
187
|
#item11 {
|
|
189
|
-
|
|
190
|
-
|
|
188
|
+
top: 260px;
|
|
189
|
+
left: 80px;
|
|
191
190
|
}
|
|
192
191
|
|
|
193
192
|
#cell-load {
|
|
194
|
-
|
|
195
|
-
|
|
193
|
+
top: 300px;
|
|
194
|
+
left: 0px;
|
|
196
195
|
}
|
|
197
196
|
|
|
198
197
|
#button-load {
|
|
199
|
-
|
|
200
|
-
|
|
198
|
+
top: 300px;
|
|
199
|
+
left: 0px;
|
|
201
200
|
}
|
|
202
201
|
|
|
203
202
|
#cell-save {
|
|
204
|
-
|
|
205
|
-
|
|
203
|
+
top: 335px;
|
|
204
|
+
left: 0px;
|
|
206
205
|
}
|
|
207
206
|
|
|
208
207
|
#button-save {
|
|
209
|
-
|
|
210
|
-
|
|
208
|
+
top: 335px;
|
|
209
|
+
left: 0px;
|
|
211
210
|
}
|
|
212
211
|
|
|
213
212
|
#cell-restart {
|
|
214
|
-
|
|
215
|
-
|
|
213
|
+
top: 370px;
|
|
214
|
+
left: 0px;
|
|
216
215
|
}
|
|
217
216
|
|
|
218
217
|
#button-restart {
|
|
219
|
-
|
|
220
|
-
|
|
218
|
+
top: 370px;
|
|
219
|
+
left: 0px;
|
|
221
220
|
}
|
|
222
221
|
|
|
223
222
|
#cell-gotowwa {
|
|
224
|
-
|
|
225
|
-
|
|
223
|
+
top: 405px;
|
|
224
|
+
left: 0px;
|
|
226
225
|
}
|
|
227
226
|
|
|
228
227
|
#button-gotowwa {
|
|
229
|
-
|
|
230
|
-
|
|
228
|
+
top: 405px;
|
|
229
|
+
left: 0px;
|
|
231
230
|
}
|
|
232
231
|
|
|
233
232
|
canvas.wwa-canvas {
|
|
234
|
-
|
|
235
|
-
|
|
233
|
+
display: block;
|
|
234
|
+
position: absolute;
|
|
236
235
|
}
|
|
237
236
|
|
|
238
237
|
#wwa-cover {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
238
|
+
position: absolute;
|
|
239
|
+
top: 0;
|
|
240
|
+
left: 0;
|
|
241
|
+
width: 560px;
|
|
242
|
+
height: 440px;
|
|
243
|
+
line-height: 16px;
|
|
244
|
+
font-size: 12px;
|
|
245
|
+
background-color: #FFFFFF;
|
|
247
246
|
}
|
|
248
|
-
|
|
249
247
|
#wwa-cover > #version {
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
248
|
+
position: absolute;
|
|
249
|
+
bottom: 32px;
|
|
250
|
+
height: 16px;
|
|
251
|
+
text-align: left;
|
|
252
|
+
padding-left: 4px;
|
|
253
|
+
color: #000000;
|
|
256
254
|
}
|
|
257
|
-
|
|
258
255
|
#wwa-cover > #progress-message-container {
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
256
|
+
position: absolute;
|
|
257
|
+
bottom: 16px;
|
|
258
|
+
height: 16px;
|
|
259
|
+
text-align: left;
|
|
260
|
+
padding-left: 4px;
|
|
261
|
+
color: #000000;
|
|
265
262
|
}
|
|
266
|
-
|
|
267
263
|
#wwa-cover > #progress-bar {
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
264
|
+
position: absolute;
|
|
265
|
+
bottom: 0;
|
|
266
|
+
left: 0;
|
|
267
|
+
width: auto;
|
|
268
|
+
height: 16px;
|
|
269
|
+
background-color: #00ff90;
|
|
274
270
|
}
|
|
275
|
-
|
|
276
271
|
#wwa-cover > #progress-bar-bg {
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
272
|
+
position: absolute;
|
|
273
|
+
bottom: 0;
|
|
274
|
+
left: 0;
|
|
275
|
+
width: 560px;
|
|
276
|
+
height: 16px;
|
|
277
|
+
background-color: #808080;
|
|
283
278
|
}
|
|
284
|
-
|
|
285
279
|
#wwa-cover > #progress-bar-audio {
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
280
|
+
position: absolute;
|
|
281
|
+
bottom: 0;
|
|
282
|
+
left: 0;
|
|
283
|
+
width: auto;
|
|
284
|
+
height: 16px;
|
|
285
|
+
background-color: #008aff;
|
|
292
286
|
}
|
|
293
|
-
|
|
294
287
|
#wwa-cover > #progress-disp {
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
288
|
+
position: absolute;
|
|
289
|
+
bottom: 0;
|
|
290
|
+
right: 0;
|
|
291
|
+
width: 120px;
|
|
292
|
+
height: 16px;
|
|
293
|
+
background-color: #FF6A00;
|
|
294
|
+
color: #FFFFFF;
|
|
295
|
+
text-align: center;
|
|
296
|
+
font-weight: bold;
|
|
297
|
+
overflow: hidden;
|
|
305
298
|
}
|
|
306
299
|
|
|
307
300
|
#wwa-fader {
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
#wwa-password-window, #wwa-battle-estimate, #wwa-text-message-window,
|
|
320
|
-
.wwa-message-window {
|
|
321
|
-
background-color: rgba(255, 255, 255, 0.9);
|
|
322
|
-
border: 2px solid #000;
|
|
323
|
-
border-radius: 10px;
|
|
324
|
-
box-sizing: border-box;
|
|
325
|
-
overflow: auto;
|
|
326
|
-
user-select: none;
|
|
301
|
+
position: absolute;
|
|
302
|
+
top: 0;
|
|
303
|
+
left: 0;
|
|
304
|
+
width: 440px;
|
|
305
|
+
height: 440px;
|
|
306
|
+
border-width: 0;
|
|
307
|
+
border-color: #808080;
|
|
308
|
+
border-style: solid;
|
|
309
|
+
display: none;
|
|
327
310
|
}
|
|
328
311
|
|
|
329
|
-
#wwa-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
312
|
+
#wwa-text-message-window,
|
|
313
|
+
.wwa-message-window, #wwa-battle-estimate, #wwa-password-window {
|
|
314
|
+
background-color: rgba(255, 255, 255, 0.9);
|
|
315
|
+
border: 2px solid #000;
|
|
316
|
+
border-radius: 10px;
|
|
317
|
+
box-sizing: border-box;
|
|
318
|
+
overflow: auto;
|
|
319
|
+
user-select: none;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
#wwa-battle-estimate, #wwa-password-window {
|
|
323
|
+
position: absolute;
|
|
324
|
+
top: 0;
|
|
325
|
+
left: 0;
|
|
326
|
+
margin: 20px;
|
|
327
|
+
width: 400px;
|
|
328
|
+
height: 400px;
|
|
329
|
+
cursor: pointer;
|
|
337
330
|
}
|
|
338
331
|
|
|
339
332
|
#wwa-text-message-window,
|
|
340
333
|
.wwa-message-window {
|
|
341
|
-
|
|
334
|
+
position: absolute;
|
|
342
335
|
}
|
|
343
336
|
|
|
344
337
|
#wwa-password-window {
|
|
345
|
-
|
|
338
|
+
font-size: 12px;
|
|
346
339
|
}
|
|
347
|
-
|
|
348
340
|
#wwa-password-window > div.wwa-password-description {
|
|
349
|
-
|
|
350
|
-
|
|
341
|
+
text-align: left;
|
|
342
|
+
padding: 8px;
|
|
351
343
|
}
|
|
352
|
-
|
|
353
344
|
#wwa-password-window > textarea {
|
|
354
|
-
|
|
345
|
+
font-size: inherit;
|
|
355
346
|
}
|
|
356
|
-
|
|
357
347
|
#wwa-password-window > div.wwa-password-submit {
|
|
358
|
-
|
|
359
|
-
|
|
348
|
+
padding: 4px;
|
|
349
|
+
box-sizing: border-box;
|
|
360
350
|
}
|
|
361
|
-
|
|
362
351
|
#wwa-password-window > div.wwa-password-submit button {
|
|
363
|
-
|
|
364
|
-
|
|
352
|
+
display: inline;
|
|
353
|
+
margin: 0 4px;
|
|
365
354
|
}
|
|
366
355
|
|
|
367
356
|
#wwa-battle-estimate {
|
|
368
|
-
|
|
357
|
+
font-size: 16px;
|
|
369
358
|
}
|
|
370
|
-
|
|
371
359
|
#wwa-battle-estimate > .est {
|
|
372
|
-
|
|
373
|
-
|
|
360
|
+
width: 100%;
|
|
361
|
+
height: 50px;
|
|
374
362
|
}
|
|
375
|
-
|
|
376
363
|
#wwa-battle-estimate > .est > .est-img-wrapper {
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
364
|
+
width: 40px;
|
|
365
|
+
height: 40px;
|
|
366
|
+
margin: 5px;
|
|
367
|
+
float: left;
|
|
381
368
|
}
|
|
382
|
-
|
|
383
369
|
#wwa-battle-estimate > .est > .est-status-wrapper {
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
370
|
+
height: 40px;
|
|
371
|
+
margin: 5px;
|
|
372
|
+
float: left;
|
|
373
|
+
text-align: left;
|
|
374
|
+
position: relative;
|
|
389
375
|
}
|
|
390
|
-
|
|
391
376
|
#wwa-battle-estimate > .est > .est-status-wrapper > div {
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
377
|
+
width: 140px;
|
|
378
|
+
height: 20px;
|
|
379
|
+
line-height: 20px;
|
|
380
|
+
position: absolute;
|
|
396
381
|
}
|
|
397
|
-
|
|
398
382
|
#wwa-battle-estimate > .est > .est-status-wrapper > .est-energy {
|
|
399
|
-
|
|
400
|
-
|
|
383
|
+
top: 0;
|
|
384
|
+
left: 0;
|
|
401
385
|
}
|
|
402
|
-
|
|
403
386
|
#wwa-battle-estimate > .est > .est-status-wrapper > .est-strength {
|
|
404
|
-
|
|
405
|
-
|
|
387
|
+
top: 0;
|
|
388
|
+
left: 140px;
|
|
406
389
|
}
|
|
407
|
-
|
|
408
390
|
#wwa-battle-estimate > .est > .est-status-wrapper > .est-defence {
|
|
409
|
-
|
|
410
|
-
|
|
391
|
+
top: 20px;
|
|
392
|
+
left: 0;
|
|
411
393
|
}
|
|
412
|
-
|
|
413
394
|
#wwa-battle-estimate > .est > .est-status-wrapper > .est-damage {
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
395
|
+
top: 20px;
|
|
396
|
+
left: 140px;
|
|
397
|
+
color: #FF0000;
|
|
398
|
+
white-space: nowrap;
|
|
418
399
|
}
|
|
419
|
-
|
|
420
400
|
#wwa-battle-estimate > .est:after {
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
401
|
+
content: "";
|
|
402
|
+
clear: left;
|
|
403
|
+
display: block;
|
|
404
|
+
height: 0;
|
|
405
|
+
visibility: hidden;
|
|
426
406
|
}
|
|
427
407
|
|
|
428
408
|
.wwa-yesno-wrapper {
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
409
|
+
margin: 0 0 10px 246px;
|
|
410
|
+
width: 80px;
|
|
411
|
+
height: 40px;
|
|
412
|
+
cursor: pointer;
|
|
433
413
|
}
|
|
434
414
|
|
|
435
415
|
.wwa-yes-button,
|
|
436
416
|
.wwa-no-button {
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
417
|
+
padding: 0;
|
|
418
|
+
margin: 0;
|
|
419
|
+
float: left;
|
|
420
|
+
width: 40px;
|
|
421
|
+
height: 40px;
|
|
442
422
|
}
|
|
443
423
|
|
|
444
424
|
#wwa-wrapper.useScaleUp #wwa-text-message-window {
|
|
445
|
-
|
|
425
|
+
overflow: hidden;
|
|
446
426
|
}
|
|
447
|
-
|
|
448
427
|
#wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper {
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
428
|
+
transform: scale(1.5, 1.5) translate(-30px, 20px);
|
|
429
|
+
image-rendering: pixelated;
|
|
430
|
+
width: 100px;
|
|
431
|
+
height: 80px !important;
|
|
453
432
|
}
|
|
454
|
-
|
|
455
433
|
#wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper .wwa-yes-button,
|
|
456
434
|
#wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper .wwa-no-button {
|
|
457
|
-
|
|
435
|
+
margin: 0 5px !important;
|
|
458
436
|
}
|
|
459
437
|
|
|
460
438
|
div.savedata {
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
439
|
+
display: inline-block;
|
|
440
|
+
text-align: center;
|
|
441
|
+
padding: 2px 17px;
|
|
442
|
+
vertical-align: middle;
|
|
443
|
+
font-size: 0;
|
|
444
|
+
border-width: 3px;
|
|
445
|
+
border-style: dotted;
|
|
446
|
+
border-color: transparent;
|
|
447
|
+
border-radius: 7px;
|
|
470
448
|
}
|
|
471
|
-
|
|
472
449
|
div.savedata.select {
|
|
473
|
-
|
|
450
|
+
border-color: #FF0000;
|
|
474
451
|
}
|
|
475
|
-
|
|
476
452
|
div.savedata > div.wide-cell-row {
|
|
477
|
-
|
|
478
|
-
|
|
453
|
+
position: relative;
|
|
454
|
+
pointer-events: none;
|
|
479
455
|
}
|
|
480
|
-
|
|
481
456
|
div.savedata > div.wide-cell-row > div.status-icon {
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
457
|
+
top: 0;
|
|
458
|
+
left: 6px;
|
|
459
|
+
padding: 0;
|
|
460
|
+
margin: 0;
|
|
486
461
|
}
|
|
487
|
-
|
|
488
462
|
div.savedata > div.ss {
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
463
|
+
display: inline-block;
|
|
464
|
+
padding: 0;
|
|
465
|
+
margin: 0px 4px 3px 4px;
|
|
466
|
+
position: relative;
|
|
467
|
+
pointer-events: none;
|
|
494
468
|
}
|
|
495
|
-
|
|
496
469
|
div.savedata > div.ss:empty {
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
470
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
471
|
+
width: 99px;
|
|
472
|
+
height: 99px;
|
|
500
473
|
}
|
|
501
|
-
|
|
502
474
|
div.savedata > div.ss > canvas {
|
|
503
|
-
|
|
475
|
+
display: inline-block;
|
|
504
476
|
}
|
|
505
|
-
|
|
506
477
|
div.savedata > div.ss > span {
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
478
|
+
display: inline-block;
|
|
479
|
+
font-size: 7px;
|
|
480
|
+
position: absolute;
|
|
481
|
+
bottom: 0;
|
|
482
|
+
right: 0;
|
|
483
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
484
|
+
color: white;
|
|
485
|
+
padding: 3px 7px;
|
|
515
486
|
}
|
|
516
487
|
|
|
517
488
|
.wwa-vardump-wrapper {
|
|
518
|
-
|
|
489
|
+
margin: 0 auto;
|
|
519
490
|
}
|
|
520
491
|
|
|
521
492
|
.wwa-vardump-wrapper > table {
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
493
|
+
margin: 0 auto;
|
|
494
|
+
text-align: center;
|
|
495
|
+
width: 560px;
|
|
525
496
|
}
|
|
526
497
|
|
|
527
498
|
.wwa-vardump-wrapper > table th.varlist-header {
|
|
528
|
-
|
|
499
|
+
background-color: orange;
|
|
529
500
|
}
|
|
530
501
|
|
|
531
502
|
.wwa-vardump-wrapper > table tr.var-number > th {
|
|
532
|
-
|
|
503
|
+
background-color: #FFFF66;
|
|
533
504
|
}
|
|
534
505
|
|
|
535
506
|
.wwa-vardump-wrapper > table tr.var-val > td {
|
|
536
|
-
|
|
507
|
+
background-color: #FFFFCC;
|
|
537
508
|
}
|
|
538
509
|
|
|
539
510
|
.wwa-vardump-wrapper > table th, .wwa-vardump-wrapper > table td {
|
|
540
|
-
|
|
511
|
+
width: 3em;
|
|
541
512
|
}
|
|
542
513
|
|
|
543
514
|
#wwa-virtualpad-left,
|
|
544
515
|
#wwa-virtualpad-right {
|
|
545
|
-
|
|
546
|
-
|
|
516
|
+
bottom: 0;
|
|
517
|
+
position: fixed;
|
|
547
518
|
}
|
|
548
519
|
|
|
549
520
|
#wwa-virtualpad-left {
|
|
550
|
-
|
|
521
|
+
left: 0;
|
|
551
522
|
}
|
|
552
|
-
|
|
553
523
|
#wwa-virtualpad-left .virtualpad_move button {
|
|
554
|
-
|
|
524
|
+
border-radius: 1rem;
|
|
555
525
|
}
|
|
556
526
|
|
|
557
527
|
#wwa-virtualpad-right {
|
|
558
|
-
|
|
528
|
+
right: 0;
|
|
559
529
|
}
|
|
560
|
-
|
|
561
530
|
#wwa-virtualpad-right .virtualpad_select button {
|
|
562
|
-
|
|
531
|
+
border-radius: 50%;
|
|
563
532
|
}
|
|
564
|
-
|
|
565
533
|
#wwa-virtualpad-right .virtualpad_speedcontrol button {
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
534
|
+
font-size: 30px;
|
|
535
|
+
height: 50px;
|
|
536
|
+
width: 90px;
|
|
569
537
|
}
|
|
570
538
|
|
|
571
539
|
#wwa-virtualpad-left button,
|
|
572
540
|
#wwa-virtualpad-right button {
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
541
|
+
background-color: #c0c0c0;
|
|
542
|
+
border: 0;
|
|
543
|
+
color: #000;
|
|
544
|
+
opacity: 0.75;
|
|
577
545
|
}
|
|
578
546
|
|
|
579
547
|
#wwa-virtualpad-left .virtualpad_move button,
|
|
580
548
|
#wwa-virtualpad-right .virtualpad_select button {
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
549
|
+
font-size: 50px;
|
|
550
|
+
height: 100px;
|
|
551
|
+
width: 100px;
|
|
584
552
|
}
|
|
585
553
|
|
|
586
554
|
#wwa-virtualpad-left .virtualpad_move,
|
|
587
555
|
#wwa-virtualpad-right .virtualpad_select,
|
|
588
556
|
#wwa-virtualpad-right .virtualpad_speedcontrol {
|
|
589
|
-
|
|
557
|
+
display: grid;
|
|
590
558
|
}
|
|
591
559
|
|
|
592
560
|
#wwa-virtualpad-left .virtualpad_move {
|
|
593
|
-
|
|
561
|
+
grid-template-columns: repeat(3, 1fr);
|
|
594
562
|
}
|
|
595
563
|
|
|
596
564
|
#wwa-virtualpad-right .virtualpad_select,
|
|
597
565
|
#wwa-virtualpad-right .virtualpad_speedcontrol {
|
|
598
|
-
|
|
566
|
+
grid-template-columns: repeat(2, 1fr);
|
|
599
567
|
}
|
|
600
568
|
|
|
601
569
|
#wwa-virtualpad-right .virtualpad_speedcontrol {
|
|
602
|
-
|
|
570
|
+
margin-bottom: 16px;
|
|
603
571
|
}
|
|
604
572
|
|
|
605
573
|
#wwa-top-button {
|
|
606
|
-
|
|
607
|
-
|
|
574
|
+
grid-column-start: 2;
|
|
575
|
+
grid-row-start: 1;
|
|
608
576
|
}
|
|
609
577
|
|
|
610
578
|
#wwa-left-button,
|
|
611
579
|
#wwa-right-button {
|
|
612
|
-
|
|
580
|
+
grid-row-start: 2;
|
|
613
581
|
}
|
|
614
582
|
|
|
615
583
|
#wwa-left-button {
|
|
616
|
-
|
|
584
|
+
grid-column-start: 1;
|
|
617
585
|
}
|
|
618
586
|
|
|
619
587
|
#wwa-right-button {
|
|
620
|
-
|
|
588
|
+
grid-column-start: 3;
|
|
621
589
|
}
|
|
622
590
|
|
|
623
591
|
#wwa-bottom-button {
|
|
624
|
-
|
|
625
|
-
|
|
592
|
+
grid-column-start: 2;
|
|
593
|
+
grid-row-start: 3;
|
|
626
594
|
}
|
|
627
595
|
|
|
628
596
|
#wwa-y-button {
|
|
629
|
-
|
|
630
|
-
|
|
597
|
+
grid-column-start: 2;
|
|
598
|
+
grid-row-start: 3;
|
|
631
599
|
}
|
|
632
600
|
|
|
633
601
|
#wwa-n-button {
|
|
634
|
-
|
|
635
|
-
|
|
602
|
+
grid-column-start: 1;
|
|
603
|
+
grid-row-start: 4;
|
|
636
604
|
}
|
|
637
605
|
|
|
638
606
|
#wwa-m-button {
|
|
639
|
-
|
|
640
|
-
|
|
607
|
+
grid-column-start: 1;
|
|
608
|
+
grid-row-start: 2;
|
|
641
609
|
}
|
|
642
610
|
|
|
643
611
|
#wwa-i-button {
|
|
644
|
-
|
|
612
|
+
border-radius: 1rem 0 0 1rem;
|
|
645
613
|
}
|
|
646
614
|
|
|
647
615
|
#wwa-p-button {
|
|
648
|
-
|
|
616
|
+
border-radius: 0 1rem 1rem 0;
|
|
649
617
|
}
|
|
650
618
|
|
|
651
619
|
/*
|
|
@@ -653,297 +621,260 @@ div.savedata > div.ss > span {
|
|
|
653
621
|
* アイテムボックスのエフェクトなど、一定条件で発生する、クラス指定の要素は別のSASSファイルをご利用ください。
|
|
654
622
|
*/
|
|
655
623
|
.wwa-yesno-wrapper {
|
|
656
|
-
|
|
624
|
+
z-index: 10;
|
|
657
625
|
}
|
|
658
626
|
|
|
659
627
|
canvas#wwa-map {
|
|
660
|
-
|
|
628
|
+
z-index: 100;
|
|
661
629
|
}
|
|
662
630
|
|
|
663
631
|
canvas#wwa-map-sub {
|
|
664
|
-
|
|
632
|
+
z-index: 101;
|
|
665
633
|
}
|
|
666
634
|
|
|
667
635
|
div#wwa-sidebar {
|
|
668
|
-
|
|
636
|
+
z-index: 102;
|
|
669
637
|
}
|
|
670
638
|
|
|
671
639
|
#disp-energy {
|
|
672
|
-
|
|
640
|
+
z-index: 103;
|
|
673
641
|
}
|
|
674
|
-
|
|
675
642
|
#disp-energy > .status-icon {
|
|
676
|
-
|
|
643
|
+
z-index: 140;
|
|
677
644
|
}
|
|
678
|
-
|
|
679
645
|
#disp-energy > .status-value-box {
|
|
680
|
-
|
|
646
|
+
z-index: 150;
|
|
681
647
|
}
|
|
682
648
|
|
|
683
649
|
#disp-strength {
|
|
684
|
-
|
|
650
|
+
z-index: 104;
|
|
685
651
|
}
|
|
686
|
-
|
|
687
652
|
#disp-strength > .status-icon {
|
|
688
|
-
|
|
653
|
+
z-index: 141;
|
|
689
654
|
}
|
|
690
|
-
|
|
691
655
|
#disp-strength > .status-value-box {
|
|
692
|
-
|
|
656
|
+
z-index: 151;
|
|
693
657
|
}
|
|
694
658
|
|
|
695
659
|
#disp-defence {
|
|
696
|
-
|
|
660
|
+
z-index: 105;
|
|
697
661
|
}
|
|
698
|
-
|
|
699
662
|
#disp-defence > .status-icon {
|
|
700
|
-
|
|
663
|
+
z-index: 142;
|
|
701
664
|
}
|
|
702
|
-
|
|
703
665
|
#disp-defence > .status-value-box {
|
|
704
|
-
|
|
666
|
+
z-index: 152;
|
|
705
667
|
}
|
|
706
668
|
|
|
707
669
|
#disp-gold {
|
|
708
|
-
|
|
670
|
+
z-index: 106;
|
|
709
671
|
}
|
|
710
|
-
|
|
711
672
|
#disp-gold > .status-icon {
|
|
712
|
-
|
|
673
|
+
z-index: 143;
|
|
713
674
|
}
|
|
714
|
-
|
|
715
675
|
#disp-gold > .status-value-box {
|
|
716
|
-
|
|
676
|
+
z-index: 153;
|
|
717
677
|
}
|
|
718
678
|
|
|
719
679
|
#item0 {
|
|
720
|
-
|
|
680
|
+
z-index: 107;
|
|
721
681
|
}
|
|
722
|
-
|
|
723
682
|
#item0 > .item-disp {
|
|
724
|
-
|
|
683
|
+
z-index: 160;
|
|
725
684
|
}
|
|
726
|
-
|
|
727
685
|
#item0 > .item-click-border {
|
|
728
|
-
|
|
686
|
+
z-index: 172;
|
|
729
687
|
}
|
|
730
688
|
|
|
731
689
|
#item1 {
|
|
732
|
-
|
|
690
|
+
z-index: 108;
|
|
733
691
|
}
|
|
734
|
-
|
|
735
692
|
#item1 > .item-disp {
|
|
736
|
-
|
|
693
|
+
z-index: 161;
|
|
737
694
|
}
|
|
738
|
-
|
|
739
695
|
#item1 > .item-click-border {
|
|
740
|
-
|
|
696
|
+
z-index: 173;
|
|
741
697
|
}
|
|
742
698
|
|
|
743
699
|
#item2 {
|
|
744
|
-
|
|
700
|
+
z-index: 109;
|
|
745
701
|
}
|
|
746
|
-
|
|
747
702
|
#item2 > .item-disp {
|
|
748
|
-
|
|
703
|
+
z-index: 162;
|
|
749
704
|
}
|
|
750
|
-
|
|
751
705
|
#item2 > .item-click-border {
|
|
752
|
-
|
|
706
|
+
z-index: 174;
|
|
753
707
|
}
|
|
754
708
|
|
|
755
709
|
#item3 {
|
|
756
|
-
|
|
710
|
+
z-index: 110;
|
|
757
711
|
}
|
|
758
|
-
|
|
759
712
|
#item3 > .item-disp {
|
|
760
|
-
|
|
713
|
+
z-index: 163;
|
|
761
714
|
}
|
|
762
|
-
|
|
763
715
|
#item3 > .item-click-border {
|
|
764
|
-
|
|
716
|
+
z-index: 175;
|
|
765
717
|
}
|
|
766
718
|
|
|
767
719
|
#item4 {
|
|
768
|
-
|
|
720
|
+
z-index: 111;
|
|
769
721
|
}
|
|
770
|
-
|
|
771
722
|
#item4 > .item-disp {
|
|
772
|
-
|
|
723
|
+
z-index: 164;
|
|
773
724
|
}
|
|
774
|
-
|
|
775
725
|
#item4 > .item-click-border {
|
|
776
|
-
|
|
726
|
+
z-index: 176;
|
|
777
727
|
}
|
|
778
728
|
|
|
779
729
|
#item5 {
|
|
780
|
-
|
|
730
|
+
z-index: 112;
|
|
781
731
|
}
|
|
782
|
-
|
|
783
732
|
#item5 > .item-disp {
|
|
784
|
-
|
|
733
|
+
z-index: 165;
|
|
785
734
|
}
|
|
786
|
-
|
|
787
735
|
#item5 > .item-click-border {
|
|
788
|
-
|
|
736
|
+
z-index: 177;
|
|
789
737
|
}
|
|
790
738
|
|
|
791
739
|
#item6 {
|
|
792
|
-
|
|
740
|
+
z-index: 113;
|
|
793
741
|
}
|
|
794
|
-
|
|
795
742
|
#item6 > .item-disp {
|
|
796
|
-
|
|
743
|
+
z-index: 166;
|
|
797
744
|
}
|
|
798
|
-
|
|
799
745
|
#item6 > .item-click-border {
|
|
800
|
-
|
|
746
|
+
z-index: 178;
|
|
801
747
|
}
|
|
802
748
|
|
|
803
749
|
#item7 {
|
|
804
|
-
|
|
750
|
+
z-index: 114;
|
|
805
751
|
}
|
|
806
|
-
|
|
807
752
|
#item7 > .item-disp {
|
|
808
|
-
|
|
753
|
+
z-index: 167;
|
|
809
754
|
}
|
|
810
|
-
|
|
811
755
|
#item7 > .item-click-border {
|
|
812
|
-
|
|
756
|
+
z-index: 179;
|
|
813
757
|
}
|
|
814
758
|
|
|
815
759
|
#item8 {
|
|
816
|
-
|
|
760
|
+
z-index: 115;
|
|
817
761
|
}
|
|
818
|
-
|
|
819
762
|
#item8 > .item-disp {
|
|
820
|
-
|
|
763
|
+
z-index: 168;
|
|
821
764
|
}
|
|
822
|
-
|
|
823
765
|
#item8 > .item-click-border {
|
|
824
|
-
|
|
766
|
+
z-index: 180;
|
|
825
767
|
}
|
|
826
768
|
|
|
827
769
|
#item9 {
|
|
828
|
-
|
|
770
|
+
z-index: 116;
|
|
829
771
|
}
|
|
830
|
-
|
|
831
772
|
#item9 > .item-disp {
|
|
832
|
-
|
|
773
|
+
z-index: 169;
|
|
833
774
|
}
|
|
834
|
-
|
|
835
775
|
#item9 > .item-click-border {
|
|
836
|
-
|
|
776
|
+
z-index: 181;
|
|
837
777
|
}
|
|
838
778
|
|
|
839
779
|
#item10 {
|
|
840
|
-
|
|
780
|
+
z-index: 117;
|
|
841
781
|
}
|
|
842
|
-
|
|
843
782
|
#item10 > .item-disp {
|
|
844
|
-
|
|
783
|
+
z-index: 170;
|
|
845
784
|
}
|
|
846
|
-
|
|
847
785
|
#item10 > .item-click-border {
|
|
848
|
-
|
|
786
|
+
z-index: 182;
|
|
849
787
|
}
|
|
850
788
|
|
|
851
789
|
#item11 {
|
|
852
|
-
|
|
790
|
+
z-index: 118;
|
|
853
791
|
}
|
|
854
|
-
|
|
855
792
|
#item11 > .item-disp {
|
|
856
|
-
|
|
793
|
+
z-index: 171;
|
|
857
794
|
}
|
|
858
|
-
|
|
859
795
|
#item11 > .item-click-border {
|
|
860
|
-
|
|
796
|
+
z-index: 183;
|
|
861
797
|
}
|
|
862
798
|
|
|
863
799
|
#cell-load {
|
|
864
|
-
|
|
800
|
+
z-index: 119;
|
|
865
801
|
}
|
|
866
802
|
|
|
867
803
|
#button-load {
|
|
868
|
-
|
|
804
|
+
z-index: 201;
|
|
869
805
|
}
|
|
870
806
|
|
|
871
807
|
#cell-save {
|
|
872
|
-
|
|
808
|
+
z-index: 120;
|
|
873
809
|
}
|
|
874
810
|
|
|
875
811
|
#button-save {
|
|
876
|
-
|
|
812
|
+
z-index: 202;
|
|
877
813
|
}
|
|
878
814
|
|
|
879
815
|
#cell-restart {
|
|
880
|
-
|
|
816
|
+
z-index: 121;
|
|
881
817
|
}
|
|
882
818
|
|
|
883
819
|
#button-restart {
|
|
884
|
-
|
|
820
|
+
z-index: 203;
|
|
885
821
|
}
|
|
886
822
|
|
|
887
823
|
#cell-gotowwa {
|
|
888
|
-
|
|
824
|
+
z-index: 122;
|
|
889
825
|
}
|
|
890
826
|
|
|
891
827
|
#button-gotowwa {
|
|
892
|
-
|
|
828
|
+
z-index: 204;
|
|
893
829
|
}
|
|
894
830
|
|
|
895
831
|
#wwa-controller {
|
|
896
|
-
|
|
832
|
+
z-index: 200;
|
|
897
833
|
}
|
|
898
834
|
|
|
899
835
|
#wwa-battle-estimate {
|
|
900
|
-
|
|
836
|
+
z-index: 230;
|
|
901
837
|
}
|
|
902
838
|
|
|
903
839
|
#wwa-password-window {
|
|
904
|
-
|
|
840
|
+
z-index: 231;
|
|
905
841
|
}
|
|
906
842
|
|
|
907
843
|
#wwa-fader {
|
|
908
|
-
|
|
844
|
+
z-index: 250;
|
|
909
845
|
}
|
|
910
846
|
|
|
911
847
|
#wwa-cover {
|
|
912
|
-
|
|
848
|
+
z-index: 300;
|
|
913
849
|
}
|
|
914
|
-
|
|
915
850
|
#wwa-cover > #progress-message-container {
|
|
916
|
-
|
|
851
|
+
z-index: 305;
|
|
917
852
|
}
|
|
918
|
-
|
|
919
853
|
#wwa-cover > #progress-bar-bg {
|
|
920
|
-
|
|
854
|
+
z-index: 310;
|
|
921
855
|
}
|
|
922
|
-
|
|
923
856
|
#wwa-cover > #progress-bar {
|
|
924
|
-
|
|
857
|
+
z-index: 315;
|
|
925
858
|
}
|
|
926
|
-
|
|
927
859
|
#wwa-cover > #progress-bar-audio {
|
|
928
|
-
|
|
860
|
+
z-index: 316;
|
|
929
861
|
}
|
|
930
|
-
|
|
931
862
|
#wwa-cover > #progress-disp {
|
|
932
|
-
|
|
863
|
+
z-index: 320;
|
|
933
864
|
}
|
|
934
865
|
|
|
935
866
|
#wwa-text-message-window {
|
|
936
|
-
|
|
867
|
+
z-index: 400;
|
|
937
868
|
}
|
|
938
869
|
|
|
939
870
|
#wwa-audio-wrapper {
|
|
940
|
-
|
|
871
|
+
z-index: -9999;
|
|
941
872
|
}
|
|
942
873
|
|
|
943
874
|
#wwa-virtualpad-left {
|
|
944
|
-
|
|
875
|
+
z-index: 500;
|
|
945
876
|
}
|
|
946
877
|
|
|
947
878
|
#wwa-virtualpad-right {
|
|
948
|
-
|
|
949
|
-
}
|
|
879
|
+
z-index: 501;
|
|
880
|
+
}
|