danoniplus 30.5.0 → 31.0.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/js/danoni_main.js +115 -75
- package/js/lib/danoni_constants.js +96 -54
- package/package.json +1 -1
- package/skin/danoni_skin_default.css +120 -38
- package/skin/danoni_skin_light.css +118 -36
- package/skin/danoni_skin_skyblue.css +118 -36
- package/skin/skin_css.zip +0 -0
|
@@ -1,111 +1,139 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
+
|
|
2
3
|
/* ----------------------------------------
|
|
3
4
|
Dancing☆Onigiri (CW Edition)
|
|
4
5
|
スキンcssファイル (light)
|
|
5
6
|
|
|
6
7
|
Created : 2019/11/04
|
|
7
|
-
Revised :
|
|
8
|
+
Revised : 2023/03/20 (v31.0.0)
|
|
8
9
|
|
|
9
10
|
https://github.com/cwtickle/danoniplus
|
|
10
11
|
------------------------------------------ */
|
|
11
12
|
/* 背景 */
|
|
12
13
|
#divBack {
|
|
13
|
-
|
|
14
|
+
background: linear-gradient(#dddddd, #ffffff);
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
/* タイトル */
|
|
17
18
|
.title_base {
|
|
18
|
-
color
|
|
19
|
+
color: #222222;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
/* 設定別カラー */
|
|
22
23
|
.settings_Title::first-letter {
|
|
23
|
-
color
|
|
24
|
-
font-size:40px;
|
|
24
|
+
color: #000099;
|
|
25
|
+
font-size: 40px;
|
|
25
26
|
}
|
|
27
|
+
|
|
26
28
|
.settings_Title2::first-letter {
|
|
27
|
-
color
|
|
28
|
-
font-size:40px;
|
|
29
|
+
color: #990000;
|
|
30
|
+
font-size: 40px;
|
|
29
31
|
}
|
|
32
|
+
|
|
30
33
|
.settings_TitleStar::first-letter {
|
|
31
|
-
color
|
|
32
|
-
font-size:40px;
|
|
34
|
+
color: #999900;
|
|
35
|
+
font-size: 40px;
|
|
33
36
|
}
|
|
37
|
+
|
|
34
38
|
.settings_Display::first-letter {
|
|
35
|
-
color
|
|
36
|
-
font-size:40px;
|
|
39
|
+
color: #777700;
|
|
40
|
+
font-size: 40px;
|
|
37
41
|
}
|
|
42
|
+
|
|
38
43
|
.settings_Difficulty::first-letter {
|
|
39
|
-
color
|
|
44
|
+
color: #990000;
|
|
40
45
|
}
|
|
46
|
+
|
|
41
47
|
.settings_Speed::first-letter {
|
|
42
|
-
color
|
|
48
|
+
color: #777700;
|
|
43
49
|
}
|
|
50
|
+
|
|
44
51
|
.settings_Motion::first-letter {
|
|
45
|
-
color
|
|
52
|
+
color: #667700;
|
|
46
53
|
}
|
|
54
|
+
|
|
47
55
|
.settings_Reverse::first-letter {
|
|
48
|
-
color
|
|
56
|
+
color: #557733;
|
|
49
57
|
}
|
|
58
|
+
|
|
50
59
|
.settings_Scroll::first-letter {
|
|
51
|
-
color
|
|
60
|
+
color: #557733;
|
|
52
61
|
}
|
|
62
|
+
|
|
53
63
|
.settings_Shuffle::first-letter {
|
|
54
|
-
color
|
|
64
|
+
color: #337733;
|
|
55
65
|
}
|
|
66
|
+
|
|
56
67
|
.settings_AutoPlay::first-letter {
|
|
57
|
-
color
|
|
68
|
+
color: #337744;
|
|
58
69
|
}
|
|
70
|
+
|
|
59
71
|
.settings_Gauge::first-letter {
|
|
60
|
-
color
|
|
72
|
+
color: #227755;
|
|
61
73
|
}
|
|
74
|
+
|
|
62
75
|
.settings_Adjustment::first-letter {
|
|
63
|
-
color
|
|
76
|
+
color: #007777;
|
|
64
77
|
}
|
|
78
|
+
|
|
65
79
|
.settings_Fadein::first-letter {
|
|
66
|
-
color
|
|
80
|
+
color: #005577;
|
|
67
81
|
}
|
|
82
|
+
|
|
68
83
|
.settings_Volume::first-letter {
|
|
69
|
-
color
|
|
84
|
+
color: #003377;
|
|
70
85
|
}
|
|
86
|
+
|
|
71
87
|
.settings_Appearance::first-letter {
|
|
72
|
-
color
|
|
88
|
+
color: #9900ff;
|
|
73
89
|
}
|
|
90
|
+
|
|
74
91
|
.settings_Opacity::first-letter {
|
|
75
|
-
color
|
|
92
|
+
color: #cc00ff;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.settings_HitPosition::first-letter {
|
|
96
|
+
color: #ff00ff;
|
|
76
97
|
}
|
|
77
98
|
|
|
78
99
|
.settings_DifSelector {
|
|
79
|
-
background-color
|
|
100
|
+
background-color: #eeeeee;
|
|
80
101
|
}
|
|
102
|
+
|
|
81
103
|
.settings_Disabled {
|
|
82
|
-
color
|
|
104
|
+
color: #999999;
|
|
83
105
|
}
|
|
106
|
+
|
|
84
107
|
.settings_FadeinBar {
|
|
85
|
-
color
|
|
108
|
+
color: #000000;
|
|
86
109
|
}
|
|
87
110
|
|
|
88
111
|
/* 設定画面:ゲージ設定詳細 */
|
|
89
112
|
.settings_lifeVal {
|
|
90
113
|
color: #996600;
|
|
91
114
|
}
|
|
115
|
+
|
|
92
116
|
.settings_gaugeTableBorder {
|
|
93
|
-
border-color: #222222;
|
|
117
|
+
border-color: #222222;
|
|
94
118
|
}
|
|
95
119
|
|
|
96
120
|
/* キーコンフィグ */
|
|
97
121
|
.keyconfig_warning {
|
|
98
122
|
color: #999900;
|
|
99
123
|
}
|
|
124
|
+
|
|
100
125
|
.keyconfig_ConfigType::first-letter {
|
|
101
126
|
color: #003377;
|
|
102
127
|
}
|
|
128
|
+
|
|
103
129
|
.keyconfig_ColorType::first-letter {
|
|
104
130
|
color: #773300;
|
|
105
131
|
}
|
|
132
|
+
|
|
106
133
|
.keyconfig_Changekey {
|
|
107
134
|
color: #999900;
|
|
108
135
|
}
|
|
136
|
+
|
|
109
137
|
.keyconfig_Defaultkey {
|
|
110
138
|
color: #000099;
|
|
111
139
|
}
|
|
@@ -114,21 +142,27 @@
|
|
|
114
142
|
.main_stepKeyDown {
|
|
115
143
|
background-color: #009999;
|
|
116
144
|
}
|
|
145
|
+
|
|
117
146
|
.main_stepDefault {
|
|
118
147
|
background-color: #666666;
|
|
119
148
|
}
|
|
149
|
+
|
|
120
150
|
.main_stepDummy {
|
|
121
151
|
background-color: #666666;
|
|
122
152
|
}
|
|
153
|
+
|
|
123
154
|
.main_stepIi {
|
|
124
155
|
background-color: #009999;
|
|
125
156
|
}
|
|
157
|
+
|
|
126
158
|
.main_stepShakin {
|
|
127
159
|
background-color: #009900;
|
|
128
160
|
}
|
|
161
|
+
|
|
129
162
|
.main_stepMatari {
|
|
130
163
|
background-color: #cc8800;
|
|
131
164
|
}
|
|
165
|
+
|
|
132
166
|
.main_stepShobon {
|
|
133
167
|
background-color: #0000cc;
|
|
134
168
|
}
|
|
@@ -136,9 +170,11 @@
|
|
|
136
170
|
.main_objStepShadow {
|
|
137
171
|
background-color: #eeeeee;
|
|
138
172
|
}
|
|
173
|
+
|
|
139
174
|
.main_objShadow {
|
|
140
175
|
background-color: #666666;
|
|
141
176
|
}
|
|
177
|
+
|
|
142
178
|
.main_frzHitTop {
|
|
143
179
|
background-color: #cccccc;
|
|
144
180
|
}
|
|
@@ -147,24 +183,29 @@
|
|
|
147
183
|
.life_Max {
|
|
148
184
|
background-color: #cccc66;
|
|
149
185
|
}
|
|
186
|
+
|
|
150
187
|
.life_Cleared {
|
|
151
188
|
background-color: #66cccc;
|
|
152
189
|
}
|
|
190
|
+
|
|
153
191
|
.life_Failed {
|
|
154
192
|
background-color: #999999;
|
|
155
193
|
}
|
|
194
|
+
|
|
156
195
|
.life_Background {
|
|
157
196
|
background-color: #cccccc;
|
|
158
197
|
}
|
|
198
|
+
|
|
159
199
|
.life_BorderColor {
|
|
160
200
|
background-color: #555555;
|
|
161
|
-
color
|
|
201
|
+
color: #cccccc;
|
|
162
202
|
}
|
|
163
203
|
|
|
164
204
|
/* 結果画面:項目、設定値 */
|
|
165
205
|
.result_lbl {
|
|
166
206
|
color: #333333;
|
|
167
207
|
}
|
|
208
|
+
|
|
168
209
|
.result_style {
|
|
169
210
|
color: #111111;
|
|
170
211
|
}
|
|
@@ -173,27 +214,35 @@
|
|
|
173
214
|
.common_ii {
|
|
174
215
|
color: #009999;
|
|
175
216
|
}
|
|
217
|
+
|
|
176
218
|
.common_shakin {
|
|
177
219
|
color: #009900;
|
|
178
220
|
}
|
|
221
|
+
|
|
179
222
|
.common_matari {
|
|
180
223
|
color: #cc8800;
|
|
181
224
|
}
|
|
225
|
+
|
|
182
226
|
.common_shobon {
|
|
183
227
|
color: #0000cc;
|
|
184
228
|
}
|
|
229
|
+
|
|
185
230
|
.common_uwan {
|
|
186
231
|
color: #cc0000;
|
|
187
232
|
}
|
|
233
|
+
|
|
188
234
|
.common_kita {
|
|
189
235
|
color: #999900;
|
|
190
236
|
}
|
|
237
|
+
|
|
191
238
|
.common_iknai {
|
|
192
239
|
color: #669900;
|
|
193
240
|
}
|
|
241
|
+
|
|
194
242
|
.common_combo {
|
|
195
243
|
color: #000000;
|
|
196
244
|
}
|
|
245
|
+
|
|
197
246
|
.common_score {
|
|
198
247
|
color: #000000;
|
|
199
248
|
}
|
|
@@ -202,42 +251,53 @@
|
|
|
202
251
|
.result_PlayDataWindow {
|
|
203
252
|
border: solid 0.5px #666666;
|
|
204
253
|
}
|
|
254
|
+
|
|
205
255
|
/* 結果画面:スコア */
|
|
206
256
|
.result_score {
|
|
207
257
|
color: #000000;
|
|
208
258
|
}
|
|
259
|
+
|
|
209
260
|
/* 結果画面:ハイスコア差分、ハイスコア時のカラー */
|
|
210
261
|
.result_scoreHiBlanket {
|
|
211
262
|
color: #222222;
|
|
212
263
|
}
|
|
264
|
+
|
|
213
265
|
.result_scoreHi {
|
|
214
266
|
color: #000000;
|
|
215
267
|
}
|
|
268
|
+
|
|
216
269
|
.result_scoreHiPlus {
|
|
217
270
|
color: #777700;
|
|
218
271
|
}
|
|
272
|
+
|
|
219
273
|
/* 結果画面:ハイスコア更新外の表示色 */
|
|
220
274
|
.result_noRecord {
|
|
221
275
|
color: #222222;
|
|
222
276
|
}
|
|
277
|
+
|
|
223
278
|
/* 結果画面:完全PF、PF、FC、Cleared、Failed */
|
|
224
279
|
.result_AllPerfect {
|
|
225
280
|
color: #999999;
|
|
226
281
|
}
|
|
282
|
+
|
|
227
283
|
.result_Perfect {
|
|
228
284
|
color: #999900;
|
|
229
285
|
}
|
|
286
|
+
|
|
230
287
|
.result_FullCombo {
|
|
231
288
|
color: #007777;
|
|
232
289
|
}
|
|
290
|
+
|
|
233
291
|
.result_Cleared {
|
|
234
292
|
color: #666600;
|
|
235
293
|
}
|
|
294
|
+
|
|
236
295
|
.result_Failed {
|
|
237
296
|
color: #990000;
|
|
238
297
|
}
|
|
298
|
+
|
|
239
299
|
.result_Window::first-letter {
|
|
240
|
-
font-size:80px;
|
|
300
|
+
font-size: 80px;
|
|
241
301
|
}
|
|
242
302
|
|
|
243
303
|
/* ボタン */
|
|
@@ -246,76 +306,93 @@
|
|
|
246
306
|
color: #000000;
|
|
247
307
|
background-color: #dddddd;
|
|
248
308
|
}
|
|
309
|
+
|
|
249
310
|
.button_Start:hover {
|
|
250
311
|
color: #000000;
|
|
251
312
|
background-color: #999999;
|
|
252
313
|
}
|
|
314
|
+
|
|
253
315
|
/* デフォルト */
|
|
254
316
|
.button_Default {
|
|
255
317
|
color: #000000;
|
|
256
318
|
background-color: #eeeeee;
|
|
257
319
|
}
|
|
320
|
+
|
|
258
321
|
.button_Default:hover {
|
|
259
322
|
color: #000000;
|
|
260
323
|
background-color: #bbbbbb;
|
|
261
324
|
}
|
|
325
|
+
|
|
262
326
|
/* デフォルト(色指定なし) */
|
|
263
327
|
.button_Default_NoColor {
|
|
264
328
|
background-color: #00000000;
|
|
265
329
|
}
|
|
330
|
+
|
|
266
331
|
.button_Default_NoColor:hover {
|
|
267
332
|
background-color: #bbbbbb;
|
|
268
333
|
}
|
|
334
|
+
|
|
269
335
|
/* カーソル */
|
|
270
336
|
.button_Mini {
|
|
271
337
|
color: #000000;
|
|
272
338
|
background-color: #cccccc;
|
|
273
339
|
}
|
|
340
|
+
|
|
274
341
|
.button_Mini:hover {
|
|
275
342
|
color: #000000;
|
|
276
343
|
background-color: #999999;
|
|
277
344
|
}
|
|
345
|
+
|
|
278
346
|
/* 戻る */
|
|
279
347
|
.button_Back {
|
|
280
|
-
|
|
348
|
+
color: #000000;
|
|
281
349
|
background-color: #ccccff;
|
|
282
350
|
}
|
|
351
|
+
|
|
283
352
|
.button_Back:hover {
|
|
284
|
-
|
|
353
|
+
color: #000000;
|
|
285
354
|
background-color: #9999ff;
|
|
286
355
|
}
|
|
356
|
+
|
|
287
357
|
/* 設定 */
|
|
288
358
|
.button_Setting {
|
|
289
359
|
color: #000000;
|
|
290
360
|
background-color: #ffffcc;
|
|
291
361
|
}
|
|
362
|
+
|
|
292
363
|
.button_Setting:hover {
|
|
293
364
|
color: #000000;
|
|
294
365
|
background-color: #ffff66;
|
|
295
366
|
}
|
|
367
|
+
|
|
296
368
|
/* 進む */
|
|
297
369
|
.button_Next {
|
|
298
370
|
color: #000000;
|
|
299
371
|
background-color: #ffcccc;
|
|
300
372
|
}
|
|
373
|
+
|
|
301
374
|
.button_Next:hover {
|
|
302
375
|
color: #000000;
|
|
303
376
|
background-color: #ff9999;
|
|
304
377
|
}
|
|
378
|
+
|
|
305
379
|
/* リセット */
|
|
306
380
|
.button_Reset {
|
|
307
381
|
color: #000000;
|
|
308
382
|
background-color: #ccffcc;
|
|
309
383
|
}
|
|
384
|
+
|
|
310
385
|
.button_Reset:hover {
|
|
311
386
|
color: #000000;
|
|
312
387
|
background-color: #99ff99;
|
|
313
388
|
}
|
|
389
|
+
|
|
314
390
|
/* ツイート */
|
|
315
391
|
.button_Tweet {
|
|
316
392
|
color: #000000;
|
|
317
393
|
background-color: #ccffff;
|
|
318
394
|
}
|
|
395
|
+
|
|
319
396
|
.button_Tweet:hover {
|
|
320
397
|
color: #000000;
|
|
321
398
|
background-color: #66ffff;
|
|
@@ -324,26 +401,31 @@
|
|
|
324
401
|
/* ボタン:ON/OFF */
|
|
325
402
|
.button_OFF {
|
|
326
403
|
color: #cccccc;
|
|
327
|
-
border-color: #00000000 #cccccc;
|
|
404
|
+
border-color: #00000000 #cccccc;
|
|
328
405
|
}
|
|
406
|
+
|
|
329
407
|
.button_ON {
|
|
330
408
|
color: #000000;
|
|
331
|
-
border-color: #00000000 #333333;
|
|
409
|
+
border-color: #00000000 #333333;
|
|
332
410
|
}
|
|
411
|
+
|
|
333
412
|
/* ボタン:ON/OFF リバース用 */
|
|
334
413
|
.button_RevOFF {
|
|
335
414
|
color: #666666;
|
|
336
|
-
border-color: #00000000 #666666;
|
|
415
|
+
border-color: #00000000 #666666;
|
|
337
416
|
}
|
|
417
|
+
|
|
338
418
|
.button_RevON {
|
|
339
419
|
color: #000000;
|
|
340
|
-
border-color: #00000000 #557733;
|
|
420
|
+
border-color: #00000000 #557733;
|
|
341
421
|
}
|
|
422
|
+
|
|
342
423
|
/* ボタン:ON/OFF 無効化ボタン用 */
|
|
343
424
|
.button_DisabledOFF {
|
|
344
425
|
color: #999999;
|
|
345
426
|
background-color: #333333;
|
|
346
427
|
}
|
|
428
|
+
|
|
347
429
|
.button_DisabledON {
|
|
348
430
|
color: #ffffff;
|
|
349
431
|
background-color: #009999;
|