bootstrap-v4.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .noty_theme__bootstrap-v4.noty_bar {
  2. margin: 4px 0;
  3. overflow: hidden;
  4. position: relative;
  5. border: 1px solid transparent;
  6. border-radius: .25rem; }
  7. .noty_theme__bootstrap-v4.noty_bar .noty_body {
  8. padding: .75rem 1.25rem; }
  9. .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
  10. padding: 10px; }
  11. .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
  12. font-size: 1.5rem;
  13. font-weight: 700;
  14. line-height: 1;
  15. color: #000;
  16. text-shadow: 0 1px 0 #fff;
  17. filter: alpha(opacity=20);
  18. opacity: .5;
  19. background: transparent; }
  20. .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
  21. background: transparent;
  22. text-decoration: none;
  23. cursor: pointer;
  24. filter: alpha(opacity=50);
  25. opacity: .75; }
  26. .noty_theme__bootstrap-v4.noty_type__alert,
  27. .noty_theme__bootstrap-v4.noty_type__notification {
  28. background-color: #fff;
  29. color: inherit; }
  30. .noty_theme__bootstrap-v4.noty_type__warning {
  31. background-color: #fcf8e3;
  32. color: #8a6d3b;
  33. border-color: #faebcc; }
  34. .noty_theme__bootstrap-v4.noty_type__error {
  35. background-color: #f2dede;
  36. color: #a94442;
  37. border-color: #ebccd1; }
  38. .noty_theme__bootstrap-v4.noty_type__info,
  39. .noty_theme__bootstrap-v4.noty_type__information {
  40. background-color: #d9edf7;
  41. color: #31708f;
  42. border-color: #bce8f1; }
  43. .noty_theme__bootstrap-v4.noty_type__success {
  44. background-color: #dff0d8;
  45. color: #3c763d;
  46. border-color: #d6e9c6; }