auto_error 0.0.9 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/javascripts/auto_error/app_errors/configure.coffee +2 -3
- data/app/assets/javascripts/auto_error/app_errors/index.coffee +2 -2
- data/app/assets/javascripts/auto_error/app_errors/model.coffee +4 -4
- data/app/assets/javascripts/auto_error/app_errors/views/app_errors.coffee +5 -5
- data/app/assets/javascripts/auto_error/app_errors/views/base.coffee +2 -2
- data/app/assets/javascripts/auto_error/application.js +1 -1
- data/app/assets/{templates/auto_error → javascripts/auto_error/templates}/app_error.hbs +0 -0
- data/app/assets/stylesheets/auto_error/app_errors.css.erb +1 -1
- data/app/helpers/auto_error/application_helper.rb +3 -4
- data/app/views/auto_error/main/index.html.haml +5 -5
- data/lib/auto_error/version.rb +1 -1
- data/vendor/assets/stylesheets/auto_error/foundation.css +685 -1247
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9f32e5d01a3e0a5e694e2fbdb2d44c2abdada015
|
|
4
|
+
data.tar.gz: 25f2b6df40241fc74f82138b5a09d8265bccffe0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9924677d5eb75bad9edf1ab191b012f5b50b361046cc570d701dd96409318d1612d747ba45cb4550790836f8574189ab9ec682f6a86ffae6d0530f33a13d3fdd
|
|
7
|
+
data.tar.gz: d9f10ee7729e6ec4f0430ae18f33e1fdf16beffc77de0b02f0a832fc64c5e9d809d7821950ab5b51cb79597af6f40987f6fc4ed0ba8959c06479c1ffef80e35a
|
|
@@ -14,8 +14,7 @@ namespacedTemplates = ->
|
|
|
14
14
|
h[name] = func
|
|
15
15
|
h
|
|
16
16
|
|
|
17
|
-
_.extend( window.
|
|
18
|
-
|
|
19
|
-
Templates: namespacedTemplates().auto_error
|
|
17
|
+
_.extend( window.AutoErrorApp, {
|
|
18
|
+
Templates: namespacedTemplates().auto_error.templates
|
|
20
19
|
Views: {}
|
|
21
20
|
} )
|
|
@@ -9,5 +9,5 @@ $(document).ready ->
|
|
|
9
9
|
headers:
|
|
10
10
|
'X-CSRF-Token': $("meta[name='csrf-token']").attr( 'content' )
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
new
|
|
12
|
+
AutoErrorApp.rootAppErrorsPath = $('#app_errors').data('url')
|
|
13
|
+
new AutoErrorApp.Views.AppErrors()
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
class
|
|
1
|
+
class AutoErrorApp.AppError extends Backbone.Model
|
|
2
2
|
|
|
3
|
-
class
|
|
4
|
-
model:
|
|
3
|
+
class AutoErrorApp.AppErrors extends Backbone.Collection
|
|
4
|
+
model: AutoErrorApp.AppError
|
|
5
5
|
name: 'app errors'
|
|
6
|
-
url: ->
|
|
6
|
+
url: -> AutoErrorApp.rootAppErrorsPath
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
class AppError extends
|
|
2
|
-
template:
|
|
1
|
+
class AppError extends AutoErrorApp.Views.PolledItem
|
|
2
|
+
template: AutoErrorApp.Templates.app_error
|
|
3
3
|
events:
|
|
4
4
|
'click a.show_backtrace': 'toggleBacktrace'
|
|
5
5
|
'click a.remove': 'destroy'
|
|
@@ -20,14 +20,14 @@ class AppError extends App.Views.PolledItem
|
|
|
20
20
|
@model.destroy()
|
|
21
21
|
@remove()
|
|
22
22
|
|
|
23
|
-
class AppErrorsList extends
|
|
23
|
+
class AppErrorsList extends AutoErrorApp.Views.PollingList
|
|
24
24
|
|
|
25
|
-
class
|
|
25
|
+
class AutoErrorApp.Views.AppErrors extends Backbone.View
|
|
26
26
|
el: 'body'
|
|
27
27
|
initialize: ->
|
|
28
28
|
@errors = new AppErrorsList(
|
|
29
29
|
el: @$('#app_errors table')
|
|
30
30
|
reset: false
|
|
31
31
|
viewClass: AppError
|
|
32
|
-
collectionClass:
|
|
32
|
+
collectionClass: AutoErrorApp.AppErrors
|
|
33
33
|
)
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
class
|
|
1
|
+
class AutoErrorApp.Views.PolledItem extends Backbone.View
|
|
2
2
|
tagName: 'tr'
|
|
3
3
|
initialize: ->
|
|
4
4
|
@model.on 'change', @render, @
|
|
5
5
|
|
|
6
|
-
class
|
|
6
|
+
class AutoErrorApp.Views.PollingList extends Backbone.View
|
|
7
7
|
events:
|
|
8
8
|
'click .poller a': 'togglePolling'
|
|
9
9
|
initialize: ->
|
|
File without changes
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
module AutoError
|
|
2
2
|
module ApplicationHelper
|
|
3
|
-
def
|
|
4
|
-
|
|
5
|
-
javascript_tag "window.App = #{h.to_json.html_safe};"
|
|
3
|
+
def auto_error_js_namespace
|
|
4
|
+
javascript_tag "window.AutoErrorApp = {};"
|
|
6
5
|
end
|
|
7
6
|
|
|
8
|
-
def
|
|
7
|
+
def auto_error_void_path
|
|
9
8
|
'javascript:void(0);'
|
|
10
9
|
end
|
|
11
10
|
end
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
- content_for :auto_error_assets do
|
|
2
2
|
= stylesheet_link_tag 'auto_error/application', media: 'all'
|
|
3
|
-
=
|
|
3
|
+
= auto_error_js_namespace
|
|
4
4
|
= javascript_include_tag 'auto_error/application'
|
|
5
5
|
|
|
6
6
|
.row#app_errors{ data: { url: app_errors_path } }
|
|
7
|
-
.
|
|
7
|
+
.small-12.columns.centered
|
|
8
8
|
%h2 App Errors
|
|
9
9
|
|
|
10
10
|
%table.polling{ width: '100%' }
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
%tr
|
|
23
23
|
%td{ colspan: 4 }
|
|
24
24
|
.row
|
|
25
|
-
.
|
|
25
|
+
.small-6.columns
|
|
26
26
|
.poller
|
|
27
|
-
%a.tiny.button.radius.primary{ href:
|
|
27
|
+
%a.tiny.button.radius.primary{ href: 'javascript:void(0);' } start polling
|
|
28
28
|
.spinner
|
|
29
|
-
.
|
|
29
|
+
.small-6.columns
|
|
30
30
|
%p.total
|
|
31
31
|
Total App Errors:
|
|
32
32
|
%strong …
|
data/lib/auto_error/version.rb
CHANGED
|
@@ -1,1247 +1,685 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
.row
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
.
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
.
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
.
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
.
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
.
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
.
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
.
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
.
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
.
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
.
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
.
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
.
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
.
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
.
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
.
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
.
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
.
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
.
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
.
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
.
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
.
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
.
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
.
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
.
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
.
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
.
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
.
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
.
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
.
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
.
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
.
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
.
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
.
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
.
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
.
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
.
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
.
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
.
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
.
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
.
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
.
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
.
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
.
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
.
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
.
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
.
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
.
|
|
484
|
-
.
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
.
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
.
|
|
515
|
-
|
|
516
|
-
.
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
.
|
|
533
|
-
|
|
534
|
-
.
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
.
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
.
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
.
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
.
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
.
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
.
|
|
587
|
-
|
|
588
|
-
.
|
|
589
|
-
|
|
590
|
-
.
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
.
|
|
603
|
-
|
|
604
|
-
.
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
.
|
|
613
|
-
|
|
614
|
-
.
|
|
615
|
-
|
|
616
|
-
.
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
.
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
.
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
.
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
|
|
687
|
-
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
|
|
688
|
-
.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; }
|
|
689
|
-
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
|
|
690
|
-
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
|
|
691
|
-
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
|
|
692
|
-
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
|
|
693
|
-
.tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; }
|
|
694
|
-
|
|
695
|
-
.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }
|
|
696
|
-
|
|
697
|
-
/* Panels ---------------------- */
|
|
698
|
-
.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; }
|
|
699
|
-
.panel > :first-child { margin-top: 0; }
|
|
700
|
-
.panel > :last-child { margin-bottom: 0; }
|
|
701
|
-
.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
|
|
702
|
-
.panel.callout a { color: #fff; }
|
|
703
|
-
.panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
|
|
704
|
-
.panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); }
|
|
705
|
-
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
|
|
706
|
-
|
|
707
|
-
/* Accordion ---------------------- */
|
|
708
|
-
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
|
|
709
|
-
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
|
|
710
|
-
ul.accordion > li > div.title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
|
|
711
|
-
ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 { margin: 0; }
|
|
712
|
-
ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
|
|
713
|
-
ul.accordion > li .content { display: none; padding: 15px; }
|
|
714
|
-
ul.accordion > li.active { border-top: 3px solid #2ba6cb; }
|
|
715
|
-
ul.accordion > li.active .title { background: white; padding-top: 13px; }
|
|
716
|
-
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
|
|
717
|
-
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
|
|
718
|
-
|
|
719
|
-
/* Side Nav ---------------------- */
|
|
720
|
-
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
|
|
721
|
-
ul.side-nav li { display: block; list-style: none; margin: 0 0 7px 0; }
|
|
722
|
-
ul.side-nav li a { display: block; }
|
|
723
|
-
ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
|
|
724
|
-
ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }
|
|
725
|
-
|
|
726
|
-
/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
|
|
727
|
-
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; }
|
|
728
|
-
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
|
|
729
|
-
dl.sub-nav dt { color: #999; font-weight: normal; }
|
|
730
|
-
dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
|
|
731
|
-
dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; }
|
|
732
|
-
|
|
733
|
-
/* Pagination ---------------------- */
|
|
734
|
-
ul.pagination { display: block; height: 24px; margin-left: -5px; }
|
|
735
|
-
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
|
|
736
|
-
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
|
|
737
|
-
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
|
|
738
|
-
ul.pagination li.unavailable a { cursor: default; color: #999; }
|
|
739
|
-
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
|
|
740
|
-
ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; }
|
|
741
|
-
ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #2ba6cb; }
|
|
742
|
-
|
|
743
|
-
div.pagination-centered { text-align: center; }
|
|
744
|
-
div.pagination-centered ul > li { float: none; display: inline-block; }
|
|
745
|
-
|
|
746
|
-
/* Breadcrums ---------------------- */
|
|
747
|
-
ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0; }
|
|
748
|
-
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
|
|
749
|
-
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
|
|
750
|
-
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
|
|
751
|
-
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
|
|
752
|
-
ul.breadcrumbs li:first-child:before { content: " "; }
|
|
753
|
-
ul.breadcrumbs li.current a { cursor: default; color: #333; }
|
|
754
|
-
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
|
|
755
|
-
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
|
|
756
|
-
ul.breadcrumbs li.unavailable a { color: #999; }
|
|
757
|
-
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
|
|
758
|
-
|
|
759
|
-
/* Inline Link List */
|
|
760
|
-
ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
|
|
761
|
-
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; }
|
|
762
|
-
ul.inline-list > li > *, ul.link-list > li > * { display: block; }
|
|
763
|
-
|
|
764
|
-
/* Keytroke Characters ---------------------- */
|
|
765
|
-
.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 13px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
|
|
766
|
-
|
|
767
|
-
/* Image Thumbnails ---------------------- */
|
|
768
|
-
.th { display: block; }
|
|
769
|
-
.th img { display: block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
|
|
770
|
-
.th:hover img, .th:focus img { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
|
|
771
|
-
|
|
772
|
-
/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
|
|
773
|
-
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
|
|
774
|
-
.flex-video.widescreen { padding-bottom: 57.25%; }
|
|
775
|
-
.flex-video.vimeo { padding-top: 0; }
|
|
776
|
-
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
|
777
|
-
|
|
778
|
-
/* Tables ---------------------- */
|
|
779
|
-
table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
|
|
780
|
-
|
|
781
|
-
table thead, table tfoot { background: #f5f5f5; }
|
|
782
|
-
|
|
783
|
-
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 14px; line-height: 18px; text-align: left; }
|
|
784
|
-
|
|
785
|
-
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
|
|
786
|
-
|
|
787
|
-
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
|
|
788
|
-
|
|
789
|
-
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
|
|
790
|
-
|
|
791
|
-
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
|
|
792
|
-
|
|
793
|
-
table tbody tr:nth-child(even) { background: #f9f9f9; }
|
|
794
|
-
|
|
795
|
-
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
|
|
796
|
-
|
|
797
|
-
/* Microformats ---------------------- */
|
|
798
|
-
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
|
|
799
|
-
ul.vcard li { margin: 0; display: block; }
|
|
800
|
-
ul.vcard li.fn { font-weight: bold; font-size: 15px; }
|
|
801
|
-
|
|
802
|
-
p.vevent span.summary { font-weight: bold; }
|
|
803
|
-
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
|
|
804
|
-
|
|
805
|
-
/* Progress Bar ---------------------- */
|
|
806
|
-
div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ }
|
|
807
|
-
div.progress .meter { background: #2ba6cb; height: 100%; display: block; width: 50%; }
|
|
808
|
-
div.progress.secondary .meter { background: #e9e9e9; }
|
|
809
|
-
div.progress.success .meter { background: #5da423; }
|
|
810
|
-
div.progress.alert .meter { background: #c60f13; }
|
|
811
|
-
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
|
|
812
|
-
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
|
|
813
|
-
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
|
|
814
|
-
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
|
|
815
|
-
|
|
816
|
-
/* Pricing Tables ---------------------- */
|
|
817
|
-
.pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 20px; }
|
|
818
|
-
.pricing-table * { list-style: none; line-height: 1; }
|
|
819
|
-
.pricing-table .title { background-color: #dddddd; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 16px; }
|
|
820
|
-
.pricing-table .price { background-color: #eeeeee; padding: 15px 20px; text-align: center; color: #333333; font-weight: normal; font-size: 20px; }
|
|
821
|
-
.pricing-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 12px; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; }
|
|
822
|
-
.pricing-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 14px; font-weight: normal; border-bottom: dotted 1px #dddddd; }
|
|
823
|
-
.pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 20px; }
|
|
824
|
-
|
|
825
|
-
/* Foundation Top Bar
|
|
826
|
-
Requires: -jquery.foundation.topbar.js
|
|
827
|
-
Notes: - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid. - <li class="name"> creates a branding area that can be linked to homepage - Can include text, image or both inside this <li>. - <li class="divider"> creates a divider between nav items, add margins for space - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
|
|
828
|
-
*/
|
|
829
|
-
/* Element that controls breakpoint, no need to change this ever */
|
|
830
|
-
.top-bar-js-breakpoint { width: 940px !important; visibility: hidden; }
|
|
831
|
-
|
|
832
|
-
/* Wrapped around .top-bar to contain to grid width */
|
|
833
|
-
.contain-to-grid { width: 100%; background: #222222; }
|
|
834
|
-
|
|
835
|
-
/* Wrapped around .top-bar to make it fixed at the top */
|
|
836
|
-
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
|
|
837
|
-
|
|
838
|
-
/* Add .sticky class for using top bar as a sticky navigation when scrolling passed it. Add the class .sticky to a top bar using .contain-to-grid but leave off .fixed, javascript will take care of that */
|
|
839
|
-
.sticky { float: left; overflow: hidden; }
|
|
840
|
-
.sticky.fixed { float: none; }
|
|
841
|
-
|
|
842
|
-
/* <nav> */
|
|
843
|
-
.top-bar { background: #222222; min-height: 45px; line-height: 45px; margin: 0 0 30px 0; padding: 0; width: 100%; position: relative; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
|
|
844
|
-
.contain-to-grid .top-bar { max-width: 940px; margin: 0 auto; }
|
|
845
|
-
.top-bar > ul .name h1 { line-height: 45px; margin: 0; }
|
|
846
|
-
.top-bar > ul .name h1 a { font-weight: bold; padding: 0 22.5px; font-size: 17px !important; }
|
|
847
|
-
.top-bar > ul .name img { margin-top: -5px; vertical-align: middle; }
|
|
848
|
-
.top-bar.expanded { height: inherit; }
|
|
849
|
-
.top-bar ul { margin-left: 0; display: inline; height: 45px; line-height: 45px; list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }
|
|
850
|
-
.top-bar ul > li { float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Put login bar in the top bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */ }
|
|
851
|
-
.top-bar ul > li a:not(.button) { color: white; display: block; font-size: 13px; font-weight: bold; height: 45px; line-height: 45px; padding: 0 15px; }
|
|
852
|
-
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: black; }
|
|
853
|
-
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #d9d9d9; }
|
|
854
|
-
.top-bar ul > li.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }
|
|
855
|
-
.top-bar ul > li.has-button a.button { margin: 0 11.25px; }
|
|
856
|
-
.top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus { background: #222222; }
|
|
857
|
-
.top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a { color: #fff; }
|
|
858
|
-
.top-bar ul > li.search { padding: 0 15px; }
|
|
859
|
-
.top-bar ul > li.search form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 200px; }
|
|
860
|
-
.top-bar ul > li.search form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; float: left; font-size: 13px; margin-top: -1px; height: 22.5px; margin-bottom: 0; width: 130px; }
|
|
861
|
-
.top-bar ul > li.search form input[type=text] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; }
|
|
862
|
-
.top-bar ul > li.search form input[type=search] { font-size: 16px; margin-bottom: 0; }
|
|
863
|
-
.top-bar ul > li.search:hover, .top-bar ul > li.search:focus { background: #222222; }
|
|
864
|
-
.top-bar ul > li.login { padding: 0 15px; }
|
|
865
|
-
.top-bar ul > li.login form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 300px; }
|
|
866
|
-
.top-bar ul > li.login form input { float: left; width: auto; font-size: 13px; margin-top: -1px; height: 22.5px; margin-bottom: 0; }
|
|
867
|
-
.top-bar ul > li.login form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; width: 120px; }
|
|
868
|
-
.top-bar ul > li.login form input[type=password] { margin-bottom: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; width: 120px; }
|
|
869
|
-
.top-bar ul > li.login form input[type=password] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; width: 60px; }
|
|
870
|
-
.top-bar ul > li.login:hover, .top-bar ul > li.login:focus { background: #222222; }
|
|
871
|
-
.top-bar ul > li.toggle-topbar { display: none; }
|
|
872
|
-
.top-bar ul > li.has-dropdown { position: relative; /* Dropdown Level 2+ */ }
|
|
873
|
-
.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { display: block; visibility: visible; }
|
|
874
|
-
.top-bar ul > li.has-dropdown a { padding-right: 33.75px; }
|
|
875
|
-
.top-bar ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-right: 15px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
|
|
876
|
-
.top-bar ul > li.has-dropdown .dropdown { background: #222222; left: 0; margin: 0; padding: 9px 0 0 0; position: absolute; visibility: hidden; z-index: 99; }
|
|
877
|
-
.top-bar ul > li.has-dropdown .dropdown li { background: #222222; line-height: 1; min-width: 100%; padding-bottom: 5px; }
|
|
878
|
-
.top-bar ul > li.has-dropdown .dropdown li a { color: white; font-weight: normal; height: 100%; line-height: 1; padding: 5px 17px 5px 15px; white-space: nowrap; }
|
|
879
|
-
.top-bar ul > li.has-dropdown .dropdown li a:after { border: none; }
|
|
880
|
-
.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #3c3c3c; }
|
|
881
|
-
.top-bar ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 10px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
|
|
882
|
-
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
|
|
883
|
-
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
|
|
884
|
-
.top-bar ul > li.has-dropdown .dropdown li.active a { background: black; }
|
|
885
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; }
|
|
886
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; right: 5px; top: 6px; }
|
|
887
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
|
|
888
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown { display: block; }
|
|
889
|
-
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
|
|
890
|
-
.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }
|
|
891
|
-
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px; }
|
|
892
|
-
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
|
|
893
|
-
.top-bar .js-generated { display: none; }
|
|
894
|
-
|
|
895
|
-
/* Firefox Fixes */
|
|
896
|
-
@-moz-document url-prefix() { .top-bar ul li .button.small { padding-bottom: 6px; }
|
|
897
|
-
.top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; } }
|
|
898
|
-
|
|
899
|
-
/* IE8 Fixes */
|
|
900
|
-
.lt-ie9 .top-bar ul li a { color: white; display: block; font-weight: bold; font-size: 13px; height: 45px; line-height: 45px; padding: 0 15px; }
|
|
901
|
-
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
|
|
902
|
-
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }
|
|
903
|
-
|
|
904
|
-
.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus { color: #cccccc; }
|
|
905
|
-
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus { background: black; }
|
|
906
|
-
.lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus { background: none; }
|
|
907
|
-
.lt-ie9 .top-bar section > ul > li.active { background: black; color: #d9d9d9; }
|
|
908
|
-
|
|
909
|
-
.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 33.75px; }
|
|
910
|
-
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0; }
|
|
911
|
-
|
|
912
|
-
#joyRideTipContent { display: none; }
|
|
913
|
-
|
|
914
|
-
/* Default styles for the container */
|
|
915
|
-
.joyride-tip-guide { display: none; position: absolute; background: black; background: rgba(0, 0, 0, 0.8); color: white; width: 300px; z-index: 101; top: 0; left: 0; font-family: inherit; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
|
|
916
|
-
|
|
917
|
-
.joyride-content-wrapper { padding: 18px 20px 24px; }
|
|
918
|
-
|
|
919
|
-
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
|
|
920
|
-
.joyride-tip-guide span.joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: solid 14px; }
|
|
921
|
-
.joyride-tip-guide span.joyride-nub.top { border-color: black; border-color: rgba(0, 0, 0, 0.8); border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; bottom: none; }
|
|
922
|
-
.joyride-tip-guide span.joyride-nub.bottom { border-color: black; border-color: rgba(0, 0, 0, 0.8) !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; bottom: none; }
|
|
923
|
-
.joyride-tip-guide span.joyride-nub.right { border-color: black; border-color: rgba(0, 0, 0, 0.8) !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; bottom: none; left: auto; right: -28px; }
|
|
924
|
-
.joyride-tip-guide span.joyride-nub.left { border-color: black; border-color: rgba(0, 0, 0, 0.8) !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -28px; right: auto; bottom: none; }
|
|
925
|
-
|
|
926
|
-
/* Typography */
|
|
927
|
-
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: white; }
|
|
928
|
-
|
|
929
|
-
.joyride-tip-guide p { margin: 0 0 18px 0; font-size: 14px; line-height: 1.3; }
|
|
930
|
-
|
|
931
|
-
.joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; right: 17px; bottom: 16px; }
|
|
932
|
-
|
|
933
|
-
.joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; }
|
|
934
|
-
|
|
935
|
-
.joyride-close-tip { position: absolute; right: 10px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 20px; font-weight: normal; line-height: .5 !important; }
|
|
936
|
-
.joyride-close-tip:hover, .joyride-close-tip:focus { color: #eee !important; }
|
|
937
|
-
|
|
938
|
-
.joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; }
|
|
939
|
-
|
|
940
|
-
.clearing-blackout { background: black; background: rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
|
|
941
|
-
.clearing-blackout .clearing-close { display: block; }
|
|
942
|
-
|
|
943
|
-
.clearing-container { position: relative; z-index: 999; height: 100%; overflow: hidden; }
|
|
944
|
-
|
|
945
|
-
.visible-img { height: 75%; position: relative; }
|
|
946
|
-
.visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; }
|
|
947
|
-
.visible-img .clearing-caption { color: white; margin-bottom: 0; text-align: center; position: absolute; bottom: 0; background: black; background: rgba(0, 0, 0, 0.7); width: 100%; padding: 10px 100px; }
|
|
948
|
-
|
|
949
|
-
.clearing-close { z-index: 999; position: absolute; top: 10px; right: 20px; font-size: 30px; line-height: 1; color: white; display: none; }
|
|
950
|
-
.clearing-close:hover, .clearing-close:focus { color: #ccc; }
|
|
951
|
-
|
|
952
|
-
.clearing-main-left, .clearing-main-right { position: absolute; top: 50%; margin-top: -16px; }
|
|
953
|
-
|
|
954
|
-
.clearing-main-left.disabled, .clearing-main-right.disabled { opacity: 0.5; }
|
|
955
|
-
|
|
956
|
-
.clearing-main-left:active, .clearing-main-right:active { margin-top: -15px; }
|
|
957
|
-
|
|
958
|
-
.clearing-main-left { left: 10px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; }
|
|
959
|
-
|
|
960
|
-
.clearing-main-right { right: 10px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; }
|
|
961
|
-
|
|
962
|
-
ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) { clear: none; }
|
|
963
|
-
|
|
964
|
-
ul[data-clearing] li { cursor: pointer; display: block; }
|
|
965
|
-
ul[data-clearing] li.clearing-feature ~ li { display: none; }
|
|
966
|
-
|
|
967
|
-
.clearing-assembled .clearing-container .carousel { background: black; background: rgba(0, 0, 0, 0.75); height: 150px; margin-top: 5px; }
|
|
968
|
-
.clearing-assembled .clearing-container .visible-img { background: black; background: rgba(0, 0, 0, 0.75); overflow: hidden; }
|
|
969
|
-
.clearing-assembled .clearing-container ul[data-clearing] { z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0; }
|
|
970
|
-
.clearing-assembled .clearing-container ul[data-clearing] li { display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; background: #222; margin-right: 1px; position: relative; }
|
|
971
|
-
.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img { min-height: 100%; height: 100%; max-width: none; }
|
|
972
|
-
.clearing-assembled .clearing-container ul[data-clearing] li img { cursor: pointer !important; min-width: 100% !important; }
|
|
973
|
-
.clearing-assembled .clearing-container ul[data-clearing] li.visible { border-top: 4px solid white; }
|
|
974
|
-
|
|
975
|
-
/* Overrides clear:both; when using block-grid with Clearing. Also overrided .th styling when Clearing is open */
|
|
976
|
-
ul.block-grid[data-clearing] { overflow: visible; }
|
|
977
|
-
|
|
978
|
-
.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) { clear: none; }
|
|
979
|
-
.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) { clear: none; }
|
|
980
|
-
.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) { clear: none; }
|
|
981
|
-
.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) { clear: none; }
|
|
982
|
-
.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) { clear: none; }
|
|
983
|
-
.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) { clear: none; }
|
|
984
|
-
.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) { clear: none; }
|
|
985
|
-
.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) { clear: none; }
|
|
986
|
-
.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) { clear: none; }
|
|
987
|
-
.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) { clear: none; }
|
|
988
|
-
.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) { clear: none; }
|
|
989
|
-
.clearing-blackout .th img { border: none; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
|
|
990
|
-
.clearing-blackout:hover img, .clearing-blackout:focus img { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
|
|
991
|
-
|
|
992
|
-
/* Visibility Classes ---------------------- */
|
|
993
|
-
/* */
|
|
994
|
-
/* Standard (large) display targeting */
|
|
995
|
-
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print { display: none !important; }
|
|
996
|
-
|
|
997
|
-
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print { display: inherit !important; }
|
|
998
|
-
|
|
999
|
-
/* Very large display targeting */
|
|
1000
|
-
@media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: inherit !important; }
|
|
1001
|
-
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
|
|
1002
|
-
/* Medium display targeting */
|
|
1003
|
-
@media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
|
|
1004
|
-
.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
|
|
1005
|
-
/* Small display targeting */
|
|
1006
|
-
@media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
|
|
1007
|
-
.hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
|
|
1008
|
-
/* Orientation targeting */
|
|
1009
|
-
.show-for-landscape, .hide-for-portrait { display: inherit !important; }
|
|
1010
|
-
|
|
1011
|
-
.hide-for-landscape, .show-for-portrait { display: none !important; }
|
|
1012
|
-
|
|
1013
|
-
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
|
|
1014
|
-
.hide-for-landscape, .show-for-portrait { display: none !important; } }
|
|
1015
|
-
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
|
|
1016
|
-
.hide-for-portrait, .show-for-landscape { display: none !important; } }
|
|
1017
|
-
/* Touch-enabled device targeting */
|
|
1018
|
-
.show-for-touch { display: none !important; }
|
|
1019
|
-
|
|
1020
|
-
.hide-for-touch { display: inherit !important; }
|
|
1021
|
-
|
|
1022
|
-
.touch .show-for-touch { display: inherit !important; }
|
|
1023
|
-
|
|
1024
|
-
.touch .hide-for-touch { display: none !important; }
|
|
1025
|
-
|
|
1026
|
-
/* Specific overrides for elements that require something other than display: block */
|
|
1027
|
-
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
|
|
1028
|
-
|
|
1029
|
-
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
|
|
1030
|
-
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }
|
|
1031
|
-
/* 1280 tablet ------------ */
|
|
1032
|
-
@media only screen and (max-device-width: 1280px) { /* NavBar --- */
|
|
1033
|
-
/* */
|
|
1034
|
-
.touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } }
|
|
1035
|
-
/* Covering almost all ----- */
|
|
1036
|
-
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } }
|
|
1037
|
-
/* Between Medium and Small */
|
|
1038
|
-
@media only screen and (max-width: 1279px) and (min-width: 768px) { /* NavBar --- */
|
|
1039
|
-
/* */
|
|
1040
|
-
.touch .nav-bar li a { font-size: 13px; }
|
|
1041
|
-
.touch .nav-bar li.has-flyout > a.flyout-toggle { padding: 20px !important; }
|
|
1042
|
-
.touch .nav-bar li.has-flyout > a { padding-right: 36px !important; }
|
|
1043
|
-
/* Clearing --- */
|
|
1044
|
-
/* */
|
|
1045
|
-
.clearing-main-right, .clearing-main-left { height: 100%; width: 40px; top: 0; border: none; }
|
|
1046
|
-
.clearing-main-right:before, .clearing-main-left:before { position: absolute; top: 50%; }
|
|
1047
|
-
.clearing-main-left { left: 0; }
|
|
1048
|
-
.clearing-main-left:before { left: 5px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; }
|
|
1049
|
-
.clearing-main-right { height: 100%; right: 0; }
|
|
1050
|
-
.clearing-main-right:before { content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; } }
|
|
1051
|
-
/* Small Devices ------------ */
|
|
1052
|
-
@media only screen and (max-width: 767px) { /* Global Misc --- */
|
|
1053
|
-
/* */
|
|
1054
|
-
.left, .right { float: none; }
|
|
1055
|
-
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; }
|
|
1056
|
-
/* The Grid --- */
|
|
1057
|
-
/* */
|
|
1058
|
-
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
|
|
1059
|
-
.column, .columns { width: auto !important; float: none; }
|
|
1060
|
-
.column:last-child, .columns:last-child { float: none; }
|
|
1061
|
-
[class*="column"] + [class*="column"]:last-child { float: none; }
|
|
1062
|
-
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
|
|
1063
|
-
.column:after, .columns:after { clear: both; }
|
|
1064
|
-
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
|
|
1065
|
-
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
|
|
1066
|
-
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
|
|
1067
|
-
/* Mobile 4-column Grid */
|
|
1068
|
-
.row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
|
|
1069
|
-
.row .mobile-one:last-child { float: right; }
|
|
1070
|
-
.row .mobile-one.end { float: left; }
|
|
1071
|
-
.row.collapse .mobile-one { padding: 0; }
|
|
1072
|
-
.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
|
|
1073
|
-
.row .mobile-two:last-child { float: right; }
|
|
1074
|
-
.row .mobile-two.end { float: left; }
|
|
1075
|
-
.row.collapse .mobile-two { padding: 0; }
|
|
1076
|
-
.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
|
|
1077
|
-
.row .mobile-three:last-child { float: right; }
|
|
1078
|
-
.row .mobile-three.end { float: left; }
|
|
1079
|
-
.row.collapse .mobile-three { padding: 0; }
|
|
1080
|
-
.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
|
|
1081
|
-
.row .mobile-four:last-child { float: right; }
|
|
1082
|
-
.row .mobile-four.end { float: left; }
|
|
1083
|
-
.row.collapse .mobile-four { padding: 0; }
|
|
1084
|
-
.push-one-mobile { left: 25%; }
|
|
1085
|
-
.pull-one-mobile { right: 25%; }
|
|
1086
|
-
.push-two-mobile { left: 50%; }
|
|
1087
|
-
.pull-two-mobile { right: 50%; }
|
|
1088
|
-
.push-three-mobile { left: 75%; }
|
|
1089
|
-
.pull-three-mobile { right: 75%; }
|
|
1090
|
-
/* Block Grids --- */
|
|
1091
|
-
/* */
|
|
1092
|
-
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
|
|
1093
|
-
.block-grid > li { clear: none; }
|
|
1094
|
-
.block-grid.mobile-one-up > li { width: 100%; }
|
|
1095
|
-
.block-grid.mobile-two-up > li { width: 50%; }
|
|
1096
|
-
.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
|
|
1097
|
-
.block-grid.mobile-three-up > li { width: 33.33333%; }
|
|
1098
|
-
.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both; }
|
|
1099
|
-
.block-grid.mobile-four-up > li { width: 25%; }
|
|
1100
|
-
.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
|
|
1101
|
-
.block-grid.mobile-five-up > li { width: 20%; }
|
|
1102
|
-
.block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
|
|
1103
|
-
.block-grid.mobile-six-up > li { width: 16.66667%; }
|
|
1104
|
-
.block-grid.mobile-six-up > li:nth-child(6n+1) { clear: both; }
|
|
1105
|
-
.block-grid.mobile-seven-up > li { width: 14.28571%; }
|
|
1106
|
-
.block-grid.mobile-seven-up > li:nth-child(7n+1) { clear: both; }
|
|
1107
|
-
.block-grid.mobile-eight-up > li { width: 12.5%; }
|
|
1108
|
-
.block-grid.mobile-eight-up > li:nth-child(8n+1) { clear: both; }
|
|
1109
|
-
.block-grid.mobile-nine-up > li { width: 11.11111%; }
|
|
1110
|
-
.block-grid.mobile-nine-up > li:nth-child(9n+1) { clear: both; }
|
|
1111
|
-
.block-grid.mobile-ten-up > li { width: 10%; }
|
|
1112
|
-
.block-grid.mobile-ten-up > li:nth-child(10n+1) { clear: both; }
|
|
1113
|
-
.block-grid.mobile-eleven-up > li { width: 9.09091%; }
|
|
1114
|
-
.block-grid.mobile-eleven-up > li:nth-child(11n+1) { clear: both; }
|
|
1115
|
-
.block-grid.mobile-twelve-up > li { width: 8.33333%; }
|
|
1116
|
-
.block-grid.mobile-twelve-up > li:nth-child(12n+1) { clear: both; }
|
|
1117
|
-
/* Forms --- */
|
|
1118
|
-
/* */
|
|
1119
|
-
/* Label alignment */
|
|
1120
|
-
label.right { text-align: left; }
|
|
1121
|
-
/* Extend width of all inputs */
|
|
1122
|
-
input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important; }
|
|
1123
|
-
input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important; }
|
|
1124
|
-
input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important; }
|
|
1125
|
-
input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important; }
|
|
1126
|
-
input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important; }
|
|
1127
|
-
input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important; }
|
|
1128
|
-
input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important; }
|
|
1129
|
-
input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important; }
|
|
1130
|
-
input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important; }
|
|
1131
|
-
input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important; }
|
|
1132
|
-
input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important; }
|
|
1133
|
-
input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important; }
|
|
1134
|
-
/* Buttons --- */
|
|
1135
|
-
/* */
|
|
1136
|
-
/* Basic overrides */
|
|
1137
|
-
.button { display: block; }
|
|
1138
|
-
button.button, input[type="submit"].button, input[type="reset"].button { width: 100%; padding-left: 0; padding-right: 0; }
|
|
1139
|
-
/* Button Groups */
|
|
1140
|
-
.button-group button.button, .button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
|
|
1141
|
-
.button-group button.button.large, .button-group input[type="submit"].button.large { padding: 15px 30px 16px; }
|
|
1142
|
-
.button-group button.button.medium, .button-group input[type="submit"].button.medium { padding: 10px 20px 11px; }
|
|
1143
|
-
.button-group button.button.small, .button-group input[type="submit"].button.small { padding: 7px 14px 8px; }
|
|
1144
|
-
.button-group button.button.tiny, .button-group input[type="submit"].button.tiny { padding: 5px 10px 6px; }
|
|
1145
|
-
.button-group.even button.button, .button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
|
|
1146
|
-
/* Navbar --- */
|
|
1147
|
-
/* */
|
|
1148
|
-
.nav-bar { height: auto; }
|
|
1149
|
-
.nav-bar > li { float: none; display: block; border-right: none; }
|
|
1150
|
-
.nav-bar > li > a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; }
|
|
1151
|
-
.nav-bar > li:first-child > a.main { border-top: none; }
|
|
1152
|
-
.nav-bar > li.has-flyout > a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
|
|
1153
|
-
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle span { content: ""; width: 0; height: 0; display: block; }
|
|
1154
|
-
.nav-bar > li.has-flyout > a.flyout-toggle:hover span { border-top-color: #141414; }
|
|
1155
|
-
.nav-bar.vertical > li.has-flyout > .flyout { left: 0; }
|
|
1156
|
-
.flyout { position: relative; width: 100% !important; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; }
|
|
1157
|
-
.flyout.right { float: none; right: auto; left: -1px; }
|
|
1158
|
-
.flyout.small, .flyout.large { width: 100% !important; }
|
|
1159
|
-
.flyout p:last-child { margin-bottom: 18px; }
|
|
1160
|
-
/* Reveal --- */
|
|
1161
|
-
/* */
|
|
1162
|
-
.reveal-modal-bg { position: absolute; }
|
|
1163
|
-
.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; }
|
|
1164
|
-
/* Clearing --- */
|
|
1165
|
-
/* */
|
|
1166
|
-
.clearing-container { margin: 0; }
|
|
1167
|
-
.clearing-close { z-index: 99; font-size: 37px; top: 0px; right: 5px; }
|
|
1168
|
-
.clearing-caption { position: fixed; bottom: 0; left: 0; padding: 10px !important; line-height: 1.3; }
|
|
1169
|
-
.clearing-main-right, .clearing-main-left { display: none; }
|
|
1170
|
-
.clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container { height: 100%; }
|
|
1171
|
-
.clearing-blackout.clearing-assembled ul[data-clearing] { display: none; }
|
|
1172
|
-
/* Joyride --- */
|
|
1173
|
-
/* */
|
|
1174
|
-
.joyride-tip-guide { width: 95% !important; left: 2.5% !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
|
|
1175
|
-
.joyride-tip-guide-wrapper { width: 100%; }
|
|
1176
|
-
/* Tabs --- */
|
|
1177
|
-
/* */
|
|
1178
|
-
.tabs.mobile { width: auto; margin: 20px -20px 40px; border-bottom: solid 1px #ccc; height: auto; margin: 20px -15px 0px -15px; }
|
|
1179
|
-
.tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd { float: none; height: auto; }
|
|
1180
|
-
.tabs.mobile dd a, .tabs.mobile li a { font-size: 15px; display: block; width: auto; height: auto; padding: 18px 20px; margin: 0; color: #555; line-height: 1; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
|
|
1181
|
-
.tabs.mobile dd a.active, .tabs.mobile li a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
|
|
1182
|
-
.tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active { margin: 0; }
|
|
1183
|
-
.tabs.mobile + .tabs-content.contained { margin-left: -15px; margin-right: -15px; }
|
|
1184
|
-
.tabs.mobile .section-title { padding-left: 20px !important; }
|
|
1185
|
-
.contained.mobile { margin-bottom: 0; }
|
|
1186
|
-
.contained.tabs.mobile dd a, .contained.tabs.mobile li a { padding: 18px 20px; }
|
|
1187
|
-
.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
|
|
1188
|
-
/* UI Elements --- */
|
|
1189
|
-
/* */
|
|
1190
|
-
/* Tooltips */
|
|
1191
|
-
.tooltip { font-size: 14px; line-height: 1.4; padding: 7px 10px 9px 10px; left: 50% !important; max-width: 80% !important; margin-left: -40%; font-size: 110%; }
|
|
1192
|
-
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; } }
|
|
1193
|
-
/* Topbar Specific Breakpoint that you can customize */
|
|
1194
|
-
@media only screen and (max-width: 940px) { .top-bar { margin-bottom: 0; overflow: hidden; height: 45px; background: #222222; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */ }
|
|
1195
|
-
.top-bar .js-generated { display: block; }
|
|
1196
|
-
.contain-to-grid .top-bar { width: auto; }
|
|
1197
|
-
.top-bar section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms 0; -moz-transition: left 300ms 0; -o-transition: left 300ms 0; transition: left 300ms 0; }
|
|
1198
|
-
.top-bar ul { width: 100%; height: 100%; margin-bottom: 0; display: block; }
|
|
1199
|
-
.top-bar ul > li { float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */ }
|
|
1200
|
-
.top-bar ul > li.active, .top-bar ul > li:hover { background: #151515; }
|
|
1201
|
-
.top-bar ul > li.name { height: 45px; }
|
|
1202
|
-
.top-bar ul > li.name h1 { line-height: 1; }
|
|
1203
|
-
.top-bar ul > li.name h1 a { color: white; display: block; line-height: 45px !important; padding-left: 15px; height: 45px; }
|
|
1204
|
-
.top-bar ul > li:hover a, .top-bar ul > li.active a { color: white; }
|
|
1205
|
-
.top-bar ul > li a:not(.button) { color: white; }
|
|
1206
|
-
.top-bar ul > li.toggle-topbar { cursor: pointer; display: block; height: 45px; position: absolute; right: 0; top: 0; width: 50%; }
|
|
1207
|
-
.top-bar ul > li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; border: solid 8px; border-color: white transparent transparent transparent; padding: 0; position: absolute; top: 50%; right: 22.5px; margin-top: -4px; }
|
|
1208
|
-
.top-bar ul > li.toggle-topbar:hover { background: inherit; }
|
|
1209
|
-
.top-bar ul > li.toggle-topbar a { padding: 0 !important; }
|
|
1210
|
-
.top-bar ul > li.divider { border-bottom: solid 1px #3c3c3c; border-top: solid 1px black; clear: both; height: 1px !important; margin: 8px 0 !important; width: 100%; }
|
|
1211
|
-
.top-bar ul > li.search { padding: 0 22.5px; }
|
|
1212
|
-
.top-bar ul > li.search form { width: 100%; }
|
|
1213
|
-
.top-bar ul > li.search form input[type=text] { width: 75%; }
|
|
1214
|
-
.top-bar ul > li.search form .button { top: -1px; width: 25%; }
|
|
1215
|
-
.top-bar ul > li.has-dropdown a { padding-right: 33.75px; }
|
|
1216
|
-
.top-bar ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; }
|
|
1217
|
-
.top-bar ul > li.has-dropdown:hover > .dropdown { display: block; visibility: hidden; }
|
|
1218
|
-
.top-bar ul > li.has-dropdown .dropdown { visibility: hidden; z-index: 0 !important; }
|
|
1219
|
-
.top-bar ul > li.has-dropdown.moved { position: static; }
|
|
1220
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown { top: 0; visibility: visible; }
|
|
1221
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown li label { margin-bottom: 6px; padding-top: 6px !important; font-size: 11px; }
|
|
1222
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) { padding-bottom: 0; }
|
|
1223
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a { padding: 8px 22.5px; font-size: 14px; }
|
|
1224
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label { padding: 0 22.5px; }
|
|
1225
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown li a:hover { background: #3c3c3c; display: block; }
|
|
1226
|
-
.top-bar ul > li.has-dropdown.moved > .dropdown li.divider { border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-top: 8px !important; margin-bottom: 8px !important; }
|
|
1227
|
-
.top-bar ul > li.has-dropdown.moved .back.title { padding-bottom: 0; }
|
|
1228
|
-
.top-bar ul > li.has-dropdown.moved .back.title a:before { position: absolute; top: 50%; left: 17.5px; margin-top: -5px; width: 0; height: 0; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent white transparent transparent; }
|
|
1229
|
-
.top-bar ul > li.has-dropdown.moved .back.title h5 { margin: 0; padding-left: 15px; position: relative; }
|
|
1230
|
-
.top-bar ul > li.has-dropdown.moved .back.title h5 a { background: transparent; padding-top: 8px; padding-bottom: 8px; font-size: 23px; font-weight: bold; }
|
|
1231
|
-
.top-bar ul > li.has-dropdown .dropdown li { background: transparent; }
|
|
1232
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { left: 100% !important; top: 0; right: auto !important; }
|
|
1233
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 33.75px; }
|
|
1234
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { content: ""; margin-right: 15px; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); position: absolute; top: 50%; margin-top: -4.5px; }
|
|
1235
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover { background: #3c3c3c; }
|
|
1236
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved { position: static; }
|
|
1237
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown { top: 0; visibility: visible; }
|
|
1238
|
-
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover { display: block; }
|
|
1239
|
-
.top-bar ul.left, .top-bar ul.right { float: none; width: 100%; }
|
|
1240
|
-
.top-bar ul.left > li, .top-bar ul.right > li { display: block; float: none; margin: 0 !important; }
|
|
1241
|
-
.top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown { left: 100% !important; top: 0; right: auto !important; }
|
|
1242
|
-
.top-bar section > ul li a:not(.button) { padding-left: 22.5px !important; }
|
|
1243
|
-
.top-bar.expanded { height: 100%; }
|
|
1244
|
-
.top-bar.expanded ul li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; border: solid 8px; border-color: transparent transparent #cccccc transparent; top: auto; bottom: 50%; margin-bottom: -4px; }
|
|
1245
|
-
.top-bar ul li.has-button { padding: 5px 15px; }
|
|
1246
|
-
.top-bar ul li .button.small { margin: 0 !important; display: inline-block; width: 100%; }
|
|
1247
|
-
.top-bar ul > li.has-button a.button { margin: 0; } }
|
|
1
|
+
meta.foundation-mq-small {
|
|
2
|
+
font-family: "only screen and (min-width: 768px)";
|
|
3
|
+
width: 768px; }
|
|
4
|
+
|
|
5
|
+
meta.foundation-mq-medium {
|
|
6
|
+
font-family: "only screen and (min-width:1280px)";
|
|
7
|
+
width: 1280px; }
|
|
8
|
+
|
|
9
|
+
meta.foundation-mq-large {
|
|
10
|
+
font-family: "only screen and (min-width:1440px)";
|
|
11
|
+
width: 1440px; }
|
|
12
|
+
|
|
13
|
+
*,
|
|
14
|
+
*:before,
|
|
15
|
+
*:after {
|
|
16
|
+
-moz-box-sizing: border-box;
|
|
17
|
+
-webkit-box-sizing: border-box;
|
|
18
|
+
box-sizing: border-box; }
|
|
19
|
+
|
|
20
|
+
html,
|
|
21
|
+
body {
|
|
22
|
+
font-size: 100%; }
|
|
23
|
+
|
|
24
|
+
body {
|
|
25
|
+
background: white;
|
|
26
|
+
color: #222222;
|
|
27
|
+
padding: 0;
|
|
28
|
+
margin: 0;
|
|
29
|
+
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
|
30
|
+
font-weight: normal;
|
|
31
|
+
font-style: normal;
|
|
32
|
+
line-height: 1;
|
|
33
|
+
position: relative;
|
|
34
|
+
cursor: default; }
|
|
35
|
+
|
|
36
|
+
a:hover {
|
|
37
|
+
cursor: pointer; }
|
|
38
|
+
|
|
39
|
+
img,
|
|
40
|
+
object,
|
|
41
|
+
embed {
|
|
42
|
+
max-width: 100%;
|
|
43
|
+
height: auto; }
|
|
44
|
+
|
|
45
|
+
object,
|
|
46
|
+
embed {
|
|
47
|
+
height: 100%; }
|
|
48
|
+
|
|
49
|
+
img {
|
|
50
|
+
-ms-interpolation-mode: bicubic; }
|
|
51
|
+
|
|
52
|
+
#map_canvas img,
|
|
53
|
+
#map_canvas embed,
|
|
54
|
+
#map_canvas object,
|
|
55
|
+
.map_canvas img,
|
|
56
|
+
.map_canvas embed,
|
|
57
|
+
.map_canvas object {
|
|
58
|
+
max-width: none !important; }
|
|
59
|
+
|
|
60
|
+
.left {
|
|
61
|
+
float: left !important; }
|
|
62
|
+
|
|
63
|
+
.right {
|
|
64
|
+
float: right !important; }
|
|
65
|
+
|
|
66
|
+
.text-left {
|
|
67
|
+
text-align: left !important; }
|
|
68
|
+
|
|
69
|
+
.text-right {
|
|
70
|
+
text-align: right !important; }
|
|
71
|
+
|
|
72
|
+
.text-center {
|
|
73
|
+
text-align: center !important; }
|
|
74
|
+
|
|
75
|
+
.text-justify {
|
|
76
|
+
text-align: justify !important; }
|
|
77
|
+
|
|
78
|
+
.hide {
|
|
79
|
+
display: none; }
|
|
80
|
+
|
|
81
|
+
.antialiased {
|
|
82
|
+
-webkit-font-smoothing: antialiased; }
|
|
83
|
+
|
|
84
|
+
img {
|
|
85
|
+
display: inline-block;
|
|
86
|
+
vertical-align: middle; }
|
|
87
|
+
|
|
88
|
+
textarea {
|
|
89
|
+
height: auto;
|
|
90
|
+
min-height: 50px; }
|
|
91
|
+
|
|
92
|
+
select {
|
|
93
|
+
width: 100%; }
|
|
94
|
+
|
|
95
|
+
/* Grid HTML Classes */
|
|
96
|
+
.row {
|
|
97
|
+
width: 100%;
|
|
98
|
+
margin-left: auto;
|
|
99
|
+
margin-right: auto;
|
|
100
|
+
margin-top: 0;
|
|
101
|
+
margin-bottom: 0;
|
|
102
|
+
max-width: 62.5em;
|
|
103
|
+
*zoom: 1; }
|
|
104
|
+
.row:before, .row:after {
|
|
105
|
+
content: " ";
|
|
106
|
+
display: table; }
|
|
107
|
+
.row:after {
|
|
108
|
+
clear: both; }
|
|
109
|
+
.row.collapse > .column,
|
|
110
|
+
.row.collapse > .columns {
|
|
111
|
+
position: relative;
|
|
112
|
+
padding-left: 0;
|
|
113
|
+
padding-right: 0;
|
|
114
|
+
float: left; }
|
|
115
|
+
.row.collapse .row {
|
|
116
|
+
margin-left: 0;
|
|
117
|
+
margin-right: 0; }
|
|
118
|
+
.row .row {
|
|
119
|
+
width: auto;
|
|
120
|
+
margin-left: -0.9375em;
|
|
121
|
+
margin-right: -0.9375em;
|
|
122
|
+
margin-top: 0;
|
|
123
|
+
margin-bottom: 0;
|
|
124
|
+
max-width: none;
|
|
125
|
+
*zoom: 1; }
|
|
126
|
+
.row .row:before, .row .row:after {
|
|
127
|
+
content: " ";
|
|
128
|
+
display: table; }
|
|
129
|
+
.row .row:after {
|
|
130
|
+
clear: both; }
|
|
131
|
+
.row .row.collapse {
|
|
132
|
+
width: auto;
|
|
133
|
+
margin: 0;
|
|
134
|
+
max-width: none;
|
|
135
|
+
*zoom: 1; }
|
|
136
|
+
.row .row.collapse:before, .row .row.collapse:after {
|
|
137
|
+
content: " ";
|
|
138
|
+
display: table; }
|
|
139
|
+
.row .row.collapse:after {
|
|
140
|
+
clear: both; }
|
|
141
|
+
|
|
142
|
+
.column,
|
|
143
|
+
.columns {
|
|
144
|
+
position: relative;
|
|
145
|
+
padding-left: 0.9375em;
|
|
146
|
+
padding-right: 0.9375em;
|
|
147
|
+
width: 100%;
|
|
148
|
+
float: left; }
|
|
149
|
+
|
|
150
|
+
@media only screen {
|
|
151
|
+
.column,
|
|
152
|
+
.columns {
|
|
153
|
+
position: relative;
|
|
154
|
+
padding-left: 0.9375em;
|
|
155
|
+
padding-right: 0.9375em;
|
|
156
|
+
float: left; }
|
|
157
|
+
|
|
158
|
+
.small-1 {
|
|
159
|
+
position: relative;
|
|
160
|
+
width: 8.33333%; }
|
|
161
|
+
|
|
162
|
+
.small-2 {
|
|
163
|
+
position: relative;
|
|
164
|
+
width: 16.66667%; }
|
|
165
|
+
|
|
166
|
+
.small-3 {
|
|
167
|
+
position: relative;
|
|
168
|
+
width: 25%; }
|
|
169
|
+
|
|
170
|
+
.small-4 {
|
|
171
|
+
position: relative;
|
|
172
|
+
width: 33.33333%; }
|
|
173
|
+
|
|
174
|
+
.small-5 {
|
|
175
|
+
position: relative;
|
|
176
|
+
width: 41.66667%; }
|
|
177
|
+
|
|
178
|
+
.small-6 {
|
|
179
|
+
position: relative;
|
|
180
|
+
width: 50%; }
|
|
181
|
+
|
|
182
|
+
.small-7 {
|
|
183
|
+
position: relative;
|
|
184
|
+
width: 58.33333%; }
|
|
185
|
+
|
|
186
|
+
.small-8 {
|
|
187
|
+
position: relative;
|
|
188
|
+
width: 66.66667%; }
|
|
189
|
+
|
|
190
|
+
.small-9 {
|
|
191
|
+
position: relative;
|
|
192
|
+
width: 75%; }
|
|
193
|
+
|
|
194
|
+
.small-10 {
|
|
195
|
+
position: relative;
|
|
196
|
+
width: 83.33333%; }
|
|
197
|
+
|
|
198
|
+
.small-11 {
|
|
199
|
+
position: relative;
|
|
200
|
+
width: 91.66667%; }
|
|
201
|
+
|
|
202
|
+
.small-12 {
|
|
203
|
+
position: relative;
|
|
204
|
+
width: 100%; }
|
|
205
|
+
|
|
206
|
+
.small-offset-0 {
|
|
207
|
+
position: relative;
|
|
208
|
+
margin-left: 0%; }
|
|
209
|
+
|
|
210
|
+
.small-offset-1 {
|
|
211
|
+
position: relative;
|
|
212
|
+
margin-left: 8.33333%; }
|
|
213
|
+
|
|
214
|
+
.small-offset-2 {
|
|
215
|
+
position: relative;
|
|
216
|
+
margin-left: 16.66667%; }
|
|
217
|
+
|
|
218
|
+
.small-offset-3 {
|
|
219
|
+
position: relative;
|
|
220
|
+
margin-left: 25%; }
|
|
221
|
+
|
|
222
|
+
.small-offset-4 {
|
|
223
|
+
position: relative;
|
|
224
|
+
margin-left: 33.33333%; }
|
|
225
|
+
|
|
226
|
+
.small-offset-5 {
|
|
227
|
+
position: relative;
|
|
228
|
+
margin-left: 41.66667%; }
|
|
229
|
+
|
|
230
|
+
.small-offset-6 {
|
|
231
|
+
position: relative;
|
|
232
|
+
margin-left: 50%; }
|
|
233
|
+
|
|
234
|
+
.small-offset-7 {
|
|
235
|
+
position: relative;
|
|
236
|
+
margin-left: 58.33333%; }
|
|
237
|
+
|
|
238
|
+
.small-offset-8 {
|
|
239
|
+
position: relative;
|
|
240
|
+
margin-left: 66.66667%; }
|
|
241
|
+
|
|
242
|
+
.small-offset-9 {
|
|
243
|
+
position: relative;
|
|
244
|
+
margin-left: 75%; }
|
|
245
|
+
|
|
246
|
+
.small-offset-10 {
|
|
247
|
+
position: relative;
|
|
248
|
+
margin-left: 83.33333%; }
|
|
249
|
+
|
|
250
|
+
[class*="column"] + [class*="column"]:last-child {
|
|
251
|
+
float: right; }
|
|
252
|
+
|
|
253
|
+
[class*="column"] + [class*="column"].end {
|
|
254
|
+
float: left; }
|
|
255
|
+
|
|
256
|
+
.column.small-centered,
|
|
257
|
+
.columns.small-centered {
|
|
258
|
+
position: relative;
|
|
259
|
+
margin-left: auto;
|
|
260
|
+
margin-right: auto;
|
|
261
|
+
float: none !important; } }
|
|
262
|
+
/* Styles for screens that are atleast 768px; */
|
|
263
|
+
@media only screen and (min-width: 768px) {
|
|
264
|
+
.large-1 {
|
|
265
|
+
position: relative;
|
|
266
|
+
width: 8.33333%; }
|
|
267
|
+
|
|
268
|
+
.large-2 {
|
|
269
|
+
position: relative;
|
|
270
|
+
width: 16.66667%; }
|
|
271
|
+
|
|
272
|
+
.large-3 {
|
|
273
|
+
position: relative;
|
|
274
|
+
width: 25%; }
|
|
275
|
+
|
|
276
|
+
.large-4 {
|
|
277
|
+
position: relative;
|
|
278
|
+
width: 33.33333%; }
|
|
279
|
+
|
|
280
|
+
.large-5 {
|
|
281
|
+
position: relative;
|
|
282
|
+
width: 41.66667%; }
|
|
283
|
+
|
|
284
|
+
.large-6 {
|
|
285
|
+
position: relative;
|
|
286
|
+
width: 50%; }
|
|
287
|
+
|
|
288
|
+
.large-7 {
|
|
289
|
+
position: relative;
|
|
290
|
+
width: 58.33333%; }
|
|
291
|
+
|
|
292
|
+
.large-8 {
|
|
293
|
+
position: relative;
|
|
294
|
+
width: 66.66667%; }
|
|
295
|
+
|
|
296
|
+
.large-9 {
|
|
297
|
+
position: relative;
|
|
298
|
+
width: 75%; }
|
|
299
|
+
|
|
300
|
+
.large-10 {
|
|
301
|
+
position: relative;
|
|
302
|
+
width: 83.33333%; }
|
|
303
|
+
|
|
304
|
+
.large-11 {
|
|
305
|
+
position: relative;
|
|
306
|
+
width: 91.66667%; }
|
|
307
|
+
|
|
308
|
+
.large-12 {
|
|
309
|
+
position: relative;
|
|
310
|
+
width: 100%; }
|
|
311
|
+
|
|
312
|
+
.row .large-offset-0 {
|
|
313
|
+
position: relative;
|
|
314
|
+
margin-left: 0%; }
|
|
315
|
+
|
|
316
|
+
.row .large-offset-1 {
|
|
317
|
+
position: relative;
|
|
318
|
+
margin-left: 8.33333%; }
|
|
319
|
+
|
|
320
|
+
.row .large-offset-2 {
|
|
321
|
+
position: relative;
|
|
322
|
+
margin-left: 16.66667%; }
|
|
323
|
+
|
|
324
|
+
.row .large-offset-3 {
|
|
325
|
+
position: relative;
|
|
326
|
+
margin-left: 25%; }
|
|
327
|
+
|
|
328
|
+
.row .large-offset-4 {
|
|
329
|
+
position: relative;
|
|
330
|
+
margin-left: 33.33333%; }
|
|
331
|
+
|
|
332
|
+
.row .large-offset-5 {
|
|
333
|
+
position: relative;
|
|
334
|
+
margin-left: 41.66667%; }
|
|
335
|
+
|
|
336
|
+
.row .large-offset-6 {
|
|
337
|
+
position: relative;
|
|
338
|
+
margin-left: 50%; }
|
|
339
|
+
|
|
340
|
+
.row .large-offset-7 {
|
|
341
|
+
position: relative;
|
|
342
|
+
margin-left: 58.33333%; }
|
|
343
|
+
|
|
344
|
+
.row .large-offset-8 {
|
|
345
|
+
position: relative;
|
|
346
|
+
margin-left: 66.66667%; }
|
|
347
|
+
|
|
348
|
+
.row .large-offset-9 {
|
|
349
|
+
position: relative;
|
|
350
|
+
margin-left: 75%; }
|
|
351
|
+
|
|
352
|
+
.row .large-offset-10 {
|
|
353
|
+
position: relative;
|
|
354
|
+
margin-left: 83.33333%; }
|
|
355
|
+
|
|
356
|
+
.row .large-offset-11 {
|
|
357
|
+
position: relative;
|
|
358
|
+
margin-left: 91.66667%; }
|
|
359
|
+
|
|
360
|
+
.push-1 {
|
|
361
|
+
position: relative;
|
|
362
|
+
left: 8.33333%;
|
|
363
|
+
right: auto; }
|
|
364
|
+
|
|
365
|
+
.pull-1 {
|
|
366
|
+
position: relative;
|
|
367
|
+
right: 8.33333%;
|
|
368
|
+
left: auto; }
|
|
369
|
+
|
|
370
|
+
.push-2 {
|
|
371
|
+
position: relative;
|
|
372
|
+
left: 16.66667%;
|
|
373
|
+
right: auto; }
|
|
374
|
+
|
|
375
|
+
.pull-2 {
|
|
376
|
+
position: relative;
|
|
377
|
+
right: 16.66667%;
|
|
378
|
+
left: auto; }
|
|
379
|
+
|
|
380
|
+
.push-3 {
|
|
381
|
+
position: relative;
|
|
382
|
+
left: 25%;
|
|
383
|
+
right: auto; }
|
|
384
|
+
|
|
385
|
+
.pull-3 {
|
|
386
|
+
position: relative;
|
|
387
|
+
right: 25%;
|
|
388
|
+
left: auto; }
|
|
389
|
+
|
|
390
|
+
.push-4 {
|
|
391
|
+
position: relative;
|
|
392
|
+
left: 33.33333%;
|
|
393
|
+
right: auto; }
|
|
394
|
+
|
|
395
|
+
.pull-4 {
|
|
396
|
+
position: relative;
|
|
397
|
+
right: 33.33333%;
|
|
398
|
+
left: auto; }
|
|
399
|
+
|
|
400
|
+
.push-5 {
|
|
401
|
+
position: relative;
|
|
402
|
+
left: 41.66667%;
|
|
403
|
+
right: auto; }
|
|
404
|
+
|
|
405
|
+
.pull-5 {
|
|
406
|
+
position: relative;
|
|
407
|
+
right: 41.66667%;
|
|
408
|
+
left: auto; }
|
|
409
|
+
|
|
410
|
+
.push-6 {
|
|
411
|
+
position: relative;
|
|
412
|
+
left: 50%;
|
|
413
|
+
right: auto; }
|
|
414
|
+
|
|
415
|
+
.pull-6 {
|
|
416
|
+
position: relative;
|
|
417
|
+
right: 50%;
|
|
418
|
+
left: auto; }
|
|
419
|
+
|
|
420
|
+
.push-7 {
|
|
421
|
+
position: relative;
|
|
422
|
+
left: 58.33333%;
|
|
423
|
+
right: auto; }
|
|
424
|
+
|
|
425
|
+
.pull-7 {
|
|
426
|
+
position: relative;
|
|
427
|
+
right: 58.33333%;
|
|
428
|
+
left: auto; }
|
|
429
|
+
|
|
430
|
+
.push-8 {
|
|
431
|
+
position: relative;
|
|
432
|
+
left: 66.66667%;
|
|
433
|
+
right: auto; }
|
|
434
|
+
|
|
435
|
+
.pull-8 {
|
|
436
|
+
position: relative;
|
|
437
|
+
right: 66.66667%;
|
|
438
|
+
left: auto; }
|
|
439
|
+
|
|
440
|
+
.push-9 {
|
|
441
|
+
position: relative;
|
|
442
|
+
left: 75%;
|
|
443
|
+
right: auto; }
|
|
444
|
+
|
|
445
|
+
.pull-9 {
|
|
446
|
+
position: relative;
|
|
447
|
+
right: 75%;
|
|
448
|
+
left: auto; }
|
|
449
|
+
|
|
450
|
+
.push-10 {
|
|
451
|
+
position: relative;
|
|
452
|
+
left: 83.33333%;
|
|
453
|
+
right: auto; }
|
|
454
|
+
|
|
455
|
+
.pull-10 {
|
|
456
|
+
position: relative;
|
|
457
|
+
right: 83.33333%;
|
|
458
|
+
left: auto; }
|
|
459
|
+
|
|
460
|
+
.push-11 {
|
|
461
|
+
position: relative;
|
|
462
|
+
left: 91.66667%;
|
|
463
|
+
right: auto; }
|
|
464
|
+
|
|
465
|
+
.pull-11 {
|
|
466
|
+
position: relative;
|
|
467
|
+
right: 91.66667%;
|
|
468
|
+
left: auto; }
|
|
469
|
+
|
|
470
|
+
.column.large-centered,
|
|
471
|
+
.columns.large-centered {
|
|
472
|
+
position: relative;
|
|
473
|
+
margin-left: auto;
|
|
474
|
+
margin-right: auto;
|
|
475
|
+
float: none !important; }
|
|
476
|
+
|
|
477
|
+
.column.large-uncentered,
|
|
478
|
+
.columns.large-uncentered {
|
|
479
|
+
margin-left: 0;
|
|
480
|
+
margin-right: 0;
|
|
481
|
+
float: left !important; }
|
|
482
|
+
|
|
483
|
+
.column.large-uncentered.opposite,
|
|
484
|
+
.columns.large-uncentered.opposite {
|
|
485
|
+
float: right !important; } }
|
|
486
|
+
button, .button {
|
|
487
|
+
border-style: solid;
|
|
488
|
+
border-width: 1px;
|
|
489
|
+
cursor: pointer;
|
|
490
|
+
font-family: inherit;
|
|
491
|
+
font-weight: bold;
|
|
492
|
+
line-height: normal;
|
|
493
|
+
margin: 0 0 1.25em;
|
|
494
|
+
position: relative;
|
|
495
|
+
text-decoration: none;
|
|
496
|
+
text-align: center;
|
|
497
|
+
display: inline-block;
|
|
498
|
+
padding-top: 0.75em;
|
|
499
|
+
padding-right: 1.5em;
|
|
500
|
+
padding-bottom: 0.8125em;
|
|
501
|
+
padding-left: 1.5em;
|
|
502
|
+
font-size: 1em;
|
|
503
|
+
background-color: #2ba6cb;
|
|
504
|
+
border-color: #2284a1;
|
|
505
|
+
color: white; }
|
|
506
|
+
button:hover, button:focus, .button:hover, .button:focus {
|
|
507
|
+
background-color: #2284a1; }
|
|
508
|
+
button:hover, button:focus, .button:hover, .button:focus {
|
|
509
|
+
color: white; }
|
|
510
|
+
button.secondary, .button.secondary {
|
|
511
|
+
background-color: #e9e9e9;
|
|
512
|
+
border-color: #d0d0d0;
|
|
513
|
+
color: #333333; }
|
|
514
|
+
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
|
|
515
|
+
background-color: #d0d0d0; }
|
|
516
|
+
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
|
|
517
|
+
color: #333333; }
|
|
518
|
+
button.success, .button.success {
|
|
519
|
+
background-color: #5da423;
|
|
520
|
+
border-color: #457a1a;
|
|
521
|
+
color: white; }
|
|
522
|
+
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
|
|
523
|
+
background-color: #457a1a; }
|
|
524
|
+
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
|
|
525
|
+
color: white; }
|
|
526
|
+
button.alert, .button.alert {
|
|
527
|
+
background-color: #c60f13;
|
|
528
|
+
border-color: #970b0e;
|
|
529
|
+
color: white; }
|
|
530
|
+
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
|
|
531
|
+
background-color: #970b0e; }
|
|
532
|
+
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
|
|
533
|
+
color: white; }
|
|
534
|
+
button.large, .button.large {
|
|
535
|
+
padding-top: 1em;
|
|
536
|
+
padding-right: 2em;
|
|
537
|
+
padding-bottom: 1.0625em;
|
|
538
|
+
padding-left: 2em;
|
|
539
|
+
font-size: 1.25em; }
|
|
540
|
+
button.small, .button.small {
|
|
541
|
+
padding-top: 0.5625em;
|
|
542
|
+
padding-right: 1.125em;
|
|
543
|
+
padding-bottom: 0.625em;
|
|
544
|
+
padding-left: 1.125em;
|
|
545
|
+
font-size: 0.8125em; }
|
|
546
|
+
button.tiny, .button.tiny {
|
|
547
|
+
padding-top: 0.4375em;
|
|
548
|
+
padding-right: 0.875em;
|
|
549
|
+
padding-bottom: 0.5em;
|
|
550
|
+
padding-left: 0.875em;
|
|
551
|
+
font-size: 0.6875em; }
|
|
552
|
+
button.expand, .button.expand {
|
|
553
|
+
padding-right: 0;
|
|
554
|
+
padding-left: 0;
|
|
555
|
+
width: 100%; }
|
|
556
|
+
button.left-align, .button.left-align {
|
|
557
|
+
text-align: left;
|
|
558
|
+
text-indent: 0.75em; }
|
|
559
|
+
button.right-align, .button.right-align {
|
|
560
|
+
text-align: right;
|
|
561
|
+
padding-right: 0.75em; }
|
|
562
|
+
button.disabled, button[disabled], .button.disabled, .button[disabled] {
|
|
563
|
+
background-color: #2ba6cb;
|
|
564
|
+
border-color: #2284a1;
|
|
565
|
+
color: white;
|
|
566
|
+
cursor: default;
|
|
567
|
+
opacity: 0.6;
|
|
568
|
+
-webkit-box-shadow: none;
|
|
569
|
+
box-shadow: none; }
|
|
570
|
+
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
|
|
571
|
+
background-color: #2284a1; }
|
|
572
|
+
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
|
|
573
|
+
color: white; }
|
|
574
|
+
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
|
|
575
|
+
background-color: #2ba6cb; }
|
|
576
|
+
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
|
|
577
|
+
background-color: #e9e9e9;
|
|
578
|
+
border-color: #d0d0d0;
|
|
579
|
+
color: #333333;
|
|
580
|
+
cursor: default;
|
|
581
|
+
opacity: 0.6;
|
|
582
|
+
-webkit-box-shadow: none;
|
|
583
|
+
box-shadow: none; }
|
|
584
|
+
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
|
|
585
|
+
background-color: #d0d0d0; }
|
|
586
|
+
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
|
|
587
|
+
color: #333333; }
|
|
588
|
+
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
|
|
589
|
+
background-color: #e9e9e9; }
|
|
590
|
+
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
|
|
591
|
+
background-color: #5da423;
|
|
592
|
+
border-color: #457a1a;
|
|
593
|
+
color: white;
|
|
594
|
+
cursor: default;
|
|
595
|
+
opacity: 0.6;
|
|
596
|
+
-webkit-box-shadow: none;
|
|
597
|
+
box-shadow: none; }
|
|
598
|
+
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
|
|
599
|
+
background-color: #457a1a; }
|
|
600
|
+
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
|
|
601
|
+
color: white; }
|
|
602
|
+
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
|
|
603
|
+
background-color: #5da423; }
|
|
604
|
+
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
|
|
605
|
+
background-color: #c60f13;
|
|
606
|
+
border-color: #970b0e;
|
|
607
|
+
color: white;
|
|
608
|
+
cursor: default;
|
|
609
|
+
opacity: 0.6;
|
|
610
|
+
-webkit-box-shadow: none;
|
|
611
|
+
box-shadow: none; }
|
|
612
|
+
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
|
|
613
|
+
background-color: #970b0e; }
|
|
614
|
+
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
|
|
615
|
+
color: white; }
|
|
616
|
+
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
|
|
617
|
+
background-color: #c60f13; }
|
|
618
|
+
|
|
619
|
+
button, .button {
|
|
620
|
+
padding-top: 0.8125em;
|
|
621
|
+
padding-bottom: 0.75em;
|
|
622
|
+
-webkit-appearance: none; }
|
|
623
|
+
button.tiny, .button.tiny {
|
|
624
|
+
padding-top: 0.5em;
|
|
625
|
+
padding-bottom: 0.4375em;
|
|
626
|
+
-webkit-appearance: none; }
|
|
627
|
+
button.small, .button.small {
|
|
628
|
+
padding-top: 0.625em;
|
|
629
|
+
padding-bottom: 0.5625em;
|
|
630
|
+
-webkit-appearance: none; }
|
|
631
|
+
button.large, .button.large {
|
|
632
|
+
padding-top: 1.03125em;
|
|
633
|
+
padding-bottom: 1.03125em;
|
|
634
|
+
-webkit-appearance: none; }
|
|
635
|
+
|
|
636
|
+
@media only screen {
|
|
637
|
+
button, .button {
|
|
638
|
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
|
|
639
|
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
|
|
640
|
+
-webkit-transition: background-color 300ms ease-out;
|
|
641
|
+
-moz-transition: background-color 300ms ease-out;
|
|
642
|
+
transition: background-color 300ms ease-out; }
|
|
643
|
+
button:active, .button:active {
|
|
644
|
+
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
|
|
645
|
+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
|
|
646
|
+
button.radius, .button.radius {
|
|
647
|
+
-webkit-border-radius: 3px;
|
|
648
|
+
border-radius: 3px; }
|
|
649
|
+
button.round, .button.round {
|
|
650
|
+
-webkit-border-radius: 1000px;
|
|
651
|
+
border-radius: 1000px; } }
|
|
652
|
+
@media only screen and (min-width: 768px) {
|
|
653
|
+
button, .button {
|
|
654
|
+
display: inline-block; } }
|
|
655
|
+
/* Tables */
|
|
656
|
+
table {
|
|
657
|
+
background: white;
|
|
658
|
+
margin-bottom: 1.25em;
|
|
659
|
+
border: solid 1px #dddddd; }
|
|
660
|
+
table thead,
|
|
661
|
+
table tfoot {
|
|
662
|
+
background: whitesmoke;
|
|
663
|
+
font-weight: bold; }
|
|
664
|
+
table thead tr th,
|
|
665
|
+
table thead tr td,
|
|
666
|
+
table tfoot tr th,
|
|
667
|
+
table tfoot tr td {
|
|
668
|
+
padding: 0.5em 0.625em 0.625em;
|
|
669
|
+
font-size: 0.875em;
|
|
670
|
+
color: #222222;
|
|
671
|
+
text-align: left; }
|
|
672
|
+
table tr th,
|
|
673
|
+
table tr td {
|
|
674
|
+
padding: 0.5625em 0.625em;
|
|
675
|
+
font-size: 0.875em;
|
|
676
|
+
color: #222222; }
|
|
677
|
+
table tr.even, table tr.alt, table tr:nth-of-type(even) {
|
|
678
|
+
background: #f9f9f9; }
|
|
679
|
+
table thead tr th,
|
|
680
|
+
table tfoot tr th,
|
|
681
|
+
table tbody tr td,
|
|
682
|
+
table tr td,
|
|
683
|
+
table tfoot tr td {
|
|
684
|
+
display: table-cell;
|
|
685
|
+
line-height: 1.125em; }
|