PageRenderTime 92ms CodeModel.GetById 45ms app.highlight 43ms RepoModel.GetById 2ms app.codeStats 0ms

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