style.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. .header-wrap {
  2. display: flex;
  3. align-items: center;
  4. min-height: 100px;
  5. background-color: rgb(179, 177, 180);
  6. justify-content: space-between;
  7. padding-right: 40px;
  8. }
  9. .headerBtn {
  10. display: flex;
  11. justify-content: flex-end;
  12. }
  13. .headerTitle {
  14. display: flex;
  15. padding-left: 40px;
  16. }
  17. .a-shop {
  18. padding-left: 15px;
  19. }
  20. .enterLogin{
  21. padding-right: 20px;
  22. }
  23. a{
  24. text-decoration: none;
  25. color:#000000;
  26. }
  27. a:hover{
  28. color: #d80e0e;
  29. }
  30. li {
  31. list-style-type: none;
  32. padding: 5px;
  33. }
  34. .aside{
  35. padding-top: 20px;
  36. height: 100vh;
  37. }
  38. .main-container{
  39. padding-left: 50px;
  40. width: 100vh;
  41. height: 100vh;
  42. }
  43. .mainLoginContainer {
  44. display: none;
  45. border: 2px solid #000000;
  46. margin-top: 50px;
  47. max-width: 400px;
  48. }
  49. .header-div{
  50. display: flex;
  51. justify-content: space-between;
  52. max-width: 350px;
  53. }
  54. .outLogin{
  55. max-width: 20px;
  56. max-height: 20px;
  57. padding-top: 20px;
  58. }
  59. .log{
  60. padding: 20px;
  61. display: flex;
  62. flex-direction: column;
  63. }
  64. .input-form{
  65. padding-bottom: 20px;
  66. }
  67. .inputUserName, .inputPassword{
  68. min-height: 40px;
  69. }
  70. .loginBtn{
  71. display: inline-block;
  72. border: 1px solid #34547a;
  73. background: #34547a;
  74. color: white;
  75. text-transform: uppercase;
  76. padding: 23px 155px;
  77. line-height: 1;
  78. text-decoration: none;
  79. min-height: 27px;
  80. }
  81. .enterCart{
  82. display: none;
  83. }
  84. .imgCart {
  85. padding-top: 3px;
  86. padding-left: 10px;
  87. max-width: 40px;
  88. max-height: 20px;
  89. }
  90. .headerCart {
  91. display: flex;
  92. justify-content: space-between;
  93. }
  94. .closeCart{
  95. height: 17px;
  96. width: 12px;
  97. border: 2px solid black;
  98. }
  99. .enterRegister{
  100. color: rgb(0, 132, 255);
  101. }
  102. .register-href{
  103. padding-top: 20px;
  104. display: flex;
  105. justify-content: center;
  106. }
  107. .registerContainer{
  108. display: none;
  109. }
  110. .inputRegisterForm{
  111. display: flex;
  112. flex-direction: column;
  113. padding: 20px;
  114. }
  115. .inputUserNameRegister{
  116. min-height: 30px;
  117. }
  118. .inputPasswordRegister{
  119. margin-top: 20px;
  120. min-height: 30px;
  121. }
  122. .registerBtn{
  123. display: inline-block;
  124. border: 1px solid #34547a;
  125. background: #34547a;
  126. color: white;
  127. text-transform: uppercase;
  128. padding: 25px 100px;
  129. line-height: 1;
  130. text-decoration: none;
  131. min-height: 65px;
  132. }
  133. .header-register{
  134. display: flex;
  135. justify-content: space-between;
  136. max-width: 350px;
  137. }
  138. .header-register h1{
  139. /* padding-left: 20px; */
  140. margin-top: 10px;
  141. }
  142. .reg{
  143. padding: 20px;
  144. }