mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-22 17:49:34 +00:00
c29351cb09
Fix: Do not hide labels on specific cards Fix: Border radius was getting reset on click on list items dev: Allow users to customise the My Media cover images
89 lines
2.9 KiB
CSS
89 lines
2.9 KiB
CSS
/* Add-on: Custom media covers for the ElegantFin Theme for Jellyfin by lscambo13 */
|
|
|
|
div[data-collectiontype="movies"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayMoviesCover) !important;
|
|
background-image: var(--urlMoviesCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="tvshows"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayTvshowsCover) !important;
|
|
background-image: var(--urlTvshowsCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="livetv"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayLivetvCover) !important;
|
|
background-image: var(--urlLivetvCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="music"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayMusicCover) !important;
|
|
background-image: var(--urlMusicCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="homevideos"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayHomevideosCover) !important;
|
|
background-image: var(--urlHomevideosCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="books"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayBooksCover) !important;
|
|
background-image: var(--urlBooksCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="boxsets"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayBoxsetsCover) !important;
|
|
background-image: var(--urlBoxsetsCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="folders"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayFoldersCover) !important;
|
|
background-image: var(--urlFoldersCover) !important;
|
|
}
|
|
|
|
div[data-collectiontype="playlists"] .cardImageContainer.cardContent {
|
|
background: var(--colorOverlayPlaylistsCover) !important;
|
|
background-image: var(--urlPlaylistsCover) !important;
|
|
}
|
|
|
|
.card-withuserdata[data-isfolder="true"] .cardImageContainer.cardContent {
|
|
filter: contrast(0.85);
|
|
background-size: cover !important;
|
|
background-position: 50% !important;
|
|
background-blend-mode: multiply;
|
|
}
|
|
|
|
div[data-collectiontype="movies"] .cardImageContainer.cardContent::before {
|
|
content: "Movies";
|
|
}
|
|
|
|
div[data-collectiontype="tvshows"] .cardImageContainer.cardContent::before {
|
|
content: "TV Shows";
|
|
}
|
|
|
|
div[data-collectiontype="livetv"] .cardImageContainer.cardContent::before {
|
|
content: "Live TV";
|
|
}
|
|
|
|
div[data-collectiontype="music"] .cardImageContainer.cardContent::before {
|
|
content: "Music";
|
|
}
|
|
|
|
div[data-collectiontype="homevideos"] .cardImageContainer.cardContent::before {
|
|
content: "Home Videos";
|
|
}
|
|
|
|
div[data-collectiontype="books"] .cardImageContainer.cardContent::before {
|
|
content: "Books";
|
|
}
|
|
|
|
div[data-collectiontype="boxsets"] .cardImageContainer.cardContent::before {
|
|
content: "Collections";
|
|
}
|
|
|
|
div[data-collectiontype="folders"] .cardImageContainer.cardContent::before {
|
|
content: "Folders";
|
|
}
|
|
|
|
div[data-collectiontype="playlists"] .cardImageContainer.cardContent::before {
|
|
content: "Playlists";
|
|
} |