messages.css 714 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. html {
  2. box-sizing: border-box;
  3. }
  4. *, *::after, *::before {
  5. box-sizing: inherit;
  6. }
  7. .messages {
  8. padding: 9px;
  9. margin: 1em 0;
  10. color: #919191;
  11. background-color: #ddd;
  12. border: 1px solid #c4c4c4;
  13. word-wrap: break-word;
  14. }
  15. .messages pre {
  16. border: 0;
  17. }
  18. .messages--warning {
  19. color: #903023;
  20. background-color: #ddc44f;
  21. border-color: #d1b328;
  22. }
  23. .messages--warning pre {
  24. background-color: #d1b328;
  25. }
  26. .messages--error {
  27. color: white;
  28. background-color: #cd4533;
  29. border-color: #a53728;
  30. }
  31. .messages--error pre {
  32. background-color: #a53728;
  33. }
  34. .messages--status {
  35. color: #304319;
  36. background-color: #8dbe51;
  37. border-color: #73a03c;
  38. }
  39. .messages--status pre {
  40. background-color: #73a03c;
  41. }