RyanEarnshaw

Untitled

Feb 23rd, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.30 KB | None | 0 0
  1. *, html {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6. html, body {
  7. font-family: sans-serif;
  8. background-color: #000000;
  9. }
  10.  
  11. .header {
  12. position: relative;
  13. display: inline-block;
  14. height: 80px;
  15. width: 100%;
  16. background-color: #000000;
  17. }
  18.  
  19. .header img {
  20. position: absolute;
  21. max-height: 90%;
  22. max-width: 100%;
  23. top: 50%;
  24. left: 50%;
  25. transform: translate(-50%, -50%);
  26. }
  27.  
  28. .section {
  29. position: relative;
  30. display: inline-block;
  31. width: 100%;
  32. text-align: center;
  33. background-color: #000000;
  34. }
  35. .section .innercontainer {
  36. position: relative;
  37. display: inline-block;
  38. }
  39. .section .innercontainer .sectionheading {
  40. position: relative;
  41. display: inline-block;
  42. width: 100%;
  43. padding: 10px 0;
  44. }
  45. .section .innercontainer .sectionheading h1 {
  46. position: relative;
  47. display: inline-block;
  48. width: auto;
  49. color: #f3bc15;
  50. font-size: 70px;
  51. font-family: sans-serif;
  52. font-weight: 100;
  53. margin: 0 20px;
  54. border-bottom: 2px solid #f3bc15;
  55. }
  56. .section .innercontainer .sectionheading img {
  57. position: relative;
  58. display: inline-block;
  59. max-width: 30px;
  60. max-height: 100px;
  61. }
  62. .section .innercontainer .formholder {
  63. position: relative;
  64. display: inline-block;
  65. width: 65%;
  66. }
  67. .section .innercontainer input {
  68. position: relative;
  69. display: inline-block;
  70. font-size: 16px;
  71. font-family: sans-serif;
  72. font-weight: bold;
  73. color: #f3bc15;
  74. padding: 10px;
  75. border: 2px solid #f3bc15;
  76. box-sizing: border-box;
  77. margin: 10px 0px;
  78. background-color: transparent;
  79. }
  80. .section .innercontainer textarea {
  81. position: relative;
  82. display: inline-block;
  83. float: left;
  84. font-size: 16px;
  85. font-family: sans-serif;
  86. font-weight: bold;
  87. color: #f3bc15;
  88. padding: 10px;
  89. border: 2px solid #f3bc15;
  90. resize: none;
  91. height: 200px;
  92. width: 100%;
  93. margin: 10px 0px;
  94. box-sizing: border-box;
  95. background-color: transparent;
  96. }
  97. .inname { float: left; width: 49%; }
  98. .incompany { float: right; width: 49%; }
  99. .inemail { float: left; width: 100%; }
  100. .inpostcode { float: left; width: 49%; }
  101. .innumber { float: right; width: 49%; }
  102. ::-webkit-input-placeholder { color: #f3bc15; }
  103. :-ms-input-placeholder { color: #f3bc15; }
  104. ::-moz-placeholder { color: #f3bc15; opacity: 1; }
  105. :-moz-placeholder { color: #f3bc15; opacity: 1; }
  106.  
  107.  
  108. .footer {
  109. position: relative;
  110. display: inline-block;
  111. padding: 50px 0px 20px 0px;
  112. width: 100%;
  113. text-align: center;
  114. background-color: #000000;
  115. }
  116. .footer .middlelink,
  117. .footer .bottomcont {
  118. position: relative;
  119. display: inline-block;
  120. width: 100%;
  121. max-width: 1360px;
  122. }
  123. .footer .middlelink h1 {
  124. position: relative;
  125. display: inline-block;
  126. width: 100%;
  127. text-align: center;
  128. color: #f3bc15;
  129. font-weight: 100;
  130. font-family: sans-serif;
  131. font-size: 16px;
  132. margin-bottom: 10px;
  133. }
  134. .footer .links h1 {
  135. position: relative;
  136. display: inline-block;
  137. width: 100%;
  138. text-align: left;
  139. color: #f3bc15;
  140. font-weight: 100;
  141. font-family: sans-serif;
  142. font-size: 14px;
  143. line-height: 25px;
  144. }
  145. .footer .links {
  146. width: 66.66666666%;
  147. float: left;
  148. }
  149. .footer .logo {
  150. width: 33.33333333%;
  151. float: left;
  152. }
  153. .footer .logo img {
  154. position: absolute;
  155. display: inline-block;
  156. max-height: 100%;
  157. max-width: 100%;
  158. top:0;
  159. right: 0;
  160. }
Advertisement
Add Comment
Please, Sign In to add comment