messages.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /**
  2. * @file
  3. * Styles for system messages.
  4. */
  5. .messages {
  6. margin-bottom: 1em;
  7. padding: 20px;
  8. word-wrap: break-word;
  9. color: inherit;
  10. overflow-wrap: break-word;
  11. }
  12. [dir="rtl"] .messages {
  13. text-align: right;
  14. background-position: right 10px top 17px;
  15. }
  16. .messages + .messages {
  17. margin-top: 1.538em;
  18. }
  19. .messages__content {
  20. padding-left: 24px; /* LTR */
  21. background: no-repeat 0 center; /* LTR */
  22. }
  23. [dir=rtl] .messages__content {
  24. padding-right: 24px;
  25. padding-left: 0;
  26. background-position: right;
  27. }
  28. .messages--status {
  29. border: 1px solid #cbdebc;
  30. background-color: #e6eee0;
  31. }
  32. .messages--status .messages__content {
  33. background-image: url(/core/misc/icons/73b355/check.svg);
  34. }
  35. .messages--warning {
  36. border: 1px solid #fae2a4;
  37. background-color: #fcf1d4;
  38. }
  39. .messages--warning .messages__content {
  40. background-image: url(/core/misc/icons/e29700/warning.svg);
  41. }
  42. .messages--error {
  43. border: 1px solid #f8c8d5;
  44. background-color: #f9e6eb;
  45. }
  46. .messages--error .messages__content {
  47. background-image: url(/core/misc/icons/e32700/error.svg);
  48. }
  49. .messages--error .error {
  50. color: inherit;
  51. }
  52. .messages a {
  53. color: #cc2a00;
  54. }
  55. .messages__list {
  56. margin: 0;
  57. padding: 0;
  58. list-style: none;
  59. }
  60. .messages__item + .messages__item {
  61. margin-top: 0.769em;
  62. }