unixaxwell/jellyfin-plugin-skin-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add more options to Poster cards

Browse Source
This commit is contained in:
Prayag
2021-01-14 17:44:58 +05:30
parent 523097da02
commit 7df79b6508
2 changed files with 1705 additions and 1693 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html
View File

@@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Skin Manager</title> <title>Skin Manager</title>
</head> </head>
<body> <body>
<div <div
data-role="page" data-role="page"
class="page type-interior pluginConfigurationPage tbsConfigurationPage" class="page type-interior pluginConfigurationPage tbsConfigurationPage"
@@ -1365,8 +1365,8 @@
return new Fontselect(this, settings); return new Fontselect(this, settings);
}); });
}; };
})(jQuery); })(jQuery);
</script> </script>
</div> </div>
</body> </body>
</html> </html>

12
skins-3.0.json
View File

@@ -316,6 +316,18 @@
{ {
"name": "Pop up and down", "name": "Pop up and down",
"css": "/*Dynamic Poster effect-option2*/.itemsContainer>.card>.cardBox {margin: 1em;background: rgba(0,0,0,0.5);transition: transform .2s, box-shadow .2s;}.cardBox:hover {transform: translatey(-5px);box-shadow: 0px 5px 10px black;}" "css": "/*Dynamic Poster effect-option2*/.itemsContainer>.card>.cardBox {margin: 1em;background: rgba(0,0,0,0.5);transition: transform .2s, box-shadow .2s;}.cardBox:hover {transform: translatey(-5px);box-shadow: 0px 5px 10px black;}"
},
{
"name": "Poster Image in and out",
"css": "/*Dynamic Poster effect-option3*/button.cardImageContainer:hover {filter: brightness(30%);transform: scale(1.1);}button.cardImageContainer {z-index: 1;transition: filter .2s, transform .25s;}.cardScalable {overflow: hidden;}"
},
{
"name": "Poster Image blur",
"css": "/*Dynamic Poster effect-option4*/button.cardImageContainer:hover {filter: brightness(30%) blur(2px);}button.cardImageContainer {z-index: 1;transition: filter .2s;}"
},
{
"name": "Poster Image in and out",
"css": "/*Dynamic Poster effect-option4*/button.cardImageContainer:hover {filter: brightness(30%) blur(2px);transform: scale(1.1);}button.cardImageContainer {z-index: 1;transition: filter .2s, transform .25s;}.cardScalable {overflow: hidden;}"
} }
] ]
}, },