libnotify.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. top: 10px;
  22. right: 10px;
  23. opacity: 0;
  24. width: 150px;
  25. color: #fff;
  26. padding: 10px;
  27. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==');
  28. 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;
  29. background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
  30. background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
  31. background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
  32. background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
  33. background: linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
  34. *background-color: #000;
  35. -webkit-border-radius: 5px;
  36. border-radius: 5px;
  37. -webkit-box-shadow: 0 4px 4px -4px #000;
  38. box-shadow: 0 4px 4px -4px #000;
  39. -moz-transform: translateY(-40px);
  40. -webkit-transform: translateY(-40px);
  41. -ms-transform: translateY(-40px);
  42. -o-transform: translateY(-40px);
  43. transform: translateY(-40px);
  44. }
  45. .humane p,
  46. .humane-libnotify p,
  47. .humane ul,
  48. .humane-libnotify ul {
  49. margin: 0;
  50. padding: 0;
  51. }
  52. .humane ul,
  53. .humane-libnotify ul {
  54. list-style: none;
  55. }
  56. .humane.humane-libnotify-info,
  57. .humane-libnotify.humane-libnotify-info {
  58. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==');
  59. 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;
  60. background: -moz-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  61. background: -webkit-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  62. background: -ms-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  63. background: -o-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  64. background: linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
  65. *background-color: #030;
  66. }
  67. .humane.humane-libnotify-success,
  68. .humane-libnotify.humane-libnotify-success {
  69. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==');
  70. 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;
  71. background: -moz-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  72. background: -webkit-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  73. background: -ms-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  74. background: -o-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  75. background: linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
  76. *background-color: #030;
  77. }
  78. .humane.humane-libnotify-error,
  79. .humane-libnotify.humane-libnotify-error {
  80. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=');
  81. 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;
  82. background: -moz-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  83. background: -webkit-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  84. background: -ms-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  85. background: -o-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  86. background: linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
  87. *background-color: #300;
  88. }
  89. .humane.humane-animate,
  90. .humane-libnotify.humane-libnotify-animate {
  91. opacity: 1;
  92. -moz-transform: translateY(0);
  93. -webkit-transform: translateY(0);
  94. -ms-transform: translateY(0);
  95. -o-transform: translateY(0);
  96. transform: translateY(0);
  97. }
  98. .humane.humane-animate:hover,
  99. .humane-libnotify.humane-libnotify-animate:hover {
  100. opacity: 0.2;
  101. }
  102. .humane.humane-animate,
  103. .humane-libnotify.humane-libnotify-js-animate {
  104. opacity: 1;
  105. -moz-transform: translateY(0);
  106. -webkit-transform: translateY(0);
  107. -ms-transform: translateY(0);
  108. -o-transform: translateY(0);
  109. transform: translateY(0);
  110. }
  111. .humane.humane-animate:hover,
  112. .humane-libnotify.humane-libnotify-js-animate:hover {
  113. opacity: 0.2;
  114. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  115. }