Update about HTML and CSS

This commit is contained in:
Prayag
2021-02-03 22:57:07 +05:30
parent 9a093fb381
commit fd422ef9d6
2 changed files with 25 additions and 24 deletions

View File

@@ -30,36 +30,36 @@
<h3>Contributors</h3> <h3>Contributors</h3>
<p>The people who have helped in the development of this plugin are listed below</p> <p>The people who have helped in the development of this plugin are listed below</p>
<div class="cont"> <div class="cont">
<div class="contibutorsNames" style="background:linear-gradient(180deg, #c4c4c4ab, #c4c4c4ab), url(https://avatars2.githubusercontent.com/u/29411250?s=400&v=4);">
<a href="https://github.com/danieladov" class="contributorsLink"> <a href="https://github.com/danieladov" class="contributorsLink">
<div class="contibutorsNames" style="background:linear-gradient(180deg, #c4c4c4ab, #c4c4c4ab), url(https://avatars2.githubusercontent.com/u/29411250?s=400&v=4);">
<div class="top"> <div class="top">
<h3>Daniel Álvarez</h3> <h3>Daniel Álvarez</h3>
</div>@danieladov </div>@danieladov
<p class="description"> <p class="description">
He is the creator of 3 Plugins for Jellyfin, namely- Merge Songs, Theme Music and Skin Manager He is the creator of 3 Plugins for Jellyfin, namely- Merge Songs, Theme Music and Skin Manager
</p> </p>
</a>
</div> </div>
<div class="contibutorsNames" style="margin-left: 3em;background:linear-gradient(180deg, #c4c4c4ab, #c4c4c4ab), url(https://avatars1.githubusercontent.com/u/55829513?s=460&u=3f232a3900ade07490ae8bdadd62ec5d0e9e4ecf&v=4);"> </a>
<a href="https://github.com/prayag17" class="contributorsLink"> <a href="https://github.com/prayag17" class="contributorsLink">
<div class="contibutorsNames" style="margin-left: 3em;background:linear-gradient(180deg, #c4c4c4ab, #c4c4c4ab), url(https://avatars1.githubusercontent.com/u/55829513?s=460&u=3f232a3900ade07490ae8bdadd62ec5d0e9e4ecf&v=4);">
<div class="top"> <div class="top">
<h3>Prayag Prajapati</h3> <h3>Prayag Prajapati</h3>
</div>@prayag17 </div>@prayag17
<p class="description"> <p class="description">
He is the creator of 2 jellyfin Skins, namely- JellySkin and JellyFlix. He has helped in creating the "Custom" option in this plugin. He is the creator of 2 jellyfin Skins, namely- JellySkin and JellyFlix. He has helped in creating the "Custom" option in this plugin.
</p> </p>
</a>
</div> </div>
<div class="contibutorsNames" style="margin-left: 3em;background:linear-gradient(180deg, #c4c4c4ab, #c4c4c4ab), url(https://avatars2.githubusercontent.com/u/4365015?s=400&v=4);"> </a>
<a href="https://github.com/prayag17" class="contributorsLink"> <a href="https://github.com/prayag17" class="contributorsLink">
<div class="contibutorsNames" style="margin-left: 3em;background:linear-gradient(180deg, #c4c4c4ab, #c4c4c4ab), url(https://avatars2.githubusercontent.com/u/4365015?s=400&v=4);">
<div class="top"> <div class="top">
<h3>Casper Talvio</h3> <h3>Casper Talvio</h3>
</div>@CTalvio </div>@CTalvio
<p class="description"> <p class="description">
He is the creator of 2 jellyfin Skins namely- Monochromic and Kaleidochromic. He is the creator of 2 jellyfin Skins namely- Monochromic and Kaleidochromic.
</p> </p>
</a>
</div> </div>
</a>
</div> </div>
</fieldset> </fieldset>
</div> </div>

View File

@@ -67,13 +67,14 @@ a {
min-width: 10em; min-width: 10em;
flex-wrap: wrap; flex-wrap: wrap;
height: fit-content; height: fit-content;
transition: box-shadow .2s; transition: all .2s;
max-height: 20em; max-height: 20em;
min-height: 15em; min-height: 15em;
background-size: cover !important; background-size: cover !important;
} }
.contibutorsNames:hover { .contibutorsNames:hover {
box-shadow: 0 0 17px -3px black; box-shadow: 0 3px 5px 0px #6e6e6e;
transform: translateY(-2px);
} }
.contributorsLink { .contributorsLink {
color: #3a3a3a !important; color: #3a3a3a !important;