light.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .noty_theme__light.noty_bar {
  2. margin: 4px 0;
  3. overflow: hidden;
  4. border-radius: 2px;
  5. position: relative; }
  6. .noty_theme__light.noty_bar .noty_body {
  7. padding: 10px; }
  8. .noty_theme__light.noty_bar .noty_buttons {
  9. border-top: 1px solid #e7e7e7;
  10. padding: 5px 10px; }
  11. .noty_theme__light.noty_type__alert,
  12. .noty_theme__light.noty_type__notification {
  13. background-color: #fff;
  14. border: 1px solid #dedede;
  15. color: #444; }
  16. .noty_theme__light.noty_type__warning {
  17. background-color: #FFEAA8;
  18. border: 1px solid #FFC237;
  19. color: #826200; }
  20. .noty_theme__light.noty_type__warning .noty_buttons {
  21. border-color: #dfaa30; }
  22. .noty_theme__light.noty_type__error {
  23. background-color: #ED7000;
  24. border: 1px solid #e25353;
  25. color: #FFF; }
  26. .noty_theme__light.noty_type__error .noty_buttons {
  27. border-color: darkred; }
  28. .noty_theme__light.noty_type__info,
  29. .noty_theme__light.noty_type__information {
  30. background-color: #78C5E7;
  31. border: 1px solid #3badd6;
  32. color: #FFF; }
  33. .noty_theme__light.noty_type__info .noty_buttons,
  34. .noty_theme__light.noty_type__information .noty_buttons {
  35. border-color: #0B90C4; }
  36. .noty_theme__light.noty_type__success {
  37. background-color: #57C880;
  38. border: 1px solid #7cdd77;
  39. color: darkgreen; }
  40. .noty_theme__light.noty_type__success .noty_buttons {
  41. border-color: #50C24E; }