html,
body {
    min-height: 100%;
}

.humane,
.humane-libnotify {
    position: fixed;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 100000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.humane,
.humane-libnotify {
    font-family: Ubuntu, Arial, sans-serif;
    text-align: center;
    font-size: 15px;
    top: 10px;
    right: 10px;
    opacity: 0;
    width: 150px;
    color: #fff;
    padding: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(1, rgba(50, 50, 50, 0.9))) no-repeat;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
    background: linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
    *background-color: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 4px -4px #000;
    box-shadow: 0 4px 4px -4px #000;
    -moz-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}

.humane p,
.humane-libnotify p,
.humane ul,
.humane-libnotify ul {
    margin: 0;
    padding: 0;
}

.humane ul,
.humane-libnotify ul {
    list-style: none;
}

.humane.humane-libnotify-info,
.humane-libnotify.humane-libnotify-info {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 50, 0.9)), color-stop(1, rgba(0, 0, 100, 0.9))) no-repeat;
    background: -moz-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
    background: linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
    *background-color: #030;
}

.humane.humane-libnotify-success,
.humane-libnotify.humane-libnotify-success {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 50, 0, 0.9)), color-stop(1, rgba(0, 100, 0, 0.9))) no-repeat;
    background: -moz-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
    background: -o-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
    background: linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
    *background-color: #030;
}

.humane.humane-libnotify-error,
.humane-libnotify.humane-libnotify-error {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50, 0, 0, 0.9)), color-stop(1, rgba(100, 0, 0, 0.9))) no-repeat;
    background: -moz-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
    background: -webkit-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
    background: -ms-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
    background: -o-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
    background: linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
    *background-color: #300;
}

.humane.humane-animate,
.humane-libnotify.humane-libnotify-animate {
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.humane.humane-animate:hover,
.humane-libnotify.humane-libnotify-animate:hover {
    opacity: 0.2;
}

.humane.humane-animate,
.humane-libnotify.humane-libnotify-js-animate {
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.humane.humane-animate:hover,
.humane-libnotify.humane-libnotify-js-animate:hover {
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}