You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
4.4 KiB
104 lines
4.4 KiB
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);
|
|
}
|