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