/templates/simple-solid-lite/css/main.css

https://github.com/deltafactory/landing-pages · CSS · 265 lines · 208 code · 51 blank · 6 comment · 0 complexity · 2f285620eb5642a5f65d471f450ee36f MD5 · raw file

  1. /* GENERAL */
  2. * {
  3. -webkit-backface-visibility: hidden;
  4. -webkit-box-sizing: border-box;
  5. -moz-box-sizing: border-box;
  6. box-sizing: border-box;
  7. }
  8. img,
  9. audio,
  10. video,
  11. canvas {
  12. max-width: 100%;
  13. }
  14. .gform_body ul {
  15. margin:0px;padding: 0px;
  16. }
  17. .gform_body li {
  18. list-style: none;
  19. }
  20. textarea {
  21. padding-left: 20px;
  22. padding-top: 20px;
  23. font: 18px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  24. }
  25. .inbound_the_conversion_area {
  26. padding-bottom: 40px;
  27. }
  28. .gform_body textarea {
  29. width: 100%;
  30. }
  31. html {
  32. min-height: 100%;
  33. margin-bottom: 1px;
  34. -webkit-text-size-adjust: none;
  35. background: #2ecc71;
  36. }
  37. ::selection {
  38. background:#2ecc71;
  39. color:#fff;
  40. }
  41. ::-moz-selection {
  42. background:#2ecc71;
  43. color:#fff;
  44. }
  45. ::-webkit-selection {
  46. background:#2ecc71;
  47. color:#fff;
  48. }
  49. /* Clear Floats */
  50. .cf:before,.cf:after {content: " "; /* 1 */ display: table; /* 2 */}
  51. .cf:after {clear: both;}
  52. .cf {clear: both;}
  53. /* Headers */
  54. h1 {
  55. font: 30px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  56. margin:0 0 10px 0;
  57. padding:0;
  58. }
  59. h2 {
  60. font: 20px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  61. margin:0 auto;
  62. text-align: center;
  63. padding:0;
  64. }
  65. h3 {
  66. font: 22px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  67. margin:0 0 10px 0;
  68. padding:0;
  69. }
  70. h4 {
  71. font: 18px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  72. margin:0 0 10px 0;
  73. padding:0;
  74. }
  75. /* General */
  76. body {
  77. background: #2ecc71;
  78. color: #fff;
  79. font: 18px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  80. margin:0;
  81. -webkit-font-smoothing: antialiased;
  82. }
  83. header {
  84. width:100%;
  85. height: 63px;
  86. background:#fff;
  87. padding: 0px 0;
  88. }
  89. .inner {
  90. position: relative;
  91. width: 1050px;
  92. margin: 0 auto;
  93. }
  94. .logo {
  95. float: left;
  96. height: 60px;
  97. width: 160px;
  98. margin: 0;
  99. padding: 0;
  100. }
  101. .logo a {
  102. display: block;
  103. background: url("../images/logo.png") no-repeat;
  104. height: 60px;
  105. width: 160px;
  106. margin: 0;
  107. text-decoration: none;
  108. }
  109. .network {
  110. float: right;
  111. color: #2ecc71;
  112. font-size: 15px;
  113. margin: 15px 0 0;
  114. width: 600px;
  115. text-align: right;
  116. }
  117. .icono {
  118. color: #3498db;
  119. }
  120. .rq {
  121. color: #e74c3c;
  122. }
  123. .inbound-template-intro {
  124. text-align: center;
  125. }
  126. a {
  127. color: #fff;
  128. text-decoration: none;
  129. font-weight:bold;
  130. }
  131. a:hover {
  132. color: #2ecc71;
  133. text-decoration: none;
  134. font-weight:bold;
  135. }
  136. .container {
  137. width: 1050px;
  138. margin:10px auto;
  139. }
  140. /* FORM STYLES */
  141. .form {
  142. width: 600px;
  143. margin: 40px auto 20px auto;
  144. }
  145. input[type="text"], input[type="number"] {
  146. background: #fff;
  147. border: 2px solid #fff;
  148. width: 100%;
  149. height: 80px;
  150. outline:none;
  151. padding: 0 0 0 20px;
  152. font: 18px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  153. color: #666;
  154. margin: 10px auto;
  155. }
  156. input[type="text"]:focus, input[type="number"]:focus {
  157. border: 2px solid #27ae60;
  158. }
  159. label {
  160. display:block;
  161. margin: 10px 0 10px 0;
  162. font-size: 20px;
  163. text-align:center;
  164. }
  165. .result {
  166. background: #27ae60;
  167. padding: 20px;
  168. width: 600px;
  169. margin: 0 auto 20px auto;
  170. }
  171. .total {
  172. display:block;
  173. margin: 10px 0 10px 0;
  174. font-size: 30px;
  175. text-align:center;
  176. }
  177. .add {
  178. display:block;
  179. margin: 10px 0 10px 0;
  180. font-size: 40px;
  181. font-weight: bold;
  182. text-align:center;
  183. }
  184. #added {
  185. font-weight:bold;
  186. }
  187. footer {
  188. background: #27ae60;
  189. clear: both;
  190. color: #FFFFFF;
  191. font: 13px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
  192. margin: 10px auto;
  193. width: 1050px;
  194. padding: 10px;
  195. }
  196. .foot-left {
  197. float:left;
  198. }
  199. .foot-right {
  200. float:right;
  201. }
  202. /* Retina Full Sized */
  203. @media
  204. only screen and (-webkit-min-device-pixel-ratio: 2),
  205. only screen and ( min--moz-device-pixel-ratio: 2),
  206. only screen and ( -o-min-device-pixel-ratio: 2/1),
  207. only screen and ( min-device-pixel-ratio: 2),
  208. only screen and ( min-resolution: 192dpi),
  209. only screen and ( min-resolution: 2dppx) {
  210. .logo a {
  211. background: url('../images/logo_2x.png') no-repeat;
  212. background-size: 160px 60px;
  213. }
  214. }