style.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. header {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: space-between;
  5. align-items: center;
  6. font-family: sans-serif;
  7. }
  8. header h1{
  9. font-size: 30px;
  10. }
  11. header form{
  12. display: none;
  13. }
  14. header div{
  15. margin: 20px 50px 20px 0;
  16. display: flex;
  17. flex-direction: row;
  18. align-items: center;
  19. justify-content: space-between;
  20. }
  21. header input{
  22. padding: 5px 10px;
  23. margin-left: 30px;
  24. }
  25. header button, header a{
  26. padding: 10px 30px;
  27. margin-left: 20px;
  28. border: 2px solid black;
  29. border-radius: 5px;
  30. text-decoration: none;
  31. color: #000;
  32. cursor: pointer;
  33. }
  34. #mainContainer {
  35. display: flex;
  36. flex-direction: row;
  37. justify-content: space-between;
  38. padding: 30px 20px;
  39. }
  40. #aside {
  41. flex: 0 0 30%;
  42. }
  43. #aside > a{
  44. display: block;
  45. font-family: sans-serif;
  46. font-size: 16px;
  47. text-decoration: none;
  48. cursor: pointer;
  49. color: black;
  50. margin-bottom: 10px;
  51. }
  52. #aside > a:hover{
  53. text-decoration: underline;
  54. }
  55. main{
  56. flex: 0 0 70%;
  57. }
  58. .item--main{
  59. position: relative;
  60. }
  61. main img{
  62. max-width: 100%;
  63. }
  64. table{
  65. width: 100%;
  66. border-collapse: collapse;
  67. }
  68. table, th, td{
  69. border: 1px solid black;
  70. text-align: center;
  71. align-items: center;
  72. }
  73. table img{
  74. max-width: 80px;
  75. }
  76. .table-order-td{
  77. display: flex;
  78. text-align: center;
  79. align-items: center;
  80. justify-content: center;
  81. }
  82. #cardIcon {
  83. border: 0;
  84. border-radius: 0;
  85. text-decoration: none;
  86. color: #000;
  87. cursor: pointer;
  88. display: flex;
  89. flex-direction: row;
  90. justify-content: center;
  91. align-items: center;
  92. }
  93. #cardIcon img{
  94. max-height: 35px;
  95. margin-right: 10px;
  96. }