_alert.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .alert {
  2. text-align: $left;
  3. -moz-box-shadow: 0 1px 1px #fff inset;
  4. -webkit-box-shadow: 0 1px 1px #fff inset;
  5. box-shadow: 0 1px 1px #fff inset;
  6. @if $direction == rtl {
  7. background-position: 99% 50%;
  8. padding: 10px 35px 10px 10px;
  9. } @else {
  10. background-position: 10px 50%;
  11. padding: 10px 10px 10px 10px;
  12. }
  13. a {
  14. text-decoration: underline;
  15. }
  16. h1 {
  17. border-bottom: 2px solid;
  18. }
  19. }
  20. .alert-primary {
  21. color: #000;
  22. background-color: #e8eef1;
  23. background-image: none;
  24. border-color: #3a6c7e;
  25. h1 {
  26. border-color: #ffb10a;
  27. }
  28. }
  29. .alert-success {
  30. color: #000;
  31. background-color: #ebf8a4;
  32. background-image: none;
  33. border-color: #a2d246;
  34. h1 {
  35. border-color: #0f0;
  36. }
  37. }
  38. .alert-danger {
  39. color: #000;
  40. background-color: pink;
  41. background-image: none;
  42. border-color: #333;
  43. h1 {
  44. border-color: #f00;
  45. }
  46. }
  47. .result_query .alert {
  48. margin-bottom: 0;
  49. border-bottom: none !important;
  50. border-bottom-left-radius: 0;
  51. border-bottom-right-radius: 0;
  52. padding-bottom: 5px;
  53. }