RyanEarnshaw

Untitled

Feb 23rd, 2017
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.49 KB | None | 0 0
  1. .bodycontainer {
  2. position: relative;
  3. display: inline-block;
  4. margin-top: 140px; /* size of header */
  5. margin-left: 20%; /* size of side-nav */
  6. padding-bottom: 200px;
  7. background-color: #ffffff;
  8. float: left;
  9. width: 80%;
  10. }
  11. .headerimage {
  12. position: absolute;
  13. display: inline-block;
  14. width: 100%;
  15. height: 220px;
  16. top: 0;
  17. left: 0;
  18. }
  19. .headerimage img {
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .innercont {
  24. position: relative;
  25. display: -webkit-flex;
  26. display: -webkit-box;
  27. display: -moz-flex;
  28. display: -ms-flex;
  29. display: flex;
  30. float: left;
  31. margin: 100px 10% 0 10%;
  32. width: 80%;
  33. }
  34.  
  35. .section {
  36. position: relative;
  37. display: inline-block;
  38. float: left;
  39. background-color: #ffffff;
  40. align-items: stretch;
  41. }
  42. .section.s1 { width: 90%; }
  43. .section.s2 { width: 10%; }
  44. .section.s1 {
  45. padding-left: 5vw;
  46. }
  47.  
  48.  
  49.  
  50.  
  51. .section .title {
  52. position: relative;
  53. display: inline-block;
  54. float: left;
  55. width: 100%;
  56. margin: 40px 0 0;
  57. }
  58. .section .title h1 {
  59. font-size: 24px;
  60. font-family: sans-serif;
  61. font-weight: 600;
  62. color: #363636;
  63. }
  64. .section .body {
  65. position: relative;
  66. display: inline-block;
  67. float: left;
  68. width: 100%;
  69. }
  70.  
  71.  
  72.  
  73. .section .body .form {
  74. position: relative;
  75. display: inline-block;
  76. width: 100%;
  77. float: left;
  78. }
  79. .section .body .form h1 {
  80. font-size: 20px;
  81. font-family: sans-serif;
  82. font-weight: bold;
  83. color: #6b6b6b;
  84. margin: 35px 0 17px 0 ;
  85. line-height: 25px;
  86. }
  87. .section .body .form h2 {
  88. font-size: 15px;
  89. font-family: sans-serif;
  90. font-weight: 100;
  91. color: #6b6b6b;
  92. margin: 25px 0;
  93. }
  94. .section .body .form h2 span {
  95. color: #ff0000;
  96. }
  97.  
  98.  
  99. .section .body .form form {
  100. position: relative;
  101. display: inline-block;
  102. float: left;
  103. width: 100%;
  104. }
  105. .section .body .form input {
  106. color: #8ec640;
  107. font-size: 13px;
  108. border: none;
  109. padding: 13px 5px;
  110. margin: 3px 0;
  111. background-color: #dfdfdf;
  112. border-radius: 2px;
  113. font-family: arial;
  114. box-sizing: border-box;
  115. float: left;
  116. width: 100%;
  117. }
  118. .section .body .form input:focus,
  119. .section .body .form input:valid,
  120. .section .body textarea:focus,
  121. .section .body textarea:valid {
  122. box-shadow: none;
  123. outline: none;
  124. background-position: 0 0;
  125. }
  126. .section .body textarea {
  127. float: middle;
  128. display: inline-block;
  129. resize: none;
  130. background-color: #dfdfdf;
  131. color: #8ec640;
  132. width: 100%;
  133. height: 200px;
  134. font-family: arial;
  135. font-size: 13px;
  136. padding: 13px 5px;
  137. box-sizing: border-box;
  138. border: 0;
  139. }
  140. .section .body .option_area {
  141. position: relative;
  142. display: inline-block;
  143. font-family: sans-serif;
  144. font-size: 15px;
  145. text-align: left;
  146. color: #aea9b1;
  147. font-size: 13px;
  148. border: none;
  149. background-color: #dfdfdf;
  150. border-radius: 2px;
  151. font-family: arial;
  152. box-sizing: border-box;
  153. float: left;
  154. width: 100%;
  155. }
  156. .section .body .option_area .opt {
  157. position: relative;
  158. display: inline-block;
  159. width: 100%;
  160. padding: 10px 0 10px 0px;
  161. color: #676767;
  162. margin: 0;
  163. }
  164. .section .body .option_area .opt input {
  165. margin: 0;
  166. font-size: 13px;
  167. border: none;
  168. background-color: #dfdfdf;
  169. border-radius: 2px;
  170. font-family: arial;
  171. box-sizing: border-box;
  172. width: 30px;
  173. }
  174.  
  175. .section .body .form .buttoncontainer {
  176. position: relative;
  177. display: inline-block;
  178. width: 100%;
  179. }
  180. .section .body .form .insubmit {
  181. font-size: 14px;
  182. float: left;
  183. padding: 15px 40px;
  184. font-family: 'Raleway';
  185. background-color: #8ec640;
  186. color: #ffffff;
  187. }
Advertisement
Add Comment
Please, Sign In to add comment