Change alert box fadeout to avoid an empty space

This commit is contained in:
Frederic Guillot
2015-07-04 17:00:29 -04:00
parent 04300f6b5f
commit 0e5756ecc1
4 changed files with 21 additions and 82 deletions

View File

@@ -1,7 +1,12 @@
/* alerts */
#main .alert,
.page .alert {
margin-top: 10px;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
margin-bottom: 10px;
color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
@@ -40,41 +45,3 @@
.alert li {
margin-left: 25px;
}
/* fade out animation */
.alert-fade-out {
animation: fadeOut 1s forwards;
-webkit-animation: fadeOut 1s forwards;
animation-delay: 7s;
-webkit-animation-delay: 7s;
cursor: pointer;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
margin: 0;
padding: 0;
height: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
margin: 0;
padding: 0;
height: 0;
}
}
#main .alert,
.page .alert {
margin-top: 10px;
}