/templates/simple-solid-lite/css/inbound-compiled-style.css

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