You are here

site-alert.css in Site Alert 7

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

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

div.site-alert div.info {
  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;
}

div.site-alert div.low {
  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;
}

div.site-alert div.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;
}

div#edit-alerts-start.date-padding {
  padding: 0px;
}

div#edit-alerts-expire.date-padding {
  padding: 0px;
}

File

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