model-manager 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (185) hide show
  1. package/administration/insert.js +179 -0
  2. package/administration/insert_one.js +33 -0
  3. package/administration/test_data.js +46 -0
  4. package/administration.html +76 -0
  5. package/app-update.yml +0 -0
  6. package/assets/css/admin.css +79 -0
  7. package/assets/css/basic.css +474 -0
  8. package/assets/css/checkout.css +517 -0
  9. package/assets/css/dialog.css +158 -0
  10. package/assets/css/dialog_checkout.css +156 -0
  11. package/assets/css/info.css +10 -0
  12. package/assets/logo.png +0 -0
  13. package/assets/partnerart.png +0 -0
  14. package/assets/spinner.gif +0 -0
  15. package/assets/three/GLTFLoader.js +4448 -0
  16. package/assets/three/ModelLoader.js +58 -0
  17. package/assets/three/OrbitControls.js +1252 -0
  18. package/assets/three/three.js +36819 -0
  19. package/assets/three/three.module.js +50708 -0
  20. package/assets/white/add_white_24dp.svg +1 -0
  21. package/assets/white/admin/person_add_FILL0_wght400_GRAD0_opsz48.svg +1 -0
  22. package/assets/white/admin/person_remove_FILL0_wght400_GRAD0_opsz48.svg +1 -0
  23. package/assets/white/admin.svg +1 -0
  24. package/assets/white/arrow_forward.svg +1 -0
  25. package/assets/white/brush_white_24dp.svg +1 -0
  26. package/assets/white/close_white_24dp.svg +1 -0
  27. package/assets/white/code_white_24dp.svg +1 -0
  28. package/assets/white/dashboard_white_24dp.svg +1 -0
  29. package/assets/white/done_white_24dp.svg +1 -0
  30. package/assets/white/emoji_people_white_24dp.svg +1 -0
  31. package/assets/white/filter_list_white_24dp.svg +1 -0
  32. package/assets/white/info_white_24dp.svg +1 -0
  33. package/assets/white/minimize_white_24dp.svg +1 -0
  34. package/assets/white/receipt_white_24dp.svg +1 -0
  35. package/assets/white/rocket_launch_white_24dp.svg +1 -0
  36. package/assets/white/search_black_24dp.svg +1 -0
  37. package/assets/white/search_white_24dp.svg +1 -0
  38. package/assets/white/settings_white_24dp.svg +1 -0
  39. package/assets/white/shopping_cart_white_24dp.svg +1 -0
  40. package/assets/white/store_white_24dp.svg +1 -0
  41. package/assets/white/timeline_white_24dp.svg +1 -0
  42. package/assets/white/view_in_ar_white_24dp.svg +1 -0
  43. package/checkout.html +131 -0
  44. package/checkout_admin.html +140 -0
  45. package/icon.png +0 -0
  46. package/imgs/armchair.png +0 -0
  47. package/imgs/arrow_tnt.png +0 -0
  48. package/imgs/bed_wnm.png +0 -0
  49. package/imgs/big_bed.png +0 -0
  50. package/imgs/birdscythe.png +0 -0
  51. package/imgs/blue_tnt.png +0 -0
  52. package/imgs/bull.png +0 -0
  53. package/imgs/carpet.png +0 -0
  54. package/imgs/chest.png +0 -0
  55. package/imgs/coin_stash.png +0 -0
  56. package/imgs/creeper_tnt.png +0 -0
  57. package/imgs/garbage_can.png +0 -0
  58. package/imgs/generator.png +0 -0
  59. package/imgs/golden_sword.png +0 -0
  60. package/imgs/highbed.png +0 -0
  61. package/imgs/jetpack1.png +0 -0
  62. package/imgs/jetpack2.png +0 -0
  63. package/imgs/jetpack3.png +0 -0
  64. package/imgs/jetpack4.png +0 -0
  65. package/imgs/jetpack5.png +0 -0
  66. package/imgs/jetpack6.png +0 -0
  67. package/imgs/karmincross.png +0 -0
  68. package/imgs/light_tnt.png +0 -0
  69. package/imgs/lucky_block.png +0 -0
  70. package/imgs/lucky_block_2.png +0 -0
  71. package/imgs/mega_tnt.png +0 -0
  72. package/imgs/modern_lamp.png +0 -0
  73. package/imgs/multiply_tnt.png +0 -0
  74. package/imgs/nuke.png +0 -0
  75. package/imgs/oak_tree.png +0 -0
  76. package/imgs/oak_tree_2.png +0 -0
  77. package/imgs/old_globe.png +0 -0
  78. package/imgs/scificannon_1.png +0 -0
  79. package/imgs/scificannon_10.png +0 -0
  80. package/imgs/scificannon_11.png +0 -0
  81. package/imgs/scificannon_12.png +0 -0
  82. package/imgs/scificannon_13.png +0 -0
  83. package/imgs/scificannon_14.png +0 -0
  84. package/imgs/scificannon_2.png +0 -0
  85. package/imgs/scificannon_3.png +0 -0
  86. package/imgs/scificannon_4.png +0 -0
  87. package/imgs/scificannon_5.png +0 -0
  88. package/imgs/scificannon_6.png +0 -0
  89. package/imgs/scificannon_7.png +0 -0
  90. package/imgs/scificannon_8.png +0 -0
  91. package/imgs/scificannon_9.png +0 -0
  92. package/imgs/simple_chair.png +0 -0
  93. package/imgs/small_car.png +0 -0
  94. package/imgs/small_modern_lamp.png +0 -0
  95. package/imgs/small_wardrobe.png +0 -0
  96. package/imgs/small_wooden_table.png +0 -0
  97. package/imgs/spike_sword.png +0 -0
  98. package/imgs/stone_holder.png +0 -0
  99. package/imgs/stone_sword.png +0 -0
  100. package/imgs/street_lamp.png +0 -0
  101. package/imgs/sword_1.png +0 -0
  102. package/imgs/sword_with_hole.png +0 -0
  103. package/imgs/testing.png +0 -0
  104. package/imgs/timer_tnt.png +0 -0
  105. package/imgs/tiny_tnt.png +0 -0
  106. package/imgs/tnt_cannon.png +0 -0
  107. package/imgs/wing_tnt.png +0 -0
  108. package/imgs/wooden_stool.png +0 -0
  109. package/imgs/wooden_wardrobe.png +0 -0
  110. package/index.html +178 -0
  111. package/index_admin.html +188 -0
  112. package/js/db/push_model.js +30 -0
  113. package/js/dialoges.js +23 -0
  114. package/js/item_functionality.js +7 -0
  115. package/js/load_cart.js +76 -0
  116. package/js/load_items.js +480 -0
  117. package/js/update.js +35 -0
  118. package/login.html +289 -0
  119. package/main.js +277 -0
  120. package/models/armchair.gltf +1 -0
  121. package/models/arrow_tnt.gltf +1 -0
  122. package/models/bedwnm.gltf +1 -0
  123. package/models/big_bed.gltf +1 -0
  124. package/models/birdscythe.gltf +1 -0
  125. package/models/blue_tnt.gltf +1 -0
  126. package/models/bull.gltf +1 -0
  127. package/models/carpet.gltf +1 -0
  128. package/models/chest.gltf +1 -0
  129. package/models/coin_stash.gltf +1 -0
  130. package/models/creeper_tnt.gltf +1 -0
  131. package/models/garbage_can.gltf +1 -0
  132. package/models/generator.gltf +1 -0
  133. package/models/golden_sword.gltf +1 -0
  134. package/models/highbed.gltf +1 -0
  135. package/models/jetpack1.gltf +1 -0
  136. package/models/jetpack2.gltf +1 -0
  137. package/models/jetpack3.gltf +1 -0
  138. package/models/jetpack4.gltf +1 -0
  139. package/models/jetpack5.gltf +1 -0
  140. package/models/jetpack6.gltf +1 -0
  141. package/models/karmincross.gltf +1 -0
  142. package/models/light_tnt.gltf +1 -0
  143. package/models/lucky_block.gltf +1 -0
  144. package/models/lucky_block_2.gltf +1 -0
  145. package/models/mega_tnt.gltf +1 -0
  146. package/models/modern_lamp.gltf +1 -0
  147. package/models/multiply_tnt.gltf +1 -0
  148. package/models/nuke.gltf +1 -0
  149. package/models/oak_tree.gltf +1 -0
  150. package/models/oak_tree_2.gltf +1 -0
  151. package/models/old globe.gltf +1 -0
  152. package/models/scificannon_1.gltf +1 -0
  153. package/models/scificannon_10.gltf +1 -0
  154. package/models/scificannon_11.gltf +1 -0
  155. package/models/scificannon_12.gltf +1 -0
  156. package/models/scificannon_13.gltf +1 -0
  157. package/models/scificannon_14.gltf +1 -0
  158. package/models/scificannon_2.gltf +1 -0
  159. package/models/scificannon_3.gltf +1 -0
  160. package/models/scificannon_4.gltf +1 -0
  161. package/models/scificannon_5.gltf +1 -0
  162. package/models/scificannon_6.gltf +1 -0
  163. package/models/scificannon_7.gltf +1 -0
  164. package/models/scificannon_8.gltf +1 -0
  165. package/models/scificannon_9.gltf +1 -0
  166. package/models/simple_chair.gltf +1 -0
  167. package/models/small_car.gltf +1 -0
  168. package/models/small_modern_lamp.gltf +1 -0
  169. package/models/small_wardrobe.gltf +1 -0
  170. package/models/small_wooden_table.gltf +1 -0
  171. package/models/spike_sword.gltf +1 -0
  172. package/models/stone_holder.gltf +1 -0
  173. package/models/stone_sword.gltf +1 -0
  174. package/models/street_lamp.gltf +1 -0
  175. package/models/sword_1.gltf +1 -0
  176. package/models/sword_with_hole.gltf +1 -0
  177. package/models/timer_tnt.gltf +1 -0
  178. package/models/tiny_tnt.gltf +1 -0
  179. package/models/tnt_cannon.gltf +1 -0
  180. package/models/wing_tnt.gltf +1 -0
  181. package/models/wooden_stool.gltf +1 -0
  182. package/models/wooden_wardrobe.gltf +1 -0
  183. package/package.json +47 -0
  184. package/preload.js +26 -0
  185. package/update.html +48 -0
@@ -0,0 +1,517 @@
1
+ * {
2
+ margin: 0;
3
+ padding: 0;
4
+ color: rgb(236, 236, 236);
5
+ }
6
+ html,body {
7
+ height: 100%;
8
+ }
9
+
10
+ body {
11
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
12
+ background: #2C2F33;
13
+ overflow: hidden;
14
+ box-sizing: border-box;
15
+ }
16
+
17
+ ul {
18
+ list-style-type: none;
19
+ overflow:hidden; overflow-y:scroll;
20
+ width: 100%;
21
+ height: 95%;
22
+ }
23
+
24
+ li {
25
+ border-bottom: #242629 1px solid;
26
+ padding: 15px;
27
+ margin: 15px;
28
+ }
29
+
30
+ ::-webkit-scrollbar {
31
+ width: 7px;
32
+ height: 10px;
33
+ }
34
+
35
+ ::-webkit-scrollbar-track {
36
+ background-color: rgb(17, 17, 17);;
37
+ }
38
+
39
+ ::-webkit-scrollbar-thumb {
40
+ background: linear-gradient(348deg, #5353e6 0%, #5199b6 48%, #0ebcdf 85%);
41
+ }
42
+
43
+ ::-webkit-scrollbar-thumb {
44
+ background-color: #d6dee1;
45
+ border-radius: 20px;
46
+ }
47
+ ::-webkit-scrollbar-thumb:hover {
48
+ background-color: #a8bbbf;
49
+ }
50
+
51
+ #head {
52
+ display: flex;
53
+ background: #2C2F33;
54
+ width: 100%;
55
+ height: 30px;
56
+ position: relative;
57
+ justify-content: space-between;
58
+ top: 0;
59
+ left: 0;
60
+ box-shadow: 3px 0px 5px 1px rgb(0, 0, 0, 0.1);
61
+ }
62
+
63
+ .drag-field-head {
64
+ -webkit-app-region:drag;
65
+ display: inline-block;
66
+ position: relative;
67
+ justify-content: space-between;
68
+ width: 98%;
69
+ height: 25px;
70
+ }
71
+
72
+ .btn-win {
73
+ display: flex;
74
+ cursor: pointer;
75
+ }
76
+
77
+ .win-btn {
78
+ left: 90%;
79
+ display: flex;
80
+ align-items: center;
81
+ justify-content: space-between;
82
+ margin: 0;
83
+ padding: 0;
84
+ float: right;
85
+ }
86
+
87
+ #sidebar {
88
+ background: #2C2F33;
89
+ width: 200px;
90
+ height: 100%;
91
+ position: fixed;
92
+ filter: drop-shadow(0 0 10px #121212);
93
+ top: 0;
94
+ left: 0;
95
+ box-shadow: 3px 0px 5px 1px rgb(0, 0, 0, 0.1);
96
+ }
97
+
98
+ .title-container {
99
+ -webkit-app-region: drag;
100
+ display: flex;
101
+ align-items: center;
102
+ justify-content: space-around;
103
+ padding: 20px 0px;
104
+ }
105
+
106
+ .title-container h1 {
107
+ font-size: 24px;
108
+ }
109
+
110
+ .links-container {
111
+ padding: 0px 15px;
112
+ }
113
+
114
+ .info-container {
115
+ left: 10%;
116
+ width: 25%;
117
+ bottom: 5px;
118
+ position: absolute;
119
+ padding: 0px 3px;
120
+ }
121
+
122
+ .info {
123
+ display: flex;
124
+ align-items: center;
125
+ }
126
+
127
+ .info span {
128
+ padding: 0px 21px;
129
+ }
130
+
131
+ .links {
132
+ display: flex;
133
+ align-items: center;
134
+ filter: drop-shadow(0 0 10px #121212);
135
+ }
136
+
137
+ .active {
138
+ background: linear-gradient(348deg, rgba(83,83,230,1) 0%, rgba(81,153,182,1) 48%, rgba(14,188,223,1) 85%);
139
+ border-radius: 5px;
140
+ }
141
+
142
+
143
+
144
+ .links span {
145
+ cursor: pointer;
146
+ padding: 0px 20px;
147
+ }
148
+
149
+ .links span:hover {
150
+ color: #1996c7;
151
+ transition: 0.5s;
152
+ }
153
+
154
+
155
+ .info span {
156
+ cursor: pointer;
157
+ padding: 0px 20px;
158
+ }
159
+
160
+ .info span:hover {
161
+ color: #1996c7;
162
+ transition: 0.5s;
163
+ }
164
+
165
+
166
+ .icon {
167
+ height: 50px;
168
+ width: 50px;
169
+ display: flex;
170
+ justify-content: center;
171
+ align-items: center;
172
+ }
173
+
174
+ .icon-info {
175
+ height: 50px;
176
+ width: 50px;
177
+ display: flex;
178
+ padding-left: 25%;
179
+ justify-content: center;
180
+ align-items: center;
181
+ }
182
+
183
+ #main-content {
184
+ margin-left: 200px;
185
+ box-sizing: border-box;
186
+ background: #181818;
187
+ height: 100%;
188
+ padding: 35px 25px;
189
+ }
190
+
191
+
192
+ .action-icon-one {
193
+ width: 40px;
194
+ height: 40px;
195
+ display: flex;
196
+ cursor: pointer;
197
+ justify-content: center;
198
+ align-items: center;
199
+ border-radius: 50%;
200
+ background: linear-gradient(348deg, rgba(83,83,230,1) 0%, #5199b6 48%, rgba(14,188,223,1) 85%);
201
+ box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);
202
+ margin-left: 8px;
203
+ margin-top: -35px;
204
+ }
205
+
206
+ .action-icons {
207
+ display: flex;
208
+ justify-content: center;
209
+ align-items: center;
210
+ }
211
+
212
+ .input-box{
213
+ display: flex;
214
+ justify-content: space-between;
215
+ width: 560px;
216
+ padding: 5px 25px;
217
+ border-radius: 5px;
218
+ }
219
+
220
+ .input-box input{
221
+ border: none;
222
+ outline: none;
223
+ width: 100%;
224
+ color: rgb(236, 236, 236);
225
+ background: #242629;
226
+ }
227
+
228
+ .input-icon {
229
+ display: flex;
230
+ padding-right: 4px;
231
+ padding-left: -4px;
232
+ justify-content: center;
233
+ align-items: center;
234
+ }
235
+
236
+
237
+ #top-section {
238
+ display: flex;
239
+ align-items: center;
240
+ justify-content: space-between;
241
+ }
242
+
243
+
244
+ #items {
245
+ display: grid;
246
+ grid-template-columns: 20% 20% 20% 20% 20%;
247
+ grid-auto-rows: 180px;
248
+ position: relative;
249
+ width: 100%;
250
+ height: 100%;
251
+ overflow:auto;
252
+ z-index: 1;
253
+ }
254
+ /* For large screens */
255
+ @media only screen and (max-width: 1500px) {
256
+ #items {
257
+ display: grid;
258
+ grid-template-columns: 24% 24% 23.7% 24%;
259
+ grid-auto-rows: 180px;
260
+ position: relative;
261
+ width: 100%;
262
+ grid-column-gap: 15px;
263
+ height: 100%;
264
+ overflow:auto;
265
+ z-index: 1;
266
+ }
267
+ }
268
+
269
+ @media only screen and (min-width: 1501px) {
270
+ #items {
271
+ display: grid;
272
+ grid-template-columns: 20% 20% 20% 20% 20%;
273
+ grid-auto-rows: 180px;
274
+ grid-row-gap: 7px;
275
+ position: relative;
276
+ width: 100%;
277
+ height: 100%;
278
+ overflow:auto;
279
+ z-index: 1;
280
+ }
281
+ }
282
+
283
+
284
+ .grid-item {
285
+ position: relative;
286
+ height: 100%;
287
+ width: 100%;
288
+ border-radius: 5px;
289
+ box-sizing: border-box;
290
+ padding: 30px;
291
+ top: 50%;
292
+ left: 50%;
293
+ transform: translate(-50%,-50%);
294
+ }
295
+
296
+ .grid-picture {
297
+ display: inline;
298
+ position:absolute;
299
+ top: 0;
300
+ height: 100%;
301
+ box-sizing: border-box;
302
+ justify-content: center;
303
+ align-items: center;
304
+ left: 0;
305
+ }
306
+
307
+ .grid-picture img {
308
+ position: relative;
309
+ width: 100%;
310
+ height: 90%;
311
+ margin-top: 15px;
312
+ border-radius: 5px;
313
+ }
314
+
315
+ .grid-label {
316
+ width: 100%;
317
+ position:relative;
318
+ white-space: nowrap;
319
+ top: 89%;
320
+ font-size: 20px;
321
+ font-weight: 500;
322
+ left: -10px;
323
+ text-overflow: ellipsis;
324
+ }
325
+
326
+ .grid-data {
327
+ display: grid;
328
+ grid-template-columns: 45px 45px 45px 45px;
329
+ grid-template-rows: 25px;
330
+ width: 180px;
331
+ height: 29px;
332
+ position: relative;
333
+ top: 60%;
334
+ margin: 10px;
335
+ }
336
+
337
+ .result-headline {
338
+ padding-top: -30px;
339
+ }
340
+
341
+ [data-tooltip] {
342
+ position: absolute;
343
+ z-index: 100;
344
+ }
345
+ [data-tooltip]:before,
346
+ [data-tooltip]:after {
347
+ line-height: 1;
348
+ font-size: .9em;
349
+ pointer-events: none;
350
+ position: absolute;
351
+ box-sizing: border-box;
352
+ display: none;
353
+ opacity: 0;
354
+ }
355
+ [data-tooltip]:before {
356
+ content: "";
357
+ border: 5px solid transparent;
358
+ z-index: 100;
359
+ }
360
+ [data-tooltip]:after {
361
+ content: attr(data-tooltip);
362
+ text-align: center;
363
+ min-width: 3em;
364
+ max-width: 21em;
365
+ white-space: nowrap;
366
+ overflow: hidden;
367
+ text-overflow: ellipsis;
368
+ padding: 6px 12px;
369
+ border-radius: 3px;
370
+ background: #5199B6;
371
+ color: #ECECEC;
372
+ z-index: 99;
373
+ }
374
+ [data-tooltip]:hover:before,
375
+ [data-tooltip]:hover:after {
376
+ display: block;
377
+ opacity: 1;
378
+ }
379
+ [data-tooltip]:not([data-flow])::before,
380
+ [data-tooltip][data-flow="top"]::before {
381
+ bottom: 100%;
382
+ border-bottom-width: 0;
383
+ border-top-color: #5199B6;
384
+ }
385
+ [data-tooltip]:not([data-flow])::after,
386
+ [data-tooltip][data-flow="top"]::after {
387
+ bottom: calc(100% + 5px);
388
+ }
389
+ [data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after,
390
+ [data-tooltip][data-flow="top"]::before,
391
+ [data-tooltip][data-flow="top"]::after {
392
+ left: 50%;
393
+ -webkit-transform: translate(-50%, -4px);
394
+ transform: translate(-50%, -4px);
395
+ }
396
+ [data-tooltip][data-flow="bottom"]::before {
397
+ top: 100%;
398
+ border-top-width: 0;
399
+ border-bottom-color: #5199B6;
400
+ }
401
+ [data-tooltip][data-flow="bottom"]::after {
402
+ top: calc(100% + 5px);
403
+ }
404
+ [data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
405
+ left: 50%;
406
+ -webkit-transform: translate(-50%, 8px);
407
+ transform: translate(-50%, 8px);
408
+ }
409
+ [data-tooltip][data-flow="left"]::before {
410
+ top: 50%;
411
+ border-right-width: 0;
412
+ border-left-color: #5199B6;
413
+ left: calc(0em - 5px);
414
+ -webkit-transform: translate(-8px, -50%);
415
+ transform: translate(-8px, -50%);
416
+ }
417
+ [data-tooltip][data-flow="left"]::after {
418
+ top: 50%;
419
+ right: calc(100% + 5px);
420
+ -webkit-transform: translate(-8px, -50%);
421
+ transform: translate(-8px, -50%);
422
+ }
423
+ [data-tooltip][data-flow="right"]::before {
424
+ top: 50%;
425
+ border-left-width: 0;
426
+ border-right-color: #5199B6;
427
+ right: calc(0em - 5px);
428
+ -webkit-transform: translate(8px, -50%);
429
+ transform: translate(8px, -50%);
430
+ }
431
+ [data-tooltip][data-flow="right"]::after {
432
+ top: 50%;
433
+ left: calc(100% + 5px);
434
+ -webkit-transform: translate(8px, -50%);
435
+ transform: translate(8px, -50%);
436
+ }
437
+ [data-tooltip=""]::after, [data-tooltip=""]::before {
438
+ display: none !important;
439
+ }
440
+
441
+ #loading {
442
+ pointer-events: none;
443
+ position: fixed;
444
+ display: block;
445
+ width: 100%;
446
+ height: 100%;
447
+ top: 0;
448
+ left: 0;
449
+ text-align: center;
450
+ opacity: 0.7;
451
+ z-index: 99;
452
+ }
453
+ #loading-image {
454
+ position: absolute;
455
+ top: 50%;
456
+ left: 50%;
457
+ transform: translate(50%, -50%);
458
+ z-index: 100;
459
+ }
460
+
461
+ #loading-text {
462
+ font-weight: lighter;
463
+ position: absolute;
464
+ top: 57%;
465
+ left: 49.8%;
466
+ transform: translate(50%, -50%);
467
+ z-index: 100;
468
+ }
469
+
470
+ .drag-field-text {
471
+ margin-top: 6px;
472
+ margin-left: 50%;
473
+ font-size: 14px;
474
+ color: rgb(204, 202, 202);
475
+ font-weight: 400;
476
+ }
477
+
478
+ .hidden {
479
+ opacity: 0;
480
+ }
481
+
482
+
483
+
484
+ #body-overlay {
485
+ overflow:hidden; overflow-y:scroll;
486
+ }
487
+
488
+ .checkout_catalog a {
489
+ font-style: italic;
490
+ float: right;
491
+ font-size: small;
492
+ cursor: pointer;
493
+ }
494
+
495
+ .checkout_catalog a:hover {
496
+ text-decoration: underline;
497
+ }
498
+
499
+
500
+ .confirm-checkout {
501
+ background: linear-gradient(348deg, rgba(83,83,230,1) 0%, rgba(81,153,182,1) 48%, rgba(14,188,223,1) 85%);
502
+ padding: 2%;
503
+ position: fixed;
504
+ bottom: 0;
505
+ font-weight: bolder;
506
+ border-radius:50px;
507
+ text-align: center;
508
+ font-size: 18px;
509
+ width: 45%;
510
+ float: right;
511
+ bottom: -13%;
512
+ margin-bottom: auto;
513
+ margin-left: auto;
514
+ margin-right: auto;
515
+ cursor: pointer;
516
+ filter: drop-shadow(0 0 10px #121212);
517
+ }
@@ -0,0 +1,158 @@
1
+ #body-overlay {
2
+ position: fixed;
3
+ top: 0;
4
+ right: 0;
5
+ bottom: 0;
6
+ left: 0;
7
+ background-color: rgb(24, 24, 24, 0.8);
8
+ z-index: 100000;
9
+ opacity: 0;
10
+ pointer-events: none;
11
+ }
12
+
13
+ .dialog {
14
+ height: 60%;
15
+ position: fixed;
16
+ left: 50%;
17
+ top: 50%;
18
+ transform: translate(-50%, -50%);
19
+ padding: 10px;
20
+ width: 60%;
21
+ background-color: rgb(45, 48, 52);
22
+ z-index: 1000001;
23
+ opacity: 0;
24
+ pointer-events: none;
25
+ border-radius: 25px;
26
+ }
27
+
28
+ #body-overlay.visable, .dialog.visable {
29
+ opacity: 1;
30
+ pointer-events: auto;
31
+ }
32
+
33
+ #item-dialog {
34
+ width: 45%;
35
+ }
36
+ .dialog-close-button {
37
+ position: absolute;
38
+ top: 2px;
39
+ right: 6px;
40
+ font-size: 32px;
41
+ line-height: 32px;
42
+ text-decoration: none;
43
+ }
44
+
45
+ .model-content {
46
+ width: 100%;
47
+ height: 100%;
48
+ flex-direction: row;
49
+ display: flex;
50
+ }
51
+
52
+ .model-view {
53
+ display: block;
54
+ float: right;
55
+ width: 350;
56
+ }
57
+
58
+ .model-view-text {
59
+ float: left;
60
+ width: 100%;
61
+ }
62
+
63
+ .add-to-cart {
64
+ background: linear-gradient(348deg, rgba(83,83,230,1) 0%, rgba(81,153,182,1) 48%, rgba(14,188,223,1) 85%);
65
+ padding: 2%;
66
+ position: absolute;
67
+ bottom: 0;
68
+ font-weight: bolder;
69
+ border-radius:50px;
70
+ text-align: center;
71
+ font-size: 18px;
72
+ width: 93%;
73
+ float: right;
74
+ bottom: 1%;
75
+ margin-bottom: auto;
76
+ margin-left: auto;
77
+ margin-right: auto;
78
+ cursor: pointer;
79
+ filter: drop-shadow(0 0 10px #121212);
80
+ }
81
+
82
+ .multi-textures {
83
+ padding: 15px;
84
+ }
85
+
86
+ .multi-animations {
87
+ padding: 15px;
88
+ }
89
+
90
+ .multi-behaviors {
91
+ padding: 15px;
92
+ }
93
+
94
+ .control {
95
+ font-family: arial;
96
+ display: block;
97
+ position: relative;
98
+ padding-left: 30px;
99
+ margin-bottom: 5px;
100
+ padding-top: 5px;
101
+ cursor: pointer;
102
+ font-size: 16px;
103
+ }
104
+ .control input {
105
+ position: absolute;
106
+ z-index: -1;
107
+ opacity: 0;
108
+ }
109
+ .control_indicator {
110
+ position: absolute;
111
+ top: 2px;
112
+ left: 0;
113
+ height: 20px;
114
+ width: 20px;
115
+ background: #e6e6e6;
116
+ border: 0px solid #000000;
117
+ border-radius: 20px;
118
+ }
119
+ .control:hover input ~ .control_indicator,
120
+ .control input:focus ~ .control_indicator {
121
+ background: #cccccc;
122
+ }
123
+
124
+ .control input:checked ~ .control_indicator {
125
+ background: #2aa1c0;
126
+ }
127
+ .control input:disabled ~ .control_indicator {
128
+ background: #e6e6e6;
129
+ opacity: 0.6;
130
+ pointer-events: none;
131
+ }
132
+ .control_indicator:after {
133
+ box-sizing: unset;
134
+ content: '';
135
+ position: absolute;
136
+ display: none;
137
+ }
138
+ .control input:checked ~ .control_indicator:after {
139
+ display: block;
140
+ }
141
+ .control-checkbox .control_indicator:after {
142
+ left: 8px;
143
+ top: 4px;
144
+ width: 3px;
145
+ height: 8px;
146
+ border: solid #ffffff;
147
+ border-width: 0 2px 2px 0;
148
+ transform: rotate(45deg);
149
+ }
150
+ .control-checkbox input:disabled ~ .control_indicator:after {
151
+ border-color: #7b7b7b;
152
+ }
153
+ .control-checkbox input + .control_indicator::before {
154
+ animation: s-ripple 250ms ease-out;
155
+ }
156
+ .control-checkbox input:checked + .control_indicator::before {
157
+ animation-name: s-ripple-dup;
158
+ }