Advertisement
Guest User

Untitled

a guest
Dec 20th, 2017
584
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.39 KB | None | 0 0
  1. * {
  2. box-sizing: border-box; /* Сброс настроек оступов */
  3. font-family: Arial, sans-serif;   /* Тип шрифта */
  4. }
  5. body, html {
  6. margin: 0px; /* Сброс настроек оступов */
  7. padding: 0px; /* Сброс настроек оступов */
  8. }
  9. .mytext {
  10. width: 100%; /* Ширина */
  11. height: 500px;  /* Высота */
  12. background: url(../img/fon.jpg);  /* Фоновая картинка */
  13. background-size: cover;  /* Растянуть фоновую картинку */
  14. background-position: center;  /* Центрировать фон */
  15. color: white;  /* Белый цвет шрифта */
  16. text-align: center;  /* Центрировать текст внутри блока */
  17. padding-top: 120px;  /* Отступ сверху */
  18. }
  19. .mybutton {
  20. display: block;  /* Кнопка должна быть display: block */
  21. width: 300px;  /* Ширина */
  22. height: 50px;  /* Высота */
  23. line-height: 50px;  /* Одинаковое с высотой значение центрирует текст кнопки по вертикали */
  24. color: white;  /* Белый цвет шрифта */
  25. margin: 0 auto;  /* Центрируем кнопку относительно окружения */
  26. margin-top: 40px;  /* Отступ сверху */
  27. text-decoration: none;  /* Выключаем подчеркивание текста */
  28. border: 2px solid white;  /* Делаем белую рамочку у кнопки */
  29. border-radius: 5px;  /* Закругляем рамочку */
  30. text-align: center;
  31. }
  32.  
  33. .pluses {
  34. width: 100%;
  35. max-width: 1200px;
  36. margin: 0 auto;
  37. padding-top: 50px;
  38. padding-bottom: 50px;
  39. text-align: center;
  40. }
  41.  
  42. .plus {
  43. display: inline-block;
  44. vertical-align: top;
  45. width: 27%;
  46. min-height: 250px;
  47. min-width: 200px;
  48. margin: 20px;
  49. padding: 30px;
  50. }
  51.  
  52. .plus img {
  53. width: 80%;
  54. max-width: 128px;
  55. }
  56.  
  57. .fon {
  58. width: 100%;
  59. text-align: center;
  60. background: url(../img/fon2.jpg);  /* Фоновая картинка */
  61. background-size: cover;  /* Растянуть фоновую картинку */
  62. background-position: center;  /* Центрировать фон */
  63. }
  64.  
  65. .maintext {
  66. width: 100%; /* Ширина */
  67. max-width: 900px; /* Ограничение ширины */
  68. margin: 0 auto; /* Центрирование */
  69. min-height: 350px;  /* Высота */
  70. color: white;  /* Белый цвет шрифта */
  71. text-align: center;  /* Центрировать текст внутри блока */
  72. padding-top: 120px;  /* Отступ сверху */
  73. text-align: justify; /* Выравнивание текста по ширине  */
  74. font-size: 110%;
  75. padding-right: 30px;
  76. padding-left: 30px;
  77. padding-bottom: 30px;
  78. }
  79.  
  80. .feedback {
  81. width: 100%;
  82. margin: 0 auto;
  83. padding: 20px;
  84. background: url(../img/fon2.jpg);
  85.     background-size: cover;
  86.     background-position: center;
  87. text-align: center;
  88. }
  89.  
  90. .feedback h2{
  91. color: white;
  92. text-transform: uppercase;
  93. margin: 0px;
  94. margin-top: 50px;
  95. }
  96.  
  97. #form {
  98.    
  99.     display: block;
  100.     margin: 0 auto;
  101.     padding: 10px;
  102.     padding-top: 0px;
  103.     min-width: 300px;
  104.     max-width: 500px;
  105.     text-align:center;
  106. }
  107.  
  108. input, textarea {
  109. padding: 5px;
  110. margin: 10px;
  111. width: 90%;
  112. border-radius: 5px;
  113. }
  114.  
  115. textarea {
  116. height: 100px;
  117. }
  118.  
  119. input[type="submit"] {
  120. padding: 5px;
  121. margin: 10px;
  122. width: 90%;
  123. height: 40px;
  124. line-height: 37px;
  125. padding: 0px;
  126. text-transform: uppercase;
  127. border: none;
  128. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement