|
|
- 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;
- bottom: 10px;
- right: 10px;
- opacity: 0;
- width: 150px;
- color: #fff;
- padding: 10px;
- background: #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);
- }
|