3992e14446cbb95d39809a80e6205ebf15a32dcf
[bloat] / static / style.css
1 body {
2         background-color: #d2d2d2;
3 }
4
5 .status-container-container {
6         margin: 0 -4px 12px -4px;
7         padding: 4px;
8         border-left: 4px solid transparent;
9 }
10
11 .status-container-container:target {
12         border-color: #777777;
13 }
14
15 .status-container-container.highlight {
16         background-color: #eeeeee;
17 }
18
19 .status-container {
20         display: flex;
21 }
22
23 .status-content {
24         margin: 4px 0;
25         max-height: 600px;
26         overflow: auto;
27         overflow-wrap: break-word;
28 }
29
30 .status-name {
31         overflow-wrap: break-word;
32 }
33
34 .status-content p {
35         margin: 0px;
36 }
37
38 .status-content img,
39 .status-image,
40 .status-video {
41         height: auto;
42         width: auto;
43         max-height: 240px;
44         max-width: 280px;
45         vertical-align: bottom;
46         object-fit: contain;
47 }
48
49 .status-media-container {
50         margin: 5px 0 -5px 0;
51         overflow: auto;
52 }
53
54 .status-media-container>a {
55         margin-bottom: 5px;
56         display: inline-block;
57 }
58
59 .status-profile-img-container {
60         margin-right: 8px;
61         display: inline-block;
62         vertical-align: top;
63 }
64
65 .status-profile-img {
66         height: 48px;
67         width: 48px;
68         min-height: 48px;
69         min-width: 48px;
70         max-height: 48px;
71         max-width: 48px;
72         vertical-align: top;
73         object-fit: contain;
74         margin-top: 2px;
75 }
76
77 .status {
78         display: inline-block;
79         vertical-align: top;
80         flex: 1;
81         min-width: 0;
82 }
83
84 .status-dname {
85         font-style: italic;
86         font-size: 0.8em;
87 }
88
89 .status-uname {
90         user-select: all;
91         font-style: italic;
92         font-size: 10pt;
93 }
94
95 .status-action-container {
96         margin-top: 4px;
97 }
98
99 .status-action {
100         display: inline-block;
101         margin-right: 16px;
102 }
103
104 .status-action-last {
105         margin-right: 4px;
106 }
107
108 .status-action form {
109         display: inline-block;
110 }
111
112 .status-action a {
113         display: inline-block;
114 }
115
116 .status-action * {
117         vertical-align: middle;
118 }
119
120 .status-action a.status-time {
121         width: auto;
122 }
123
124 .page-title {
125         font-size: 18pt;
126         margin: 8px 0;
127 }
128
129 .post-form {
130         margin: 4px 0;
131 }
132
133 .post-form>div {
134         margin-bottom: 4px;
135 }
136
137 .signin-form {
138         margin: 8px 0;
139 }
140
141 .signin-form input {
142         margin: 4px 0;
143 }
144
145 .retweet-info {
146         margin: 0 0 4px 24px;
147         overflow-wrap: break-word;
148 }
149
150 .retweet-info .status-profile-img {
151         height: 24px;
152         width: 24px;
153         min-height: 24px;
154         min-width: 24px;
155         max-height: 24px;
156         max-width: 24px;
157         vertical-align: middle;
158 }
159
160 .retweet-info .status-dname {
161         margin-left: 4px;
162 }
163
164 .post-content {
165         padding: 4px;
166         font-size: 11pt;
167         font-family: initial;
168         width: 100%;
169         box-sizing: border-box;
170 }
171
172 .pagination {
173         margin: 4px 4px 12px 4px;
174 }
175
176 .pagination a {
177         margin: 0 8px;
178         font-size: 13pt;
179 }
180
181
182 .notification-container .retweet-info {
183         opacity: 0.8;
184 }
185
186 .notification-container {
187         margin: 0 -4px 12px -4px;
188         padding: 4px;
189         border-left: 4px solid transparent;
190 }
191
192 .notification-container.unread {
193         border-color: #777777;
194 }
195
196 .notification-container.favourite .status-container,
197 .notification-container.reblog .status-container {
198         opacity: 0.6;
199         font-size: 0.75em;
200 }
201
202 .notification-follow-container {
203         display: flex;
204 }
205
206 .notification-info-text span {
207         vertical-align: middle;
208 }
209
210 .notification-follow-container {
211         overflow: auto;
212         display: flex;
213         align-items: center;
214 }
215
216 .notification-follow {
217         overflow: auto;
218 }
219
220 .notification-time {
221         margin-left: 8px;
222 }
223
224 .status-reply-to-link {
225         font-size: 10pt
226 }
227
228 .status-reply-container {
229         overflow-wrap: break-word;
230 }
231
232 .status-reply-container .fa {
233         font-size: 10pt;
234         vertical-align: sub;
235         margin-right: -2px;
236 }
237
238 .status-reply-text {
239         font-size: 10pt;
240 }
241
242 .status-reply-link {
243         font-size: 10pt;
244 }
245
246 .status-reply-info-divider {
247         margin: 0 4px;
248 }
249
250 .post-content-container {
251         padding-right: 8px;
252 }
253
254 .error-text {
255         margin: 8px 0;
256 }
257
258 .post-attachment-div {
259         margin: 2px 0;
260 }
261
262 .user-profile-img-container {
263         display: inline-block;
264         margin: 0 4px 4px 0;
265 }
266
267 .user-profile-details-container {
268         display: inline-block;
269         vertical-align: top;
270 }
271
272 .user-profile-details-container>div {
273         margin-bottom: 4px;
274 }
275
276 .user-profile-img {
277         height: 96px;
278         width: 96px;
279         vertical-align: top;
280         object-fit: contain;
281         margin-top: 2px;
282 }
283
284 .user-profile-decription {
285         overflow-wrap: break-word;
286         margin: 8px 0;
287 }
288
289 .user-profile-decription p {
290         margin: 0;
291 }
292
293 .d-inline {
294         display: inline;
295 }
296
297 .btn-link {
298         border: none;
299         outline: none;
300         background: none;
301         cursor: pointer;
302         padding: 0;
303         font-family: inherit;
304         font-size: inherit;
305 }
306
307 a, .btn-link, .status-uname {
308         color: #464acc;
309         text-decoration: none;
310 }
311
312 a:hover,
313 .btn-link:hover {
314         color: #8387bf;
315 }
316
317 .status-visibility {
318         margin-left: 4px;
319         display: inline-block;
320         color: #222222;
321         font-size: 8pt;
322 }
323
324 .remote-link {
325         margin-left: 4px;
326         font-size: 8pt;
327 }
328
329 .img-link {
330         display: inline-block;
331         position: relative;
332 }
333
334 .status-profile-img-container .img-link {
335         width: 48px;
336 }
337
338 .status-nsfw-overlay {
339         background: black;
340         position: absolute;
341         top: 0;
342         bottom: 0;
343         left: 0;
344         right: 0;
345 }
346
347 .img-link:hover .status-nsfw-overlay {
348         display: none;
349 }
350
351 .status-video-container {
352         display: inline-block;
353         position: relative;
354         margin-bottom: 5px;
355 }
356
357 .status-video-container:hover .status-nsfw-overlay {
358         display: none;
359 }
360
361 .post-form-field>* {
362         vertical-align: middle;
363 }
364
365 .emoji-item-container {
366         min-width: 220px;
367         display: inline-block;
368         margin: 4px 0;
369 }
370
371 .emoji-item {
372         display: flex;
373         align-items: center;
374 }
375
376 img.emoji {
377         height: auto;
378         width: auto;
379         max-height: 32px;
380         max-width: 32px;
381         min-height: 32px;
382         min-width: 32px;
383         vertical-align: middle;
384         object-fit: contain;
385         margin: 0;
386 }
387
388 .status-dname img.emoji {
389         height: 24px;
390         min-height: 24px;
391         min-width: 24px;
392 }
393
394 .emoji-shortcode {
395         margin-left: 4px;
396 }
397
398 .post-form-emoji-link {
399         margin-left: 4px;
400 }
401
402 .user-info-img {
403         height: 64px;
404         width: 64px;
405         vertical-align: middle;
406         object-fit: contain;
407         margin-top: 2px;
408 }
409
410 .user-info-img-container {
411         float: left;
412         margin-right: 8px;
413 }
414
415 .user-info-details-container {
416         overflow: auto;
417 }
418
419 .user-info-details-name,
420 .user-info-details-nav {
421         margin-bottom: 4px;
422 }
423
424 .nav-link {
425         margin-right: 2px;
426 }
427
428 .user-list-container {
429 }
430
431 .user-list-item {
432         overflow: auto;
433         margin: 0 0 12px 0;
434         display: flex;
435         align-items: center;
436 }
437
438 .user-list-profile-img {
439         float: left;
440         margin: 0 8px 0 0;
441 }
442
443 .user-list-name {
444         overflow: auto;
445 }
446
447 #settings-form {
448         margin: 8px 0;
449 }
450
451 .settings-form-field {
452         margin: 4px 0;
453 }
454
455 .settings-form-field>* {
456         vertical-align: middle;
457 }
458
459 #settings-form button[type=submit] {
460         margin-top: 8px;
461 }
462
463 #reply-popup {
464         position: absolute;
465         background-color: #d2d2d2;
466         border: 1px solid #aaaaaa;
467         padding: 4px 8px;
468         z-index: 3;
469         margin: 0;
470 }
471
472 #reply-to-popup {
473         position: absolute;
474         background-color: #d2d2d2;
475         border: 1px solid #aaaaaa;
476         padding: 4px 8px;
477         z-index: 3;
478         margin: 0;
479 }
480
481 .search-form {
482         margin: 12px 0;
483 }
484
485 .more-container {
486         position: relative;
487         display: inline-block;
488         z-index: 100;
489 }
490
491 .more-content {
492         display: none;
493         position: absolute;
494         background-color: #d2d2d2;
495         padding: 2px 4px;
496         border: 1px solid #aaaaaa;
497 }
498
499 .more-container:hover .more-content {
500         display: block;
501 }
502
503 .more-link {
504         font-size: 8pt;
505         display: block;
506         margin: 2px;
507 }
508
509 .poll-form {
510         margin-top: 5px;
511         overflow: auto;
512         overflow-wrap: break-word;
513 }
514
515 .poll-form button[type=submit] {
516         margin-top: 6px;
517 }
518
519 .poll-info {
520         margin-top: 6px;
521 }
522
523 .notification-title-container {
524         margin: 8px 0;
525 }
526
527 .notification-text {
528         vertical-align: middle;
529 }
530
531 .notification-refresh {
532         margin-right: 8px;
533 }
534
535 .notification-read {
536         display: inline-block;
537 }
538
539 .no-data-found {
540         margin: 12px 0;
541 }
542
543 .signout {
544         display: inline;
545 }
546
547 .signin-desc {
548         margin: 8px 0 16px 0;
549 }
550
551 body {
552         background-color: #ccccd0;
553         color: #221;
554 }
555
556 .keyboard-shortcuts {
557         margin-top: 12px;
558 }
559
560 .keyboard-shortcuts td {
561         padding: 2px 4px;
562 }
563
564 kbd {
565         border-radius: 3px;
566         padding: 1px 4px;
567         border: 1px solid #444444;
568         background-color: #eeeeee;
569         font-size: 10pt;
570 }
571
572 .dark {
573         background-color: #222222;
574         background-image: none;
575         color: #eaeaea;
576 }
577
578 .dark a, .dark .status-uname {
579         color: #81a2be;
580 }
581
582 .dark #post-content {
583         background-color: #333333;
584         border: 1px solid #444444;
585         color: #eaeaea;
586 }
587
588 .dark #reply-popup,
589 .dark #reply-to-popup {
590         background-color: #222222;
591         border-color: #444444;
592 }
593
594 .dark .status-container-container.highlight {
595         background-color: #333333;
596 }
597
598 .dark .btn-link {
599         color: #81a2be;
600 }
601
602 .dark a:hover,
603 .dark .btn-link:hover {
604         color: #497091;
605 }
606
607 .dark .status-visibility {
608         color: #eaeaea;
609 }
610
611 .dark .more-content {
612         background-color: #222222;
613         border-color: #444444;
614 }
615
616 .dark kbd {
617         background-color: #333333;
618         border-color: #444444;
619         color: #eaeaea;
620 }
621
622 .status-color-00 { background-color: rgba(  0,   0,   0, 0.1); }
623 .status-color-01 { background-color: rgba( 17, 127,   0, 0.1); }
624 .status-color-02 { background-color: rgba( 34, 254,   0, 0.1); }
625 .status-color-03 { background-color: rgba( 51, 126,   0, 0.1); }
626 .status-color-04 { background-color: rgba( 68, 253,   0, 0.1); }
627 .status-color-05 { background-color: rgba( 85, 125,   0, 0.1); }
628 .status-color-06 { background-color: rgba(102, 252,   0, 0.1); }
629 .status-color-07 { background-color: rgba(119, 124,   0, 0.1); }
630 .status-color-08 { background-color: rgba(136, 251,   0, 0.1); }
631 .status-color-09 { background-color: rgba(153, 123,   0, 0.1); }
632 .status-color-0a { background-color: rgba(170, 250,   0, 0.1); }
633 .status-color-0b { background-color: rgba(187, 122,   0, 0.1); }
634 .status-color-0c { background-color: rgba(204, 249,   0, 0.1); }
635 .status-color-0d { background-color: rgba(221, 121,   0, 0.1); }
636 .status-color-0e { background-color: rgba(238, 248,   0, 0.1); }
637 .status-color-0f { background-color: rgba(255, 120,   0, 0.1); }
638 .status-color-10 { background-color: rgba(  0, 247,  17, 0.1); }
639 .status-color-11 { background-color: rgba( 17, 119,  17, 0.1); }
640 .status-color-12 { background-color: rgba( 34, 246,  17, 0.1); }
641 .status-color-13 { background-color: rgba( 51, 118,  17, 0.1); }
642 .status-color-14 { background-color: rgba( 68, 245,  17, 0.1); }
643 .status-color-15 { background-color: rgba( 85, 117,  17, 0.1); }
644 .status-color-16 { background-color: rgba(102, 244,  17, 0.1); }
645 .status-color-17 { background-color: rgba(119, 116,  17, 0.1); }
646 .status-color-18 { background-color: rgba(136, 243,  17, 0.1); }
647 .status-color-19 { background-color: rgba(153, 115,  17, 0.1); }
648 .status-color-1a { background-color: rgba(170, 242,  17, 0.1); }
649 .status-color-1b { background-color: rgba(187, 114,  17, 0.1); }
650 .status-color-1c { background-color: rgba(204, 241,  17, 0.1); }
651 .status-color-1d { background-color: rgba(221, 113,  17, 0.1); }
652 .status-color-1e { background-color: rgba(238, 240,  17, 0.1); }
653 .status-color-1f { background-color: rgba(255, 112,  17, 0.1); }
654 .status-color-20 { background-color: rgba(  0, 239,  34, 0.1); }
655 .status-color-21 { background-color: rgba( 17, 111,  34, 0.1); }
656 .status-color-22 { background-color: rgba( 34, 238,  34, 0.1); }
657 .status-color-23 { background-color: rgba( 51, 110,  34, 0.1); }
658 .status-color-24 { background-color: rgba( 68, 237,  34, 0.1); }
659 .status-color-25 { background-color: rgba( 85, 109,  34, 0.1); }
660 .status-color-26 { background-color: rgba(102, 236,  34, 0.1); }
661 .status-color-27 { background-color: rgba(119, 108,  34, 0.1); }
662 .status-color-28 { background-color: rgba(136, 235,  34, 0.1); }
663 .status-color-29 { background-color: rgba(153, 107,  34, 0.1); }
664 .status-color-2a { background-color: rgba(170, 234,  34, 0.1); }
665 .status-color-2b { background-color: rgba(187, 106,  34, 0.1); }
666 .status-color-2c { background-color: rgba(204, 233,  34, 0.1); }
667 .status-color-2d { background-color: rgba(221, 105,  34, 0.1); }
668 .status-color-2e { background-color: rgba(238, 232,  34, 0.1); }
669 .status-color-2f { background-color: rgba(255, 104,  34, 0.1); }
670 .status-color-30 { background-color: rgba(  0, 231,  51, 0.1); }
671 .status-color-31 { background-color: rgba( 17, 103,  51, 0.1); }
672 .status-color-32 { background-color: rgba( 34, 230,  51, 0.1); }
673 .status-color-33 { background-color: rgba( 51, 102,  51, 0.1); }
674 .status-color-34 { background-color: rgba( 68, 229,  51, 0.1); }
675 .status-color-35 { background-color: rgba( 85, 101,  51, 0.1); }
676 .status-color-36 { background-color: rgba(102, 228,  51, 0.1); }
677 .status-color-37 { background-color: rgba(119, 100,  51, 0.1); }
678 .status-color-38 { background-color: rgba(136, 227,  51, 0.1); }
679 .status-color-39 { background-color: rgba(153,  99,  51, 0.1); }
680 .status-color-3a { background-color: rgba(170, 226,  51, 0.1); }
681 .status-color-3b { background-color: rgba(187,  98,  51, 0.1); }
682 .status-color-3c { background-color: rgba(204, 225,  51, 0.1); }
683 .status-color-3d { background-color: rgba(221,  97,  51, 0.1); }
684 .status-color-3e { background-color: rgba(238, 224,  51, 0.1); }
685 .status-color-3f { background-color: rgba(255,  96,  51, 0.1); }
686 .status-color-40 { background-color: rgba(  0, 223,  68, 0.1); }
687 .status-color-41 { background-color: rgba( 17,  95,  68, 0.1); }
688 .status-color-42 { background-color: rgba( 34, 222,  68, 0.1); }
689 .status-color-43 { background-color: rgba( 51,  94,  68, 0.1); }
690 .status-color-44 { background-color: rgba( 68, 221,  68, 0.1); }
691 .status-color-45 { background-color: rgba( 85,  93,  68, 0.1); }
692 .status-color-46 { background-color: rgba(102, 220,  68, 0.1); }
693 .status-color-47 { background-color: rgba(119,  92,  68, 0.1); }
694 .status-color-48 { background-color: rgba(136, 219,  68, 0.1); }
695 .status-color-49 { background-color: rgba(153,  91,  68, 0.1); }
696 .status-color-4a { background-color: rgba(170, 218,  68, 0.1); }
697 .status-color-4b { background-color: rgba(187,  90,  68, 0.1); }
698 .status-color-4c { background-color: rgba(204, 217,  68, 0.1); }
699 .status-color-4d { background-color: rgba(221,  89,  68, 0.1); }
700 .status-color-4e { background-color: rgba(238, 216,  68, 0.1); }
701 .status-color-4f { background-color: rgba(255,  88,  68, 0.1); }
702 .status-color-50 { background-color: rgba(  0, 215,  85, 0.1); }
703 .status-color-51 { background-color: rgba( 17,  87,  85, 0.1); }
704 .status-color-52 { background-color: rgba( 34, 214,  85, 0.1); }
705 .status-color-53 { background-color: rgba( 51,  86,  85, 0.1); }
706 .status-color-54 { background-color: rgba( 68, 213,  85, 0.1); }
707 .status-color-55 { background-color: rgba( 85,  85,  85, 0.1); }
708 .status-color-56 { background-color: rgba(102, 212,  85, 0.1); }
709 .status-color-57 { background-color: rgba(119,  84,  85, 0.1); }
710 .status-color-58 { background-color: rgba(136, 211,  85, 0.1); }
711 .status-color-59 { background-color: rgba(153,  83,  85, 0.1); }
712 .status-color-5a { background-color: rgba(170, 210,  85, 0.1); }
713 .status-color-5b { background-color: rgba(187,  82,  85, 0.1); }
714 .status-color-5c { background-color: rgba(204, 209,  85, 0.1); }
715 .status-color-5d { background-color: rgba(221,  81,  85, 0.1); }
716 .status-color-5e { background-color: rgba(238, 208,  85, 0.1); }
717 .status-color-5f { background-color: rgba(255,  80,  85, 0.1); }
718 .status-color-60 { background-color: rgba(  0, 207, 102, 0.1); }
719 .status-color-61 { background-color: rgba( 17,  79, 102, 0.1); }
720 .status-color-62 { background-color: rgba( 34, 206, 102, 0.1); }
721 .status-color-63 { background-color: rgba( 51,  78, 102, 0.1); }
722 .status-color-64 { background-color: rgba( 68, 205, 102, 0.1); }
723 .status-color-65 { background-color: rgba( 85,  77, 102, 0.1); }
724 .status-color-66 { background-color: rgba(102, 204, 102, 0.1); }
725 .status-color-67 { background-color: rgba(119,  76, 102, 0.1); }
726 .status-color-68 { background-color: rgba(136, 203, 102, 0.1); }
727 .status-color-69 { background-color: rgba(153,  75, 102, 0.1); }
728 .status-color-6a { background-color: rgba(170, 202, 102, 0.1); }
729 .status-color-6b { background-color: rgba(187,  74, 102, 0.1); }
730 .status-color-6c { background-color: rgba(204, 201, 102, 0.1); }
731 .status-color-6d { background-color: rgba(221,  73, 102, 0.1); }
732 .status-color-6e { background-color: rgba(238, 200, 102, 0.1); }
733 .status-color-6f { background-color: rgba(255,  72, 102, 0.1); }
734 .status-color-70 { background-color: rgba(  0, 199, 119, 0.1); }
735 .status-color-71 { background-color: rgba( 17,  71, 119, 0.1); }
736 .status-color-72 { background-color: rgba( 34, 198, 119, 0.1); }
737 .status-color-73 { background-color: rgba( 51,  70, 119, 0.1); }
738 .status-color-74 { background-color: rgba( 68, 197, 119, 0.1); }
739 .status-color-75 { background-color: rgba( 85,  69, 119, 0.1); }
740 .status-color-76 { background-color: rgba(102, 196, 119, 0.1); }
741 .status-color-77 { background-color: rgba(119,  68, 119, 0.1); }
742 .status-color-78 { background-color: rgba(136, 195, 119, 0.1); }
743 .status-color-79 { background-color: rgba(153,  67, 119, 0.1); }
744 .status-color-7a { background-color: rgba(170, 194, 119, 0.1); }
745 .status-color-7b { background-color: rgba(187,  66, 119, 0.1); }
746 .status-color-7c { background-color: rgba(204, 193, 119, 0.1); }
747 .status-color-7d { background-color: rgba(221,  65, 119, 0.1); }
748 .status-color-7e { background-color: rgba(238, 192, 119, 0.1); }
749 .status-color-7f { background-color: rgba(255,  64, 119, 0.1); }
750 .status-color-80 { background-color: rgba(  0, 191, 136, 0.1); }
751 .status-color-81 { background-color: rgba( 17,  63, 136, 0.1); }
752 .status-color-82 { background-color: rgba( 34, 190, 136, 0.1); }
753 .status-color-83 { background-color: rgba( 51,  62, 136, 0.1); }
754 .status-color-84 { background-color: rgba( 68, 189, 136, 0.1); }
755 .status-color-85 { background-color: rgba( 85,  61, 136, 0.1); }
756 .status-color-86 { background-color: rgba(102, 188, 136, 0.1); }
757 .status-color-87 { background-color: rgba(119,  60, 136, 0.1); }
758 .status-color-88 { background-color: rgba(136, 187, 136, 0.1); }
759 .status-color-89 { background-color: rgba(153,  59, 136, 0.1); }
760 .status-color-8a { background-color: rgba(170, 186, 136, 0.1); }
761 .status-color-8b { background-color: rgba(187,  58, 136, 0.1); }
762 .status-color-8c { background-color: rgba(204, 185, 136, 0.1); }
763 .status-color-8d { background-color: rgba(221,  57, 136, 0.1); }
764 .status-color-8e { background-color: rgba(238, 184, 136, 0.1); }
765 .status-color-8f { background-color: rgba(255,  56, 136, 0.1); }
766 .status-color-90 { background-color: rgba(  0, 183, 153, 0.1); }
767 .status-color-91 { background-color: rgba( 17,  55, 153, 0.1); }
768 .status-color-92 { background-color: rgba( 34, 182, 153, 0.1); }
769 .status-color-93 { background-color: rgba( 51,  54, 153, 0.1); }
770 .status-color-94 { background-color: rgba( 68, 181, 153, 0.1); }
771 .status-color-95 { background-color: rgba( 85,  53, 153, 0.1); }
772 .status-color-96 { background-color: rgba(102, 180, 153, 0.1); }
773 .status-color-97 { background-color: rgba(119,  52, 153, 0.1); }
774 .status-color-98 { background-color: rgba(136, 179, 153, 0.1); }
775 .status-color-99 { background-color: rgba(153,  51, 153, 0.1); }
776 .status-color-9a { background-color: rgba(170, 178, 153, 0.1); }
777 .status-color-9b { background-color: rgba(187,  50, 153, 0.1); }
778 .status-color-9c { background-color: rgba(204, 177, 153, 0.1); }
779 .status-color-9d { background-color: rgba(221,  49, 153, 0.1); }
780 .status-color-9e { background-color: rgba(238, 176, 153, 0.1); }
781 .status-color-9f { background-color: rgba(255,  48, 153, 0.1); }
782 .status-color-a0 { background-color: rgba(  0, 175, 170, 0.1); }
783 .status-color-a1 { background-color: rgba( 17,  47, 170, 0.1); }
784 .status-color-a2 { background-color: rgba( 34, 174, 170, 0.1); }
785 .status-color-a3 { background-color: rgba( 51,  46, 170, 0.1); }
786 .status-color-a4 { background-color: rgba( 68, 173, 170, 0.1); }
787 .status-color-a5 { background-color: rgba( 85,  45, 170, 0.1); }
788 .status-color-a6 { background-color: rgba(102, 172, 170, 0.1); }
789 .status-color-a7 { background-color: rgba(119,  44, 170, 0.1); }
790 .status-color-a8 { background-color: rgba(136, 171, 170, 0.1); }
791 .status-color-a9 { background-color: rgba(153,  43, 170, 0.1); }
792 .status-color-aa { background-color: rgba(170, 170, 170, 0.1); }
793 .status-color-ab { background-color: rgba(187,  42, 170, 0.1); }
794 .status-color-ac { background-color: rgba(204, 169, 170, 0.1); }
795 .status-color-ad { background-color: rgba(221,  41, 170, 0.1); }
796 .status-color-ae { background-color: rgba(238, 168, 170, 0.1); }
797 .status-color-af { background-color: rgba(255,  40, 170, 0.1); }
798 .status-color-b0 { background-color: rgba(  0, 167, 187, 0.1); }
799 .status-color-b1 { background-color: rgba( 17,  39, 187, 0.1); }
800 .status-color-b2 { background-color: rgba( 34, 166, 187, 0.1); }
801 .status-color-b3 { background-color: rgba( 51,  38, 187, 0.1); }
802 .status-color-b4 { background-color: rgba( 68, 165, 187, 0.1); }
803 .status-color-b5 { background-color: rgba( 85,  37, 187, 0.1); }
804 .status-color-b6 { background-color: rgba(102, 164, 187, 0.1); }
805 .status-color-b7 { background-color: rgba(119,  36, 187, 0.1); }
806 .status-color-b8 { background-color: rgba(136, 163, 187, 0.1); }
807 .status-color-b9 { background-color: rgba(153,  35, 187, 0.1); }
808 .status-color-ba { background-color: rgba(170, 162, 187, 0.1); }
809 .status-color-bb { background-color: rgba(187,  34, 187, 0.1); }
810 .status-color-bc { background-color: rgba(204, 161, 187, 0.1); }
811 .status-color-bd { background-color: rgba(221,  33, 187, 0.1); }
812 .status-color-be { background-color: rgba(238, 160, 187, 0.1); }
813 .status-color-bf { background-color: rgba(255,  32, 187, 0.1); }
814 .status-color-c0 { background-color: rgba(  0, 159, 204, 0.1); }
815 .status-color-c1 { background-color: rgba( 17,  31, 204, 0.1); }
816 .status-color-c2 { background-color: rgba( 34, 158, 204, 0.1); }
817 .status-color-c3 { background-color: rgba( 51,  30, 204, 0.1); }
818 .status-color-c4 { background-color: rgba( 68, 157, 204, 0.1); }
819 .status-color-c5 { background-color: rgba( 85,  29, 204, 0.1); }
820 .status-color-c6 { background-color: rgba(102, 156, 204, 0.1); }
821 .status-color-c7 { background-color: rgba(119,  28, 204, 0.1); }
822 .status-color-c8 { background-color: rgba(136, 155, 204, 0.1); }
823 .status-color-c9 { background-color: rgba(153,  27, 204, 0.1); }
824 .status-color-ca { background-color: rgba(170, 154, 204, 0.1); }
825 .status-color-cb { background-color: rgba(187,  26, 204, 0.1); }
826 .status-color-cc { background-color: rgba(204, 153, 204, 0.1); }
827 .status-color-cd { background-color: rgba(221,  25, 204, 0.1); }
828 .status-color-ce { background-color: rgba(238, 152, 204, 0.1); }
829 .status-color-cf { background-color: rgba(255,  24, 204, 0.1); }
830 .status-color-d0 { background-color: rgba(  0, 151, 221, 0.1); }
831 .status-color-d1 { background-color: rgba( 17,  23, 221, 0.1); }
832 .status-color-d2 { background-color: rgba( 34, 150, 221, 0.1); }
833 .status-color-d3 { background-color: rgba( 51,  22, 221, 0.1); }
834 .status-color-d4 { background-color: rgba( 68, 149, 221, 0.1); }
835 .status-color-d5 { background-color: rgba( 85,  21, 221, 0.1); }
836 .status-color-d6 { background-color: rgba(102, 148, 221, 0.1); }
837 .status-color-d7 { background-color: rgba(119,  20, 221, 0.1); }
838 .status-color-d8 { background-color: rgba(136, 147, 221, 0.1); }
839 .status-color-d9 { background-color: rgba(153,  19, 221, 0.1); }
840 .status-color-da { background-color: rgba(170, 146, 221, 0.1); }
841 .status-color-db { background-color: rgba(187,  18, 221, 0.1); }
842 .status-color-dc { background-color: rgba(204, 145, 221, 0.1); }
843 .status-color-dd { background-color: rgba(221,  17, 221, 0.1); }
844 .status-color-de { background-color: rgba(238, 144, 221, 0.1); }
845 .status-color-df { background-color: rgba(255,  16, 221, 0.1); }
846 .status-color-e0 { background-color: rgba(  0, 143, 238, 0.1); }
847 .status-color-e1 { background-color: rgba( 17,  15, 238, 0.1); }
848 .status-color-e2 { background-color: rgba( 34, 142, 238, 0.1); }
849 .status-color-e3 { background-color: rgba( 51,  14, 238, 0.1); }
850 .status-color-e4 { background-color: rgba( 68, 141, 238, 0.1); }
851 .status-color-e5 { background-color: rgba( 85,  13, 238, 0.1); }
852 .status-color-e6 { background-color: rgba(102, 140, 238, 0.1); }
853 .status-color-e7 { background-color: rgba(119,  12, 238, 0.1); }
854 .status-color-e8 { background-color: rgba(136, 139, 238, 0.1); }
855 .status-color-e9 { background-color: rgba(153,  11, 238, 0.1); }
856 .status-color-ea { background-color: rgba(170, 138, 238, 0.1); }
857 .status-color-eb { background-color: rgba(187,  10, 238, 0.1); }
858 .status-color-ec { background-color: rgba(204, 137, 238, 0.1); }
859 .status-color-ed { background-color: rgba(221,   9, 238, 0.1); }
860 .status-color-ee { background-color: rgba(238, 136, 238, 0.1); }
861 .status-color-ef { background-color: rgba(255,   8, 238, 0.1); }
862 .status-color-f0 { background-color: rgba(  0, 135, 255, 0.1); }
863 .status-color-f1 { background-color: rgba( 17,   7, 255, 0.1); }
864 .status-color-f2 { background-color: rgba( 34, 134, 255, 0.1); }
865 .status-color-f3 { background-color: rgba( 51,   6, 255, 0.1); }
866 .status-color-f4 { background-color: rgba( 68, 133, 255, 0.1); }
867 .status-color-f5 { background-color: rgba( 85,   5, 255, 0.1); }
868 .status-color-f6 { background-color: rgba(102, 132, 255, 0.1); }
869 .status-color-f7 { background-color: rgba(119,   4, 255, 0.1); }
870 .status-color-f8 { background-color: rgba(136, 131, 255, 0.1); }
871 .status-color-f9 { background-color: rgba(153,   3, 255, 0.1); }
872 .status-color-fa { background-color: rgba(170, 130, 255, 0.1); }
873 .status-color-fb { background-color: rgba(187,   2, 255, 0.1); }
874 .status-color-fc { background-color: rgba(204, 129, 255, 0.1); }
875 .status-color-fd { background-color: rgba(221,   1, 255, 0.1); }
876 .status-color-fe { background-color: rgba(238, 128, 255, 0.1); }
877 .status-color-ff { background-color: rgba(255,   0, 255, 0.1); }