eSales Media Git repositories
Browse code

Removed old Formstone lib version 0.8.29

Benjamin Roth authored on02/02/2016 14:12:37
Showing1 changed files
assets/lib/formstone/0.8.29/css/grid.css
History View file @a97493f
1 1 
deleted file mode 100755
... ... 
@@ -1,863 +0,0 @@
1 
-/*! formstone v0.8.29 [grid.css] 2015-11-25 | MIT License | formstone.it */
2 
-
3 
-/**
4 
- * @grid
5 
- * @name Grid
6 
- * @description A responsive CSS grid.
7 
- */
8 
-.fs_grid_row,
9 
-.fs-grid .fs-row {
10 
-  width: 300px;
11 
-  margin-left: auto;
12 
-  margin-right: auto;
13 
-}
14 
-@media screen and (min-width: 500px) {
15 
-  .fs_grid_row,
16 
-  .fs-grid .fs-row {
17 
-    width: 480px;
18 
-  }
19 
-}
20 
-@media screen and (min-width: 740px) {
21 
-  .fs_grid_row,
22 
-  .fs-grid .fs-row {
23 
-    width: 720px;
24 
-  }
25 
-}
26 
-@media screen and (min-width: 980px) {
27 
-  .fs_grid_row,
28 
-  .fs-grid .fs-row {
29 
-    width: 960px;
30 
-  }
31 
-}
32 
-@media screen and (min-width: 1220px) {
33 
-  .fs_grid_row,
34 
-  .fs-grid .fs-row {
35 
-    width: 1200px;
36 
-  }
37 
-}
38 
-.fs_grid_row:after,
39 
-.fs-grid .fs-row:after {
40 
-  height: 0;
41 
-  clear: both;
42 
-  content: ".";
43 
-  display: block;
44 
-  line-height: 0;
45 
-  visibility: hidden;
46 
-}
47 
-.fs_grid_row_fluid,
48 
-.fs-grid-fluid .fs-row {
49 
-  width: 96%;
50 
-  width: -webkit-calc(100% - 40px);
51 
-  width: calc(100% - 40px);
52 
-}
53 
-@media screen and (max-width: 739px) {
54 
-  .fs_grid_row_fluid_sm,
55 
-  .fs-grid-sm-fluid .fs-row {
56 
-    width: 96%;
57 
-    width: -webkit-calc(100% - 40px);
58 
-    width: calc(100% - 40px);
59 
-  }
60 
-}
61 
-.fs_grid_row_row,
62 
-.fs-grid .fs-row .fs-row {
63 
-  width: 102.08333333%;
64 
-  margin-left: -1.04166667%;
65 
-  margin-right: -1.04166667%;
66 
-}
67 
-.fs_grid_row_row_contained,
68 
-.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] .fs-row {
69 
-  width: 100%;
70 
-  margin-left: 0;
71 
-  margin-right: 0;
72 
-}
73 
-.fs_grid_cell,
74 
-.fs-grid .fs-row [class*="fs-cell"] {
75 
-  width: 97.91666667%;
76 
-  float: left;
77 
-  margin-left: 1.04166667%;
78 
-  margin-right: 1.04166667%;
79 
-}
80 
-.fs_grid_cell_centered,
81 
-.fs-grid .fs-row [class*="fs-cell"][class*="-centered"] {
82 
-  float: none;
83 
-  margin-left: auto;
84 
-  margin-right: auto;
85 
-}
86 
-.fs_grid_cell_padded,
87 
-.fs-grid .fs-row [class*="fs-cell"][class*="-padded"] {
88 
-  box-sizing: content-box;
89 
-  margin-left: 0;
90 
-  margin-right: 0;
91 
-  padding-left: 1.04166667%;
92 
-  padding-right: 1.04166667%;
93 
-}
94 
-.fs_grid_cell_contained,
95 
-.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] {
96 
-  margin-left: 0;
97 
-  margin-right: 0;
98 
-}
99 
-.fs_grid_cell_right,
100 
-.fs-grid .fs-row [class*="fs-cell"][class*="-right"] {
101 
-  float: right;
102 
-}
103 
-* {
104 
-  box-sizing: border-box;
105 
-}
106 
-*:before,
107 
-*:after {
108 
-  box-sizing: inherit;
109 
-}
110 
-.fs-grid .fs-row .fs-all-fifth {
111 
-  width: 17.91666667%;
112 
-}
113 
-.fs-grid .fs-row .fs-all-fourth {
114 
-  width: 22.91666667%;
115 
-}
116 
-.fs-grid .fs-row .fs-all-third {
117 
-  width: 31.25%;
118 
-}
119 
-.fs-grid .fs-row .fs-all-half {
120 
-  width: 47.91666667%;
121 
-}
122 
-.fs-grid .fs-row .fs-all-full {
123 
-  width: 97.91666667%;
124 
-}
125 
-.fs-grid .fs-row .fs-all-push-fifth {
126 
-  margin-left: 21.04166667%;
127 
-}
128 
-.fs-grid .fs-row .fs-all-push-fourth {
129 
-  margin-left: 26.04166667%;
130 
-}
131 
-.fs-grid .fs-row .fs-all-push-third {
132 
-  margin-left: 34.375%;
133 
-}
134 
-.fs-grid .fs-row .fs-all-push-half {
135 
-  margin-left: 51.04166667%;
136 
-}
137 
-.fs-grid .fs-row [class*="-contained"].fs-all-fifth {
138 
-  width: 20%;
139 
-}
140 
-.fs-grid .fs-row [class*="-contained"].fs-all-fourth {
141 
-  width: 25%;
142 
-}
143 
-.fs-grid .fs-row [class*="-contained"].fs-all-third {
144 
-  width: 33.33333333%;
145 
-}
146 
-.fs-grid .fs-row [class*="-contained"].fs-all-half {
147 
-  width: 50%;
148 
-}
149 
-.fs-grid .fs-row [class*="-contained"].fs-all-full {
150 
-  width: 100%;
151 
-}
152 
-.fs-grid .fs-row [class*="-contained"].fs-all-push-fifth {
153 
-  margin-left: 20%;
154 
-}
155 
-.fs-grid .fs-row [class*="-contained"].fs-all-push-fourth {
156 
-  margin-left: 25%;
157 
-}
158 
-.fs-grid .fs-row [class*="-contained"].fs-all-push-third {
159 
-  margin-left: 33.33333333%;
160 
-}
161 
-.fs-grid .fs-row [class*="-contained"].fs-all-push-half {
162 
-  margin-left: 50%;
163 
-}
164 
-.fs-grid .fs-row .fs-all-hide {
165 
-  display: none;
166 
-}
167 
-@media screen and (max-width:  739px) {
168 
-  .fs-grid .fs-row .fs-sm-1 {
169 
-    width: 31.25%;
170 
-  }
171 
-  .fs-grid .fs-row .fs-sm-2 {
172 
-    width: 64.58333333%;
173 
-  }
174 
-  .fs-grid .fs-row .fs-sm-3 {
175 
-    width: 97.91666667%;
176 
-  }
177 
-  .fs-grid .fs-row .fs-sm-push-1 {
178 
-    margin-left: 34.375%;
179 
-  }
180 
-  .fs-grid .fs-row .fs-sm-push-2 {
181 
-    margin-left: 67.70833333%;
182 
-  }
183 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-1 {
184 
-    width: 33.33333333%;
185 
-  }
186 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-2 {
187 
-    width: 66.66666667%;
188 
-  }
189 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-3 {
190 
-    width: 100%;
191 
-  }
192 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-push-1 {
193 
-    margin-left: 33.33333333%;
194 
-  }
195 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-push-2 {
196 
-    margin-left: 66.66666667%;
197 
-  }
198 
-  .fs-grid .fs-row .fs-sm-fifth {
199 
-    width: 17.91666667%;
200 
-  }
201 
-  .fs-grid .fs-row .fs-sm-fourth {
202 
-    width: 22.91666667%;
203 
-  }
204 
-  .fs-grid .fs-row .fs-sm-third {
205 
-    width: 31.25%;
206 
-  }
207 
-  .fs-grid .fs-row .fs-sm-half {
208 
-    width: 47.91666667%;
209 
-  }
210 
-  .fs-grid .fs-row .fs-sm-full {
211 
-    width: 97.91666667%;
212 
-  }
213 
-  .fs-grid .fs-row .fs-sm-push-fifth {
214 
-    margin-left: 21.04166667%;
215 
-  }
216 
-  .fs-grid .fs-row .fs-sm-push-fourth {
217 
-    margin-left: 26.04166667%;
218 
-  }
219 
-  .fs-grid .fs-row .fs-sm-push-third {
220 
-    margin-left: 34.375%;
221 
-  }
222 
-  .fs-grid .fs-row .fs-sm-push-half {
223 
-    margin-left: 51.04166667%;
224 
-  }
225 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-fifth {
226 
-    width: 20%;
227 
-  }
228 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-fourth {
229 
-    width: 25%;
230 
-  }
231 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-third {
232 
-    width: 33.33333333%;
233 
-  }
234 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-half {
235 
-    width: 50%;
236 
-  }
237 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-full {
238 
-    width: 100%;
239 
-  }
240 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-push-fifth {
241 
-    margin-left: 20%;
242 
-  }
243 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-push-fourth {
244 
-    margin-left: 25%;
245 
-  }
246 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-push-third {
247 
-    margin-left: 33.33333333%;
248 
-  }
249 
-  .fs-grid .fs-row [class*="-contained"].fs-sm-push-half {
250 
-    margin-left: 50%;
251 
-  }
252 
-  .fs-grid .fs-row .fs-sm-hide {
253 
-    display: none;
254 
-  }
255 
-}
256 
-@media screen and (max-width:  499px) {
257 
-  .fs-grid .fs-row .fs-xs-1 {
258 
-    width: 31.25%;
259 
-  }
260 
-  .fs-grid .fs-row .fs-xs-2 {
261 
-    width: 64.58333333%;
262 
-  }
263 
-  .fs-grid .fs-row .fs-xs-3 {
264 
-    width: 97.91666667%;
265 
-  }
266 
-  .fs-grid .fs-row .fs-xs-push-1 {
267 
-    margin-left: 34.375%;
268 
-  }
269 
-  .fs-grid .fs-row .fs-xs-push-2 {
270 
-    margin-left: 67.70833333%;
271 
-  }
272 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-1 {
273 
-    width: 33.33333333%;
274 
-  }
275 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-2 {
276 
-    width: 66.66666667%;
277 
-  }
278 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-3 {
279 
-    width: 100%;
280 
-  }
281 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-push-1 {
282 
-    margin-left: 33.33333333%;
283 
-  }
284 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-push-2 {
285 
-    margin-left: 66.66666667%;
286 
-  }
287 
-  .fs-grid .fs-row .fs-xs-fifth {
288 
-    width: 17.91666667%;
289 
-  }
290 
-  .fs-grid .fs-row .fs-xs-fourth {
291 
-    width: 22.91666667%;
292 
-  }
293 
-  .fs-grid .fs-row .fs-xs-third {
294 
-    width: 31.25%;
295 
-  }
296 
-  .fs-grid .fs-row .fs-xs-half {
297 
-    width: 47.91666667%;
298 
-  }
299 
-  .fs-grid .fs-row .fs-xs-full {
300 
-    width: 97.91666667%;
301 
-  }
302 
-  .fs-grid .fs-row .fs-xs-push-fifth {
303 
-    margin-left: 21.04166667%;
304 
-  }
305 
-  .fs-grid .fs-row .fs-xs-push-fourth {
306 
-    margin-left: 26.04166667%;
307 
-  }
308 
-  .fs-grid .fs-row .fs-xs-push-third {
309 
-    margin-left: 34.375%;
310 
-  }
311 
-  .fs-grid .fs-row .fs-xs-push-half {
312 
-    margin-left: 51.04166667%;
313 
-  }
314 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-fifth {
315 
-    width: 20%;
316 
-  }
317 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-fourth {
318 
-    width: 25%;
319 
-  }
320 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-third {
321 
-    width: 33.33333333%;
322 
-  }
323 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-half {
324 
-    width: 50%;
325 
-  }
326 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-full {
327 
-    width: 100%;
328 
-  }
329 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-push-fifth {
330 
-    margin-left: 20%;
331 
-  }
332 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-push-fourth {
333 
-    margin-left: 25%;
334 
-  }
335 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-push-third {
336 
-    margin-left: 33.33333333%;
337 
-  }
338 
-  .fs-grid .fs-row [class*="-contained"].fs-xs-push-half {
339 
-    margin-left: 50%;
340 
-  }
341 
-  .fs-grid .fs-row .fs-xs-hide {
342 
-    display: none;
343 
-  }
344 
-}
345 
-@media screen and (min-width:  740px) and (max-width:  979px) {
346 
-  .fs-grid .fs-row .fs-md-1 {
347 
-    width: 14.58333333%;
348 
-  }
349 
-  .fs-grid .fs-row .fs-md-2 {
350 
-    width: 31.25%;
351 
-  }
352 
-  .fs-grid .fs-row .fs-md-3 {
353 
-    width: 47.91666667%;
354 
-  }
355 
-  .fs-grid .fs-row .fs-md-4 {
356 
-    width: 64.58333333%;
357 
-  }
358 
-  .fs-grid .fs-row .fs-md-5 {
359 
-    width: 81.25%;
360 
-  }
361 
-  .fs-grid .fs-row .fs-md-6 {
362 
-    width: 97.91666667%;
363 
-  }
364 
-  .fs-grid .fs-row .fs-md-push-1 {
365 
-    margin-left: 17.70833333%;
366 
-  }
367 
-  .fs-grid .fs-row .fs-md-push-2 {
368 
-    margin-left: 34.375%;
369 
-  }
370 
-  .fs-grid .fs-row .fs-md-push-3 {
371 
-    margin-left: 51.04166667%;
372 
-  }
373 
-  .fs-grid .fs-row .fs-md-push-4 {
374 
-    margin-left: 67.70833333%;
375 
-  }
376 
-  .fs-grid .fs-row .fs-md-push-5 {
377 
-    margin-left: 84.375%;
378 
-  }
379 
-  .fs-grid .fs-row [class*="-contained"].fs-md-1 {
380 
-    width: 16.66666667%;
381 
-  }
382 
-  .fs-grid .fs-row [class*="-contained"].fs-md-2 {
383 
-    width: 33.33333333%;
384 
-  }
385 
-  .fs-grid .fs-row [class*="-contained"].fs-md-3 {
386 
-    width: 50%;
387 
-  }
388 
-  .fs-grid .fs-row [class*="-contained"].fs-md-4 {
389 
-    width: 66.66666667%;
390 
-  }
391 
-  .fs-grid .fs-row [class*="-contained"].fs-md-5 {
392 
-    width: 83.33333333%;
393 
-  }
394 
-  .fs-grid .fs-row [class*="-contained"].fs-md-6 {
395 
-    width: 100%;
396 
-  }
397 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-1 {
398 
-    margin-left: 16.66666667%;
399 
-  }
400 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-2 {
401 
-    margin-left: 33.33333333%;
402 
-  }
403 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-3 {
404 
-    margin-left: 50%;
405 
-  }
406 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-4 {
407 
-    margin-left: 66.66666667%;
408 
-  }
409 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-5 {
410 
-    margin-left: 83.33333333%;
411 
-  }
412 
-  .fs-grid .fs-row .fs-md-fifth {
413 
-    width: 17.91666667%;
414 
-  }
415 
-  .fs-grid .fs-row .fs-md-fourth {
416 
-    width: 22.91666667%;
417 
-  }
418 
-  .fs-grid .fs-row .fs-md-third {
419 
-    width: 31.25%;
420 
-  }
421 
-  .fs-grid .fs-row .fs-md-half {
422 
-    width: 47.91666667%;
423 
-  }
424 
-  .fs-grid .fs-row .fs-md-full {
425 
-    width: 97.91666667%;
426 
-  }
427 
-  .fs-grid .fs-row .fs-md-push-fifth {
428 
-    margin-left: 21.04166667%;
429 
-  }
430 
-  .fs-grid .fs-row .fs-md-push-fourth {
431 
-    margin-left: 26.04166667%;
432 
-  }
433 
-  .fs-grid .fs-row .fs-md-push-third {
434 
-    margin-left: 34.375%;
435 
-  }
436 
-  .fs-grid .fs-row .fs-md-push-half {
437 
-    margin-left: 51.04166667%;
438 
-  }
439 
-  .fs-grid .fs-row [class*="-contained"].fs-md-fifth {
440 
-    width: 20%;
441 
-  }
442 
-  .fs-grid .fs-row [class*="-contained"].fs-md-fourth {
443 
-    width: 25%;
444 
-  }
445 
-  .fs-grid .fs-row [class*="-contained"].fs-md-third {
446 
-    width: 33.33333333%;
447 
-  }
448 
-  .fs-grid .fs-row [class*="-contained"].fs-md-half {
449 
-    width: 50%;
450 
-  }
451 
-  .fs-grid .fs-row [class*="-contained"].fs-md-full {
452 
-    width: 100%;
453 
-  }
454 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-fifth {
455 
-    margin-left: 20%;
456 
-  }
457 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-fourth {
458 
-    margin-left: 25%;
459 
-  }
460 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-third {
461 
-    margin-left: 33.33333333%;
462 
-  }
463 
-  .fs-grid .fs-row [class*="-contained"].fs-md-push-half {
464 
-    margin-left: 50%;
465 
-  }
466 
-  .fs-grid .fs-row .fs-md-hide {
467 
-    display: none;
468 
-  }
469 
-}
470 
-@media screen and (min-width:  980px) {
471 
-  .fs-grid .fs-row .fs-lg-1 {
472 
-    width: 6.25%;
473 
-  }
474 
-  .fs-grid .fs-row .fs-lg-2 {
475 
-    width: 14.58333333%;
476 
-  }
477 
-  .fs-grid .fs-row .fs-lg-3 {
478 
-    width: 22.91666667%;
479 
-  }
480 
-  .fs-grid .fs-row .fs-lg-4 {
481 
-    width: 31.25%;
482 
-  }
483 
-  .fs-grid .fs-row .fs-lg-5 {
484 
-    width: 39.58333333%;
485 
-  }
486 
-  .fs-grid .fs-row .fs-lg-6 {
487 
-    width: 47.91666667%;
488 
-  }
489 
-  .fs-grid .fs-row .fs-lg-7 {
490 
-    width: 56.25%;
491 
-  }
492 
-  .fs-grid .fs-row .fs-lg-8 {
493 
-    width: 64.58333333%;
494 
-  }
495 
-  .fs-grid .fs-row .fs-lg-9 {
496 
-    width: 72.91666667%;
497 
-  }
498 
-  .fs-grid .fs-row .fs-lg-10 {
499 
-    width: 81.25%;
500 
-  }
501 
-  .fs-grid .fs-row .fs-lg-11 {
502 
-    width: 89.58333333%;
503 
-  }
504 
-  .fs-grid .fs-row .fs-lg-12 {
505 
-    width: 97.91666667%;
506 
-  }
507 
-  .fs-grid .fs-row .fs-lg-push-1 {
508 
-    margin-left: 9.375%;
509 
-  }
510 
-  .fs-grid .fs-row .fs-lg-push-2 {
511 
-    margin-left: 17.70833333%;
512 
-  }
513 
-  .fs-grid .fs-row .fs-lg-push-3 {
514 
-    margin-left: 26.04166667%;
515 
-  }
516 
-  .fs-grid .fs-row .fs-lg-push-4 {
517 
-    margin-left: 34.375%;
518 
-  }
519 
-  .fs-grid .fs-row .fs-lg-push-5 {
520 
-    margin-left: 42.70833333%;
521 
-  }
522 
-  .fs-grid .fs-row .fs-lg-push-6 {
523 
-    margin-left: 51.04166667%;
524 
-  }
525 
-  .fs-grid .fs-row .fs-lg-push-7 {
526 
-    margin-left: 59.375%;
527 
-  }
528 
-  .fs-grid .fs-row .fs-lg-push-8 {
529 
-    margin-left: 67.70833333%;
530 
-  }
531 
-  .fs-grid .fs-row .fs-lg-push-9 {
532 
-    margin-left: 76.04166667%;
533 
-  }
534 
-  .fs-grid .fs-row .fs-lg-push-10 {
535 
-    margin-left: 84.375%;
536 
-  }
537 
-  .fs-grid .fs-row .fs-lg-push-11 {
538 
-    margin-left: 92.70833333%;
539 
-  }
540 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-1 {
541 
-    width: 8.33333333%;
542 
-  }
543 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-2 {
544 
-    width: 16.66666667%;
545 
-  }
546 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-3 {
547 
-    width: 25%;
548 
-  }
549 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-4 {
550 
-    width: 33.33333333%;
551 
-  }
552 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-5 {
553 
-    width: 41.66666667%;
554 
-  }
555 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-6 {
556 
-    width: 50%;
557 
-  }
558 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-7 {
559 
-    width: 58.33333333%;
560 
-  }
561 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-8 {
562 
-    width: 66.66666667%;
563 
-  }
564 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-9 {
565 
-    width: 75%;
566 
-  }
567 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-10 {
568 
-    width: 83.33333333%;
569 
-  }
570 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-11 {
571 
-    width: 91.66666667%;
572 
-  }
573 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-12 {
574 
-    width: 100%;
575 
-  }
576 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-1 {
577 
-    margin-left: 8.33333333%;
578 
-  }
579 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-2 {
580 
-    margin-left: 16.66666667%;
581 
-  }
582 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-3 {
583 
-    margin-left: 25%;
584 
-  }
585 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-4 {
586 
-    margin-left: 33.33333333%;
587 
-  }
588 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-5 {
589 
-    margin-left: 41.66666667%;
590 
-  }
591 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-6 {
592 
-    margin-left: 50%;
593 
-  }
594 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-7 {
595 
-    margin-left: 58.33333333%;
596 
-  }
597 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-8 {
598 
-    margin-left: 66.66666667%;
599 
-  }
600 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-9 {
601 
-    margin-left: 75%;
602 
-  }
603 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-10 {
604 
-    margin-left: 83.33333333%;
605 
-  }
606 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-11 {
607 
-    margin-left: 91.66666667%;
608 
-  }
609 
-  .fs-grid .fs-row .fs-lg-fifth {
610 
-    width: 17.91666667%;
611 
-  }
612 
-  .fs-grid .fs-row .fs-lg-fourth {
613 
-    width: 22.91666667%;
614 
-  }
615 
-  .fs-grid .fs-row .fs-lg-third {
616 
-    width: 31.25%;
617 
-  }
618 
-  .fs-grid .fs-row .fs-lg-half {
619 
-    width: 47.91666667%;
620 
-  }
621 
-  .fs-grid .fs-row .fs-lg-full {
622 
-    width: 97.91666667%;
623 
-  }
624 
-  .fs-grid .fs-row .fs-lg-push-fifth {
625 
-    margin-left: 21.04166667%;
626 
-  }
627 
-  .fs-grid .fs-row .fs-lg-push-fourth {
628 
-    margin-left: 26.04166667%;
629 
-  }
630 
-  .fs-grid .fs-row .fs-lg-push-third {
631 
-    margin-left: 34.375%;
632 
-  }
633 
-  .fs-grid .fs-row .fs-lg-push-half {
634 
-    margin-left: 51.04166667%;
635 
-  }
636 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-fifth {
637 
-    width: 20%;
638 
-  }
639 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-fourth {
640 
-    width: 25%;
641 
-  }
642 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-third {
643 
-    width: 33.33333333%;
644 
-  }
645 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-half {
646 
-    width: 50%;
647 
-  }
648 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-full {
649 
-    width: 100%;
650 
-  }
651 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-fifth {
652 
-    margin-left: 20%;
653 
-  }
654 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-fourth {
655 
-    margin-left: 25%;
656 
-  }
657 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-third {
658 
-    margin-left: 33.33333333%;
659 
-  }
660 
-  .fs-grid .fs-row [class*="-contained"].fs-lg-push-half {
661 
-    margin-left: 50%;
662 
-  }
663 
-  .fs-grid .fs-row .fs-lg-hide {
664 
-    display: none;
665 
-  }
666 
-}
667 
-@media screen and (min-width:  1220px) {
668 
-  .fs-grid .fs-row .fs-xl-1 {
669 
-    width: 6.25%;
670 
-  }
671 
-  .fs-grid .fs-row .fs-xl-2 {
672 
-    width: 14.58333333%;
673 
-  }
674 
-  .fs-grid .fs-row .fs-xl-3 {
675 
-    width: 22.91666667%;
676 
-  }
677 
-  .fs-grid .fs-row .fs-xl-4 {
678 
-    width: 31.25%;
679 
-  }
680 
-  .fs-grid .fs-row .fs-xl-5 {
681 
-    width: 39.58333333%;
682 
-  }
683 
-  .fs-grid .fs-row .fs-xl-6 {
684 
-    width: 47.91666667%;
685 
-  }
686 
-  .fs-grid .fs-row .fs-xl-7 {
687 
-    width: 56.25%;
688 
-  }
689 
-  .fs-grid .fs-row .fs-xl-8 {
690 
-    width: 64.58333333%;
691 
-  }
692 
-  .fs-grid .fs-row .fs-xl-9 {
693 
-    width: 72.91666667%;
694 
-  }
695 
-  .fs-grid .fs-row .fs-xl-10 {
696 
-    width: 81.25%;
697 
-  }
698 
-  .fs-grid .fs-row .fs-xl-11 {
699 
-    width: 89.58333333%;
700 
-  }
701 
-  .fs-grid .fs-row .fs-xl-12 {
702 
-    width: 97.91666667%;
703 
-  }
704 
-  .fs-grid .fs-row .fs-xl-push-1 {
705 
-    margin-left: 9.375%;
706 
-  }
707 
-  .fs-grid .fs-row .fs-xl-push-2 {
708 
-    margin-left: 17.70833333%;
709 
-  }
710 
-  .fs-grid .fs-row .fs-xl-push-3 {
711 
-    margin-left: 26.04166667%;
712 
-  }
713 
-  .fs-grid .fs-row .fs-xl-push-4 {
714 
-    margin-left: 34.375%;
715 
-  }
716 
-  .fs-grid .fs-row .fs-xl-push-5 {
717 
-    margin-left: 42.70833333%;
718 
-  }
719 
-  .fs-grid .fs-row .fs-xl-push-6 {
720 
-    margin-left: 51.04166667%;
721 
-  }
722 
-  .fs-grid .fs-row .fs-xl-push-7 {
723 
-    margin-left: 59.375%;
724 
-  }
725 
-  .fs-grid .fs-row .fs-xl-push-8 {
726 
-    margin-left: 67.70833333%;
727 
-  }
728 
-  .fs-grid .fs-row .fs-xl-push-9 {
729 
-    margin-left: 76.04166667%;
730 
-  }
731 
-  .fs-grid .fs-row .fs-xl-push-10 {
732 
-    margin-left: 84.375%;
733 
-  }
734 
-  .fs-grid .fs-row .fs-xl-push-11 {
735 
-    margin-left: 92.70833333%;
736 
-  }
737 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-1 {
738 
-    width: 8.33333333%;
739 
-  }
740 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-2 {
741 
-    width: 16.66666667%;
742 
-  }
743 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-3 {
744 
-    width: 25%;
745 
-  }
746 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-4 {
747 
-    width: 33.33333333%;
748 
-  }
749 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-5 {
750 
-    width: 41.66666667%;
751 
-  }
752 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-6 {
753 
-    width: 50%;
754 
-  }
755 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-7 {
756 
-    width: 58.33333333%;
757 
-  }
758 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-8 {
759 
-    width: 66.66666667%;
760 
-  }
761 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-9 {
762 
-    width: 75%;
763 
-  }
764 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-10 {
765 
-    width: 83.33333333%;
766 
-  }
767 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-11 {
768 
-    width: 91.66666667%;
769 
-  }
770 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-12 {
771 
-    width: 100%;
772 
-  }
773 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-1 {
774 
-    margin-left: 8.33333333%;
775 
-  }
776 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-2 {
777 
-    margin-left: 16.66666667%;
778 
-  }
779 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-3 {
780 
-    margin-left: 25%;
781 
-  }
782 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-4 {
783 
-    margin-left: 33.33333333%;
784 
-  }
785 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-5 {
786 
-    margin-left: 41.66666667%;
787 
-  }
788 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-6 {
789 
-    margin-left: 50%;
790 
-  }
791 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-7 {
792 
-    margin-left: 58.33333333%;
793 
-  }
794 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-8 {
795 
-    margin-left: 66.66666667%;
796 
-  }
797 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-9 {
798 
-    margin-left: 75%;
799 
-  }
800 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-10 {
801 
-    margin-left: 83.33333333%;
802 
-  }
803 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-11 {
804 
-    margin-left: 91.66666667%;
805 
-  }
806 
-  .fs-grid .fs-row .fs-xl-fifth {
807 
-    width: 17.91666667%;
808 
-  }
809 
-  .fs-grid .fs-row .fs-xl-fourth {
810 
-    width: 22.91666667%;
811 
-  }
812 
-  .fs-grid .fs-row .fs-xl-third {
813 
-    width: 31.25%;
814 
-  }
815 
-  .fs-grid .fs-row .fs-xl-half {
816 
-    width: 47.91666667%;
817 
-  }
818 
-  .fs-grid .fs-row .fs-xl-full {
819 
-    width: 97.91666667%;
820 
-  }
821 
-  .fs-grid .fs-row .fs-xl-push-fifth {
822 
-    margin-left: 21.04166667%;
823 
-  }
824 
-  .fs-grid .fs-row .fs-xl-push-fourth {
825 
-    margin-left: 26.04166667%;
826 
-  }
827 
-  .fs-grid .fs-row .fs-xl-push-third {
828 
-    margin-left: 34.375%;
829 
-  }
830 
-  .fs-grid .fs-row .fs-xl-push-half {
831 
-    margin-left: 51.04166667%;
832 
-  }
833 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-fifth {
834 
-    width: 20%;
835 
-  }
836 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-fourth {
837 
-    width: 25%;
838 
-  }
839 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-third {
840 
-    width: 33.33333333%;
841 
-  }
842 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-half {
843 
-    width: 50%;
844 
-  }
845 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-full {
846 
-    width: 100%;
847 
-  }
848 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-fifth {
849 
-    margin-left: 20%;
850 
-  }
851 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-fourth {
852 
-    margin-left: 25%;
853 
-  }
854 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-third {
855 
-    margin-left: 33.33333333%;
856 
-  }
857 
-  .fs-grid .fs-row [class*="-contained"].fs-xl-push-half {
858 
-    margin-left: 50%;
859 
-  }
860 
-  .fs-grid .fs-row .fs-xl-hide {
861 
-    display: none;
862 
-  }
863 
-}
Browse code

Update Formstone lib to version 0.8.29

Benjamin Roth authored on30/11/2015 14:21:19
Showing1 changed files
assets/lib/formstone/0.8.29/css/grid.css
History View file @759c097
1 1 
new file mode 100755
... ... 
@@ -0,0 +1,863 @@
1 
+/*! formstone v0.8.29 [grid.css] 2015-11-25 | MIT License | formstone.it */
2 
+
3 
+/**
4 
+ * @grid
5 
+ * @name Grid
6 
+ * @description A responsive CSS grid.
7 
+ */
8 
+.fs_grid_row,
9 
+.fs-grid .fs-row {
10 
+  width: 300px;
11 
+  margin-left: auto;
12 
+  margin-right: auto;
13 
+}
14 
+@media screen and (min-width: 500px) {
15 
+  .fs_grid_row,
16 
+  .fs-grid .fs-row {
17 
+    width: 480px;
18 
+  }
19 
+}
20 
+@media screen and (min-width: 740px) {
21 
+  .fs_grid_row,
22 
+  .fs-grid .fs-row {
23 
+    width: 720px;
24 
+  }
25 
+}
26 
+@media screen and (min-width: 980px) {
27 
+  .fs_grid_row,
28 
+  .fs-grid .fs-row {
29 
+    width: 960px;
30 
+  }
31 
+}
32 
+@media screen and (min-width: 1220px) {
33 
+  .fs_grid_row,
34 
+  .fs-grid .fs-row {
35 
+    width: 1200px;
36 
+  }
37 
+}
38 
+.fs_grid_row:after,
39 
+.fs-grid .fs-row:after {
40 
+  height: 0;
41 
+  clear: both;
42 
+  content: ".";
43 
+  display: block;
44 
+  line-height: 0;
45 
+  visibility: hidden;
46 
+}
47 
+.fs_grid_row_fluid,
48 
+.fs-grid-fluid .fs-row {
49 
+  width: 96%;
50 
+  width: -webkit-calc(100% - 40px);
51 
+  width: calc(100% - 40px);
52 
+}
53 
+@media screen and (max-width: 739px) {
54 
+  .fs_grid_row_fluid_sm,
55 
+  .fs-grid-sm-fluid .fs-row {
56 
+    width: 96%;
57 
+    width: -webkit-calc(100% - 40px);
58 
+    width: calc(100% - 40px);
59 
+  }
60 
+}
61 
+.fs_grid_row_row,
62 
+.fs-grid .fs-row .fs-row {
63 
+  width: 102.08333333%;
64 
+  margin-left: -1.04166667%;
65 
+  margin-right: -1.04166667%;
66 
+}
67 
+.fs_grid_row_row_contained,
68 
+.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] .fs-row {
69 
+  width: 100%;
70 
+  margin-left: 0;
71 
+  margin-right: 0;
72 
+}
73 
+.fs_grid_cell,
74 
+.fs-grid .fs-row [class*="fs-cell"] {
75 
+  width: 97.91666667%;
76 
+  float: left;
77 
+  margin-left: 1.04166667%;
78 
+  margin-right: 1.04166667%;
79 
+}
80 
+.fs_grid_cell_centered,
81 
+.fs-grid .fs-row [class*="fs-cell"][class*="-centered"] {
82 
+  float: none;
83 
+  margin-left: auto;
84 
+  margin-right: auto;
85 
+}
86 
+.fs_grid_cell_padded,
87 
+.fs-grid .fs-row [class*="fs-cell"][class*="-padded"] {
88 
+  box-sizing: content-box;
89 
+  margin-left: 0;
90 
+  margin-right: 0;
91 
+  padding-left: 1.04166667%;
92 
+  padding-right: 1.04166667%;
93 
+}
94 
+.fs_grid_cell_contained,
95 
+.fs-grid .fs-row [class*="fs-cell"][class*="-contained"] {
96 
+  margin-left: 0;
97 
+  margin-right: 0;
98 
+}
99 
+.fs_grid_cell_right,
100 
+.fs-grid .fs-row [class*="fs-cell"][class*="-right"] {
101 
+  float: right;
102 
+}
103 
+* {
104 
+  box-sizing: border-box;
105 
+}
106 
+*:before,
107 
+*:after {
108 
+  box-sizing: inherit;
109 
+}
110 
+.fs-grid .fs-row .fs-all-fifth {
111 
+  width: 17.91666667%;
112 
+}
113 
+.fs-grid .fs-row .fs-all-fourth {
114 
+  width: 22.91666667%;
115 
+}
116 
+.fs-grid .fs-row .fs-all-third {
117 
+  width: 31.25%;
118 
+}
119 
+.fs-grid .fs-row .fs-all-half {
120 
+  width: 47.91666667%;
121 
+}
122 
+.fs-grid .fs-row .fs-all-full {
123 
+  width: 97.91666667%;
124 
+}
125 
+.fs-grid .fs-row .fs-all-push-fifth {
126 
+  margin-left: 21.04166667%;
127 
+}
128 
+.fs-grid .fs-row .fs-all-push-fourth {
129 
+  margin-left: 26.04166667%;
130 
+}
131 
+.fs-grid .fs-row .fs-all-push-third {
132 
+  margin-left: 34.375%;
133 
+}
134 
+.fs-grid .fs-row .fs-all-push-half {
135 
+  margin-left: 51.04166667%;
136 
+}
137 
+.fs-grid .fs-row [class*="-contained"].fs-all-fifth {
138 
+  width: 20%;
139 
+}
140 
+.fs-grid .fs-row [class*="-contained"].fs-all-fourth {
141 
+  width: 25%;
142 
+}
143 
+.fs-grid .fs-row [class*="-contained"].fs-all-third {
144 
+  width: 33.33333333%;
145 
+}
146 
+.fs-grid .fs-row [class*="-contained"].fs-all-half {
147 
+  width: 50%;
148 
+}
149 
+.fs-grid .fs-row [class*="-contained"].fs-all-full {
150 
+  width: 100%;
151 
+}
152 
+.fs-grid .fs-row [class*="-contained"].fs-all-push-fifth {
153 
+  margin-left: 20%;
154 
+}
155 
+.fs-grid .fs-row [class*="-contained"].fs-all-push-fourth {
156 
+  margin-left: 25%;
157 
+}
158 
+.fs-grid .fs-row [class*="-contained"].fs-all-push-third {
159 
+  margin-left: 33.33333333%;
160 
+}
161 
+.fs-grid .fs-row [class*="-contained"].fs-all-push-half {
162 
+  margin-left: 50%;
163 
+}
164 
+.fs-grid .fs-row .fs-all-hide {
165 
+  display: none;
166 
+}
167 
+@media screen and (max-width:  739px) {
168 
+  .fs-grid .fs-row .fs-sm-1 {
169 
+    width: 31.25%;
170 
+  }
171 
+  .fs-grid .fs-row .fs-sm-2 {
172 
+    width: 64.58333333%;
173 
+  }
174 
+  .fs-grid .fs-row .fs-sm-3 {
175 
+    width: 97.91666667%;
176 
+  }
177 
+  .fs-grid .fs-row .fs-sm-push-1 {
178 
+    margin-left: 34.375%;
179 
+  }
180 
+  .fs-grid .fs-row .fs-sm-push-2 {
181 
+    margin-left: 67.70833333%;
182 
+  }
183 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-1 {
184 
+    width: 33.33333333%;
185 
+  }
186 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-2 {
187 
+    width: 66.66666667%;
188 
+  }
189 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-3 {
190 
+    width: 100%;
191 
+  }
192 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-push-1 {
193 
+    margin-left: 33.33333333%;
194 
+  }
195 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-push-2 {
196 
+    margin-left: 66.66666667%;
197 
+  }
198 
+  .fs-grid .fs-row .fs-sm-fifth {
199 
+    width: 17.91666667%;
200 
+  }
201 
+  .fs-grid .fs-row .fs-sm-fourth {
202 
+    width: 22.91666667%;
203 
+  }
204 
+  .fs-grid .fs-row .fs-sm-third {
205 
+    width: 31.25%;
206 
+  }
207 
+  .fs-grid .fs-row .fs-sm-half {
208 
+    width: 47.91666667%;
209 
+  }
210 
+  .fs-grid .fs-row .fs-sm-full {
211 
+    width: 97.91666667%;
212 
+  }
213 
+  .fs-grid .fs-row .fs-sm-push-fifth {
214 
+    margin-left: 21.04166667%;
215 
+  }
216 
+  .fs-grid .fs-row .fs-sm-push-fourth {
217 
+    margin-left: 26.04166667%;
218 
+  }
219 
+  .fs-grid .fs-row .fs-sm-push-third {
220 
+    margin-left: 34.375%;
221 
+  }
222 
+  .fs-grid .fs-row .fs-sm-push-half {
223 
+    margin-left: 51.04166667%;
224 
+  }
225 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-fifth {
226 
+    width: 20%;
227 
+  }
228 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-fourth {
229 
+    width: 25%;
230 
+  }
231 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-third {
232 
+    width: 33.33333333%;
233 
+  }
234 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-half {
235 
+    width: 50%;
236 
+  }
237 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-full {
238 
+    width: 100%;
239 
+  }
240 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-push-fifth {
241 
+    margin-left: 20%;
242 
+  }
243 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-push-fourth {
244 
+    margin-left: 25%;
245 
+  }
246 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-push-third {
247 
+    margin-left: 33.33333333%;
248 
+  }
249 
+  .fs-grid .fs-row [class*="-contained"].fs-sm-push-half {
250 
+    margin-left: 50%;
251 
+  }
252 
+  .fs-grid .fs-row .fs-sm-hide {
253 
+    display: none;
254 
+  }
255 
+}
256 
+@media screen and (max-width:  499px) {
257 
+  .fs-grid .fs-row .fs-xs-1 {
258 
+    width: 31.25%;
259 
+  }
260 
+  .fs-grid .fs-row .fs-xs-2 {
261 
+    width: 64.58333333%;
262 
+  }
263 
+  .fs-grid .fs-row .fs-xs-3 {
264 
+    width: 97.91666667%;
265 
+  }
266 
+  .fs-grid .fs-row .fs-xs-push-1 {
267 
+    margin-left: 34.375%;
268 
+  }
269 
+  .fs-grid .fs-row .fs-xs-push-2 {
270 
+    margin-left: 67.70833333%;
271 
+  }
272 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-1 {
273 
+    width: 33.33333333%;
274 
+  }
275 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-2 {
276 
+    width: 66.66666667%;
277 
+  }
278 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-3 {
279 
+    width: 100%;
280 
+  }
281 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-push-1 {
282 
+    margin-left: 33.33333333%;
283 
+  }
284 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-push-2 {
285 
+    margin-left: 66.66666667%;
286 
+  }
287 
+  .fs-grid .fs-row .fs-xs-fifth {
288 
+    width: 17.91666667%;
289 
+  }
290 
+  .fs-grid .fs-row .fs-xs-fourth {
291 
+    width: 22.91666667%;
292 
+  }
293 
+  .fs-grid .fs-row .fs-xs-third {
294 
+    width: 31.25%;
295 
+  }
296 
+  .fs-grid .fs-row .fs-xs-half {
297 
+    width: 47.91666667%;
298 
+  }
299 
+  .fs-grid .fs-row .fs-xs-full {
300 
+    width: 97.91666667%;
301 
+  }
302 
+  .fs-grid .fs-row .fs-xs-push-fifth {
303 
+    margin-left: 21.04166667%;
304 
+  }
305 
+  .fs-grid .fs-row .fs-xs-push-fourth {
306 
+    margin-left: 26.04166667%;
307 
+  }
308 
+  .fs-grid .fs-row .fs-xs-push-third {
309 
+    margin-left: 34.375%;
310 
+  }
311 
+  .fs-grid .fs-row .fs-xs-push-half {
312 
+    margin-left: 51.04166667%;
313 
+  }
314 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-fifth {
315 
+    width: 20%;
316 
+  }
317 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-fourth {
318 
+    width: 25%;
319 
+  }
320 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-third {
321 
+    width: 33.33333333%;
322 
+  }
323 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-half {
324 
+    width: 50%;
325 
+  }
326 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-full {
327 
+    width: 100%;
328 
+  }
329 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-push-fifth {
330 
+    margin-left: 20%;
331 
+  }
332 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-push-fourth {
333 
+    margin-left: 25%;
334 
+  }
335 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-push-third {
336 
+    margin-left: 33.33333333%;
337 
+  }
338 
+  .fs-grid .fs-row [class*="-contained"].fs-xs-push-half {
339 
+    margin-left: 50%;
340 
+  }
341 
+  .fs-grid .fs-row .fs-xs-hide {
342 
+    display: none;
343 
+  }
344 
+}
345 
+@media screen and (min-width:  740px) and (max-width:  979px) {
346 
+  .fs-grid .fs-row .fs-md-1 {
347 
+    width: 14.58333333%;
348 
+  }
349 
+  .fs-grid .fs-row .fs-md-2 {
350 
+    width: 31.25%;
351 
+  }
352 
+  .fs-grid .fs-row .fs-md-3 {
353 
+    width: 47.91666667%;
354 
+  }
355 
+  .fs-grid .fs-row .fs-md-4 {
356 
+    width: 64.58333333%;
357 
+  }
358 
+  .fs-grid .fs-row .fs-md-5 {
359 
+    width: 81.25%;
360 
+  }
361 
+  .fs-grid .fs-row .fs-md-6 {
362 
+    width: 97.91666667%;
363 
+  }
364 
+  .fs-grid .fs-row .fs-md-push-1 {
365 
+    margin-left: 17.70833333%;
366 
+  }
367 
+  .fs-grid .fs-row .fs-md-push-2 {
368 
+    margin-left: 34.375%;
369 
+  }
370 
+  .fs-grid .fs-row .fs-md-push-3 {
371 
+    margin-left: 51.04166667%;
372 
+  }
373 
+  .fs-grid .fs-row .fs-md-push-4 {
374 
+    margin-left: 67.70833333%;
375 
+  }
376 
+  .fs-grid .fs-row .fs-md-push-5 {
377 
+    margin-left: 84.375%;
378 
+  }
379 
+  .fs-grid .fs-row [class*="-contained"].fs-md-1 {
380 
+    width: 16.66666667%;
381 
+  }
382 
+  .fs-grid .fs-row [class*="-contained"].fs-md-2 {
383 
+    width: 33.33333333%;
384 
+  }
385 
+  .fs-grid .fs-row [class*="-contained"].fs-md-3 {
386 
+    width: 50%;
387 
+  }
388 
+  .fs-grid .fs-row [class*="-contained"].fs-md-4 {
389 
+    width: 66.66666667%;
390 
+  }
391 
+  .fs-grid .fs-row [class*="-contained"].fs-md-5 {
392 
+    width: 83.33333333%;
393 
+  }
394 
+  .fs-grid .fs-row [class*="-contained"].fs-md-6 {
395 
+    width: 100%;
396 
+  }
397 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-1 {
398 
+    margin-left: 16.66666667%;
399 
+  }
400 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-2 {
401 
+    margin-left: 33.33333333%;
402 
+  }
403 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-3 {
404 
+    margin-left: 50%;
405 
+  }
406 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-4 {
407 
+    margin-left: 66.66666667%;
408 
+  }
409 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-5 {
410 
+    margin-left: 83.33333333%;
411 
+  }
412 
+  .fs-grid .fs-row .fs-md-fifth {
413 
+    width: 17.91666667%;
414 
+  }
415 
+  .fs-grid .fs-row .fs-md-fourth {
416 
+    width: 22.91666667%;
417 
+  }
418 
+  .fs-grid .fs-row .fs-md-third {
419 
+    width: 31.25%;
420 
+  }
421 
+  .fs-grid .fs-row .fs-md-half {
422 
+    width: 47.91666667%;
423 
+  }
424 
+  .fs-grid .fs-row .fs-md-full {
425 
+    width: 97.91666667%;
426 
+  }
427 
+  .fs-grid .fs-row .fs-md-push-fifth {
428 
+    margin-left: 21.04166667%;
429 
+  }
430 
+  .fs-grid .fs-row .fs-md-push-fourth {
431 
+    margin-left: 26.04166667%;
432 
+  }
433 
+  .fs-grid .fs-row .fs-md-push-third {
434 
+    margin-left: 34.375%;
435 
+  }
436 
+  .fs-grid .fs-row .fs-md-push-half {
437 
+    margin-left: 51.04166667%;
438 
+  }
439 
+  .fs-grid .fs-row [class*="-contained"].fs-md-fifth {
440 
+    width: 20%;
441 
+  }
442 
+  .fs-grid .fs-row [class*="-contained"].fs-md-fourth {
443 
+    width: 25%;
444 
+  }
445 
+  .fs-grid .fs-row [class*="-contained"].fs-md-third {
446 
+    width: 33.33333333%;
447 
+  }
448 
+  .fs-grid .fs-row [class*="-contained"].fs-md-half {
449 
+    width: 50%;
450 
+  }
451 
+  .fs-grid .fs-row [class*="-contained"].fs-md-full {
452 
+    width: 100%;
453 
+  }
454 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-fifth {
455 
+    margin-left: 20%;
456 
+  }
457 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-fourth {
458 
+    margin-left: 25%;
459 
+  }
460 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-third {
461 
+    margin-left: 33.33333333%;
462 
+  }
463 
+  .fs-grid .fs-row [class*="-contained"].fs-md-push-half {
464 
+    margin-left: 50%;
465 
+  }
466 
+  .fs-grid .fs-row .fs-md-hide {
467 
+    display: none;
468 
+  }
469 
+}
470 
+@media screen and (min-width:  980px) {
471 
+  .fs-grid .fs-row .fs-lg-1 {
472 
+    width: 6.25%;
473 
+  }
474 
+  .fs-grid .fs-row .fs-lg-2 {
475 
+    width: 14.58333333%;
476 
+  }
477 
+  .fs-grid .fs-row .fs-lg-3 {
478 
+    width: 22.91666667%;
479 
+  }
480 
+  .fs-grid .fs-row .fs-lg-4 {
481 
+    width: 31.25%;
482 
+  }
483 
+  .fs-grid .fs-row .fs-lg-5 {
484 
+    width: 39.58333333%;
485 
+  }
486 
+  .fs-grid .fs-row .fs-lg-6 {
487 
+    width: 47.91666667%;
488 
+  }
489 
+  .fs-grid .fs-row .fs-lg-7 {
490 
+    width: 56.25%;
491 
+  }
492 
+  .fs-grid .fs-row .fs-lg-8 {
493 
+    width: 64.58333333%;
494 
+  }
495 
+  .fs-grid .fs-row .fs-lg-9 {
496 
+    width: 72.91666667%;
497 
+  }
498 
+  .fs-grid .fs-row .fs-lg-10 {
499 
+    width: 81.25%;
500 
+  }
501 
+  .fs-grid .fs-row .fs-lg-11 {
502 
+    width: 89.58333333%;
503 
+  }
504 
+  .fs-grid .fs-row .fs-lg-12 {
505 
+    width: 97.91666667%;
506 
+  }
507 
+  .fs-grid .fs-row .fs-lg-push-1 {
508 
+    margin-left: 9.375%;
509 
+  }
510 
+  .fs-grid .fs-row .fs-lg-push-2 {
511 
+    margin-left: 17.70833333%;
512 
+  }
513 
+  .fs-grid .fs-row .fs-lg-push-3 {
514 
+    margin-left: 26.04166667%;
515 
+  }
516 
+  .fs-grid .fs-row .fs-lg-push-4 {
517 
+    margin-left: 34.375%;
518 
+  }
519 
+  .fs-grid .fs-row .fs-lg-push-5 {
520 
+    margin-left: 42.70833333%;
521 
+  }
522 
+  .fs-grid .fs-row .fs-lg-push-6 {
523 
+    margin-left: 51.04166667%;
524 
+  }
525 
+  .fs-grid .fs-row .fs-lg-push-7 {
526 
+    margin-left: 59.375%;
527 
+  }
528 
+  .fs-grid .fs-row .fs-lg-push-8 {
529 
+    margin-left: 67.70833333%;
530 
+  }
531 
+  .fs-grid .fs-row .fs-lg-push-9 {
532 
+    margin-left: 76.04166667%;
533 
+  }
534 
+  .fs-grid .fs-row .fs-lg-push-10 {
535 
+    margin-left: 84.375%;
536 
+  }
537 
+  .fs-grid .fs-row .fs-lg-push-11 {
538 
+    margin-left: 92.70833333%;
539 
+  }
540 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-1 {
541 
+    width: 8.33333333%;
542 
+  }
543 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-2 {
544 
+    width: 16.66666667%;
545 
+  }
546 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-3 {
547 
+    width: 25%;
548 
+  }
549 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-4 {
550 
+    width: 33.33333333%;
551 
+  }
552 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-5 {
553 
+    width: 41.66666667%;
554 
+  }
555 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-6 {
556 
+    width: 50%;
557 
+  }
558 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-7 {
559 
+    width: 58.33333333%;
560 
+  }
561 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-8 {
562 
+    width: 66.66666667%;
563 
+  }
564 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-9 {
565 
+    width: 75%;
566 
+  }
567 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-10 {
568 
+    width: 83.33333333%;
569 
+  }
570 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-11 {
571 
+    width: 91.66666667%;
572 
+  }
573 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-12 {
574 
+    width: 100%;
575 
+  }
576 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-1 {
577 
+    margin-left: 8.33333333%;
578 
+  }
579 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-2 {
580 
+    margin-left: 16.66666667%;
581 
+  }
582 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-3 {
583 
+    margin-left: 25%;
584 
+  }
585 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-4 {
586 
+    margin-left: 33.33333333%;
587 
+  }
588 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-5 {
589 
+    margin-left: 41.66666667%;
590 
+  }
591 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-6 {
592 
+    margin-left: 50%;
593 
+  }
594 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-7 {
595 
+    margin-left: 58.33333333%;
596 
+  }
597 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-8 {
598 
+    margin-left: 66.66666667%;
599 
+  }
600 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-9 {
601 
+    margin-left: 75%;
602 
+  }
603 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-10 {
604 
+    margin-left: 83.33333333%;
605 
+  }
606 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-11 {
607 
+    margin-left: 91.66666667%;
608 
+  }
609 
+  .fs-grid .fs-row .fs-lg-fifth {
610 
+    width: 17.91666667%;
611 
+  }
612 
+  .fs-grid .fs-row .fs-lg-fourth {
613 
+    width: 22.91666667%;
614 
+  }
615 
+  .fs-grid .fs-row .fs-lg-third {
616 
+    width: 31.25%;
617 
+  }
618 
+  .fs-grid .fs-row .fs-lg-half {
619 
+    width: 47.91666667%;
620 
+  }
621 
+  .fs-grid .fs-row .fs-lg-full {
622 
+    width: 97.91666667%;
623 
+  }
624 
+  .fs-grid .fs-row .fs-lg-push-fifth {
625 
+    margin-left: 21.04166667%;
626 
+  }
627 
+  .fs-grid .fs-row .fs-lg-push-fourth {
628 
+    margin-left: 26.04166667%;
629 
+  }
630 
+  .fs-grid .fs-row .fs-lg-push-third {
631 
+    margin-left: 34.375%;
632 
+  }
633 
+  .fs-grid .fs-row .fs-lg-push-half {
634 
+    margin-left: 51.04166667%;
635 
+  }
636 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-fifth {
637 
+    width: 20%;
638 
+  }
639 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-fourth {
640 
+    width: 25%;
641 
+  }
642 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-third {
643 
+    width: 33.33333333%;
644 
+  }
645 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-half {
646 
+    width: 50%;
647 
+  }
648 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-full {
649 
+    width: 100%;
650 
+  }
651 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-fifth {
652 
+    margin-left: 20%;
653 
+  }
654 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-fourth {
655 
+    margin-left: 25%;
656 
+  }
657 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-third {
658 
+    margin-left: 33.33333333%;
659 
+  }
660 
+  .fs-grid .fs-row [class*="-contained"].fs-lg-push-half {
661 
+    margin-left: 50%;
662 
+  }
663 
+  .fs-grid .fs-row .fs-lg-hide {
664 
+    display: none;
665 
+  }
666 
+}
667 
+@media screen and (min-width:  1220px) {
668 
+  .fs-grid .fs-row .fs-xl-1 {
669 
+    width: 6.25%;
670 
+  }
671 
+  .fs-grid .fs-row .fs-xl-2 {
672 
+    width: 14.58333333%;
673 
+  }
674 
+  .fs-grid .fs-row .fs-xl-3 {
675 
+    width: 22.91666667%;
676 
+  }
677 
+  .fs-grid .fs-row .fs-xl-4 {
678 
+    width: 31.25%;
679 
+  }
680 
+  .fs-grid .fs-row .fs-xl-5 {
681 
+    width: 39.58333333%;
682 
+  }
683 
+  .fs-grid .fs-row .fs-xl-6 {
684 
+    width: 47.91666667%;
685 
+  }
686 
+  .fs-grid .fs-row .fs-xl-7 {
687 
+    width: 56.25%;
688 
+  }
689 
+  .fs-grid .fs-row .fs-xl-8 {
690 
+    width: 64.58333333%;
691 
+  }
692 
+  .fs-grid .fs-row .fs-xl-9 {
693 
+    width: 72.91666667%;
694 
+  }
695 
+  .fs-grid .fs-row .fs-xl-10 {
696 
+    width: 81.25%;
697 
+  }
698 
+  .fs-grid .fs-row .fs-xl-11 {
699 
+    width: 89.58333333%;
700 
+  }
701 
+  .fs-grid .fs-row .fs-xl-12 {
702 
+    width: 97.91666667%;
703 
+  }
704 
+  .fs-grid .fs-row .fs-xl-push-1 {
705 
+    margin-left: 9.375%;
706 
+  }
707 
+  .fs-grid .fs-row .fs-xl-push-2 {
708 
+    margin-left: 17.70833333%;
709 
+  }
710 
+  .fs-grid .fs-row .fs-xl-push-3 {
711 
+    margin-left: 26.04166667%;
712 
+  }
713 
+  .fs-grid .fs-row .fs-xl-push-4 {
714 
+    margin-left: 34.375%;
715 
+  }
716 
+  .fs-grid .fs-row .fs-xl-push-5 {
717 
+    margin-left: 42.70833333%;
718 
+  }
719 
+  .fs-grid .fs-row .fs-xl-push-6 {
720 
+    margin-left: 51.04166667%;
721 
+  }
722 
+  .fs-grid .fs-row .fs-xl-push-7 {
723 
+    margin-left: 59.375%;
724 
+  }
725 
+  .fs-grid .fs-row .fs-xl-push-8 {
726 
+    margin-left: 67.70833333%;
727 
+  }
728 
+  .fs-grid .fs-row .fs-xl-push-9 {
729 
+    margin-left: 76.04166667%;
730 
+  }
731 
+  .fs-grid .fs-row .fs-xl-push-10 {
732 
+    margin-left: 84.375%;
733 
+  }
734 
+  .fs-grid .fs-row .fs-xl-push-11 {
735 
+    margin-left: 92.70833333%;
736 
+  }
737 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-1 {
738 
+    width: 8.33333333%;
739 
+  }
740 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-2 {
741 
+    width: 16.66666667%;
742 
+  }
743 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-3 {
744 
+    width: 25%;
745 
+  }
746 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-4 {
747 
+    width: 33.33333333%;
748 
+  }
749 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-5 {
750 
+    width: 41.66666667%;
751 
+  }
752 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-6 {
753 
+    width: 50%;
754 
+  }
755 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-7 {
756 
+    width: 58.33333333%;
757 
+  }
758 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-8 {
759 
+    width: 66.66666667%;
760 
+  }
761 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-9 {
762 
+    width: 75%;
763 
+  }
764 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-10 {
765 
+    width: 83.33333333%;
766 
+  }
767 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-11 {
768 
+    width: 91.66666667%;
769 
+  }
770 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-12 {
771 
+    width: 100%;
772 
+  }
773 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-1 {
774 
+    margin-left: 8.33333333%;
775 
+  }
776 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-2 {
777 
+    margin-left: 16.66666667%;
778 
+  }
779 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-3 {
780 
+    margin-left: 25%;
781 
+  }
782 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-4 {
783 
+    margin-left: 33.33333333%;
784 
+  }
785 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-5 {
786 
+    margin-left: 41.66666667%;
787 
+  }
788 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-6 {
789 
+    margin-left: 50%;
790 
+  }
791 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-7 {
792 
+    margin-left: 58.33333333%;
793 
+  }
794 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-8 {
795 
+    margin-left: 66.66666667%;
796 
+  }
797 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-9 {
798 
+    margin-left: 75%;
799 
+  }
800 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-10 {
801 
+    margin-left: 83.33333333%;
802 
+  }
803 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-11 {
804 
+    margin-left: 91.66666667%;
805 
+  }
806 
+  .fs-grid .fs-row .fs-xl-fifth {
807 
+    width: 17.91666667%;
808 
+  }
809 
+  .fs-grid .fs-row .fs-xl-fourth {
810 
+    width: 22.91666667%;
811 
+  }
812 
+  .fs-grid .fs-row .fs-xl-third {
813 
+    width: 31.25%;
814 
+  }
815 
+  .fs-grid .fs-row .fs-xl-half {
816 
+    width: 47.91666667%;
817 
+  }
818 
+  .fs-grid .fs-row .fs-xl-full {
819 
+    width: 97.91666667%;
820 
+  }
821 
+  .fs-grid .fs-row .fs-xl-push-fifth {
822 
+    margin-left: 21.04166667%;
823 
+  }
824 
+  .fs-grid .fs-row .fs-xl-push-fourth {
825 
+    margin-left: 26.04166667%;
826 
+  }
827 
+  .fs-grid .fs-row .fs-xl-push-third {
828 
+    margin-left: 34.375%;
829 
+  }
830 
+  .fs-grid .fs-row .fs-xl-push-half {
831 
+    margin-left: 51.04166667%;
832 
+  }
833 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-fifth {
834 
+    width: 20%;
835 
+  }
836 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-fourth {
837 
+    width: 25%;
838 
+  }
839 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-third {
840 
+    width: 33.33333333%;
841 
+  }
842 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-half {
843 
+    width: 50%;
844 
+  }
845 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-full {
846 
+    width: 100%;
847 
+  }
848 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-fifth {
849 
+    margin-left: 20%;
850 
+  }
851 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-fourth {
852 
+    margin-left: 25%;
853 
+  }
854 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-third {
855 
+    margin-left: 33.33333333%;
856 
+  }
857 
+  .fs-grid .fs-row [class*="-contained"].fs-xl-push-half {
858 
+    margin-left: 50%;
859 
+  }
860 
+  .fs-grid .fs-row .fs-xl-hide {
861 
+    display: none;
862 
+  }
863 
+}