gumby-rails 1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +30 -0
- data/Rakefile +1 -0
- data/gumby-rails.gemspec +22 -0
- data/lib/gumby-rails.rb +8 -0
- data/lib/gumby-rails/version.rb +5 -0
- data/vendor/assets/javascripts/gumby.js +361 -0
- data/vendor/assets/stylesheets/gumby-hybrid.css +4 -0
- data/vendor/assets/stylesheets/gumby/12col.css +441 -0
- data/vendor/assets/stylesheets/gumby/16col.css +459 -0
- data/vendor/assets/stylesheets/gumby/hybrid.css +543 -0
- data/vendor/assets/stylesheets/gumby/style.css +9 -0
- data/vendor/assets/stylesheets/gumby/text.css +50 -0
- data/vendor/assets/stylesheets/gumby/ui.css +1613 -0
- data/vendor/assets/stylesheets/gumby12.css +4 -0
- data/vendor/assets/stylesheets/gumby16.css +4 -0
- metadata +96 -0
@@ -0,0 +1,441 @@
|
|
1
|
+
/* Gumby */
|
2
|
+
|
3
|
+
/* --------------------------------------------------
|
4
|
+
Table of Contents
|
5
|
+
-----------------------------------------------------
|
6
|
+
:: Reset & Standards
|
7
|
+
:: Links
|
8
|
+
:: Lists
|
9
|
+
:: Tables
|
10
|
+
:: Misc
|
11
|
+
*/
|
12
|
+
|
13
|
+
|
14
|
+
/* --------------------------------------------------
|
15
|
+
:: Global Reset & Standards
|
16
|
+
-------------------------------------------------- */
|
17
|
+
|
18
|
+
/*
|
19
|
+
Eric Meyer's CSS Reset
|
20
|
+
http://meyerweb.com/eric/tools/css/reset/
|
21
|
+
v2.0 | 20110126
|
22
|
+
License: none (public domain)
|
23
|
+
*/
|
24
|
+
|
25
|
+
html, body, div, span, applet, object, iframe,
|
26
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
27
|
+
a, abbr, acronym, address, big, cite, code,
|
28
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
29
|
+
small, strike, strong, sub, sup, tt, var,
|
30
|
+
b, u, i, center,
|
31
|
+
dl, dt, dd, ol, ul, li,
|
32
|
+
fieldset, form, label, legend,
|
33
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
34
|
+
article, aside, canvas, details, embed,
|
35
|
+
figure, figcaption, footer, header, hgroup,
|
36
|
+
menu, nav, output, ruby, section, summary,
|
37
|
+
time, mark, audio, video {
|
38
|
+
margin: 0;
|
39
|
+
padding: 0;
|
40
|
+
border: 0;
|
41
|
+
font: inherit;
|
42
|
+
vertical-align: baseline;
|
43
|
+
}
|
44
|
+
html {
|
45
|
+
font-size: 62.5%;
|
46
|
+
}
|
47
|
+
/* HTML5 display-role reset for older browsers */
|
48
|
+
article, aside, details, figcaption, figure,
|
49
|
+
footer, header, hgroup, menu, nav, section {
|
50
|
+
display: block;
|
51
|
+
}
|
52
|
+
body {
|
53
|
+
line-height: 1;
|
54
|
+
}
|
55
|
+
ol, ul {
|
56
|
+
list-style: none;
|
57
|
+
}
|
58
|
+
blockquote, q {
|
59
|
+
quotes: none;
|
60
|
+
}
|
61
|
+
blockquote:before, blockquote:after,
|
62
|
+
q:before, q:after {
|
63
|
+
content: '';
|
64
|
+
content: none;
|
65
|
+
}
|
66
|
+
table {
|
67
|
+
border-collapse: collapse;
|
68
|
+
border-spacing: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
|
72
|
+
.left, .columns.left { float: left; }
|
73
|
+
.right, .columns.right { float: right; }
|
74
|
+
.hide { display: none; }
|
75
|
+
.highlight { background: #ff0; }
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
|
80
|
+
/*=======================================================================
|
81
|
+
|
82
|
+
❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
|
83
|
+
|
84
|
+
========================================================================*/
|
85
|
+
|
86
|
+
.ie9, .ie9 * {
|
87
|
+
font-family: Arial, "Definitely Not Helvetica", sans-serif !important;
|
88
|
+
}
|
89
|
+
|
90
|
+
body {
|
91
|
+
background: #fff;
|
92
|
+
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
93
|
+
font-size: 16px;
|
94
|
+
font-size: 1.6rem;
|
95
|
+
line-height: 1.6;
|
96
|
+
color: #555;
|
97
|
+
position: relative;
|
98
|
+
-webkit-font-smoothing: antialiased;
|
99
|
+
}
|
100
|
+
|
101
|
+
|
102
|
+
/*=====================================================
|
103
|
+
|
104
|
+
Headings
|
105
|
+
|
106
|
+
======================================================*/
|
107
|
+
|
108
|
+
|
109
|
+
h1, h2, h3, h4, h5, h6 {
|
110
|
+
color: #1b1b1b;
|
111
|
+
font-weight: bold;
|
112
|
+
line-height: 1.6;
|
113
|
+
}
|
114
|
+
|
115
|
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
116
|
+
font-weight: inherit;
|
117
|
+
}
|
118
|
+
|
119
|
+
h1 {
|
120
|
+
font-size: 46px;
|
121
|
+
font-size: 4.6rem;
|
122
|
+
margin-bottom: 12px;
|
123
|
+
}
|
124
|
+
|
125
|
+
h2 {
|
126
|
+
font-size: 39px;
|
127
|
+
font-size: 3.9rem;
|
128
|
+
margin-bottom: 9px;
|
129
|
+
}
|
130
|
+
|
131
|
+
h3 {
|
132
|
+
font-size: 29px;
|
133
|
+
font-size: 2.9rem;
|
134
|
+
margin-bottom: 9px;
|
135
|
+
}
|
136
|
+
|
137
|
+
h4 {
|
138
|
+
font-size: 25px;
|
139
|
+
font-size: 2.5rem;
|
140
|
+
margin-bottom: 3px;
|
141
|
+
}
|
142
|
+
|
143
|
+
h5 {
|
144
|
+
font-size: 19px;
|
145
|
+
font-size: 1.9rem;
|
146
|
+
font-weight: normal;
|
147
|
+
margin-bottom: 3px;
|
148
|
+
}
|
149
|
+
|
150
|
+
h6 {
|
151
|
+
font-size: 15px;
|
152
|
+
font-size: 1.5rem;
|
153
|
+
font-weight: normal;
|
154
|
+
}
|
155
|
+
|
156
|
+
.subhead {
|
157
|
+
color: #777;
|
158
|
+
font-weight: normal;
|
159
|
+
margin-bottom: 20px;
|
160
|
+
}
|
161
|
+
|
162
|
+
|
163
|
+
/*=====================================================
|
164
|
+
|
165
|
+
Links & Paragraph styles
|
166
|
+
|
167
|
+
======================================================*/
|
168
|
+
|
169
|
+
p {
|
170
|
+
font-size: 16px;
|
171
|
+
font-size: 1.6rem;
|
172
|
+
line-height: 1.6;
|
173
|
+
margin: 0 0 18px;
|
174
|
+
}
|
175
|
+
|
176
|
+
p img {
|
177
|
+
margin: 0;
|
178
|
+
}
|
179
|
+
|
180
|
+
p.lead {
|
181
|
+
font-size: 18px;
|
182
|
+
font-size: 1.8rem;
|
183
|
+
}
|
184
|
+
|
185
|
+
a { color: #d04526; text-decoration: none; outline: 0; line-height: inherit; }
|
186
|
+
a:hover { color: #c03d20; }
|
187
|
+
p a, p a:visited { line-height: inherit; }
|
188
|
+
|
189
|
+
|
190
|
+
/*=====================================================
|
191
|
+
|
192
|
+
Lists
|
193
|
+
|
194
|
+
======================================================*/
|
195
|
+
|
196
|
+
ul, ol { margin-bottom: 18px; }
|
197
|
+
ul { list-style: none outside; }
|
198
|
+
ol { list-style: decimal; }
|
199
|
+
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
200
|
+
ul.square { list-style: square outside; }
|
201
|
+
ul.circle { list-style: circle outside; }
|
202
|
+
ul.disc { list-style: disc outside; }
|
203
|
+
ul ul, ol ol { margin: 4px 0 5px 30px; }
|
204
|
+
li { margin-bottom: 12px; }
|
205
|
+
ul.large li { line-height: 21px; }
|
206
|
+
|
207
|
+
|
208
|
+
|
209
|
+
|
210
|
+
/* Mobile */
|
211
|
+
|
212
|
+
@media handheld, only screen and (max-width: 767px) {
|
213
|
+
body, p { font-size: 16px; font-size: 1.6rem; line-height: 1.6; }
|
214
|
+
}
|
215
|
+
|
216
|
+
em {
|
217
|
+
font-style: italic;
|
218
|
+
line-height: inherit;
|
219
|
+
}
|
220
|
+
|
221
|
+
strong {
|
222
|
+
font-weight: bold;
|
223
|
+
line-height: inherit;
|
224
|
+
}
|
225
|
+
|
226
|
+
small {
|
227
|
+
font-size: 56.4%;
|
228
|
+
line-height: inherit;
|
229
|
+
}
|
230
|
+
|
231
|
+
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
|
232
|
+
|
233
|
+
/* Blockquotes */
|
234
|
+
blockquote, blockquote p { line-height: 20px; color: #777; }
|
235
|
+
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
236
|
+
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
|
237
|
+
blockquote cite:before { content: "\2014 \0020"; }
|
238
|
+
blockquote cite a, blockquote cite a:visited { color: #555; }
|
239
|
+
|
240
|
+
hr {
|
241
|
+
border: 1px solid #ddd;
|
242
|
+
clear: both;
|
243
|
+
margin: 16px 0 18px;
|
244
|
+
height: 0;
|
245
|
+
}
|
246
|
+
|
247
|
+
abbr, acronym {
|
248
|
+
text-transform: uppercase;
|
249
|
+
font-size: 90%;
|
250
|
+
color: #222;
|
251
|
+
border-bottom: 1px solid #ddd;
|
252
|
+
cursor: help;
|
253
|
+
}
|
254
|
+
|
255
|
+
abbr { text-transform: none; }
|
256
|
+
|
257
|
+
|
258
|
+
/**
|
259
|
+
* Print styles.
|
260
|
+
*
|
261
|
+
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
262
|
+
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
263
|
+
*/
|
264
|
+
|
265
|
+
@media print {
|
266
|
+
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
267
|
+
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
268
|
+
p a, p a:visited { color: #444 !important; text-decoration: underline; }
|
269
|
+
p a[href]:after { content: " (" attr(href) ")"; }
|
270
|
+
abbr[title]:after { content: " (" attr(title) ")"; }
|
271
|
+
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
272
|
+
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
273
|
+
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
274
|
+
tr, img { page-break-inside: avoid; }
|
275
|
+
@page { margin: 0.5cm; }
|
276
|
+
p, h2, h3 { orphans: 3; widows: 3; }
|
277
|
+
h2, h3{ page-break-after: avoid; }
|
278
|
+
}
|
279
|
+
|
280
|
+
|
281
|
+
|
282
|
+
|
283
|
+
/*=======================================================================
|
284
|
+
|
285
|
+
❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
|
286
|
+
|
287
|
+
========================================================================*/
|
288
|
+
|
289
|
+
|
290
|
+
|
291
|
+
|
292
|
+
|
293
|
+
/*=================================================
|
294
|
+
|
295
|
+
+++ LE GRID +++
|
296
|
+
A Responsive Grid -- Gumby defaults to a standard 960 grid,
|
297
|
+
but you can change it to whatever you'd like.
|
298
|
+
|
299
|
+
==================================================*/
|
300
|
+
|
301
|
+
|
302
|
+
.container { padding: 0px 20px; }
|
303
|
+
|
304
|
+
.row { width: 100%; max-width: 940px; min-width: 720px; margin: 0 auto; }
|
305
|
+
/* To fix the grid into a different size, set max-width to your desired width */
|
306
|
+
|
307
|
+
.row .row { min-width: 0px; }
|
308
|
+
|
309
|
+
.column, .columns { margin-left: 2.127663%; float: left; min-height: 1px; position: relative;
|
310
|
+
-webkit-box-sizing: border-box;
|
311
|
+
-moz-box-sizing: border-box;
|
312
|
+
box-sizing: border-box;
|
313
|
+
}
|
314
|
+
.column:first-child, .columns:first-child, .alpha { margin-left: 0px; }
|
315
|
+
|
316
|
+
.column.omega, .columns.omega { float: right; }
|
317
|
+
|
318
|
+
/*** Removed because it is usually annoying ***
|
319
|
+
|
320
|
+
[class*="column"] + [class*="column"]:last-child { float: right; }
|
321
|
+
|
322
|
+
***/
|
323
|
+
|
324
|
+
.row .one.columns { width: 6.382989%; }
|
325
|
+
.row .two.columns { width: 14.893641%; }
|
326
|
+
.row .three.columns { width: 23.404293%; }
|
327
|
+
.row .four.columns { width: 31.914945%; }
|
328
|
+
.row .five.columns { width: 40.425597%; }
|
329
|
+
.row .six.columns { width: 48.936249%; }
|
330
|
+
.row .seven.columns { width: 57.446901%; }
|
331
|
+
.row .eight.columns { width: 65.957553%; }
|
332
|
+
.row .nine.columns { width: 74.468205%; }
|
333
|
+
.row .ten.columns { width: 82.978857%; }
|
334
|
+
.row .eleven.columns { width: 91.489509%; }
|
335
|
+
.row .twelve.columns { width: 100%; }
|
336
|
+
|
337
|
+
|
338
|
+
/*** Formula: Column Width + Twice the Default Margin ***/
|
339
|
+
|
340
|
+
.row .push_one { margin-left: 10.638315%; }
|
341
|
+
.row .push_two { margin-left: 19.148967%; }
|
342
|
+
.row .push_three { margin-left: 27.659619%; }
|
343
|
+
.row .push_four { margin-left: 36.170271%; }
|
344
|
+
.row .push_five { margin-left: 44.680923%; }
|
345
|
+
.row .push_six { margin-left: 53.191575%; }
|
346
|
+
.row .push_seven { margin-left: 61.702227%; }
|
347
|
+
.row .push_eight { margin-left: 70.212879%; }
|
348
|
+
.row .push_nine { margin-left: 78.723531%; }
|
349
|
+
.row .push_ten { margin-left: 87.234183%; }
|
350
|
+
/*.row .push_eleven { margin-left: 95.744835%; }*/
|
351
|
+
|
352
|
+
|
353
|
+
/* Centering Columns is fun */
|
354
|
+
|
355
|
+
.row .one.centered { margin-left: 46.808586%; }
|
356
|
+
.row .two.centered { margin-left: 42.55326%; }
|
357
|
+
.row .three.centered { margin-left: 38.297934%; }
|
358
|
+
.row .four.centered { margin-left: 34.042608%; }
|
359
|
+
.row .five.centered { margin-left: 29.787282%; }
|
360
|
+
.row .six.centered { margin-left: 25.531956%; }
|
361
|
+
.row .seven.centered { margin-left: 21.27663%; }
|
362
|
+
.row .eight.centered { margin-left: 17.021304%; }
|
363
|
+
.row .nine.centered { margin-left: 12.765978%; }
|
364
|
+
.row .ten.centered { margin-left: 8.510652%; }
|
365
|
+
.row .eleven.centered { margin-left: 4.255326%; }
|
366
|
+
|
367
|
+
|
368
|
+
/*** Formula: Column Width + Default Margin ***/
|
369
|
+
|
370
|
+
.row .push_one:first-child { margin-left: 8.510652%; }
|
371
|
+
.row .push_two:first-child { margin-left: 17.021304%; }
|
372
|
+
.row .push_three:first-child { margin-left: 25.531956%; }
|
373
|
+
.row .push_four:first-child { margin-left: 34.042608%; }
|
374
|
+
.row .push_five:first-child { margin-left: 42.55326%; }
|
375
|
+
.row .push_six:first-child { margin-left: 51.063912%; }
|
376
|
+
.row .push_seven:first-child { margin-left: 59.574564%; }
|
377
|
+
.row .push_eight:first-child { margin-left: 68.085216%; }
|
378
|
+
.row .push_nine:first-child { margin-left: 76.596868%; }
|
379
|
+
.row .push_ten:first-child { margin-left: 85.10652%; }
|
380
|
+
.row .push_eleven:first-child { margin-left: 93.617172%; }
|
381
|
+
|
382
|
+
|
383
|
+
|
384
|
+
img, object, embed { max-width: 100%; height: auto; }
|
385
|
+
img { -ms-interpolation-mode: bicubic; }
|
386
|
+
#map_canvas img, .map_canvas img {max-width: none!important;}
|
387
|
+
|
388
|
+
/* Nicolas Gallagher's micro clearfix */
|
389
|
+
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
390
|
+
.row:after, .clearfix:after { clear: both; }
|
391
|
+
.row, .clearfix { zoom: 1; }
|
392
|
+
|
393
|
+
|
394
|
+
|
395
|
+
|
396
|
+
/*=======================================================================
|
397
|
+
|
398
|
+
❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
|
399
|
+
|
400
|
+
========================================================================*/
|
401
|
+
|
402
|
+
|
403
|
+
|
404
|
+
|
405
|
+
|
406
|
+
/*==================================================
|
407
|
+
|
408
|
+
+++ Grid +++
|
409
|
+
|
410
|
+
===================================================*/
|
411
|
+
|
412
|
+
/* Mobile */
|
413
|
+
|
414
|
+
@media only screen and (max-width: 480px) {
|
415
|
+
/* Style adjustments for viewports 480px and under go here */
|
416
|
+
.row {
|
417
|
+
text-align: center;
|
418
|
+
}
|
419
|
+
}
|
420
|
+
|
421
|
+
@media only screen and (max-width: 767px) {
|
422
|
+
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
|
423
|
+
|
424
|
+
.container { min-width: 0; margin-left: 0; margin-right: 0; }
|
425
|
+
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
|
426
|
+
.row .row .column, .row .row .columns { padding: 0; }
|
427
|
+
.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
|
428
|
+
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
|
429
|
+
.row .row .column, .row .row .columns { padding: 0; }
|
430
|
+
.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
|
431
|
+
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
|
432
|
+
[class*="column"] + [class*="column"]:last-child { float: none; }
|
433
|
+
[class*="column"]:before, [class*="column"]:after { display: table; }
|
434
|
+
[class*="column"]:after { clear: both; }
|
435
|
+
|
436
|
+
|
437
|
+
.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
|
438
|
+
}
|
439
|
+
|
440
|
+
|
441
|
+
|
@@ -0,0 +1,459 @@
|
|
1
|
+
/* Gumby */
|
2
|
+
|
3
|
+
/* --------------------------------------------------
|
4
|
+
Table of Contents
|
5
|
+
-----------------------------------------------------
|
6
|
+
:: Reset & Standards
|
7
|
+
:: Links
|
8
|
+
:: Lists
|
9
|
+
:: Tables
|
10
|
+
:: Misc
|
11
|
+
*/
|
12
|
+
|
13
|
+
|
14
|
+
/* --------------------------------------------------
|
15
|
+
:: Global Reset & Standards
|
16
|
+
-------------------------------------------------- */
|
17
|
+
|
18
|
+
/*
|
19
|
+
Eric Meyer's CSS Reset
|
20
|
+
http://meyerweb.com/eric/tools/css/reset/
|
21
|
+
v2.0 | 20110126
|
22
|
+
License: none (public domain)
|
23
|
+
*/
|
24
|
+
|
25
|
+
html, body, div, span, applet, object, iframe,
|
26
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
27
|
+
a, abbr, acronym, address, big, cite, code,
|
28
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
29
|
+
small, strike, strong, sub, sup, tt, var,
|
30
|
+
b, u, i, center,
|
31
|
+
dl, dt, dd, ol, ul, li,
|
32
|
+
fieldset, form, label, legend,
|
33
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
34
|
+
article, aside, canvas, details, embed,
|
35
|
+
figure, figcaption, footer, header, hgroup,
|
36
|
+
menu, nav, output, ruby, section, summary,
|
37
|
+
time, mark, audio, video {
|
38
|
+
margin: 0;
|
39
|
+
padding: 0;
|
40
|
+
border: 0;
|
41
|
+
font: inherit;
|
42
|
+
vertical-align: baseline;
|
43
|
+
}
|
44
|
+
html {
|
45
|
+
font-size: 62.5%;
|
46
|
+
}
|
47
|
+
/* HTML5 display-role reset for older browsers */
|
48
|
+
article, aside, details, figcaption, figure,
|
49
|
+
footer, header, hgroup, menu, nav, section {
|
50
|
+
display: block;
|
51
|
+
}
|
52
|
+
body {
|
53
|
+
line-height: 1;
|
54
|
+
}
|
55
|
+
ol, ul {
|
56
|
+
list-style: none;
|
57
|
+
}
|
58
|
+
blockquote, q {
|
59
|
+
quotes: none;
|
60
|
+
}
|
61
|
+
blockquote:before, blockquote:after,
|
62
|
+
q:before, q:after {
|
63
|
+
content: '';
|
64
|
+
content: none;
|
65
|
+
}
|
66
|
+
table {
|
67
|
+
border-collapse: collapse;
|
68
|
+
border-spacing: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
|
72
|
+
.left, .columns.left { float: left; }
|
73
|
+
.right, .columns.right { float: right; }
|
74
|
+
.hide { display: none; }
|
75
|
+
.highlight { background: #ff0; }
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
|
80
|
+
/*=======================================================================
|
81
|
+
|
82
|
+
❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
|
83
|
+
|
84
|
+
========================================================================*/
|
85
|
+
|
86
|
+
|
87
|
+
.ie9, .ie9 * {
|
88
|
+
font-family: Arial, "Definitely Not Helvetica", sans-serif !important;
|
89
|
+
}
|
90
|
+
|
91
|
+
|
92
|
+
body {
|
93
|
+
background: #fff;
|
94
|
+
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
95
|
+
font-size: 16px;
|
96
|
+
font-size: 1.6rem;
|
97
|
+
line-height: 1.6;
|
98
|
+
color: #555;
|
99
|
+
position: relative;
|
100
|
+
-webkit-font-smoothing: antialiased;
|
101
|
+
}
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
/*=====================================================
|
106
|
+
|
107
|
+
Headings
|
108
|
+
|
109
|
+
======================================================*/
|
110
|
+
|
111
|
+
|
112
|
+
h1, h2, h3, h4, h5, h6 {
|
113
|
+
color: #1b1b1b;
|
114
|
+
font-weight: bold;
|
115
|
+
line-height: 1.6;
|
116
|
+
}
|
117
|
+
|
118
|
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
119
|
+
font-weight: inherit;
|
120
|
+
}
|
121
|
+
|
122
|
+
h1 {
|
123
|
+
font-size: 46px;
|
124
|
+
font-size: 4.6rem;
|
125
|
+
margin-bottom: 12px;
|
126
|
+
}
|
127
|
+
|
128
|
+
h2 {
|
129
|
+
font-size: 39px;
|
130
|
+
font-size: 3.9rem;
|
131
|
+
margin-bottom: 9px;
|
132
|
+
}
|
133
|
+
|
134
|
+
h3 {
|
135
|
+
font-size: 29px;
|
136
|
+
font-size: 2.9rem;
|
137
|
+
margin-bottom: 9px;
|
138
|
+
}
|
139
|
+
|
140
|
+
h4 {
|
141
|
+
font-size: 25px;
|
142
|
+
font-size: 2.5rem;
|
143
|
+
margin-bottom: 3px;
|
144
|
+
}
|
145
|
+
|
146
|
+
h5 {
|
147
|
+
font-size: 19px;
|
148
|
+
font-size: 1.9rem;
|
149
|
+
font-weight: normal;
|
150
|
+
margin-bottom: 3px;
|
151
|
+
}
|
152
|
+
|
153
|
+
h6 {
|
154
|
+
font-size: 15px;
|
155
|
+
font-size: 1.5rem;
|
156
|
+
font-weight: normal;
|
157
|
+
}
|
158
|
+
|
159
|
+
.subhead {
|
160
|
+
color: #777;
|
161
|
+
font-weight: normal;
|
162
|
+
margin-bottom: 20px;
|
163
|
+
}
|
164
|
+
|
165
|
+
|
166
|
+
/*=====================================================
|
167
|
+
|
168
|
+
Links & Paragraph styles
|
169
|
+
|
170
|
+
======================================================*/
|
171
|
+
|
172
|
+
p {
|
173
|
+
font-size: 16px;
|
174
|
+
font-size: 1.6rem;
|
175
|
+
line-height: 1.6;
|
176
|
+
margin: 0 0 18px;
|
177
|
+
}
|
178
|
+
|
179
|
+
p img {
|
180
|
+
margin: 0;
|
181
|
+
}
|
182
|
+
|
183
|
+
p.lead {
|
184
|
+
font-size: 18px;
|
185
|
+
font-size: 1.8rem;
|
186
|
+
}
|
187
|
+
|
188
|
+
a { color: #d04526; text-decoration: none; outline: 0; line-height: inherit; }
|
189
|
+
a:hover { color: #c03d20; }
|
190
|
+
p a, p a:visited { line-height: inherit; }
|
191
|
+
|
192
|
+
|
193
|
+
/*=====================================================
|
194
|
+
|
195
|
+
Lists
|
196
|
+
|
197
|
+
======================================================*/
|
198
|
+
|
199
|
+
ul, ol { margin-bottom: 18px; }
|
200
|
+
ul { list-style: none outside; }
|
201
|
+
ol { list-style: decimal; }
|
202
|
+
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
203
|
+
ul.square { list-style: square outside; }
|
204
|
+
ul.circle { list-style: circle outside; }
|
205
|
+
ul.disc { list-style: disc outside; }
|
206
|
+
ul ul, ol ol { margin: 4px 0 5px 30px; }
|
207
|
+
li { margin-bottom: 12px; }
|
208
|
+
ul.large li { line-height: 21px; }
|
209
|
+
|
210
|
+
|
211
|
+
|
212
|
+
|
213
|
+
/* Mobile */
|
214
|
+
|
215
|
+
@media handheld, only screen and (max-width: 767px) {
|
216
|
+
body, p { font-size: 16px; font-size: 1.6rem; line-height: 1.6; }
|
217
|
+
}
|
218
|
+
|
219
|
+
em {
|
220
|
+
font-style: italic;
|
221
|
+
line-height: inherit;
|
222
|
+
}
|
223
|
+
|
224
|
+
strong {
|
225
|
+
font-weight: bold;
|
226
|
+
line-height: inherit;
|
227
|
+
}
|
228
|
+
|
229
|
+
small {
|
230
|
+
font-size: 56.4%;
|
231
|
+
line-height: inherit;
|
232
|
+
}
|
233
|
+
|
234
|
+
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
|
235
|
+
|
236
|
+
/* Blockquotes */
|
237
|
+
blockquote, blockquote p { line-height: 20px; color: #777; }
|
238
|
+
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
239
|
+
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
|
240
|
+
blockquote cite:before { content: "\2014 \0020"; }
|
241
|
+
blockquote cite a, blockquote cite a:visited { color: #555; }
|
242
|
+
|
243
|
+
hr {
|
244
|
+
border: 1px solid #ddd;
|
245
|
+
clear: both;
|
246
|
+
margin: 12px 0 18px;
|
247
|
+
height: 0;
|
248
|
+
}
|
249
|
+
|
250
|
+
abbr, acronym {
|
251
|
+
text-transform: uppercase;
|
252
|
+
font-size: 90%;
|
253
|
+
color: #222;
|
254
|
+
border-bottom: 1px solid #ddd;
|
255
|
+
cursor: help;
|
256
|
+
}
|
257
|
+
|
258
|
+
abbr { text-transform: none; }
|
259
|
+
|
260
|
+
|
261
|
+
/**
|
262
|
+
* Print styles.
|
263
|
+
*
|
264
|
+
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
265
|
+
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
266
|
+
*/
|
267
|
+
|
268
|
+
@media print {
|
269
|
+
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
270
|
+
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
271
|
+
p a, p a:visited { color: #444 !important; text-decoration: underline; }
|
272
|
+
p a[href]:after { content: " (" attr(href) ")"; }
|
273
|
+
abbr[title]:after { content: " (" attr(title) ")"; }
|
274
|
+
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
275
|
+
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
276
|
+
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
277
|
+
tr, img { page-break-inside: avoid; }
|
278
|
+
@page { margin: 0.5cm; }
|
279
|
+
p, h2, h3 { orphans: 3; widows: 3; }
|
280
|
+
h2, h3{ page-break-after: avoid; }
|
281
|
+
}
|
282
|
+
|
283
|
+
|
284
|
+
|
285
|
+
|
286
|
+
/*=======================================================================
|
287
|
+
|
288
|
+
❤❤❤ Genius secreted from the brains of Digital Surgeons. ❤❤❤
|
289
|
+
|
290
|
+
========================================================================*/
|
291
|
+
|
292
|
+
|
293
|
+
|
294
|
+
|
295
|
+
|
296
|
+
/*=================================================
|
297
|
+
|
298
|
+
+++ LE GRID +++
|
299
|
+
A Responsive Grid -- Gumby defaults to a standard 960 grid,
|
300
|
+
but you can change it to whatever you'd like.
|
301
|
+
|
302
|
+
==================================================*/
|
303
|
+
|
304
|
+
|
305
|
+
.container { padding: 0px 20px; }
|
306
|
+
|
307
|
+
.row { width: 100%; max-width: 940px; min-width: 720px; margin: 0 auto; }
|
308
|
+
/* To fix the grid into a different size, set max-width to your desired width */
|
309
|
+
|
310
|
+
.row .row { min-width: 0px; }
|
311
|
+
|
312
|
+
.column, .columns { margin-left: 2.127663%; float: left; min-height: 1px; position: relative;
|
313
|
+
-webkit-box-sizing: border-box;
|
314
|
+
-moz-box-sizing: border-box;
|
315
|
+
box-sizing: border-box;
|
316
|
+
}
|
317
|
+
.column:first-child, .columns:first-child, .alpha { margin-left: 0px; }
|
318
|
+
|
319
|
+
.column.omega, .columns.omega { float: right; }
|
320
|
+
|
321
|
+
/*** Removed because it is usually annoying ***
|
322
|
+
|
323
|
+
[class*="column"] + [class*="column"]:last-child { float: right; }
|
324
|
+
|
325
|
+
***/
|
326
|
+
|
327
|
+
.row .one.columns { width: 4.255326%; }
|
328
|
+
.row .two.columns { width: 10.638315%; }
|
329
|
+
.row .three.columns { width: 17.021304%; }
|
330
|
+
.row .four.columns { width: 23.404293%; }
|
331
|
+
.row .five.columns { width: 29.787282%; }
|
332
|
+
.row .six.columns { width: 36.170271%; }
|
333
|
+
.row .seven.columns { width: 42.55326%; }
|
334
|
+
.row .eight.columns { width: 48.936249%; }
|
335
|
+
.row .nine.columns { width: 55.319238%; }
|
336
|
+
.row .ten.columns { width: 61.702227%; }
|
337
|
+
.row .eleven.columns { width: 68.085216%; }
|
338
|
+
.row .twelve.columns { width: 74.468205%; }
|
339
|
+
.row .thirteen.columns { width: 80.851194%; }
|
340
|
+
.row .fourteen.columns { width: 87.234183%; }
|
341
|
+
.row .fifteen.columns { width: 93.617172%; }
|
342
|
+
.row .sixteen.columns { width: 100%; }
|
343
|
+
|
344
|
+
|
345
|
+
/*** Formula: Column Width + Twice the Default Margin ***/
|
346
|
+
|
347
|
+
.row .push_one { margin-left: 8.510652%; }
|
348
|
+
.row .push_two { margin-left: 14.893641%; }
|
349
|
+
.row .push_three { margin-left: 21.27663%; }
|
350
|
+
.row .push_four { margin-left: 27.659619%; }
|
351
|
+
.row .push_five { margin-left: 34.042608%; }
|
352
|
+
.row .push_six { margin-left: 40.425597%; }
|
353
|
+
.row .push_seven { margin-left: 46.808586%; }
|
354
|
+
.row .push_eight { margin-left: 53.191575%; }
|
355
|
+
.row .push_nine { margin-left: 59.574564%; }
|
356
|
+
.row .push_ten { margin-left: 65.957553%; }
|
357
|
+
.row .push_eleven { margin-left: 72.340542%; }
|
358
|
+
.row .push_twelve { margin-left: 78.723531%; }
|
359
|
+
.row .push_thirteen { margin-left: 85.10652%; }
|
360
|
+
.row .push_fourteen { margin-left: 91.489509%; }
|
361
|
+
.row .push_fifteen { margin-left: 97.872498%; }
|
362
|
+
|
363
|
+
|
364
|
+
/* Centering Columns is fun */
|
365
|
+
|
366
|
+
.row .one.centered { margin-left: 47.872424%; }
|
367
|
+
.row .two.centered { margin-left: 44.680929%; }
|
368
|
+
.row .three.centered { margin-left: 41.489434%; }
|
369
|
+
.row .four.centered { margin-left: 38.297939%; }
|
370
|
+
.row .five.centered { margin-left: 35.106444%; }
|
371
|
+
.row .six.centered { margin-left: 31.914949%; }
|
372
|
+
.row .seven.centered { margin-left: 28.723454%; }
|
373
|
+
.row .eight.centered { margin-left: 25.531959%; }
|
374
|
+
.row .nine.centered { margin-left: 22.340464%; }
|
375
|
+
.row .ten.centered { margin-left: 19.148969%; }
|
376
|
+
.row .eleven.centered { margin-left: 15.957474%; }
|
377
|
+
.row .twelve.centered { margin-left: 12.765979%; }
|
378
|
+
.row .thirteen.centered { margin-left: 9.574484%; }
|
379
|
+
.row .fourteen.centered { margin-left: 6.382989%; }
|
380
|
+
.row .fifteen.centered { margin-left: 3.191495%; }
|
381
|
+
|
382
|
+
|
383
|
+
/*** Formula: Column Width + Default Margin ***/
|
384
|
+
|
385
|
+
.row .push_one:first-child { margin-left: 6.382989%; }
|
386
|
+
.row .push_two:first-child { margin-left: 12.765978%; }
|
387
|
+
.row .push_three:first-child { margin-left: 19.148967%; }
|
388
|
+
.row .push_four:first-child { margin-left: 25.531956%; }
|
389
|
+
.row .push_five:first-child { margin-left: 31.914945%; }
|
390
|
+
.row .push_six:first-child { margin-left: 38.297934%; }
|
391
|
+
.row .push_seven:first-child { margin-left: 44.680923%; }
|
392
|
+
.row .push_eight:first-child { margin-left: 51.063912%; }
|
393
|
+
.row .push_nine:first-child { margin-left: 57.446901%; }
|
394
|
+
.row .push_ten:first-child { margin-left: 63.82989%; }
|
395
|
+
.row .push_eleven:first-child { margin-left: 70.212879%; }
|
396
|
+
.row .push_twelve:first-child { margin-left: 76.595868%; }
|
397
|
+
.row .push_thirteen:first-child { margin-left: 82.978857%; }
|
398
|
+
.row .push_fourteen:first-child { margin-left: 89.361846%; }
|
399
|
+
.row .push_fifteen:first-child { margin-left: 95.744835%; }
|
400
|
+
|
401
|
+
|
402
|
+
|
403
|
+
img, object, embed { max-width: 100%; height: auto; }
|
404
|
+
img { -ms-interpolation-mode: bicubic; }
|
405
|
+
#map_canvas img, .map_canvas img {max-width: none!important;}
|
406
|
+
|
407
|
+
/* Nicolas Gallagher's micro clearfix */
|
408
|
+
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
409
|
+
.row:after, .clearfix:after { clear: both; }
|
410
|
+
.row, .clearfix { zoom: 1; }
|
411
|
+
|
412
|
+
|
413
|
+
|
414
|
+
|
415
|
+
/*=======================================================================
|
416
|
+
|
417
|
+
❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
|
418
|
+
|
419
|
+
========================================================================*/
|
420
|
+
|
421
|
+
|
422
|
+
|
423
|
+
|
424
|
+
|
425
|
+
/*==================================================
|
426
|
+
|
427
|
+
+++ Grid +++
|
428
|
+
|
429
|
+
===================================================*/
|
430
|
+
|
431
|
+
/* Mobile */
|
432
|
+
|
433
|
+
@media only screen and (max-width: 480px) {
|
434
|
+
/* Style adjustments for viewports 480px and under go here */
|
435
|
+
.row {
|
436
|
+
text-align: center;
|
437
|
+
}
|
438
|
+
}
|
439
|
+
|
440
|
+
@media only screen and (max-width: 767px) {
|
441
|
+
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
|
442
|
+
|
443
|
+
.container { min-width: 0; margin-left: 0; margin-right: 0; }
|
444
|
+
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
|
445
|
+
.row .row .column, .row .row .columns { padding: 0; }
|
446
|
+
.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
|
447
|
+
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
|
448
|
+
.row .row .column, .row .row .columns { padding: 0; }
|
449
|
+
.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
|
450
|
+
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
|
451
|
+
[class*="column"] + [class*="column"]:last-child { float: none; }
|
452
|
+
[class*="column"]:before, [class*="column"]:after { display: table; }
|
453
|
+
[class*="column"]:after { clear: both; }
|
454
|
+
|
455
|
+
.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
|
456
|
+
}
|
457
|
+
|
458
|
+
|
459
|
+
|