Beauty.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. body {
  2. background-color: #f4f4f4;
  3. font-family: Arial, sans-serif;
  4. }
  5. .tab {
  6. display: flex;
  7. flex-wrap: wrap;
  8. background-color: #fff;
  9. box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  10. position: relative;
  11. z-index: 1;
  12. }
  13. .tab button {
  14. display: block;
  15. padding: 10px 15px;
  16. color: #666;
  17. background-color: #fff;
  18. border: none;
  19. box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  20. font-size: 16px;
  21. font-weight: bold;
  22. text-transform: uppercase;
  23. transition: all 0.3s ease;
  24. }
  25. .tab button.active {
  26. background-color: #007bff;
  27. color: #fff;
  28. box-shadow: none;
  29. }
  30. .tabcontent {
  31. display: none;
  32. background-color: #fff;
  33. padding: 30px;
  34. box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  35. position: absolute;
  36. top: 50px;
  37. left: 0;
  38. right: 0;
  39. z-index: -1;
  40. }
  41. .tabcontent.active {
  42. display: block;
  43. }
  44. form label {
  45. display: block;
  46. margin-bottom: 10px;
  47. }
  48. form input:not([type="submit"]), form textarea {
  49. width: 100%;
  50. padding: 10px;
  51. border: none;
  52. box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  53. margin-bottom: 20px;
  54. }
  55. form input[type="submit"] {
  56. background-color: #007bff;
  57. color: #fff;
  58. padding: 10px 20px;
  59. border: none;
  60. cursor: pointer;
  61. }
  62. form input[type="submit"]:hover {
  63. background-color: #0056b3;
  64. }
  65. form input:invalid, form textarea:invalid {
  66. border-color: #dc3545;
  67. }
  68. form input:focus:invalid, form textarea:focus:invalid {
  69. outline: none;
  70. }
  71. form input[type="date"]::-webkit-inner-spin-button {
  72. display: none;
  73. }
  74. body {
  75. background-image: url('Assets/car.jpg');
  76. background-size: cover;
  77. }