html,
body {
height: 100%;
}
.humane {
position: fixed;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
z-index: -1;
}
.humane.humane-animate,
.humane.humane-js-animate {
z-index: 100000;
}
.humane {
font-family: Ubuntu, Verdana, sans-serif;
line-height: 40px;
font-size: 25px;
top: 25%;
left: 25%;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
width: 50%;
min-height: 40px;
padding: 10px;
text-align: center;
background-color: #000;
color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
.humane p,
.humane ul {
margin: 0;
padding: 0;
}
.humane ul {
list-style: none;
}
.humane.humane-info {
background-color: #030;
}
.humane.humane-success {
background-color: #030;
}
.humane.humane-error {
background-color: #300;
}
.humane.humane-animate {
opacity: 0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.humane.humane-animate:hover {
opacity: 0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.humane.humane-js-animate {
opacity: 0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.humane.humane-js-animate:hover {
opacity: 0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}