You are here

site_alert.css in Site Alert 8

.site-alert {
  width: 100%;
  font-weight: bold;
}

.site-alert .text {
  padding: 10px 10px 10px 50px;
  margin: 0;
  font-size: 18px;
}

.site-alert .text p {
  margin: 0;
}

.site-alert .severity-low {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
  background-image: url('icon-alert.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 1% 50%;
  margin-bottom: 1.5em;
}

.site-alert .severity-medium {
  background: #f3eaac;
  border: 1px solid #faebcc;
  color: #8a6d3b;
  background-image: url('icon-alert.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 1% 50%;
  margin-bottom: 1.5em;
}

.site-alert .severity-high {
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  background-image: url('icon-alert.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 1% 50%;
  margin-bottom: 1.5em;
}

File

css/site_alert.css
View source
  1. .site-alert {
  2. width: 100%;
  3. font-weight: bold;
  4. }
  5. .site-alert .text {
  6. padding: 10px 10px 10px 50px;
  7. margin: 0;
  8. font-size: 18px;
  9. }
  10. .site-alert .text p {
  11. margin: 0;
  12. }
  13. .site-alert .severity-low {
  14. background: #d9edf7;
  15. border: 1px solid #bce8f1;
  16. color: #31708f;
  17. background-image: url('icon-alert.png');
  18. background-repeat: no-repeat;
  19. background-size: 30px 30px;
  20. background-position: 1% 50%;
  21. margin-bottom: 1.5em;
  22. }
  23. .site-alert .severity-medium {
  24. background: #f3eaac;
  25. border: 1px solid #faebcc;
  26. color: #8a6d3b;
  27. background-image: url('icon-alert.png');
  28. background-repeat: no-repeat;
  29. background-size: 30px 30px;
  30. background-position: 1% 50%;
  31. margin-bottom: 1.5em;
  32. }
  33. .site-alert .severity-high {
  34. background: #f2dede;
  35. border: 1px solid #ebccd1;
  36. color: #a94442;
  37. background-image: url('icon-alert.png');
  38. background-repeat: no-repeat;
  39. background-size: 30px 30px;
  40. background-position: 1% 50%;
  41. margin-bottom: 1.5em;
  42. }