style.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. @font-face {
  2. font-family: kioskFont;
  3. src: url(/kioskData/KellySlab-Regular.ttf);
  4. }
  5. body {
  6. display: flex;
  7. justify-content: center;
  8. font-family: kioskFont;
  9. }
  10. li{
  11. list-style: none;
  12. }
  13. .main-conteiner {
  14. display: flex;
  15. width: 1080px;
  16. height: 400px;
  17. background-color: #DDAD7C;
  18. }
  19. .right-showCase {
  20. display: flex;
  21. flex-direction: column;
  22. width: 310px;
  23. height: 100%;
  24. }
  25. .center-salesWoman {
  26. width: 485px;
  27. height: 100%;
  28. }
  29. .left-buy {
  30. width: 285px;
  31. height: 100%;
  32. }
  33. .salesWoman-img {
  34. width: 465px;
  35. height: 305px;
  36. margin-top: 20px;
  37. margin-bottom: 15px;
  38. }
  39. .salesWoman-text {
  40. font-size: 26px;
  41. color: #2D211D;
  42. }
  43. .showCase-product {
  44. display: flex;
  45. align-items: center;
  46. flex-direction: row;
  47. margin-bottom: 20px;
  48. }
  49. .showCase-place {
  50. display: flex;
  51. flex-direction: column;
  52. font-size: 20px;
  53. }
  54. .showCase-product-img {
  55. width: 65px;
  56. margin-right: 15px;
  57. }
  58. .showCase-text {
  59. margin-top: 20px;
  60. font-size: 20px;
  61. text-align: center;
  62. }
  63. .showCase-good {
  64. display: flex;
  65. margin-top: 5px;
  66. margin-bottom: 10px;
  67. width: 150px;
  68. height: 20px;
  69. background-color: #FFEFC5;
  70. border: 0px;
  71. font-family: kioskFont;
  72. font-weight: 800;
  73. }
  74. .left-buy {
  75. display: flex;
  76. align-items: center;
  77. font-size: 20px;
  78. }
  79. .left-buy-text {
  80. margin-bottom: 10px;
  81. }
  82. #buy {
  83. margin-top: 15px;
  84. margin-bottom: 15px;
  85. width: 100px;
  86. height: 40px;
  87. font-weight: 700;
  88. font-family: kioskFont;
  89. background-color: #6C473A;
  90. color: white;
  91. border-color: white;
  92. }
  93. .goodsTittle {
  94. font-size: 16px;
  95. }