_messages.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. @import "globals";
  2. /* MESSAGES & ERRORS */
  3. ul.messagelist {
  4. padding: 0;
  5. margin: 0;
  6. li {
  7. display: block;
  8. margin: 0 20px 10px 20px;
  9. border-radius: 6px;
  10. padding: 10px;
  11. &.success {
  12. background: $success-color;
  13. color: $success-text-color;
  14. }
  15. &.warning, &.error {
  16. background: $warning-color;
  17. color: $warning-text-color;
  18. }
  19. &.info, &.debug {
  20. background: $info-color;
  21. color: $info-text-color;
  22. }
  23. }
  24. }
  25. .errornote {
  26. display: block;
  27. margin: 0 0 10px 0;
  28. border-radius: 6px;
  29. padding: 10px;
  30. background: $warning-color;
  31. color: $warning-text-color;
  32. }
  33. ul.errorlist {
  34. margin: 0 0 4px;
  35. padding: 0;
  36. color: #ba2121;
  37. background: #fff;
  38. li {
  39. font-size: 13px;
  40. display: block;
  41. margin-bottom: 4px;
  42. &:first-child {
  43. margin-top: 0;
  44. }
  45. a {
  46. color: inherit;
  47. text-decoration: underline;
  48. }
  49. }
  50. td & {
  51. margin: 0;
  52. padding: 0;
  53. li {
  54. margin: 0;
  55. }
  56. }
  57. }
  58. .form-row.errors {
  59. ul.errorlist li {
  60. padding-left: 0;
  61. }
  62. }
  63. div.system-message {
  64. background: #ffc;
  65. margin: 10px;
  66. padding: 6px 8px;
  67. font-size: .8em;
  68. }
  69. div.system-message p.system-message-title {
  70. padding: 4px 5px 4px 25px;
  71. margin: 0;
  72. color: #c11;
  73. background: #ffefef url(../img/icon-no.svg) 5px 5px no-repeat;
  74. }
  75. .description {
  76. font-size: 12px;
  77. padding: 5px 0 0 12px;
  78. }