jquery.jnotify.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .jnotify-container {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. width: 100%;
  6. z-index: 100000;
  7. }
  8. .jnotify-container .jnotify-notification {
  9. position: relative;
  10. }
  11. .jnotify-container .jnotify-notification .jnotify-background {
  12. position: absolute;
  13. top: 0;
  14. left: 0;
  15. width: 100%;
  16. height: 100%;
  17. background-color: #e3f0db;
  18. filter: alpha(opacity=90);
  19. -moz-opacity: 0.90;
  20. opacity: 0.90;
  21. z-index: 1;
  22. }
  23. .jnotify-container .jnotify-notification a.jnotify-close,
  24. .jnotify-container .jnotify-notification a.jnotify-close:link,
  25. .jnotify-container .jnotify-notification a.jnotify-close:visited,
  26. .jnotify-container .jnotify-notification a.jnotify-close:focus,
  27. .jnotify-container .jnotify-notification a.jnotify-close:hover {
  28. position: absolute;
  29. top: 2px;
  30. right: 5px;
  31. padding: 0 5px;
  32. font: bold 1.4em Arial,Helvetica,sans-serif;
  33. line-height: 1em;
  34. color: #567b1b;
  35. text-decoration: none;
  36. z-index: 3;
  37. cursor: pointer;
  38. }
  39. .jnotify-container .jnotify-notification .jnotify-message {
  40. position: relative;
  41. z-index: 2;
  42. padding: 20px;
  43. text-align: center;
  44. color: #567b1b;
  45. font: bold 1.4em Arial,Helvetica,sans-serif;
  46. line-height: 1.2em;
  47. }
  48. .jnotify-container .jnotify-notification .jnotify-message * {
  49. font-size: 1em;
  50. }
  51. /* notification type == "error" */
  52. .jnotify-container .jnotify-notification-error .jnotify-background {
  53. background-color: #d79eac;
  54. }
  55. .jnotify-container .jnotify-notification-error .jnotify-close,
  56. .jnotify-container .jnotify-notification-error .jnotify-message {
  57. color: #a72947 !important;
  58. }
  59. /* notification type == "warning" */
  60. .jnotify-container .jnotify-notification-warning .jnotify-background {
  61. background-color: #fff7d1;
  62. }
  63. .jnotify-container .jnotify-notification-warning .jnotify-close,
  64. .jnotify-container .jnotify-notification-warning .jnotify-message {
  65. color: #c2a928 !important;
  66. }