├── README.md ├── icons ├── anidb │ └── anidb.png ├── anilist │ └── anilist.png ├── anisearch │ └── anisearch.png ├── applemusic │ └── applemusic.png ├── bgm_tv.png ├── comicvine │ └── comicvine.png ├── discogs │ ├── discogs-artist.png │ ├── discogs-master.png │ └── discogs-release.png ├── douban │ └── douban.png ├── googlebooks │ └── googlebooks.png ├── hikka │ └── hikka.png ├── imdb │ └── imdb.png ├── imvdb │ └── imvdb.png ├── kinopoisk │ └── kinopoisk.png ├── kitsu │ └── kitsu.png ├── musicbrainz │ ├── musicbrainz-artist.png │ ├── musicbrainz-release-group.png │ └── musicbrainz-release.png ├── myanimelist │ └── myanimelist.png ├── shikimori │ └── shikimori.png ├── shoko │ ├── shoko-episode.png │ ├── shoko-file.png │ ├── shoko-group.png │ └── shoko-series.png ├── stash │ └── stash.png ├── theaudiodb │ ├── theaudiodb-album.png │ └── theaudiodb-artist.png ├── themoviedb │ ├── themoviedb-collection.png │ └── themoviedb.png ├── theporndb │ └── theporndb.png ├── thetvdb │ └── thetvdb.png ├── trakt │ └── trakt.png ├── tvmaze │ └── tvmaze.png ├── vgmdb │ ├── vgmdb-album.png │ └── vgmdb-artist.png ├── worldcat │ └── worldcat.png └── zap2it │ └── zap2it.png ├── image └── anime menu.jpg ├── public-icon.css ├── shoko-icon.css └── stash-icon.css /README.md: -------------------------------------------------------------------------------- 1 | # 📌 Jellyfin Icon Metadata 2 | 3 | ## 🔥 Description 4 | 5 | Enhance your Jellyfin experience by replacing text-based metadata provider links with icons. This plugin supports various metadata providers across different media types. 6 | 7 | ### Supported Providers 8 | 9 | #### Movies/TV Shows/Anime/Music 10 | 11 | - anilist.co 12 | - anidb.net 13 | - anisearch.com 14 | - bgm.tv 15 | - hikka.io 16 | - movie.douban.com 17 | - imdb.com 18 | - kitsu.app 19 | - myanimelist.net 20 | - shikimori.one 21 | - Shoko (local metadata provider) 22 | - Stash (local metadata provider) 23 | - themoviedb.org 24 | - themoviedb.org/collection 25 | - theporndb.net 26 | - thetvdb.com 27 | - trakt.tv 28 | - tvmaze.com 29 | - kinopoisk.ru 30 | - tvlistings.zap2it.com 31 | 32 | #### Books/Comics/Manga 33 | 34 | - comicvine.gamespot.com 35 | - books.google.com 36 | - search.worldcat.org 37 | - hikka.io 38 | 39 | #### Music 40 | 41 | - music.apple.com 42 | - discogs.com 43 | - musicbrainz.org 44 | - theaudiodb.com 45 | - vgmdb.net 46 | - imvdb.com 47 | 48 | ## Adding New Metadata Providers 49 | 50 | To add a new metadata provider, simply provide a link to the plugin that integrates the metadata provider. 51 | 52 | ## Installation 53 | 54 | ### Public Metadata Providers 55 | 56 | Most icons can be imported using the following CSS: 57 | 58 | ```css 59 | @import url("https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/public-icon.css"); 60 | ``` 61 | 62 | Add this to the top of `Dashboard -> General -> Custom CSS code`. 63 | 64 | ### Local Metadata Providers 65 | 66 | For local metadata providers like Stash and Shoko, update the CSS files with your local server address. 67 | 68 | #### Shoko 69 | 70 | Modify and add the following CSS to the top of `Dashboard -> General -> Custom CSS code`: 71 | 72 | ```css 73 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/group"] { 74 | background: none !important; 75 | color: transparent !important; 76 | padding: 0 !important; 77 | } 78 | 79 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/group"]::before { 80 | content: ""; 81 | display: inline-block; 82 | width: 60px; 83 | height: 25px; 84 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-group.png'); 85 | background-size: contain; 86 | background-repeat: no-repeat; 87 | margin-right: 5px; 88 | vertical-align: middle; 89 | } 90 | 91 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/group"]:hover, 92 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/group"]:focus, 93 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/group"]:active { 94 | background: none !important; 95 | filter: none !important; 96 | border: none !important; 97 | } 98 | 99 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/group"] { 100 | font-size: 0; 101 | } 102 | 103 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/series"] { 104 | background: none !important; 105 | color: transparent !important; 106 | padding: 0 !important; 107 | } 108 | 109 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/series"]::before { 110 | content: ""; 111 | display: inline-block; 112 | width: 60px; 113 | height: 25px; 114 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-series.png'); 115 | background-size: contain; 116 | background-repeat: no-repeat; 117 | margin-right: 5px; 118 | vertical-align: middle; 119 | } 120 | 121 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/series"]:hover, 122 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/series"]:focus, 123 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/series"]:active { 124 | background: none !important; 125 | filter: none !important; 126 | border: none !important; 127 | } 128 | 129 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/series"] { 130 | font-size: 0; 131 | } 132 | 133 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/episode"] { 134 | background: none !important; 135 | color: transparent !important; 136 | padding: 0 !important; 137 | } 138 | 139 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]::before { 140 | content: ""; 141 | display: inline-block; 142 | width: 65px; 143 | height: 25px; 144 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-episode.png'); 145 | background-size: contain; 146 | background-repeat: no-repeat; 147 | margin-right: 5px; 148 | vertical-align: middle; 149 | } 150 | 151 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]:hover, 152 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]:focus, 153 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]:active { 154 | background: none !important; 155 | filter: none !important; 156 | border: none !important; 157 | } 158 | 159 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/episode"] { 160 | font-size: 0; 161 | } 162 | 163 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/file"] { 164 | background: none !important; 165 | color: transparent !important; 166 | padding: 0 !important; 167 | } 168 | 169 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/file"]::before { 170 | content: ""; 171 | display: inline-block; 172 | width: 60px; 173 | height: 25px; 174 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-file.png'); 175 | background-size: contain; 176 | background-repeat: no-repeat; 177 | margin-right: 5px; 178 | vertical-align: middle; 179 | } 180 | 181 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/file"]:hover, 182 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/file"]:focus, 183 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/file"]:active { 184 | background: none !important; 185 | filter: none !important; 186 | border: none !important; 187 | } 188 | 189 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/file"] { 190 | font-size: 0; 191 | } 192 | ``` 193 | 194 | #### Stash 195 | 196 | Modify and add the following CSS to the top of `Dashboard -> General -> Custom CSS code`: 197 | 198 | ```css 199 | .itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"] { 200 | background: none !important; 201 | color: transparent !important; 202 | padding: 0 !important; 203 | } 204 | 205 | .itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"]::before { 206 | content: ""; 207 | display: inline-block; 208 | width: 35px; 209 | height: 25px; 210 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/stash/stash.png'); 211 | background-size: contain; 212 | background-repeat: no-repeat; 213 | margin-right: 5px; 214 | vertical-align: middle; 215 | } 216 | 217 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:9999/scenes"]:hover, 218 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:9999/scenes"]:focus, 219 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:9999/scenes"]:active { 220 | background: none !important; 221 | filter: none !important; 222 | border: none !important; 223 | } 224 | 225 | .itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"] { 226 | font-size: 0; 227 | } 228 | ``` 229 | 230 | ## Screenshots 231 | ![Movies](https://github.com/user-attachments/assets/b7645f41-bf4a-4929-b14e-1e7b78f8a99a) 232 | ![TV Shows](https://github.com/user-attachments/assets/5536574a-1dd7-4412-9a82-7d542476baca) 233 | ![Music Artist](https://github.com/user-attachments/assets/7ac06608-90b1-43d9-8c47-9acb5cb293e2) 234 | ![Music Album](https://github.com/user-attachments/assets/bbd02b34-59ee-46f4-9326-6f8aa1f18c99) 235 | ![Books](https://github.com/user-attachments/assets/2f13825d-5f07-4dea-87b3-e3ab81120c47) 236 | ![Anime](https://github.com/Druidblack/jellyfin-icon-metadata/blob/main/image/anime%20menu.jpg) 237 | ![Anime Episode](https://github.com/user-attachments/assets/2a04a2f9-ac98-4017-a838-37ca733489eb) 238 | 239 | **Credits:** This idea was inspired by the theme [Finimalism](https://github.com/tedhinklater/finimalism). 240 | -------------------------------------------------------------------------------- /icons/anidb/anidb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/anidb/anidb.png -------------------------------------------------------------------------------- /icons/anilist/anilist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/anilist/anilist.png -------------------------------------------------------------------------------- /icons/anisearch/anisearch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/anisearch/anisearch.png -------------------------------------------------------------------------------- /icons/applemusic/applemusic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/applemusic/applemusic.png -------------------------------------------------------------------------------- /icons/bgm_tv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/bgm_tv.png -------------------------------------------------------------------------------- /icons/comicvine/comicvine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/comicvine/comicvine.png -------------------------------------------------------------------------------- /icons/discogs/discogs-artist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/discogs/discogs-artist.png -------------------------------------------------------------------------------- /icons/discogs/discogs-master.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/discogs/discogs-master.png -------------------------------------------------------------------------------- /icons/discogs/discogs-release.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/discogs/discogs-release.png -------------------------------------------------------------------------------- /icons/douban/douban.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/douban/douban.png -------------------------------------------------------------------------------- /icons/googlebooks/googlebooks.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/googlebooks/googlebooks.png -------------------------------------------------------------------------------- /icons/hikka/hikka.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/hikka/hikka.png -------------------------------------------------------------------------------- /icons/imdb/imdb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/imdb/imdb.png -------------------------------------------------------------------------------- /icons/imvdb/imvdb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/imvdb/imvdb.png -------------------------------------------------------------------------------- /icons/kinopoisk/kinopoisk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/kinopoisk/kinopoisk.png -------------------------------------------------------------------------------- /icons/kitsu/kitsu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/kitsu/kitsu.png -------------------------------------------------------------------------------- /icons/musicbrainz/musicbrainz-artist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/musicbrainz/musicbrainz-artist.png -------------------------------------------------------------------------------- /icons/musicbrainz/musicbrainz-release-group.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/musicbrainz/musicbrainz-release-group.png -------------------------------------------------------------------------------- /icons/musicbrainz/musicbrainz-release.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/musicbrainz/musicbrainz-release.png -------------------------------------------------------------------------------- /icons/myanimelist/myanimelist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/myanimelist/myanimelist.png -------------------------------------------------------------------------------- /icons/shikimori/shikimori.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/shikimori/shikimori.png -------------------------------------------------------------------------------- /icons/shoko/shoko-episode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/shoko/shoko-episode.png -------------------------------------------------------------------------------- /icons/shoko/shoko-file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/shoko/shoko-file.png -------------------------------------------------------------------------------- /icons/shoko/shoko-group.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/shoko/shoko-group.png -------------------------------------------------------------------------------- /icons/shoko/shoko-series.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/shoko/shoko-series.png -------------------------------------------------------------------------------- /icons/stash/stash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/stash/stash.png -------------------------------------------------------------------------------- /icons/theaudiodb/theaudiodb-album.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/theaudiodb/theaudiodb-album.png -------------------------------------------------------------------------------- /icons/theaudiodb/theaudiodb-artist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/theaudiodb/theaudiodb-artist.png -------------------------------------------------------------------------------- /icons/themoviedb/themoviedb-collection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/themoviedb/themoviedb-collection.png -------------------------------------------------------------------------------- /icons/themoviedb/themoviedb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/themoviedb/themoviedb.png -------------------------------------------------------------------------------- /icons/theporndb/theporndb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/theporndb/theporndb.png -------------------------------------------------------------------------------- /icons/thetvdb/thetvdb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/thetvdb/thetvdb.png -------------------------------------------------------------------------------- /icons/trakt/trakt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/trakt/trakt.png -------------------------------------------------------------------------------- /icons/tvmaze/tvmaze.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/tvmaze/tvmaze.png -------------------------------------------------------------------------------- /icons/vgmdb/vgmdb-album.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/vgmdb/vgmdb-album.png -------------------------------------------------------------------------------- /icons/vgmdb/vgmdb-artist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/vgmdb/vgmdb-artist.png -------------------------------------------------------------------------------- /icons/worldcat/worldcat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/worldcat/worldcat.png -------------------------------------------------------------------------------- /icons/zap2it/zap2it.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/icons/zap2it/zap2it.png -------------------------------------------------------------------------------- /image/anime menu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/a4f16658b9e595af838025f82b17eac2c250199c/image/anime menu.jpg -------------------------------------------------------------------------------- /public-icon.css: -------------------------------------------------------------------------------- 1 | .itemExternalLinks a[href*="hikka.io"] { 2 | background: none !important; 3 | color: transparent !important; 4 | padding: 0 !important; 5 | } 6 | 7 | .itemExternalLinks a[href*="hikka.io"]::before { 8 | content: ""; 9 | display: inline-block; 10 | width: 25px; 11 | height: 25px; 12 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/hikka/hikka.png'); 13 | background-size: contain; 14 | background-repeat: no-repeat; 15 | margin-right: 5px; 16 | vertical-align: middle; 17 | } 18 | 19 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="hikka.io"]:hover, 20 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="hikka.io"]:focus, 21 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="hikka.io"]:active { 22 | background: none !important; 23 | background-color: transparent !important; 24 | background-image: none !important; 25 | filter: none !important; 26 | border-color: transparent !important; 27 | } 28 | 29 | .itemExternalLinks a[href*="hikka.io"] { 30 | font-size: 0; 31 | } 32 | 33 | .itemExternalLinks a[href*="bgm.tv"] { 34 | background: none !important; 35 | color: transparent !important; 36 | padding: 0 !important; 37 | } 38 | 39 | .itemExternalLinks a[href*="bgm.tv"]::before { 40 | content: ""; 41 | display: inline-block; 42 | width: 100px; 43 | height: 25px; 44 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/bgm_tv.png'); 45 | background-size: contain; 46 | background-repeat: no-repeat; 47 | margin-right: 5px; 48 | vertical-align: middle; 49 | } 50 | 51 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="bgm.tv"]:hover, 52 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="bgm.tv"]:focus, 53 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="bgm.tv"]:active { 54 | background: none !important; 55 | background-color: transparent !important; 56 | background-image: none !important; 57 | filter: none !important; 58 | border-color: transparent !important; 59 | } 60 | 61 | .itemExternalLinks a[href*="bgm.tv"] { 62 | font-size: 0; 63 | } 64 | 65 | .itemExternalLinks a[href*="anidb.net"] { 66 | background: none !important; 67 | color: transparent !important; 68 | padding: 0 !important; 69 | } 70 | 71 | .itemExternalLinks a[href*="anidb.net"]::before { 72 | content: ""; 73 | display: inline-block; 74 | width: 100px; 75 | height: 25px; 76 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/anidb/anidb.png'); 77 | background-size: contain; 78 | background-repeat: no-repeat; 79 | margin-right: 5px; 80 | vertical-align: middle; 81 | } 82 | 83 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anidb.net"]:hover, 84 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anidb.net"]:focus, 85 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anidb.net"]:active { 86 | background: none !important; 87 | background-color: transparent !important; 88 | background-image: none !important; 89 | filter: none !important; 90 | border-color: transparent !important; 91 | } 92 | 93 | .itemExternalLinks a[href*="anidb.net"] { 94 | font-size: 0; 95 | } 96 | 97 | .itemExternalLinks a[href*="anilist.co"] { 98 | background: none !important; 99 | color: transparent !important; 100 | padding: 0 !important; 101 | } 102 | 103 | .itemExternalLinks a[href*="anilist.co"]::before { 104 | content: ""; 105 | display: inline-block; 106 | width: 25px; 107 | height: 25px; 108 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/anilist/anilist.png'); 109 | background-size: contain; 110 | background-repeat: no-repeat; 111 | margin-right: 5px; 112 | vertical-align: middle; 113 | } 114 | 115 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anilist.co"]:hover, 116 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anilist.co"]:focus, 117 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anilist.co"]:active { 118 | background: none !important; 119 | background-color: transparent !important; 120 | background-image: none !important; 121 | filter: none !important; 122 | border-color: transparent !important; 123 | } 124 | 125 | .itemExternalLinks a[href*="anilist.co"] { 126 | font-size: 0; 127 | } 128 | 129 | .itemExternalLinks a[href*="anisearch.com"] { 130 | background: none !important; 131 | color: transparent !important; 132 | padding: 0 !important; 133 | } 134 | 135 | .itemExternalLinks a[href*="anisearch.com"]::before { 136 | content: ""; 137 | display: inline-block; 138 | width: 60px; 139 | height: 30px; 140 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/anisearch/anisearch.png'); 141 | background-size: contain; 142 | background-repeat: no-repeat; 143 | margin-right: 5px; 144 | vertical-align: middle; 145 | } 146 | 147 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anisearch.com"]:hover, 148 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anisearch.com"]:focus, 149 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="anisearch.com"]:active { 150 | background: none !important; 151 | background-color: transparent !important; 152 | background-image: none !important; 153 | filter: none !important; 154 | border-color: transparent !important; 155 | } 156 | 157 | .itemExternalLinks a[href*="anisearch.com"] { 158 | font-size: 0; 159 | } 160 | 161 | .itemExternalLinks a[href*="books.google.com"] { 162 | background: none !important; 163 | color: transparent !important; 164 | padding: 0 !important; 165 | } 166 | 167 | .itemExternalLinks a[href*="books.google.com"]::before { 168 | content: ""; 169 | display: inline-block; 170 | width: 25px; 171 | height: 25px; 172 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/googlebooks/googlebooks.png'); 173 | background-size: contain; 174 | background-repeat: no-repeat; 175 | margin-right: 5px; 176 | vertical-align: middle; 177 | } 178 | 179 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="books.google.com"]:hover, 180 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="books.google.com"]:focus, 181 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="books.google.com"]:active { 182 | background: none !important; 183 | background-color: transparent !important; 184 | background-image: none !important; 185 | filter: none !important; 186 | border-color: transparent !important; 187 | } 188 | 189 | .itemExternalLinks a[href*="books.google.com"] { 190 | font-size: 0; 191 | } 192 | 193 | .itemExternalLinks a[href*="comicvine.gamespot.com"] { 194 | background: none !important; 195 | color: transparent !important; 196 | padding: 0 !important; 197 | } 198 | 199 | .itemExternalLinks a[href*="comicvine.gamespot.com"]::before { 200 | content: ""; 201 | display: inline-block; 202 | width: 50px; 203 | height: 25px; 204 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/comicvine/comicvine.png'); 205 | background-size: contain; 206 | background-repeat: no-repeat; 207 | margin-right: 5px; 208 | vertical-align: middle; 209 | } 210 | 211 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="comicvine.gamespot.com"]:hover, 212 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="comicvine.gamespot.com"]:focus, 213 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="comicvine.gamespot.com"]:active { 214 | background: none !important; 215 | background-color: transparent !important; 216 | background-image: none !important; 217 | filter: none !important; 218 | border-color: transparent !important; 219 | } 220 | 221 | .itemExternalLinks a[href*="comicvine.gamespot.com"] { 222 | font-size: 0; 223 | } 224 | 225 | .itemExternalLinks a[href*="https://www.discogs.com/artist"] { 226 | background: none !important; 227 | color: transparent !important; 228 | padding: 0 !important; 229 | } 230 | 231 | .itemExternalLinks a[href*="https://www.discogs.com/artist"]::before { 232 | content: ""; 233 | display: inline-block; 234 | width: 50px; 235 | height: 25px; 236 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/discogs/discogs-artist.png'); 237 | background-size: contain; 238 | background-repeat: no-repeat; 239 | margin-right: 5px; 240 | vertical-align: middle; 241 | } 242 | 243 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/artist"]:hover, 244 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/artist"]:focus, 245 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/artist"]:active { 246 | background: none !important; 247 | background-color: transparent !important; 248 | background-image: none !important; 249 | filter: none !important; 250 | border-color: transparent !important; 251 | } 252 | 253 | .itemExternalLinks a[href*="https://www.discogs.com/artist"] { 254 | font-size: 0; 255 | } 256 | 257 | .itemExternalLinks a[href*="https://www.discogs.com/release"] { 258 | background: none !important; 259 | color: transparent !important; 260 | padding: 0 !important; 261 | } 262 | 263 | .itemExternalLinks a[href*="https://www.discogs.com/release"]::before { 264 | content: ""; 265 | display: inline-block; 266 | width: 55px; 267 | height: 25px; 268 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/discogs/discogs-release.png'); 269 | background-size: contain; 270 | background-repeat: no-repeat; 271 | margin-right: 5px; 272 | vertical-align: middle; 273 | } 274 | 275 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/release"]:hover, 276 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/release"]:focus, 277 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/release"]:active { 278 | background: none !important; 279 | background-color: transparent !important; 280 | background-image: none !important; 281 | filter: none !important; 282 | border-color: transparent !important; 283 | } 284 | 285 | .itemExternalLinks a[href*="https://www.discogs.com/release"] { 286 | font-size: 0; 287 | } 288 | 289 | .itemExternalLinks a[href*="https://www.discogs.com/master"] { 290 | background: none !important; 291 | color: transparent !important; 292 | padding: 0 !important; 293 | } 294 | 295 | .itemExternalLinks a[href*="https://www.discogs.com/master"]::before { 296 | content: ""; 297 | display: inline-block; 298 | width: 55px; 299 | height: 25px; 300 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/discogs/discogs-master.png'); 301 | background-size: contain; 302 | background-repeat: no-repeat; 303 | margin-right: 5px; 304 | vertical-align: middle; 305 | } 306 | 307 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/master"]:hover, 308 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/master"]:focus, 309 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.discogs.com/master"]:active { 310 | background: none !important; 311 | background-color: transparent !important; 312 | background-image: none !important; 313 | filter: none !important; 314 | border-color: transparent !important; 315 | } 316 | 317 | .itemExternalLinks a[href*="https://www.discogs.com/master"] { 318 | font-size: 0; 319 | } 320 | 321 | .itemExternalLinks a[href*="https://movie.douban.com/subject"] { 322 | background: none !important; 323 | color: transparent !important; 324 | padding: 0 !important; 325 | } 326 | 327 | .itemExternalLinks a[href*="https://movie.douban.com/subject"]::before { 328 | content: ""; 329 | display: inline-block; 330 | width: 90px; 331 | height: 25px; 332 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/douban/douban.png'); 333 | background-size: contain; 334 | background-repeat: no-repeat; 335 | margin-right: 5px; 336 | vertical-align: middle; 337 | } 338 | 339 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://movie.douban.com/subject"]:hover, 340 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://movie.douban.com/subject"]:focus, 341 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://movie.douban.com/subject"]:active { 342 | background: none !important; 343 | background-color: transparent !important; 344 | background-image: none !important; 345 | filter: none !important; 346 | border-color: transparent !important; 347 | } 348 | 349 | .itemExternalLinks a[href*="https://movie.douban.com/subject"] { 350 | font-size: 0; 351 | } 352 | 353 | .itemExternalLinks a[href*="imdb.com"] { 354 | background: none !important; 355 | color: transparent !important; 356 | padding: 0 !important; 357 | } 358 | 359 | .itemExternalLinks a[href*="imdb.com"]::before { 360 | content: ""; 361 | display: inline-block; 362 | width: 50px; 363 | height: 25px; 364 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/imdb/imdb.png'); 365 | background-size: contain; 366 | background-repeat: no-repeat; 367 | margin-right: 5px; 368 | vertical-align: middle; 369 | } 370 | 371 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="imdb.com"]:hover, 372 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="imdb.com"]:focus, 373 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="imdb.com"]:active { 374 | background: none !important; 375 | background-color: transparent !important; 376 | background-image: none !important; 377 | filter: none !important; 378 | border-color: transparent !important; 379 | } 380 | 381 | .itemExternalLinks a[href*="imdb.com"] { 382 | font-size: 0; 383 | } 384 | 385 | .itemExternalLinks a[href*="https://imvdb.com"] { 386 | background: none !important; 387 | color: transparent !important; 388 | padding: 0 !important; 389 | } 390 | 391 | .itemExternalLinks a[href*="https://imvdb.com"]::before { 392 | content: ""; 393 | display: inline-block; 394 | width: 50px; 395 | height: 25px; 396 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/imvdb/imvdb.png'); 397 | background-size: contain; 398 | background-repeat: no-repeat; 399 | margin-right: 5px; 400 | vertical-align: middle; 401 | } 402 | 403 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://imvdb.com"]:hover, 404 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://imvdb.com"]:focus, 405 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://imvdb.com"]:active { 406 | background: none !important; 407 | background-color: transparent !important; 408 | background-image: none !important; 409 | filter: none !important; 410 | border-color: transparent !important; 411 | } 412 | 413 | .itemExternalLinks a[href*="https://imvdb.com"] { 414 | font-size: 0; 415 | } 416 | 417 | .itemExternalLinks a[href*="kinopoisk.ru"] { 418 | background: none !important; 419 | color: transparent !important; 420 | padding: 0 !important; 421 | } 422 | 423 | .itemExternalLinks a[href*="kinopoisk.ru"]::before { 424 | content: ""; 425 | display: inline-block; 426 | width: 100px; 427 | height: 25px; 428 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/kinopoisk/kinopoisk.png'); 429 | background-size: contain; 430 | background-repeat: no-repeat; 431 | margin-right: 5px; 432 | vertical-align: middle; 433 | } 434 | 435 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="kinopoisk.ru"]:hover, 436 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="kinopoisk.ru"]:focus, 437 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="kinopoisk.ru"]:active { 438 | background: none !important; 439 | background-color: transparent !important; 440 | background-image: none !important; 441 | filter: none !important; 442 | border-color: transparent !important; 443 | } 444 | 445 | .itemExternalLinks a[href*="kinopoisk.ru"] { 446 | font-size: 0; 447 | } 448 | 449 | .itemExternalLinks a[href*="kitsu.app"] { 450 | background: none !important; 451 | color: transparent !important; 452 | padding: 0 !important; 453 | } 454 | 455 | .itemExternalLinks a[href*="kitsu.app"]::before { 456 | content: ""; 457 | display: inline-block; 458 | width: 70px; 459 | height: 25px; 460 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/kitsu/kitsu.png'); 461 | background-size: contain; 462 | background-repeat: no-repeat; 463 | margin-right: 5px; 464 | vertical-align: middle; 465 | } 466 | 467 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="kitsu.app"]:hover, 468 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="kitsu.app"]:focus, 469 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="kitsu.app"]:active { 470 | background: none !important; 471 | background-color: transparent !important; 472 | background-image: none !important; 473 | filter: none !important; 474 | border-color: transparent !important; 475 | } 476 | 477 | .itemExternalLinks a[href*="kitsu.app"] { 478 | font-size: 0; 479 | } 480 | 481 | .itemExternalLinks a[href*="https://music.apple.com"] { 482 | background: none !important; 483 | color: transparent !important; 484 | padding: 0 !important; 485 | } 486 | 487 | .itemExternalLinks a[href*="https://music.apple.com"]::before { 488 | content: ""; 489 | display: inline-block; 490 | width: 100px; 491 | height: 25px; 492 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/applemusic/applemusic.png'); 493 | background-size: contain; 494 | background-repeat: no-repeat; 495 | margin-right: 5px; 496 | vertical-align: middle; 497 | } 498 | 499 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://music.apple.com"]:hover, 500 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://music.apple.com"]:focus, 501 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://music.apple.com"]:active { 502 | background: none !important; 503 | background-color: transparent !important; 504 | background-image: none !important; 505 | filter: none !important; 506 | border-color: transparent !important; 507 | } 508 | 509 | .itemExternalLinks a[href*="https://music.apple.com"] { 510 | font-size: 0; 511 | } 512 | 513 | .itemExternalLinks a[href*="https://musicbrainz.org/artist"] { 514 | background: none !important; 515 | color: transparent !important; 516 | padding: 0 !important; 517 | } 518 | 519 | .itemExternalLinks a[href*="https://musicbrainz.org/artist"]::before { 520 | content: ""; 521 | display: inline-block; 522 | width: 60px; 523 | height: 25px; 524 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/musicbrainz/musicbrainz-artist.png'); 525 | background-size: contain; 526 | background-repeat: no-repeat; 527 | margin-right: 5px; 528 | vertical-align: middle; 529 | } 530 | 531 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/artist"]:hover, 532 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/artist"]:focus, 533 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/artist"]:active { 534 | background: none !important; 535 | background-color: transparent !important; 536 | background-image: none !important; 537 | filter: none !important; 538 | border-color: transparent !important; 539 | } 540 | 541 | .itemExternalLinks a[href*="https://musicbrainz.org/artist"] { 542 | font-size: 0; 543 | } 544 | 545 | .itemExternalLinks a[href*="https://musicbrainz.org/release-group/"] { 546 | background: none !important; 547 | color: transparent !important; 548 | padding: 0 !important; 549 | } 550 | 551 | .itemExternalLinks a[href*="https://musicbrainz.org/release-group/"]::before { 552 | content: ""; 553 | display: inline-block; 554 | width: 60px; 555 | height: 25px; 556 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/musicbrainz/musicbrainz-release-group.png'); 557 | background-size: contain; 558 | background-repeat: no-repeat; 559 | margin-right: 5px; 560 | vertical-align: middle; 561 | } 562 | 563 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/release-group/"]:hover, 564 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/release-group/"]:focus, 565 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/release-group/"]:active { 566 | background: none !important; 567 | background-color: transparent !important; 568 | background-image: none !important; 569 | filter: none !important; 570 | border-color: transparent !important; 571 | } 572 | 573 | .itemExternalLinks a[href*="https://musicbrainz.org/release-group/"] { 574 | font-size: 0; 575 | } 576 | 577 | .itemExternalLinks a[href*="https://musicbrainz.org/release/"] { 578 | background: none !important; 579 | color: transparent !important; 580 | padding: 0 !important; 581 | } 582 | 583 | .itemExternalLinks a[href*="https://musicbrainz.org/release/"]::before { 584 | content: ""; 585 | display: inline-block; 586 | width: 70px; 587 | height: 25px; 588 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/musicbrainz/musicbrainz-release.png'); 589 | background-size: contain; 590 | background-repeat: no-repeat; 591 | margin-right: 5px; 592 | vertical-align: middle; 593 | } 594 | 595 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/release/"]:hover, 596 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/release/"]:focus, 597 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://musicbrainz.org/release/"]:active { 598 | background: none !important; 599 | background-color: transparent !important; 600 | background-image: none !important; 601 | filter: none !important; 602 | border-color: transparent !important; 603 | } 604 | 605 | .itemExternalLinks a[href*="https://musicbrainz.org/release/"] { 606 | font-size: 0; 607 | } 608 | 609 | .itemExternalLinks a[href*="myanimelist.net"] { 610 | background: none !important; 611 | color: transparent !important; 612 | padding: 0 !important; 613 | } 614 | 615 | .itemExternalLinks a[href*="myanimelist.net"]::before { 616 | content: ""; 617 | display: inline-block; 618 | width: 100px; 619 | height: 25px; 620 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/myanimelist/myanimelist.png'); 621 | background-size: contain; 622 | background-repeat: no-repeat; 623 | margin-right: 5px; 624 | vertical-align: middle; 625 | } 626 | 627 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="myanimelist.net"]:hover, 628 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="myanimelist.net"]:focus, 629 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="myanimelist.net"]:active { 630 | background: none !important; 631 | background-color: transparent !important; 632 | background-image: none !important; 633 | filter: none !important; 634 | border-color: transparent !important; 635 | } 636 | 637 | .itemExternalLinks a[href*="myanimelist.net"] { 638 | font-size: 0; 639 | } 640 | 641 | .itemExternalLinks a[href*="https://search.worldcat.org"] { 642 | background: none !important; 643 | color: transparent !important; 644 | padding: 0 !important; 645 | } 646 | 647 | .itemExternalLinks a[href*="https://search.worldcat.org"]::before { 648 | content: ""; 649 | display: inline-block; 650 | width: 70px; 651 | height: 25px; 652 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/worldcat/worldcat.png'); 653 | background-size: contain; 654 | background-repeat: no-repeat; 655 | margin-right: 5px; 656 | vertical-align: middle; 657 | } 658 | 659 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://search.worldcat.org"]:hover, 660 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://search.worldcat.org"]:focus, 661 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://search.worldcat.org"]:active { 662 | background: none !important; 663 | background-color: transparent !important; 664 | background-image: none !important; 665 | filter: none !important; 666 | border-color: transparent !important; 667 | } 668 | 669 | .itemExternalLinks a[href*="https://search.worldcat.org"] { 670 | font-size: 0; 671 | } 672 | 673 | .itemExternalLinks a[href*="shikimori.one"] { 674 | background: none !important; 675 | color: transparent !important; 676 | padding: 0 !important; 677 | } 678 | 679 | .itemExternalLinks a[href*="shikimori.one"]::before { 680 | content: ""; 681 | display: inline-block; 682 | width: 25px; 683 | height: 25px; 684 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shikimori/shikimori.png'); 685 | background-size: contain; 686 | background-repeat: no-repeat; 687 | margin-right: 5px; 688 | vertical-align: middle; 689 | } 690 | 691 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="shikimori.one"]:hover, 692 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="shikimori.one"]:focus, 693 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="shikimori.one"]:active { 694 | background: none !important; 695 | background-color: transparent !important; 696 | background-image: none !important; 697 | filter: none !important; 698 | border-color: transparent !important; 699 | } 700 | 701 | .itemExternalLinks a[href*="shikimori.one"] { 702 | font-size: 0; 703 | } 704 | 705 | .itemExternalLinks a[href*="https://www.theaudiodb.com/artist"] { 706 | background: none !important; 707 | color: transparent !important; 708 | padding: 0 !important; 709 | } 710 | 711 | .itemExternalLinks a[href*="https://www.theaudiodb.com/artist"]::before { 712 | content: ""; 713 | display: inline-block; 714 | width: 80px; 715 | height: 25px; 716 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/theaudiodb/theaudiodb-artist.png'); 717 | background-size: contain; 718 | background-repeat: no-repeat; 719 | margin-right: 5px; 720 | vertical-align: middle; 721 | } 722 | 723 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.theaudiodb.com/artist"]:hover, 724 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.theaudiodb.com/artist"]:focus, 725 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.theaudiodb.com/artist"]:active { 726 | background: none !important; 727 | background-color: transparent !important; 728 | background-image: none !important; 729 | filter: none !important; 730 | border-color: transparent !important; 731 | } 732 | 733 | .itemExternalLinks a[href*="https://www.theaudiodb.com/artist"] { 734 | font-size: 0; 735 | } 736 | 737 | .itemExternalLinks a[href*="https://www.theaudiodb.com/album"] { 738 | background: none !important; 739 | color: transparent !important; 740 | padding: 0 !important; 741 | } 742 | 743 | .itemExternalLinks a[href*="https://www.theaudiodb.com/album"]::before { 744 | content: ""; 745 | display: inline-block; 746 | width: 90px; 747 | height: 25px; 748 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/theaudiodb/theaudiodb-album.png'); 749 | background-size: contain; 750 | background-repeat: no-repeat; 751 | margin-right: 5px; 752 | vertical-align: middle; 753 | } 754 | 755 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.theaudiodb.com/album"]:hover, 756 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.theaudiodb.com/album"]:focus, 757 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://www.theaudiodb.com/album"]:active { 758 | background: none !important; 759 | background-color: transparent !important; 760 | background-image: none !important; 761 | filter: none !important; 762 | border-color: transparent !important; 763 | } 764 | 765 | .itemExternalLinks a[href*="https://www.theaudiodb.com/album"] { 766 | font-size: 0; 767 | } 768 | 769 | .itemExternalLinks a[href*="themoviedb.org"] { 770 | background: none !important; 771 | color: transparent !important; 772 | padding: 0 !important; 773 | } 774 | 775 | .itemExternalLinks a[href*="themoviedb.org"]::before { 776 | content: ""; 777 | display: inline-block; 778 | width: 50px; 779 | height: 25px; 780 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/themoviedb/themoviedb.png'); 781 | background-size: contain; 782 | background-repeat: no-repeat; 783 | margin-right: 5px; 784 | vertical-align: middle; 785 | } 786 | 787 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="themoviedb.org"]:hover, 788 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="themoviedb.org"]:focus, 789 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="themoviedb.org"]:active { 790 | background: none !important; 791 | background-color: transparent !important; 792 | background-image: none !important; 793 | filter: none !important; 794 | border-color: transparent !important; 795 | } 796 | 797 | .itemExternalLinks a[href*="themoviedb.org"] { 798 | font-size: 0; 799 | } 800 | 801 | .itemExternalLinks a[href*="themoviedb.org/collection"] { 802 | background: none !important; 803 | color: transparent !important; 804 | padding: 0 !important; 805 | } 806 | 807 | .itemExternalLinks a[href*="themoviedb.org/collection"]::before { 808 | content: ""; 809 | display: inline-block; 810 | width: 100px; 811 | height: 25px; 812 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/themoviedb/themoviedb-collection.png'); 813 | background-size: contain; 814 | background-repeat: no-repeat; 815 | margin-right: 5px; 816 | vertical-align: middle; 817 | } 818 | 819 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="themoviedb.org/collection"]:hover, 820 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="themoviedb.org/collection"]:focus, 821 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="themoviedb.org/collection"]:active { 822 | background: none !important; 823 | background-color: transparent !important; 824 | background-image: none !important; 825 | filter: none !important; 826 | border-color: transparent !important; 827 | } 828 | 829 | .itemExternalLinks a[href*="themoviedb.org/collection"] { 830 | font-size: 0; 831 | } 832 | 833 | .itemExternalLinks a[href*="https://theporndb.net"] { 834 | background: none !important; 835 | color: transparent !important; 836 | padding: 0 !important; 837 | } 838 | 839 | .itemExternalLinks a[href*="https://theporndb.net"]::before { 840 | content: ""; 841 | display: inline-block; 842 | width: 80px; 843 | height: 25px; 844 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/theporndb/theporndb.png'); 845 | background-size: contain; 846 | background-repeat: no-repeat; 847 | margin-right: 5px; 848 | vertical-align: middle; 849 | } 850 | 851 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://theporndb.net"]:hover, 852 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://theporndb.net"]:focus, 853 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://theporndb.net"]:active { 854 | background: none !important; 855 | background-color: transparent !important; 856 | background-image: none !important; 857 | filter: none !important; 858 | border-color: transparent !important; 859 | } 860 | 861 | .itemExternalLinks a[href*="https://theporndb.net"] { 862 | font-size: 0; 863 | } 864 | 865 | .itemExternalLinks a[href*="thetvdb.com"] { 866 | background: none !important; 867 | color: transparent !important; 868 | padding: 0 !important; 869 | } 870 | 871 | .itemExternalLinks a[href*="thetvdb.com"]::before { 872 | content: ""; 873 | display: inline-block; 874 | width: 50px; 875 | height: 25px; 876 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/thetvdb/thetvdb.png'); 877 | background-size: contain; 878 | background-repeat: no-repeat; 879 | margin-right: 5px; 880 | vertical-align: middle; 881 | } 882 | 883 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="thetvdb.com"]:hover, 884 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="thetvdb.com"]:focus, 885 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="thetvdb.com"]:active { 886 | background: none !important; 887 | background-color: transparent !important; 888 | background-image: none !important; 889 | filter: none !important; 890 | border-color: transparent !important; 891 | } 892 | 893 | .itemExternalLinks a[href*="thetvdb.com"] { 894 | font-size: 0; 895 | } 896 | 897 | .itemExternalLinks a[href*="trakt.tv"] { 898 | background: none !important; 899 | color: transparent !important; 900 | padding: 0 !important; 901 | } 902 | 903 | .itemExternalLinks a[href*="trakt.tv"]::before { 904 | content: ""; 905 | display: inline-block; 906 | width: 25px; 907 | height: 25px; 908 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/trakt/trakt.png'); 909 | background-size: contain; 910 | background-repeat: no-repeat; 911 | margin-right: 5px; 912 | vertical-align: middle; 913 | } 914 | 915 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="trakt.tv"]:hover, 916 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="trakt.tv"]:focus, 917 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="trakt.tv"]:active { 918 | background: none !important; 919 | background-color: transparent !important; 920 | background-image: none !important; 921 | filter: none !important; 922 | border-color: transparent !important; 923 | } 924 | 925 | .itemExternalLinks a[href*="trakt.tv"] { 926 | font-size: 0; 927 | } 928 | 929 | .itemExternalLinks a[href*="tvlistings.zap2it.com"] { 930 | background: none !important; 931 | color: transparent !important; 932 | padding: 0 !important; 933 | } 934 | 935 | .itemExternalLinks a[href*="tvlistings.zap2it.com"]::before { 936 | content: ""; 937 | display: inline-block; 938 | width: 25px; 939 | height: 25px; 940 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/zap2it/zap2it.png'); 941 | background-size: contain; 942 | background-repeat: no-repeat; 943 | margin-right: 5px; 944 | vertical-align: middle; 945 | } 946 | 947 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="tvlistings.zap2it.com"]:hover, 948 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="tvlistings.zap2it.com"]:focus, 949 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="tvlistings.zap2it.com"]:active { 950 | background: none !important; 951 | background-color: transparent !important; 952 | background-image: none !important; 953 | filter: none !important; 954 | border-color: transparent !important; 955 | } 956 | 957 | .itemExternalLinks a[href*="tvlistings.zap2it.com"] { 958 | font-size: 0; 959 | } 960 | 961 | .itemExternalLinks a[href*="tvmaze.com"] { 962 | background: none !important; 963 | color: transparent !important; 964 | padding: 0 !important; 965 | } 966 | 967 | .itemExternalLinks a[href*="tvmaze.com"]::before { 968 | content: ""; 969 | display: inline-block; 970 | width: 80px; 971 | height: 25px; 972 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/tvmaze/tvmaze.png'); 973 | background-size: contain; 974 | background-repeat: no-repeat; 975 | margin-right: 5px; 976 | vertical-align: middle; 977 | } 978 | 979 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="tvmaze.com"]:hover, 980 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="tvmaze.com"]:focus, 981 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="tvmaze.com"]:active { 982 | background: none !important; 983 | background-color: transparent !important; 984 | background-image: none !important; 985 | filter: none !important; 986 | border-color: transparent !important; 987 | } 988 | 989 | .itemExternalLinks a[href*="tvmaze.com"] { 990 | font-size: 0; 991 | } 992 | 993 | .itemExternalLinks a[href*="https://vgmdb.net/artist"] { 994 | background: none !important; 995 | color: transparent !important; 996 | padding: 0 !important; 997 | } 998 | 999 | .itemExternalLinks a[href*="https://vgmdb.net/artist"]::before { 1000 | content: ""; 1001 | display: inline-block; 1002 | width: 75px; 1003 | height: 25px; 1004 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/vgmdb/vgmdb-artist.png'); 1005 | background-size: contain; 1006 | background-repeat: no-repeat; 1007 | margin-right: 5px; 1008 | vertical-align: middle; 1009 | } 1010 | 1011 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://vgmdb.net/artist"]:hover, 1012 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://vgmdb.net/artist"]:focus, 1013 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://vgmdb.net/artist"]:active { 1014 | background: none !important; 1015 | background-color: transparent !important; 1016 | background-image: none !important; 1017 | filter: none !important; 1018 | border-color: transparent !important; 1019 | } 1020 | 1021 | .itemExternalLinks a[href*="https://vgmdb.net/artist"] { 1022 | font-size: 0; 1023 | } 1024 | 1025 | .itemExternalLinks a[href*="https://vgmdb.net/album"] { 1026 | background: none !important; 1027 | color: transparent !important; 1028 | padding: 0 !important; 1029 | } 1030 | 1031 | .itemExternalLinks a[href*="https://vgmdb.net/album"]::before { 1032 | content: ""; 1033 | display: inline-block; 1034 | width: 75px; 1035 | height: 25px; 1036 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/vgmdb/vgmdb-album.png'); 1037 | background-size: contain; 1038 | background-repeat: no-repeat; 1039 | margin-right: 5px; 1040 | vertical-align: middle; 1041 | } 1042 | 1043 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://vgmdb.net/album"]:hover, 1044 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://vgmdb.net/album"]:focus, 1045 | .layout-desktop .itemExternalLinks.focuscontainer-x > a[href*="https://vgmdb.net/album"]:active { 1046 | background: none !important; 1047 | background-color: transparent !important; 1048 | background-image: none !important; 1049 | filter: none !important; 1050 | border-color: transparent !important; 1051 | } 1052 | 1053 | .itemExternalLinks a[href*="https://vgmdb.net/album"] { 1054 | font-size: 0; 1055 | } 1056 | 1057 | .itemExternalLinks.focuscontainer-x { 1058 | color: #000a; 1059 | } 1060 | -------------------------------------------------------------------------------- /shoko-icon.css: -------------------------------------------------------------------------------- 1 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/group"] { 2 | background: none !important; 3 | color: transparent !important; 4 | padding: 0 !important; 5 | } 6 | 7 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/group"]::before { 8 | content: ""; 9 | display: inline-block; 10 | width: 60px; 11 | height: 25px; 12 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-group.png'); 13 | background-size: contain; 14 | background-repeat: no-repeat; 15 | margin-right: 5px; 16 | vertical-align: middle; 17 | } 18 | 19 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/group"]:hover, 20 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/group"]:focus, 21 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/group"]:active { 22 | background: none !important; 23 | filter: none !important; 24 | border: none !important; 25 | } 26 | 27 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/group"] { 28 | font-size: 0; 29 | } 30 | 31 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/series"] { 32 | background: none !important; 33 | color: transparent !important; 34 | padding: 0 !important; 35 | } 36 | 37 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/series"]::before { 38 | content: ""; 39 | display: inline-block; 40 | width: 60px; 41 | height: 25px; 42 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-series.png'); 43 | background-size: contain; 44 | background-repeat: no-repeat; 45 | margin-right: 5px; 46 | vertical-align: middle; 47 | } 48 | 49 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/series"]:hover, 50 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/series"]:focus, 51 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/collection/series"]:active { 52 | background: none !important; 53 | filter: none !important; 54 | border: none !important; 55 | } 56 | 57 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/collection/series"] { 58 | font-size: 0; 59 | } 60 | 61 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/episode"] { 62 | background: none !important; 63 | color: transparent !important; 64 | padding: 0 !important; 65 | } 66 | 67 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]::before { 68 | content: ""; 69 | display: inline-block; 70 | width: 65px; 71 | height: 25px; 72 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-episode.png'); 73 | background-size: contain; 74 | background-repeat: no-repeat; 75 | margin-right: 5px; 76 | vertical-align: middle; 77 | } 78 | 79 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]:hover, 80 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]:focus, 81 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/episode"]:active { 82 | background: none !important; 83 | filter: none !important; 84 | border: none !important; 85 | } 86 | 87 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/episode"] { 88 | font-size: 0; 89 | } 90 | 91 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/file"] { 92 | background: none !important; 93 | color: transparent !important; 94 | padding: 0 !important; 95 | } 96 | 97 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/file"]::before { 98 | content: ""; 99 | display: inline-block; 100 | width: 60px; 101 | height: 25px; 102 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/shoko/shoko-file.png'); 103 | background-size: contain; 104 | background-repeat: no-repeat; 105 | margin-right: 5px; 106 | vertical-align: middle; 107 | } 108 | 109 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/file"]:hover, 110 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/file"]:focus, 111 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:8111/webui/redirect/file"]:active { 112 | background: none !important; 113 | filter: none !important; 114 | border: none !important; 115 | } 116 | 117 | .itemExternalLinks a[href*="http://CHANGE_ME:8111/webui/redirect/file"] { 118 | font-size: 0; 119 | } 120 | -------------------------------------------------------------------------------- /stash-icon.css: -------------------------------------------------------------------------------- 1 | .itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"] { 2 | background: none !important; 3 | color: transparent !important; 4 | padding: 0 !important; 5 | } 6 | 7 | .itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"]::before { 8 | content: ""; 9 | display: inline-block; 10 | width: 35px; 11 | height: 25px; 12 | background-image: url('https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/icons/stash/stash.png'); 13 | background-size: contain; 14 | background-repeat: no-repeat; 15 | margin-right: 5px; 16 | vertical-align: middle; 17 | } 18 | 19 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:9999/scenes"]:hover, 20 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:9999/scenes"]:focus, 21 | .itemExternalLinks.focuscontainer-x > a[href*="http://CHANGE_ME:9999/scenes"]:active { 22 | background: none !important; 23 | filter: none !important; 24 | border: none !important; 25 | } 26 | 27 | .itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"] { 28 | font-size: 0; 29 | } 30 | --------------------------------------------------------------------------------