not really known
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

  1. html,
  2. body {
  3. min-height: 100%;
  4. }
  5. .humane,
  6. .humane-libnotify {
  7. position: fixed;
  8. -moz-transition: all 0.3s ease-out;
  9. -webkit-transition: all 0.3s ease-out;
  10. -ms-transition: all 0.3s ease-out;
  11. -o-transition: all 0.3s ease-out;
  12. transition: all 0.3s ease-out;
  13. z-index: 100000;
  14. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  15. }
  16. .humane,
  17. .humane-libnotify {
  18. font-family: Ubuntu, Arial, sans-serif;
  19. text-align: center;
  20. font-size: 15px;
  21. bottom: 10px;
  22. right: 10px;
  23. opacity: 0;
  24. width: 150px;
  25. color: #fff;
  26. padding: 10px;
  27. background: #000;
  28. -moz-transform: translateY(-40px);
  29. -webkit-transform: translateY(-40px);
  30. -ms-transform: translateY(-40px);
  31. -o-transform: translateY(-40px);
  32. transform: translateY(-40px);
  33. }
  34. .humane p,
  35. .humane-libnotify p,
  36. .humane ul,
  37. .humane-libnotify ul {
  38. margin: 0;
  39. padding: 0;
  40. }
  41. .humane ul,
  42. .humane-libnotify ul {
  43. list-style: none;
  44. }
  45. .humane.humane-libnotify-info,
  46. .humane-libnotify.humane-libnotify-info {
  47. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==');
  48. 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;
  49. background: -moz-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  50. background: -webkit-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  51. background: -ms-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  52. background: -o-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  53. background: linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  54. *background-color: #030;
  55. }
  56. .humane.humane-libnotify-success,
  57. .humane-libnotify.humane-libnotify-success {
  58. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==');
  59. 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;
  60. background: -moz-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  61. background: -webkit-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  62. background: -ms-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  63. background: -o-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  64. background: linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  65. *background-color: #030;
  66. }
  67. .humane.humane-libnotify-error,
  68. .humane-libnotify.humane-libnotify-error {
  69. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=');
  70. 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;
  71. background: -moz-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  72. background: -webkit-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  73. background: -ms-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  74. background: -o-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  75. background: linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  76. *background-color: #300;
  77. }
  78. .humane.humane-animate,
  79. .humane-libnotify.humane-libnotify-animate {
  80. opacity: 1;
  81. -moz-transform: translateY(0);
  82. -webkit-transform: translateY(0);
  83. -ms-transform: translateY(0);
  84. -o-transform: translateY(0);
  85. transform: translateY(0);
  86. }
  87. .humane.humane-animate:hover,
  88. .humane-libnotify.humane-libnotify-animate:hover {
  89. opacity: 0.2;
  90. }
  91. .humane.humane-animate,
  92. .humane-libnotify.humane-libnotify-js-animate {
  93. opacity: 1;
  94. -moz-transform: translateY(0);
  95. -webkit-transform: translateY(0);
  96. -ms-transform: translateY(0);
  97. -o-transform: translateY(0);
  98. transform: translateY(0);
  99. }
  100. .humane.humane-animate:hover,
  101. .humane-libnotify.humane-libnotify-js-animate:hover {
  102. opacity: 0.2;
  103. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  104. }