styles.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. body {
  2. background-image: url(img/Img.jpg);
  3. font-family: sans-serif;
  4. padding: 20px;
  5. background-color: blanchedalmond;
  6. background: size 10px;
  7. }
  8. .pricelist {
  9. width: 100%;
  10. max-width: 600px;
  11. border: 20px #f5db8f groove;
  12. margin: auto;
  13. background-color: beige;
  14. margin: auto;
  15. overflow-y: auto;
  16. padding: 40px;
  17. }
  18. p {
  19. display: inline-block;
  20. font-size: x-large;
  21. }
  22. .item {
  23. width: 50%;
  24. text-align: left;
  25. margin-left: 0;
  26. }
  27. .price {
  28. width: 50%;
  29. text-align: right;
  30. }
  31. article:first-child {
  32. font-size: x-large;
  33. font-family:'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  34. font-weight:700;
  35. }
  36. .item p {
  37. text-align: left;
  38. font-weight:300;
  39. font-family: 'Trebuchet MS', sans-serif;
  40. }
  41. h2{
  42. text-align: center;
  43. margin: auto;
  44. padding: 20px;
  45. font-family:'Gill Sans', sans-serif ;
  46. font-size: xx-large;
  47. }
  48. footer {
  49. margin-left: auto;
  50. margin-right: auto;
  51. text-align: center;
  52. font-size: xx-large;
  53. color: #C4A648;
  54. }
  55. .button.bt1 {
  56. background: #C4A648;
  57. color: #ffffff;
  58. padding: 10px 35px;
  59. text-align: center;
  60. border: 2px solid #C4A648;
  61. font-weight: bold;
  62. font-size: 15px;
  63. border-radius: 30px;
  64. }
  65. .button {
  66. cursor: pointer;
  67. font-size: 13px;
  68. border: 1px solid #ffffff;
  69. display: inline-block;
  70. text-decoration: none;
  71. margin: 5px 0;
  72. color: #fff;
  73. padding: 10px 15px;
  74. -webkit-transition: all .35s;
  75. -moz-transition: all .35s;
  76. transition: all .35s;
  77. }
  78. .button:hover{text-decoration: none; background: #303030;}
  79. .button.bt1 {background: #C4A648;color: #ffffff;padding: 10px 35px;text-align: center;border:2px solid #C4A648;font-weight: bold; font-size: 15px;border-radius: 30px;}
  80. .button.bt1:hover{background: transparent;color: #C4A648;}
  81. .button-subcribe{background-color: #C4A648;color: #fff;font-weight: bold;}
  82. .button-subcribe:hover{background-color: #333;}
  83. a {
  84. color: #C4A648;
  85. text-decoration: none;
  86. -moz-transition: 0.3s;
  87. -ms-transition: 0.3s;
  88. -o-transition: 0.3s;
  89. transition-duration: 0.3s;
  90. background: transparent;
  91. border: 0 none;
  92. font-size: 100%;
  93. margin: 0;
  94. padding: 0;
  95. border: 0;
  96. outline: 0;
  97. vertical-align: top;
  98. }