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