RyanEarnshaw

Untitled

Feb 22nd, 2017
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.79 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.  
  141.  
  142.  
  143. .section .body .form .buttoncontainer {
  144. position: relative;
  145. display: inline-block;
  146. width: 100%;
  147. }
  148. .section .body .form .insubmit {
  149. font-size: 14px;
  150. float: left;
  151. padding: 15px 40px;
  152. font-family: 'Raleway';
  153. background-color: #8ec640;
  154. color: #ffffff;
  155. }
Advertisement
Add Comment
Please, Sign In to add comment