@wwawing/styles 3.6.6 → 3.6.12
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 +378 -378
- package/output/wwa_classic.css +393 -393
- 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,578 @@ 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
504
|
}
|
|
505
505
|
|
|
506
506
|
.wwa-vardump-wrapper > table tr.var-val > td {
|
|
507
|
-
|
|
507
|
+
background-color: #FFFFCC;
|
|
508
508
|
}
|
|
509
509
|
|
|
510
510
|
.wwa-vardump-wrapper > table th, .wwa-vardump-wrapper > table td {
|
|
511
|
-
|
|
511
|
+
width: 3em;
|
|
512
512
|
}
|
|
513
513
|
|
|
514
514
|
#wwa-virtualpad-left,
|
|
515
515
|
#wwa-virtualpad-right {
|
|
516
|
-
|
|
517
|
-
|
|
516
|
+
bottom: 0;
|
|
517
|
+
position: fixed;
|
|
518
518
|
}
|
|
519
519
|
|
|
520
520
|
#wwa-virtualpad-left {
|
|
521
|
-
|
|
521
|
+
left: 0;
|
|
522
522
|
}
|
|
523
523
|
#wwa-virtualpad-left .virtualpad_move button {
|
|
524
|
-
|
|
524
|
+
border-radius: 1rem;
|
|
525
525
|
}
|
|
526
526
|
|
|
527
527
|
#wwa-virtualpad-right {
|
|
528
|
-
|
|
528
|
+
right: 0;
|
|
529
529
|
}
|
|
530
530
|
#wwa-virtualpad-right .virtualpad_select button {
|
|
531
|
-
|
|
531
|
+
border-radius: 50%;
|
|
532
532
|
}
|
|
533
533
|
#wwa-virtualpad-right .virtualpad_speedcontrol button {
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
534
|
+
font-size: 30px;
|
|
535
|
+
height: 50px;
|
|
536
|
+
width: 90px;
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
#wwa-virtualpad-left button,
|
|
540
540
|
#wwa-virtualpad-right button {
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
541
|
+
background-color: #c0c0c0;
|
|
542
|
+
border: 0;
|
|
543
|
+
color: #000;
|
|
544
|
+
opacity: 0.75;
|
|
545
545
|
}
|
|
546
546
|
|
|
547
547
|
#wwa-virtualpad-left .virtualpad_move button,
|
|
548
548
|
#wwa-virtualpad-right .virtualpad_select button {
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
549
|
+
font-size: 50px;
|
|
550
|
+
height: 100px;
|
|
551
|
+
width: 100px;
|
|
552
552
|
}
|
|
553
553
|
|
|
554
554
|
#wwa-virtualpad-left .virtualpad_move,
|
|
555
555
|
#wwa-virtualpad-right .virtualpad_select,
|
|
556
556
|
#wwa-virtualpad-right .virtualpad_speedcontrol {
|
|
557
|
-
|
|
557
|
+
display: grid;
|
|
558
558
|
}
|
|
559
559
|
|
|
560
560
|
#wwa-virtualpad-left .virtualpad_move {
|
|
561
|
-
|
|
561
|
+
grid-template-columns: repeat(3, 1fr);
|
|
562
562
|
}
|
|
563
563
|
|
|
564
564
|
#wwa-virtualpad-right .virtualpad_select,
|
|
565
565
|
#wwa-virtualpad-right .virtualpad_speedcontrol {
|
|
566
|
-
|
|
566
|
+
grid-template-columns: repeat(2, 1fr);
|
|
567
567
|
}
|
|
568
568
|
|
|
569
569
|
#wwa-virtualpad-right .virtualpad_speedcontrol {
|
|
570
|
-
|
|
570
|
+
margin-bottom: 16px;
|
|
571
571
|
}
|
|
572
572
|
|
|
573
573
|
#wwa-top-button {
|
|
574
|
-
|
|
575
|
-
|
|
574
|
+
grid-column-start: 2;
|
|
575
|
+
grid-row-start: 1;
|
|
576
576
|
}
|
|
577
577
|
|
|
578
578
|
#wwa-left-button,
|
|
579
579
|
#wwa-right-button {
|
|
580
|
-
|
|
580
|
+
grid-row-start: 2;
|
|
581
581
|
}
|
|
582
582
|
|
|
583
583
|
#wwa-left-button {
|
|
584
|
-
|
|
584
|
+
grid-column-start: 1;
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
#wwa-right-button {
|
|
588
|
-
|
|
588
|
+
grid-column-start: 3;
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
#wwa-bottom-button {
|
|
592
|
-
|
|
593
|
-
|
|
592
|
+
grid-column-start: 2;
|
|
593
|
+
grid-row-start: 3;
|
|
594
594
|
}
|
|
595
595
|
|
|
596
596
|
#wwa-y-button {
|
|
597
|
-
|
|
598
|
-
|
|
597
|
+
grid-column-start: 2;
|
|
598
|
+
grid-row-start: 3;
|
|
599
599
|
}
|
|
600
600
|
|
|
601
601
|
#wwa-n-button {
|
|
602
|
-
|
|
603
|
-
|
|
602
|
+
grid-column-start: 1;
|
|
603
|
+
grid-row-start: 4;
|
|
604
604
|
}
|
|
605
605
|
|
|
606
606
|
#wwa-m-button {
|
|
607
|
-
|
|
608
|
-
|
|
607
|
+
grid-column-start: 1;
|
|
608
|
+
grid-row-start: 2;
|
|
609
609
|
}
|
|
610
610
|
|
|
611
611
|
#wwa-i-button {
|
|
612
|
-
|
|
612
|
+
border-radius: 1rem 0 0 1rem;
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
#wwa-p-button {
|
|
616
|
-
|
|
616
|
+
border-radius: 0 1rem 1rem 0;
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
/*
|
|
@@ -621,260 +621,260 @@ div.savedata > div.ss > span {
|
|
|
621
621
|
* アイテムボックスのエフェクトなど、一定条件で発生する、クラス指定の要素は別のSASSファイルをご利用ください。
|
|
622
622
|
*/
|
|
623
623
|
.wwa-yesno-wrapper {
|
|
624
|
-
|
|
624
|
+
z-index: 10;
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
canvas#wwa-map {
|
|
628
|
-
|
|
628
|
+
z-index: 100;
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
canvas#wwa-map-sub {
|
|
632
|
-
|
|
632
|
+
z-index: 101;
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
div#wwa-sidebar {
|
|
636
|
-
|
|
636
|
+
z-index: 102;
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
#disp-energy {
|
|
640
|
-
|
|
640
|
+
z-index: 103;
|
|
641
641
|
}
|
|
642
642
|
#disp-energy > .status-icon {
|
|
643
|
-
|
|
643
|
+
z-index: 140;
|
|
644
644
|
}
|
|
645
645
|
#disp-energy > .status-value-box {
|
|
646
|
-
|
|
646
|
+
z-index: 150;
|
|
647
647
|
}
|
|
648
648
|
|
|
649
649
|
#disp-strength {
|
|
650
|
-
|
|
650
|
+
z-index: 104;
|
|
651
651
|
}
|
|
652
652
|
#disp-strength > .status-icon {
|
|
653
|
-
|
|
653
|
+
z-index: 141;
|
|
654
654
|
}
|
|
655
655
|
#disp-strength > .status-value-box {
|
|
656
|
-
|
|
656
|
+
z-index: 151;
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
#disp-defence {
|
|
660
|
-
|
|
660
|
+
z-index: 105;
|
|
661
661
|
}
|
|
662
662
|
#disp-defence > .status-icon {
|
|
663
|
-
|
|
663
|
+
z-index: 142;
|
|
664
664
|
}
|
|
665
665
|
#disp-defence > .status-value-box {
|
|
666
|
-
|
|
666
|
+
z-index: 152;
|
|
667
667
|
}
|
|
668
668
|
|
|
669
669
|
#disp-gold {
|
|
670
|
-
|
|
670
|
+
z-index: 106;
|
|
671
671
|
}
|
|
672
672
|
#disp-gold > .status-icon {
|
|
673
|
-
|
|
673
|
+
z-index: 143;
|
|
674
674
|
}
|
|
675
675
|
#disp-gold > .status-value-box {
|
|
676
|
-
|
|
676
|
+
z-index: 153;
|
|
677
677
|
}
|
|
678
678
|
|
|
679
679
|
#item0 {
|
|
680
|
-
|
|
680
|
+
z-index: 107;
|
|
681
681
|
}
|
|
682
682
|
#item0 > .item-disp {
|
|
683
|
-
|
|
683
|
+
z-index: 160;
|
|
684
684
|
}
|
|
685
685
|
#item0 > .item-click-border {
|
|
686
|
-
|
|
686
|
+
z-index: 172;
|
|
687
687
|
}
|
|
688
688
|
|
|
689
689
|
#item1 {
|
|
690
|
-
|
|
690
|
+
z-index: 108;
|
|
691
691
|
}
|
|
692
692
|
#item1 > .item-disp {
|
|
693
|
-
|
|
693
|
+
z-index: 161;
|
|
694
694
|
}
|
|
695
695
|
#item1 > .item-click-border {
|
|
696
|
-
|
|
696
|
+
z-index: 173;
|
|
697
697
|
}
|
|
698
698
|
|
|
699
699
|
#item2 {
|
|
700
|
-
|
|
700
|
+
z-index: 109;
|
|
701
701
|
}
|
|
702
702
|
#item2 > .item-disp {
|
|
703
|
-
|
|
703
|
+
z-index: 162;
|
|
704
704
|
}
|
|
705
705
|
#item2 > .item-click-border {
|
|
706
|
-
|
|
706
|
+
z-index: 174;
|
|
707
707
|
}
|
|
708
708
|
|
|
709
709
|
#item3 {
|
|
710
|
-
|
|
710
|
+
z-index: 110;
|
|
711
711
|
}
|
|
712
712
|
#item3 > .item-disp {
|
|
713
|
-
|
|
713
|
+
z-index: 163;
|
|
714
714
|
}
|
|
715
715
|
#item3 > .item-click-border {
|
|
716
|
-
|
|
716
|
+
z-index: 175;
|
|
717
717
|
}
|
|
718
718
|
|
|
719
719
|
#item4 {
|
|
720
|
-
|
|
720
|
+
z-index: 111;
|
|
721
721
|
}
|
|
722
722
|
#item4 > .item-disp {
|
|
723
|
-
|
|
723
|
+
z-index: 164;
|
|
724
724
|
}
|
|
725
725
|
#item4 > .item-click-border {
|
|
726
|
-
|
|
726
|
+
z-index: 176;
|
|
727
727
|
}
|
|
728
728
|
|
|
729
729
|
#item5 {
|
|
730
|
-
|
|
730
|
+
z-index: 112;
|
|
731
731
|
}
|
|
732
732
|
#item5 > .item-disp {
|
|
733
|
-
|
|
733
|
+
z-index: 165;
|
|
734
734
|
}
|
|
735
735
|
#item5 > .item-click-border {
|
|
736
|
-
|
|
736
|
+
z-index: 177;
|
|
737
737
|
}
|
|
738
738
|
|
|
739
739
|
#item6 {
|
|
740
|
-
|
|
740
|
+
z-index: 113;
|
|
741
741
|
}
|
|
742
742
|
#item6 > .item-disp {
|
|
743
|
-
|
|
743
|
+
z-index: 166;
|
|
744
744
|
}
|
|
745
745
|
#item6 > .item-click-border {
|
|
746
|
-
|
|
746
|
+
z-index: 178;
|
|
747
747
|
}
|
|
748
748
|
|
|
749
749
|
#item7 {
|
|
750
|
-
|
|
750
|
+
z-index: 114;
|
|
751
751
|
}
|
|
752
752
|
#item7 > .item-disp {
|
|
753
|
-
|
|
753
|
+
z-index: 167;
|
|
754
754
|
}
|
|
755
755
|
#item7 > .item-click-border {
|
|
756
|
-
|
|
756
|
+
z-index: 179;
|
|
757
757
|
}
|
|
758
758
|
|
|
759
759
|
#item8 {
|
|
760
|
-
|
|
760
|
+
z-index: 115;
|
|
761
761
|
}
|
|
762
762
|
#item8 > .item-disp {
|
|
763
|
-
|
|
763
|
+
z-index: 168;
|
|
764
764
|
}
|
|
765
765
|
#item8 > .item-click-border {
|
|
766
|
-
|
|
766
|
+
z-index: 180;
|
|
767
767
|
}
|
|
768
768
|
|
|
769
769
|
#item9 {
|
|
770
|
-
|
|
770
|
+
z-index: 116;
|
|
771
771
|
}
|
|
772
772
|
#item9 > .item-disp {
|
|
773
|
-
|
|
773
|
+
z-index: 169;
|
|
774
774
|
}
|
|
775
775
|
#item9 > .item-click-border {
|
|
776
|
-
|
|
776
|
+
z-index: 181;
|
|
777
777
|
}
|
|
778
778
|
|
|
779
779
|
#item10 {
|
|
780
|
-
|
|
780
|
+
z-index: 117;
|
|
781
781
|
}
|
|
782
782
|
#item10 > .item-disp {
|
|
783
|
-
|
|
783
|
+
z-index: 170;
|
|
784
784
|
}
|
|
785
785
|
#item10 > .item-click-border {
|
|
786
|
-
|
|
786
|
+
z-index: 182;
|
|
787
787
|
}
|
|
788
788
|
|
|
789
789
|
#item11 {
|
|
790
|
-
|
|
790
|
+
z-index: 118;
|
|
791
791
|
}
|
|
792
792
|
#item11 > .item-disp {
|
|
793
|
-
|
|
793
|
+
z-index: 171;
|
|
794
794
|
}
|
|
795
795
|
#item11 > .item-click-border {
|
|
796
|
-
|
|
796
|
+
z-index: 183;
|
|
797
797
|
}
|
|
798
798
|
|
|
799
799
|
#cell-load {
|
|
800
|
-
|
|
800
|
+
z-index: 119;
|
|
801
801
|
}
|
|
802
802
|
|
|
803
803
|
#button-load {
|
|
804
|
-
|
|
804
|
+
z-index: 201;
|
|
805
805
|
}
|
|
806
806
|
|
|
807
807
|
#cell-save {
|
|
808
|
-
|
|
808
|
+
z-index: 120;
|
|
809
809
|
}
|
|
810
810
|
|
|
811
811
|
#button-save {
|
|
812
|
-
|
|
812
|
+
z-index: 202;
|
|
813
813
|
}
|
|
814
814
|
|
|
815
815
|
#cell-restart {
|
|
816
|
-
|
|
816
|
+
z-index: 121;
|
|
817
817
|
}
|
|
818
818
|
|
|
819
819
|
#button-restart {
|
|
820
|
-
|
|
820
|
+
z-index: 203;
|
|
821
821
|
}
|
|
822
822
|
|
|
823
823
|
#cell-gotowwa {
|
|
824
|
-
|
|
824
|
+
z-index: 122;
|
|
825
825
|
}
|
|
826
826
|
|
|
827
827
|
#button-gotowwa {
|
|
828
|
-
|
|
828
|
+
z-index: 204;
|
|
829
829
|
}
|
|
830
830
|
|
|
831
831
|
#wwa-controller {
|
|
832
|
-
|
|
832
|
+
z-index: 200;
|
|
833
833
|
}
|
|
834
834
|
|
|
835
835
|
#wwa-battle-estimate {
|
|
836
|
-
|
|
836
|
+
z-index: 230;
|
|
837
837
|
}
|
|
838
838
|
|
|
839
839
|
#wwa-password-window {
|
|
840
|
-
|
|
840
|
+
z-index: 231;
|
|
841
841
|
}
|
|
842
842
|
|
|
843
843
|
#wwa-fader {
|
|
844
|
-
|
|
844
|
+
z-index: 250;
|
|
845
845
|
}
|
|
846
846
|
|
|
847
847
|
#wwa-cover {
|
|
848
|
-
|
|
848
|
+
z-index: 300;
|
|
849
849
|
}
|
|
850
850
|
#wwa-cover > #progress-message-container {
|
|
851
|
-
|
|
851
|
+
z-index: 305;
|
|
852
852
|
}
|
|
853
853
|
#wwa-cover > #progress-bar-bg {
|
|
854
|
-
|
|
854
|
+
z-index: 310;
|
|
855
855
|
}
|
|
856
856
|
#wwa-cover > #progress-bar {
|
|
857
|
-
|
|
857
|
+
z-index: 315;
|
|
858
858
|
}
|
|
859
859
|
#wwa-cover > #progress-bar-audio {
|
|
860
|
-
|
|
860
|
+
z-index: 316;
|
|
861
861
|
}
|
|
862
862
|
#wwa-cover > #progress-disp {
|
|
863
|
-
|
|
863
|
+
z-index: 320;
|
|
864
864
|
}
|
|
865
865
|
|
|
866
866
|
#wwa-text-message-window {
|
|
867
|
-
|
|
867
|
+
z-index: 400;
|
|
868
868
|
}
|
|
869
869
|
|
|
870
870
|
#wwa-audio-wrapper {
|
|
871
|
-
|
|
871
|
+
z-index: -9999;
|
|
872
872
|
}
|
|
873
873
|
|
|
874
874
|
#wwa-virtualpad-left {
|
|
875
|
-
|
|
875
|
+
z-index: 500;
|
|
876
876
|
}
|
|
877
877
|
|
|
878
878
|
#wwa-virtualpad-right {
|
|
879
|
-
|
|
879
|
+
z-index: 501;
|
|
880
880
|
}
|