Update hover apps setup

This commit is contained in:
Aurelien Vaillant
2020-04-06 12:29:51 +02:00
parent d8fc895cf9
commit a50158eeab
+23 -6
View File
@@ -366,21 +366,23 @@ body.logged, .logged .content {
} }
#apps ul li { #apps ul li {
margin: 1em; margin: 1em;
box-shadow: 6px 6px 6px #101c16; font-variant: small-caps;
box-shadow: none;
} }
/*#apps ul li:hover {*/
/* transform: rotate(5deg); */
/*}*/
#apps ul li a { #apps ul li a {
background: rgb(73,70,63); background: rgb(73,70,63);
background: linear-gradient(0deg, rgba(73,70,63,1) 0%, rgba(87,90,89,1) 100%); background: linear-gradient(0deg, rgba(73,70,63,1) 0%, rgba(87,90,89,1) 100%);
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
box-shadow: 6px 6px 6px #101c16;
color: #c2a593;
} }
.listing-apps a:hover { .listing-apps a:hover {
top: 0; top: 0;
left: 0; left: 0;
/*border: 30px solid #2c2b27;*/ border: 30px solid #2c2b27;
transform: rotate(7deg);
} }
.listing-apps a::after, .listing-apps a::before, .listing-apps a:hover::after, .listing-apps a:hover::before, .listing-apps a .first-letter { .listing-apps a::after, .listing-apps a::before, .listing-apps a:hover::after, .listing-apps a:hover::before, .listing-apps a .first-letter {
width: 0; width: 0;
@@ -402,8 +404,23 @@ body.logged, .logged .content {
padding: 6px 5%; padding: 6px 5%;
text-align: left; text-align: left;
background: #2c2b27; background: #2c2b27;
color: #c2a593;
line-height: 1.4em; line-height: 1.4em;
overflow: hidden;
}
.listing-apps a:hover .name {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
.listing-apps a:hover .first-letter {
display: inline;
position: relative;
}
.listing-apps a:hover .first-letter {
width: 100%;
height: 100%;
} }
/* ------------------------ /* ------------------------