├── .vscode
└── settings.json
├── Font Awesome
├── duotone.css
├── light.css
├── regular.css
├── solid.css
└── thin.css
├── Icons
├── Outline.woff2
├── Round.woff2
└── Sharp.woff2
├── Outline.css
├── README.md
├── Sharp.css
├── _config.yml
├── github-hosted
├── Outline.css
├── Round.css
└── Sharp.css
└── round.css
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "nuxt.isNuxtApp": false
3 | }
--------------------------------------------------------------------------------
/Font Awesome/duotone.css:
--------------------------------------------------------------------------------
1 | @import url("https://site-assets.fontawesome.com/releases/v6.1.0/css/all.css");
2 | .material-icons {
3 | font-family: "Font Awesome 6 Duotone";
4 | font-weight: 400;
5 | -moz-osx-font-smoothing: grayscale;
6 | -webkit-font-smoothing: antialiased;
7 | display: inline-block;
8 | font-style: normal;
9 | font-variant: normal;
10 | text-rendering: auto;
11 | line-height: 1;
12 | text-align: center;
13 | }
14 |
15 | .material-icons.replay:before,
16 | .material-icons.airplay:before,
17 | .material-icons.picture_in_picture_alt:before {
18 | font-family: "Material Icons";
19 | }
20 |
21 | :root {
22 | --opacity: 0.4;
23 | }
24 |
25 | .material-icons.menu:before {
26 | position: absolute;
27 | content: "\f0c9";
28 | }
29 |
30 | .material-icons.menu:after {
31 | opacity: var(--opacity);
32 | content: "\10f0c9";
33 | }
34 |
35 | .material-icons.sync_disabled:before {
36 | position: absolute;
37 | content: "\f021";
38 | }
39 |
40 | .material-icons.sync_disabled:after {
41 | opacity: var(--opacity);
42 | content: "\10f021";
43 | }
44 |
45 | .material-icons.sync:before {
46 | position: absolute;
47 | content: "\f2f1";
48 | }
49 |
50 | .material-icons.sync:after {
51 | opacity: var(--opacity);
52 | content: "\10f2f1";
53 | }
54 |
55 | .material-icons.cast:before {
56 | content: "\f838";
57 | font-family: "Font Awesome 5 Brands";
58 | }
59 |
60 | .material-icons.search:before {
61 | position: absolute;
62 | content: "\f002";
63 | }
64 |
65 | .material-icons.search:after {
66 | opacity: var(--opacity);
67 | content: "\10f002";
68 | }
69 |
70 | .material-icons.home:before {
71 | position: absolute;
72 | content: "\f015";
73 | }
74 |
75 | .material-icons.home:after {
76 | opacity: var(--opacity);
77 | content: "\10f80b";
78 | }
79 |
80 | .material-icons.folder:before {
81 | position: absolute;
82 | content: "\f07b";
83 | }
84 |
85 | .material-icons.folder:after {
86 | opacity: var(--opacity);
87 | content: "\10f07b";
88 | }
89 |
90 | .material-icons.video_library:before {
91 | position: absolute;
92 | content: "\f3a0";
93 | }
94 |
95 | .material-icons.video_library:after {
96 | opacity: var(--opacity);
97 | content: "\10f3a0";
98 | }
99 |
100 | .material-icons.video_settings:before {
101 | position: absolute;
102 | content: "\f1de";
103 | }
104 |
105 | .material-icons.video_settings:after {
106 | opacity: var(--opacity);
107 | content: "\10f1de";
108 | }
109 |
110 | .material-icons.meeting_room:before {
111 | position: absolute;
112 | content: "\f52b";
113 | }
114 |
115 | .material-icons.meeting_room:after {
116 | opacity: var(--opacity);
117 | content: "\10f52b";
118 | }
119 |
120 | .material-icons.update:before {
121 | position: absolute;
122 | content: "\f1da";
123 | }
124 |
125 | .material-icons.update:after {
126 | opacity: var(--opacity);
127 | content: "\10f1da";
128 | }
129 |
130 | .material-icons.library_music:before {
131 | position: absolute;
132 | content: "\f001";
133 | }
134 |
135 | .material-icons.library_music:after {
136 | opacity: var(--opacity);
137 | content: "\10f001";
138 | }
139 |
140 | .material-icons.tv:before {
141 | position: absolute;
142 | content: "\f8e5";
143 | }
144 |
145 | .material-icons.tv:after {
146 | opacity: var(--opacity);
147 | content: "\10f8e5";
148 | }
149 |
150 | .material-icons.exit_to_app:before {
151 | position: absolute;
152 | content: "\f2f5";
153 | }
154 |
155 | .material-icons.exit_to_app:after {
156 | opacity: var(--opacity);
157 | content: "\10f2f5";
158 | }
159 |
160 | .material-icons.play_arrow:before {
161 | position: absolute;
162 | content: "\f04b";
163 | }
164 |
165 | .material-icons.play_arrow:after {
166 | opacity: var(--opacity);
167 | content: "\10f04b";
168 | }
169 |
170 | .material-icons.get_app:before {
171 | position: absolute;
172 | content: "\f019";
173 | }
174 |
175 | .material-icons.get_app:after {
176 | opacity: var(--opacity);
177 | content: "\10f019";
178 | }
179 |
180 | .material-icons.theaters:before {
181 | position: absolute;
182 | content: "\f008";
183 | }
184 |
185 | .material-icons.theaters:after {
186 | opacity: var(--opacity);
187 | content: "\10f008";
188 | }
189 |
190 | .material-icons.explore:before {
191 | position: absolute;
192 | content: "\f8ab";
193 | }
194 |
195 | .material-icons.explore:after {
196 | opacity: var(--opacity);
197 | content: "\10f8ab";
198 | }
199 |
200 | .material-icons.shuffle:before {
201 | position: absolute;
202 | content: "\f074";
203 | }
204 |
205 | .material-icons.shuffle:after {
206 | opacity: var(--opacity);
207 | content: "\10f074";
208 | }
209 |
210 | .material-icons.delete:before {
211 | position: absolute;
212 | content: "\f2ed";
213 | }
214 |
215 | .material-icons.delete:after {
216 | opacity: var(--opacity);
217 | content: "\10f2ed";
218 | }
219 |
220 | .material-icons.stop:before {
221 | position: absolute;
222 | content: "\f28d";
223 | }
224 |
225 | .material-icons.stop:after {
226 | opacity: var(--opacity);
227 | content: "\10f28d";
228 | }
229 |
230 | .material-icons.favorite:before {
231 | position: absolute;
232 | content: "\f004";
233 | }
234 |
235 | .material-icons.favorite:after {
236 | opacity: var(--opacity);
237 | content: "\10f004";
238 | }
239 |
240 | .material-icons.call_split:before {
241 | position: absolute;
242 | content: "\f126";
243 | }
244 |
245 | .material-icons.call_split:after {
246 | opacity: var(--opacity);
247 | content: "\10f126";
248 | }
249 |
250 | .material-icons.keyboard_arrow_left:before,
251 | .material-icons.arrow_back:before {
252 | position: absolute;
253 | content: "\f060";
254 | }
255 |
256 | .material-icons.keyboard_arrow_left:after,
257 | .material-icons.arrow_back:after {
258 | opacity: var(--opacity);
259 | content: "\10f060";
260 | }
261 |
262 | .material-icons.notifications::before {
263 | position: absolute;
264 | content: "\f0f3";
265 | }
266 |
267 | .material-icons.notifications::after {
268 | opacity: var(--opacity);
269 | content: "\10f0f3";
270 | }
271 |
272 | .material-icons.notifications_active:before {
273 | position: absolute;
274 | content: "\f8fa";
275 | }
276 |
277 | .material-icons.notifications_active:after {
278 | opacity: var(--opacity);
279 | content: "\10f8fa";
280 | }
281 |
282 | .material-icons.check:before {
283 | position: absolute;
284 | content: "\f00c";
285 | }
286 |
287 | .material-icons.check:after {
288 | opacity: var(--opacity);
289 | content: "\10f00c";
290 | }
291 |
292 | .material-icons.more_vert:before {
293 | position: absolute;
294 | content: "\f39c";
295 | }
296 |
297 | .material-icons.more_vert:after {
298 | opacity: var(--opacity);
299 | content: "\10f39c";
300 | }
301 |
302 | .material-icons.dashboard:before {
303 | position: absolute;
304 | content: "\f3fd";
305 | }
306 |
307 | .material-icons.dashboard:after {
308 | opacity: var(--opacity);
309 | content: "\10f3fd";
310 | }
311 |
312 | .material-icons.edit:before,
313 | .material-icons.mode_edit:before {
314 | position: absolute;
315 | content: "\f044";
316 | }
317 |
318 | .material-icons.edit:after,
319 | .material-icons.mode_edit:after {
320 | opacity: var(--opacity);
321 | content: "\10f044";
322 | }
323 |
324 | .material-icons.settings:before {
325 | position: absolute;
326 | content: "\f013";
327 | }
328 |
329 | .material-icons.settings:after {
330 | opacity: var(--opacity);
331 | content: "\10f013";
332 | }
333 |
334 | .material-icons.people:before {
335 | position: absolute;
336 | content: "\f0c0";
337 | }
338 |
339 | .material-icons.people:after {
340 | opacity: var(--opacity);
341 | content: "\10f0c0";
342 | }
343 |
344 | .material-icons.assessment:before {
345 | position: absolute;
346 | content: "\f643";
347 | }
348 |
349 | .material-icons.assessment:after {
350 | opacity: var(--opacity);
351 | content: "\10f643";
352 | }
353 |
354 | .material-icons.live_tv:before {
355 | position: absolute;
356 | content: "\f401";
357 | }
358 |
359 | .material-icons.live_tv:after {
360 | opacity: var(--opacity);
361 | content: "\10f401";
362 | }
363 |
364 | .material-icons.dvr:before {
365 | position: absolute;
366 | content: "\f0a0";
367 | }
368 |
369 | .material-icons.dvr:after {
370 | opacity: var(--opacity);
371 | content: "\10f0a0";
372 | }
373 |
374 | .material-icons.person:before {
375 | position: absolute;
376 | content: "\f007";
377 | }
378 |
379 | .material-icons.person:after {
380 | opacity: var(--opacity);
381 | content: "\10f007";
382 | }
383 |
384 | .material-icons.play_circle_filled:before {
385 | position: absolute;
386 | content: "\f144";
387 | }
388 |
389 | .material-icons.play_circle_filled:after {
390 | opacity: var(--opacity);
391 | content: "\10f144";
392 | }
393 |
394 | .material-icons.closed_caption:before {
395 | position: absolute;
396 | content: "\f20a";
397 | }
398 |
399 | .material-icons.closed_caption:after {
400 | opacity: var(--opacity);
401 | content: "\10f20a";
402 | }
403 |
404 | .listItemIcon {
405 | padding: 10px 10px 0px 0px;
406 | border-radius: 0 !important;
407 | -webkit-border-radius: 0 !important;
408 | -moz-border-radius: 0 !important;
409 | -ms-border-radius: 0 !important;
410 | -o-border-radius: 0 !important;
411 | }
412 |
413 | .material-icons.tap_and_play:before {
414 | position: absolute;
415 | content: "\e012";
416 | }
417 |
418 | .material-icons.tap_and_play:after {
419 | opacity: var(--opacity);
420 | content: "\10e012";
421 | }
422 |
423 | .material-icons.devices_other:before,
424 | .material-icons.devices:before {
425 | position: absolute;
426 | content: "\f87a";
427 | }
428 |
429 | .material-icons.devices_other:after,
430 | .material-icons.devices:after {
431 | opacity: var(--opacity);
432 | content: "\10f87a";
433 | }
434 |
435 | .material-icons.input:before {
436 | position: absolute;
437 | content: "\f090";
438 | }
439 |
440 | .material-icons.input:after {
441 | opacity: var(--opacity);
442 | content: "\10f090";
443 | }
444 |
445 | .material-icons.cloud:before {
446 | position: absolute;
447 | content: "\f0c2";
448 | }
449 |
450 | .material-icons.cloud:after {
451 | opacity: var(--opacity);
452 | content: "\10f0c2";
453 | }
454 |
455 | .material-icons.vpn_key:before {
456 | position: absolute;
457 | content: "\f084";
458 | }
459 |
460 | .material-icons.vpn_key:after {
461 | opacity: var(--opacity);
462 | content: "\10f084";
463 | }
464 |
465 | .material-icons.bug_report:before {
466 | position: absolute;
467 | content: "\f188";
468 | }
469 |
470 | .material-icons.bug_report:after {
471 | opacity: var(--opacity);
472 | content: "\10f188";
473 | }
474 |
475 | .material-icons.shopping_cart:before {
476 | position: absolute;
477 | content: "\f07a";
478 | }
479 |
480 | .material-icons.shopping_cart:after {
481 | opacity: var(--opacity);
482 | content: "\10f07a";
483 | }
484 |
485 | .material-icons.schedule:before {
486 | position: absolute;
487 | content: "\f073";
488 | }
489 |
490 | .material-icons.schedule:after {
491 | opacity: var(--opacity);
492 | content: "\10f073";
493 | }
494 |
495 | .material-icons.folder_open:before {
496 | position: absolute;
497 | content: "\f07c";
498 | }
499 |
500 | .material-icons.folder_open::after {
501 | opacity: var(--opacity);
502 | content: "\10f07c";
503 | }
504 |
505 | .material-icons.keyboard_arrow_down:before,
506 | .material-icons.expand_more:before {
507 | position: absolute;
508 | content: "\f078";
509 | }
510 |
511 | .material-icons.keyboard_arrow_down::after,
512 | .material-icons.expand_more::after {
513 | opacity: var(--opacity);
514 | content: "\10f078";
515 | }
516 |
517 | .material-icons.keyboard_arrow_up:before {
518 | position: absolute;
519 | content: "\f077";
520 | }
521 |
522 | .material-icons.keyboard_arrow_up::after {
523 | opacity: var(--opacity);
524 | content: "\10f077";
525 | }
526 |
527 | .material-icons.add:before {
528 | position: absolute;
529 | content: "\f067";
530 | }
531 |
532 | .material-icons.add::after {
533 | opacity: var(--opacity);
534 | content: "\10f067";
535 | }
536 |
537 | .material-icons.extension:before {
538 | position: absolute;
539 | content: "\f12e";
540 | }
541 |
542 | .material-icons.extension::after {
543 | opacity: var(--opacity);
544 | content: "\10f12e";
545 | }
546 |
547 | .material-icons.open_in_new:before {
548 | position: absolute;
549 | content: "\f35d";
550 | }
551 |
552 | .material-icons.open_in_new::after {
553 | opacity: var(--opacity);
554 | content: "\10f35d";
555 | }
556 |
557 | .material-icons.view_comfy:before {
558 | position: absolute;
559 | content: "\f00a";
560 | }
561 |
562 | .material-icons.view_comfy::after {
563 | opacity: var(--opacity);
564 | content: "\10f00a";
565 | }
566 |
567 | .material-icons.filter_list:before {
568 | position: absolute;
569 | content: "\f0b0";
570 | }
571 |
572 | .material-icons.filter_list::after {
573 | opacity: var(--opacity);
574 | content: "\10f0b0";
575 | }
576 |
577 | .material-icons.sort_by_alpha:before {
578 | position: absolute;
579 | content: "\f0dc";
580 | }
581 |
582 | .material-icons.sort_by_alpha::after {
583 | opacity: var(--opacity);
584 | content: "\10f0dc";
585 | }
586 |
587 | .material-icons.keyboard_arrow_right:before,
588 | .material-icons.arrow_forward:before {
589 | position: absolute;
590 | content: "\f061";
591 | }
592 |
593 | .material-icons.keyboard_arrow_right::after,
594 | .material-icons.arrow_forward::after {
595 | opacity: var(--opacity);
596 | content: "\10f061";
597 | }
598 |
599 | .material-icons.chevron_left:before {
600 | position: absolute;
601 | content: "\f0d9";
602 | }
603 |
604 | .material-icons.chevron_left::after {
605 | opacity: var(--opacity);
606 | content: "\10f0d9";
607 | }
608 |
609 | .material-icons.chevron_right:before {
610 | position: absolute;
611 | content: "\f0da";
612 | }
613 |
614 | .material-icons.chevron_right::after {
615 | opacity: var(--opacity);
616 | content: "\10f0da";
617 | }
618 |
619 | .material-icons.image:before {
620 | position: absolute;
621 | content: "\f8c4";
622 | }
623 |
624 | .material-icons.image::after {
625 | opacity: var(--opacity);
626 | content: "\10f8c4";
627 | }
628 |
629 | .material-icons.refresh:before {
630 | position: absolute;
631 | content: "\f2f9";
632 | }
633 |
634 | .material-icons.refresh::after {
635 | opacity: var(--opacity);
636 | content: "\10f2f9";
637 | }
638 |
639 | .material-icons.playlist_add:before {
640 | position: absolute;
641 | content: "\f8c9";
642 | }
643 |
644 | .material-icons.playlist_add::after {
645 | opacity: var(--opacity);
646 | content: "\10f8c9";
647 | }
648 |
649 | .material-icons.skip_previous:before {
650 | position: absolute;
651 | content: "\f048";
652 | }
653 |
654 | .material-icons.skip_previous::after {
655 | opacity: var(--opacity);
656 | content: "\10f048";
657 | }
658 |
659 | .material-icons.fast_rewind:before {
660 | position: absolute;
661 | content: "\f04a";
662 | }
663 |
664 | .material-icons.fast_rewind::after {
665 | opacity: var(--opacity);
666 | content: "\10f04a";
667 | }
668 |
669 | .material-icons.fast_forward:before {
670 | position: absolute;
671 | content: "\f04e";
672 | }
673 |
674 | .material-icons.fast_forward::after {
675 | opacity: var(--opacity);
676 | content: "\10f04e";
677 | }
678 |
679 | .material-icons.audiotrack:before {
680 | position: absolute;
681 | content: "\f8cf";
682 | }
683 |
684 | .material-icons.audiotrack::after {
685 | opacity: var(--opacity);
686 | content: "\10f8cf";
687 | }
688 |
689 | .material-icons.fiber_manual_record:before {
690 | position: absolute;
691 | content: "\f111";
692 | }
693 |
694 | .material-icons.fiber_manual_record::after {
695 | opacity: var(--opacity);
696 | content: "\10f111";
697 | }
698 |
699 | .material-icons.airplay:before,
700 | .material-icons.picture_in_picture_alt:before {
701 | font-family: "Material Icons";
702 | }
703 |
704 | .material-icons.fullscreen:before {
705 | position: absolute;
706 | content: "\f065";
707 | }
708 |
709 | .material-icons.fullscreen::after {
710 | opacity: var(--opacity);
711 | content: "\10f065";
712 | }
713 |
714 | .material-icons.volume_off:before {
715 | position: absolute;
716 | content: "\f6a9";
717 | }
718 |
719 | .material-icons.volume_off::after {
720 | opacity: var(--opacity);
721 | content: "\10f6a9";
722 | }
723 |
724 | .material-icons.volume_up:before {
725 | position: absolute;
726 | content: "\f028";
727 | }
728 |
729 | .material-icons.volume_up::after {
730 | opacity: var(--opacity);
731 | content: "\10f028";
732 | }
733 |
734 | .material-icons.star:before {
735 | position: absolute;
736 | content: "\f005";
737 | }
738 |
739 | .material-icons.star::after {
740 | opacity: var(--opacity);
741 | content: "\10f005";
742 | }
743 |
744 | .material-icons.message::before {
745 | position: absolute;
746 | content: "\f1d8";
747 | }
748 |
749 | .material-icons.message::after {
750 | opacity: var(--opacity);
751 | content: "\10f1d8";
752 | }
753 |
754 | .material-icons.add_circle::before {
755 | position: absolute;
756 | content: "\f055";
757 | }
758 |
759 | .material-icons.add_circle::after {
760 | opacity: var(--opacity);
761 | content: "\10f055";
762 | }
763 |
764 | .sectionTitle + .material-icons.chevron_right {
765 | margin-left: 1em;
766 | }
767 |
768 | .material-icons.pause::before {
769 | position: absolute;
770 | content: "\f04c";
771 | }
772 |
773 | .material-icons.pause::after {
774 | opacity: var(--opacity);
775 | content: "\10f04c";
776 | }
777 |
778 | .material-icons.skip_next::before {
779 | position: absolute;
780 | content: "\f051";
781 | }
782 |
783 | .material-icons.skip_next::after {
784 | opacity: var(--opacity);
785 | content: "\10f051";
786 | }
787 |
788 | .material-icons.repeat::before {
789 | position: absolute;
790 | content: "\f363";
791 | }
792 |
793 | .material-icons.repeat::after {
794 | opacity: var(--opacity);
795 | content: "\10f363";
796 | }
797 |
798 | .material-icons.repeat_one::before {
799 | position: absolute;
800 | content: "\f366";
801 | }
802 |
803 | .material-icons.repeat_one::after {
804 | opacity: var(--opacity);
805 | content: "\10f366";
806 | }
807 |
808 | .material-icons.drag_handle::before {
809 | position: absolute;
810 | content: "\f7a4";
811 | }
812 |
813 | .material-icons.drag_handle::after {
814 | opacity: var(--opacity);
815 | content: "\10f7a4";
816 | }
817 |
818 | .material-icons.save::before {
819 | position: absolute;
820 | content: "\f0c7";
821 | }
822 |
823 | .material-icons.save::after {
824 | opacity: var(--opacity);
825 | content: "\10f0c7";
826 | }
827 |
828 | .material-icons.remove_circle_outline::before {
829 | position: absolute;
830 | content: "\f056";
831 | }
832 |
833 | .material-icons.remove_circle_outline::after {
834 | opacity: var(--opacity);
835 | content: "\10f056";
836 | }
837 |
838 | .material-icons.forward_30::before {
839 | position: absolute;
840 | content: "\f04e";
841 | }
842 |
843 | .material-icons.forward_30::after {
844 | opacity: var(--opacity);
845 | content: "\10f04e";
846 | }
847 |
848 | .material-icons.replay_10::before {
849 | position: absolute;
850 | content: "\f04a";
851 | }
852 |
853 | .material-icons.replay_10::after {
854 | opacity: var(--opacity);
855 | content: "\10f04a";
856 | }
857 |
858 | .material-icons.pause_circle_filled::before {
859 | position: absolute;
860 | content: "\f28b";
861 | }
862 |
863 | .material-icons.pause_circle_filled::after {
864 | opacity: var(--opacity);
865 | content: "\10f28b";
866 | }
867 |
868 | .material-icons.file_download::before {
869 | position: absolute;
870 | content: "\f56d";
871 | }
872 |
873 | .material-icons.file_download::after {
874 | opacity: var(--opacity);
875 | content: "\10f56d";
876 | }
877 |
878 | .material-icons.content_copy::before {
879 | position: absolute;
880 | content: "\f0c5";
881 | }
882 |
883 | .material-icons.content_copy::after {
884 | opacity: var(--opacity);
885 | content: "\10f0c5";
886 | }
887 |
888 | .material-icons.info::before {
889 | position: absolute;
890 | content: "\f129";
891 | }
892 |
893 | .material-icons.info::after {
894 | opacity: var(--opacity);
895 | content: "\10f129";
896 | }
897 |
898 | .material-icons.album::before {
899 | position: absolute;
900 | content: "\f89f";
901 | }
902 |
903 | .material-icons.album::after {
904 | opacity: var(--opacity);
905 | content: "\10f89f";
906 | }
907 |
908 | .material-icons.notifications_off:before {
909 | position: absolute;
910 | content: "\f1f6";
911 | }
912 |
913 | .material-icons.notifications_off::after {
914 | opacity: var(--opacity);
915 | content: "\10f1f6";
916 | }
917 |
918 | .selectArrowContainer {
919 | height: 1.5em;
920 | overflow: hidden;
921 | margin-top: 1.9em;
922 | margin-right: 0.2em;
923 | }
924 |
925 | .selectArrow {
926 | margin-top: 0 !important;
927 | font-size: 1.5em;
928 | }
929 |
930 | .material-icons.close:before {
931 | position: absolute;
932 | content: "\f00d";
933 | }
934 |
935 | .material-icons.close::after {
936 | opacity: var(--opacity);
937 | content: "\10f00d";
938 | }
939 |
940 | .sectionTitle + .material-icons.chevron_right:before {
941 | position: absolute;
942 | content: "\f054";
943 | }
944 |
945 | .sectionTitle + .material-icons.chevron_right::after {
946 | opacity: var(--opacity);
947 | content: "\10f054";
948 | }
949 |
950 | .material-icons.fullscreen_exit:before {
951 | position: absolute;
952 | content: "\f066";
953 | }
954 |
955 | .material-icons.fullscreen_exit::after {
956 | opacity: var(--opacity);
957 | content: "\10f066";
958 | }
959 |
960 | .material-icons.pause_circle_outline:before {
961 | position: absolute;
962 | content: "\f28b";
963 | }
964 |
965 | .material-icons.pause_circle_outline::after {
966 | opacity: var(--opacity);
967 | content: "\10f28b";
968 | }
969 |
970 | .material-icons.play_circle_outline:before {
971 | position: absolute;
972 | content: "\f144";
973 | }
974 |
975 | .material-icons.play_circle_outline::after {
976 | opacity: var(--opacity);
977 | content: "\10f144";
978 | }
979 |
980 | #itemDetailPage .selectArrowContainer {
981 | margin-top: 0 !important;
982 | }
983 |
984 | .material-icons.wifi::before {
985 | position: absolute;
986 | content: "\f1eb";
987 | }
988 |
989 | .material-icons.wifi::after {
990 | content: "\10f1eb";
991 | opacity: var(--opacity);
992 | }
993 |
994 | .material-icons.info_outline:before {
995 | content: "\f05a";
996 | }
997 |
998 | .material-icons.info_outline:after {
999 | content: "\10f05a";
1000 | opacity: var(--opacity);
1001 | }
1002 |
1003 | .material-icons.cloud_download:before {
1004 | content: "\f0ed";
1005 | }
1006 |
1007 | .material-icons.cloud_download::after {
1008 | content: "\10f0ed";
1009 | opacity: var(--opacity);
1010 | }
1011 |
1012 | .lnkQuickConnectPreferences em {
1013 | font-family: "Material Icons";
1014 | }
1015 |
1016 | .material-icons.call_merge:before {
1017 | position: absolute;
1018 | content: "\f387";
1019 | }
1020 |
1021 | .material-icons.call_merge:after {
1022 | content: "\10f387";
1023 | opacity: var(--opacity);
1024 | }
1025 |
1026 | .material-icons.check_box:before {
1027 | content: "\f14a";
1028 | position: absolute;
1029 | }
1030 |
1031 | .material-icons.check_box::after {
1032 | content: "\10f14a";
1033 | opacity: var(--opacity);
1034 | }
1035 |
1036 | .material-icons.check_box_outline_blank:before {
1037 | position: absolute;
1038 | content: "\f0c8";
1039 | }
1040 |
1041 | .material-icons.check_box_outline_blank::after {
1042 | content: "\10f0c8";
1043 | opacity: var(--opacity);
1044 | }
1045 |
1046 | .listItemIcon {
1047 | padding: 0.25em !important;
1048 | width: -webkit-fit-content !important;
1049 | width: -moz-fit-content !important;
1050 | width: fit-content !important;
1051 | height: -webkit-fit-content !important;
1052 | height: -moz-fit-content !important;
1053 | height: fit-content !important;
1054 | border-radius: 0 !important;
1055 | }
1056 |
1057 | .material-icons.photo:before {
1058 | content: "\f03e";
1059 | position: absolute;
1060 | }
1061 |
1062 | .material-icons.photo::after {
1063 | content: "\10f03e";
1064 | opacity: var(--opacity);
1065 | }
1066 |
1067 | .material-icons.arrow_upward::before {
1068 | content: "\f062";
1069 | position: absolute;
1070 | }
1071 |
1072 | .material-icons.arrow_upward::after {
1073 | content: "\10f062";
1074 | opacity: var(--opacity);
1075 | }
1076 |
1077 | .material-icons.arrow_downward::before {
1078 | content: "\f063";
1079 | position: absolute;
1080 | }
1081 |
1082 | .material-icons.arrow_downward::after {
1083 | content: "\10f063";
1084 | opacity: var(--opacity);
1085 | }
1086 |
1087 | .material-icons.do_not_disturb:before {
1088 | content: "\f05e";
1089 | position: absolute;
1090 | }
1091 |
1092 | .material-icons.do_not_disturb:after {
1093 | content: "\10f05e";
1094 | opacity: var(--opacity);
1095 | }
1096 |
1097 | .material-icons.lock:before {
1098 | content: "\f30d";
1099 | position: absolute;
1100 | }
1101 |
1102 | .material-icons.lock::after {
1103 | content: "\10f30d";
1104 | opacity: var(--opacity);
1105 | }
1106 |
1107 | .material-icons.clear_all:before {
1108 | content: "\f8d1";
1109 | position: absolute;
1110 | }
1111 |
1112 | .material-icons.clear_all::after {
1113 | content: "\10f8d1";
1114 | opacity: var(--opacity);
1115 | }
1116 |
1117 | .material-icons.library_books:before {
1118 | content: "\f5db";
1119 | position: absolute;
1120 | }
1121 |
1122 | .material-icons.library_books::after {
1123 | content: "\10f5db";
1124 | opacity: var(--opacity);
1125 | }
1126 |
1127 | .material-icons.share:before {
1128 | content: "\f1e0";
1129 | position: absolute;
1130 | }
1131 |
1132 | .material-icons.share::after {
1133 | content: "\10f1e0";
1134 | opacity: var(--opacity);
1135 | }
1136 |
1137 | .material-icons.check_circle_outline:before {
1138 | content: "\f058";
1139 | position: absolute;
1140 | }
1141 |
1142 | .material-icons.check_circle_outline:after {
1143 | content: "\10f058";
1144 | opacity: var(--opacity);
1145 | }
1146 |
1147 | .material-icons.cancel::before {
1148 | content: "\f057";
1149 | position: absolute;
1150 | }
1151 |
1152 | .material-icons.cancel::after {
1153 | content: "\10f057";
1154 | opacity: var(--opacity);
1155 | }
1156 |
1157 | .material-icons.queue_music:before {
1158 | content: "\f8c9";
1159 | position: absolute;
1160 | }
1161 |
1162 | .material-icons.queue_music::after {
1163 | content: "\10f8c9";
1164 | opacity: var(--opacity);
1165 | }
1166 |
1167 | .osdMediaStatus .material-icons.animate.autorenew {
1168 | margin-right: 5px;
1169 | }
1170 |
1171 | .material-icons.autorenew:before {
1172 | content: "\f2f1";
1173 | position: absolute;
1174 | }
1175 |
1176 | .material-icons.autorenew::after {
1177 | content: "\10f2f1";
1178 | opacity: var(--opacity);
1179 | }
1180 |
1181 | .material-icons.computer:before {
1182 | content: "\f109";
1183 | position: absolute;
1184 | }
1185 |
1186 | .material-icons.computer::after {
1187 | content: "\10f109";
1188 | opacity: var(--opacity);
1189 | }
1190 |
1191 | .material-icons.smartphone:before {
1192 | content: "\f3ce";
1193 | position: absolute;
1194 | }
1195 |
1196 | .material-icons.smartphone::after {
1197 | content: "\10f3ce";
1198 | opacity: var(--opacity);
1199 | }
1200 |
1201 | .material-icons.remove_circle:before {
1202 | content: "\f056";
1203 | position: absolute;
1204 | }
1205 |
1206 | .material-icons.remove_circle::after {
1207 | content: "\10f056";
1208 | opacity: var(--opacity);
1209 | }
1210 |
1211 | .material-icons.groups:before {
1212 | position: absolute;
1213 | content: "\f233";
1214 | }
1215 |
1216 | .material-icons.groups:after {
1217 | opacity: var(--opacity);
1218 | content: "\10f233";
1219 | }
1220 |
1221 | .material-icons.undo:before {
1222 | position: absolute;
1223 | content: "\f0e2";
1224 | }
1225 |
1226 | .material-icons.undo::after {
1227 | opacity: var(--opacity);
1228 | content: "\10f0e2";
1229 | }
1230 |
1231 | .material-icons.redo:before {
1232 | position: absolute;
1233 | content: "\f01e";
1234 | }
1235 |
1236 | .material-icons.redo::after {
1237 | opacity: var(--opacity);
1238 | content: "\10f01e";
1239 | }
1240 |
1241 | .material-icons.keyboard:before {
1242 | position: absolute;
1243 | content: "\f11c";
1244 | }
1245 | .material-icons.keyboard:after {
1246 | opacity: var(--opacity);
1247 | content: "\10f11c";
1248 | }
1249 |
1250 | .material-icons.videocam:before {
1251 | position: absolute;
1252 | content: "\f8ec";
1253 | }
1254 | .material-icons.videocam:after {
1255 | opacity: var(--opacity);
1256 | content: "\10f8ec";
1257 | }
1258 |
--------------------------------------------------------------------------------
/Font Awesome/light.css:
--------------------------------------------------------------------------------
1 | /** @format */
2 |
3 | @import url("https://site-assets.fontawesome.com/releases/v6.3.0/css/all.css");
4 | .material-icons {
5 | font-family: "Font Awesome 6 Pro";
6 | font-weight: 300;
7 | -moz-osx-font-smoothing: grayscale;
8 | -webkit-font-smoothing: antialiased;
9 | display: inline-block;
10 | font-style: normal;
11 | font-variant: normal;
12 | text-rendering: auto;
13 | line-height: 1;
14 | text-align: center;
15 | width: 1.25em;
16 | }
17 |
18 | .material-icons.picture_in_picture_alt:before {
19 | font-family: "Material Icons";
20 | }
21 |
22 | .material-icons.airplay:before {
23 | content: "\e089";
24 | }
25 |
26 | .material-icons.replay:before {
27 | content: "\f2f9";
28 | }
29 |
30 | .material-icons.menu:before {
31 | content: "\f0c9";
32 | }
33 |
34 | .material-icons.groups:before {
35 | content: "\f0c0";
36 | }
37 |
38 | .material-icons.sync_disabled:before {
39 | content: "\f021";
40 | }
41 |
42 | .material-icons.sync:before {
43 | content: "\f2f1";
44 | }
45 |
46 | .material-icons.cast:before {
47 | content: "\e23e";
48 | }
49 |
50 | .material-icons.search:before {
51 | content: "\f002";
52 | }
53 |
54 | .material-icons.home:before {
55 | content: "\f015";
56 | }
57 |
58 | .material-icons.folder:before {
59 | content: "\f07b";
60 | }
61 |
62 | .material-icons.video_library:before {
63 | content: "\f3a0";
64 | }
65 |
66 | .material-icons.video_settings:before {
67 | content: "\f1de";
68 | }
69 |
70 | .material-icons.meeting_room:before {
71 | content: "\f52b";
72 | }
73 |
74 | .material-icons.update:before {
75 | content: "\f1da";
76 | }
77 |
78 | .material-icons.library_music:before {
79 | content: "\f001";
80 | }
81 |
82 | .material-icons.tv:before {
83 | content: "\f8e5";
84 | }
85 |
86 | .material-icons.exit_to_app:before {
87 | content: "\f2f5";
88 | }
89 |
90 | .material-icons.play_arrow:before {
91 | content: "\f04b";
92 | }
93 |
94 | .material-icons.get_app:before {
95 | content: "\f019";
96 | }
97 |
98 | .material-icons.theaters:before {
99 | content: "\f008";
100 | }
101 |
102 | .material-icons.explore:before {
103 | content: "\f8ab";
104 | }
105 |
106 | .material-icons.shuffle:before {
107 | content: "\f074";
108 | }
109 |
110 | .material-icons.delete:before {
111 | content: "\f2ed";
112 | }
113 |
114 | .material-icons.stop:before {
115 | content: "\f28d";
116 | }
117 |
118 | .material-icons.stop:before {
119 | content: "\f28d";
120 | }
121 |
122 | .material-icons.favorite:before {
123 | content: "\f004";
124 | }
125 |
126 | .material-icons.call_split:before {
127 | content: "\f126";
128 | }
129 |
130 | .material-icons.keyboard_arrow_left:before,
131 | .material-icons.arrow_back:before {
132 | content: "\f060";
133 | }
134 |
135 | .material-icons.notifications::before {
136 | content: "\f0f3";
137 | }
138 |
139 | .material-icons.notifications_active:before {
140 | content: "\f8fa";
141 | }
142 |
143 | .material-icons.check:before {
144 | content: "\f00c";
145 | }
146 |
147 | .material-icons.more_vert:before {
148 | content: "\f39c";
149 | }
150 |
151 | .material-icons.dashboard:before {
152 | content: "\f3fd";
153 | }
154 |
155 | .material-icons.edit:before,
156 | .material-icons.mode_edit:before {
157 | content: "\f044";
158 | }
159 |
160 | .material-icons.settings:before {
161 | content: "\f013";
162 | }
163 |
164 | .material-icons.people:before {
165 | content: "\f0c0";
166 | }
167 |
168 | .material-icons.assessment:before {
169 | content: "\f643";
170 | }
171 |
172 | .material-icons.live_tv:before {
173 | content: "\f401";
174 | }
175 |
176 | .material-icons.dvr:before {
177 | content: "\f0a0";
178 | }
179 |
180 | .material-icons.person:before {
181 | content: "\f007";
182 | }
183 |
184 | .material-icons.play_circle_filled:before {
185 | content: "\f144";
186 | }
187 |
188 | .material-icons.closed_caption:before {
189 | content: "\f20a";
190 | }
191 |
192 | .material-icons.tap_and_play:before {
193 | content: "\e1ef";
194 | }
195 |
196 | .material-icons.devices_other:before,
197 | .material-icons.devices:before {
198 | content: "\f87a";
199 | }
200 |
201 | .material-icons.input:before {
202 | content: "\f090";
203 | }
204 |
205 | .material-icons.cloud:before {
206 | content: "\f0c2";
207 | }
208 |
209 | .material-icons.vpn_key:before {
210 | content: "\f084";
211 | }
212 |
213 | .material-icons.bug_report:before {
214 | content: "\f188";
215 | }
216 |
217 | .material-icons.shopping_cart:before {
218 | content: "\f07a";
219 | }
220 |
221 | .material-icons.schedule:before {
222 | content: "\f073";
223 | }
224 |
225 | .material-icons.folder_open:before {
226 | content: "\f07c";
227 | }
228 |
229 | .material-icons.keyboard_arrow_down:before,
230 | .material-icons.expand_more:before {
231 | content: "\f078";
232 | }
233 |
234 | .material-icons.keyboard_arrow_up:before {
235 | content: "\f077";
236 | }
237 |
238 | .material-icons.add:before {
239 | content: "\f067";
240 | }
241 |
242 | .material-icons.extension:before {
243 | content: "\f12e";
244 | }
245 |
246 | .material-icons.open_in_new:before {
247 | content: "\f35d";
248 | }
249 |
250 | .material-icons.view_comfy:before {
251 | content: "\f00a";
252 | }
253 |
254 | .material-icons.filter_list:before {
255 | content: "\f0b0";
256 | }
257 |
258 | .material-icons.sort_by_alpha:before {
259 | content: "\f0dc";
260 | }
261 |
262 | .material-icons.keyboard_arrow_right:before,
263 | .material-icons.arrow_forward:before {
264 | content: "\f061";
265 | }
266 |
267 | .material-icons.chevron_left:before {
268 | content: "\f0d9";
269 | }
270 |
271 | .material-icons.chevron_right:before {
272 | content: "\f0da";
273 | }
274 |
275 | .material-icons.image:before {
276 | content: "\f8c4";
277 | }
278 |
279 | .material-icons.refresh:before {
280 | content: "\f2f9";
281 | }
282 |
283 | .material-icons.playlist_add:before {
284 | content: "\f8c9";
285 | }
286 |
287 | .material-icons.skip_previous:before {
288 | content: "\f048";
289 | }
290 |
291 | .material-icons.fast_rewind:before {
292 | content: "\f04a";
293 | }
294 |
295 | .material-icons.fast_forward:before {
296 | content: "\f04e";
297 | }
298 |
299 | .material-icons.audiotrack:before {
300 | content: "\f8cf";
301 | }
302 |
303 | .material-icons.fiber_manual_record:before {
304 | content: "\f111";
305 | }
306 |
307 | .material-icons.fullscreen:before {
308 | content: "\f065";
309 | }
310 |
311 | .material-icons.volume_off:before {
312 | content: "\f6a9";
313 | }
314 |
315 | .material-icons.volume_up:before {
316 | content: "\f028";
317 | }
318 |
319 | .material-icons.star:before {
320 | content: "\f005";
321 | }
322 |
323 | .material-icons.message::before {
324 | content: "\f1d8";
325 | }
326 |
327 | .material-icons.add_circle::before {
328 | content: "\f055";
329 | }
330 |
331 | .sectionTitle + .material-icons.chevron_right {
332 | margin-left: 1em;
333 | }
334 |
335 | .material-icons.pause::before {
336 | content: "\f04c";
337 | }
338 |
339 | .material-icons.skip_next::before {
340 | content: "\f051";
341 | }
342 |
343 | .material-icons.repeat::before {
344 | content: "\f363";
345 | }
346 |
347 | .material-icons.repeat_one::before {
348 | content: "\f366";
349 | }
350 |
351 | .material-icons.drag_handle::before {
352 | content: "\f7a4";
353 | }
354 |
355 | .material-icons.save::before {
356 | content: "\f0c7";
357 | }
358 |
359 | .material-icons.remove_circle_outline::before {
360 | content: "\f056";
361 | }
362 |
363 | .material-icons.forward_30::before {
364 | content: "\f04e";
365 | }
366 |
367 | .material-icons.replay_10::before {
368 | content: "\f04a";
369 | }
370 |
371 | .material-icons.pause_circle_filled::before {
372 | content: "\f28b";
373 | }
374 |
375 | .material-icons.file_download::before {
376 | content: "\f56d";
377 | }
378 |
379 | .material-icons.content_copy::before {
380 | content: "\f0c5";
381 | }
382 |
383 | .material-icons.info::before {
384 | content: "\f129";
385 | }
386 |
387 | .material-icons.album::before {
388 | content: "\f89f";
389 | }
390 |
391 | .material-icons.notifications_off:before {
392 | content: "\f1f6";
393 | }
394 |
395 | .selectArrowContainer {
396 | height: 1.5em;
397 | overflow: hidden;
398 | margin-top: 1.9em;
399 | margin-right: 0.2em;
400 | }
401 |
402 | .selectArrow {
403 | margin-top: 0 !important;
404 | font-size: 1.5em;
405 | }
406 |
407 | .material-icons.close:before {
408 | content: "\f00d";
409 | }
410 |
411 | .sectionTitle + .material-icons.chevron_right:before {
412 | content: "\f054";
413 | }
414 |
415 | .material-icons.fullscreen_exit:before {
416 | content: "\f066";
417 | }
418 |
419 | .material-icons.pause_circle_outline:before {
420 | content: "\f28b";
421 | }
422 |
423 | .material-icons.play_circle_outline:before {
424 | content: "\f144";
425 | }
426 |
427 | #itemDetailPage .selectArrowContainer {
428 | margin-top: 0 !important;
429 | }
430 |
431 | .material-icons.wifi::before {
432 | content: "\f1eb";
433 | }
434 |
435 | .material-icons.info_outline:before {
436 | content: "\f05a";
437 | }
438 |
439 | .material-icons.cloud_download:before {
440 | content: "\f0ed";
441 | }
442 |
443 | .lnkQuickConnectPreferences em {
444 | font-family: "Material Icons";
445 | }
446 |
447 | .material-icons.call_merge:before {
448 | content: "\f387";
449 | }
450 |
451 | .material-icons.check_box:before {
452 | content: "\f14a";
453 | }
454 |
455 | .material-icons.check_box_outline_blank:before {
456 | content: "\f0c8";
457 | }
458 |
459 | .listItemIcon {
460 | padding: 0.25em !important;
461 | height: -webkit-fit-content !important;
462 | height: -moz-fit-content !important;
463 | height: fit-content !important;
464 | border-radius: 0 !important;
465 | }
466 |
467 | .material-icons.photo:before {
468 | content: "\f03e";
469 | }
470 |
471 | .material-icons.arrow_upward::before {
472 | content: "\f062";
473 | margin-left: 0.2em;
474 | }
475 |
476 | .material-icons.arrow_downward::before {
477 | content: "\f063";
478 | margin-left: 0.2em;
479 | }
480 |
481 | .material-icons.do_not_disturb:before {
482 | content: "\f05e";
483 | }
484 |
485 | .material-icons.lock:before {
486 | content: "\f30d";
487 | }
488 |
489 | .material-icons.clear_all:before {
490 | content: "\f8d1";
491 | }
492 |
493 | .material-icons.library_books:before {
494 | content: "\f5db";
495 | }
496 |
497 | .material-icons.share:before {
498 | content: "\f1e0";
499 | }
500 |
501 | .material-icons.check_circle_outline:before {
502 | content: "\f058";
503 | }
504 |
505 | .material-icons.cancel::before {
506 | content: "\f057";
507 | }
508 |
509 | .material-icons.queue_music:before {
510 | content: "\f8c9";
511 | }
512 |
513 | .osdMediaStatus .material-icons.animate.autorenew {
514 | margin-right: 5px;
515 | }
516 |
517 | .material-icons.autorenew:before {
518 | content: "\f2f1";
519 | }
520 |
521 | .material-icons.computer:before {
522 | content: "\f109";
523 | }
524 |
525 | .material-icons.smartphone:before {
526 | content: "\f3ce";
527 | }
528 |
529 | .material-icons.remove_circle:before {
530 | content: "\f056";
531 | }
532 |
533 | .material-icons.keyboard:before {
534 | content: "\f11c";
535 | }
536 |
537 | .material-icons.undo:before {
538 | content: "\f0e2";
539 | }
540 |
541 | .material-icons.redo:before {
542 | content: "\f01e";
543 | }
544 |
545 | .material-icons.view_list:before {
546 | content: "\f03a";
547 | }
548 |
549 | .material-icons.movie:before {
550 | content: "\f008";
551 | }
552 |
553 | .material-icons.videocam:before {
554 | content: "\f8a8";
555 | }
556 |
557 | .material-icons.open_in_browser:before {
558 | content: "\f08e";
559 | }
560 |
--------------------------------------------------------------------------------
/Font Awesome/regular.css:
--------------------------------------------------------------------------------
1 | /** @format */
2 |
3 | @import url("https://site-assets.fontawesome.com/releases/v6.3.0/css/all.css");
4 | .material-icons {
5 | font-family: "Font Awesome 6 Pro";
6 | font-weight: 400;
7 | -moz-osx-font-smoothing: grayscale;
8 | -webkit-font-smoothing: antialiased;
9 | display: inline-block;
10 | font-style: normal;
11 | font-variant: normal;
12 | text-rendering: auto;
13 | line-height: 1;
14 | text-align: center;
15 | width: 1.25em;
16 | }
17 |
18 | .material-icons.picture_in_picture_alt:before {
19 | font-family: "Material Icons";
20 | }
21 |
22 | .material-icons.airplay:before {
23 | content: "\e089";
24 | }
25 |
26 | .material-icons.replay:before {
27 | content: "\f2f9";
28 | }
29 |
30 | .material-icons.menu:before {
31 | content: "\f0c9";
32 | }
33 |
34 | .material-icons.groups:before {
35 | content: "\f0c0";
36 | }
37 |
38 | .material-icons.sync_disabled:before {
39 | content: "\f021";
40 | }
41 |
42 | .material-icons.sync:before {
43 | content: "\f2f1";
44 | }
45 |
46 | .material-icons.cast:before {
47 | content: "\e23e";
48 | }
49 |
50 | .material-icons.search:before {
51 | content: "\f002";
52 | }
53 |
54 | .material-icons.home:before {
55 | content: "\f015";
56 | }
57 |
58 | .material-icons.folder:before {
59 | content: "\f07b";
60 | }
61 |
62 | .material-icons.video_library:before {
63 | content: "\f3a0";
64 | }
65 |
66 | .material-icons.video_settings:before {
67 | content: "\f1de";
68 | }
69 |
70 | .material-icons.meeting_room:before {
71 | content: "\f52b";
72 | }
73 |
74 | .material-icons.update:before {
75 | content: "\f1da";
76 | }
77 |
78 | .material-icons.library_music:before {
79 | content: "\f001";
80 | }
81 |
82 | .material-icons.tv:before {
83 | content: "\f8e5";
84 | }
85 |
86 | .material-icons.exit_to_app:before {
87 | content: "\f2f5";
88 | }
89 |
90 | .material-icons.play_arrow:before {
91 | content: "\f04b";
92 | }
93 |
94 | .material-icons.get_app:before {
95 | content: "\f019";
96 | }
97 |
98 | .material-icons.theaters:before {
99 | content: "\f008";
100 | }
101 |
102 | .material-icons.explore:before {
103 | content: "\f8ab";
104 | }
105 |
106 | .material-icons.shuffle:before {
107 | content: "\f074";
108 | }
109 |
110 | .material-icons.delete:before {
111 | content: "\f2ed";
112 | }
113 |
114 | .material-icons.stop:before {
115 | content: "\f28d";
116 | }
117 |
118 | .material-icons.stop:before {
119 | content: "\f28d";
120 | }
121 |
122 | .material-icons.favorite:before {
123 | content: "\f004";
124 | }
125 |
126 | .material-icons.call_split:before {
127 | content: "\f126";
128 | }
129 |
130 | .material-icons.keyboard_arrow_left:before,
131 | .material-icons.arrow_back:before {
132 | content: "\f060";
133 | }
134 |
135 | .material-icons.notifications::before {
136 | content: "\f0f3";
137 | }
138 |
139 | .material-icons.notifications_active:before {
140 | content: "\f8fa";
141 | }
142 |
143 | .material-icons.check:before {
144 | content: "\f00c";
145 | }
146 |
147 | .material-icons.more_vert:before {
148 | content: "\f39c";
149 | }
150 |
151 | .material-icons.dashboard:before {
152 | content: "\f3fd";
153 | }
154 |
155 | .material-icons.edit:before,
156 | .material-icons.mode_edit:before {
157 | content: "\f044";
158 | }
159 |
160 | .material-icons.settings:before {
161 | content: "\f013";
162 | }
163 |
164 | .material-icons.people:before {
165 | content: "\f0c0";
166 | }
167 |
168 | .material-icons.assessment:before {
169 | content: "\f643";
170 | }
171 |
172 | .material-icons.live_tv:before {
173 | content: "\f401";
174 | }
175 |
176 | .material-icons.dvr:before {
177 | content: "\f0a0";
178 | }
179 |
180 | .material-icons.person:before {
181 | content: "\f007";
182 | }
183 |
184 | .material-icons.play_circle_filled:before {
185 | content: "\f144";
186 | }
187 |
188 | .material-icons.closed_caption:before {
189 | content: "\f20a";
190 | }
191 |
192 | .material-icons.tap_and_play:before {
193 | content: "\e1ef";
194 | }
195 |
196 | .material-icons.devices_other:before,
197 | .material-icons.devices:before {
198 | content: "\f87a";
199 | }
200 |
201 | .material-icons.input:before {
202 | content: "\f090";
203 | }
204 |
205 | .material-icons.cloud:before {
206 | content: "\f0c2";
207 | }
208 |
209 | .material-icons.vpn_key:before {
210 | content: "\f084";
211 | }
212 |
213 | .material-icons.bug_report:before {
214 | content: "\f188";
215 | }
216 |
217 | .material-icons.shopping_cart:before {
218 | content: "\f07a";
219 | }
220 |
221 | .material-icons.schedule:before {
222 | content: "\f073";
223 | }
224 |
225 | .material-icons.folder_open:before {
226 | content: "\f07c";
227 | }
228 |
229 | .material-icons.keyboard_arrow_down:before,
230 | .material-icons.expand_more:before {
231 | content: "\f078";
232 | }
233 |
234 | .material-icons.keyboard_arrow_up:before {
235 | content: "\f077";
236 | }
237 |
238 | .material-icons.add:before {
239 | content: "\f067";
240 | }
241 |
242 | .material-icons.extension:before {
243 | content: "\f12e";
244 | }
245 |
246 | .material-icons.open_in_new:before {
247 | content: "\f35d";
248 | }
249 |
250 | .material-icons.view_comfy:before {
251 | content: "\f00a";
252 | }
253 |
254 | .material-icons.filter_list:before {
255 | content: "\f0b0";
256 | }
257 |
258 | .material-icons.sort_by_alpha:before {
259 | content: "\f0dc";
260 | }
261 |
262 | .material-icons.keyboard_arrow_right:before,
263 | .material-icons.arrow_forward:before {
264 | content: "\f061";
265 | }
266 |
267 | .material-icons.chevron_left:before {
268 | content: "\f0d9";
269 | }
270 |
271 | .material-icons.chevron_right:before {
272 | content: "\f0da";
273 | }
274 |
275 | .material-icons.image:before {
276 | content: "\f8c4";
277 | }
278 |
279 | .material-icons.refresh:before {
280 | content: "\f2f9";
281 | }
282 |
283 | .material-icons.playlist_add:before {
284 | content: "\f8c9";
285 | }
286 |
287 | .material-icons.skip_previous:before {
288 | content: "\f048";
289 | }
290 |
291 | .material-icons.fast_rewind:before {
292 | content: "\f04a";
293 | }
294 |
295 | .material-icons.fast_forward:before {
296 | content: "\f04e";
297 | }
298 |
299 | .material-icons.audiotrack:before {
300 | content: "\f8cf";
301 | }
302 |
303 | .material-icons.fiber_manual_record:before {
304 | content: "\f111";
305 | }
306 |
307 | .material-icons.fullscreen:before {
308 | content: "\f065";
309 | }
310 |
311 | .material-icons.volume_off:before {
312 | content: "\f6a9";
313 | }
314 |
315 | .material-icons.volume_up:before {
316 | content: "\f028";
317 | }
318 |
319 | .material-icons.star:before {
320 | content: "\f005";
321 | }
322 |
323 | .material-icons.message::before {
324 | content: "\f1d8";
325 | }
326 |
327 | .material-icons.add_circle::before {
328 | content: "\f055";
329 | }
330 |
331 | .sectionTitle + .material-icons.chevron_right {
332 | margin-left: 1em;
333 | }
334 |
335 | .material-icons.pause::before {
336 | content: "\f04c";
337 | }
338 |
339 | .material-icons.skip_next::before {
340 | content: "\f051";
341 | }
342 |
343 | .material-icons.repeat::before {
344 | content: "\f363";
345 | }
346 |
347 | .material-icons.repeat_one::before {
348 | content: "\f366";
349 | }
350 |
351 | .material-icons.drag_handle::before {
352 | content: "\f7a4";
353 | }
354 |
355 | .material-icons.save::before {
356 | content: "\f0c7";
357 | }
358 |
359 | .material-icons.remove_circle_outline::before {
360 | content: "\f056";
361 | }
362 |
363 | .material-icons.forward_30::before {
364 | content: "\f04e";
365 | }
366 |
367 | .material-icons.replay_10::before {
368 | content: "\f04a";
369 | }
370 |
371 | .material-icons.pause_circle_filled::before {
372 | content: "\f28b";
373 | }
374 |
375 | .material-icons.file_download::before {
376 | content: "\f56d";
377 | }
378 |
379 | .material-icons.content_copy::before {
380 | content: "\f0c5";
381 | }
382 |
383 | .material-icons.info::before {
384 | content: "\f129";
385 | }
386 |
387 | .material-icons.album::before {
388 | content: "\f89f";
389 | }
390 |
391 | .material-icons.notifications_off:before {
392 | content: "\f1f6";
393 | }
394 |
395 | .selectArrowContainer {
396 | height: 1.5em;
397 | overflow: hidden;
398 | margin-top: 1.9em;
399 | margin-right: 0.2em;
400 | }
401 |
402 | .selectArrow {
403 | margin-top: 0 !important;
404 | font-size: 1.5em;
405 | }
406 |
407 | .material-icons.close:before {
408 | content: "\f00d";
409 | }
410 |
411 | .sectionTitle + .material-icons.chevron_right:before {
412 | content: "\f054";
413 | }
414 |
415 | .material-icons.fullscreen_exit:before {
416 | content: "\f066";
417 | }
418 |
419 | .material-icons.pause_circle_outline:before {
420 | content: "\f28b";
421 | }
422 |
423 | .material-icons.play_circle_outline:before {
424 | content: "\f144";
425 | }
426 |
427 | #itemDetailPage .selectArrowContainer {
428 | margin-top: 0 !important;
429 | }
430 |
431 | .material-icons.wifi::before {
432 | content: "\f1eb";
433 | }
434 |
435 | .material-icons.info_outline:before {
436 | content: "\f05a";
437 | }
438 |
439 | .material-icons.cloud_download:before {
440 | content: "\f0ed";
441 | }
442 |
443 | .lnkQuickConnectPreferences em {
444 | font-family: "Material Icons";
445 | }
446 |
447 | .material-icons.call_merge:before {
448 | content: "\f387";
449 | }
450 |
451 | .material-icons.check_box:before {
452 | content: "\f14a";
453 | }
454 |
455 | .material-icons.check_box_outline_blank:before {
456 | content: "\f0c8";
457 | }
458 |
459 | .listItemIcon {
460 | padding: 0.25em !important;
461 | height: -webkit-fit-content !important;
462 | height: -moz-fit-content !important;
463 | height: fit-content !important;
464 | border-radius: 0 !important;
465 | }
466 |
467 | .material-icons.photo:before {
468 | content: "\f03e";
469 | }
470 |
471 | .material-icons.arrow_upward::before {
472 | content: "\f062";
473 | margin-left: 0.2em;
474 | }
475 |
476 | .material-icons.arrow_downward::before {
477 | content: "\f063";
478 | margin-left: 0.2em;
479 | }
480 |
481 | .material-icons.do_not_disturb:before {
482 | content: "\f05e";
483 | }
484 |
485 | .material-icons.lock:before {
486 | content: "\f30d";
487 | }
488 |
489 | .material-icons.clear_all:before {
490 | content: "\f8d1";
491 | }
492 |
493 | .material-icons.library_books:before {
494 | content: "\f5db";
495 | }
496 |
497 | .material-icons.share:before {
498 | content: "\f1e0";
499 | }
500 |
501 | .material-icons.check_circle_outline:before {
502 | content: "\f058";
503 | }
504 |
505 | .material-icons.cancel::before {
506 | content: "\f057";
507 | }
508 |
509 | .material-icons.queue_music:before {
510 | content: "\f8c9";
511 | }
512 |
513 | .osdMediaStatus .material-icons.animate.autorenew {
514 | margin-right: 5px;
515 | }
516 |
517 | .material-icons.autorenew:before {
518 | content: "\f2f1";
519 | }
520 |
521 | .material-icons.computer:before {
522 | content: "\f109";
523 | }
524 |
525 | .material-icons.smartphone:before {
526 | content: "\f3ce";
527 | }
528 |
529 | .material-icons.remove_circle:before {
530 | content: "\f056";
531 | }
532 |
533 | .material-icons.keyboard:before {
534 | content: "\f11c";
535 | }
536 |
537 | .material-icons.undo:before {
538 | content: "\f0e2";
539 | }
540 |
541 | .material-icons.redo:before {
542 | content: "\f01e";
543 | }
544 |
545 | .material-icons.view_list:before {
546 | content: "\f03a";
547 | }
548 |
549 | .material-icons.movie:before {
550 | content: "\f008";
551 | }
552 |
553 | .material-icons.videocam:before {
554 | content: "\f8a8";
555 | }
556 |
557 | .material-icons.open_in_browser:before {
558 | content: "\f08e";
559 | }
560 |
--------------------------------------------------------------------------------
/Font Awesome/solid.css:
--------------------------------------------------------------------------------
1 | /** @format */
2 |
3 | @import url("https://site-assets.fontawesome.com/releases/v6.3.0/css/all.css");
4 | .material-icons {
5 | font-family: "Font Awesome 6 Pro";
6 | font-weight: 900;
7 | -moz-osx-font-smoothing: grayscale;
8 | -webkit-font-smoothing: antialiased;
9 | display: inline-block;
10 | font-style: normal;
11 | font-variant: normal;
12 | text-rendering: auto;
13 | line-height: 1;
14 | text-align: center;
15 | width: 1.25em;
16 | }
17 |
18 | .material-icons.picture_in_picture_alt:before {
19 | font-family: "Material Icons";
20 | }
21 |
22 | .material-icons.airplay:before {
23 | content: "\e089";
24 | }
25 |
26 | .material-icons.replay:before {
27 | content: "\f2f9";
28 | }
29 |
30 | .material-icons.menu:before {
31 | content: "\f0c9";
32 | }
33 |
34 | .material-icons.groups:before {
35 | content: "\f0c0";
36 | }
37 |
38 | .material-icons.sync_disabled:before {
39 | content: "\f021";
40 | }
41 |
42 | .material-icons.sync:before {
43 | content: "\f2f1";
44 | }
45 |
46 | .material-icons.cast:before {
47 | content: "\e23e";
48 | }
49 |
50 | .material-icons.search:before {
51 | content: "\f002";
52 | }
53 |
54 | .material-icons.home:before {
55 | content: "\f015";
56 | }
57 |
58 | .material-icons.folder:before {
59 | content: "\f07b";
60 | }
61 |
62 | .material-icons.video_library:before {
63 | content: "\f3a0";
64 | }
65 |
66 | .material-icons.video_settings:before {
67 | content: "\f1de";
68 | }
69 |
70 | .material-icons.meeting_room:before {
71 | content: "\f52b";
72 | }
73 |
74 | .material-icons.update:before {
75 | content: "\f1da";
76 | }
77 |
78 | .material-icons.library_music:before {
79 | content: "\f001";
80 | }
81 |
82 | .material-icons.tv:before {
83 | content: "\f8e5";
84 | }
85 |
86 | .material-icons.exit_to_app:before {
87 | content: "\f2f5";
88 | }
89 |
90 | .material-icons.play_arrow:before {
91 | content: "\f04b";
92 | }
93 |
94 | .material-icons.get_app:before {
95 | content: "\f019";
96 | }
97 |
98 | .material-icons.theaters:before {
99 | content: "\f008";
100 | }
101 |
102 | .material-icons.explore:before {
103 | content: "\f8ab";
104 | }
105 |
106 | .material-icons.shuffle:before {
107 | content: "\f074";
108 | }
109 |
110 | .material-icons.delete:before {
111 | content: "\f2ed";
112 | }
113 |
114 | .material-icons.stop:before {
115 | content: "\f28d";
116 | }
117 |
118 | .material-icons.stop:before {
119 | content: "\f28d";
120 | }
121 |
122 | .material-icons.favorite:before {
123 | content: "\f004";
124 | }
125 |
126 | .material-icons.call_split:before {
127 | content: "\f126";
128 | }
129 |
130 | .material-icons.keyboard_arrow_left:before,
131 | .material-icons.arrow_back:before {
132 | content: "\f060";
133 | }
134 |
135 | .material-icons.notifications::before {
136 | content: "\f0f3";
137 | }
138 |
139 | .material-icons.notifications_active:before {
140 | content: "\f8fa";
141 | }
142 |
143 | .material-icons.check:before {
144 | content: "\f00c";
145 | }
146 |
147 | .material-icons.more_vert:before {
148 | content: "\f39c";
149 | }
150 |
151 | .material-icons.dashboard:before {
152 | content: "\f3fd";
153 | }
154 |
155 | .material-icons.edit:before,
156 | .material-icons.mode_edit:before {
157 | content: "\f044";
158 | }
159 |
160 | .material-icons.settings:before {
161 | content: "\f013";
162 | }
163 |
164 | .material-icons.people:before {
165 | content: "\f0c0";
166 | }
167 |
168 | .material-icons.assessment:before {
169 | content: "\f643";
170 | }
171 |
172 | .material-icons.live_tv:before {
173 | content: "\f401";
174 | }
175 |
176 | .material-icons.dvr:before {
177 | content: "\f0a0";
178 | }
179 |
180 | .material-icons.person:before {
181 | content: "\f007";
182 | }
183 |
184 | .material-icons.play_circle_filled:before {
185 | content: "\f144";
186 | }
187 |
188 | .material-icons.closed_caption:before {
189 | content: "\f20a";
190 | }
191 |
192 | .material-icons.tap_and_play:before {
193 | content: "\e1ef";
194 | }
195 |
196 | .material-icons.devices_other:before,
197 | .material-icons.devices:before {
198 | content: "\f87a";
199 | }
200 |
201 | .material-icons.input:before {
202 | content: "\f090";
203 | }
204 |
205 | .material-icons.cloud:before {
206 | content: "\f0c2";
207 | }
208 |
209 | .material-icons.vpn_key:before {
210 | content: "\f084";
211 | }
212 |
213 | .material-icons.bug_report:before {
214 | content: "\f188";
215 | }
216 |
217 | .material-icons.shopping_cart:before {
218 | content: "\f07a";
219 | }
220 |
221 | .material-icons.schedule:before {
222 | content: "\f073";
223 | }
224 |
225 | .material-icons.folder_open:before {
226 | content: "\f07c";
227 | }
228 |
229 | .material-icons.keyboard_arrow_down:before,
230 | .material-icons.expand_more:before {
231 | content: "\f078";
232 | }
233 |
234 | .material-icons.keyboard_arrow_up:before {
235 | content: "\f077";
236 | }
237 |
238 | .material-icons.add:before {
239 | content: "\f067";
240 | }
241 |
242 | .material-icons.extension:before {
243 | content: "\f12e";
244 | }
245 |
246 | .material-icons.open_in_new:before {
247 | content: "\f35d";
248 | }
249 |
250 | .material-icons.view_comfy:before {
251 | content: "\f00a";
252 | }
253 |
254 | .material-icons.filter_list:before {
255 | content: "\f0b0";
256 | }
257 |
258 | .material-icons.sort_by_alpha:before {
259 | content: "\f0dc";
260 | }
261 |
262 | .material-icons.keyboard_arrow_right:before,
263 | .material-icons.arrow_forward:before {
264 | content: "\f061";
265 | }
266 |
267 | .material-icons.chevron_left:before {
268 | content: "\f0d9";
269 | }
270 |
271 | .material-icons.chevron_right:before {
272 | content: "\f0da";
273 | }
274 |
275 | .material-icons.image:before {
276 | content: "\f8c4";
277 | }
278 |
279 | .material-icons.refresh:before {
280 | content: "\f2f9";
281 | }
282 |
283 | .material-icons.playlist_add:before {
284 | content: "\f8c9";
285 | }
286 |
287 | .material-icons.skip_previous:before {
288 | content: "\f048";
289 | }
290 |
291 | .material-icons.fast_rewind:before {
292 | content: "\f04a";
293 | }
294 |
295 | .material-icons.fast_forward:before {
296 | content: "\f04e";
297 | }
298 |
299 | .material-icons.audiotrack:before {
300 | content: "\f8cf";
301 | }
302 |
303 | .material-icons.fiber_manual_record:before {
304 | content: "\f111";
305 | }
306 |
307 | .material-icons.fullscreen:before {
308 | content: "\f065";
309 | }
310 |
311 | .material-icons.volume_off:before {
312 | content: "\f6a9";
313 | }
314 |
315 | .material-icons.volume_up:before {
316 | content: "\f028";
317 | }
318 |
319 | .material-icons.star:before {
320 | content: "\f005";
321 | }
322 |
323 | .material-icons.message::before {
324 | content: "\f1d8";
325 | }
326 |
327 | .material-icons.add_circle::before {
328 | content: "\f055";
329 | }
330 |
331 | .sectionTitle + .material-icons.chevron_right {
332 | margin-left: 1em;
333 | }
334 |
335 | .material-icons.pause::before {
336 | content: "\f04c";
337 | }
338 |
339 | .material-icons.skip_next::before {
340 | content: "\f051";
341 | }
342 |
343 | .material-icons.repeat::before {
344 | content: "\f363";
345 | }
346 |
347 | .material-icons.repeat_one::before {
348 | content: "\f366";
349 | }
350 |
351 | .material-icons.drag_handle::before {
352 | content: "\f7a4";
353 | }
354 |
355 | .material-icons.save::before {
356 | content: "\f0c7";
357 | }
358 |
359 | .material-icons.remove_circle_outline::before {
360 | content: "\f056";
361 | }
362 |
363 | .material-icons.forward_30::before {
364 | content: "\f04e";
365 | }
366 |
367 | .material-icons.replay_10::before {
368 | content: "\f04a";
369 | }
370 |
371 | .material-icons.pause_circle_filled::before {
372 | content: "\f28b";
373 | }
374 |
375 | .material-icons.file_download::before {
376 | content: "\f56d";
377 | }
378 |
379 | .material-icons.content_copy::before {
380 | content: "\f0c5";
381 | }
382 |
383 | .material-icons.info::before {
384 | content: "\f129";
385 | }
386 |
387 | .material-icons.album::before {
388 | content: "\f89f";
389 | }
390 |
391 | .material-icons.notifications_off:before {
392 | content: "\f1f6";
393 | }
394 |
395 | .selectArrowContainer {
396 | height: 1.5em;
397 | overflow: hidden;
398 | margin-top: 1.9em;
399 | margin-right: 0.2em;
400 | }
401 |
402 | .selectArrow {
403 | margin-top: 0 !important;
404 | font-size: 1.5em;
405 | }
406 |
407 | .material-icons.close:before {
408 | content: "\f00d";
409 | }
410 |
411 | .sectionTitle + .material-icons.chevron_right:before {
412 | content: "\f054";
413 | }
414 |
415 | .material-icons.fullscreen_exit:before {
416 | content: "\f066";
417 | }
418 |
419 | .material-icons.pause_circle_outline:before {
420 | content: "\f28b";
421 | }
422 |
423 | .material-icons.play_circle_outline:before {
424 | content: "\f144";
425 | }
426 |
427 | #itemDetailPage .selectArrowContainer {
428 | margin-top: 0 !important;
429 | }
430 |
431 | .material-icons.wifi::before {
432 | content: "\f1eb";
433 | }
434 |
435 | .material-icons.info_outline:before {
436 | content: "\f05a";
437 | }
438 |
439 | .material-icons.cloud_download:before {
440 | content: "\f0ed";
441 | }
442 |
443 | .lnkQuickConnectPreferences em {
444 | font-family: "Material Icons";
445 | }
446 |
447 | .material-icons.call_merge:before {
448 | content: "\f387";
449 | }
450 |
451 | .material-icons.check_box:before {
452 | content: "\f14a";
453 | }
454 |
455 | .material-icons.check_box_outline_blank:before {
456 | content: "\f0c8";
457 | }
458 |
459 | .listItemIcon {
460 | padding: 0.25em !important;
461 | height: -webkit-fit-content !important;
462 | height: -moz-fit-content !important;
463 | height: fit-content !important;
464 | border-radius: 0 !important;
465 | }
466 |
467 | .material-icons.photo:before {
468 | content: "\f03e";
469 | }
470 |
471 | .material-icons.arrow_upward::before {
472 | content: "\f062";
473 | margin-left: 0.2em;
474 | }
475 |
476 | .material-icons.arrow_downward::before {
477 | content: "\f063";
478 | margin-left: 0.2em;
479 | }
480 |
481 | .material-icons.do_not_disturb:before {
482 | content: "\f05e";
483 | }
484 |
485 | .material-icons.lock:before {
486 | content: "\f30d";
487 | }
488 |
489 | .material-icons.clear_all:before {
490 | content: "\f8d1";
491 | }
492 |
493 | .material-icons.library_books:before {
494 | content: "\f5db";
495 | }
496 |
497 | .material-icons.share:before {
498 | content: "\f1e0";
499 | }
500 |
501 | .material-icons.check_circle_outline:before {
502 | content: "\f058";
503 | }
504 |
505 | .material-icons.cancel::before {
506 | content: "\f057";
507 | }
508 |
509 | .material-icons.queue_music:before {
510 | content: "\f8c9";
511 | }
512 |
513 | .osdMediaStatus .material-icons.animate.autorenew {
514 | margin-right: 5px;
515 | }
516 |
517 | .material-icons.autorenew:before {
518 | content: "\f2f1";
519 | }
520 |
521 | .material-icons.computer:before {
522 | content: "\f109";
523 | }
524 |
525 | .material-icons.smartphone:before {
526 | content: "\f3ce";
527 | }
528 |
529 | .material-icons.remove_circle:before {
530 | content: "\f056";
531 | }
532 |
533 | .material-icons.keyboard:before {
534 | content: "\f11c";
535 | }
536 |
537 | .material-icons.undo:before {
538 | content: "\f0e2";
539 | }
540 |
541 | .material-icons.redo:before {
542 | content: "\f01e";
543 | }
544 |
545 | .material-icons.view_list:before {
546 | content: "\f03a";
547 | }
548 |
549 | .material-icons.movie:before {
550 | content: "\f008";
551 | }
552 |
553 | .material-icons.videocam:before {
554 | content: "\f8a8";
555 | }
556 |
557 | .material-icons.open_in_browser:before {
558 | content: "\f08e";
559 | }
560 |
--------------------------------------------------------------------------------
/Font Awesome/thin.css:
--------------------------------------------------------------------------------
1 | /** @format */
2 |
3 | @import url("https://site-assets.fontawesome.com/releases/v6.3.0/css/all.css");
4 | .material-icons {
5 | font-family: "Font Awesome 6 Pro";
6 | font-weight: 100;
7 | -moz-osx-font-smoothing: grayscale;
8 | -webkit-font-smoothing: antialiased;
9 | display: inline-block;
10 | font-style: normal;
11 | font-variant: normal;
12 | text-rendering: auto;
13 | line-height: 1;
14 | text-align: center;
15 | width: 1.25em;
16 | }
17 |
18 | .material-icons.picture_in_picture_alt:before {
19 | font-family: "Material Icons";
20 | }
21 |
22 | .material-icons.airplay:before {
23 | content: "\e089";
24 | }
25 |
26 | .material-icons.replay:before {
27 | content: "\f2f9";
28 | }
29 |
30 | .material-icons.menu:before {
31 | content: "\f0c9";
32 | }
33 |
34 | .material-icons.groups:before {
35 | content: "\f0c0";
36 | }
37 |
38 | .material-icons.sync_disabled:before {
39 | content: "\f021";
40 | }
41 |
42 | .material-icons.sync:before {
43 | content: "\f2f1";
44 | }
45 |
46 | .material-icons.cast:before {
47 | content: "\e23e";
48 | }
49 |
50 | .material-icons.search:before {
51 | content: "\f002";
52 | }
53 |
54 | .material-icons.home:before {
55 | content: "\f015";
56 | }
57 |
58 | .material-icons.folder:before {
59 | content: "\f07b";
60 | }
61 |
62 | .material-icons.video_library:before {
63 | content: "\f3a0";
64 | }
65 |
66 | .material-icons.video_settings:before {
67 | content: "\f1de";
68 | }
69 |
70 | .material-icons.meeting_room:before {
71 | content: "\f52b";
72 | }
73 |
74 | .material-icons.update:before {
75 | content: "\f1da";
76 | }
77 |
78 | .material-icons.library_music:before {
79 | content: "\f001";
80 | }
81 |
82 | .material-icons.tv:before {
83 | content: "\f8e5";
84 | }
85 |
86 | .material-icons.exit_to_app:before {
87 | content: "\f2f5";
88 | }
89 |
90 | .material-icons.play_arrow:before {
91 | content: "\f04b";
92 | }
93 |
94 | .material-icons.get_app:before {
95 | content: "\f019";
96 | }
97 |
98 | .material-icons.theaters:before {
99 | content: "\f008";
100 | }
101 |
102 | .material-icons.explore:before {
103 | content: "\f8ab";
104 | }
105 |
106 | .material-icons.shuffle:before {
107 | content: "\f074";
108 | }
109 |
110 | .material-icons.delete:before {
111 | content: "\f2ed";
112 | }
113 |
114 | .material-icons.stop:before {
115 | content: "\f28d";
116 | }
117 |
118 | .material-icons.stop:before {
119 | content: "\f28d";
120 | }
121 |
122 | .material-icons.favorite:before {
123 | content: "\f004";
124 | }
125 |
126 | .material-icons.call_split:before {
127 | content: "\f126";
128 | }
129 |
130 | .material-icons.keyboard_arrow_left:before,
131 | .material-icons.arrow_back:before {
132 | content: "\f060";
133 | }
134 |
135 | .material-icons.notifications::before {
136 | content: "\f0f3";
137 | }
138 |
139 | .material-icons.notifications_active:before {
140 | content: "\f8fa";
141 | }
142 |
143 | .material-icons.check:before {
144 | content: "\f00c";
145 | }
146 |
147 | .material-icons.more_vert:before {
148 | content: "\f39c";
149 | }
150 |
151 | .material-icons.dashboard:before {
152 | content: "\f3fd";
153 | }
154 |
155 | .material-icons.edit:before,
156 | .material-icons.mode_edit:before {
157 | content: "\f044";
158 | }
159 |
160 | .material-icons.settings:before {
161 | content: "\f013";
162 | }
163 |
164 | .material-icons.people:before {
165 | content: "\f0c0";
166 | }
167 |
168 | .material-icons.assessment:before {
169 | content: "\f643";
170 | }
171 |
172 | .material-icons.live_tv:before {
173 | content: "\f401";
174 | }
175 |
176 | .material-icons.dvr:before {
177 | content: "\f0a0";
178 | }
179 |
180 | .material-icons.person:before {
181 | content: "\f007";
182 | }
183 |
184 | .material-icons.play_circle_filled:before {
185 | content: "\f144";
186 | }
187 |
188 | .material-icons.closed_caption:before {
189 | content: "\f20a";
190 | }
191 |
192 | .material-icons.tap_and_play:before {
193 | content: "\e1ef";
194 | }
195 |
196 | .material-icons.devices_other:before,
197 | .material-icons.devices:before {
198 | content: "\f87a";
199 | }
200 |
201 | .material-icons.input:before {
202 | content: "\f090";
203 | }
204 |
205 | .material-icons.cloud:before {
206 | content: "\f0c2";
207 | }
208 |
209 | .material-icons.vpn_key:before {
210 | content: "\f084";
211 | }
212 |
213 | .material-icons.bug_report:before {
214 | content: "\f188";
215 | }
216 |
217 | .material-icons.shopping_cart:before {
218 | content: "\f07a";
219 | }
220 |
221 | .material-icons.schedule:before {
222 | content: "\f073";
223 | }
224 |
225 | .material-icons.folder_open:before {
226 | content: "\f07c";
227 | }
228 |
229 | .material-icons.keyboard_arrow_down:before,
230 | .material-icons.expand_more:before {
231 | content: "\f078";
232 | }
233 |
234 | .material-icons.keyboard_arrow_up:before {
235 | content: "\f077";
236 | }
237 |
238 | .material-icons.add:before {
239 | content: "\f067";
240 | }
241 |
242 | .material-icons.extension:before {
243 | content: "\f12e";
244 | }
245 |
246 | .material-icons.open_in_new:before {
247 | content: "\f35d";
248 | }
249 |
250 | .material-icons.view_comfy:before {
251 | content: "\f00a";
252 | }
253 |
254 | .material-icons.filter_list:before {
255 | content: "\f0b0";
256 | }
257 |
258 | .material-icons.sort_by_alpha:before {
259 | content: "\f0dc";
260 | }
261 |
262 | .material-icons.keyboard_arrow_right:before,
263 | .material-icons.arrow_forward:before {
264 | content: "\f061";
265 | }
266 |
267 | .material-icons.chevron_left:before {
268 | content: "\f0d9";
269 | }
270 |
271 | .material-icons.chevron_right:before {
272 | content: "\f0da";
273 | }
274 |
275 | .material-icons.image:before {
276 | content: "\f8c4";
277 | }
278 |
279 | .material-icons.refresh:before {
280 | content: "\f2f9";
281 | }
282 |
283 | .material-icons.playlist_add:before {
284 | content: "\f8c9";
285 | }
286 |
287 | .material-icons.skip_previous:before {
288 | content: "\f048";
289 | }
290 |
291 | .material-icons.fast_rewind:before {
292 | content: "\f04a";
293 | }
294 |
295 | .material-icons.fast_forward:before {
296 | content: "\f04e";
297 | }
298 |
299 | .material-icons.audiotrack:before {
300 | content: "\f8cf";
301 | }
302 |
303 | .material-icons.fiber_manual_record:before {
304 | content: "\f111";
305 | }
306 |
307 | .material-icons.fullscreen:before {
308 | content: "\f065";
309 | }
310 |
311 | .material-icons.volume_off:before {
312 | content: "\f6a9";
313 | }
314 |
315 | .material-icons.volume_up:before {
316 | content: "\f028";
317 | }
318 |
319 | .material-icons.star:before {
320 | content: "\f005";
321 | }
322 |
323 | .material-icons.message::before {
324 | content: "\f1d8";
325 | }
326 |
327 | .material-icons.add_circle::before {
328 | content: "\f055";
329 | }
330 |
331 | .sectionTitle + .material-icons.chevron_right {
332 | margin-left: 1em;
333 | }
334 |
335 | .material-icons.pause::before {
336 | content: "\f04c";
337 | }
338 |
339 | .material-icons.skip_next::before {
340 | content: "\f051";
341 | }
342 |
343 | .material-icons.repeat::before {
344 | content: "\f363";
345 | }
346 |
347 | .material-icons.repeat_one::before {
348 | content: "\f366";
349 | }
350 |
351 | .material-icons.drag_handle::before {
352 | content: "\f7a4";
353 | }
354 |
355 | .material-icons.save::before {
356 | content: "\f0c7";
357 | }
358 |
359 | .material-icons.remove_circle_outline::before {
360 | content: "\f056";
361 | }
362 |
363 | .material-icons.forward_30::before {
364 | content: "\f04e";
365 | }
366 |
367 | .material-icons.replay_10::before {
368 | content: "\f04a";
369 | }
370 |
371 | .material-icons.pause_circle_filled::before {
372 | content: "\f28b";
373 | }
374 |
375 | .material-icons.file_download::before {
376 | content: "\f56d";
377 | }
378 |
379 | .material-icons.content_copy::before {
380 | content: "\f0c5";
381 | }
382 |
383 | .material-icons.info::before {
384 | content: "\f129";
385 | }
386 |
387 | .material-icons.album::before {
388 | content: "\f89f";
389 | }
390 |
391 | .material-icons.notifications_off:before {
392 | content: "\f1f6";
393 | }
394 |
395 | .selectArrowContainer {
396 | height: 1.5em;
397 | overflow: hidden;
398 | margin-top: 1.9em;
399 | margin-right: 0.2em;
400 | }
401 |
402 | .selectArrow {
403 | margin-top: 0 !important;
404 | font-size: 1.5em;
405 | }
406 |
407 | .material-icons.close:before {
408 | content: "\f00d";
409 | }
410 |
411 | .sectionTitle + .material-icons.chevron_right:before {
412 | content: "\f054";
413 | }
414 |
415 | .material-icons.fullscreen_exit:before {
416 | content: "\f066";
417 | }
418 |
419 | .material-icons.pause_circle_outline:before {
420 | content: "\f28b";
421 | }
422 |
423 | .material-icons.play_circle_outline:before {
424 | content: "\f144";
425 | }
426 |
427 | #itemDetailPage .selectArrowContainer {
428 | margin-top: 0 !important;
429 | }
430 |
431 | .material-icons.wifi::before {
432 | content: "\f1eb";
433 | }
434 |
435 | .material-icons.info_outline:before {
436 | content: "\f05a";
437 | }
438 |
439 | .material-icons.cloud_download:before {
440 | content: "\f0ed";
441 | }
442 |
443 | .lnkQuickConnectPreferences em {
444 | font-family: "Material Icons";
445 | }
446 |
447 | .material-icons.call_merge:before {
448 | content: "\f387";
449 | }
450 |
451 | .material-icons.check_box:before {
452 | content: "\f14a";
453 | }
454 |
455 | .material-icons.check_box_outline_blank:before {
456 | content: "\f0c8";
457 | }
458 |
459 | .listItemIcon {
460 | padding: 0.25em !important;
461 | height: -webkit-fit-content !important;
462 | height: -moz-fit-content !important;
463 | height: fit-content !important;
464 | border-radius: 0 !important;
465 | }
466 |
467 | .material-icons.photo:before {
468 | content: "\f03e";
469 | }
470 |
471 | .material-icons.arrow_upward::before {
472 | content: "\f062";
473 | margin-left: 0.2em;
474 | }
475 |
476 | .material-icons.arrow_downward::before {
477 | content: "\f063";
478 | margin-left: 0.2em;
479 | }
480 |
481 | .material-icons.do_not_disturb:before {
482 | content: "\f05e";
483 | }
484 |
485 | .material-icons.lock:before {
486 | content: "\f30d";
487 | }
488 |
489 | .material-icons.clear_all:before {
490 | content: "\f8d1";
491 | }
492 |
493 | .material-icons.library_books:before {
494 | content: "\f5db";
495 | }
496 |
497 | .material-icons.share:before {
498 | content: "\f1e0";
499 | }
500 |
501 | .material-icons.check_circle_outline:before {
502 | content: "\f058";
503 | }
504 |
505 | .material-icons.cancel::before {
506 | content: "\f057";
507 | }
508 |
509 | .material-icons.queue_music:before {
510 | content: "\f8c9";
511 | }
512 |
513 | .osdMediaStatus .material-icons.animate.autorenew {
514 | margin-right: 5px;
515 | }
516 |
517 | .material-icons.autorenew:before {
518 | content: "\f2f1";
519 | }
520 |
521 | .material-icons.computer:before {
522 | content: "\f109";
523 | }
524 |
525 | .material-icons.smartphone:before {
526 | content: "\f3ce";
527 | }
528 |
529 | .material-icons.remove_circle:before {
530 | content: "\f056";
531 | }
532 |
533 | .material-icons.keyboard:before {
534 | content: "\f11c";
535 | }
536 |
537 | .material-icons.undo:before {
538 | content: "\f0e2";
539 | }
540 |
541 | .material-icons.redo:before {
542 | content: "\f01e";
543 | }
544 |
545 | .material-icons.view_list:before {
546 | content: "\f03a";
547 | }
548 |
549 | .material-icons.movie:before {
550 | content: "\f008";
551 | }
552 |
553 | .material-icons.videocam:before {
554 | content: "\f8a8";
555 | }
556 |
557 | .material-icons.open_in_browser:before {
558 | content: "\f08e";
559 | }
560 |
--------------------------------------------------------------------------------
/Icons/Outline.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/prayag17/Jellyfin-Icons/5249f11ca09d79d6fb65a417cd252bf080745c2d/Icons/Outline.woff2
--------------------------------------------------------------------------------
/Icons/Round.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/prayag17/Jellyfin-Icons/5249f11ca09d79d6fb65a417cd252bf080745c2d/Icons/Round.woff2
--------------------------------------------------------------------------------
/Icons/Sharp.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/prayag17/Jellyfin-Icons/5249f11ca09d79d6fb65a417cd252bf080745c2d/Icons/Sharp.woff2
--------------------------------------------------------------------------------
/Outline.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Material Icons Outlined';
3 | font-style: normal;
4 | font-weight: 400;
5 | src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v55/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
6 | }
7 |
8 | .material-icons {
9 | font-family: 'Material Icons Outlined' !important;
10 | font-weight: normal;
11 | font-style: normal;
12 | line-height: 1;
13 | letter-spacing: normal;
14 | text-transform: none;
15 | display: inline-block;
16 | white-space: nowrap;
17 | word-wrap: normal;
18 | direction: ltr;
19 | -webkit-font-feature-settings: 'liga';
20 | -webkit-font-smoothing: antialiased;
21 | }
22 |
23 | .material-icons.play_circle_filled:before {
24 | content: "\e039";
25 | }
26 |
27 | .material-icons.favorite:before {
28 | content: "\e87e";
29 | }
30 |
31 | .material-icons.info_outline:before {
32 | content: "\e88e";
33 | }
34 |
35 | .material-icons.add_circle:before {
36 | content: "\e148";
37 | }
38 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Jellyfin Icons
2 | > **Note**: Jellyfin Icons is no longer maintained.
3 |
4 | Wanna change your jellyfin icons look? If yes, you can use this to easily change your Jellyfin icon look without any modifications to the internl config!!
5 |
Note: The material icon pack won't work with JellySkin|Font Awesome Light is been used in JellySkin
6 |
To get a preview use JellySkin or go to https://fontawesome.com/search and https://fonts.google.com/icons?selected=Material+Icons
7 |
8 |
9 |
Setup/Installation
10 |
11 | - Go to Dashboard=>General=>Custom CSS (Text area at the end of the page)
12 | - Choose any of the icon styles from:
13 |
14 | - Outlined
15 | - Rounded
16 | - Sharp
17 |
18 |
19 | - Add following CSS fro your selected icon style
20 |
21 | - Outline -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Outline.css");
22 | - Rounded -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/round.css");
23 | - Sharp -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Sharp.css");
24 |
25 |
26 |
27 |
Font Awesome Icon Pack:
29 |
30 | - Solid -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/solid.css");
31 | - Regular -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/regular.css");
32 | - Light -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/light.css");
33 | - Duotone -
@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/duotone.css");
34 | Note: Duotone Icons does not support gradient text color
35 |
36 |
37 |
--------------------------------------------------------------------------------
/Sharp.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Material Icons Sharp';
3 | font-style: normal;
4 | font-weight: 400;
5 | src: url(https://fonts.gstatic.com/s/materialiconssharp/v55/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvR.woff2) format('woff2');
6 | }
7 |
8 | .material-icons {
9 | font-family: 'Material Icons Sharp' !important;
10 | font-weight: normal;
11 | font-style: normal;
12 | line-height: 1;
13 | letter-spacing: normal;
14 | text-transform: none;
15 | display: inline-block;
16 | white-space: nowrap;
17 | word-wrap: normal;
18 | direction: ltr;
19 | -webkit-font-feature-settings: 'liga';
20 | -webkit-font-smoothing: antialiased;
21 | }
22 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-cayman
--------------------------------------------------------------------------------
/github-hosted/Outline.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Material Icons Outlined Github';
3 | font-style: normal;
4 | font-weight: 400;
5 | src: url('https://prayag17.github.io/Jellyfin-Icons/Icons/Outline.woff2') format('woff2');
6 | }
7 |
8 | .material-icons {
9 | font-family: 'Material Icons Outlined Github';
10 | font-weight: normal;
11 | font-style: normal;
12 | line-height: 1;
13 | letter-spacing: normal;
14 | text-transform: none;
15 | display: inline-block;
16 | white-space: nowrap;
17 | word-wrap: normal;
18 | direction: ltr;
19 | -webkit-font-feature-settings: 'liga';
20 | -webkit-font-smoothing: antialiased;
21 | }
22 |
23 | .material-icons.play_circle_filled:before {
24 | content: "\e039";
25 | }
26 |
27 | .material-icons.favorite:before {
28 | content: "\e87e";
29 | }
30 |
31 | .material-icons.info_outline:before {
32 | content: "\e88e";
33 | }
34 |
35 | .material-icons.add_circle:before {
36 | content: "\e148";
37 | }
--------------------------------------------------------------------------------
/github-hosted/Round.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Material Icons Round Github';
3 | font-style: normal;
4 | font-weight: 400;
5 | src: url('https://prayag17.github.io/Jellyfin-Icons/Icons/Round.woff2') format('woff2');
6 | }
7 |
8 | .material-icons {
9 | font-family: 'Material Icons Round Github';
10 | font-weight: normal;
11 | font-style: normal;
12 | line-height: 1;
13 | letter-spacing: normal;
14 | text-transform: none;
15 | display: inline-block;
16 | white-space: nowrap;
17 | word-wrap: normal;
18 | direction: ltr;
19 | -webkit-font-feature-settings: 'liga';
20 | -webkit-font-smoothing: antialiased;
21 | }
--------------------------------------------------------------------------------
/github-hosted/Sharp.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Material Icons Sharp Github';
3 | font-style: normal;
4 | font-weight: 400;
5 | src: url('https://prayag17.github.io/Jellyfin-Icons/Icons/Sharp.woff2') format('woff2');
6 | }
7 |
8 | .material-icons {
9 | font-family: 'Material Icons Sharp Github';
10 | font-weight: normal;
11 | font-style: normal;
12 | line-height: 1;
13 | letter-spacing: normal;
14 | text-transform: none;
15 | display: inline-block;
16 | white-space: nowrap;
17 | word-wrap: normal;
18 | direction: ltr;
19 | -webkit-font-feature-settings: 'liga';
20 | -webkit-font-smoothing: antialiased;
21 | }
--------------------------------------------------------------------------------
/round.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Material Icons Round';
3 | font-style: normal;
4 | font-weight: 400;
5 | src: url(https://fonts.gstatic.com/s/materialiconsround/v54/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
6 | }
7 |
8 | .material-icons {
9 | font-family: 'Material Icons Round' !important;
10 | font-weight: normal;
11 | font-style: normal;
12 | line-height: 1;
13 | letter-spacing: normal;
14 | text-transform: none;
15 | display: inline-block;
16 | white-space: nowrap;
17 | word-wrap: normal;
18 | direction: ltr;
19 | -webkit-font-feature-settings: 'liga';
20 | -webkit-font-smoothing: antialiased;
21 | }
22 |
--------------------------------------------------------------------------------