problems.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. section#body {
  2. padding-top: 3rem;
  3. }
  4. ul.problems {
  5. list-style: none;
  6. padding: 0;
  7. margin-top: 3rem;
  8. }
  9. ul.problems li {
  10. margin-bottom: 1rem;
  11. padding: 1rem;
  12. }
  13. ul.problems li.success {
  14. background: #F1F9F1;
  15. border-left: 5px solid #5CB85C;
  16. color: #3d8b3d;
  17. }
  18. ul.problems li.error {
  19. background: #FDF7F7;
  20. border-left: 5px solid #D9534F;
  21. color: #b52b27;
  22. }
  23. ul.problems li.info {
  24. background: #F4F8FA;
  25. border-left: 5px solid #5bc0de;
  26. color: #28a1c5;
  27. }
  28. ul.problems .fa {
  29. font-size: 3rem;
  30. vertical-align: middle;
  31. margin-left: 1rem;
  32. display: block;
  33. float: left;
  34. }
  35. ul.problems p {
  36. display: block;
  37. margin: 0.5rem 0.5rem 0.5rem 5rem;
  38. }
  39. .button.big {
  40. font-size: 1.2rem;
  41. }
  42. .center {
  43. text-align: center;
  44. }
  45. .underline {
  46. text-decoration: underline;
  47. }
  48. .clearfix:after {
  49. visibility: hidden;
  50. display: block;
  51. font-size: 0;
  52. content: " ";
  53. clear: both;
  54. height: 0;
  55. }
  56. .clearfix { display: inline-block; }
  57. /* start commented backslash hack \*/
  58. * html .clearfix { height: 1%; }
  59. .clearfix { display: block; }
  60. /* close commented backslash hack */