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

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