WIP animation
This commit is contained in:
+17
-1
@@ -116,7 +116,7 @@ body {
|
|||||||
margin: 0 5% 0 45%;
|
margin: 0 5% 0 45%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center;
|
align-content: center;
|
||||||
}
|
}
|
||||||
.login-form .btn {
|
.login-form .btn {
|
||||||
height: 52px;
|
height: 52px;
|
||||||
@@ -428,9 +428,21 @@ body.logged, .logged .content {
|
|||||||
}
|
}
|
||||||
.listing-apps a:hover .name {
|
.listing-apps a:hover .name {
|
||||||
height: 0;
|
height: 0;
|
||||||
|
line-height: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
|
animation: nameopa 0.3s;
|
||||||
}
|
}
|
||||||
|
@keyframes nameopa {
|
||||||
|
from {
|
||||||
|
height: auto;
|
||||||
|
line-height: inherit;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;}
|
||||||
|
to { height:0;
|
||||||
|
line-height: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;} }
|
||||||
|
|
||||||
.listing-apps a .first-letter {
|
.listing-apps a .first-letter {
|
||||||
font-family: 'NotoSansBold', serif;
|
font-family: 'NotoSansBold', serif;
|
||||||
@@ -443,7 +455,11 @@ body.logged, .logged .content {
|
|||||||
display: inline;
|
display: inline;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -30px;
|
top: -30px;
|
||||||
|
animation: movetop 0.3s;
|
||||||
}
|
}
|
||||||
|
@keyframes movetop {
|
||||||
|
from { top: 0; }
|
||||||
|
to { top:-30px; } }
|
||||||
/* ------------------------
|
/* ------------------------
|
||||||
Page Edit User
|
Page Edit User
|
||||||
------------------------ */
|
------------------------ */
|
||||||
|
|||||||
Reference in New Issue
Block a user