@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.
@@ -6,35 +6,35 @@
6
6
  フォントやフォントサイズは自由に変更できます。
7
7
  */
8
8
  .wwa-size-box {
9
- width: 560px;
10
- height: 440px;
11
- font-size: 18px;
12
- font-family: "MS ゴシック", "Osaka-mono", monospace;
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;
9
+ width: 560px;
10
+ height: 440px;
11
+ font-size: 18px;
12
+ font-family: "MS ゴシック", "Osaka-mono", monospace;
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
- position: relative;
23
- margin: 0 auto;
24
- text-align: center;
22
+ position: relative;
23
+ margin: 0 auto;
24
+ text-align: center;
25
25
  }
26
26
 
27
27
  #wwa-audio-wrapper, #wwa-controller {
28
- position: absolute;
29
- top: 0;
30
- left: 0;
31
- width: 440px;
32
- height: 440px;
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
- display: none;
37
- overflow: hidden;
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
- width: 120px;
46
- height: 35px;
47
- line-height: 35px;
48
- font-size: 18px;
45
+ width: 120px;
46
+ height: 35px;
47
+ line-height: 35px;
48
+ font-size: 18px;
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
- position: absolute;
53
- width: 40px;
54
- height: 40px;
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
- margin: 3px 0 0 3px;
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
- position: absolute;
62
+ position: absolute;
63
63
  }
64
64
 
65
65
  div#wwa-sidebar {
66
- position: absolute;
67
- top: 0px;
68
- left: 440px;
69
- width: 120px;
70
- height: 440px;
71
- background-color: #000000;
72
- font-family: "MS Pゴシック", "Osaka", sans-serif;
66
+ position: absolute;
67
+ top: 0px;
68
+ left: 440px;
69
+ width: 120px;
70
+ height: 440px;
71
+ background-color: #000000;
72
+ font-family: "MS Pゴシック", "Osaka", sans-serif;
73
73
  }
74
74
  div.status-icon {
75
- width: 40px;
76
- height: 35px;
77
- margin-left: 6px;
75
+ width: 40px;
76
+ height: 35px;
77
+ margin-left: 6px;
78
78
  }
79
79
 
80
80
  div.status-value-box {
81
- top: 0;
82
- left: 0;
83
- padding-left: 46px;
84
- box-sizing: border-box;
85
- text-align: center;
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
- top: 0;
90
- left: 0;
89
+ top: 0;
90
+ left: 0;
91
91
  }
92
92
 
93
93
  div.item-disp {
94
- top: 0;
95
- left: 0;
94
+ top: 0;
95
+ left: 0;
96
96
  }
97
97
 
98
98
  .item-overwritten {
99
- width: 40px;
100
- height: 40px;
101
- z-index: 0 !important;
99
+ width: 40px;
100
+ height: 40px;
101
+ z-index: 0 !important;
102
102
  }
103
103
 
104
104
  .item-transitioning {
105
- z-index: 240 !important;
105
+ z-index: 240 !important;
106
106
  }
107
107
 
108
108
  .wide-button {
109
- cursor: pointer;
109
+ cursor: pointer;
110
110
  }
111
111
 
112
112
  #disp-energy {
113
- top: 0;
114
- left: 0px;
113
+ top: 0;
114
+ left: 0px;
115
115
  }
116
116
 
117
117
  #disp-strength {
118
- top: 35px;
119
- left: 0px;
118
+ top: 35px;
119
+ left: 0px;
120
120
  }
121
121
 
122
122
  #disp-defence {
123
- top: 70px;
124
- left: 0px;
123
+ top: 70px;
124
+ left: 0px;
125
125
  }
126
126
 
127
127
  #disp-gold {
128
- top: 105px;
129
- left: 0px;
128
+ top: 105px;
129
+ left: 0px;
130
130
  }
131
131
 
132
132
  #item0 {
133
- top: 140px;
134
- left: 0px;
133
+ top: 140px;
134
+ left: 0px;
135
135
  }
136
136
 
137
137
  #item1 {
138
- top: 140px;
139
- left: 40px;
138
+ top: 140px;
139
+ left: 40px;
140
140
  }
141
141
 
142
142
  #item2 {
143
- top: 140px;
144
- left: 80px;
143
+ top: 140px;
144
+ left: 80px;
145
145
  }
146
146
 
147
147
  #item3 {
148
- top: 180px;
149
- left: 0px;
148
+ top: 180px;
149
+ left: 0px;
150
150
  }
151
151
 
152
152
  #item4 {
153
- top: 180px;
154
- left: 40px;
153
+ top: 180px;
154
+ left: 40px;
155
155
  }
156
156
 
157
157
  #item5 {
158
- top: 180px;
159
- left: 80px;
158
+ top: 180px;
159
+ left: 80px;
160
160
  }
161
161
 
162
162
  #item6 {
163
- top: 220px;
164
- left: 0px;
163
+ top: 220px;
164
+ left: 0px;
165
165
  }
166
166
 
167
167
  #item7 {
168
- top: 220px;
169
- left: 40px;
168
+ top: 220px;
169
+ left: 40px;
170
170
  }
171
171
 
172
172
  #item8 {
173
- top: 220px;
174
- left: 80px;
173
+ top: 220px;
174
+ left: 80px;
175
175
  }
176
176
 
177
177
  #item9 {
178
- top: 260px;
179
- left: 0px;
178
+ top: 260px;
179
+ left: 0px;
180
180
  }
181
181
 
182
182
  #item10 {
183
- top: 260px;
184
- left: 40px;
183
+ top: 260px;
184
+ left: 40px;
185
185
  }
186
186
 
187
187
  #item11 {
188
- top: 260px;
189
- left: 80px;
188
+ top: 260px;
189
+ left: 80px;
190
190
  }
191
191
 
192
192
  #cell-load {
193
- top: 300px;
194
- left: 0px;
193
+ top: 300px;
194
+ left: 0px;
195
195
  }
196
196
 
197
197
  #button-load {
198
- top: 300px;
199
- left: 0px;
198
+ top: 300px;
199
+ left: 0px;
200
200
  }
201
201
 
202
202
  #cell-save {
203
- top: 335px;
204
- left: 0px;
203
+ top: 335px;
204
+ left: 0px;
205
205
  }
206
206
 
207
207
  #button-save {
208
- top: 335px;
209
- left: 0px;
208
+ top: 335px;
209
+ left: 0px;
210
210
  }
211
211
 
212
212
  #cell-restart {
213
- top: 370px;
214
- left: 0px;
213
+ top: 370px;
214
+ left: 0px;
215
215
  }
216
216
 
217
217
  #button-restart {
218
- top: 370px;
219
- left: 0px;
218
+ top: 370px;
219
+ left: 0px;
220
220
  }
221
221
 
222
222
  #cell-gotowwa {
223
- top: 405px;
224
- left: 0px;
223
+ top: 405px;
224
+ left: 0px;
225
225
  }
226
226
 
227
227
  #button-gotowwa {
228
- top: 405px;
229
- left: 0px;
228
+ top: 405px;
229
+ left: 0px;
230
230
  }
231
231
 
232
232
  canvas.wwa-canvas {
233
- display: block;
234
- position: absolute;
233
+ display: block;
234
+ position: absolute;
235
235
  }
236
236
 
237
237
  #wwa-cover {
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;
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
- position: absolute;
249
- bottom: 32px;
250
- height: 16px;
251
- text-align: left;
252
- padding-left: 4px;
253
- color: #000000;
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
- position: absolute;
257
- bottom: 16px;
258
- height: 16px;
259
- text-align: left;
260
- padding-left: 4px;
261
- color: #000000;
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
- position: absolute;
265
- bottom: 0;
266
- left: 0;
267
- width: auto;
268
- height: 16px;
269
- background-color: #00ff90;
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
- position: absolute;
273
- bottom: 0;
274
- left: 0;
275
- width: 560px;
276
- height: 16px;
277
- background-color: #808080;
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
- position: absolute;
281
- bottom: 0;
282
- left: 0;
283
- width: auto;
284
- height: 16px;
285
- background-color: #008aff;
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
- 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;
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
- 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;
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
- 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;
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
- position: absolute;
324
- top: 0;
325
- left: 0;
326
- margin: 20px;
327
- width: 400px;
328
- height: 400px;
329
- cursor: pointer;
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
- position: absolute;
334
+ position: absolute;
335
335
  }
336
336
 
337
337
  #wwa-password-window {
338
- font-size: 12px;
338
+ font-size: 12px;
339
339
  }
340
340
  #wwa-password-window > div.wwa-password-description {
341
- text-align: left;
342
- padding: 8px;
341
+ text-align: left;
342
+ padding: 8px;
343
343
  }
344
344
  #wwa-password-window > textarea {
345
- font-size: inherit;
345
+ font-size: inherit;
346
346
  }
347
347
  #wwa-password-window > div.wwa-password-submit {
348
- padding: 4px;
349
- box-sizing: border-box;
348
+ padding: 4px;
349
+ box-sizing: border-box;
350
350
  }
351
351
  #wwa-password-window > div.wwa-password-submit button {
352
- display: inline;
353
- margin: 0 4px;
352
+ display: inline;
353
+ margin: 0 4px;
354
354
  }
355
355
 
356
356
  #wwa-battle-estimate {
357
- font-size: 16px;
357
+ font-size: 16px;
358
358
  }
359
359
  #wwa-battle-estimate > .est {
360
- width: 100%;
361
- height: 50px;
360
+ width: 100%;
361
+ height: 50px;
362
362
  }
363
363
  #wwa-battle-estimate > .est > .est-img-wrapper {
364
- width: 40px;
365
- height: 40px;
366
- margin: 5px;
367
- float: left;
364
+ width: 40px;
365
+ height: 40px;
366
+ margin: 5px;
367
+ float: left;
368
368
  }
369
369
  #wwa-battle-estimate > .est > .est-status-wrapper {
370
- height: 40px;
371
- margin: 5px;
372
- float: left;
373
- text-align: left;
374
- position: relative;
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
- width: 140px;
378
- height: 20px;
379
- line-height: 20px;
380
- position: absolute;
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
- top: 0;
384
- left: 0;
383
+ top: 0;
384
+ left: 0;
385
385
  }
386
386
  #wwa-battle-estimate > .est > .est-status-wrapper > .est-strength {
387
- top: 0;
388
- left: 140px;
387
+ top: 0;
388
+ left: 140px;
389
389
  }
390
390
  #wwa-battle-estimate > .est > .est-status-wrapper > .est-defence {
391
- top: 20px;
392
- left: 0;
391
+ top: 20px;
392
+ left: 0;
393
393
  }
394
394
  #wwa-battle-estimate > .est > .est-status-wrapper > .est-damage {
395
- top: 20px;
396
- left: 140px;
397
- color: #FF0000;
398
- white-space: nowrap;
395
+ top: 20px;
396
+ left: 140px;
397
+ color: #FF0000;
398
+ white-space: nowrap;
399
399
  }
400
400
  #wwa-battle-estimate > .est:after {
401
- content: "";
402
- clear: left;
403
- display: block;
404
- height: 0;
405
- visibility: hidden;
401
+ content: "";
402
+ clear: left;
403
+ display: block;
404
+ height: 0;
405
+ visibility: hidden;
406
406
  }
407
407
 
408
408
  .wwa-yesno-wrapper {
409
- margin: 0 0 10px 246px;
410
- width: 80px;
411
- height: 40px;
412
- cursor: pointer;
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
- padding: 0;
418
- margin: 0;
419
- float: left;
420
- width: 40px;
421
- height: 40px;
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
- overflow: hidden;
425
+ overflow: hidden;
426
426
  }
427
427
  #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper {
428
- transform: scale(1.5, 1.5) translate(-30px, 20px);
429
- image-rendering: pixelated;
430
- width: 100px;
431
- height: 80px !important;
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
- margin: 0 5px !important;
435
+ margin: 0 5px !important;
436
436
  }
437
437
 
438
438
  div.savedata {
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;
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
- border-color: #FF0000;
450
+ border-color: #FF0000;
451
451
  }
452
452
  div.savedata > div.wide-cell-row {
453
- position: relative;
454
- pointer-events: none;
453
+ position: relative;
454
+ pointer-events: none;
455
455
  }
456
456
  div.savedata > div.wide-cell-row > div.status-icon {
457
- top: 0;
458
- left: 6px;
459
- padding: 0;
460
- margin: 0;
457
+ top: 0;
458
+ left: 6px;
459
+ padding: 0;
460
+ margin: 0;
461
461
  }
462
462
  div.savedata > div.ss {
463
- display: inline-block;
464
- padding: 0;
465
- margin: 0px 4px 3px 4px;
466
- position: relative;
467
- pointer-events: none;
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
- background-color: rgba(0, 0, 0, 0.2);
471
- width: 99px;
472
- height: 99px;
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
- display: inline-block;
475
+ display: inline-block;
476
476
  }
477
477
  div.savedata > div.ss > span {
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;
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
- margin: 0 auto;
489
+ margin: 0 auto;
490
490
  }
491
491
 
492
492
  .wwa-vardump-wrapper > table {
493
- margin: 0 auto;
494
- text-align: center;
495
- width: 560px;
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
- background-color: orange;
499
+ background-color: orange;
500
500
  }
501
501
 
502
502
  .wwa-vardump-wrapper > table tr.var-number > th {
503
- background-color: #FFFF66;
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
- background-color: #FFFFCC;
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
- width: 3em;
534
+ width: 3em;
512
535
  }
513
536
 
514
537
  #wwa-virtualpad-left,
515
538
  #wwa-virtualpad-right {
516
- bottom: 0;
517
- position: fixed;
539
+ bottom: 0;
540
+ position: fixed;
518
541
  }
519
542
 
520
543
  #wwa-virtualpad-left {
521
- left: 0;
544
+ left: 0;
522
545
  }
523
546
  #wwa-virtualpad-left .virtualpad_move button {
524
- border-radius: 1rem;
547
+ border-radius: 1rem;
525
548
  }
526
549
 
527
550
  #wwa-virtualpad-right {
528
- right: 0;
551
+ right: 0;
529
552
  }
530
553
  #wwa-virtualpad-right .virtualpad_select button {
531
- border-radius: 50%;
554
+ border-radius: 50%;
532
555
  }
533
556
  #wwa-virtualpad-right .virtualpad_speedcontrol button {
534
- font-size: 30px;
535
- height: 50px;
536
- width: 90px;
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
- background-color: #c0c0c0;
542
- border: 0;
543
- color: #000;
544
- opacity: 0.75;
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
- font-size: 50px;
550
- height: 100px;
551
- width: 100px;
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
- display: grid;
580
+ display: grid;
558
581
  }
559
582
 
560
583
  #wwa-virtualpad-left .virtualpad_move {
561
- grid-template-columns: repeat(3, 1fr);
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
- grid-template-columns: repeat(2, 1fr);
589
+ grid-template-columns: repeat(2, 1fr);
567
590
  }
568
591
 
569
592
  #wwa-virtualpad-right .virtualpad_speedcontrol {
570
- margin-bottom: 16px;
593
+ margin-bottom: 16px;
571
594
  }
572
595
 
573
596
  #wwa-top-button {
574
- grid-column-start: 2;
575
- grid-row-start: 1;
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
- grid-row-start: 2;
603
+ grid-row-start: 2;
581
604
  }
582
605
 
583
606
  #wwa-left-button {
584
- grid-column-start: 1;
607
+ grid-column-start: 1;
585
608
  }
586
609
 
587
610
  #wwa-right-button {
588
- grid-column-start: 3;
611
+ grid-column-start: 3;
589
612
  }
590
613
 
591
614
  #wwa-bottom-button {
592
- grid-column-start: 2;
593
- grid-row-start: 3;
615
+ grid-column-start: 2;
616
+ grid-row-start: 3;
594
617
  }
595
618
 
596
619
  #wwa-y-button {
597
- grid-column-start: 2;
598
- grid-row-start: 3;
620
+ grid-column-start: 2;
621
+ grid-row-start: 3;
599
622
  }
600
623
 
601
624
  #wwa-n-button {
602
- grid-column-start: 1;
603
- grid-row-start: 4;
625
+ grid-column-start: 1;
626
+ grid-row-start: 4;
604
627
  }
605
628
 
606
629
  #wwa-m-button {
607
- grid-column-start: 1;
608
- grid-row-start: 2;
630
+ grid-column-start: 1;
631
+ grid-row-start: 2;
609
632
  }
610
633
 
611
634
  #wwa-i-button {
612
- border-radius: 1rem 0 0 1rem;
635
+ border-radius: 1rem 0 0 1rem;
613
636
  }
614
637
 
615
638
  #wwa-p-button {
616
- border-radius: 0 1rem 1rem 0;
639
+ border-radius: 0 1rem 1rem 0;
617
640
  }
618
641
 
619
642
  /*
@@ -621,297 +644,297 @@ div.savedata > div.ss > span {
621
644
  * アイテムボックスのエフェクトなど、一定条件で発生する、クラス指定の要素は別のSASSファイルをご利用ください。
622
645
  */
623
646
  .wwa-yesno-wrapper {
624
- z-index: 10;
647
+ z-index: 10;
625
648
  }
626
649
 
627
650
  canvas#wwa-map {
628
- z-index: 100;
651
+ z-index: 100;
629
652
  }
630
653
 
631
654
  canvas#wwa-map-sub {
632
- z-index: 101;
655
+ z-index: 101;
633
656
  }
634
657
 
635
658
  div#wwa-sidebar {
636
- z-index: 102;
659
+ z-index: 102;
637
660
  }
638
661
 
639
662
  #disp-energy {
640
- z-index: 103;
663
+ z-index: 103;
641
664
  }
642
665
  #disp-energy > .status-icon {
643
- z-index: 140;
666
+ z-index: 140;
644
667
  }
645
668
  #disp-energy > .status-value-box {
646
- z-index: 150;
669
+ z-index: 150;
647
670
  }
648
671
 
649
672
  #disp-strength {
650
- z-index: 104;
673
+ z-index: 104;
651
674
  }
652
675
  #disp-strength > .status-icon {
653
- z-index: 141;
676
+ z-index: 141;
654
677
  }
655
678
  #disp-strength > .status-value-box {
656
- z-index: 151;
679
+ z-index: 151;
657
680
  }
658
681
 
659
682
  #disp-defence {
660
- z-index: 105;
683
+ z-index: 105;
661
684
  }
662
685
  #disp-defence > .status-icon {
663
- z-index: 142;
686
+ z-index: 142;
664
687
  }
665
688
  #disp-defence > .status-value-box {
666
- z-index: 152;
689
+ z-index: 152;
667
690
  }
668
691
 
669
692
  #disp-gold {
670
- z-index: 106;
693
+ z-index: 106;
671
694
  }
672
695
  #disp-gold > .status-icon {
673
- z-index: 143;
696
+ z-index: 143;
674
697
  }
675
698
  #disp-gold > .status-value-box {
676
- z-index: 153;
699
+ z-index: 153;
677
700
  }
678
701
 
679
702
  #item0 {
680
- z-index: 107;
703
+ z-index: 107;
681
704
  }
682
705
  #item0 > .item-disp {
683
- z-index: 160;
706
+ z-index: 160;
684
707
  }
685
708
  #item0 > .item-click-border {
686
- z-index: 172;
709
+ z-index: 172;
687
710
  }
688
711
 
689
712
  #item1 {
690
- z-index: 108;
713
+ z-index: 108;
691
714
  }
692
715
  #item1 > .item-disp {
693
- z-index: 161;
716
+ z-index: 161;
694
717
  }
695
718
  #item1 > .item-click-border {
696
- z-index: 173;
719
+ z-index: 173;
697
720
  }
698
721
 
699
722
  #item2 {
700
- z-index: 109;
723
+ z-index: 109;
701
724
  }
702
725
  #item2 > .item-disp {
703
- z-index: 162;
726
+ z-index: 162;
704
727
  }
705
728
  #item2 > .item-click-border {
706
- z-index: 174;
729
+ z-index: 174;
707
730
  }
708
731
 
709
732
  #item3 {
710
- z-index: 110;
733
+ z-index: 110;
711
734
  }
712
735
  #item3 > .item-disp {
713
- z-index: 163;
736
+ z-index: 163;
714
737
  }
715
738
  #item3 > .item-click-border {
716
- z-index: 175;
739
+ z-index: 175;
717
740
  }
718
741
 
719
742
  #item4 {
720
- z-index: 111;
743
+ z-index: 111;
721
744
  }
722
745
  #item4 > .item-disp {
723
- z-index: 164;
746
+ z-index: 164;
724
747
  }
725
748
  #item4 > .item-click-border {
726
- z-index: 176;
749
+ z-index: 176;
727
750
  }
728
751
 
729
752
  #item5 {
730
- z-index: 112;
753
+ z-index: 112;
731
754
  }
732
755
  #item5 > .item-disp {
733
- z-index: 165;
756
+ z-index: 165;
734
757
  }
735
758
  #item5 > .item-click-border {
736
- z-index: 177;
759
+ z-index: 177;
737
760
  }
738
761
 
739
762
  #item6 {
740
- z-index: 113;
763
+ z-index: 113;
741
764
  }
742
765
  #item6 > .item-disp {
743
- z-index: 166;
766
+ z-index: 166;
744
767
  }
745
768
  #item6 > .item-click-border {
746
- z-index: 178;
769
+ z-index: 178;
747
770
  }
748
771
 
749
772
  #item7 {
750
- z-index: 114;
773
+ z-index: 114;
751
774
  }
752
775
  #item7 > .item-disp {
753
- z-index: 167;
776
+ z-index: 167;
754
777
  }
755
778
  #item7 > .item-click-border {
756
- z-index: 179;
779
+ z-index: 179;
757
780
  }
758
781
 
759
782
  #item8 {
760
- z-index: 115;
783
+ z-index: 115;
761
784
  }
762
785
  #item8 > .item-disp {
763
- z-index: 168;
786
+ z-index: 168;
764
787
  }
765
788
  #item8 > .item-click-border {
766
- z-index: 180;
789
+ z-index: 180;
767
790
  }
768
791
 
769
792
  #item9 {
770
- z-index: 116;
793
+ z-index: 116;
771
794
  }
772
795
  #item9 > .item-disp {
773
- z-index: 169;
796
+ z-index: 169;
774
797
  }
775
798
  #item9 > .item-click-border {
776
- z-index: 181;
799
+ z-index: 181;
777
800
  }
778
801
 
779
802
  #item10 {
780
- z-index: 117;
803
+ z-index: 117;
781
804
  }
782
805
  #item10 > .item-disp {
783
- z-index: 170;
806
+ z-index: 170;
784
807
  }
785
808
  #item10 > .item-click-border {
786
- z-index: 182;
809
+ z-index: 182;
787
810
  }
788
811
 
789
812
  #item11 {
790
- z-index: 118;
813
+ z-index: 118;
791
814
  }
792
815
  #item11 > .item-disp {
793
- z-index: 171;
816
+ z-index: 171;
794
817
  }
795
818
  #item11 > .item-click-border {
796
- z-index: 183;
819
+ z-index: 183;
797
820
  }
798
821
 
799
822
  #cell-load {
800
- z-index: 119;
823
+ z-index: 119;
801
824
  }
802
825
 
803
826
  #button-load {
804
- z-index: 201;
827
+ z-index: 201;
805
828
  }
806
829
 
807
830
  #cell-save {
808
- z-index: 120;
831
+ z-index: 120;
809
832
  }
810
833
 
811
834
  #button-save {
812
- z-index: 202;
835
+ z-index: 202;
813
836
  }
814
837
 
815
838
  #cell-restart {
816
- z-index: 121;
839
+ z-index: 121;
817
840
  }
818
841
 
819
842
  #button-restart {
820
- z-index: 203;
843
+ z-index: 203;
821
844
  }
822
845
 
823
846
  #cell-gotowwa {
824
- z-index: 122;
847
+ z-index: 122;
825
848
  }
826
849
 
827
850
  #button-gotowwa {
828
- z-index: 204;
851
+ z-index: 204;
829
852
  }
830
853
 
831
854
  #wwa-controller {
832
- z-index: 200;
855
+ z-index: 200;
833
856
  }
834
857
 
835
858
  #wwa-battle-estimate {
836
- z-index: 230;
859
+ z-index: 230;
837
860
  }
838
861
 
839
862
  #wwa-password-window {
840
- z-index: 231;
863
+ z-index: 231;
841
864
  }
842
865
 
843
866
  #wwa-fader {
844
- z-index: 250;
867
+ z-index: 250;
845
868
  }
846
869
 
847
870
  #wwa-cover {
848
- z-index: 300;
871
+ z-index: 300;
849
872
  }
850
873
  #wwa-cover > #progress-message-container {
851
- z-index: 305;
874
+ z-index: 305;
852
875
  }
853
876
  #wwa-cover > #progress-bar-bg {
854
- z-index: 310;
877
+ z-index: 310;
855
878
  }
856
879
  #wwa-cover > #progress-bar {
857
- z-index: 315;
880
+ z-index: 315;
858
881
  }
859
882
  #wwa-cover > #progress-bar-audio {
860
- z-index: 316;
883
+ z-index: 316;
861
884
  }
862
885
  #wwa-cover > #progress-disp {
863
- z-index: 320;
886
+ z-index: 320;
864
887
  }
865
888
 
866
889
  #wwa-text-message-window {
867
- z-index: 400;
890
+ z-index: 400;
868
891
  }
869
892
 
870
893
  #wwa-audio-wrapper {
871
- z-index: -9999;
894
+ z-index: -9999;
872
895
  }
873
896
 
874
897
  #wwa-virtualpad-left {
875
- z-index: 500;
898
+ z-index: 500;
876
899
  }
877
900
 
878
901
  #wwa-virtualpad-right {
879
- z-index: 501;
902
+ z-index: 501;
880
903
  }
881
904
 
882
905
  .wwa-size-box {
883
- text-shadow: 1px 0px 0 gray;
906
+ text-shadow: 1px 0px 0 gray;
884
907
  }
885
908
 
886
909
  div#wwa-sidebar {
887
- text-shadow: 1px 1px 0 gray;
910
+ text-shadow: 1px 1px 0 gray;
888
911
  }
889
912
  div#wwa-sidebar #cell-restart,
890
913
  div#wwa-sidebar #cell-gotowwa {
891
- font-size: 16px;
892
- letter-spacing: -0.3px;
914
+ font-size: 16px;
915
+ letter-spacing: -0.3px;
893
916
  }
894
917
 
895
918
  #wwa-text-message-window,
896
919
  .wwa-message-window, #wwa-password-window, #wwa-battle-estimate {
897
- background-color: #ffffff;
898
- box-sizing: border-box;
899
- border-radius: 15px;
920
+ background-color: #ffffff;
921
+ box-sizing: border-box;
922
+ border-radius: 15px;
900
923
  }
901
924
 
902
925
  #wwa-password-window, #wwa-battle-estimate {
903
- margin: 0;
904
- padding: 18px;
905
- width: 440px;
906
- height: 440px;
907
- border-radius: 0;
926
+ margin: 0;
927
+ padding: 18px;
928
+ width: 440px;
929
+ height: 440px;
930
+ border-radius: 0;
908
931
  }
909
932
 
910
933
  #wwa-password-window > div.wwa-password-description {
911
- font-size: 14px;
912
- padding: 8px;
934
+ font-size: 14px;
935
+ padding: 8px;
913
936
  }
914
937
 
915
938
  #wwa-battle-estimate > .est > .est-status-wrapper > .est-damage {
916
- text-shadow: 1px 0px 0px #FF8080;
939
+ text-shadow: 1px 0px 0px #FF8080;
917
940
  }