Geen omschrijving

styles.css 1.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. body {
  2. padding-bottom: 0;
  3. }
  4. .featurette-divider {
  5. margin: 40px 0;
  6. }
  7. .carousel img {
  8. width: 100vw;
  9. object-fit: cover;
  10. overflow: hidden;
  11. border-bottom: 3px solid #928c8c;
  12. }
  13. .userBtn {
  14. background-color: #f0ad4e;
  15. }
  16. .diet .text {
  17. width: 90%;
  18. margin-bottom: 5px;
  19. }
  20. .diet .checkbox {
  21. display: inline;
  22. margin-right: 5px;
  23. }
  24. dt {
  25. font-size: 2rem;
  26. }
  27. .details {
  28. display: inline;
  29. }
  30. .add button {
  31. background-color: #2980b9;
  32. color: white;
  33. padding: 10px 20px;
  34. border-radius: 10px;
  35. border: 1px solid #95a5a6;
  36. position: relative;
  37. left: 0;
  38. }
  39. .cart {
  40. position: fixed;
  41. bottom: 0px;
  42. right: 0px;
  43. background-color: rgba(237,167,193, 0.75);
  44. width: 150px;
  45. text-align: center;
  46. padding: 10px 10px;
  47. margin-bottom: 151px;
  48. }
  49. .cart h2 {
  50. font-size: 2rem;
  51. }
  52. .message {
  53. margin-left: 10px;
  54. padding: 5px 10px;
  55. background-color: #e74c3c;
  56. color: white;
  57. }
  58. footer {
  59. width: 100%;
  60. padding: 60px 40px;
  61. font-size: 1.5rem;
  62. background-color: #5a5a5a;
  63. color: #fff;
  64. }
  65. footer a {
  66. color: #fff;
  67. text-decoration: none;
  68. font-size: 1.5rem;
  69. }