Update hover apps setup
This commit is contained in:
+23
-6
@@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------------------------
|
/* ------------------------
|
||||||
|
|||||||
Reference in New Issue
Block a user