Version Description
- 10/01/2022 =
- Removed: Google Plus
- Fixed: Gallery images Would not show
- Fixed: Lightbox Settings would not save properly
- Fixed: Image upload modal would display a strange countour
Download this release
Release Info
Developer | raldea89 |
Plugin | Image Photo Gallery Final Tiles Grid |
Version | 3.5.2 |
Comparing to | |
See all releases |
Code changes from version 3.5.1 to 3.5.2
- FinalTilesGalleryLite.php +1554 -1557
- admin/add-gallery.php +285 -285
- admin/bundle.css +2032 -2032
- admin/css/gutenberg_block.css +3 -3
- admin/css/materialize.css +8706 -8706
- admin/css/style.css +1165 -1162
- admin/facebook.php +11 -11
- admin/header.php +9 -9
- admin/images/everlightbox-reviews.png +0 -0
- admin/images/everlightbox.png +0 -0
- admin/images/photoblocks.png +0 -0
- admin/include/fields.php +1109 -1117
- admin/include/tinymce-galleries.php +87 -87
- admin/overview.php +238 -238
- admin/scripts/admin.js +20 -20
- admin/scripts/editor-plugin.js +31 -31
- admin/scripts/final-tiles-gallery-admin.js +18 -17
- admin/scripts/materialize.min.js +0 -6969
FinalTilesGalleryLite.php
CHANGED
@@ -1,1558 +1,1555 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
/**
|
4 |
-
* Plugin Name: Final Tiles Grid Gallery - Image Gallery
|
5 |
-
* Description: Wordpress Plugin for creating responsive image galleries.
|
6 |
-
* Version: 3.5.
|
7 |
-
* Author: WPChill
|
8 |
-
* Author URI: https://wpchill.com
|
9 |
-
* Tested up to: 5.
|
10 |
-
* Requires: 5.2 or higher
|
11 |
-
* License: GPLv3 or later
|
12 |
-
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
13 |
-
* Requires PHP: 5.6
|
14 |
-
* Text Domain: final-tiles-grid-gallery-lite
|
15 |
-
* Domain Path: /languages
|
16 |
-
*
|
17 |
-
* Copyright 2015-2019 GreenTreeLabs diego@greentreelabs.net
|
18 |
-
* Copyright 2019-2020 MachoThemes office@machothemes.com
|
19 |
-
* SVN commit with proof of ownership transfer: https://plugins.trac.wordpress.org/changeset/2163481/
|
20 |
-
* NOTE: MachoThemes took ownership of this plugin on: 09/26/2019 08:49:37 AM as can be seen from the above SVN commit.
|
21 |
-
* Copyright 2020 WPChill heyyy@wpchill.com
|
22 |
-
*
|
23 |
-
* Original Plugin URI: https://greentreelabs.net/final-tiles-gallery-lite/
|
24 |
-
* Original Author URI: https://greentreelabs.net
|
25 |
-
* Original Author: https://profiles.wordpress.org/greentreealbs/
|
26 |
-
*
|
27 |
-
*/
|
28 |
-
define( "FTGVERSION", "3.5.
|
29 |
-
// Create a helper function for easy SDK access.
|
30 |
-
|
31 |
-
if ( !function_exists( 'ftg_fs' ) ) {
|
32 |
-
// Create a helper function for easy SDK access.
|
33 |
-
function ftg_fs()
|
34 |
-
{
|
35 |
-
global $ftg_fs ;
|
36 |
-
|
37 |
-
if ( !isset( $ftg_fs ) ) {
|
38 |
-
// Activate multisite network integration.
|
39 |
-
if ( !defined( 'WP_FS__PRODUCT_1002_MULTISITE' ) ) {
|
40 |
-
define( 'WP_FS__PRODUCT_1002_MULTISITE', true );
|
41 |
-
}
|
42 |
-
// Include Freemius SDK.
|
43 |
-
require_once dirname( __FILE__ ) . '/freemius/start.php';
|
44 |
-
$ftg_fs = fs_dynamic_init( array(
|
45 |
-
'id' => '1002',
|
46 |
-
'slug' => 'final-tiles-grid-gallery-lite',
|
47 |
-
'type' => 'plugin',
|
48 |
-
'public_key' => 'pk_d0e075b84d491d510a1d0a21087af',
|
49 |
-
'is_premium' => false,
|
50 |
-
'has_addons' => false,
|
51 |
-
'has_paid_plans' => true,
|
52 |
-
'trial' => array(
|
53 |
-
'days' => 14,
|
54 |
-
'is_require_payment' => true,
|
55 |
-
),
|
56 |
-
'has_affiliation' => 'all',
|
57 |
-
'menu' => array(
|
58 |
-
'slug' => 'ftg-lite-gallery-admin',
|
59 |
-
),
|
60 |
-
'is_live' => true,
|
61 |
-
) );
|
62 |
-
}
|
63 |
-
|
64 |
-
return $ftg_fs;
|
65 |
-
}
|
66 |
-
|
67 |
-
// Init Freemius.
|
68 |
-
ftg_fs();
|
69 |
-
// Signal that SDK was initiated.
|
70 |
-
do_action( 'ftg_fs_loaded' );
|
71 |
-
}
|
72 |
-
|
73 |
-
function activate_finaltilesgallery()
|
74 |
-
{
|
75 |
-
global $wpdb ;
|
76 |
-
include_once 'lib/install-db.php';
|
77 |
-
FinalTiles_Gallery::define_db_tables();
|
78 |
-
FinalTilesdb::updateConfiguration();
|
79 |
-
|
80 |
-
if ( is_multisite() ) {
|
81 |
-
foreach ( $wpdb->get_col( "SELECT blog_id FROM {$wpdb->blogs}" ) as $blog_id ) {
|
82 |
-
switch_to_blog( $blog_id );
|
83 |
-
install_db();
|
84 |
-
restore_current_blog();
|
85 |
-
}
|
86 |
-
} else {
|
87 |
-
install_db();
|
88 |
-
}
|
89 |
-
|
90 |
-
}
|
91 |
-
|
92 |
-
define( "FTG_PLAN", "free" );
|
93 |
-
if ( !class_exists( 'FinalTiles_Gallery' ) ) {
|
94 |
-
class FinalTiles_Gallery
|
95 |
-
{
|
96 |
-
private $defaultValues = array(
|
97 |
-
'aClass' => '',
|
98 |
-
'afterGalleryText' => '',
|
99 |
-
'allFilterLabel' => 'All',
|
100 |
-
'ajaxLoading' => 'F',
|
101 |
-
'backgroundColor' => 'transparent',
|
102 |
-
'beforeGalleryText' => '',
|
103 |
-
'blank' => 'F',
|
104 |
-
'borderColor' => 'transparent',
|
105 |
-
'borderRadius' => 0,
|
106 |
-
'borderSize' => 0,
|
107 |
-
'captionBackgroundColor' => '#000000',
|
108 |
-
'captionBehavior' => 'none',
|
109 |
-
'captionColor' => '#ffffff',
|
110 |
-
'captionCustomFields' => '',
|
111 |
-
'captionEasing' => 'linear',
|
112 |
-
'captionEffect' => 'slide-from-bottom',
|
113 |
-
'captionEffectDuration' => 250,
|
114 |
-
'captionEmpty' => 'hide',
|
115 |
-
'captionFontSize' => 12,
|
116 |
-
'captionFrame' => 'F',
|
117 |
-
'captionFrameColor' => '#ffffff',
|
118 |
-
'captionHorizontalAlignment' => 'center',
|
119 |
-
'captionIcon' => 'zoom',
|
120 |
-
'captionIconColor' => '#ffffff',
|
121 |
-
'captionIconSize' => 12,
|
122 |
-
'captionMobileBehavior' => "desktop",
|
123 |
-
'captionOpacity' => 80,
|
124 |
-
'captionPosition' => 'inside',
|
125 |
-
'captionVerticalAlignment' => 'middle',
|
126 |
-
'categoriesAsFilters' => 'F',
|
127 |
-
'columns' => 4,
|
128 |
-
'columnsPhoneLandscape' => 3,
|
129 |
-
'columnsPhonePortrait' => 2,
|
130 |
-
'columnsTabletLandscape' => 4,
|
131 |
-
'columnsTabletPortrait' => 3,
|
132 |
-
'compressHTML' => 'T',
|
133 |
-
'customCaptionIcon' => '',
|
134 |
-
'defaultFilter' => '',
|
135 |
-
'defaultSize' => 'medium',
|
136 |
-
'delay' => 0,
|
137 |
-
'disableLightboxGroups' => 'F',
|
138 |
-
'enableFacebook' => 'F',
|
139 |
-
'
|
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 |
-
$this->
|
206 |
-
$this->
|
207 |
-
$this->
|
208 |
-
$this->
|
209 |
-
|
210 |
-
|
211 |
-
add_action( '
|
212 |
-
add_action( '
|
213 |
-
|
214 |
-
add_action( '
|
215 |
-
|
216 |
-
|
217 |
-
add_action( '
|
218 |
-
add_action( '
|
219 |
-
add_action( '
|
220 |
-
add_action( '
|
221 |
-
add_action( '
|
222 |
-
add_action( '
|
223 |
-
add_action( '
|
224 |
-
add_action( '
|
225 |
-
add_action( '
|
226 |
-
add_action( '
|
227 |
-
add_action( '
|
228 |
-
add_action( '
|
229 |
-
add_action( '
|
230 |
-
add_action( '
|
231 |
-
add_action( '
|
232 |
-
|
233 |
-
add_filter( '
|
234 |
-
|
235 |
-
|
236 |
-
|
237 |
-
'
|
238 |
-
|
239 |
-
|
240 |
-
|
241 |
-
);
|
242 |
-
add_action( '
|
243 |
-
|
244 |
-
|
245 |
-
|
246 |
-
add_action( '
|
247 |
-
|
248 |
-
|
249 |
-
'
|
250 |
-
|
251 |
-
|
252 |
-
|
253 |
-
|
254 |
-
|
255 |
-
|
256 |
-
|
257 |
-
|
258 |
-
|
259 |
-
|
260 |
-
|
261 |
-
|
262 |
-
|
263 |
-
|
264 |
-
|
265 |
-
|
266 |
-
|
267 |
-
|
268 |
-
|
269 |
-
|
270 |
-
'wp-
|
271 |
-
'wp-
|
272 |
-
'wp-
|
273 |
-
'wp-
|
274 |
-
|
275 |
-
|
276 |
-
|
277 |
-
|
278 |
-
|
279 |
-
|
280 |
-
'
|
281 |
-
|
282 |
-
|
283 |
-
|
284 |
-
|
285 |
-
|
286 |
-
'
|
287 |
-
|
288 |
-
|
289 |
-
$galleries
|
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 |
-
$review['
|
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 |
-
$links[] = '<a href="
|
460 |
-
$links[] = '<a href="https://
|
461 |
-
$links[] = '<a href="https://
|
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 |
-
$wpdb->
|
509 |
-
|
510 |
-
|
511 |
-
|
512 |
-
|
513 |
-
|
514 |
-
|
515 |
-
$FinalTilesdb
|
516 |
-
|
517 |
-
|
518 |
-
|
519 |
-
|
520 |
-
|
521 |
-
|
522 |
-
|
523 |
-
|
524 |
-
|
525 |
-
|
526 |
-
|
527 |
-
$plugin_array
|
528 |
-
|
529 |
-
|
530 |
-
|
531 |
-
|
532 |
-
|
533 |
-
$
|
534 |
-
$
|
535 |
-
|
536 |
-
|
537 |
-
|
538 |
-
|
539 |
-
|
540 |
-
|
541 |
-
|
542 |
-
|
543 |
-
|
544 |
-
"
|
545 |
-
"
|
546 |
-
"
|
547 |
-
|
548 |
-
|
549 |
-
|
550 |
-
"
|
551 |
-
"input"
|
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 |
-
$gallery
|
595 |
-
|
596 |
-
|
597 |
-
|
598 |
-
|
599 |
-
|
600 |
-
|
601 |
-
|
602 |
-
|
603 |
-
|
604 |
-
|
605 |
-
|
606 |
-
|
607 |
-
|
608 |
-
|
609 |
-
|
610 |
-
|
611 |
-
|
612 |
-
|
613 |
-
|
614 |
-
$
|
615 |
-
$g
|
616 |
-
$g
|
617 |
-
$this->FinalTilesdb->
|
618 |
-
$
|
619 |
-
|
620 |
-
|
621 |
-
$image->
|
622 |
-
|
623 |
-
|
624 |
-
|
625 |
-
|
626 |
-
|
627 |
-
|
628 |
-
|
629 |
-
|
630 |
-
|
631 |
-
|
632 |
-
|
633 |
-
|
634 |
-
|
635 |
-
'finalTilesGallery',
|
636 |
-
|
637 |
-
|
638 |
-
|
639 |
-
|
640 |
-
);
|
641 |
-
|
642 |
-
|
643 |
-
'
|
644 |
-
|
645 |
-
|
646 |
-
|
647 |
-
);
|
648 |
-
|
649 |
-
|
650 |
-
wp_register_style( '
|
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 |
-
$sizes[$_size]['
|
685 |
-
$sizes[$_size]['
|
686 |
-
|
687 |
-
|
688 |
-
|
689 |
-
'
|
690 |
-
'
|
691 |
-
|
692 |
-
|
693 |
-
|
694 |
-
|
695 |
-
|
696 |
-
|
697 |
-
|
698 |
-
|
699 |
-
|
700 |
-
|
701 |
-
|
702 |
-
|
703 |
-
wp_enqueue_script( 'jquery' );
|
704 |
-
wp_enqueue_script( 'jquery-ui-
|
705 |
-
wp_enqueue_script( '
|
706 |
-
|
707 |
-
|
708 |
-
wp_enqueue_script( '
|
709 |
-
|
710 |
-
|
711 |
-
|
712 |
-
|
713 |
-
|
714 |
-
|
715 |
-
|
716 |
-
|
717 |
-
|
718 |
-
|
719 |
-
'
|
720 |
-
'
|
721 |
-
'
|
722 |
-
|
723 |
-
|
724 |
-
|
725 |
-
|
726 |
-
|
727 |
-
|
728 |
-
|
729 |
-
|
730 |
-
|
731 |
-
|
732 |
-
|
733 |
-
|
734 |
-
'Final Tiles Gallery',
|
735 |
-
'
|
736 |
-
'
|
737 |
-
'
|
738 |
-
|
739 |
-
|
740 |
-
|
741 |
-
|
742 |
-
'
|
743 |
-
esc_html__( '
|
744 |
-
|
745 |
-
'
|
746 |
-
'
|
747 |
-
|
748 |
-
);
|
749 |
-
add_action( 'load-' . $
|
750 |
-
|
751 |
-
|
752 |
-
|
753 |
-
|
754 |
-
|
755 |
-
|
756 |
-
|
757 |
-
|
758 |
-
|
759 |
-
|
760 |
-
|
761 |
-
|
762 |
-
|
763 |
-
|
764 |
-
|
765 |
-
|
766 |
-
|
767 |
-
|
768 |
-
$
|
769 |
-
|
770 |
-
|
771 |
-
|
772 |
-
|
773 |
-
|
774 |
-
"
|
775 |
-
"
|
776 |
-
"
|
777 |
-
"
|
778 |
-
"
|
779 |
-
|
780 |
-
);
|
781 |
-
$
|
782 |
-
$
|
783 |
-
|
784 |
-
|
785 |
-
|
786 |
-
|
787 |
-
|
788 |
-
|
789 |
-
|
790 |
-
|
791 |
-
|
792 |
-
|
793 |
-
|
794 |
-
|
795 |
-
|
796 |
-
|
797 |
-
|
798 |
-
|
799 |
-
|
800 |
-
|
801 |
-
|
802 |
-
|
803 |
-
|
804 |
-
|
805 |
-
|
806 |
-
|
807 |
-
|
808 |
-
|
809 |
-
|
810 |
-
|
811 |
-
|
812 |
-
|
813 |
-
|
814 |
-
|
815 |
-
$
|
816 |
-
$
|
817 |
-
|
818 |
-
|
819 |
-
|
820 |
-
|
821 |
-
|
822 |
-
|
823 |
-
$
|
824 |
-
$
|
825 |
-
|
826 |
-
'
|
827 |
-
'
|
828 |
-
'
|
829 |
-
'
|
830 |
-
'
|
831 |
-
'
|
832 |
-
|
833 |
-
);
|
834 |
-
|
835 |
-
|
836 |
-
|
837 |
-
|
838 |
-
|
839 |
-
|
840 |
-
|
841 |
-
|
842 |
-
|
843 |
-
|
844 |
-
$
|
845 |
-
$
|
846 |
-
|
847 |
-
"
|
848 |
-
"
|
849 |
-
"
|
850 |
-
"
|
851 |
-
"
|
852 |
-
|
853 |
-
);
|
854 |
-
$
|
855 |
-
$
|
856 |
-
|
857 |
-
|
858 |
-
|
859 |
-
|
860 |
-
|
861 |
-
|
862 |
-
|
863 |
-
|
864 |
-
|
865 |
-
|
866 |
-
|
867 |
-
|
868 |
-
|
869 |
-
|
870 |
-
|
871 |
-
|
872 |
-
|
873 |
-
|
874 |
-
|
875 |
-
|
876 |
-
|
877 |
-
|
878 |
-
|
879 |
-
|
880 |
-
|
881 |
-
|
882 |
-
|
883 |
-
|
884 |
-
|
885 |
-
|
886 |
-
|
887 |
-
|
888 |
-
|
889 |
-
|
890 |
-
|
891 |
-
|
892 |
-
|
893 |
-
|
894 |
-
$
|
895 |
-
|
896 |
-
|
897 |
-
|
898 |
-
|
899 |
-
|
900 |
-
|
901 |
-
|
902 |
-
|
903 |
-
|
904 |
-
|
905 |
-
|
906 |
-
|
907 |
-
|
908 |
-
|
909 |
-
|
910 |
-
|
911 |
-
|
912 |
-
|
913 |
-
|
914 |
-
|
915 |
-
|
916 |
-
|
917 |
-
|
918 |
-
|
919 |
-
|
920 |
-
|
921 |
-
|
922 |
-
|
923 |
-
|
924 |
-
|
925 |
-
|
926 |
-
|
927 |
-
$
|
928 |
-
$
|
929 |
-
$
|
930 |
-
|
931 |
-
|
932 |
-
|
933 |
-
|
934 |
-
|
935 |
-
|
936 |
-
|
937 |
-
|
938 |
-
|
939 |
-
|
940 |
-
|
941 |
-
|
942 |
-
|
943 |
-
|
944 |
-
|
945 |
-
|
946 |
-
|
947 |
-
|
948 |
-
|
949 |
-
|
950 |
-
|
951 |
-
$sizes[$s][
|
952 |
-
|
953 |
-
|
954 |
-
|
955 |
-
|
956 |
-
|
957 |
-
|
958 |
-
|
959 |
-
|
960 |
-
|
961 |
-
|
962 |
-
|
963 |
-
|
964 |
-
|
965 |
-
|
966 |
-
|
967 |
-
|
968 |
-
|
969 |
-
|
970 |
-
|
971 |
-
|
972 |
-
|
973 |
-
|
974 |
-
|
975 |
-
|
976 |
-
|
977 |
-
|
978 |
-
|
979 |
-
|
980 |
-
|
981 |
-
|
982 |
-
|
983 |
-
|
984 |
-
|
985 |
-
|
986 |
-
$
|
987 |
-
$
|
988 |
-
$FinalTilesGallery
|
989 |
-
|
990 |
-
|
991 |
-
|
992 |
-
|
993 |
-
|
994 |
-
|
995 |
-
|
996 |
-
|
997 |
-
|
998 |
-
|
999 |
-
|
1000 |
-
|
1001 |
-
|
1002 |
-
|
1003 |
-
|
1004 |
-
|
1005 |
-
|
1006 |
-
|
1007 |
-
|
1008 |
-
|
1009 |
-
$
|
1010 |
-
$
|
1011 |
-
$
|
1012 |
-
|
1013 |
-
|
1014 |
-
|
1015 |
-
|
1016 |
-
|
1017 |
-
$
|
1018 |
-
$
|
1019 |
-
$
|
1020 |
-
$
|
1021 |
-
$
|
1022 |
-
$
|
1023 |
-
$
|
1024 |
-
$
|
1025 |
-
$
|
1026 |
-
$
|
1027 |
-
$
|
1028 |
-
$
|
1029 |
-
|
1030 |
-
"
|
1031 |
-
"
|
1032 |
-
"
|
1033 |
-
"
|
1034 |
-
"
|
1035 |
-
"
|
1036 |
-
"
|
1037 |
-
"
|
1038 |
-
"
|
1039 |
-
"
|
1040 |
-
|
1041 |
-
|
1042 |
-
|
1043 |
-
|
1044 |
-
$
|
1045 |
-
|
1046 |
-
|
1047 |
-
$
|
1048 |
-
|
1049 |
-
|
1050 |
-
|
1051 |
-
|
1052 |
-
|
1053 |
-
|
1054 |
-
|
1055 |
-
|
1056 |
-
|
1057 |
-
|
1058 |
-
|
1059 |
-
|
1060 |
-
|
1061 |
-
|
1062 |
-
|
1063 |
-
|
1064 |
-
|
1065 |
-
|
1066 |
-
|
1067 |
-
|
1068 |
-
|
1069 |
-
|
1070 |
-
$
|
1071 |
-
$
|
1072 |
-
|
1073 |
-
"
|
1074 |
-
"
|
1075 |
-
|
1076 |
-
);
|
1077 |
-
$
|
1078 |
-
|
1079 |
-
|
1080 |
-
|
1081 |
-
|
1082 |
-
|
1083 |
-
|
1084 |
-
|
1085 |
-
|
1086 |
-
|
1087 |
-
|
1088 |
-
|
1089 |
-
|
1090 |
-
|
1091 |
-
|
1092 |
-
|
1093 |
-
|
1094 |
-
|
1095 |
-
|
1096 |
-
|
1097 |
-
|
1098 |
-
|
1099 |
-
|
1100 |
-
|
1101 |
-
|
1102 |
-
|
1103 |
-
|
1104 |
-
|
1105 |
-
|
1106 |
-
|
1107 |
-
$
|
1108 |
-
$
|
1109 |
-
$
|
1110 |
-
$
|
1111 |
-
$
|
1112 |
-
|
1113 |
-
|
1114 |
-
|
1115 |
-
|
1116 |
-
$
|
1117 |
-
|
1118 |
-
|
1119 |
-
|
1120 |
-
|
1121 |
-
|
1122 |
-
|
1123 |
-
|
1124 |
-
|
1125 |
-
|
1126 |
-
|
1127 |
-
|
1128 |
-
|
1129 |
-
|
1130 |
-
|
1131 |
-
|
1132 |
-
|
1133 |
-
|
1134 |
-
|
1135 |
-
|
1136 |
-
$data = $
|
1137 |
-
$data["
|
1138 |
-
$data["
|
1139 |
-
$data["
|
1140 |
-
$data["
|
1141 |
-
$data["
|
1142 |
-
$data["
|
1143 |
-
$data["
|
1144 |
-
$data["
|
1145 |
-
$data["
|
1146 |
-
$data["
|
1147 |
-
$
|
1148 |
-
$
|
1149 |
-
|
1150 |
-
|
1151 |
-
|
1152 |
-
$
|
1153 |
-
$
|
1154 |
-
|
1155 |
-
|
1156 |
-
|
1157 |
-
|
1158 |
-
|
1159 |
-
|
1160 |
-
|
1161 |
-
|
1162 |
-
|
1163 |
-
|
1164 |
-
|
1165 |
-
|
1166 |
-
|
1167 |
-
|
1168 |
-
|
1169 |
-
|
1170 |
-
|
1171 |
-
|
1172 |
-
|
1173 |
-
|
1174 |
-
|
1175 |
-
|
1176 |
-
|
1177 |
-
$
|
1178 |
-
$
|
1179 |
-
$
|
1180 |
-
$
|
1181 |
-
$
|
1182 |
-
$
|
1183 |
-
$
|
1184 |
-
$
|
1185 |
-
$
|
1186 |
-
$
|
1187 |
-
$
|
1188 |
-
$
|
1189 |
-
$
|
1190 |
-
$
|
1191 |
-
$
|
1192 |
-
$
|
1193 |
-
$
|
1194 |
-
$
|
1195 |
-
$
|
1196 |
-
$
|
1197 |
-
$
|
1198 |
-
$
|
1199 |
-
$
|
1200 |
-
$
|
1201 |
-
$
|
1202 |
-
$
|
1203 |
-
$
|
1204 |
-
$
|
1205 |
-
$
|
1206 |
-
$
|
1207 |
-
$
|
1208 |
-
$
|
1209 |
-
$
|
1210 |
-
$
|
1211 |
-
$
|
1212 |
-
$
|
1213 |
-
$
|
1214 |
-
$
|
1215 |
-
$
|
1216 |
-
$
|
1217 |
-
$
|
1218 |
-
$
|
1219 |
-
$
|
1220 |
-
$
|
1221 |
-
$
|
1222 |
-
|
1223 |
-
|
1224 |
-
'
|
1225 |
-
'
|
1226 |
-
'
|
1227 |
-
'
|
1228 |
-
'
|
1229 |
-
'
|
1230 |
-
'
|
1231 |
-
'
|
1232 |
-
'
|
1233 |
-
'
|
1234 |
-
'
|
1235 |
-
'
|
1236 |
-
'
|
1237 |
-
'
|
1238 |
-
'
|
1239 |
-
'
|
1240 |
-
'
|
1241 |
-
'
|
1242 |
-
'
|
1243 |
-
'
|
1244 |
-
'
|
1245 |
-
'
|
1246 |
-
'
|
1247 |
-
'
|
1248 |
-
'
|
1249 |
-
'
|
1250 |
-
'
|
1251 |
-
'
|
1252 |
-
'
|
1253 |
-
'
|
1254 |
-
'
|
1255 |
-
'
|
1256 |
-
'
|
1257 |
-
'
|
1258 |
-
'
|
1259 |
-
'
|
1260 |
-
'
|
1261 |
-
'
|
1262 |
-
'
|
1263 |
-
'
|
1264 |
-
'
|
1265 |
-
'
|
1266 |
-
'
|
1267 |
-
'
|
1268 |
-
'
|
1269 |
-
'
|
1270 |
-
'
|
1271 |
-
'
|
1272 |
-
'
|
1273 |
-
'
|
1274 |
-
'
|
1275 |
-
'
|
1276 |
-
'
|
1277 |
-
'
|
1278 |
-
'
|
1279 |
-
'
|
1280 |
-
'
|
1281 |
-
'
|
1282 |
-
'
|
1283 |
-
'
|
1284 |
-
'
|
1285 |
-
'
|
1286 |
-
'
|
1287 |
-
'
|
1288 |
-
'
|
1289 |
-
'
|
1290 |
-
'
|
1291 |
-
'
|
1292 |
-
'
|
1293 |
-
'
|
1294 |
-
'
|
1295 |
-
'
|
1296 |
-
'
|
1297 |
-
'
|
1298 |
-
'
|
1299 |
-
'
|
1300 |
-
'
|
1301 |
-
'
|
1302 |
-
'
|
1303 |
-
'
|
1304 |
-
'
|
1305 |
-
'
|
1306 |
-
'
|
1307 |
-
'
|
1308 |
-
'
|
1309 |
-
'
|
1310 |
-
'
|
1311 |
-
'
|
1312 |
-
'
|
1313 |
-
'
|
1314 |
-
'
|
1315 |
-
'
|
1316 |
-
'
|
1317 |
-
'
|
1318 |
-
'
|
1319 |
-
'
|
1320 |
-
'
|
1321 |
-
'
|
1322 |
-
'
|
1323 |
-
'
|
1324 |
-
'
|
1325 |
-
'
|
1326 |
-
'
|
1327 |
-
'
|
1328 |
-
'
|
1329 |
-
'
|
1330 |
-
|
1331 |
-
|
1332 |
-
|
1333 |
-
)
|
1334 |
-
|
1335 |
-
|
1336 |
-
|
1337 |
-
$
|
1338 |
-
}
|
1339 |
-
|
1340 |
-
|
1341 |
-
|
1342 |
-
|
1343 |
-
|
1344 |
-
|
1345 |
-
|
1346 |
-
|
1347 |
-
|
1348 |
-
|
1349 |
-
|
1350 |
-
|
1351 |
-
|
1352 |
-
|
1353 |
-
|
1354 |
-
|
1355 |
-
|
1356 |
-
|
1357 |
-
$
|
1358 |
-
|
1359 |
-
|
1360 |
-
|
1361 |
-
|
1362 |
-
|
1363 |
-
|
1364 |
-
|
1365 |
-
|
1366 |
-
|
1367 |
-
|
1368 |
-
|
1369 |
-
|
1370 |
-
|
1371 |
-
|
1372 |
-
|
1373 |
-
|
1374 |
-
|
1375 |
-
|
1376 |
-
|
1377 |
-
|
1378 |
-
|
1379 |
-
$
|
1380 |
-
|
1381 |
-
|
1382 |
-
|
1383 |
-
)
|
1384 |
-
|
1385 |
-
|
1386 |
-
|
1387 |
-
|
1388 |
-
|
1389 |
-
|
1390 |
-
|
1391 |
-
|
1392 |
-
|
1393 |
-
|
1394 |
-
|
1395 |
-
|
1396 |
-
|
1397 |
-
|
1398 |
-
|
1399 |
-
|
1400 |
-
|
1401 |
-
|
1402 |
-
|
1403 |
-
|
1404 |
-
|
1405 |
-
|
1406 |
-
|
1407 |
-
|
1408 |
-
|
1409 |
-
|
1410 |
-
wp_enqueue_script( '
|
1411 |
-
break;
|
1412 |
-
case "
|
1413 |
-
|
1414 |
-
|
1415 |
-
|
1416 |
-
|
1417 |
-
|
1418 |
-
|
1419 |
-
|
1420 |
-
|
1421 |
-
|
1422 |
-
|
1423 |
-
|
1424 |
-
|
1425 |
-
|
1426 |
-
|
1427 |
-
|
1428 |
-
|
1429 |
-
|
1430 |
-
|
1431 |
-
|
1432 |
-
|
1433 |
-
|
1434 |
-
|
1435 |
-
|
1436 |
-
|
1437 |
-
|
1438 |
-
|
1439 |
-
|
1440 |
-
|
1441 |
-
|
1442 |
-
|
1443 |
-
|
1444 |
-
wp_enqueue_script( '
|
1445 |
-
|
1446 |
-
|
1447 |
-
wp_enqueue_script( '
|
1448 |
-
|
1449 |
-
|
1450 |
-
|
1451 |
-
|
1452 |
-
|
1453 |
-
|
1454 |
-
|
1455 |
-
|
1456 |
-
|
1457 |
-
|
1458 |
-
|
1459 |
-
|
1460 |
-
|
1461 |
-
|
1462 |
-
|
1463 |
-
|
1464 |
-
|
1465 |
-
|
1466 |
-
|
1467 |
-
|
1468 |
-
|
1469 |
-
|
1470 |
-
|
1471 |
-
|
1472 |
-
|
1473 |
-
|
1474 |
-
|
1475 |
-
|
1476 |
-
|
1477 |
-
|
1478 |
-
|
1479 |
-
|
1480 |
-
|
1481 |
-
|
1482 |
-
|
1483 |
-
|
1484 |
-
|
1485 |
-
|
1486 |
-
|
1487 |
-
|
1488 |
-
|
1489 |
-
|
1490 |
-
|
1491 |
-
|
1492 |
-
|
1493 |
-
|
1494 |
-
|
1495 |
-
|
1496 |
-
|
1497 |
-
|
1498 |
-
|
1499 |
-
|
1500 |
-
|
1501 |
-
|
1502 |
-
|
1503 |
-
|
1504 |
-
|
1505 |
-
|
1506 |
-
|
1507 |
-
|
1508 |
-
|
1509 |
-
|
1510 |
-
|
1511 |
-
|
1512 |
-
|
1513 |
-
|
1514 |
-
|
1515 |
-
|
1516 |
-
|
1517 |
-
|
1518 |
-
|
1519 |
-
|
1520 |
-
|
1521 |
-
|
1522 |
-
|
1523 |
-
|
1524 |
-
|
1525 |
-
|
1526 |
-
|
1527 |
-
|
1528 |
-
|
1529 |
-
|
1530 |
-
|
1531 |
-
|
1532 |
-
|
1533 |
-
|
1534 |
-
|
1535 |
-
|
1536 |
-
|
1537 |
-
|
1538 |
-
|
1539 |
-
|
1540 |
-
|
1541 |
-
|
1542 |
-
|
1543 |
-
|
1544 |
-
|
1545 |
-
|
1546 |
-
|
1547 |
-
|
1548 |
-
|
1549 |
-
|
1550 |
-
|
1551 |
-
|
1552 |
-
|
1553 |
-
|
1554 |
-
|
1555 |
-
add_action( 'admin_enqueue_scripts', 'ftg_admin_script' );
|
1556 |
-
}
|
1557 |
-
|
1558 |
register_activation_hook( __FILE__, 'activate_finaltilesgallery' );
|
1 |
+
<?php
|
2 |
+
|
3 |
+
/**
|
4 |
+
* Plugin Name: Final Tiles Grid Gallery - Image Gallery
|
5 |
+
* Description: Wordpress Plugin for creating responsive image galleries.
|
6 |
+
* Version: 3.5.2
|
7 |
+
* Author: WPChill
|
8 |
+
* Author URI: https://wpchill.com
|
9 |
+
* Tested up to: 5.8
|
10 |
+
* Requires: 5.2 or higher
|
11 |
+
* License: GPLv3 or later
|
12 |
+
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
13 |
+
* Requires PHP: 5.6
|
14 |
+
* Text Domain: final-tiles-grid-gallery-lite
|
15 |
+
* Domain Path: /languages
|
16 |
+
*
|
17 |
+
* Copyright 2015-2019 GreenTreeLabs diego@greentreelabs.net
|
18 |
+
* Copyright 2019-2020 MachoThemes office@machothemes.com
|
19 |
+
* SVN commit with proof of ownership transfer: https://plugins.trac.wordpress.org/changeset/2163481/
|
20 |
+
* NOTE: MachoThemes took ownership of this plugin on: 09/26/2019 08:49:37 AM as can be seen from the above SVN commit.
|
21 |
+
* Copyright 2020 WPChill heyyy@wpchill.com
|
22 |
+
*
|
23 |
+
* Original Plugin URI: https://greentreelabs.net/final-tiles-gallery-lite/
|
24 |
+
* Original Author URI: https://greentreelabs.net
|
25 |
+
* Original Author: https://profiles.wordpress.org/greentreealbs/
|
26 |
+
*
|
27 |
+
*/
|
28 |
+
define( "FTGVERSION", "3.5.2" );
|
29 |
+
// Create a helper function for easy SDK access.
|
30 |
+
|
31 |
+
if ( !function_exists( 'ftg_fs' ) ) {
|
32 |
+
// Create a helper function for easy SDK access.
|
33 |
+
function ftg_fs()
|
34 |
+
{
|
35 |
+
global $ftg_fs ;
|
36 |
+
|
37 |
+
if ( !isset( $ftg_fs ) ) {
|
38 |
+
// Activate multisite network integration.
|
39 |
+
if ( !defined( 'WP_FS__PRODUCT_1002_MULTISITE' ) ) {
|
40 |
+
define( 'WP_FS__PRODUCT_1002_MULTISITE', true );
|
41 |
+
}
|
42 |
+
// Include Freemius SDK.
|
43 |
+
require_once dirname( __FILE__ ) . '/freemius/start.php';
|
44 |
+
$ftg_fs = fs_dynamic_init( array(
|
45 |
+
'id' => '1002',
|
46 |
+
'slug' => 'final-tiles-grid-gallery-lite',
|
47 |
+
'type' => 'plugin',
|
48 |
+
'public_key' => 'pk_d0e075b84d491d510a1d0a21087af',
|
49 |
+
'is_premium' => false,
|
50 |
+
'has_addons' => false,
|
51 |
+
'has_paid_plans' => true,
|
52 |
+
'trial' => array(
|
53 |
+
'days' => 14,
|
54 |
+
'is_require_payment' => true,
|
55 |
+
),
|
56 |
+
'has_affiliation' => 'all',
|
57 |
+
'menu' => array(
|
58 |
+
'slug' => 'ftg-lite-gallery-admin',
|
59 |
+
),
|
60 |
+
'is_live' => true,
|
61 |
+
) );
|
62 |
+
}
|
63 |
+
|
64 |
+
return $ftg_fs;
|
65 |
+
}
|
66 |
+
|
67 |
+
// Init Freemius.
|
68 |
+
ftg_fs();
|
69 |
+
// Signal that SDK was initiated.
|
70 |
+
do_action( 'ftg_fs_loaded' );
|
71 |
+
}
|
72 |
+
|
73 |
+
function activate_finaltilesgallery()
|
74 |
+
{
|
75 |
+
global $wpdb ;
|
76 |
+
include_once 'lib/install-db.php';
|
77 |
+
FinalTiles_Gallery::define_db_tables();
|
78 |
+
FinalTilesdb::updateConfiguration();
|
79 |
+
|
80 |
+
if ( is_multisite() ) {
|
81 |
+
foreach ( $wpdb->get_col( "SELECT blog_id FROM {$wpdb->blogs}" ) as $blog_id ) {
|
82 |
+
switch_to_blog( $blog_id );
|
83 |
+
install_db();
|
84 |
+
restore_current_blog();
|
85 |
+
}
|
86 |
+
} else {
|
87 |
+
install_db();
|
88 |
+
}
|
89 |
+
|
90 |
+
}
|
91 |
+
|
92 |
+
define( "FTG_PLAN", "free" );
|
93 |
+
if ( !class_exists( 'FinalTiles_Gallery' ) ) {
|
94 |
+
class FinalTiles_Gallery
|
95 |
+
{
|
96 |
+
private $defaultValues = array(
|
97 |
+
'aClass' => '',
|
98 |
+
'afterGalleryText' => '',
|
99 |
+
'allFilterLabel' => 'All',
|
100 |
+
'ajaxLoading' => 'F',
|
101 |
+
'backgroundColor' => 'transparent',
|
102 |
+
'beforeGalleryText' => '',
|
103 |
+
'blank' => 'F',
|
104 |
+
'borderColor' => 'transparent',
|
105 |
+
'borderRadius' => 0,
|
106 |
+
'borderSize' => 0,
|
107 |
+
'captionBackgroundColor' => '#000000',
|
108 |
+
'captionBehavior' => 'none',
|
109 |
+
'captionColor' => '#ffffff',
|
110 |
+
'captionCustomFields' => '',
|
111 |
+
'captionEasing' => 'linear',
|
112 |
+
'captionEffect' => 'slide-from-bottom',
|
113 |
+
'captionEffectDuration' => 250,
|
114 |
+
'captionEmpty' => 'hide',
|
115 |
+
'captionFontSize' => 12,
|
116 |
+
'captionFrame' => 'F',
|
117 |
+
'captionFrameColor' => '#ffffff',
|
118 |
+
'captionHorizontalAlignment' => 'center',
|
119 |
+
'captionIcon' => 'zoom',
|
120 |
+
'captionIconColor' => '#ffffff',
|
121 |
+
'captionIconSize' => 12,
|
122 |
+
'captionMobileBehavior' => "desktop",
|
123 |
+
'captionOpacity' => 80,
|
124 |
+
'captionPosition' => 'inside',
|
125 |
+
'captionVerticalAlignment' => 'middle',
|
126 |
+
'categoriesAsFilters' => 'F',
|
127 |
+
'columns' => 4,
|
128 |
+
'columnsPhoneLandscape' => 3,
|
129 |
+
'columnsPhonePortrait' => 2,
|
130 |
+
'columnsTabletLandscape' => 4,
|
131 |
+
'columnsTabletPortrait' => 3,
|
132 |
+
'compressHTML' => 'T',
|
133 |
+
'customCaptionIcon' => '',
|
134 |
+
'defaultFilter' => '',
|
135 |
+
'defaultSize' => 'medium',
|
136 |
+
'delay' => 0,
|
137 |
+
'disableLightboxGroups' => 'F',
|
138 |
+
'enableFacebook' => 'F',
|
139 |
+
'enablePinterest' => 'F',
|
140 |
+
'enableTwitter' => 'F',
|
141 |
+
'enlargeImages' => 'T',
|
142 |
+
'filterClick' => 'F',
|
143 |
+
'filters' => '',
|
144 |
+
'gridCellSize' => 25,
|
145 |
+
'gridCellSizeDisabledBelow' => 800,
|
146 |
+
'hoverDuration' => 250,
|
147 |
+
'hoverIconRotation' => 'F',
|
148 |
+
'hoverRotation' => 0,
|
149 |
+
'hoverZoom' => 100,
|
150 |
+
'imageSizeFactor' => 30,
|
151 |
+
'imageSizeFactorCustom' => '',
|
152 |
+
'imageSizeFactorPhoneLandscape' => 30,
|
153 |
+
'imageSizeFactorPhonePortrait' => 20,
|
154 |
+
'imageSizeFactorTabletLandscape' => 30,
|
155 |
+
'imageSizeFactorTabletPortrait' => 20,
|
156 |
+
'imagesOrder' => 'user',
|
157 |
+
'layout' => 'final',
|
158 |
+
'lazyLoad' => false,
|
159 |
+
'lightbox' => 'lightbox2',
|
160 |
+
'lightboxImageSize' => 'large',
|
161 |
+
'lightboxOptions' => '',
|
162 |
+
'lightboxOptionsMobile' => '',
|
163 |
+
'loadedDuration' => 500,
|
164 |
+
'loadedEasing' => 'ease-out',
|
165 |
+
'loadedHSlide' => 0,
|
166 |
+
'loadedRotateY' => 0,
|
167 |
+
'loadedRotateX' => 0,
|
168 |
+
'loadedScaleY' => 100,
|
169 |
+
'loadedScaleX' => 100,
|
170 |
+
'loadedVSlide' => 0,
|
171 |
+
'loadingBarBackgroundColor' => "#fff",
|
172 |
+
'loadingBarColor' => "#666",
|
173 |
+
'loadMethod' => 'sequential',
|
174 |
+
'margin' => 10,
|
175 |
+
'max_posts' => 0,
|
176 |
+
'minTileWidth' => '250',
|
177 |
+
'mobileLightbox' => 'lightbox2',
|
178 |
+
'post_types' => '',
|
179 |
+
'post_taxonomies' => '',
|
180 |
+
'recentPostsCaption' => 'title',
|
181 |
+
'recentPostsCaptionAutoExcerptLength' => 20,
|
182 |
+
'rel' => '',
|
183 |
+
'reverseOrder' => false,
|
184 |
+
'script' => '',
|
185 |
+
'shadowColor' => '#cccccc',
|
186 |
+
'shadowSize' => 0,
|
187 |
+
'socialIconColor' => '#ffffff',
|
188 |
+
'socialIconPosition' => 'bottom',
|
189 |
+
'socialIconStyle' => 'none',
|
190 |
+
'source' => 'images',
|
191 |
+
'style' => '',
|
192 |
+
'support' => 'F',
|
193 |
+
'supportText' => 'Powered by Final Tiles Grid Gallery',
|
194 |
+
'taxonomyOperator' => 'OR',
|
195 |
+
'tilesPerPage' => 0,
|
196 |
+
'titleFontSize' => 14,
|
197 |
+
'width' => '100%',
|
198 |
+
'wp_field_caption' => 'description',
|
199 |
+
'wp_field_title' => 'title',
|
200 |
+
) ;
|
201 |
+
//Constructor
|
202 |
+
public function __construct()
|
203 |
+
{
|
204 |
+
$this->plugin_name = plugin_basename( __FILE__ );
|
205 |
+
$this->define_constants();
|
206 |
+
$this->setupFields();
|
207 |
+
$this->define_db_tables();
|
208 |
+
$this->FinalTilesdb = $this->create_db_conn();
|
209 |
+
add_filter( 'widget_text', 'do_shortcode' );
|
210 |
+
add_action( 'init', array( $this, 'create_textdomain' ) );
|
211 |
+
add_action( 'wp_enqueue_scripts', array( $this, 'add_gallery_scripts' ) );
|
212 |
+
//add_action( 'admin_init', array($this,'gallery_admin_init') );
|
213 |
+
add_action( 'admin_menu', array( $this, 'add_gallery_admin_menu' ) );
|
214 |
+
add_action( 'init', array( $this, 'register_gutenberg_block' ) );
|
215 |
+
add_shortcode( 'FinalTilesGallery', array( $this, 'gallery_shortcode_handler' ) );
|
216 |
+
add_action( 'wp_ajax_save_gallery', array( $this, 'save_gallery' ) );
|
217 |
+
add_action( 'wp_ajax_add_new_gallery', array( $this, 'add_new_gallery' ) );
|
218 |
+
add_action( 'wp_ajax_delete_gallery', array( $this, 'delete_gallery' ) );
|
219 |
+
add_action( 'wp_ajax_clone_gallery', array( $this, 'clone_gallery' ) );
|
220 |
+
add_action( 'wp_ajax_save_image', array( $this, 'save_image' ) );
|
221 |
+
add_action( 'wp_ajax_add_image', array( $this, 'add_image' ) );
|
222 |
+
add_action( 'wp_ajax_save_video', array( $this, 'save_video' ) );
|
223 |
+
add_action( 'wp_ajax_sort_images', array( $this, 'sort_images' ) );
|
224 |
+
add_action( 'wp_ajax_delete_image', array( $this, 'delete_image' ) );
|
225 |
+
add_action( 'wp_ajax_assign_filters', array( $this, 'assign_filters' ) );
|
226 |
+
add_action( 'wp_ajax_assign_group', array( $this, 'assign_group' ) );
|
227 |
+
add_action( 'wp_ajax_toggle_visibility', array( $this, 'toggle_visibility' ) );
|
228 |
+
add_action( 'wp_ajax_refresh_gallery', array( $this, 'refresh_gallery' ) );
|
229 |
+
add_action( 'wp_ajax_get_gallery_configuration', array( $this, 'get_configuration' ) );
|
230 |
+
add_action( 'wp_ajax_update_gallery_configuration', array( $this, 'update_configuration' ) );
|
231 |
+
add_action( 'wp_ajax_get_image_size_url', array( $this, 'get_image_size_url' ) );
|
232 |
+
add_filter( 'mce_buttons', array( $this, 'editor_button' ) );
|
233 |
+
add_filter( 'mce_external_plugins', array( $this, 'register_editor_plugin' ) );
|
234 |
+
add_action( 'wp_ajax_ftg_shortcode_editor', array( $this, 'ftg_shortcode_editor' ) );
|
235 |
+
add_filter(
|
236 |
+
'plugin_row_meta',
|
237 |
+
array( $this, 'register_links' ),
|
238 |
+
10,
|
239 |
+
2
|
240 |
+
);
|
241 |
+
add_action( 'wp_ajax_load_chunk', array( $this, 'load_chunk' ) );
|
242 |
+
add_action( 'wp_ajax_nopriv_load_chunk', array( $this, 'load_chunk' ) );
|
243 |
+
|
244 |
+
if ( ftg_fs()->is_not_paying() ) {
|
245 |
+
add_action( 'admin_notices', array( $this, 'review' ) );
|
246 |
+
add_action( 'wp_ajax_ftg_dismiss_review', array( $this, 'dismiss_review' ) );
|
247 |
+
add_filter(
|
248 |
+
'admin_footer_text',
|
249 |
+
array( $this, 'admin_footer' ),
|
250 |
+
1,
|
251 |
+
2
|
252 |
+
);
|
253 |
+
}
|
254 |
+
|
255 |
+
$this->resetFields();
|
256 |
+
}
|
257 |
+
|
258 |
+
/**
|
259 |
+
* Register Gutenberg Block
|
260 |
+
*/
|
261 |
+
public function register_gutenberg_block()
|
262 |
+
{
|
263 |
+
if ( !function_exists( 'register_block_type' ) ) {
|
264 |
+
// Gutenberg is not active.
|
265 |
+
return;
|
266 |
+
}
|
267 |
+
// Register block js script
|
268 |
+
wp_register_script( 'ftg-gallery-block', plugins_url( 'scripts/gutenberg_block.js', __FILE__ ), array(
|
269 |
+
'wp-blocks',
|
270 |
+
'wp-i18n',
|
271 |
+
'wp-element',
|
272 |
+
'wp-editor',
|
273 |
+
'wp-components'
|
274 |
+
) );
|
275 |
+
// Editor CSS
|
276 |
+
wp_register_style( 'ftg-gallery-block-editor', plugins_url( 'admin/css/gutenberg_block.css', __FILE__ ), array( 'wp-edit-blocks' ) );
|
277 |
+
// Register block
|
278 |
+
register_block_type( 'ftg/gallery', array(
|
279 |
+
'editor_style' => 'ftg-gallery-block-editor',
|
280 |
+
'editor_script' => 'ftg-gallery-block',
|
281 |
+
) );
|
282 |
+
// Set block translation
|
283 |
+
wp_set_script_translations( 'FinalTiles-gallery', 'final-tiles-gallery', dirname( plugin_basename( __FILE__ ) ) . '/lib/languages/' );
|
284 |
+
$galls = [ [
|
285 |
+
'value' => 0,
|
286 |
+
'label' => esc_html__( 'Select gallery', 'final-tiles-grid-gallery-lite' ),
|
287 |
+
] ];
|
288 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
289 |
+
if ( $galleries ) {
|
290 |
+
foreach ( $galleries as $g ) {
|
291 |
+
$galls[] = [
|
292 |
+
'value' => $g->Id,
|
293 |
+
'label' => $g->name,
|
294 |
+
];
|
295 |
+
}
|
296 |
+
}
|
297 |
+
// send list of galleries to block
|
298 |
+
wp_localize_script( 'ftg-gallery-block', 'ftg_galleries', array(
|
299 |
+
'items' => $galls,
|
300 |
+
'add_new_galler_url' => admin_url( 'admin.php?page=ftg-add-gallery' ),
|
301 |
+
) );
|
302 |
+
}
|
303 |
+
|
304 |
+
public function review()
|
305 |
+
{
|
306 |
+
// Verify that we can do a check for reviews.
|
307 |
+
$review = get_option( 'ftg_review' );
|
308 |
+
$time = time();
|
309 |
+
$load = false;
|
310 |
+
$there_was_review = false;
|
311 |
+
|
312 |
+
if ( !$review ) {
|
313 |
+
$review = array(
|
314 |
+
'time' => $time,
|
315 |
+
'dismissed' => false,
|
316 |
+
);
|
317 |
+
$load = true;
|
318 |
+
$there_was_review = false;
|
319 |
+
} else {
|
320 |
+
// Check if it has been dismissed or not.
|
321 |
+
if ( isset( $review['dismissed'] ) && !$review['dismissed'] && (isset( $review['time'] ) && $review['time'] + DAY_IN_SECONDS <= $time) ) {
|
322 |
+
$load = true;
|
323 |
+
}
|
324 |
+
}
|
325 |
+
|
326 |
+
// If we cannot load, return early.
|
327 |
+
if ( !$load ) {
|
328 |
+
return;
|
329 |
+
}
|
330 |
+
// Update the review option now.
|
331 |
+
update_option( 'ftg_review', $review );
|
332 |
+
// Run through optins on the site to see if any have been loaded for more than a week.
|
333 |
+
$valid = false;
|
334 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
335 |
+
if ( !$galleries ) {
|
336 |
+
return;
|
337 |
+
}
|
338 |
+
$with_date = false;
|
339 |
+
foreach ( $galleries as $gallery ) {
|
340 |
+
if ( !isset( $gallery->date ) ) {
|
341 |
+
continue;
|
342 |
+
}
|
343 |
+
$with_date = true;
|
344 |
+
$data = $gallery->date;
|
345 |
+
// Check the creation date of the local optin. It must be at least one week after.
|
346 |
+
$created = ( isset( $data ) ? strtotime( $data ) + 7 * DAY_IN_SECONDS : false );
|
347 |
+
if ( !$created ) {
|
348 |
+
continue;
|
349 |
+
}
|
350 |
+
|
351 |
+
if ( $created <= $time ) {
|
352 |
+
$valid = true;
|
353 |
+
break;
|
354 |
+
}
|
355 |
+
|
356 |
+
}
|
357 |
+
if ( !$with_date && count( $galleries ) > 0 && !$there_was_review ) {
|
358 |
+
$valid = true;
|
359 |
+
}
|
360 |
+
// If we don't have a valid option yet, return.
|
361 |
+
if ( !$valid ) {
|
362 |
+
return;
|
363 |
+
}
|
364 |
+
// We have a candidate! Output a review message.
|
365 |
+
?>
|
366 |
+
<div class="notice notice-info is-dismissible ftg-review-notice">
|
367 |
+
<p><?php
|
368 |
+
esc_html_e( 'Hey, I noticed you created a photo gallery with Final Tiles - that’s awesome! Would you mind give it a 5-star rating on WordPress to help us spread the word and boost our motivation for new featrues?', 'final-tiles-grid-gallery-lite' );
|
369 |
+
?></p>
|
370 |
+
<p><strong><?php
|
371 |
+
esc_html_e( 'MachoThemes', 'final-tiles-grid-gallery-lite' );
|
372 |
+
?></strong></p>
|
373 |
+
<p>
|
374 |
+
<a href="https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post" class="ftg-dismiss-review-notice ftg-review-out" target="_blank" rel="noopener"><?php
|
375 |
+
esc_html_e( 'Ok, you deserve it', 'final-tiles-grid-gallery-lite' );
|
376 |
+
?></a><br>
|
377 |
+
<a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
|
378 |
+
esc_html_e( 'Nope, maybe later', 'final-tiles-grid-gallery-lite' );
|
379 |
+
?></a><br>
|
380 |
+
<a href="#" class="ftg-dismiss-review-notice" rel="noopener"><?php
|
381 |
+
esc_html_e( 'I already did', 'final-tiles-grid-gallery-lite' );
|
382 |
+
?></a><br>
|
383 |
+
</p>
|
384 |
+
</div>
|
385 |
+
<script type="text/javascript">
|
386 |
+
jQuery(document).ready( function($) {
|
387 |
+
$(document).on('click', '.ftg-dismiss-review-notice, .ftg-review-notice button', function( event ) {
|
388 |
+
if ( ! $(this).hasClass('ftg-review-out') ) {
|
389 |
+
event.preventDefault();
|
390 |
+
}
|
391 |
+
|
392 |
+
$.post( ajaxurl, {
|
393 |
+
action: 'ftg_dismiss_review'
|
394 |
+
});
|
395 |
+
|
396 |
+
$('.ftg-review-notice').remove();
|
397 |
+
});
|
398 |
+
});
|
399 |
+
</script>
|
400 |
+
<?php
|
401 |
+
}
|
402 |
+
|
403 |
+
public function dismiss_review()
|
404 |
+
{
|
405 |
+
$review = get_option( 'ftg_review' );
|
406 |
+
if ( !$review ) {
|
407 |
+
$review = array();
|
408 |
+
}
|
409 |
+
$review['time'] = time();
|
410 |
+
$review['dismissed'] = true;
|
411 |
+
update_option( 'ftg_review', $review );
|
412 |
+
die;
|
413 |
+
}
|
414 |
+
|
415 |
+
public function admin_footer( $text )
|
416 |
+
{
|
417 |
+
global $current_screen ;
|
418 |
+
|
419 |
+
if ( !empty($current_screen->id) && strpos( $current_screen->id, 'ftg' ) !== false ) {
|
420 |
+
$url = esc_url( 'https://wordpress.org/support/plugin/final-tiles-grid-gallery-lite/reviews/?filter=5#new-post' );
|
421 |
+
$text = sprintf( __( 'Please rate <strong>Final Tiles Gallery</strong> <a href="%s" target="_blank">★★★★★</a> on <a href="%s" target="_blank">WordPress.org</a> to help us spread the word. Thank you from the Final Tiles Gallery team!', 'final-tiles-grid-gallery-lite' ), $url, $url );
|
422 |
+
}
|
423 |
+
|
424 |
+
return $text;
|
425 |
+
}
|
426 |
+
|
427 |
+
private function resetFields()
|
428 |
+
{
|
429 |
+
$keys = array(
|
430 |
+
'name',
|
431 |
+
'hiddenFor',
|
432 |
+
'type',
|
433 |
+
'description',
|
434 |
+
'default',
|
435 |
+
'min',
|
436 |
+
'max',
|
437 |
+
'mu',
|
438 |
+
'excludeFrom'
|
439 |
+
);
|
440 |
+
foreach ( $this->fields as $tab_name => $tab ) {
|
441 |
+
foreach ( $tab["fields"] as $key => $field ) {
|
442 |
+
//print_r($field);
|
443 |
+
foreach ( $keys as $kk ) {
|
444 |
+
if ( !array_key_exists( $kk, $field ) ) {
|
445 |
+
$this->fields[$tab_name]["fields"][$key][$kk] = "";
|
446 |
+
}
|
447 |
+
}
|
448 |
+
}
|
449 |
+
}
|
450 |
+
//print_r($this->fields);
|
451 |
+
}
|
452 |
+
|
453 |
+
public function register_links( $links, $file )
|
454 |
+
{
|
455 |
+
$base = plugin_basename( __FILE__ );
|
456 |
+
|
457 |
+
if ( $file == $base ) {
|
458 |
+
$links[] = '<a href="admin.php?page=ftg-lite-gallery-admin" title="Final Tiles Grid Gallery Dashboard">Dashboard</a>';
|
459 |
+
$links[] = '<a href="https://www.machothemes.com/" title="MachoThemes website">MachoThemes</a>';
|
460 |
+
$links[] = '<a href="https://twitter.com/machothemes" title="@MachoThemes on Twitter">Twitter</a>';
|
461 |
+
$links[] = '<a href="https://www.facebook.com/machothemes" title="MachoThemes on Facebook">Facebook</a>';
|
462 |
+
}
|
463 |
+
|
464 |
+
return $links;
|
465 |
+
}
|
466 |
+
|
467 |
+
/*public function create_db_tables()
|
468 |
+
{
|
469 |
+
include_once 'lib/install-db.php';
|
470 |
+
install_db();
|
471 |
+
}
|
472 |
+
|
473 |
+
public function activation()
|
474 |
+
{
|
475 |
+
|
476 |
+
}*/
|
477 |
+
//Define textdomain
|
478 |
+
public function create_textdomain()
|
479 |
+
{
|
480 |
+
$plugin_dir = basename( dirname( __FILE__ ) );
|
481 |
+
load_plugin_textdomain( 'final-tiles-grid-gallery-lite', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );
|
482 |
+
foreach ( $this->fields as $s => $section ) {
|
483 |
+
foreach ( $section["fields"] as $f => $field ) {
|
484 |
+
$this->fields[$s]["fields"][$f]["description"] = esc_html__( $this->fields[$s]["fields"][$f]["description"], 'final-tiles-grid-gallery-lite' );
|
485 |
+
}
|
486 |
+
}
|
487 |
+
}
|
488 |
+
|
489 |
+
//Define constants
|
490 |
+
public function define_constants()
|
491 |
+
{
|
492 |
+
if ( !defined( 'FINALTILESGALLERY_PLUGIN_BASENAME' ) ) {
|
493 |
+
define( 'FINALTILESGALLERY_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
|
494 |
+
}
|
495 |
+
if ( !defined( 'FINALTILESGALLERY_PLUGIN_NAME' ) ) {
|
496 |
+
define( 'FINALTILESGALLERY_PLUGIN_NAME', trim( dirname( FINALTILESGALLERY_PLUGIN_BASENAME ), '/' ) );
|
497 |
+
}
|
498 |
+
if ( !defined( 'FINALTILESGALLERY_PLUGIN_DIR' ) ) {
|
499 |
+
define( 'FINALTILESGALLERY_PLUGIN_DIR', WP_PLUGIN_DIR . '/' . FINALTILESGALLERY_PLUGIN_NAME );
|
500 |
+
}
|
501 |
+
}
|
502 |
+
|
503 |
+
//Define DB tables
|
504 |
+
public static function define_db_tables()
|
505 |
+
{
|
506 |
+
global $wpdb ;
|
507 |
+
$wpdb->FinalTilesGalleries = $wpdb->prefix . 'FinalTiles_gallery';
|
508 |
+
$wpdb->FinalTilesImages = $wpdb->prefix . 'FinalTiles_gallery_images';
|
509 |
+
}
|
510 |
+
|
511 |
+
public function create_db_conn()
|
512 |
+
{
|
513 |
+
require 'lib/db-class.php';
|
514 |
+
$FinalTilesdb = FinalTilesDB::getInstance();
|
515 |
+
return $FinalTilesdb;
|
516 |
+
}
|
517 |
+
|
518 |
+
public function editor_button( $buttons )
|
519 |
+
{
|
520 |
+
array_push( $buttons, 'separator', 'ftg_shortcode_editor' );
|
521 |
+
return $buttons;
|
522 |
+
}
|
523 |
+
|
524 |
+
public function register_editor_plugin( $plugin_array )
|
525 |
+
{
|
526 |
+
$plugin_array['ftg_shortcode_editor'] = plugins_url( '/admin/scripts/editor-plugin.js', __FILE__ );
|
527 |
+
return $plugin_array;
|
528 |
+
}
|
529 |
+
|
530 |
+
public function ftg_shortcode_editor()
|
531 |
+
{
|
532 |
+
$css_path = plugins_url( 'assets/css/admin.css', __FILE__ );
|
533 |
+
$admin_url = admin_url();
|
534 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
535 |
+
//load all galleries
|
536 |
+
include 'admin/include/tinymce-galleries.php';
|
537 |
+
wp_die();
|
538 |
+
}
|
539 |
+
|
540 |
+
public function attachment_fields_to_edit( $form, $post )
|
541 |
+
{
|
542 |
+
$form["ftg_link"] = array(
|
543 |
+
"label" => "Link <small>FTG</small>",
|
544 |
+
"input" => "text",
|
545 |
+
"value" => get_post_meta( $post->ID, "_ftg_link", true ),
|
546 |
+
"helps" => "",
|
547 |
+
);
|
548 |
+
$form["ftg_target"] = array(
|
549 |
+
"label" => "_blank <small>FTG</small>",
|
550 |
+
"input" => "html",
|
551 |
+
"html" => "<input type='checkbox' name='attachments[{$post->ID}][ftg_target]' id='attachments[{$post->ID}][ftg_target]' value='_mblank' " . (( get_post_meta( $post->ID, "_ftg_target", true ) == "_mblank" ? "checked" : "" )) . " />",
|
552 |
+
);
|
553 |
+
return $form;
|
554 |
+
}
|
555 |
+
|
556 |
+
public function attachment_fields_to_save( $post, $attachment )
|
557 |
+
{
|
558 |
+
if ( isset( $attachment['ftg_link'] ) ) {
|
559 |
+
update_post_meta( $post['ID'], '_ftg_link', esc_url_raw( $attachment['ftg_link'] ) );
|
560 |
+
}
|
561 |
+
if ( isset( $attachment['ftg_target'] ) ) {
|
562 |
+
update_post_meta( $post['ID'], '_ftg_target', sanitize_text_field( $attachment['ftg_target'] ) );
|
563 |
+
}
|
564 |
+
return $post;
|
565 |
+
}
|
566 |
+
|
567 |
+
//Delete gallery
|
568 |
+
public function delete_gallery()
|
569 |
+
{
|
570 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
571 |
+
$this->FinalTilesdb->deleteGallery( intval( $_POST['id'] ) );
|
572 |
+
}
|
573 |
+
return array();
|
574 |
+
}
|
575 |
+
|
576 |
+
public function update_configuration()
|
577 |
+
{
|
578 |
+
|
579 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
580 |
+
$id = $_POST['galleryId'];
|
581 |
+
$config = stripslashes( $_POST['config'] );
|
582 |
+
$this->FinalTilesdb->update_config( $id, $config );
|
583 |
+
}
|
584 |
+
|
585 |
+
exit;
|
586 |
+
}
|
587 |
+
|
588 |
+
public function get_configuration()
|
589 |
+
{
|
590 |
+
|
591 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
592 |
+
$id = $_POST['galleryId'];
|
593 |
+
$gallery = $this->FinalTilesdb->getGalleryConfig( $id );
|
594 |
+
echo $gallery ;
|
595 |
+
}
|
596 |
+
|
597 |
+
exit;
|
598 |
+
}
|
599 |
+
|
600 |
+
public function get_image_size_url()
|
601 |
+
{
|
602 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
603 |
+
echo wp_get_attachment_image_url( $_POST['id'], $_POST['size'], false ) ;
|
604 |
+
}
|
605 |
+
exit;
|
606 |
+
}
|
607 |
+
|
608 |
+
//Clone gallery
|
609 |
+
public function clone_gallery()
|
610 |
+
{
|
611 |
+
|
612 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
613 |
+
$sourceId = intval( $_POST['id'] );
|
614 |
+
$g = $this->FinalTilesdb->getGalleryById( $sourceId, true );
|
615 |
+
$g['name'] .= " (copy)";
|
616 |
+
$this->FinalTilesdb->addGallery( $g );
|
617 |
+
$id = $this->FinalTilesdb->getNewGalleryId();
|
618 |
+
$images = $this->FinalTilesdb->getImagesByGalleryId( $sourceId, 0, 0 );
|
619 |
+
foreach ( $images as &$image ) {
|
620 |
+
$image->Id = null;
|
621 |
+
$image->gid = $id;
|
622 |
+
}
|
623 |
+
$this->FinalTilesdb->addImages( $id, $images );
|
624 |
+
}
|
625 |
+
|
626 |
+
return array();
|
627 |
+
}
|
628 |
+
|
629 |
+
//Add gallery scripts
|
630 |
+
public function add_gallery_scripts()
|
631 |
+
{
|
632 |
+
wp_enqueue_script( 'jquery' );
|
633 |
+
wp_register_script(
|
634 |
+
'finalTilesGallery',
|
635 |
+
plugins_url( 'scripts/jquery.finalTilesGallery.js', __FILE__ ),
|
636 |
+
array( 'jquery' ),
|
637 |
+
FTGVERSION,
|
638 |
+
true
|
639 |
+
);
|
640 |
+
wp_enqueue_script( 'finalTilesGallery' );
|
641 |
+
wp_register_style(
|
642 |
+
'finalTilesGallery_stylesheet',
|
643 |
+
plugins_url( 'scripts/ftg.css', __FILE__ ),
|
644 |
+
array(),
|
645 |
+
FTGVERSION
|
646 |
+
);
|
647 |
+
wp_enqueue_style( 'finalTilesGallery_stylesheet' );
|
648 |
+
wp_register_script( 'lightbox2_script', plugins_url( 'lightbox/lightbox2/js/script.js', __FILE__ ), array( 'jquery' ) );
|
649 |
+
wp_register_style( 'lightbox2_stylesheet', plugins_url( 'lightbox/lightbox2/css/style.css', __FILE__ ) );
|
650 |
+
wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css' );
|
651 |
+
wp_enqueue_style( 'fontawesome_stylesheet' );
|
652 |
+
}
|
653 |
+
|
654 |
+
//Admin Section - register scripts and styles
|
655 |
+
public function gallery_admin_init()
|
656 |
+
{
|
657 |
+
if ( function_exists( 'wp_enqueue_media' ) ) {
|
658 |
+
wp_enqueue_media();
|
659 |
+
}
|
660 |
+
$ftg_db_version = '20190518';
|
661 |
+
$installed_ver = get_option( "FinalTiles_gallery_db_version" );
|
662 |
+
if ( !$installed_ver || empty($installed_ver) ) {
|
663 |
+
update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
|
664 |
+
}
|
665 |
+
|
666 |
+
if ( $installed_ver != $ftg_db_version ) {
|
667 |
+
activate_finaltilesgallery();
|
668 |
+
update_option( "FinalTiles_gallery_db_version", $ftg_db_version );
|
669 |
+
}
|
670 |
+
|
671 |
+
function ftg_get_image_sizes()
|
672 |
+
{
|
673 |
+
global $_wp_additional_image_sizes ;
|
674 |
+
$sizes = array();
|
675 |
+
foreach ( get_intermediate_image_sizes() as $_size ) {
|
676 |
+
|
677 |
+
if ( in_array( $_size, array(
|
678 |
+
'thumbnail',
|
679 |
+
'medium',
|
680 |
+
'medium_large',
|
681 |
+
'large'
|
682 |
+
) ) ) {
|
683 |
+
$sizes[$_size]['width'] = get_option( "{$_size}_size_w" );
|
684 |
+
$sizes[$_size]['height'] = get_option( "{$_size}_size_h" );
|
685 |
+
$sizes[$_size]['crop'] = (bool) get_option( "{$_size}_crop" );
|
686 |
+
} elseif ( isset( $_wp_additional_image_sizes[$_size] ) ) {
|
687 |
+
$sizes[$_size] = array(
|
688 |
+
'width' => $_wp_additional_image_sizes[$_size]['width'],
|
689 |
+
'height' => $_wp_additional_image_sizes[$_size]['height'],
|
690 |
+
'crop' => $_wp_additional_image_sizes[$_size]['crop'],
|
691 |
+
);
|
692 |
+
}
|
693 |
+
|
694 |
+
}
|
695 |
+
return $sizes;
|
696 |
+
}
|
697 |
+
|
698 |
+
foreach ( ftg_get_image_sizes() as $name => $size ) {
|
699 |
+
$this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = $name . "|" . $name . " (" . $size['width'] . 'x' . $size['height'] . (( $size['crop'] ? ' cropped)' : ')' ));
|
700 |
+
}
|
701 |
+
$this->fields["Links & Lightbox"]["fields"]["lightboxImageSize"]["values"]["Size"][] = "full|Original (full)";
|
702 |
+
wp_enqueue_script( 'jquery' );
|
703 |
+
wp_enqueue_script( 'jquery-ui-dialog' );
|
704 |
+
wp_enqueue_script( 'jquery-ui-sortable' );
|
705 |
+
wp_enqueue_script( 'wp-color-picker' );
|
706 |
+
wp_enqueue_style( 'wp-color-picker' );
|
707 |
+
wp_enqueue_script( 'media-upload' );
|
708 |
+
wp_enqueue_script( 'thickbox' );
|
709 |
+
wp_register_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:400,700,500,300,900' );
|
710 |
+
wp_enqueue_style( 'google-fonts' );
|
711 |
+
wp_register_style( 'google-icons', '//cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css', array() );
|
712 |
+
wp_enqueue_style( 'google-icons' );
|
713 |
+
wp_register_style( 'final-tiles-gallery-admin', plugins_url( 'admin/css/style.css', __FILE__ ), array( 'colors' ) );
|
714 |
+
wp_enqueue_style( 'final-tiles-gallery-admin' );
|
715 |
+
wp_register_script( 'materialize', plugins_url( 'admin/scripts/materialize.min.js', __FILE__ ), array( 'jquery' ) );
|
716 |
+
wp_enqueue_script( 'materialize' );
|
717 |
+
wp_register_script( 'final-tiles-gallery', plugins_url( 'admin/scripts/final-tiles-gallery-admin.js', __FILE__ ), array(
|
718 |
+
'jquery',
|
719 |
+
'media-upload',
|
720 |
+
'thickbox',
|
721 |
+
'materialize'
|
722 |
+
) );
|
723 |
+
wp_enqueue_script( 'final-tiles-gallery' );
|
724 |
+
wp_enqueue_style( 'thickbox' );
|
725 |
+
wp_register_style( 'fontawesome_stylesheet', '//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' );
|
726 |
+
wp_enqueue_style( 'fontawesome_stylesheet' );
|
727 |
+
}
|
728 |
+
|
729 |
+
//Create Admin Menu
|
730 |
+
public function add_gallery_admin_menu()
|
731 |
+
{
|
732 |
+
$overview = add_menu_page(
|
733 |
+
'Final Tiles Gallery',
|
734 |
+
'Final Tiles Gallery',
|
735 |
+
'edit_posts',
|
736 |
+
'ftg-lite-gallery-admin',
|
737 |
+
array( $this, 'add_overview' ),
|
738 |
+
plugins_url( 'admin/icon.png', __FILE__ )
|
739 |
+
);
|
740 |
+
$add_gallery = add_submenu_page(
|
741 |
+
'ftg-lite-gallery-admin',
|
742 |
+
esc_html__( 'FinalTiles Gallery >> Add Gallery', 'final-tiles-grid-gallery-lite' ),
|
743 |
+
esc_html__( 'Add Gallery', 'final-tiles-grid-gallery-lite' ),
|
744 |
+
'edit_posts',
|
745 |
+
'ftg-add-gallery',
|
746 |
+
array( $this, 'add_gallery' )
|
747 |
+
);
|
748 |
+
add_action( 'load-' . $overview, array( $this, 'gallery_admin_init' ) );
|
749 |
+
add_action( 'load-' . $add_gallery, array( $this, 'gallery_admin_init' ) );
|
750 |
+
/*if(! class_exists("PhotoBlocks"))
|
751 |
+
{
|
752 |
+
$photoblocks = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> PhotoBlocks', 'FinalTiles-gallery'), __('PhotoBlocks', 'FinalTiles-gallery'), 'edit_posts', 'ftg-photoblocks', array($this, 'photoblocks'));
|
753 |
+
add_action('load-' . $photoblocks, array($this, 'gallery_admin_init'));
|
754 |
+
}
|
755 |
+
|
756 |
+
if(! class_exists("EverlightBox"))
|
757 |
+
{
|
758 |
+
$everlightbox = add_submenu_page('ftg-lite-gallery-admin', __('FinalTiles Gallery >> EverlightBox', 'FinalTiles-gallery'), __('EverlightBox', 'FinalTiles-gallery'), 'edit_posts', 'ftg-everlightbox', array($this, 'everlightbox'));
|
759 |
+
add_action('load-' . $everlightbox, array($this, 'gallery_admin_init'));
|
760 |
+
}*/
|
761 |
+
}
|
762 |
+
|
763 |
+
//Create Admin Pages
|
764 |
+
public function add_overview()
|
765 |
+
{
|
766 |
+
global $ftg_fields ;
|
767 |
+
$ftg_fields = $this->fields;
|
768 |
+
global $ftg_parent_page ;
|
769 |
+
$ftg_parent_page = "dashboard";
|
770 |
+
|
771 |
+
if ( array_key_exists( "id", $_GET ) ) {
|
772 |
+
$woocommerce_post_types = array(
|
773 |
+
"product",
|
774 |
+
"product_variation",
|
775 |
+
"shop_order",
|
776 |
+
"shop_order_refund",
|
777 |
+
"shop_coupon",
|
778 |
+
"shop_webhook"
|
779 |
+
);
|
780 |
+
$wp_post_types = array( "revision", "nav_menu_item" );
|
781 |
+
$excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
|
782 |
+
$woo_categories = $this->getWooCategories();
|
783 |
+
include "admin/edit-gallery.php";
|
784 |
+
} else {
|
785 |
+
include "admin/overview.php";
|
786 |
+
}
|
787 |
+
|
788 |
+
}
|
789 |
+
|
790 |
+
public function tutorial()
|
791 |
+
{
|
792 |
+
include "admin/tutorial.php";
|
793 |
+
}
|
794 |
+
|
795 |
+
public function support()
|
796 |
+
{
|
797 |
+
include "admin/support.php";
|
798 |
+
}
|
799 |
+
|
800 |
+
public function photoblocks()
|
801 |
+
{
|
802 |
+
include "admin/photoblocks.php";
|
803 |
+
}
|
804 |
+
|
805 |
+
public function everlightbox()
|
806 |
+
{
|
807 |
+
include "admin/everlightbox.php";
|
808 |
+
}
|
809 |
+
|
810 |
+
private function getWooCategories()
|
811 |
+
{
|
812 |
+
|
813 |
+
if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
|
814 |
+
$taxonomy = 'product_cat';
|
815 |
+
$orderby = 'name';
|
816 |
+
$show_count = 0;
|
817 |
+
// 1 for yes, 0 for no
|
818 |
+
$pad_counts = 0;
|
819 |
+
// 1 for yes, 0 for no
|
820 |
+
$hierarchical = 1;
|
821 |
+
// 1 for yes, 0 for no
|
822 |
+
$title = '';
|
823 |
+
$empty = 0;
|
824 |
+
$args = array(
|
825 |
+
'taxonomy' => $taxonomy,
|
826 |
+
'orderby' => $orderby,
|
827 |
+
'show_count' => $show_count,
|
828 |
+
'pad_counts' => $pad_counts,
|
829 |
+
'hierarchical' => $hierarchical,
|
830 |
+
'title_li' => $title,
|
831 |
+
'hide_empty' => $empty,
|
832 |
+
);
|
833 |
+
return get_categories( $args );
|
834 |
+
} else {
|
835 |
+
return array();
|
836 |
+
}
|
837 |
+
|
838 |
+
}
|
839 |
+
|
840 |
+
public function add_gallery()
|
841 |
+
{
|
842 |
+
global $ftg_fields ;
|
843 |
+
$ftg_fields = $this->fields;
|
844 |
+
$gallery = null;
|
845 |
+
$woocommerce_post_types = array(
|
846 |
+
"product",
|
847 |
+
"product_variation",
|
848 |
+
"shop_order",
|
849 |
+
"shop_order_refund",
|
850 |
+
"shop_coupon",
|
851 |
+
"shop_webhook"
|
852 |
+
);
|
853 |
+
$wp_post_types = array( "revision", "nav_menu_item" );
|
854 |
+
$excluded_post_types = array_merge( $wp_post_types, $woocommerce_post_types );
|
855 |
+
$woo_categories = $this->getWooCategories();
|
856 |
+
include "admin/add-gallery.php";
|
857 |
+
}
|
858 |
+
|
859 |
+
public function delete_image()
|
860 |
+
{
|
861 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
862 |
+
foreach ( explode( ",", $_POST["id"] ) as $id ) {
|
863 |
+
$this->FinalTilesdb->deleteImage( intval( $id ) );
|
864 |
+
}
|
865 |
+
}
|
866 |
+
wp_die();
|
867 |
+
}
|
868 |
+
|
869 |
+
public function assign_filters()
|
870 |
+
{
|
871 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
872 |
+
|
873 |
+
if ( $_POST['source'] == 'posts' ) {
|
874 |
+
foreach ( explode( ",", $_POST["id"] ) as $id ) {
|
875 |
+
update_post_meta( intval( $id ), 'ftg_filters', sanitize_text_field( $_POST['filters'] ) );
|
876 |
+
}
|
877 |
+
} else {
|
878 |
+
foreach ( explode( ",", $_POST["id"] ) as $id ) {
|
879 |
+
$result = $this->FinalTilesdb->editImage( $id, array(
|
880 |
+
"filters" => sanitize_text_field( $_POST["filters"] ),
|
881 |
+
) );
|
882 |
+
}
|
883 |
+
}
|
884 |
+
|
885 |
+
}
|
886 |
+
wp_die();
|
887 |
+
}
|
888 |
+
|
889 |
+
public function toggle_visibility()
|
890 |
+
{
|
891 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
892 |
+
foreach ( explode( ",", $_POST["id"] ) as $id ) {
|
893 |
+
$image = $this->FinalTilesdb->getImage( $id );
|
894 |
+
$this->FinalTilesdb->editImage( $id, array(
|
895 |
+
"hidden" => ( $image->hidden == 'T' ? 'F' : 'T' ),
|
896 |
+
) );
|
897 |
+
}
|
898 |
+
}
|
899 |
+
wp_die();
|
900 |
+
}
|
901 |
+
|
902 |
+
public function assign_group()
|
903 |
+
{
|
904 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
905 |
+
|
906 |
+
if ( $_POST['source'] == 'posts' ) {
|
907 |
+
foreach ( explode( ",", $_POST["id"] ) as $id ) {
|
908 |
+
update_post_meta( intval( $id ), 'ftg_group', sanitize_text_field( $_POST['group'] ) );
|
909 |
+
}
|
910 |
+
} else {
|
911 |
+
foreach ( explode( ",", $_POST["id"] ) as $id ) {
|
912 |
+
$result = $this->FinalTilesdb->editImage( $id, array(
|
913 |
+
"group" => sanitize_text_field( $_POST["group"] ),
|
914 |
+
) );
|
915 |
+
}
|
916 |
+
}
|
917 |
+
|
918 |
+
}
|
919 |
+
wp_die();
|
920 |
+
}
|
921 |
+
|
922 |
+
public function add_image()
|
923 |
+
{
|
924 |
+
|
925 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
926 |
+
$gid = intval( $_POST['galleryId'] );
|
927 |
+
$enc_images = stripslashes( $_POST["enc_images"] );
|
928 |
+
$images = json_decode( $enc_images );
|
929 |
+
$result = $this->FinalTilesdb->addImages( $gid, $images );
|
930 |
+
header( "Content-type: application/json" );
|
931 |
+
|
932 |
+
if ( $result === false ) {
|
933 |
+
echo "{\"success\":false}" ;
|
934 |
+
} else {
|
935 |
+
echo "{\"success\":true}" ;
|
936 |
+
}
|
937 |
+
|
938 |
+
}
|
939 |
+
|
940 |
+
wp_die();
|
941 |
+
}
|
942 |
+
|
943 |
+
public function list_thumbnail_sizes()
|
944 |
+
{
|
945 |
+
global $_wp_additional_image_sizes ;
|
946 |
+
$sizes = array();
|
947 |
+
foreach ( get_intermediate_image_sizes() as $s ) {
|
948 |
+
|
949 |
+
if ( in_array( $s, array( 'thumbnail', 'medium', 'large' ) ) ) {
|
950 |
+
$sizes[$s][0] = get_option( $s . '_size_w' );
|
951 |
+
$sizes[$s][1] = get_option( $s . '_size_h' );
|
952 |
+
} else {
|
953 |
+
if ( isset( $_wp_additional_image_sizes ) && isset( $_wp_additional_image_sizes[$s] ) && $_wp_additional_image_sizes[$s]['width'] > 0 && $_wp_additional_image_sizes[$s]['height'] > 0 ) {
|
954 |
+
$sizes[$s] = array( $_wp_additional_image_sizes[$s]['width'], $_wp_additional_image_sizes[$s]['height'] );
|
955 |
+
}
|
956 |
+
}
|
957 |
+
|
958 |
+
}
|
959 |
+
return $sizes;
|
960 |
+
}
|
961 |
+
|
962 |
+
public function sort_images()
|
963 |
+
{
|
964 |
+
|
965 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
966 |
+
$result = $this->FinalTilesdb->sortImages( explode( ',', $_POST['ids'] ) );
|
967 |
+
header( "Content-type: application/json" );
|
968 |
+
|
969 |
+
if ( $result === false ) {
|
970 |
+
echo "{\"success\":false}" ;
|
971 |
+
} else {
|
972 |
+
echo "{\"success\":true}" ;
|
973 |
+
}
|
974 |
+
|
975 |
+
}
|
976 |
+
|
977 |
+
wp_die();
|
978 |
+
}
|
979 |
+
|
980 |
+
public function load_chunk()
|
981 |
+
{
|
982 |
+
require_once 'lib/gallery-class.php';
|
983 |
+
|
984 |
+
if ( check_admin_referer( 'finaltilesgallery', 'finaltilesgallery' ) ) {
|
985 |
+
$gid = intval( $_POST["gallery"] );
|
986 |
+
$images = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
|
987 |
+
$FinalTilesGallery = new FinalTilesGallery( $gid, $this->FinalTilesdb, $this->defaultValues );
|
988 |
+
echo $FinalTilesGallery->images_markup() ;
|
989 |
+
}
|
990 |
+
|
991 |
+
wp_die();
|
992 |
+
}
|
993 |
+
|
994 |
+
public function refresh_gallery()
|
995 |
+
{
|
996 |
+
if ( $_POST['source'] == 'images' ) {
|
997 |
+
$this->list_images();
|
998 |
+
}
|
999 |
+
}
|
1000 |
+
|
1001 |
+
public function save_image()
|
1002 |
+
{
|
1003 |
+
|
1004 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
1005 |
+
$result = false;
|
1006 |
+
|
1007 |
+
if ( $_POST['source'] == 'posts' ) {
|
1008 |
+
$result = true;
|
1009 |
+
$postId = intval( $_POST['post_id'] );
|
1010 |
+
$img_url = stripslashes( $_POST['img_url'] );
|
1011 |
+
update_post_meta( $postId, 'ftg_image_url', esc_url_raw( $img_url ) );
|
1012 |
+
if ( array_key_exists( "filters", $_POST ) && strlen( $_POST['filters'] ) ) {
|
1013 |
+
update_post_meta( $postId, 'ftg_filters', sanitize_text_field( $_POST['filters'] ) );
|
1014 |
+
}
|
1015 |
+
} else {
|
1016 |
+
$type = sanitize_text_field( $_POST['type'] );
|
1017 |
+
$imageUrl = stripslashes( $_POST['img_url'] );
|
1018 |
+
$imageCaption = wp_kses_post( $_POST['description'] );
|
1019 |
+
$filters = stripslashes( $_POST['filters'] );
|
1020 |
+
$title = wp_kses_post( $_POST['imageTitle'] );
|
1021 |
+
$target = sanitize_text_field( $_POST['target'] );
|
1022 |
+
$group = sanitize_text_field( $_POST['group'] );
|
1023 |
+
$alt = sanitize_text_field( $_POST['alt'] );
|
1024 |
+
$hidden = $this->checkboxVal( 'hidden' );
|
1025 |
+
$link = ( isset( $_POST['link'] ) ? stripslashes( $_POST['link'] ) : null );
|
1026 |
+
$imageId = intval( $_POST['img_id'] );
|
1027 |
+
$sortOrder = intval( $_POST['sortOrder'] );
|
1028 |
+
$data = array(
|
1029 |
+
"imagePath" => $imageUrl,
|
1030 |
+
"target" => $target,
|
1031 |
+
"link" => $link,
|
1032 |
+
"imageId" => $imageId,
|
1033 |
+
"description" => $imageCaption,
|
1034 |
+
"filters" => $filters,
|
1035 |
+
"title" => $title,
|
1036 |
+
"group" => $group,
|
1037 |
+
"alt" => $alt,
|
1038 |
+
"hidden" => $hidden,
|
1039 |
+
"sortOrder" => $sortOrder,
|
1040 |
+
);
|
1041 |
+
|
1042 |
+
if ( !empty($_POST["id"]) ) {
|
1043 |
+
$imageId = intval( $_POST['id'] );
|
1044 |
+
$result = $this->FinalTilesdb->editImage( $imageId, $data );
|
1045 |
+
} else {
|
1046 |
+
$data["gid"] = intval( $_POST['galleryId'] );
|
1047 |
+
$result = $this->FinalTilesdb->addFullImage( $data );
|
1048 |
+
}
|
1049 |
+
|
1050 |
+
}
|
1051 |
+
|
1052 |
+
header( "Content-type: application/json" );
|
1053 |
+
|
1054 |
+
if ( $result === false ) {
|
1055 |
+
echo "{\"success\":false}" ;
|
1056 |
+
} else {
|
1057 |
+
echo "{\"success\":true}" ;
|
1058 |
+
}
|
1059 |
+
|
1060 |
+
}
|
1061 |
+
|
1062 |
+
wp_die();
|
1063 |
+
}
|
1064 |
+
|
1065 |
+
public function save_video()
|
1066 |
+
{
|
1067 |
+
|
1068 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
1069 |
+
$result = false;
|
1070 |
+
$type = ( isset( $_POST['type'] ) ? $_POST['type'] : "" );
|
1071 |
+
$data = array(
|
1072 |
+
"imagePath" => stripslashes( $_POST["embed"] ),
|
1073 |
+
"filters" => sanitize_text_field( $_POST['filters'] ),
|
1074 |
+
"gid" => intval( $_POST['galleryId'] ),
|
1075 |
+
);
|
1076 |
+
$id = ( isset( $_POST['id'] ) ? intval( $_POST['id'] ) : "" );
|
1077 |
+
$step = ( isset( $_POST['step'] ) ? $_POST['step'] : "" );
|
1078 |
+
if ( !empty($step) ) {
|
1079 |
+
|
1080 |
+
if ( $step == "add" ) {
|
1081 |
+
$result = $this->FinalTilesdb->addVideo( $data );
|
1082 |
+
} else {
|
1083 |
+
if ( $step == "edit" ) {
|
1084 |
+
$result = $this->FinalTilesdb->editVideo( $id, $data );
|
1085 |
+
}
|
1086 |
+
}
|
1087 |
+
|
1088 |
+
}
|
1089 |
+
header( "Content-type: application/json" );
|
1090 |
+
|
1091 |
+
if ( $result === false ) {
|
1092 |
+
echo "{\"success\":false}" ;
|
1093 |
+
} else {
|
1094 |
+
echo "{\"success\":true}" ;
|
1095 |
+
}
|
1096 |
+
|
1097 |
+
}
|
1098 |
+
|
1099 |
+
wp_die();
|
1100 |
+
}
|
1101 |
+
|
1102 |
+
public function list_images()
|
1103 |
+
{
|
1104 |
+
|
1105 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
1106 |
+
$gid = intval( $_POST["gid"] );
|
1107 |
+
$imageResults = $this->FinalTilesdb->getImagesByGalleryId( $gid, 0, 0 );
|
1108 |
+
$gallery = $this->FinalTilesdb->getGalleryById( $gid );
|
1109 |
+
$list_size = "medium";
|
1110 |
+
$column_size = "s6 m3 l3";
|
1111 |
+
if ( isset( $_POST['list_size'] ) && !empty($_POST['list_size']) ) {
|
1112 |
+
$list_size = $_POST['list_size'];
|
1113 |
+
}
|
1114 |
+
setcookie( 'ftg_imglist_size', $list_size );
|
1115 |
+
$_COOKIE['ftg_imglist_size'] = $list_size;
|
1116 |
+
if ( $list_size == 'small' ) {
|
1117 |
+
$column_size = 's4 m2 l2';
|
1118 |
+
}
|
1119 |
+
if ( $list_size == 'medium' ) {
|
1120 |
+
$column_size = 's6 m3 l3';
|
1121 |
+
}
|
1122 |
+
if ( $list_size == 'big' ) {
|
1123 |
+
$column_size = 's12 m4 l4';
|
1124 |
+
}
|
1125 |
+
include 'admin/include/image-list.php';
|
1126 |
+
}
|
1127 |
+
|
1128 |
+
wp_die();
|
1129 |
+
}
|
1130 |
+
|
1131 |
+
public function add_new_gallery()
|
1132 |
+
{
|
1133 |
+
|
1134 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
1135 |
+
$data = $this->defaultValues;
|
1136 |
+
$data["name"] = wp_filter_post_kses( $_POST['ftg_name'] );
|
1137 |
+
$data["description"] = wp_filter_post_kses( $_POST['ftg_description'] );
|
1138 |
+
$data["source"] = sanitize_text_field( $_POST['ftg_source'] );
|
1139 |
+
$data["wp_field_caption"] = sanitize_text_field( $_POST['ftg_wp_field_caption'] );
|
1140 |
+
$data["wp_field_title"] = sanitize_text_field( $_POST['ftg_wp_field_title'] );
|
1141 |
+
$data["captionEffect"] = sanitize_text_field( $_POST['ftg_captionEffect'] );
|
1142 |
+
$data["post_types"] = sanitize_text_field( $_POST["post_types"] );
|
1143 |
+
$data["layout"] = sanitize_text_field( $_POST["layout"] );
|
1144 |
+
$data["defaultWooImageSize"] = sanitize_text_field( $_POST['def_imgsize'] );
|
1145 |
+
$data["defaultPostImageSize"] = sanitize_text_field( $_POST['def_imgsize'] );
|
1146 |
+
$data["woo_categories"] = sanitize_text_field( $_POST["woo_categories"] );
|
1147 |
+
$result = $this->FinalTilesdb->addGallery( $data );
|
1148 |
+
$id = $this->FinalTilesdb->getNewGalleryId();
|
1149 |
+
|
1150 |
+
if ( $id > 0 && array_key_exists( 'enc_images', $_POST ) && strlen( $_POST['enc_images'] ) ) {
|
1151 |
+
$enc_images = stripslashes( $_POST["enc_images"] );
|
1152 |
+
$images = json_decode( $enc_images );
|
1153 |
+
$result = $this->FinalTilesdb->addImages( $id, $images );
|
1154 |
+
}
|
1155 |
+
|
1156 |
+
echo $id ;
|
1157 |
+
} else {
|
1158 |
+
echo -1 ;
|
1159 |
+
}
|
1160 |
+
|
1161 |
+
wp_die();
|
1162 |
+
}
|
1163 |
+
|
1164 |
+
private function checkboxVal( $field )
|
1165 |
+
{
|
1166 |
+
if ( isset( $_POST[$field] ) ) {
|
1167 |
+
return 'T';
|
1168 |
+
}
|
1169 |
+
return 'F';
|
1170 |
+
}
|
1171 |
+
|
1172 |
+
public function save_gallery()
|
1173 |
+
{
|
1174 |
+
|
1175 |
+
if ( check_admin_referer( 'FinalTiles_gallery', 'FinalTiles_gallery' ) ) {
|
1176 |
+
$galleryName = stripslashes( $_POST['ftg_name'] );
|
1177 |
+
$galleryDescription = stripslashes( $_POST['ftg_description'] );
|
1178 |
+
$slug = strtolower( str_replace( " ", "", $galleryName ) );
|
1179 |
+
$margin = intval( $_POST['ftg_margin'] );
|
1180 |
+
$minTileWidth = intval( $_POST['ftg_minTileWidth'] );
|
1181 |
+
$gridCellSize = intval( $_POST['ftg_gridCellSize'] );
|
1182 |
+
$imagesOrder = sanitize_text_field( $_POST['ftg_imagesOrder'] );
|
1183 |
+
$width = sanitize_text_field( $_POST['ftg_width'] );
|
1184 |
+
$enableTwitter = $this->checkboxVal( 'ftg_enableTwitter' );
|
1185 |
+
$filterClick = $this->checkboxVal( 'ftg_filterClick' );
|
1186 |
+
$enableFacebook = $this->checkboxVal( 'ftg_enableFacebook' );
|
1187 |
+
$enablePinterest = $this->checkboxVal( 'ftg_enablePinterest' );
|
1188 |
+
$lightbox = sanitize_text_field( $_POST['ftg_lightbox'] );
|
1189 |
+
$mobileLightbox = sanitize_text_field( $_POST['ftg_mobileLightbox'] );
|
1190 |
+
$blank = $this->checkboxVal( 'ftg_blank' );
|
1191 |
+
$filters = sanitize_text_field( $_POST['ftg_filters'] );
|
1192 |
+
$scrollEffect = $_POST['ftg_scrollEffect'];
|
1193 |
+
$captionBehavior = sanitize_text_field( $_POST['ftg_captionBehavior'] );
|
1194 |
+
$captionMobileBehavior = sanitize_text_field( $_POST['ftg_captionMobileBehavior'] );
|
1195 |
+
$captionEffect = sanitize_text_field( $_POST['ftg_captionEffect'] );
|
1196 |
+
$captionColor = sanitize_hex_color( $_POST['ftg_captionColor'] );
|
1197 |
+
$captionBackgroundColor = sanitize_hex_color( $_POST['ftg_captionBackgroundColor'] );
|
1198 |
+
$captionEasing = sanitize_text_field( $_POST['ftg_captionEasing'] );
|
1199 |
+
$captionHorizontalAlignment = sanitize_text_field( $_POST['ftg_captionHorizontalAlignment'] );
|
1200 |
+
$captionVerticalAlignment = sanitize_text_field( $_POST['ftg_captionVerticalAlignment'] );
|
1201 |
+
$captionEmpty = sanitize_text_field( $_POST['ftg_captionEmpty'] );
|
1202 |
+
$captionOpacity = intval( $_POST['ftg_captionOpacity'] );
|
1203 |
+
$borderSize = intval( $_POST['ftg_borderSize'] );
|
1204 |
+
$borderColor = sanitize_hex_color( $_POST['ftg_borderColor'] );
|
1205 |
+
$titleFontSize = intval( $_POST['ftg_titleFontSize'] );
|
1206 |
+
$loadingBarColor = sanitize_hex_color( $_POST['ftg_loadingBarColor'] );
|
1207 |
+
$loadingBarBackgroundColor = sanitize_hex_color( $_POST['ftg_loadingBarBackgroundColor'] );
|
1208 |
+
$borderRadius = intval( $_POST['ftg_borderRadius'] );
|
1209 |
+
$allFilterLabel = sanitize_text_field( $_POST['ftg_allFilterLabel'] );
|
1210 |
+
$shadowColor = sanitize_hex_color( $_POST['ftg_shadowColor'] );
|
1211 |
+
$shadowSize = intval( $_POST['ftg_shadowSize'] );
|
1212 |
+
$enlargeImages = $this->checkboxVal( 'ftg_enlargeImages' );
|
1213 |
+
$wp_field_caption = sanitize_text_field( $_POST['ftg_wp_field_caption'] );
|
1214 |
+
$wp_field_title = sanitize_text_field( $_POST['ftg_wp_field_title'] );
|
1215 |
+
$style = $_POST['ftg_style'];
|
1216 |
+
$script = $_POST['ftg_script'];
|
1217 |
+
$loadedHSlide = intval( $_POST['ftg_loadedHSlide'] );
|
1218 |
+
$loadedVSlide = intval( $_POST['ftg_loadedVSlide'] );
|
1219 |
+
$captionEffectDuration = intval( $_POST['ftg_captionEffectDuration'] );
|
1220 |
+
$id = ( isset( $_POST['ftg_gallery_edit'] ) ? intval( $_POST['ftg_gallery_edit'] ) : 0 );
|
1221 |
+
$data = array(
|
1222 |
+
'ajaxLoading' => sanitize_text_field( $_POST['ftg_ajaxLoading'] ),
|
1223 |
+
'layout' => sanitize_text_field( $_POST['ftg_layout'] ),
|
1224 |
+
'name' => $galleryName,
|
1225 |
+
'slug' => $slug,
|
1226 |
+
'description' => $galleryDescription,
|
1227 |
+
'lightbox' => $lightbox,
|
1228 |
+
'lightboxOptions' => sanitize_text_field( $_POST['ftg_lightboxOptions'] ),
|
1229 |
+
'lightboxOptionsMobile' => sanitize_text_field( $_POST['lightboxOptionsMobile'] ),
|
1230 |
+
'mobileLightbox' => $mobileLightbox,
|
1231 |
+
'lightboxImageSize' => sanitize_text_field( $_POST['ftg_lightboxImageSize'] ),
|
1232 |
+
'blank' => $blank,
|
1233 |
+
'margin' => $margin,
|
1234 |
+
'allFilterLabel' => $allFilterLabel,
|
1235 |
+
'minTileWidth' => $minTileWidth,
|
1236 |
+
'gridCellSize' => $gridCellSize,
|
1237 |
+
'gridCellSizeDisabledBelow' => intval( $_POST['ftg_gridCellSizeDisabledBelow'] ),
|
1238 |
+
'enableTwitter' => $enableTwitter,
|
1239 |
+
'backgroundColor' => sanitize_hex_color( $_POST['ftg_backgroundColor'] ),
|
1240 |
+
'filterClick' => $filterClick,
|
1241 |
+
'disableLightboxGroups' => $this->checkboxVal( 'ftg_disableLightboxGroups' ),
|
1242 |
+
'defaultFilter' => sanitize_text_field( $_POST['ftg_filterDef'] ),
|
1243 |
+
'enableFacebook' => $enableFacebook,
|
1244 |
+
'enablePinterest' => $enablePinterest,
|
1245 |
+
'imagesOrder' => $imagesOrder,
|
1246 |
+
'compressHTML' => $this->checkboxVal( 'ftg_compressHTML' ),
|
1247 |
+
'loadMethod' => sanitize_text_field( $_POST['ftg_loadMethod'] ),
|
1248 |
+
'socialIconColor' => sanitize_hex_color( $_POST['ftg_socialIconColor'] ),
|
1249 |
+
'socialIconPosition' => sanitize_text_field( $_POST['ftg_socialIconPosition'] ),
|
1250 |
+
'socialIconStyle' => sanitize_text_field( $_POST['ftg_socialIconStyle'] ),
|
1251 |
+
'recentPostsCaption' => sanitize_text_field( $_POST['ftg_recentPostsCaption'] ),
|
1252 |
+
'recentPostsCaptionAutoExcerptLength' => intval( $_POST['ftg_recentPostsCaptionAutoExcerptLength'] ),
|
1253 |
+
'captionBehavior' => $captionBehavior,
|
1254 |
+
'captionEffect' => $captionEffect,
|
1255 |
+
'captionEmpty' => $captionEmpty,
|
1256 |
+
'captionBackgroundColor' => $captionBackgroundColor,
|
1257 |
+
'captionColor' => $captionColor,
|
1258 |
+
'captionCustomFields' => wp_kses_post( $_POST['ftg_captionCustomFields'] ),
|
1259 |
+
'captionFrameColor' => sanitize_hex_color( $_POST['ftg_captionFrameColor'] ),
|
1260 |
+
'captionEffectDuration' => $captionEffectDuration,
|
1261 |
+
'captionEasing' => $captionEasing,
|
1262 |
+
'captionVerticalAlignment' => $captionVerticalAlignment,
|
1263 |
+
'captionHorizontalAlignment' => $captionHorizontalAlignment,
|
1264 |
+
'captionMobileBehavior' => $captionMobileBehavior,
|
1265 |
+
'captionOpacity' => $captionOpacity,
|
1266 |
+
'captionIcon' => sanitize_text_field( $_POST['ftg_captionIcon'] ),
|
1267 |
+
'captionFrame' => $this->checkboxVal( 'ftg_captionFrame' ),
|
1268 |
+
'customCaptionIcon' => sanitize_text_field( $_POST['ftg_customCaptionIcon'] ),
|
1269 |
+
'captionIconColor' => sanitize_hex_color( $_POST['ftg_captionIconColor'] ),
|
1270 |
+
'captionIconSize' => intval( $_POST['ftg_captionIconSize'] ),
|
1271 |
+
'captionFontSize' => intval( $_POST['ftg_captionFontSize'] ),
|
1272 |
+
'captionPosition' => sanitize_text_field( $_POST['ftg_captionPosition'] ),
|
1273 |
+
'titleFontSize' => intval( $_POST['ftg_titleFontSize'] ),
|
1274 |
+
'hoverZoom' => intval( $_POST['ftg_hoverZoom'] ),
|
1275 |
+
'hoverRotation' => intval( $_POST['ftg_hoverRotation'] ),
|
1276 |
+
'hoverDuration' => intval( $_POST['ftg_hoverDuration'] ),
|
1277 |
+
'hoverIconRotation' => $this->checkboxVal( 'ftg_hoverIconRotation' ),
|
1278 |
+
'filters' => $filters,
|
1279 |
+
'wp_field_caption' => $wp_field_caption,
|
1280 |
+
'wp_field_title' => $wp_field_title,
|
1281 |
+
'borderSize' => $borderSize,
|
1282 |
+
'borderColor' => $borderColor,
|
1283 |
+
'loadingBarColor' => $loadingBarColor,
|
1284 |
+
'loadingBarBackgroundColor' => $loadingBarBackgroundColor,
|
1285 |
+
'enlargeImages' => $enlargeImages,
|
1286 |
+
'borderRadius' => $borderRadius,
|
1287 |
+
'imageSizeFactor' => intval( $_POST['ftg_imageSizeFactor'] ),
|
1288 |
+
'imageSizeFactorTabletLandscape' => intval( $_POST['ftg_imageSizeFactorTabletLandscape'] ),
|
1289 |
+
'imageSizeFactorTabletPortrait' => intval( $_POST['ftg_imageSizeFactorTabletPortrait'] ),
|
1290 |
+
'imageSizeFactorPhoneLandscape' => intval( $_POST['ftg_imageSizeFactorPhoneLandscape'] ),
|
1291 |
+
'imageSizeFactorPhonePortrait' => intval( $_POST['ftg_imageSizeFactorPhonePortrait'] ),
|
1292 |
+
'imageSizeFactorCustom' => sanitize_text_field( $_POST['ftg_imageSizeFactorCustom'] ),
|
1293 |
+
'taxonomyAsFilter' => sanitize_text_field( $_POST['ftg_taxonomyAsFilter'] ),
|
1294 |
+
'columns' => intval( $_POST['ftg_columns'] ),
|
1295 |
+
'columnsTabletLandscape' => intval( $_POST['ftg_columnsTabletLandscape'] ),
|
1296 |
+
'columnsTabletPortrait' => intval( $_POST['ftg_columnsTabletPortrait'] ),
|
1297 |
+
'columnsPhoneLandscape' => intval( $_POST['ftg_columnsPhoneLandscape'] ),
|
1298 |
+
'columnsPhonePortrait' => intval( $_POST['ftg_columnsPhonePortrait'] ),
|
1299 |
+
'max_posts' => intval( $_POST['ftg_max_posts'] ),
|
1300 |
+
'shadowSize' => $shadowSize,
|
1301 |
+
'shadowColor' => $shadowColor,
|
1302 |
+
'source' => sanitize_text_field( $_POST['ftg_source'] ),
|
1303 |
+
'post_types' => sanitize_text_field( $_POST['ftg_post_types'] ),
|
1304 |
+
'post_taxonomies' => sanitize_text_field( $_POST['ftg_post_taxonomies'] ),
|
1305 |
+
'taxonomyOperator' => sanitize_text_field( $_POST['ftg_taxonomyOperator'] ),
|
1306 |
+
'post_tags' => sanitize_text_field( $_POST['ftg_post_tags'] ),
|
1307 |
+
'tilesPerPage' => intval( $_POST['ftg_tilesPerPage'] ),
|
1308 |
+
'woo_categories' => ( isset( $_POST['ftg_woo_categories'] ) ? $_POST['ftg_woo_categories'] : '' ),
|
1309 |
+
'defaultPostImageSize' => sanitize_text_field( $_POST['ftg_defaultPostImageSize'] ),
|
1310 |
+
'defaultWooImageSize' => ( isset( $_POST['ftg_defaultWooImageSize'] ) ? $_POST['ftg_defaultWooImageSize'] : '' ),
|
1311 |
+
'width' => $width,
|
1312 |
+
'beforeGalleryText' => wp_kses_post( $_POST['ftg_beforeGalleryText'] ),
|
1313 |
+
'afterGalleryText' => wp_kses_post( $_POST['ftg_afterGalleryText'] ),
|
1314 |
+
'aClass' => sanitize_text_field( $_POST['ftg_aClass'] ),
|
1315 |
+
'rel' => sanitize_text_field( $_POST['ftg_rel'] ),
|
1316 |
+
'style' => $style,
|
1317 |
+
'delay' => intval( $_POST['ftg_delay'] ),
|
1318 |
+
'script' => $script,
|
1319 |
+
'support' => $this->checkboxVal( 'ftg_support' ),
|
1320 |
+
'supportText' => sanitize_text_field( $_POST['ftg_supportText'] ),
|
1321 |
+
'scrollEffect' => $scrollEffect,
|
1322 |
+
'loadedScaleY' => intval( $_POST['ftg_loadedScaleY'] ),
|
1323 |
+
'loadedScaleX' => intval( $_POST['ftg_loadedScaleX'] ),
|
1324 |
+
'loadedHSlide' => $loadedHSlide,
|
1325 |
+
'loadedVSlide' => $loadedVSlide,
|
1326 |
+
'loadedEasing' => sanitize_text_field( $_POST['ftg_loadedEasing'] ),
|
1327 |
+
'loadedDuration' => absint( $_POST['ftg_loadedDuration'] ),
|
1328 |
+
'loadedRotateY' => intval( $_POST['ftg_loadedRotateY'] ),
|
1329 |
+
'loadedRotateX' => intval( $_POST['ftg_loadedRotateX'] ),
|
1330 |
+
);
|
1331 |
+
header( "Content-type: application/json" );
|
1332 |
+
|
1333 |
+
if ( $id > 0 ) {
|
1334 |
+
$result = $this->FinalTilesdb->editGallery( $id, $data );
|
1335 |
+
} else {
|
1336 |
+
$result = $this->FinalTilesdb->addGallery( $data );
|
1337 |
+
$id = $this->FinalTilesdb->getNewGalleryId();
|
1338 |
+
}
|
1339 |
+
|
1340 |
+
|
1341 |
+
if ( $result ) {
|
1342 |
+
echo "{\"success\":true,\"id\":" . $id . "}" ;
|
1343 |
+
} else {
|
1344 |
+
echo "{\"success\":false}" ;
|
1345 |
+
}
|
1346 |
+
|
1347 |
+
}
|
1348 |
+
|
1349 |
+
wp_die();
|
1350 |
+
}
|
1351 |
+
|
1352 |
+
public static function get_image_size_links( $id )
|
1353 |
+
{
|
1354 |
+
$result = array();
|
1355 |
+
$sizes = get_intermediate_image_sizes();
|
1356 |
+
$sizes[] = 'full';
|
1357 |
+
foreach ( $sizes as $size ) {
|
1358 |
+
$image = wp_get_attachment_image_src( $id, $size );
|
1359 |
+
if ( !empty($image) && (true == $image[3] || 'full' == $size) ) {
|
1360 |
+
$result["{$image[1]}x{$image[2]}"] = $image[0];
|
1361 |
+
}
|
1362 |
+
}
|
1363 |
+
ksort( $result );
|
1364 |
+
return $result;
|
1365 |
+
}
|
1366 |
+
|
1367 |
+
//Create gallery
|
1368 |
+
public function create_gallery( $attrs )
|
1369 |
+
{
|
1370 |
+
require_once 'lib/gallery-class.php';
|
1371 |
+
global $FinalTilesGallery ;
|
1372 |
+
$galleryId = $attrs['id'];
|
1373 |
+
|
1374 |
+
if ( class_exists( 'FinalTilesGallery' ) ) {
|
1375 |
+
$FinalTilesGallery = new FinalTilesGallery(
|
1376 |
+
$galleryId,
|
1377 |
+
$this->FinalTilesdb,
|
1378 |
+
$this->defaultValues,
|
1379 |
+
$attrs
|
1380 |
+
);
|
1381 |
+
$settings = $FinalTilesGallery->getGallery();
|
1382 |
+
|
1383 |
+
if ( $settings != null ) {
|
1384 |
+
switch ( $settings->lightbox ) {
|
1385 |
+
case "magnific":
|
1386 |
+
wp_enqueue_style( 'magnific_stylesheet' );
|
1387 |
+
wp_enqueue_script( 'magnific_script' );
|
1388 |
+
break;
|
1389 |
+
case "prettyphoto":
|
1390 |
+
wp_enqueue_style( 'prettyphoto_stylesheet' );
|
1391 |
+
wp_enqueue_script( 'prettyphoto_script' );
|
1392 |
+
break;
|
1393 |
+
case "fancybox":
|
1394 |
+
wp_enqueue_style( 'fancybox_stylesheet' );
|
1395 |
+
wp_enqueue_script( 'fancybox_script' );
|
1396 |
+
break;
|
1397 |
+
case "colorbox":
|
1398 |
+
wp_enqueue_style( 'colorbox_stylesheet' );
|
1399 |
+
wp_enqueue_script( 'colorbox_script' );
|
1400 |
+
break;
|
1401 |
+
case "swipebox":
|
1402 |
+
wp_enqueue_style( 'swipebox_stylesheet' );
|
1403 |
+
wp_enqueue_script( 'swipebox_script' );
|
1404 |
+
break;
|
1405 |
+
case "lightbox2":
|
1406 |
+
wp_enqueue_style( 'lightbox2_stylesheet' );
|
1407 |
+
wp_enqueue_script( 'lightbox2_script' );
|
1408 |
+
break;
|
1409 |
+
case "image-lightbox":
|
1410 |
+
wp_enqueue_script( 'image-lightbox_script' );
|
1411 |
+
break;
|
1412 |
+
case "lightgallery":
|
1413 |
+
wp_enqueue_style( 'lightgallery_stylesheet' );
|
1414 |
+
wp_enqueue_script( 'lightgallery_script' );
|
1415 |
+
break;
|
1416 |
+
}
|
1417 |
+
switch ( $settings->mobileLightbox ) {
|
1418 |
+
default:
|
1419 |
+
case "magnific":
|
1420 |
+
wp_enqueue_style( 'magnific_stylesheet' );
|
1421 |
+
wp_enqueue_script( 'magnific_script' );
|
1422 |
+
break;
|
1423 |
+
case "prettyphoto":
|
1424 |
+
wp_enqueue_style( 'prettyphoto_stylesheet' );
|
1425 |
+
wp_enqueue_script( 'prettyphoto_script' );
|
1426 |
+
break;
|
1427 |
+
case "fancybox":
|
1428 |
+
wp_enqueue_style( 'fancybox_stylesheet' );
|
1429 |
+
wp_enqueue_script( 'fancybox_script' );
|
1430 |
+
break;
|
1431 |
+
case "colorbox":
|
1432 |
+
wp_enqueue_style( 'colorbox_stylesheet' );
|
1433 |
+
wp_enqueue_script( 'colorbox_script' );
|
1434 |
+
break;
|
1435 |
+
case "swipebox":
|
1436 |
+
wp_enqueue_style( 'swipebox_stylesheet' );
|
1437 |
+
wp_enqueue_script( 'swipebox_script' );
|
1438 |
+
break;
|
1439 |
+
case "lightbox2":
|
1440 |
+
wp_enqueue_style( 'lightbox2_stylesheet' );
|
1441 |
+
wp_enqueue_script( 'lightbox2_script' );
|
1442 |
+
break;
|
1443 |
+
case "image-lightbox":
|
1444 |
+
wp_enqueue_script( 'image-lightbox_script' );
|
1445 |
+
case "lightgallery":
|
1446 |
+
wp_enqueue_style( 'lightgallery_stylesheet' );
|
1447 |
+
wp_enqueue_script( 'lightgallery_script' );
|
1448 |
+
break;
|
1449 |
+
}
|
1450 |
+
}
|
1451 |
+
|
1452 |
+
return $FinalTilesGallery->render();
|
1453 |
+
} else {
|
1454 |
+
return "Gallery not found.";
|
1455 |
+
}
|
1456 |
+
|
1457 |
+
}
|
1458 |
+
|
1459 |
+
//Create Short Code
|
1460 |
+
private $photon_removed ;
|
1461 |
+
public function gallery_shortcode_handler( $atts )
|
1462 |
+
{
|
1463 |
+
$this->photon_removed = '';
|
1464 |
+
if ( class_exists( 'Jetpack' ) && Jetpack::is_module_active( 'photon' ) ) {
|
1465 |
+
$this->photon_removed = remove_filter( 'image_downsize', array( Jetpack_Photon::instance(), 'filter_image_downsize' ) );
|
1466 |
+
}
|
1467 |
+
return $this->create_gallery( $atts );
|
1468 |
+
//@todo: statement can't be reached. Investigate
|
1469 |
+
if ( $this->photon_removed ) {
|
1470 |
+
add_filter(
|
1471 |
+
'image_downsize',
|
1472 |
+
array( Jetpack_Photon::instance(), 'filter_image_downsize' ),
|
1473 |
+
10,
|
1474 |
+
3
|
1475 |
+
);
|
1476 |
+
}
|
1477 |
+
}
|
1478 |
+
|
1479 |
+
public static function slugify( $text )
|
1480 |
+
{
|
1481 |
+
$text = preg_replace( '~[^\\pL\\d]+~u', '-', $text );
|
1482 |
+
$text = trim( $text, '-' );
|
1483 |
+
if ( function_exists( "iconv" ) ) {
|
1484 |
+
$text = iconv( 'utf-8', 'us-ascii//TRANSLIT', $text );
|
1485 |
+
}
|
1486 |
+
$text = strtolower( $text );
|
1487 |
+
$text = preg_replace( '~[^-\\w]+~', '', $text );
|
1488 |
+
if ( empty($text) ) {
|
1489 |
+
return 'n-a';
|
1490 |
+
}
|
1491 |
+
return $text;
|
1492 |
+
}
|
1493 |
+
|
1494 |
+
public static function getFieldType( $field )
|
1495 |
+
{
|
1496 |
+
return "cta";
|
1497 |
+
}
|
1498 |
+
|
1499 |
+
var $fields = array() ;
|
1500 |
+
private function addField( $section, $field, $data )
|
1501 |
+
{
|
1502 |
+
$this->fields[$section]["fields"][$field] = $data;
|
1503 |
+
}
|
1504 |
+
|
1505 |
+
private function setupFields()
|
1506 |
+
{
|
1507 |
+
include 'admin/include/fields.php';
|
1508 |
+
}
|
1509 |
+
|
1510 |
+
}
|
1511 |
+
}
|
1512 |
+
if ( !class_exists( "FinalTilesGalleryUtils" ) ) {
|
1513 |
+
class FinalTilesGalleryUtils
|
1514 |
+
{
|
1515 |
+
public static function shortcodeToFieldName( $string, $capitalizeFirstCharacter = false )
|
1516 |
+
{
|
1517 |
+
$str = str_replace( '-', '\\t', $string );
|
1518 |
+
$str = str_replace( '_', '', ucwords( $str ) );
|
1519 |
+
$str = str_replace( '\\t', '_', $str );
|
1520 |
+
if ( !$capitalizeFirstCharacter ) {
|
1521 |
+
$str = lcfirst( $str );
|
1522 |
+
}
|
1523 |
+
return $str;
|
1524 |
+
}
|
1525 |
+
|
1526 |
+
public static function fieldNameToShortcode( $string )
|
1527 |
+
{
|
1528 |
+
preg_match_all( '!([A-Z][A-Z0-9]*(?=$|[A-Z][a-z0-9])|[A-Za-z][a-z0-9]+)!', $string, $matches );
|
1529 |
+
$ret = $matches[0];
|
1530 |
+
foreach ( $ret as &$match ) {
|
1531 |
+
$match = ( $match == strtoupper( $match ) ? strtolower( $match ) : lcfirst( $match ) );
|
1532 |
+
}
|
1533 |
+
return implode( '_', $ret );
|
1534 |
+
}
|
1535 |
+
|
1536 |
+
}
|
1537 |
+
}
|
1538 |
+
|
1539 |
+
if ( class_exists( "FinalTiles_Gallery" ) ) {
|
1540 |
+
global $ob_FinalTiles_Gallery ;
|
1541 |
+
$ob_FinalTiles_Gallery = new FinalTiles_Gallery();
|
1542 |
+
}
|
1543 |
+
|
1544 |
+
|
1545 |
+
if ( !function_exists( "ftg_admin_script" ) ) {
|
1546 |
+
function ftg_admin_script()
|
1547 |
+
{
|
1548 |
+
wp_register_script( 'admin-generic-ftg', plugins_url( 'admin/scripts/admin.js', __FILE__ ), array( 'jquery' ) );
|
1549 |
+
wp_enqueue_script( 'admin-generic-ftg' );
|
1550 |
+
}
|
1551 |
+
|
1552 |
+
add_action( 'admin_enqueue_scripts', 'ftg_admin_script' );
|
1553 |
+
}
|
1554 |
+
|
|
|
|
|
|
|
1555 |
register_activation_hook( __FILE__, 'activate_finaltilesgallery' );
|
admin/add-gallery.php
CHANGED
@@ -1,286 +1,286 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
if ( preg_match( '#' . basename( __FILE__ ) . '#', $_SERVER['PHP_SELF'] ) ) {
|
4 |
-
die( _e( 'You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite' ) );
|
5 |
-
}
|
6 |
-
?>
|
7 |
-
|
8 |
-
<?php
|
9 |
-
$ftg_subtitle = "";
|
10 |
-
include "header.php";
|
11 |
-
?>
|
12 |
-
|
13 |
-
|
14 |
-
<div class="bd">
|
15 |
-
|
16 |
-
<div id="ftg-wizard">
|
17 |
-
<h2><?php
|
18 |
-
esc_html_e( 'Add new gallery wizard', 'final-tiles-grid-gallery-lite' );
|
19 |
-
?></h2>
|
20 |
-
|
21 |
-
<form action="#" method="post">
|
22 |
-
<?php
|
23 |
-
wp_nonce_field( 'FinalTiles_gallery', 'FinalTiles_gallery' );
|
24 |
-
?>
|
25 |
-
<input type="hidden" name="action" value="add_new_gallery" />
|
26 |
-
<input type="hidden" name="enc_images" value="" />
|
27 |
-
<input type="hidden" name="post_types" value="" />
|
28 |
-
<input type="hidden" name="woo_categories" value="" />
|
29 |
-
<input type="hidden" name="gridSize" value="5" />
|
30 |
-
<fieldset data-step="1">
|
31 |
-
<div class="row">
|
32 |
-
<div class="ftg-field">
|
33 |
-
<label for="name"><?php
|
34 |
-
esc_html_e( 'Name of the gallery', 'final-tiles-grid-gallery-lite' );
|
35 |
-
?> <span class="req">(<?php
|
36 |
-
esc_html_e( 'required', 'final-tiles-grid-gallery-lite' );
|
37 |
-
?>)</span></label>
|
38 |
-
<input name="ftg_name" id="name" type="text" required="required">
|
39 |
-
</div>
|
40 |
-
</div>
|
41 |
-
<div class="ftg-field">
|
42 |
-
<label for="description"><?php
|
43 |
-
esc_html_e( 'Description of the gallery', 'final-tiles-grid-gallery-lite' );
|
44 |
-
?></label>
|
45 |
-
<textarea name="ftg_description" id="description"></textarea>
|
46 |
-
</div>
|
47 |
-
</fieldset>
|
48 |
-
<fieldset data-step="2">
|
49 |
-
<h5><?php
|
50 |
-
esc_html_e( 'Choose the source of the images', 'final-tiles-grid-gallery-lite' );
|
51 |
-
?></h5>
|
52 |
-
<p class="ftg-inline">
|
53 |
-
<input class="with-gap browser-default" type="radio" checked="checked" name="ftg_source" id="source1" value="images" />
|
54 |
-
<label for="source1"><?php
|
55 |
-
esc_html_e( 'Media library', 'final-tiles-grid-gallery-lite' );
|
56 |
-
?></label>
|
57 |
-
</p>
|
58 |
-
<p class="ftg-inline">
|
59 |
-
<?php
|
60 |
-
?>
|
61 |
-
<input disabled class="with-gap browser-default" type="radio" name="ftg_source" value="*" id="source2" />
|
62 |
-
<label for="source2"><?php
|
63 |
-
esc_html_e( 'Recent posts', 'final-tiles-grid-gallery-lite' );
|
64 |
-
?> - <a class="in-wizard-cta" href="<?php
|
65 |
-
echo ftg_fs()->get_upgrade_url() ;
|
66 |
-
?>"><i class="mdi mdi-bell-ring-outline"></i>
|
67 |
-
<?php
|
68 |
-
esc_html_e( 'Unlock this feature. Upgrade Now!', 'final-tiles-grid-gallery-lite' );
|
69 |
-
?>
|
70 |
-
</a></label>
|
71 |
-
<?php
|
72 |
-
?>
|
73 |
-
</p>
|
74 |
-
<p class="ftg-inline">
|
75 |
-
<?php
|
76 |
-
?>
|
77 |
-
<input class="with-gap browser-default" disabled type="radio" name="ftg_source" value="*" id="source3" />
|
78 |
-
<label for="source3"><?php
|
79 |
-
esc_html_e( 'WooCommerce products', 'final-tiles-grid-gallery-lite' );
|
80 |
-
?> - <a class="in-wizard-cta" href="<?php
|
81 |
-
echo ftg_fs()->get_upgrade_url() ;
|
82 |
-
?>"><i class="mdi mdi-bell-ring-outline"></i>
|
83 |
-
<?php
|
84 |
-
esc_html_e( 'Unlock this feature. Upgrade Now!', 'final-tiles-grid-gallery-lite' );
|
85 |
-
?>
|
86 |
-
</a></label>
|
87 |
-
<?php
|
88 |
-
?>
|
89 |
-
</p>
|
90 |
-
</fieldset>
|
91 |
-
<fieldset data-step="3" data-branch="images">
|
92 |
-
<div class="field">
|
93 |
-
<h5><?php
|
94 |
-
esc_html_e( 'WordPress field for captions:', 'final-tiles-grid-gallery-lite' );
|
95 |
-
?></h5>
|
96 |
-
<select class="browser-default" name="ftg_wp_field_caption">
|
97 |
-
<option value="none"> <?php
|
98 |
-
esc_html_e( 'Don\'t use captions', 'final-tiles-grid-gallery-lite' );
|
99 |
-
?> </option>
|
100 |
-
<option value="title"> <?php
|
101 |
-
esc_html_e( 'Title', 'final-tiles-grid-gallery-lite' );
|
102 |
-
?> </option>
|
103 |
-
<option selected value="caption"> <?php
|
104 |
-
esc_html_e( 'Caption', 'final-tiles-grid-gallery-lite' );
|
105 |
-
?> </option>
|
106 |
-
<option value="description"> <?php
|
107 |
-
esc_html_e( 'Description', 'final-tiles-grid-gallery-lite' );
|
108 |
-
?> </option>
|
109 |
-
</select>
|
110 |
-
</div>
|
111 |
-
|
112 |
-
<div class="field">
|
113 |
-
<h5><?php
|
114 |
-
_e( 'WordPress field for titles:', 'final-tiles-grid-gallery-lite' );
|
115 |
-
?></h5>
|
116 |
-
<select class="browser-default" name="ftg_wp_field_title">
|
117 |
-
<option value="none"> <?php
|
118 |
-
esc_html_e( 'Don\'t use titles', 'final-tiles-grid-gallery-lite' );
|
119 |
-
?> </option>
|
120 |
-
<option selected value="title"> <?php
|
121 |
-
esc_html_e( 'Title', 'final-tiles-grid-gallery-lite' );
|
122 |
-
?> </option>
|
123 |
-
<option value="description"> <?php
|
124 |
-
esc_html_e( 'Description', 'final-tiles-grid-gallery-lite' );
|
125 |
-
?> </option>
|
126 |
-
</select>
|
127 |
-
</div>
|
128 |
-
<!--
|
129 |
-
<div class="field">
|
130 |
-
<h5>Caption behavior:</h5>
|
131 |
-
<p>
|
132 |
-
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="hidden" checked="checked" id="behavior1" />
|
133 |
-
<label for="behavior1">Hidden, show it on mouse hover</label>
|
134 |
-
</p>
|
135 |
-
<p>
|
136 |
-
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="visible" id="behavior2" />
|
137 |
-
<label for="behavior2">Visible, hide it on mouse hover</label>
|
138 |
-
</p>
|
139 |
-
<p>
|
140 |
-
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="always-visible" id="behavior3" />
|
141 |
-
<label for="behavior3" class="line">Always visible</label>
|
142 |
-
</p>
|
143 |
-
</div>
|
144 |
-
-->
|
145 |
-
<div class="field">
|
146 |
-
<h5><?php
|
147 |
-
esc_html_e( 'Caption effect:', 'final-tiles-grid-gallery-lite' );
|
148 |
-
?></h5>
|
149 |
-
<select class="browser-default" name="ftg_captionEffect">
|
150 |
-
<option value="none"><?php
|
151 |
-
esc_html_e( 'Fade', 'final-tiles-grid-gallery-lite' );
|
152 |
-
?></option>
|
153 |
-
<?php
|
154 |
-
?>
|
155 |
-
<option value="fixed" disabled><?php
|
156 |
-
esc_html_e( 'Fixed (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
157 |
-
?> </option>
|
158 |
-
<option value="fixed-bg" disabled><?php
|
159 |
-
esc_html_e( 'Fixed with background (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
160 |
-
?></option>
|
161 |
-
<option value="fixed-then-hidden" disabled><?php
|
162 |
-
esc_html_e( 'Fixed, hidden on hover (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
163 |
-
?></option>
|
164 |
-
<option value="fixed-bottom" disabled><?php
|
165 |
-
esc_html_e( 'Fixed at bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
166 |
-
?></option>
|
167 |
-
<option value="slide-from-top" disabled><?php
|
168 |
-
esc_html_e( 'Slide from top (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
169 |
-
?></option>
|
170 |
-
<option value="slide-from-bottom" disabled><?php
|
171 |
-
esc_html_e( 'Slide from bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
172 |
-
?></option>
|
173 |
-
<?php
|
174 |
-
?>
|
175 |
-
</select>
|
176 |
-
</div>
|
177 |
-
</fieldset>
|
178 |
-
<?php
|
179 |
-
?>
|
180 |
-
<fieldset data-step="4" data-save="true">
|
181 |
-
<div class="field">
|
182 |
-
<h5><?php
|
183 |
-
esc_html_e( 'Choose the layout', 'final-tiles-grid-gallery-lite' );
|
184 |
-
?></h5>
|
185 |
-
<select class="browser-default" name="layout">
|
186 |
-
<option value="final"><?php
|
187 |
-
esc_html_e( 'Final Tiles Gallery (mixed image width)', 'final-tiles-grid-gallery-lite' );
|
188 |
-
?></option>
|
189 |
-
<option value="columns"><?php
|
190 |
-
esc_html_e( 'Masonry (columns, same image width)', 'final-tiles-grid-gallery-lite' );
|
191 |
-
?></option>
|
192 |
-
</select>
|
193 |
-
</div>
|
194 |
-
<div class="field">
|
195 |
-
<!--<h5><?php
|
196 |
-
esc_html_e( 'Choose a default image size', 'final-tiles-grid-gallery-lite' );
|
197 |
-
?></h5>
|
198 |
-
<select class="browser-default def_imgsize" name="def_imgsize">
|
199 |
-
<?php
|
200 |
-
foreach ( $this->list_thumbnail_sizes() as $size => $atts ) {
|
201 |
-
echo '<option value="' . esc_attr( $size ) . '">' . esc_html( $size ) . " (" . implode( 'x', $atts ) . ")</option>" ;
|
202 |
-
}
|
203 |
-
?>
|
204 |
-
</select>-->
|
205 |
-
<input type="hidden" name="def_imgsize" id="def_imgsize" value="large">
|
206 |
-
</div>
|
207 |
-
<div class="field select-images">
|
208 |
-
<a class="button add-images">
|
209 |
-
<?php
|
210 |
-
esc_html_e( 'Add images', 'final-tiles-grid-gallery-lite' );
|
211 |
-
?></a>
|
212 |
-
|
213 |
-
<label><?php
|
214 |
-
esc_html_e( 'You can add images now or later.', 'final-tiles-grid-gallery-lite' );
|
215 |
-
?></label>
|
216 |
-
<div class="images list-group"></div>
|
217 |
-
</div>
|
218 |
-
</fieldset>
|
219 |
-
<footer class="page-footer">
|
220 |
-
<div class="progress loading">
|
221 |
-
<div class="indeterminate"></div>
|
222 |
-
</div>
|
223 |
-
<a class="button prev"><?php
|
224 |
-
esc_html_e( 'Previous', 'final-tiles-grid-gallery-lite' );
|
225 |
-
?></a>
|
226 |
-
<a class="button components-button is-primary next"><?php
|
227 |
-
esc_html_e( 'Next', 'final-tiles-grid-gallery-lite' );
|
228 |
-
?></a>
|
229 |
-
</footer>
|
230 |
-
</form>
|
231 |
-
<div id="success" class="modal">
|
232 |
-
<div class="modal-content">
|
233 |
-
<h4><?php
|
234 |
-
esc_html_e( 'Success!', 'final-tiles-grid-gallery-lite' );
|
235 |
-
?></h4>
|
236 |
-
<p><?php
|
237 |
-
esc_html_e( 'Your gallery', 'final-tiles-grid-gallery-lite' );
|
238 |
-
?> "<span class="gallery-name"></span>" <?php
|
239 |
-
esc_html_e( 'has been created. Copy the following shortcode:', 'final-tiles-grid-gallery-lite' );
|
240 |
-
?><br>
|
241 |
-
<input type="text" readonly class="code"><br>
|
242 |
-
<?php
|
243 |
-
esc_html_e( 'and paste it inside a post or a page. Otherwise click', 'final-tiles-grid-gallery-lite' );
|
244 |
-
?> <a class='customize'><?php
|
245 |
-
esc_html_e( 'here', 'final-tiles-grid-gallery-lite' );
|
246 |
-
?></a> <?php
|
247 |
-
esc_html_e( 'to customize
|
248 |
-
the gallery.', 'final-tiles-grid-gallery-lite' );
|
249 |
-
?>
|
250 |
-
</p>
|
251 |
-
</div>
|
252 |
-
<div class="modal-'footer">
|
253 |
-
<a href="<?php
|
254 |
-
echo admin_url( 'admin.php?page=ftg-lite-gallery-admin' ) ;
|
255 |
-
?>" id="modal-close" class="button modal-action"><?php
|
256 |
-
esc_html_e( 'Close', 'final-tiles-grid-gallery-lite' );
|
257 |
-
?></a>
|
258 |
-
</div>
|
259 |
-
</div>
|
260 |
-
<div id="error" class="modal">
|
261 |
-
<div class="modal-content">
|
262 |
-
<h4><?php
|
263 |
-
esc_html_e( 'Error!', 'final-tiles-grid-gallery-lite' );
|
264 |
-
?></h4>
|
265 |
-
<p><?php
|
266 |
-
esc_html_e( 'For some reason it was not possible to save your gallery, please contact', 'final-tiles-grid-gallery-lite' );
|
267 |
-
?><a href="?page=ftg-support"><?php
|
268 |
-
esc_html_e( 'support', 'final-tiles-grid-gallery-lite' );
|
269 |
-
?></a>.</p>
|
270 |
-
</div>
|
271 |
-
<div class="modal-footer">
|
272 |
-
<a href="<?php
|
273 |
-
admin_url( 'admin.php?page=ftg-lite-gallery-admin' );
|
274 |
-
?>" class="waves-effect waves-green btn-flat modal-action modal-close"><?php
|
275 |
-
esc_html_e( 'Close', 'final-tiles-grid-gallery-lite' );
|
276 |
-
?></a>
|
277 |
-
</div>
|
278 |
-
</div>
|
279 |
-
</div>
|
280 |
-
</div>
|
281 |
-
<script>
|
282 |
-
jQuery(function (){
|
283 |
-
var $ = jQuery;
|
284 |
-
//$(".def_imgsize").val("large");
|
285 |
-
});
|
286 |
</script>
|
1 |
+
<?php
|
2 |
+
|
3 |
+
if ( preg_match( '#' . basename( __FILE__ ) . '#', $_SERVER['PHP_SELF'] ) ) {
|
4 |
+
die( _e( 'You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite' ) );
|
5 |
+
}
|
6 |
+
?>
|
7 |
+
|
8 |
+
<?php
|
9 |
+
$ftg_subtitle = "";
|
10 |
+
include "header.php";
|
11 |
+
?>
|
12 |
+
|
13 |
+
|
14 |
+
<div class="bd">
|
15 |
+
|
16 |
+
<div id="ftg-wizard">
|
17 |
+
<h2><?php
|
18 |
+
esc_html_e( 'Add new gallery wizard', 'final-tiles-grid-gallery-lite' );
|
19 |
+
?></h2>
|
20 |
+
|
21 |
+
<form action="#" method="post">
|
22 |
+
<?php
|
23 |
+
wp_nonce_field( 'FinalTiles_gallery', 'FinalTiles_gallery' );
|
24 |
+
?>
|
25 |
+
<input type="hidden" name="action" value="add_new_gallery" />
|
26 |
+
<input type="hidden" name="enc_images" value="" />
|
27 |
+
<input type="hidden" name="post_types" value="" />
|
28 |
+
<input type="hidden" name="woo_categories" value="" />
|
29 |
+
<input type="hidden" name="gridSize" value="5" />
|
30 |
+
<fieldset data-step="1">
|
31 |
+
<div class="row">
|
32 |
+
<div class="ftg-field">
|
33 |
+
<label for="name"><?php
|
34 |
+
esc_html_e( 'Name of the gallery', 'final-tiles-grid-gallery-lite' );
|
35 |
+
?> <span class="req">(<?php
|
36 |
+
esc_html_e( 'required', 'final-tiles-grid-gallery-lite' );
|
37 |
+
?>)</span></label>
|
38 |
+
<input name="ftg_name" id="name" type="text" required="required">
|
39 |
+
</div>
|
40 |
+
</div>
|
41 |
+
<div class="ftg-field">
|
42 |
+
<label for="description"><?php
|
43 |
+
esc_html_e( 'Description of the gallery', 'final-tiles-grid-gallery-lite' );
|
44 |
+
?></label>
|
45 |
+
<textarea name="ftg_description" id="description"></textarea>
|
46 |
+
</div>
|
47 |
+
</fieldset>
|
48 |
+
<fieldset data-step="2">
|
49 |
+
<h5><?php
|
50 |
+
esc_html_e( 'Choose the source of the images', 'final-tiles-grid-gallery-lite' );
|
51 |
+
?></h5>
|
52 |
+
<p class="ftg-inline">
|
53 |
+
<input class="with-gap browser-default" type="radio" checked="checked" name="ftg_source" id="source1" value="images" />
|
54 |
+
<label for="source1"><?php
|
55 |
+
esc_html_e( 'Media library', 'final-tiles-grid-gallery-lite' );
|
56 |
+
?></label>
|
57 |
+
</p>
|
58 |
+
<p class="ftg-inline">
|
59 |
+
<?php
|
60 |
+
?>
|
61 |
+
<input disabled class="with-gap browser-default" type="radio" name="ftg_source" value="*" id="source2" />
|
62 |
+
<label for="source2"><?php
|
63 |
+
esc_html_e( 'Recent posts', 'final-tiles-grid-gallery-lite' );
|
64 |
+
?> - <a class="in-wizard-cta" href="<?php
|
65 |
+
echo ftg_fs()->get_upgrade_url() ;
|
66 |
+
?>"><i class="mdi mdi-bell-ring-outline"></i>
|
67 |
+
<?php
|
68 |
+
esc_html_e( 'Unlock this feature. Upgrade Now!', 'final-tiles-grid-gallery-lite' );
|
69 |
+
?>
|
70 |
+
</a></label>
|
71 |
+
<?php
|
72 |
+
?>
|
73 |
+
</p>
|
74 |
+
<p class="ftg-inline">
|
75 |
+
<?php
|
76 |
+
?>
|
77 |
+
<input class="with-gap browser-default" disabled type="radio" name="ftg_source" value="*" id="source3" />
|
78 |
+
<label for="source3"><?php
|
79 |
+
esc_html_e( 'WooCommerce products', 'final-tiles-grid-gallery-lite' );
|
80 |
+
?> - <a class="in-wizard-cta" href="<?php
|
81 |
+
echo ftg_fs()->get_upgrade_url() ;
|
82 |
+
?>"><i class="mdi mdi-bell-ring-outline"></i>
|
83 |
+
<?php
|
84 |
+
esc_html_e( 'Unlock this feature. Upgrade Now!', 'final-tiles-grid-gallery-lite' );
|
85 |
+
?>
|
86 |
+
</a></label>
|
87 |
+
<?php
|
88 |
+
?>
|
89 |
+
</p>
|
90 |
+
</fieldset>
|
91 |
+
<fieldset data-step="3" data-branch="images">
|
92 |
+
<div class="field">
|
93 |
+
<h5><?php
|
94 |
+
esc_html_e( 'WordPress field for captions:', 'final-tiles-grid-gallery-lite' );
|
95 |
+
?></h5>
|
96 |
+
<select class="browser-default" name="ftg_wp_field_caption">
|
97 |
+
<option value="none"> <?php
|
98 |
+
esc_html_e( 'Don\'t use captions', 'final-tiles-grid-gallery-lite' );
|
99 |
+
?> </option>
|
100 |
+
<option value="title"> <?php
|
101 |
+
esc_html_e( 'Title', 'final-tiles-grid-gallery-lite' );
|
102 |
+
?> </option>
|
103 |
+
<option selected value="caption"> <?php
|
104 |
+
esc_html_e( 'Caption', 'final-tiles-grid-gallery-lite' );
|
105 |
+
?> </option>
|
106 |
+
<option value="description"> <?php
|
107 |
+
esc_html_e( 'Description', 'final-tiles-grid-gallery-lite' );
|
108 |
+
?> </option>
|
109 |
+
</select>
|
110 |
+
</div>
|
111 |
+
|
112 |
+
<div class="field">
|
113 |
+
<h5><?php
|
114 |
+
_e( 'WordPress field for titles:', 'final-tiles-grid-gallery-lite' );
|
115 |
+
?></h5>
|
116 |
+
<select class="browser-default" name="ftg_wp_field_title">
|
117 |
+
<option value="none"> <?php
|
118 |
+
esc_html_e( 'Don\'t use titles', 'final-tiles-grid-gallery-lite' );
|
119 |
+
?> </option>
|
120 |
+
<option selected value="title"> <?php
|
121 |
+
esc_html_e( 'Title', 'final-tiles-grid-gallery-lite' );
|
122 |
+
?> </option>
|
123 |
+
<option value="description"> <?php
|
124 |
+
esc_html_e( 'Description', 'final-tiles-grid-gallery-lite' );
|
125 |
+
?> </option>
|
126 |
+
</select>
|
127 |
+
</div>
|
128 |
+
<!--
|
129 |
+
<div class="field">
|
130 |
+
<h5>Caption behavior:</h5>
|
131 |
+
<p>
|
132 |
+
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="hidden" checked="checked" id="behavior1" />
|
133 |
+
<label for="behavior1">Hidden, show it on mouse hover</label>
|
134 |
+
</p>
|
135 |
+
<p>
|
136 |
+
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="visible" id="behavior2" />
|
137 |
+
<label for="behavior2">Visible, hide it on mouse hover</label>
|
138 |
+
</p>
|
139 |
+
<p>
|
140 |
+
<input class="with-gap" type="radio" name="ftg_captionBehavior" value="always-visible" id="behavior3" />
|
141 |
+
<label for="behavior3" class="line">Always visible</label>
|
142 |
+
</p>
|
143 |
+
</div>
|
144 |
+
-->
|
145 |
+
<div class="field">
|
146 |
+
<h5><?php
|
147 |
+
esc_html_e( 'Caption effect:', 'final-tiles-grid-gallery-lite' );
|
148 |
+
?></h5>
|
149 |
+
<select class="browser-default" name="ftg_captionEffect">
|
150 |
+
<option value="none"><?php
|
151 |
+
esc_html_e( 'Fade', 'final-tiles-grid-gallery-lite' );
|
152 |
+
?></option>
|
153 |
+
<?php
|
154 |
+
?>
|
155 |
+
<option value="fixed" disabled><?php
|
156 |
+
esc_html_e( 'Fixed (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
157 |
+
?> </option>
|
158 |
+
<option value="fixed-bg" disabled><?php
|
159 |
+
esc_html_e( 'Fixed with background (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
160 |
+
?></option>
|
161 |
+
<option value="fixed-then-hidden" disabled><?php
|
162 |
+
esc_html_e( 'Fixed, hidden on hover (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
163 |
+
?></option>
|
164 |
+
<option value="fixed-bottom" disabled><?php
|
165 |
+
esc_html_e( 'Fixed at bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
166 |
+
?></option>
|
167 |
+
<option value="slide-from-top" disabled><?php
|
168 |
+
esc_html_e( 'Slide from top (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
169 |
+
?></option>
|
170 |
+
<option value="slide-from-bottom" disabled><?php
|
171 |
+
esc_html_e( 'Slide from bottom (Upgrade to unlock)', 'final-tiles-grid-gallery-lite' );
|
172 |
+
?></option>
|
173 |
+
<?php
|
174 |
+
?>
|
175 |
+
</select>
|
176 |
+
</div>
|
177 |
+
</fieldset>
|
178 |
+
<?php
|
179 |
+
?>
|
180 |
+
<fieldset data-step="4" data-save="true">
|
181 |
+
<div class="field">
|
182 |
+
<h5><?php
|
183 |
+
esc_html_e( 'Choose the layout', 'final-tiles-grid-gallery-lite' );
|
184 |
+
?></h5>
|
185 |
+
<select class="browser-default" name="layout">
|
186 |
+
<option value="final"><?php
|
187 |
+
esc_html_e( 'Final Tiles Gallery (mixed image width)', 'final-tiles-grid-gallery-lite' );
|
188 |
+
?></option>
|
189 |
+
<option value="columns"><?php
|
190 |
+
esc_html_e( 'Masonry (columns, same image width)', 'final-tiles-grid-gallery-lite' );
|
191 |
+
?></option>
|
192 |
+
</select>
|
193 |
+
</div>
|
194 |
+
<div class="field">
|
195 |
+
<!--<h5><?php
|
196 |
+
esc_html_e( 'Choose a default image size', 'final-tiles-grid-gallery-lite' );
|
197 |
+
?></h5>
|
198 |
+
<select class="browser-default def_imgsize" name="def_imgsize">
|
199 |
+
<?php
|
200 |
+
foreach ( $this->list_thumbnail_sizes() as $size => $atts ) {
|
201 |
+
echo '<option value="' . esc_attr( $size ) . '">' . esc_html( $size ) . " (" . implode( 'x', $atts ) . ")</option>" ;
|
202 |
+
}
|
203 |
+
?>
|
204 |
+
</select>-->
|
205 |
+
<input type="hidden" name="def_imgsize" id="def_imgsize" value="large">
|
206 |
+
</div>
|
207 |
+
<div class="field select-images">
|
208 |
+
<a class="button add-images">
|
209 |
+
<?php
|
210 |
+
esc_html_e( 'Add images', 'final-tiles-grid-gallery-lite' );
|
211 |
+
?></a>
|
212 |
+
|
213 |
+
<label><?php
|
214 |
+
esc_html_e( 'You can add images now or later.', 'final-tiles-grid-gallery-lite' );
|
215 |
+
?></label>
|
216 |
+
<div class="images list-group"></div>
|
217 |
+
</div>
|
218 |
+
</fieldset>
|
219 |
+
<footer class="page-footer">
|
220 |
+
<div class="progress loading">
|
221 |
+
<div class="indeterminate"></div>
|
222 |
+
</div>
|
223 |
+
<a class="button prev"><?php
|
224 |
+
esc_html_e( 'Previous', 'final-tiles-grid-gallery-lite' );
|
225 |
+
?></a>
|
226 |
+
<a class="button components-button is-primary next"><?php
|
227 |
+
esc_html_e( 'Next', 'final-tiles-grid-gallery-lite' );
|
228 |
+
?></a>
|
229 |
+
</footer>
|
230 |
+
</form>
|
231 |
+
<div id="success" class="modal">
|
232 |
+
<div class="modal-content">
|
233 |
+
<h4><?php
|
234 |
+
esc_html_e( 'Success!', 'final-tiles-grid-gallery-lite' );
|
235 |
+
?></h4>
|
236 |
+
<p><?php
|
237 |
+
esc_html_e( 'Your gallery', 'final-tiles-grid-gallery-lite' );
|
238 |
+
?> "<span class="gallery-name"></span>" <?php
|
239 |
+
esc_html_e( 'has been created. Copy the following shortcode:', 'final-tiles-grid-gallery-lite' );
|
240 |
+
?><br>
|
241 |
+
<input type="text" readonly class="code"><br>
|
242 |
+
<?php
|
243 |
+
esc_html_e( 'and paste it inside a post or a page. Otherwise click', 'final-tiles-grid-gallery-lite' );
|
244 |
+
?> <a class='customize'><?php
|
245 |
+
esc_html_e( 'here', 'final-tiles-grid-gallery-lite' );
|
246 |
+
?></a> <?php
|
247 |
+
esc_html_e( 'to customize
|
248 |
+
the gallery.', 'final-tiles-grid-gallery-lite' );
|
249 |
+
?>
|
250 |
+
</p>
|
251 |
+
</div>
|
252 |
+
<div class="modal-'footer">
|
253 |
+
<a href="<?php
|
254 |
+
echo admin_url( 'admin.php?page=ftg-lite-gallery-admin' ) ;
|
255 |
+
?>" id="modal-close" class="button modal-action"><?php
|
256 |
+
esc_html_e( 'Close', 'final-tiles-grid-gallery-lite' );
|
257 |
+
?></a>
|
258 |
+
</div>
|
259 |
+
</div>
|
260 |
+
<div id="error" class="modal">
|
261 |
+
<div class="modal-content">
|
262 |
+
<h4><?php
|
263 |
+
esc_html_e( 'Error!', 'final-tiles-grid-gallery-lite' );
|
264 |
+
?></h4>
|
265 |
+
<p><?php
|
266 |
+
esc_html_e( 'For some reason it was not possible to save your gallery, please contact', 'final-tiles-grid-gallery-lite' );
|
267 |
+
?><a href="?page=ftg-support"><?php
|
268 |
+
esc_html_e( 'support', 'final-tiles-grid-gallery-lite' );
|
269 |
+
?></a>.</p>
|
270 |
+
</div>
|
271 |
+
<div class="modal-footer">
|
272 |
+
<a href="<?php
|
273 |
+
admin_url( 'admin.php?page=ftg-lite-gallery-admin' );
|
274 |
+
?>" class="waves-effect waves-green btn-flat modal-action modal-close"><?php
|
275 |
+
esc_html_e( 'Close', 'final-tiles-grid-gallery-lite' );
|
276 |
+
?></a>
|
277 |
+
</div>
|
278 |
+
</div>
|
279 |
+
</div>
|
280 |
+
</div>
|
281 |
+
<script>
|
282 |
+
jQuery(function (){
|
283 |
+
var $ = jQuery;
|
284 |
+
//$(".def_imgsize").val("large");
|
285 |
+
});
|
286 |
</script>
|
admin/bundle.css
CHANGED
@@ -1,2032 +1,2032 @@
|
|
1 |
-
.ui-dialog.noTitle .ui-dialog-titlebar {
|
2 |
-
display: none;
|
3 |
-
}
|
4 |
-
.ui-dialog .loading {
|
5 |
-
background: url(loading.gif) no-repeat;
|
6 |
-
width: 220px;
|
7 |
-
height: 19px;
|
8 |
-
margin:50px auto 0 auto;
|
9 |
-
}
|
10 |
-
.text-page {
|
11 |
-
margin: 40px;
|
12 |
-
background:#fff;
|
13 |
-
border:1px solid #ccc;
|
14 |
-
padding:20px;
|
15 |
-
max-width:960px;
|
16 |
-
}
|
17 |
-
.text-page ul {
|
18 |
-
padding: 10px;
|
19 |
-
margin-left: 20px;
|
20 |
-
}
|
21 |
-
.text-page ul li {
|
22 |
-
list-style-type: circle;
|
23 |
-
font-style: italic;
|
24 |
-
}
|
25 |
-
.text-page .tip {
|
26 |
-
margin: 20px 0;
|
27 |
-
display: block;
|
28 |
-
background: #fdffac;
|
29 |
-
border: 1px solid #dade2c;
|
30 |
-
padding: 10px 20px;
|
31 |
-
}
|
32 |
-
.text-page .tip i {
|
33 |
-
margin-right: 10px;
|
34 |
-
font-size: 16px;
|
35 |
-
color: #807900;
|
36 |
-
}
|
37 |
-
.text-page .img {
|
38 |
-
display: inline-block;
|
39 |
-
padding: 10px;
|
40 |
-
background: #fff;
|
41 |
-
border: 1px solid #ccc;
|
42 |
-
}
|
43 |
-
#imageResults .frame {
|
44 |
-
display: inline-block;
|
45 |
-
padding: 2px;
|
46 |
-
/*border: 1px solid #111;*/
|
47 |
-
border-radius: 4px;
|
48 |
-
line-height: 0;
|
49 |
-
font-size: 0;
|
50 |
-
background: #222;
|
51 |
-
}
|
52 |
-
|
53 |
-
.widefat .edit_image_form td {
|
54 |
-
border-bottom: 0;
|
55 |
-
border-top: 0;
|
56 |
-
}
|
57 |
-
|
58 |
-
.widefat th, .widefat td {
|
59 |
-
overflow: visible;
|
60 |
-
padding: 20px;
|
61 |
-
}
|
62 |
-
|
63 |
-
.widefat tfoot th:first-of-type {
|
64 |
-
-webkit-border-bottom-left-radius: 0;
|
65 |
-
border-bottom-left-radius: 0;
|
66 |
-
}
|
67 |
-
.widefat tfoot th:last-of-type {
|
68 |
-
-webkit-border-bottom-right-radius: 0;
|
69 |
-
border-bottom-rigth-radius: 0;
|
70 |
-
}
|
71 |
-
.widefat thead th:first-of-type {
|
72 |
-
-webkit-border-top-left-radius: 0;
|
73 |
-
border-bottom-top-radius: 0;
|
74 |
-
}
|
75 |
-
.widefat thead th:last-of-type {
|
76 |
-
-webkit-border-top-rigth-radius: 0;
|
77 |
-
border-top-right-radius: 0;
|
78 |
-
}
|
79 |
-
|
80 |
-
#wpcontent {
|
81 |
-
margin-left: 146px;
|
82 |
-
padding-left: 20px;
|
83 |
-
}
|
84 |
-
.widefat * {
|
85 |
-
word-wrap:normal;
|
86 |
-
}
|
87 |
-
.scrollbox {
|
88 |
-
float: left;
|
89 |
-
margin-right: 10px;
|
90 |
-
margin-top: 3px;
|
91 |
-
}
|
92 |
-
/*#region edit gallery*/
|
93 |
-
#settings textarea {
|
94 |
-
width:90%;
|
95 |
-
height: 200px;
|
96 |
-
}
|
97 |
-
#settings select {
|
98 |
-
width: 90%;
|
99 |
-
}
|
100 |
-
#settings .current-image-size {
|
101 |
-
width: auto;
|
102 |
-
}
|
103 |
-
#settings .instructions ul {
|
104 |
-
color: #444;
|
105 |
-
}
|
106 |
-
#settings .instructions ul li {
|
107 |
-
border-bottom: 1px dashed #666;
|
108 |
-
padding: 0 0 5px 0;
|
109 |
-
margin-bottom: 5px;
|
110 |
-
}
|
111 |
-
#settings .instructions ul em {
|
112 |
-
font-weight: bold;
|
113 |
-
font-family: courier,monospace;
|
114 |
-
font-size: 12px;
|
115 |
-
font-style: normal;
|
116 |
-
color: #333;
|
117 |
-
}
|
118 |
-
#settings .custom_isf .del,
|
119 |
-
#settings .filters .del {
|
120 |
-
background: #f00;
|
121 |
-
float: left;
|
122 |
-
margin-right: 10px;
|
123 |
-
}
|
124 |
-
#settings .filters .add,
|
125 |
-
#settings .custom_isf .add {
|
126 |
-
display: block;
|
127 |
-
width: 100%;
|
128 |
-
margin-top: 10px;
|
129 |
-
text-align: center;
|
130 |
-
}
|
131 |
-
#settings .filters input[type=text] {
|
132 |
-
display: block;
|
133 |
-
}
|
134 |
-
#settings .custom_isf input {
|
135 |
-
width:100%;
|
136 |
-
}
|
137 |
-
#settings .custom_isf table td {
|
138 |
-
padding: 2px 8px;
|
139 |
-
}
|
140 |
-
#settings .sections {
|
141 |
-
margin:0 0 20px;
|
142 |
-
padding: 10px 0 0 10px;
|
143 |
-
border-bottom: 1px solid #666;
|
144 |
-
}
|
145 |
-
#settings .form-buttons {
|
146 |
-
margin-top: 20px;
|
147 |
-
}
|
148 |
-
#settings .form-buttons input,
|
149 |
-
#settings .sections a {
|
150 |
-
display: inline-block;
|
151 |
-
background: #f0f0f0;
|
152 |
-
color: #333;
|
153 |
-
padding: 10px;
|
154 |
-
margin:0 1px 0 0;
|
155 |
-
text-decoration: none;
|
156 |
-
font-weight: bold;
|
157 |
-
text-transform: uppercase;
|
158 |
-
height: auto;
|
159 |
-
-moz-transition:background .3s, color .3s;
|
160 |
-
-webkit-transition:background .3s, color .3s;
|
161 |
-
transition:background .3s, color .3s;
|
162 |
-
position: relative;
|
163 |
-
top:4px;
|
164 |
-
border: 1px solid #666;
|
165 |
-
}
|
166 |
-
#settings .sections a i {
|
167 |
-
margin-right:5px;
|
168 |
-
color: #333;
|
169 |
-
}
|
170 |
-
#settings .sections a {
|
171 |
-
background: #ccc;
|
172 |
-
border-bottom: 0;
|
173 |
-
}
|
174 |
-
#settings .sections a.selected:hover,
|
175 |
-
#settings .sections a.selected {
|
176 |
-
background: #f1f1f1;
|
177 |
-
color:#000;
|
178 |
-
top:1px;
|
179 |
-
height: 26px;
|
180 |
-
line-height: 26px;
|
181 |
-
outline: 0;
|
182 |
-
box-shadow: none;
|
183 |
-
}
|
184 |
-
#settings .sections a:hover {
|
185 |
-
background: #555;
|
186 |
-
}
|
187 |
-
#settings .sections a.selected:hover i,
|
188 |
-
#settings .sections a.selected i {
|
189 |
-
color: #000;
|
190 |
-
}
|
191 |
-
#settings .sections a:hover i,
|
192 |
-
#settings .sections a:hover {
|
193 |
-
color:#fff;
|
194 |
-
}
|
195 |
-
#settings table.section {
|
196 |
-
display: none;
|
197 |
-
}
|
198 |
-
#images {
|
199 |
-
display:none;
|
200 |
-
}
|
201 |
-
#images .actions {
|
202 |
-
padding: 10px 10px 10px 10px;
|
203 |
-
background: #ccc;
|
204 |
-
color: #242521;
|
205 |
-
border:1px solid #111;
|
206 |
-
margin-bottom:2px;
|
207 |
-
}
|
208 |
-
#images .actions .row {
|
209 |
-
padding: 10px 0;
|
210 |
-
border-bottom: 1px solid #bbb;
|
211 |
-
}
|
212 |
-
#images .actions .row:last-of-type {
|
213 |
-
border:0;
|
214 |
-
}
|
215 |
-
#images .actions .label {
|
216 |
-
display: inline-block;
|
217 |
-
width: 100px;
|
218 |
-
}
|
219 |
-
#images .actions select {
|
220 |
-
width:auto;
|
221 |
-
}
|
222 |
-
#images .source-panel {
|
223 |
-
display:none;
|
224 |
-
}
|
225 |
-
#images .bulk {
|
226 |
-
padding: 10px 10px 10px 10px;
|
227 |
-
background: #eee;
|
228 |
-
color: #242521;
|
229 |
-
border:1px solid #111;
|
230 |
-
margin-top: 2px;
|
231 |
-
}
|
232 |
-
#images .bulk h4 {
|
233 |
-
margin:0 0 4px 0;
|
234 |
-
color: #000;
|
235 |
-
}
|
236 |
-
#images .bulk .checkbox {
|
237 |
-
display: inline-block;
|
238 |
-
padding-left: 20px;
|
239 |
-
margin-right: 15px;
|
240 |
-
}
|
241 |
-
#images .bulk .options a {
|
242 |
-
display: inline-block;
|
243 |
-
margin-right: 10px;
|
244 |
-
color: #444;
|
245 |
-
text-decoration: none;
|
246 |
-
}
|
247 |
-
#images .bulk .options a:hover {
|
248 |
-
color: #666;
|
249 |
-
}
|
250 |
-
#images .bulk .panel {
|
251 |
-
display: none;
|
252 |
-
padding: 12px;
|
253 |
-
background: #555444;
|
254 |
-
margin-top: 5px;
|
255 |
-
border: 1px solid #333222;
|
256 |
-
}
|
257 |
-
#images .bulk .panel strong {
|
258 |
-
color: #fff;
|
259 |
-
display: block;
|
260 |
-
margin-bottom: 4px;
|
261 |
-
}
|
262 |
-
#images .bulk .panel p {
|
263 |
-
margin-bottom: 0;
|
264 |
-
color: yellow;
|
265 |
-
}
|
266 |
-
#images .tips {
|
267 |
-
padding: 10px;
|
268 |
-
background: #ddd;
|
269 |
-
border:1px solid #111;
|
270 |
-
margin-top: 2px;
|
271 |
-
color: #242521;
|
272 |
-
}
|
273 |
-
#images .actions .tip {
|
274 |
-
margin-left: 14px;
|
275 |
-
background: url('images/tip.png') no-repeat;
|
276 |
-
text-indent: 18px;
|
277 |
-
display: inline-block;
|
278 |
-
color: #000;
|
279 |
-
}
|
280 |
-
#images .item {
|
281 |
-
width:160px;
|
282 |
-
padding:0 5px;
|
283 |
-
border:1px solid #111;
|
284 |
-
float:left;
|
285 |
-
height:195px;
|
286 |
-
margin:10px 10px 0 0;
|
287 |
-
position: relative;
|
288 |
-
background: #fff;
|
289 |
-
}
|
290 |
-
#images .item.selected {
|
291 |
-
background: #dadada;
|
292 |
-
}
|
293 |
-
#images .item .filters li,
|
294 |
-
#images .item .size {
|
295 |
-
position: absolute;
|
296 |
-
top: 5px;
|
297 |
-
left: 55px;
|
298 |
-
color: #333;
|
299 |
-
padding: 0 4px;
|
300 |
-
display: block;
|
301 |
-
font-size: 10px;
|
302 |
-
font-family: monaco,courier, monospace;
|
303 |
-
}
|
304 |
-
#images .item .filters {
|
305 |
-
top: 32px;
|
306 |
-
left: 10px;
|
307 |
-
z-index: 10;
|
308 |
-
position: absolute;
|
309 |
-
}
|
310 |
-
#images .item .filters li {
|
311 |
-
display: block;
|
312 |
-
position: static;
|
313 |
-
text-align: left;
|
314 |
-
background: #1707a5;
|
315 |
-
color: #fff;
|
316 |
-
}
|
317 |
-
#images .item .del {
|
318 |
-
position: absolute;
|
319 |
-
top:4px;
|
320 |
-
right:4px;
|
321 |
-
width: 20px;
|
322 |
-
height: 20px;
|
323 |
-
text-decoration: none;
|
324 |
-
color: #000;
|
325 |
-
display: none;
|
326 |
-
background:#111;
|
327 |
-
}
|
328 |
-
#images .item .icons {
|
329 |
-
border-bottom: 1px solid #222;
|
330 |
-
margin-bottom: 9px;
|
331 |
-
padding-bottom: 4px;
|
332 |
-
}
|
333 |
-
#images .item .selection {
|
334 |
-
float: right;
|
335 |
-
margin-top: 5px;
|
336 |
-
height: 12px;
|
337 |
-
padding-left: 18px;
|
338 |
-
}
|
339 |
-
#images .item .remove,
|
340 |
-
#images .item .edit {
|
341 |
-
text-decoration: none;
|
342 |
-
color: #000;
|
343 |
-
display:inline-block;
|
344 |
-
margin-top: 5px;
|
345 |
-
}
|
346 |
-
#images .item .remove i,
|
347 |
-
#images .item .edit i {
|
348 |
-
font-size: 14px;
|
349 |
-
}
|
350 |
-
#images .item .remove {
|
351 |
-
|
352 |
-
}
|
353 |
-
#images .figure {
|
354 |
-
margin:0;
|
355 |
-
padding: 0;
|
356 |
-
height: 150px;
|
357 |
-
overflow: hidden;
|
358 |
-
display: block;
|
359 |
-
text-align: center;
|
360 |
-
}
|
361 |
-
#images .figure img {
|
362 |
-
width:150px;
|
363 |
-
cursor: pointer;
|
364 |
-
}
|
365 |
-
#images .item .data {
|
366 |
-
display: none;
|
367 |
-
}
|
368 |
-
/*#endregion*/
|
369 |
-
|
370 |
-
/*#region image panel*/
|
371 |
-
.overlay {
|
372 |
-
position: fixed;
|
373 |
-
z-index: 1000;
|
374 |
-
top:0;
|
375 |
-
left:0;
|
376 |
-
width:100%;
|
377 |
-
height: 100%;
|
378 |
-
background: #000;
|
379 |
-
opacity: .8;
|
380 |
-
}
|
381 |
-
#image-panel,
|
382 |
-
#video-panel {
|
383 |
-
background: #343531;
|
384 |
-
width:600px;
|
385 |
-
height:340px;
|
386 |
-
position: absolute;
|
387 |
-
top: 50%;
|
388 |
-
left: 50%;
|
389 |
-
z-index: 1001;
|
390 |
-
box-shadow: #000 0px 0px 20px;
|
391 |
-
border:4px solid #111;
|
392 |
-
padding: 10px;
|
393 |
-
}
|
394 |
-
#video-panel p {
|
395 |
-
color:#fff;
|
396 |
-
}
|
397 |
-
#video-panel textarea {
|
398 |
-
height: 240px;
|
399 |
-
width:100%;
|
400 |
-
}
|
401 |
-
#image-panel .filters {
|
402 |
-
clear: both;
|
403 |
-
margin-top: 10px;
|
404 |
-
}
|
405 |
-
#image-panel .filters .checkbox {
|
406 |
-
float: left;
|
407 |
-
margin-right: 20px;
|
408 |
-
padding-left: 20px;
|
409 |
-
}
|
410 |
-
#image-panel .left {
|
411 |
-
float:left;
|
412 |
-
}
|
413 |
-
#image-panel .figure {
|
414 |
-
width:200px;
|
415 |
-
height:200px;
|
416 |
-
overflow:hidden;
|
417 |
-
padding: 0;
|
418 |
-
margin: 0 0 10px 0;
|
419 |
-
padding: 2px;
|
420 |
-
border: 1px solid #999;
|
421 |
-
background: #222;
|
422 |
-
}
|
423 |
-
#image-panel .figure img {
|
424 |
-
width:100%;
|
425 |
-
}
|
426 |
-
#image-panel .right {
|
427 |
-
float:left;
|
428 |
-
margin-left:20px;
|
429 |
-
}
|
430 |
-
#image-panel .field {
|
431 |
-
padding-bottom: 5px;
|
432 |
-
color: #aaa;
|
433 |
-
border-bottom: 1px solid #555;
|
434 |
-
margin-bottom: 5px;
|
435 |
-
}
|
436 |
-
#image-panel .field:last-of-type {
|
437 |
-
border-bottom: 0;
|
438 |
-
}
|
439 |
-
#image-panel .field label {
|
440 |
-
margin-bottom: 5px;
|
441 |
-
display: block;
|
442 |
-
font-weight: bold;
|
443 |
-
color: #fff;
|
444 |
-
}
|
445 |
-
#image-panel .field textarea {
|
446 |
-
width: 280px;
|
447 |
-
height: 117px;
|
448 |
-
}
|
449 |
-
#image-panel .actions li {
|
450 |
-
height: 22px;
|
451 |
-
margin:0;
|
452 |
-
}
|
453 |
-
#video-panel .close,
|
454 |
-
#image-panel .close {
|
455 |
-
position: absolute;
|
456 |
-
top:0;
|
457 |
-
right:0;
|
458 |
-
display: block;
|
459 |
-
background: #111;
|
460 |
-
border-bottom-left-radius: 30px;
|
461 |
-
width: 30px;
|
462 |
-
height: 30px;
|
463 |
-
line-height: 24px;
|
464 |
-
text-indent: 15px;
|
465 |
-
text-decoration: none;
|
466 |
-
color: #fff;
|
467 |
-
font-family: arial;
|
468 |
-
font-weight: bold;
|
469 |
-
}
|
470 |
-
.clearfix:after {
|
471 |
-
content: ".";
|
472 |
-
display: block;
|
473 |
-
clear: both;
|
474 |
-
visibility: hidden;
|
475 |
-
line-height: 0;
|
476 |
-
height: 0;
|
477 |
-
}
|
478 |
-
#image-panel .buttons {
|
479 |
-
text-align: right;
|
480 |
-
margin-top: 10px;
|
481 |
-
clear: both;
|
482 |
-
}
|
483 |
-
#image-panel .buttons a {
|
484 |
-
margin-left: 10px;
|
485 |
-
}
|
486 |
-
/*#endregion*/
|
487 |
-
|
488 |
-
/***/
|
489 |
-
.wrapper {
|
490 |
-
clear: both;
|
491 |
-
margin: auto;
|
492 |
-
padding: 3px 0;
|
493 |
-
}
|
494 |
-
.scrollbox,
|
495 |
-
.chzn-single {
|
496 |
-
width:200px;
|
497 |
-
}
|
498 |
-
.scrollbox .ui-widget-content {
|
499 |
-
border: 0;
|
500 |
-
background: none;
|
501 |
-
}
|
502 |
-
.scrollbox .ui-state-default,
|
503 |
-
.scrollbox .ui-widget-content .ui-state-default,
|
504 |
-
.scrollbox .ui-state-hover,
|
505 |
-
.scrollbox .ui-widget-content .ui-state-hover {
|
506 |
-
border: 0;
|
507 |
-
}
|
508 |
-
|
509 |
-
/***/
|
510 |
-
.crosslink {
|
511 |
-
background-color: #303137;
|
512 |
-
border-radius: 100px;
|
513 |
-
color: #9f9f9f;
|
514 |
-
display: inline-block;
|
515 |
-
font-size: 20px;
|
516 |
-
font-weight: bold;
|
517 |
-
margin-bottom: 40px;
|
518 |
-
padding: 40px 60px;
|
519 |
-
text-decoration: none;
|
520 |
-
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
521 |
-
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
522 |
-
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
523 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
524 |
-
.crosslink:hover {
|
525 |
-
background-color: #292a2e;
|
526 |
-
color: #bbbbbb; }
|
527 |
-
.crosslink:active {
|
528 |
-
color: white; }
|
529 |
-
|
530 |
-
.button-huge {
|
531 |
-
height: 26px;
|
532 |
-
padding: 6px 16px;
|
533 |
-
position: relative;
|
534 |
-
text-decoration: none;
|
535 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
536 |
-
-webkit-box-sizing: border-box;
|
537 |
-
-moz-box-sizing: border-box;
|
538 |
-
box-sizing: border-box;
|
539 |
-
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
540 |
-
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
541 |
-
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
542 |
-
display: -moz-inline-stack;
|
543 |
-
display: inline-block;
|
544 |
-
zoom: 1;
|
545 |
-
_overflow: hidden;
|
546 |
-
*display: inline;
|
547 |
-
background: #8c8c8c;
|
548 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbd7d7), color-stop(100%, #8c8c8c));
|
549 |
-
background-image: -webkit-linear-gradient(top, #dbd7d7, #8c8c8c);
|
550 |
-
background-image: -moz-linear-gradient(top, #dbd7d7, #8c8c8c);
|
551 |
-
background-image: -ms-linear-gradient(top, #dbd7d7, #8c8c8c);
|
552 |
-
background-image: -o-linear-gradient(top, #dbd7d7, #8c8c8c);
|
553 |
-
background-image: linear-gradient(top, #dbd7d7, #8c8c8c);
|
554 |
-
-pie-background: linear-gradient(#dbd7d7, #8c8c8c);
|
555 |
-
-webkit-user-select: none;
|
556 |
-
-moz-user-select: none;
|
557 |
-
-ms-user-select: none;
|
558 |
-
user-select: none;
|
559 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
560 |
-
|
561 |
-
.button-huge {
|
562 |
-
border-radius: 60px;
|
563 |
-
font-size: 20px;
|
564 |
-
font-weight: bold;
|
565 |
-
height: 56px;
|
566 |
-
padding: 9px 38px 11px;
|
567 |
-
text-align: center; }
|
568 |
-
.button-huge .button-description {
|
569 |
-
color: rgba(0, 0, 0, 0.6);
|
570 |
-
display: block;
|
571 |
-
font: italic 12px Georgia, serif; }
|
572 |
-
|
573 |
-
.checkbox, .checkbox-light, .radio, .radio-light {
|
574 |
-
background: url("images/checkbox/square.png") 0 0 no-repeat;
|
575 |
-
color: #dddddd;
|
576 |
-
cursor: pointer;
|
577 |
-
padding: 1px 0 3px 25px;
|
578 |
-
position: relative; }
|
579 |
-
.checkbox:hover, .checkbox-light:hover, .radio:hover, .radio-light:hover {
|
580 |
-
background-position: 0 -26px;
|
581 |
-
color: white; }
|
582 |
-
.checkbox.checked, .checked.checkbox-light, .checked.radio, .checked.radio-light {
|
583 |
-
background-position: 0 -53px; }
|
584 |
-
.checkbox.checked:hover, .checked.checkbox-light:hover, .checked.radio:hover, .checked.radio-light:hover {
|
585 |
-
background-position: 0 -80px; }
|
586 |
-
|
587 |
-
.checkbox-light {
|
588 |
-
background-image: url("images/checkbox/square-light.png"); }
|
589 |
-
|
590 |
-
.radio {
|
591 |
-
background-image: url("images/checkbox/disk.png"); }
|
592 |
-
|
593 |
-
.radio-light {
|
594 |
-
background-image: url("images/checkbox/disk-light.png"); }
|
595 |
-
|
596 |
-
.form-row {
|
597 |
-
background: url("images/checkbox/form-row.png") 0 100% repeat-x;
|
598 |
-
margin-bottom: 7px;
|
599 |
-
padding-bottom: 7px; }
|
600 |
-
.form-row.last {
|
601 |
-
background: none;
|
602 |
-
margin-bottom: 0;
|
603 |
-
padding-bottom: 0; }
|
604 |
-
|
605 |
-
.select, .select-arrowed {
|
606 |
-
position: relative;
|
607 |
-
-webkit-user-select: none;
|
608 |
-
-moz-user-select: none;
|
609 |
-
-ms-user-select: none;
|
610 |
-
user-select: none; }
|
611 |
-
.select.opened, .opened.select-arrowed {
|
612 |
-
z-index: 999; }
|
613 |
-
.select.opened .options, .opened.select-arrowed .options {
|
614 |
-
display: block;
|
615 |
-
box-shadow: #000 0px 2px 20px;
|
616 |
-
}
|
617 |
-
.select.idle .selected, .idle.select-arrowed .selected {
|
618 |
-
color: #9da0ab; }
|
619 |
-
.select.negative:hover .selected, .negative.select-arrowed:hover .selected {
|
620 |
-
background-color: #400000; }
|
621 |
-
.select.negative .selected, .negative.select-arrowed .selected {
|
622 |
-
background-color: #4c0000;
|
623 |
-
color: #ffe3e3;
|
624 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
625 |
-
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
626 |
-
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
627 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
628 |
-
.select .selected, .select-arrowed .selected {
|
629 |
-
background-color: #141517;
|
630 |
-
border-radius: 30px;
|
631 |
-
color: white;
|
632 |
-
cursor: pointer;
|
633 |
-
display: block;
|
634 |
-
height: 26px;
|
635 |
-
line-height: 18px;
|
636 |
-
padding: 4px 16px 6px;
|
637 |
-
position: relative;
|
638 |
-
text-decoration: none;
|
639 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
640 |
-
z-index: 5;
|
641 |
-
-webkit-box-sizing: border-box;
|
642 |
-
-moz-box-sizing: border-box;
|
643 |
-
box-sizing: border-box;
|
644 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
645 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
646 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
647 |
-
line-height: 16px \9;
|
648 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
649 |
-
.select .selected:hover, .select-arrowed .selected:hover {
|
650 |
-
background-color: black; }
|
651 |
-
.select .selected:hover .icon, .select-arrowed .selected:hover .icon {
|
652 |
-
background-position: 0 -30px; }
|
653 |
-
.select .selected .icon, .select-arrowed .selected .icon {
|
654 |
-
background: url("images/select/selected-icon.png") 0 0 no-repeat;
|
655 |
-
border-radius: 50%;
|
656 |
-
height: 19px;
|
657 |
-
position: absolute;
|
658 |
-
right: 3px;
|
659 |
-
top: 3px;
|
660 |
-
width: 19px; }
|
661 |
-
.select .options, .select-arrowed .options {
|
662 |
-
background-color: #41444c;
|
663 |
-
border-bottom-left-radius: 10px;
|
664 |
-
border-bottom-right-radius: 10px;
|
665 |
-
display: none;
|
666 |
-
padding: 20px 0 8px;
|
667 |
-
position: absolute;
|
668 |
-
top: 50%;
|
669 |
-
width: 200px;
|
670 |
-
z-index: 4;
|
671 |
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
672 |
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
673 |
-
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
|
674 |
-
.select .stack, .select-arrowed .stack {
|
675 |
-
padding-bottom: 2px;
|
676 |
-
max-height: 140px;
|
677 |
-
overflow: auto; }
|
678 |
-
.select .stack li, .select-arrowed .stack li {
|
679 |
-
color: #9da0ab;
|
680 |
-
cursor: pointer;
|
681 |
-
height: 26px;
|
682 |
-
padding: 6px 16px;
|
683 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
684 |
-
-webkit-box-sizing: border-box;
|
685 |
-
-moz-box-sizing: border-box;
|
686 |
-
box-sizing: border-box; }
|
687 |
-
.select .stack li:hover, .select-arrowed .stack li:hover, .select .stack li:focus, .select-arrowed .stack li:focus, .select .stack li.highlighted, .select-arrowed .stack li.highlighted {
|
688 |
-
color: white;
|
689 |
-
-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
690 |
-
-moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
691 |
-
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
692 |
-
background: #6c901b;
|
693 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2ca4c), color-stop(100%, #6c901b));
|
694 |
-
background-image: -webkit-linear-gradient(top, #a2ca4c, #6c901b);
|
695 |
-
background-image: -moz-linear-gradient(top, #a2ca4c, #6c901b);
|
696 |
-
background-image: -ms-linear-gradient(top, #a2ca4c, #6c901b);
|
697 |
-
background-image: -o-linear-gradient(top, #a2ca4c, #6c901b);
|
698 |
-
background-image: linear-gradient(top, #a2ca4c, #6c901b);
|
699 |
-
-pie-background: linear-gradient(#a2ca4c, #6c901b); }
|
700 |
-
.select .stack li.inactive-result, .select-arrowed .stack li.inactive-result {
|
701 |
-
display: none; }
|
702 |
-
.select .select-search, .select-arrowed .select-search {
|
703 |
-
margin-bottom: 5px;
|
704 |
-
padding: 1px 9px 3px;
|
705 |
-
display: none;
|
706 |
-
}
|
707 |
-
.select .select-search input, .select-arrowed .select-search input {
|
708 |
-
background-color: #30333b;
|
709 |
-
border: 1px solid #252525;
|
710 |
-
border-radius: 2px;
|
711 |
-
color: white;
|
712 |
-
padding: 4px 9px;
|
713 |
-
width: 100%;
|
714 |
-
-webkit-box-sizing: border-box;
|
715 |
-
-moz-box-sizing: border-box;
|
716 |
-
box-sizing: border-box;
|
717 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
718 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
719 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
720 |
-
|
721 |
-
.select-arrowed .selected .icon {
|
722 |
-
background-image: url("images/select/selected-icon-arrowed.png"); }
|
723 |
-
|
724 |
-
input[type='text'],
|
725 |
-
input[type='password'] {
|
726 |
-
border-radius: 2px;
|
727 |
-
font-family: Arial, sans-serif;
|
728 |
-
font-size: 12px;
|
729 |
-
height: 26px;
|
730 |
-
padding: 0 10px;
|
731 |
-
position: relative;
|
732 |
-
vertical-align: middle;
|
733 |
-
width: 200px;
|
734 |
-
-webkit-box-sizing: border-box;
|
735 |
-
-moz-box-sizing: border-box;
|
736 |
-
box-sizing: border-box; }
|
737 |
-
input[type='text'].w50 {
|
738 |
-
width:50px ;
|
739 |
-
}
|
740 |
-
.text, .text-rounded {
|
741 |
-
position: relative; }
|
742 |
-
.text.dark textarea,
|
743 |
-
.text.dark input[type='text'], .dark.text-rounded input[type='text'],
|
744 |
-
.text.dark input[type='password'],
|
745 |
-
.dark.text-rounded input[type='password'] {
|
746 |
-
background: #141517;
|
747 |
-
color: white;
|
748 |
-
border: 1px solid black;
|
749 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
750 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
751 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
752 |
-
padding-top: 4px \9;
|
753 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
754 |
-
.text.dark input[type='text']:-moz-placeholder, .dark.text-rounded input[type='text']:-moz-placeholder,
|
755 |
-
.text.dark input[type='password']:-moz-placeholder,
|
756 |
-
.dark.text-rounded input[type='password']:-moz-placeholder {
|
757 |
-
color: #777777; }
|
758 |
-
.text.dark input[type='text']::-webkit-input-placeholder, .dark.text-rounded input[type='text']::-webkit-input-placeholder,
|
759 |
-
.text.dark input[type='password']::-webkit-input-placeholder,
|
760 |
-
.dark.text-rounded input[type='password']::-webkit-input-placeholder {
|
761 |
-
color: #777777; }
|
762 |
-
.text.dark input[type='text'].placeholder, .dark.text-rounded input[type='text'].placeholder,
|
763 |
-
.text.dark input[type='password'].placeholder,
|
764 |
-
.dark.text-rounded input[type='password'].placeholder {
|
765 |
-
color: #777777; }
|
766 |
-
.text.dark input[type='text']:hover, .dark.text-rounded input[type='text']:hover,
|
767 |
-
.text.dark input[type='password']:hover,
|
768 |
-
.dark.text-rounded input[type='password']:hover {
|
769 |
-
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
770 |
-
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
771 |
-
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); }
|
772 |
-
.text.dark input[type='text']:focus, .dark.text-rounded input[type='text']:focus,
|
773 |
-
.text.dark input[type='password']:focus,
|
774 |
-
.dark.text-rounded input[type='password']:focus {
|
775 |
-
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
776 |
-
-moz-box-shadow: 0 0 0 3px #80a62d;
|
777 |
-
box-shadow: 0 0 0 3px #80a62d; }
|
778 |
-
.text.light input[type='text'], .light.text-rounded input[type='text'],
|
779 |
-
.text.light input[type='password'],
|
780 |
-
.light.text-rounded input[type='password'] {
|
781 |
-
background: #fdfdfd;
|
782 |
-
border: none;
|
783 |
-
color: black;
|
784 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
785 |
-
background: #9a9a9a;
|
786 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9a9a9a));
|
787 |
-
background-image: -webkit-linear-gradient(top, #fdfdfd, #9a9a9a);
|
788 |
-
background-image: -moz-linear-gradient(top, #fdfdfd, #9a9a9a);
|
789 |
-
background-image: -ms-linear-gradient(top, #fdfdfd, #9a9a9a);
|
790 |
-
background-image: -o-linear-gradient(top, #fdfdfd, #9a9a9a);
|
791 |
-
background-image: linear-gradient(top, #fdfdfd, #9a9a9a);
|
792 |
-
-pie-background: linear-gradient(#fdfdfd, #9a9a9a);
|
793 |
-
padding-top: 5px \9;
|
794 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
795 |
-
.text.light input[type='text']:-moz-placeholder, .light.text-rounded input[type='text']:-moz-placeholder,
|
796 |
-
.text.light input[type='password']:-moz-placeholder,
|
797 |
-
.light.text-rounded input[type='password']:-moz-placeholder {
|
798 |
-
color: #666666; }
|
799 |
-
.text.light input[type='text']::-webkit-input-placeholder, .light.text-rounded input[type='text']::-webkit-input-placeholder,
|
800 |
-
.text.light input[type='password']::-webkit-input-placeholder,
|
801 |
-
.light.text-rounded input[type='password']::-webkit-input-placeholder {
|
802 |
-
color: #666666; }
|
803 |
-
.text.light input[type='text'].placeholder, .light.text-rounded input[type='text'].placeholder,
|
804 |
-
.text.light input[type='password'].placeholder,
|
805 |
-
.light.text-rounded input[type='password'].placeholder {
|
806 |
-
color: #666666; }
|
807 |
-
.text.light input[type='text']:hover, .light.text-rounded input[type='text']:hover,
|
808 |
-
.text.light input[type='password']:hover,
|
809 |
-
.light.text-rounded input[type='password']:hover {
|
810 |
-
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
811 |
-
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
812 |
-
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); }
|
813 |
-
.text.light input[type='text']:focus, .light.text-rounded input[type='text']:focus,
|
814 |
-
.text.light input[type='password']:focus,
|
815 |
-
.light.text-rounded input[type='password']:focus {
|
816 |
-
background: white;
|
817 |
-
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
818 |
-
-moz-box-shadow: 0 0 0 3px #80a62d;
|
819 |
-
box-shadow: 0 0 0 3px #80a62d; }
|
820 |
-
.text.light input[type='text']:focus:-moz-placeholder, .light.text-rounded input[type='text']:focus:-moz-placeholder,
|
821 |
-
.text.light input[type='password']:focus:-moz-placeholder,
|
822 |
-
.light.text-rounded input[type='password']:focus:-moz-placeholder {
|
823 |
-
color: #cccccc; }
|
824 |
-
.text.light input[type='text']:focus::-webkit-input-placeholder, .light.text-rounded input[type='text']:focus::-webkit-input-placeholder,
|
825 |
-
.text.light input[type='password']:focus::-webkit-input-placeholder,
|
826 |
-
.light.text-rounded input[type='password']:focus::-webkit-input-placeholder {
|
827 |
-
color: #cccccc; }
|
828 |
-
.text.light input[type='text']:focus.placeholder, .light.text-rounded input[type='text']:focus.placeholder,
|
829 |
-
.text.light input[type='password']:focus.placeholder,
|
830 |
-
.light.text-rounded input[type='password']:focus.placeholder {
|
831 |
-
color: #cccccc; }
|
832 |
-
.text.light input[type='submit'], .light.text-rounded input[type='submit'] {
|
833 |
-
background-position: center -30px; }
|
834 |
-
.text input[type='submit'], .text-rounded input[type='submit'] {
|
835 |
-
background-color: transparent;
|
836 |
-
background-position: center 0;
|
837 |
-
background-repeat: no-repeat;
|
838 |
-
border: none;
|
839 |
-
cursor: pointer;
|
840 |
-
font-family: Arial, sans-serif;
|
841 |
-
font-size: 12px;
|
842 |
-
height: 19px;
|
843 |
-
position: absolute;
|
844 |
-
right: 3px;
|
845 |
-
top: 3px;
|
846 |
-
width: 19px; }
|
847 |
-
.text input[type='submit']:hover, .text-rounded input[type='submit']:hover, .text input[type='submit']:focus, .text-rounded input[type='submit']:focus {
|
848 |
-
background-position: center -30px; }
|
849 |
-
|
850 |
-
.text-rounded input[type='text'],
|
851 |
-
.text-rounded input[type='password'] {
|
852 |
-
border-radius: 30px;
|
853 |
-
padding-left: 16px;
|
854 |
-
padding-right: 16px;
|
855 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
856 |
-
|
857 |
-
.text input.search-button, .text-rounded input.search-button {
|
858 |
-
background-image: url("images/text-input/search-button.png"); }
|
859 |
-
|
860 |
-
.appreciate {
|
861 |
-
background: url("images/appreciate/splash.png") 0 0 no-repeat;
|
862 |
-
display: block;
|
863 |
-
cursor: pointer;
|
864 |
-
font-size: 13px;
|
865 |
-
height: 97px;
|
866 |
-
position: relative;
|
867 |
-
text-align: center;
|
868 |
-
text-transform: uppercase;
|
869 |
-
width: 97px; }
|
870 |
-
.appreciate:hover {
|
871 |
-
background-position: 0 -110px; }
|
872 |
-
.appreciate.firm {
|
873 |
-
background-image: url("images/appreciate/splash-firm.png"); }
|
874 |
-
.appreciate.tnx {
|
875 |
-
background: url("images/appreciate/tnx.png") 0 0 no-repeat; }
|
876 |
-
|
877 |
-
.circle-banner {
|
878 |
-
background-color: #141517;
|
879 |
-
border-radius: 50%;
|
880 |
-
color: white;
|
881 |
-
font: italic 11px Georgia, serif;
|
882 |
-
height: 165px;
|
883 |
-
line-height: 1.5;
|
884 |
-
padding: 20px;
|
885 |
-
position: relative;
|
886 |
-
text-align: center;
|
887 |
-
width: 165px;
|
888 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
889 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
890 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
891 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
892 |
-
.circle-banner .banner-inner {
|
893 |
-
padding-top: 20px; }
|
894 |
-
.circle-banner .banner-description {
|
895 |
-
border-top: 1px solid #88bebe;
|
896 |
-
color: #88bebe;
|
897 |
-
margin-top: 15px;
|
898 |
-
padding-top: 10px; }
|
899 |
-
.circle-banner .ear {
|
900 |
-
background: url("images/circle-banner/ear.png") 0 0 no-repeat;
|
901 |
-
height: 22px;
|
902 |
-
left: 27px;
|
903 |
-
position: absolute;
|
904 |
-
top: 8px;
|
905 |
-
width: 22px; }
|
906 |
-
.circle-banner .banner-pull-l, .circle-banner .banner-pull-r {
|
907 |
-
clear: both;
|
908 |
-
float: left;
|
909 |
-
height: 20px;
|
910 |
-
width: 30%; }
|
911 |
-
.circle-banner .banner-pull-l.pull2, .circle-banner .pull2.banner-pull-r {
|
912 |
-
width: 17%; }
|
913 |
-
.circle-banner .banner-pull-r {
|
914 |
-
clear: none;
|
915 |
-
float: right; }
|
916 |
-
|
917 |
-
.comments {
|
918 |
-
background-color: #141517;
|
919 |
-
border-radius: 2px;
|
920 |
-
color: white;
|
921 |
-
display: inline-block;
|
922 |
-
font: italic 11px Georgia, serif;
|
923 |
-
padding: 4px 7px 6px;
|
924 |
-
position: relative;
|
925 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
926 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
927 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
928 |
-
.comments .ear {
|
929 |
-
background: url("images/comments/ear.png") 0 0 no-repeat;
|
930 |
-
height: 6px;
|
931 |
-
left: 6px;
|
932 |
-
position: absolute;
|
933 |
-
top: -5px;
|
934 |
-
width: 9px; }
|
935 |
-
|
936 |
-
.commutator {
|
937 |
-
border-radius: 20px;
|
938 |
-
cursor: pointer;
|
939 |
-
display: inline-block;
|
940 |
-
height: 26px;
|
941 |
-
overflow: hidden;
|
942 |
-
position: relative;
|
943 |
-
-webkit-user-select: none;
|
944 |
-
-moz-user-select: none;
|
945 |
-
-ms-user-select: none;
|
946 |
-
user-select: none;
|
947 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
948 |
-
.commutator.on {
|
949 |
-
color: #3e5706;
|
950 |
-
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
951 |
-
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
952 |
-
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
953 |
-
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
954 |
-
background: #6c901b;
|
955 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aed160), color-stop(100%, #6c901b));
|
956 |
-
background-image: -webkit-linear-gradient(top, #aed160, #6c901b);
|
957 |
-
background-image: -moz-linear-gradient(top, #aed160, #6c901b);
|
958 |
-
background-image: -ms-linear-gradient(top, #aed160, #6c901b);
|
959 |
-
background-image: -o-linear-gradient(top, #aed160, #6c901b);
|
960 |
-
background-image: linear-gradient(top, #aed160, #6c901b);
|
961 |
-
-pie-background: linear-gradient(#aed160, #6c901b); }
|
962 |
-
.commutator.on .is.on {
|
963 |
-
left: 0; }
|
964 |
-
.commutator.on .is.off {
|
965 |
-
margin-right: 24px; }
|
966 |
-
.commutator.off {
|
967 |
-
background-color: black;
|
968 |
-
color: white;
|
969 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
970 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
971 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
972 |
-
.commutator.off .is.on {
|
973 |
-
left: -100%; }
|
974 |
-
.commutator.off .is.off {
|
975 |
-
margin-right: -3px; }
|
976 |
-
.commutator .is {
|
977 |
-
margin: 0 2px;
|
978 |
-
padding: 6px 30px 3px 10px;
|
979 |
-
position: relative;
|
980 |
-
width: 100%;
|
981 |
-
-webkit-box-sizing: border-box;
|
982 |
-
-moz-box-sizing: border-box;
|
983 |
-
box-sizing: border-box;
|
984 |
-
-webkit-transition: left 0.2s linear, margin 0.2s linear;
|
985 |
-
-moz-transition: left 0.2s linear, margin 0.2s linear;
|
986 |
-
-ms-transition: left 0.2s linear, margin 0.2s linear;
|
987 |
-
-o-transition: left 0.2s linear, margin 0.2s linear;
|
988 |
-
transition: left 0.2s linear, margin 0.2s linear; }
|
989 |
-
.commutator .is.off {
|
990 |
-
background: url("images/commutator/slider.png") left 3px no-repeat;
|
991 |
-
right: -100%;
|
992 |
-
padding-left: 24px;
|
993 |
-
position: absolute;
|
994 |
-
top: 1px; }
|
995 |
-
|
996 |
-
.crossbar {
|
997 |
-
background: url("images/crossbar/center.png") center no-repeat;
|
998 |
-
height: 62px;
|
999 |
-
position: relative;
|
1000 |
-
width: 62px; }
|
1001 |
-
.crossbar [class^='to-'] {
|
1002 |
-
background: url("images/crossbar/button.png") 0 0 no-repeat;
|
1003 |
-
border-radius: 50%;
|
1004 |
-
display: block;
|
1005 |
-
height: 24px;
|
1006 |
-
position: absolute;
|
1007 |
-
width: 24px; }
|
1008 |
-
.crossbar [class^='to-']:hover, .crossbar [class^='to-']:focus {
|
1009 |
-
background-position: 0 -30px; }
|
1010 |
-
.crossbar [class^='to-']:active {
|
1011 |
-
-webkit-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
1012 |
-
-moz-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
1013 |
-
box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9); }
|
1014 |
-
.crossbar .arrow {
|
1015 |
-
background-position: center;
|
1016 |
-
background-repeat: no-repeat;
|
1017 |
-
height: 11px;
|
1018 |
-
left: 6px;
|
1019 |
-
position: absolute;
|
1020 |
-
top: 6px;
|
1021 |
-
width: 11px; }
|
1022 |
-
.crossbar [class$='top'] {
|
1023 |
-
left: 19px;
|
1024 |
-
top: 0; }
|
1025 |
-
.crossbar [class$='top'] .arrow {
|
1026 |
-
background-image: url("images/crossbar/to-top.png"); }
|
1027 |
-
.crossbar [class$='right'] {
|
1028 |
-
right: 0;
|
1029 |
-
top: 19px; }
|
1030 |
-
.crossbar [class$='right'] .arrow {
|
1031 |
-
background-image: url("images/crossbar/to-right.png"); }
|
1032 |
-
.crossbar [class$='bottom'] {
|
1033 |
-
left: 19px;
|
1034 |
-
bottom: 0; }
|
1035 |
-
.crossbar [class$='bottom'] .arrow {
|
1036 |
-
background-image: url("images/crossbar/to-bottom.png"); }
|
1037 |
-
.crossbar [class$='left'] {
|
1038 |
-
left: 0;
|
1039 |
-
top: 19px; }
|
1040 |
-
.crossbar [class$='left'] .arrow {
|
1041 |
-
background-image: url("images/crossbar/to-left.png"); }
|
1042 |
-
|
1043 |
-
.currently-playing {
|
1044 |
-
border-radius: 8px;
|
1045 |
-
color: #717342;
|
1046 |
-
padding: 10px 14px 14px;
|
1047 |
-
position: relative;
|
1048 |
-
text-align: center;
|
1049 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
1050 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
1051 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
1052 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
1053 |
-
background: #d1d395;
|
1054 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe2ad), color-stop(100%, #d1d395));
|
1055 |
-
background-image: -webkit-linear-gradient(top, #dfe2ad, #d1d395);
|
1056 |
-
background-image: -moz-linear-gradient(top, #dfe2ad, #d1d395);
|
1057 |
-
background-image: -ms-linear-gradient(top, #dfe2ad, #d1d395);
|
1058 |
-
background-image: -o-linear-gradient(top, #dfe2ad, #d1d395);
|
1059 |
-
background-image: linear-gradient(top, #dfe2ad, #d1d395);
|
1060 |
-
-pie-background: linear-gradient(#dfe2ad, #d1d395);
|
1061 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1062 |
-
.currently-playing:after {
|
1063 |
-
background-color: rgba(255, 255, 255, 0.4);
|
1064 |
-
border-radius: 10px;
|
1065 |
-
content: "";
|
1066 |
-
height: 40%;
|
1067 |
-
left: 0;
|
1068 |
-
position: absolute;
|
1069 |
-
top: 0;
|
1070 |
-
width: 100%;
|
1071 |
-
z-index: 1; }
|
1072 |
-
.currently-playing .playing {
|
1073 |
-
height: 15px;
|
1074 |
-
overflow: hidden;
|
1075 |
-
position: relative;
|
1076 |
-
white-space: nowrap;
|
1077 |
-
z-index: 2; }
|
1078 |
-
.currently-playing .playing.artist {
|
1079 |
-
font-weight: bold;
|
1080 |
-
margin-bottom: 2px; }
|
1081 |
-
.currently-playing .song-info {
|
1082 |
-
padding-top: 8px;
|
1083 |
-
position: relative;
|
1084 |
-
font-size: 10px; }
|
1085 |
-
.currently-playing .scrollbox.dot {
|
1086 |
-
background-color: #787878;
|
1087 |
-
margin: 0 50px;
|
1088 |
-
top: 2px;
|
1089 |
-
z-index: 2;
|
1090 |
-
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
1091 |
-
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
1092 |
-
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5); }
|
1093 |
-
.currently-playing .scrollbox.dot .scale {
|
1094 |
-
border: none;
|
1095 |
-
height: 7px;
|
1096 |
-
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
1097 |
-
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
1098 |
-
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
1099 |
-
.currently-playing .scrollbox.dot .slider {
|
1100 |
-
background: white;
|
1101 |
-
top: -1px; }
|
1102 |
-
.currently-playing .song-time {
|
1103 |
-
line-height: 13px;
|
1104 |
-
position: absolute;
|
1105 |
-
top: 7px;
|
1106 |
-
width: 50px; }
|
1107 |
-
.currently-playing .song-time.start {
|
1108 |
-
left: -8px;
|
1109 |
-
text-align: right; }
|
1110 |
-
.currently-playing .song-time.end {
|
1111 |
-
right: -7px;
|
1112 |
-
text-align: left; }
|
1113 |
-
|
1114 |
-
.dataset table {
|
1115 |
-
width: 100%; }
|
1116 |
-
.dataset td {
|
1117 |
-
padding-bottom: 5px;
|
1118 |
-
padding-top: 5px; }
|
1119 |
-
|
1120 |
-
.dataset-entity {
|
1121 |
-
color: #9da0ab; }
|
1122 |
-
|
1123 |
-
.dataset-number {
|
1124 |
-
color: #686868;
|
1125 |
-
padding-right: 10px;
|
1126 |
-
text-align: right; }
|
1127 |
-
|
1128 |
-
.dataset-bar {
|
1129 |
-
background-color: #9cc346;
|
1130 |
-
border-radius: 10px;
|
1131 |
-
height: 5px;
|
1132 |
-
margin-top: 4px; }
|
1133 |
-
|
1134 |
-
.datepicker-placeholder {
|
1135 |
-
min-height: 250px;
|
1136 |
-
min-width: 210px;
|
1137 |
-
position: relative; }
|
1138 |
-
|
1139 |
-
.ui-datepicker {
|
1140 |
-
background-color: #141517;
|
1141 |
-
border-radius: 2px;
|
1142 |
-
color: #a8a8a8;
|
1143 |
-
display: none;
|
1144 |
-
padding: 30px;
|
1145 |
-
position: absolute;
|
1146 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1147 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1148 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1149 |
-
-webkit-user-select: none;
|
1150 |
-
-moz-user-select: none;
|
1151 |
-
-ms-user-select: none;
|
1152 |
-
user-select: none; }
|
1153 |
-
|
1154 |
-
.ui-datepicker-calendar {
|
1155 |
-
border-collapse: separate; }
|
1156 |
-
.ui-datepicker-calendar td {
|
1157 |
-
border: 1px solid transparent;
|
1158 |
-
cursor: pointer;
|
1159 |
-
padding: 5px 7px;
|
1160 |
-
text-align: center; }
|
1161 |
-
.ui-datepicker-calendar td:hover, .ui-datepicker-calendar td.ui-datepicker-current-day {
|
1162 |
-
border-color: #759827; }
|
1163 |
-
.ui-datepicker-calendar td.ui-state-disabled {
|
1164 |
-
border-color: transparent;
|
1165 |
-
cursor: default;
|
1166 |
-
color: #565656; }
|
1167 |
-
.ui-datepicker-calendar td.ui-datepicker-today {
|
1168 |
-
background-color: #243205;
|
1169 |
-
color: #759827; }
|
1170 |
-
.ui-datepicker-calendar a {
|
1171 |
-
text-decoration: none; }
|
1172 |
-
.ui-datepicker-calendar th {
|
1173 |
-
cursor: default;
|
1174 |
-
padding: 5px 7px;
|
1175 |
-
text-align: center;
|
1176 |
-
text-transform: uppercase; }
|
1177 |
-
|
1178 |
-
.ui-datepicker-header {
|
1179 |
-
border-bottom: 1px solid #d6d6d6;
|
1180 |
-
cursor: default;
|
1181 |
-
margin: 0 6px 10px;
|
1182 |
-
padding-bottom: 10px;
|
1183 |
-
position: relative;
|
1184 |
-
text-align: center;
|
1185 |
-
text-transform: uppercase; }
|
1186 |
-
.ui-datepicker-header .year {
|
1187 |
-
color: #565656;
|
1188 |
-
padding-left: 19px;
|
1189 |
-
position: relative; }
|
1190 |
-
.ui-datepicker-header .year:before {
|
1191 |
-
background: #99c043;
|
1192 |
-
border-radius: 50%;
|
1193 |
-
content: "";
|
1194 |
-
height: 4px;
|
1195 |
-
left: 6px;
|
1196 |
-
position: absolute;
|
1197 |
-
top: 5px;
|
1198 |
-
width: 4px; }
|
1199 |
-
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
|
1200 |
-
background: url("images/datepicker/back.png") 5px 3px no-repeat;
|
1201 |
-
bottom: 9px;
|
1202 |
-
cursor: pointer;
|
1203 |
-
font-size: 1px;
|
1204 |
-
height: 16px;
|
1205 |
-
left: -4px;
|
1206 |
-
overflow: hidden;
|
1207 |
-
position: absolute;
|
1208 |
-
text-indent: -999em;
|
1209 |
-
width: 16px; }
|
1210 |
-
.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker-header .ui-datepicker-next:focus {
|
1211 |
-
background-position: 5px -13px; }
|
1212 |
-
.ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-header .ui-state-disabled.ui-datepicker-next {
|
1213 |
-
background-position: 5px -29px;
|
1214 |
-
cursor: default; }
|
1215 |
-
.ui-datepicker-header .ui-datepicker-next {
|
1216 |
-
background-image: url("images/datepicker/forward.png");
|
1217 |
-
left: auto;
|
1218 |
-
right: -5px; }
|
1219 |
-
|
1220 |
-
.ui-datepicker-buttonpane {
|
1221 |
-
position: absolute;
|
1222 |
-
right: 0;
|
1223 |
-
top: 0;
|
1224 |
-
width: 100%; }
|
1225 |
-
.ui-datepicker-buttonpane .ui-datepicker-current {
|
1226 |
-
background: none;
|
1227 |
-
border: none;
|
1228 |
-
color: #565656;
|
1229 |
-
cursor: pointer;
|
1230 |
-
font: italic 12px Georgia, serif;
|
1231 |
-
margin: 8px -15px 0 0;
|
1232 |
-
position: absolute;
|
1233 |
-
right: 50%; }
|
1234 |
-
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
|
1235 |
-
color: #999999; }
|
1236 |
-
|
1237 |
-
.ui-datepicker-close {
|
1238 |
-
background: url("images/datepicker/close.png") 8px 9px no-repeat;
|
1239 |
-
border: none;
|
1240 |
-
cursor: pointer;
|
1241 |
-
font-size: 1px;
|
1242 |
-
height: 27px;
|
1243 |
-
overflow: hidden;
|
1244 |
-
position: absolute;
|
1245 |
-
text-indent: -999em;
|
1246 |
-
right: 0;
|
1247 |
-
top: 0;
|
1248 |
-
width: 27px; }
|
1249 |
-
.ui-datepicker-close:hover, .ui-datepicker-close:focus {
|
1250 |
-
background-position: 8px -11px; }
|
1251 |
-
|
1252 |
-
.equalizer-bar {
|
1253 |
-
background-color: #1e1f22;
|
1254 |
-
border-radius: 10px;
|
1255 |
-
float: left;
|
1256 |
-
height: 114px;
|
1257 |
-
margin-right: 6px;
|
1258 |
-
position: relative;
|
1259 |
-
width: 5px;
|
1260 |
-
-webkit-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1261 |
-
-moz-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1262 |
-
box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1263 |
-
-webkit-user-select: none;
|
1264 |
-
-moz-user-select: none;
|
1265 |
-
-ms-user-select: none;
|
1266 |
-
user-select: none; }
|
1267 |
-
.equalizer-bar.minimal .equalizer-scale {
|
1268 |
-
background: #141517;
|
1269 |
-
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1270 |
-
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1271 |
-
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06); }
|
1272 |
-
.equalizer-bar.elastic .equalizer-scale {
|
1273 |
-
background: #a4a4a4;
|
1274 |
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1e1e1), color-stop(100%, #a4a4a4));
|
1275 |
-
background-image: -webkit-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1276 |
-
background-image: -moz-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1277 |
-
background-image: -ms-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1278 |
-
background-image: -o-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1279 |
-
background-image: linear-gradient(left, #e1e1e1, #a4a4a4); }
|
1280 |
-
|
1281 |
-
.equalizer-delimiter {
|
1282 |
-
background: url("images/equalizer/bar-delimiter.png") 0 0 no-repeat;
|
1283 |
-
float: left;
|
1284 |
-
margin-right: 6px;
|
1285 |
-
height: 114px;
|
1286 |
-
width: 5px; }
|
1287 |
-
|
1288 |
-
.equalizer-scale {
|
1289 |
-
border-radius: 10px;
|
1290 |
-
bottom: 0;
|
1291 |
-
left: 0;
|
1292 |
-
position: absolute;
|
1293 |
-
width: 100%;
|
1294 |
-
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
1295 |
-
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
1296 |
-
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
1297 |
-
background: #91b73c;
|
1298 |
-
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #6c901b), color-stop(100%, #91b73c));
|
1299 |
-
background-image: -webkit-linear-gradient(left, #6c901b, #91b73c);
|
1300 |
-
background-image: -moz-linear-gradient(left, #6c901b, #91b73c);
|
1301 |
-
background-image: -ms-linear-gradient(left, #6c901b, #91b73c);
|
1302 |
-
background-image: -o-linear-gradient(left, #6c901b, #91b73c);
|
1303 |
-
background-image: linear-gradient(left, #6c901b, #91b73c); }
|
1304 |
-
|
1305 |
-
.equalizer .ui-slider-handle {
|
1306 |
-
background: url("images/equalizer/slider.png") 5px 0 no-repeat;
|
1307 |
-
cursor: pointer;
|
1308 |
-
height: 16px;
|
1309 |
-
left: -6px;
|
1310 |
-
margin-bottom: -8px;
|
1311 |
-
position: absolute;
|
1312 |
-
width: 17px; }
|
1313 |
-
.equalizer .ui-slider-handle:hover, .equalizer .ui-slider-handle:focus {
|
1314 |
-
background-position: 5px -33px; }
|
1315 |
-
|
1316 |
-
.header {
|
1317 |
-
background: #141517;
|
1318 |
-
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
1319 |
-
color: white; }
|
1320 |
-
|
1321 |
-
.header-controls {
|
1322 |
-
color: #8d8d8d;
|
1323 |
-
font-size: 11px; }
|
1324 |
-
.header-controls a {
|
1325 |
-
color: #dddddd;
|
1326 |
-
text-decoration: none; }
|
1327 |
-
.header-controls a:hover {
|
1328 |
-
color: white; }
|
1329 |
-
.header-controls .delimiter {
|
1330 |
-
font-family: Georgia, serif;
|
1331 |
-
font-style: italic; }
|
1332 |
-
.header-controls .fb-signup {
|
1333 |
-
background: url("images/header/fb-signup.png") 0 0 no-repeat;
|
1334 |
-
display: inline-block;
|
1335 |
-
height: 21px;
|
1336 |
-
margin: -7px 0;
|
1337 |
-
width: 89px; }
|
1338 |
-
|
1339 |
-
.header-navigation {
|
1340 |
-
font-family: "Helvetica Neue", Arial, sans-serif;
|
1341 |
-
font-size: 13px;
|
1342 |
-
text-transform: uppercase; }
|
1343 |
-
.header-navigation li {
|
1344 |
-
display: inline-block;
|
1345 |
-
height: 16px;
|
1346 |
-
position: relative;
|
1347 |
-
top: 2px; }
|
1348 |
-
.header-navigation li:after {
|
1349 |
-
background: #84aa30;
|
1350 |
-
border-radius: 50%;
|
1351 |
-
content: "";
|
1352 |
-
height: 4px;
|
1353 |
-
margin-top: -2px;
|
1354 |
-
position: absolute;
|
1355 |
-
right: -4px;
|
1356 |
-
top: 50%;
|
1357 |
-
width: 4px; }
|
1358 |
-
.header-navigation li:last-child:after {
|
1359 |
-
display: none; }
|
1360 |
-
.header-navigation li.current:before {
|
1361 |
-
background: url("images/header/ear.png") 0 0 no-repeat;
|
1362 |
-
bottom: -20px;
|
1363 |
-
content: "";
|
1364 |
-
height: 8px;
|
1365 |
-
left: 50%;
|
1366 |
-
margin-left: -7px;
|
1367 |
-
position: absolute;
|
1368 |
-
width: 14px; }
|
1369 |
-
.header-navigation li.current a {
|
1370 |
-
color: #94be38; }
|
1371 |
-
.header-navigation a {
|
1372 |
-
margin: 0 13px;
|
1373 |
-
text-decoration: none; }
|
1374 |
-
.header-navigation a:hover {
|
1375 |
-
color: #d0deb2; }
|
1376 |
-
|
1377 |
-
.header-search {
|
1378 |
-
float: right;
|
1379 |
-
margin: -5px 0 -9px;
|
1380 |
-
width: 66%; }
|
1381 |
-
|
1382 |
-
.login-block {
|
1383 |
-
background-color: #141517;
|
1384 |
-
border-radius: 8px;
|
1385 |
-
color: white;
|
1386 |
-
padding: 23px 30px 30px;
|
1387 |
-
position: relative;
|
1388 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1389 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1390 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1391 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1392 |
-
.login-block .login-ear {
|
1393 |
-
background: url("images/login-block/ear.png") 0 0 no-repeat;
|
1394 |
-
height: 13px;
|
1395 |
-
left: 23px;
|
1396 |
-
position: absolute;
|
1397 |
-
top: -12px;
|
1398 |
-
width: 12px; }
|
1399 |
-
.login-block .login-buttons {
|
1400 |
-
padding-top: 40px; }
|
1401 |
-
|
1402 |
-
.pagination {
|
1403 |
-
-webkit-user-select: none;
|
1404 |
-
-moz-user-select: none;
|
1405 |
-
-ms-user-select: none;
|
1406 |
-
user-select: none; }
|
1407 |
-
.pagination li {
|
1408 |
-
float: left;
|
1409 |
-
font-weight: bold;
|
1410 |
-
margin-right: 7px;
|
1411 |
-
text-align: center; }
|
1412 |
-
.pagination li.active a {
|
1413 |
-
color: #3e5706;
|
1414 |
-
text-shadow: 0 1px 0 white;
|
1415 |
-
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
1416 |
-
-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
1417 |
-
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
1418 |
-
background: #9e9e9e;
|
1419 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9e9e9e));
|
1420 |
-
background-image: -webkit-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1421 |
-
background-image: -moz-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1422 |
-
background-image: -ms-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1423 |
-
background-image: -o-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1424 |
-
background-image: linear-gradient(top, #fdfdfd, #9e9e9e);
|
1425 |
-
-pie-background: linear-gradient(#fdfdfd, #9e9e9e); }
|
1426 |
-
.pagination a {
|
1427 |
-
border-radius: 20px;
|
1428 |
-
color: white;
|
1429 |
-
display: block;
|
1430 |
-
height: 17px;
|
1431 |
-
padding: 4px 7px 0;
|
1432 |
-
text-decoration: none;
|
1433 |
-
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
|
1434 |
-
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1435 |
-
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1436 |
-
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1437 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1438 |
-
.pagination a:hover {
|
1439 |
-
background-color: #3f4147; }
|
1440 |
-
.pagination .pagination-up, .pagination .pagination-down, .pagination .pagination-left, .pagination .pagination-right {
|
1441 |
-
background: url("images/pagination/up.png") 0 0 no-repeat;
|
1442 |
-
cursor: pointer;
|
1443 |
-
float: left;
|
1444 |
-
height: 11px;
|
1445 |
-
margin-right: 3px;
|
1446 |
-
width: 11px;
|
1447 |
-
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
1448 |
-
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
1449 |
-
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
|
1450 |
-
.pagination .pagination-down {
|
1451 |
-
background-image: url("images/pagination/down.png"); }
|
1452 |
-
.pagination .pagination-left {
|
1453 |
-
background-image: url("images/pagination/left.png"); }
|
1454 |
-
.pagination .pagination-right {
|
1455 |
-
background-image: url("images/pagination/right.png"); }
|
1456 |
-
|
1457 |
-
.player-control-wrapper {
|
1458 |
-
float: left;
|
1459 |
-
position: relative; }
|
1460 |
-
.player-control-wrapper.opened .player-scale {
|
1461 |
-
left: 13px; }
|
1462 |
-
|
1463 |
-
.player-control, .player-control-huge {
|
1464 |
-
background: url("images/player/control.png") 0 0 no-repeat;
|
1465 |
-
cursor: pointer;
|
1466 |
-
float: left;
|
1467 |
-
height: 35px;
|
1468 |
-
margin-right: 8px;
|
1469 |
-
position: relative;
|
1470 |
-
width: 35px;
|
1471 |
-
z-index: 5; }
|
1472 |
-
.player-control:hover, .player-control-huge:hover {
|
1473 |
-
background-position: 0 bottom; }
|
1474 |
-
.player-control:hover .player-icon, .player-control-huge:hover .player-icon {
|
1475 |
-
background-position: center bottom; }
|
1476 |
-
|
1477 |
-
.player-control-huge {
|
1478 |
-
background-image: url("images/player/control-big.png");
|
1479 |
-
height: 54px;
|
1480 |
-
margin-top: -10px;
|
1481 |
-
width: 54px; }
|
1482 |
-
.player-control-huge .player-icon {
|
1483 |
-
height: 24px;
|
1484 |
-
margin: 15px 0 0 17px;
|
1485 |
-
width: 24px; }
|
1486 |
-
|
1487 |
-
.player-icon {
|
1488 |
-
background-position: center 0;
|
1489 |
-
background-repeat: no-repeat;
|
1490 |
-
height: 16px;
|
1491 |
-
margin: 10px 0 0 7px;
|
1492 |
-
width: 20px; }
|
1493 |
-
.player-icon.p-back {
|
1494 |
-
background-image: url("images/player/icon-back.png"); }
|
1495 |
-
.player-icon.p-next {
|
1496 |
-
background-image: url("images/player/icon-next.png"); }
|
1497 |
-
.player-icon.p-play {
|
1498 |
-
background-image: url("images/player/icon-play.png"); }
|
1499 |
-
.player-icon.p-volume {
|
1500 |
-
background-image: url("images/player/icon-volume.png"); }
|
1501 |
-
|
1502 |
-
.player-scale-holder {
|
1503 |
-
overflow: hidden;
|
1504 |
-
position: absolute;
|
1505 |
-
left: 10px;
|
1506 |
-
top: 7px;
|
1507 |
-
width: 106px;
|
1508 |
-
z-index: 4; }
|
1509 |
-
|
1510 |
-
.player-scale {
|
1511 |
-
background-color: #141517;
|
1512 |
-
border-radius: 20px;
|
1513 |
-
left: -75px;
|
1514 |
-
padding: 4px 4px 4px 13px;
|
1515 |
-
position: relative;
|
1516 |
-
width: 65px;
|
1517 |
-
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
1518 |
-
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
1519 |
-
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
1520 |
-
-webkit-transition: left 0.2s;
|
1521 |
-
-moz-transition: left 0.2s;
|
1522 |
-
-ms-transition: left 0.2s;
|
1523 |
-
-o-transition: left 0.2s;
|
1524 |
-
transition: left 0.2s; }
|
1525 |
-
|
1526 |
-
.player-scale-filler {
|
1527 |
-
border-radius: 20px;
|
1528 |
-
height: 12px;
|
1529 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
1530 |
-
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
1531 |
-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
1532 |
-
background: #6e921d;
|
1533 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acd05f), color-stop(100%, #6e921d));
|
1534 |
-
background-image: -webkit-linear-gradient(top, #acd05f, #6e921d);
|
1535 |
-
background-image: -moz-linear-gradient(top, #acd05f, #6e921d);
|
1536 |
-
background-image: -ms-linear-gradient(top, #acd05f, #6e921d);
|
1537 |
-
background-image: -o-linear-gradient(top, #acd05f, #6e921d);
|
1538 |
-
background-image: linear-gradient(top, #acd05f, #6e921d);
|
1539 |
-
-pie-background: linear-gradient(#acd05f, #6e921d); }
|
1540 |
-
|
1541 |
-
.progressbar-label {
|
1542 |
-
color: white;
|
1543 |
-
margin-bottom: 6px;
|
1544 |
-
text-align: right;
|
1545 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
|
1546 |
-
|
1547 |
-
.scrollbox {
|
1548 |
-
background-color: #1e1f22;
|
1549 |
-
border-radius: 10px;
|
1550 |
-
height: 7px;
|
1551 |
-
position: relative;
|
1552 |
-
-webkit-box-sizing: border-box;
|
1553 |
-
-moz-box-sizing: border-box;
|
1554 |
-
box-sizing: border-box;
|
1555 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
1556 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
1557 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
1558 |
-
-webkit-user-select: none;
|
1559 |
-
-moz-user-select: none;
|
1560 |
-
-ms-user-select: none;
|
1561 |
-
user-select: none;
|
1562 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1563 |
-
.scrollbox.dot .hitbox {
|
1564 |
-
height: 11px;
|
1565 |
-
top: -2px; }
|
1566 |
-
.scrollbox.dot .ui-slider-handle {
|
1567 |
-
top: 1px;
|
1568 |
-
height: 7px;
|
1569 |
-
margin-left: -3px;
|
1570 |
-
right: -3px;
|
1571 |
-
width: 7px;
|
1572 |
-
background: #9f9f9f;
|
1573 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #9f9f9f));
|
1574 |
-
background-image: -webkit-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1575 |
-
background-image: -moz-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1576 |
-
background-image: -ms-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1577 |
-
background-image: -o-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1578 |
-
background-image: linear-gradient(top, #f7f7f7, #9f9f9f);
|
1579 |
-
-pie-background: linear-gradient(#f7f7f7, #9f9f9f);
|
1580 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1581 |
-
.scrollbox.disk .hitbox {
|
1582 |
-
height: 19px;
|
1583 |
-
top: -6px; }
|
1584 |
-
.scrollbox.disk .ui-slider-handle {
|
1585 |
-
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
1586 |
-
top: -2px;
|
1587 |
-
height: 19px;
|
1588 |
-
margin-left: -9px;
|
1589 |
-
right: -9px;
|
1590 |
-
width: 19px; }
|
1591 |
-
.scrollbox.fat .hitbox {
|
1592 |
-
height: 19px;
|
1593 |
-
top: -6px; }
|
1594 |
-
.scrollbox.fat .scale {
|
1595 |
-
border: none;
|
1596 |
-
height: 7px;
|
1597 |
-
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
1598 |
-
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
1599 |
-
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
1600 |
-
background: #71951f;
|
1601 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afd067), color-stop(100%, #71951f));
|
1602 |
-
background-image: -webkit-linear-gradient(top, #afd067, #71951f);
|
1603 |
-
background-image: -moz-linear-gradient(top, #afd067, #71951f);
|
1604 |
-
background-image: -ms-linear-gradient(top, #afd067, #71951f);
|
1605 |
-
background-image: -o-linear-gradient(top, #afd067, #71951f);
|
1606 |
-
background-image: linear-gradient(top, #afd067, #71951f);
|
1607 |
-
-pie-background: linear-gradient(#afd067, #71951f);
|
1608 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1609 |
-
.scrollbox.fat .ui-slider-handle {
|
1610 |
-
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
1611 |
-
top: -2px;
|
1612 |
-
height: 19px;
|
1613 |
-
margin-left: -9px;
|
1614 |
-
right: -9px;
|
1615 |
-
width: 19px; }
|
1616 |
-
.scrollbox.range .hitbox {
|
1617 |
-
height: 19px;
|
1618 |
-
top: -6px; }
|
1619 |
-
.scrollbox.range .ui-slider-handle {
|
1620 |
-
background: url("images/scrollbox/sliders.png") center -30px no-repeat;
|
1621 |
-
top: -2px;
|
1622 |
-
height: 19px;
|
1623 |
-
margin-left: -9px;
|
1624 |
-
right: -9px;
|
1625 |
-
width: 19px; }
|
1626 |
-
.scrollbox.range .ui-slider-handle:hover, .scrollbox.range .ui-slider-handle:active {
|
1627 |
-
background-position: center -61px;
|
1628 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1629 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1630 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
|
1631 |
-
.scrollbox .scale {
|
1632 |
-
background-color: #84aa31;
|
1633 |
-
border: 2px solid #212227;
|
1634 |
-
border-radius: 10px;
|
1635 |
-
height: 3px;
|
1636 |
-
position: relative;
|
1637 |
-
background: #8db439;
|
1638 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ba129), color-stop(100%, #8db439));
|
1639 |
-
background-image: -webkit-linear-gradient(top, #7ba129, #8db439);
|
1640 |
-
background-image: -moz-linear-gradient(top, #7ba129, #8db439);
|
1641 |
-
background-image: -ms-linear-gradient(top, #7ba129, #8db439);
|
1642 |
-
background-image: -o-linear-gradient(top, #7ba129, #8db439);
|
1643 |
-
background-image: linear-gradient(top, #7ba129, #8db439);
|
1644 |
-
-pie-background: linear-gradient(#7ba129, #8db439); }
|
1645 |
-
.scrollbox .ui-slider-handle {
|
1646 |
-
border-radius: 50%;
|
1647 |
-
cursor: pointer;
|
1648 |
-
margin-top: 1px;
|
1649 |
-
position: absolute;
|
1650 |
-
z-index: 3;
|
1651 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1652 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1653 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1654 |
-
-webkit-user-select: none;
|
1655 |
-
-moz-user-select: none;
|
1656 |
-
-ms-user-select: none;
|
1657 |
-
user-select: none; }
|
1658 |
-
.scrollbox .ui-slider-handle:hover {
|
1659 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
1660 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
1661 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5); }
|
1662 |
-
.scrollbox .ui-slider-handle:active {
|
1663 |
-
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
1664 |
-
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
1665 |
-
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8); }
|
1666 |
-
.scrollbox .hitbox {
|
1667 |
-
position: absolute;
|
1668 |
-
width: 100%;
|
1669 |
-
z-index: 2; }
|
1670 |
-
|
1671 |
-
.site-info {
|
1672 |
-
padding: 70px 0 40px;
|
1673 |
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
1674 |
-
.site-info .sitename {
|
1675 |
-
font-weight: bold;
|
1676 |
-
margin-bottom: 5px;
|
1677 |
-
text-transform: uppercase; }
|
1678 |
-
.site-info .about {
|
1679 |
-
font-family: Georgia, serif;
|
1680 |
-
font-style: italic;
|
1681 |
-
overflow: hidden;
|
1682 |
-
position: relative;
|
1683 |
-
text-align: center;
|
1684 |
-
width: 311px; }
|
1685 |
-
.site-info .version {
|
1686 |
-
font-family: Georgia, serif;
|
1687 |
-
font-size: 11px;
|
1688 |
-
margin-left: 3px;
|
1689 |
-
position: relative;
|
1690 |
-
top: -5px; }
|
1691 |
-
.site-info .legend-center {
|
1692 |
-
display: inline-block;
|
1693 |
-
padding: 0 5px 2px;
|
1694 |
-
vertical-align: middle; }
|
1695 |
-
.site-info .legend-left,
|
1696 |
-
.site-info .legend-right {
|
1697 |
-
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
1698 |
-
border-top: 1px solid black;
|
1699 |
-
display: inline-block;
|
1700 |
-
margin: 0 0 0 -999px;
|
1701 |
-
vertical-align: middle;
|
1702 |
-
width: 999px; }
|
1703 |
-
.site-info .legend-right {
|
1704 |
-
margin: 0 -999px 0 0; }
|
1705 |
-
|
1706 |
-
.site-info-credentials {
|
1707 |
-
color: #999999;
|
1708 |
-
padding-top: 50px;
|
1709 |
-
text-align: center; }
|
1710 |
-
|
1711 |
-
.site-info-links {
|
1712 |
-
padding-top: 35px; }
|
1713 |
-
|
1714 |
-
.slideshow,
|
1715 |
-
.slideshow .slideshow-slides-wrapper,
|
1716 |
-
.slideshow .each-slide {
|
1717 |
-
height: 174px;
|
1718 |
-
width: 272px; }
|
1719 |
-
|
1720 |
-
.slideshow {
|
1721 |
-
background: #141517;
|
1722 |
-
border-radius: 8px;
|
1723 |
-
display: inline-block;
|
1724 |
-
margin: 0 20px;
|
1725 |
-
padding: 4px;
|
1726 |
-
position: relative;
|
1727 |
-
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1728 |
-
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1729 |
-
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
1730 |
-
.slideshow .slideshow-slides-wrapper {
|
1731 |
-
overflow: hidden;
|
1732 |
-
position: relative; }
|
1733 |
-
.slideshow .slideshow-slides {
|
1734 |
-
position: absolute;
|
1735 |
-
-webkit-transition: all 0.2s;
|
1736 |
-
-moz-transition: all 0.2s;
|
1737 |
-
-ms-transition: all 0.2s;
|
1738 |
-
-o-transition: all 0.2s;
|
1739 |
-
transition: all 0.2s; }
|
1740 |
-
.slideshow .each-slide {
|
1741 |
-
background-position: center;
|
1742 |
-
background-repeat: no-repeat;
|
1743 |
-
border-radius: 5px;
|
1744 |
-
float: left;
|
1745 |
-
position: relative; }
|
1746 |
-
.slideshow .show-slide {
|
1747 |
-
background: url("images/slideshow/prev.png") 0 0 no-repeat;
|
1748 |
-
cursor: pointer;
|
1749 |
-
height: 22px;
|
1750 |
-
margin-top: -13px;
|
1751 |
-
position: absolute;
|
1752 |
-
top: 50%;
|
1753 |
-
left: -30px;
|
1754 |
-
width: 14px; }
|
1755 |
-
.slideshow .show-slide:hover {
|
1756 |
-
background-position: 0 bottom; }
|
1757 |
-
.slideshow .show-slide.next {
|
1758 |
-
background-image: url("images/slideshow/next.png");
|
1759 |
-
left: auto;
|
1760 |
-
right: -30px; }
|
1761 |
-
.slideshow .slide-description {
|
1762 |
-
background-color: black;
|
1763 |
-
border-radius: 0 0 5px 5px;
|
1764 |
-
bottom: 0;
|
1765 |
-
color: white;
|
1766 |
-
padding: 11px 13px;
|
1767 |
-
position: absolute;
|
1768 |
-
width: 100%;
|
1769 |
-
-webkit-box-sizing: border-box;
|
1770 |
-
-moz-box-sizing: border-box;
|
1771 |
-
box-sizing: border-box; }
|
1772 |
-
|
1773 |
-
.starbar {
|
1774 |
-
background: #94eaf3 url("images/starbar/background.png") 0 0 repeat-x;
|
1775 |
-
border-radius: 8px;
|
1776 |
-
display: inline-block;
|
1777 |
-
height: 16px;
|
1778 |
-
padding: 10px;
|
1779 |
-
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
1780 |
-
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
1781 |
-
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
1782 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1783 |
-
.starbar .star {
|
1784 |
-
background: url("images/starbar/star.png") 0 0 no-repeat;
|
1785 |
-
float: left;
|
1786 |
-
height: 16px;
|
1787 |
-
width: 17px; }
|
1788 |
-
.starbar .star.half {
|
1789 |
-
background-position: 0 -22px; }
|
1790 |
-
.starbar .star.full {
|
1791 |
-
background-position: 0 -45px; }
|
1792 |
-
.starbar .star.focus {
|
1793 |
-
cursor: pointer; }
|
1794 |
-
.starbar .starbar-rating {
|
1795 |
-
color: #216a72;
|
1796 |
-
float: right;
|
1797 |
-
font-weight: bold;
|
1798 |
-
padding: 2px 5px 0 11px;
|
1799 |
-
-webkit-user-select: text;
|
1800 |
-
-moz-user-select: text;
|
1801 |
-
-ms-user-select: text;
|
1802 |
-
user-select: text;
|
1803 |
-
line-height: 1.1 \9; }
|
1804 |
-
|
1805 |
-
.sticker {
|
1806 |
-
color: white;
|
1807 |
-
position: relative;
|
1808 |
-
text-align: center;
|
1809 |
-
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }
|
1810 |
-
.sticker.percent {
|
1811 |
-
background: url("images/sticker/percent.png") 0 0 no-repeat;
|
1812 |
-
font: bold 42px "Helvetica Neue", Arial, sans-serif;
|
1813 |
-
height: 100px;
|
1814 |
-
letter-spacing: 1px;
|
1815 |
-
padding-top: 24px;
|
1816 |
-
width: 124px; }
|
1817 |
-
.sticker.pack {
|
1818 |
-
background: url("images/sticker/pack.png") 0 0 no-repeat;
|
1819 |
-
font: bold 38px "Helvetica Neue", Arial, sans-serif;
|
1820 |
-
height: 84px;
|
1821 |
-
padding-top: 13px;
|
1822 |
-
width: 97px; }
|
1823 |
-
.sticker.pack .sticker-label {
|
1824 |
-
background-color: #18657b;
|
1825 |
-
border-radius: 20px;
|
1826 |
-
font: bold 9px Arial, sans-serif;
|
1827 |
-
display: inline-block;
|
1828 |
-
letter-spacing: 1px;
|
1829 |
-
padding: 3px 10px;
|
1830 |
-
position: relative;
|
1831 |
-
text-transform: uppercase;
|
1832 |
-
top: -26px;
|
1833 |
-
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1834 |
-
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1835 |
-
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1836 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1837 |
-
|
1838 |
-
.tabbox .ui-tabs-hide {
|
1839 |
-
display: none; }
|
1840 |
-
|
1841 |
-
.tabbox-tabs {
|
1842 |
-
color: #a8a8a8;
|
1843 |
-
font-size: 13px;
|
1844 |
-
overflow: hidden;
|
1845 |
-
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
|
1846 |
-
.tabbox-tabs li {
|
1847 |
-
border-radius: 10px 10px 0 0;
|
1848 |
-
cursor: pointer;
|
1849 |
-
float: left;
|
1850 |
-
margin-right: 3px;
|
1851 |
-
padding: 12px 60px 9px;
|
1852 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
1853 |
-
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
1854 |
-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
1855 |
-
background: #4b4d51;
|
1856 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
1857 |
-
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
1858 |
-
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
1859 |
-
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
1860 |
-
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
1861 |
-
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
1862 |
-
-pie-background: linear-gradient(#5b5d62, #4b4d51);
|
1863 |
-
-webkit-user-select: none;
|
1864 |
-
-moz-user-select: none;
|
1865 |
-
-ms-user-select: none;
|
1866 |
-
user-select: none;
|
1867 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1868 |
-
.tabbox-tabs li:hover {
|
1869 |
-
background: #595a5f;
|
1870 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64656b), color-stop(100%, #595a5f));
|
1871 |
-
background-image: -webkit-linear-gradient(top, #64656b, #595a5f);
|
1872 |
-
background-image: -moz-linear-gradient(top, #64656b, #595a5f);
|
1873 |
-
background-image: -ms-linear-gradient(top, #64656b, #595a5f);
|
1874 |
-
background-image: -o-linear-gradient(top, #64656b, #595a5f);
|
1875 |
-
background-image: linear-gradient(top, #64656b, #595a5f);
|
1876 |
-
-pie-background: linear-gradient(#64656b, #595a5f); }
|
1877 |
-
.tabbox-tabs li:active {
|
1878 |
-
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
1879 |
-
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
1880 |
-
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
1881 |
-
background: #4b4d51;
|
1882 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
1883 |
-
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
1884 |
-
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
1885 |
-
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
1886 |
-
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
1887 |
-
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
1888 |
-
-pie-background: linear-gradient(#5b5d62, #4b4d51); }
|
1889 |
-
.tabbox-tabs li.active {
|
1890 |
-
color: #404040;
|
1891 |
-
padding-bottom: 12px;
|
1892 |
-
text-shadow: 0 1px 0 white;
|
1893 |
-
-webkit-box-shadow: inset 0 1px white;
|
1894 |
-
-moz-box-shadow: inset 0 1px white;
|
1895 |
-
box-shadow: inset 0 1px white;
|
1896 |
-
background: #e5e5e5;
|
1897 |
-
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #e5e5e5));
|
1898 |
-
background-image: -webkit-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1899 |
-
background-image: -moz-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1900 |
-
background-image: -ms-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1901 |
-
background-image: -o-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1902 |
-
background-image: linear-gradient(top, #e7e7e7, #e5e5e5);
|
1903 |
-
-pie-background: linear-gradient(#e7e7e7, #e5e5e5); }
|
1904 |
-
|
1905 |
-
.tabbox-stuff {
|
1906 |
-
background-color: #e5e5e5;
|
1907 |
-
border-radius: 0 10px 10px;
|
1908 |
-
padding: 14px;
|
1909 |
-
position: relative;
|
1910 |
-
behavior: url("javascripts/vendor/PIE.htc"); }
|
1911 |
-
|
1912 |
-
.tabbox-navigation {
|
1913 |
-
float: left;
|
1914 |
-
position: relative;
|
1915 |
-
width: 93px;
|
1916 |
-
z-index: 2; }
|
1917 |
-
.tabbox-navigation li {
|
1918 |
-
background-position: center center;
|
1919 |
-
background-repeat: no-repeat;
|
1920 |
-
cursor: pointer;
|
1921 |
-
height: 64px;
|
1922 |
-
position: relative;
|
1923 |
-
-webkit-user-select: none;
|
1924 |
-
-moz-user-select: none;
|
1925 |
-
-ms-user-select: none;
|
1926 |
-
user-select: none; }
|
1927 |
-
.tabbox-navigation li:hover {
|
1928 |
-
background-color: #f0f0f0;
|
1929 |
-
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
1930 |
-
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
1931 |
-
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }
|
1932 |
-
.tabbox-navigation li:active {
|
1933 |
-
background-color: #dddddd; }
|
1934 |
-
.tabbox-navigation li.ui-state-active {
|
1935 |
-
background-color: white;
|
1936 |
-
-webkit-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1937 |
-
-moz-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1938 |
-
box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4); }
|
1939 |
-
.tabbox-navigation li.archive {
|
1940 |
-
background-image: url("images/tabbox/navigation-archive.png"); }
|
1941 |
-
.tabbox-navigation li.messages {
|
1942 |
-
background-image: url("images/tabbox/navigation-messages.png"); }
|
1943 |
-
.tabbox-navigation li.cloud {
|
1944 |
-
background-image: url("images/tabbox/navigation-cloud.png"); }
|
1945 |
-
.tabbox-navigation li > a {
|
1946 |
-
display: block;
|
1947 |
-
height: 100%;
|
1948 |
-
position: absolute;
|
1949 |
-
width: 100%; }
|
1950 |
-
|
1951 |
-
.tabbox-content {
|
1952 |
-
background-color: white;
|
1953 |
-
min-height: 144px;
|
1954 |
-
padding: 24px 29px;
|
1955 |
-
position: relative;
|
1956 |
-
z-index: 3;
|
1957 |
-
-webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1958 |
-
-moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1959 |
-
box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1960 |
-
-webkit-user-select: text;
|
1961 |
-
-moz-user-select: text;
|
1962 |
-
-ms-user-select: text;
|
1963 |
-
user-select: text; }
|
1964 |
-
.tabbox-content .heading {
|
1965 |
-
border-bottom: 1px solid #e9e9e9;
|
1966 |
-
color: #686868;
|
1967 |
-
margin-bottom: 17px;
|
1968 |
-
padding-bottom: 15px;
|
1969 |
-
position: relative; }
|
1970 |
-
.tabbox-content .heading-col {
|
1971 |
-
display: inline-block;
|
1972 |
-
margin-right: 15px;
|
1973 |
-
vertical-align: baseline; }
|
1974 |
-
.tabbox-content .status-message {
|
1975 |
-
color: #999999;
|
1976 |
-
font: italic 11px Georgia, serif;
|
1977 |
-
padding-left: 10px; }
|
1978 |
-
.tabbox-content .status-message.positive {
|
1979 |
-
color: #9cc346; }
|
1980 |
-
.tabbox-content .status-message.negative {
|
1981 |
-
color: #c34646; }
|
1982 |
-
.tabbox-content .preloader {
|
1983 |
-
background: url("images/tabbox/preloader.gif") 0 0 no-repeat;
|
1984 |
-
height: 16px;
|
1985 |
-
margin-top: -13px;
|
1986 |
-
position: absolute;
|
1987 |
-
right: 0;
|
1988 |
-
top: 50%;
|
1989 |
-
width: 16px; }
|
1990 |
-
|
1991 |
-
.user-slug .slug-avatar {
|
1992 |
-
border: 4px solid #141517;
|
1993 |
-
border-radius: 2px;
|
1994 |
-
float: left;
|
1995 |
-
height: 29px;
|
1996 |
-
margin-right: 16px;
|
1997 |
-
-webkit-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1998 |
-
-moz-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1999 |
-
box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
2000 |
-
-webkit-user-select: text;
|
2001 |
-
-moz-user-select: text;
|
2002 |
-
-ms-user-select: text;
|
2003 |
-
user-select: text; }
|
2004 |
-
.user-slug .slug-name {
|
2005 |
-
color: white;
|
2006 |
-
font-size: 12px;
|
2007 |
-
margin: 4px 0 3px; }
|
2008 |
-
.user-slug .slug-status {
|
2009 |
-
font: italic 11px Georgia, serif;
|
2010 |
-
padding-left: 16px;
|
2011 |
-
position: relative; }
|
2012 |
-
.user-slug .slug-status:before {
|
2013 |
-
border-radius: 50%;
|
2014 |
-
content: "";
|
2015 |
-
height: 4px;
|
2016 |
-
left: 3px;
|
2017 |
-
position: absolute;
|
2018 |
-
top: 4px;
|
2019 |
-
width: 4px; }
|
2020 |
-
.user-slug .slug-status.online {
|
2021 |
-
color: #96bd40; }
|
2022 |
-
.user-slug .slug-status.online:before {
|
2023 |
-
background-color: #98bf43; }
|
2024 |
-
.user-slug .slug-status.away {
|
2025 |
-
color: #999999; }
|
2026 |
-
.user-slug .slug-status.away:before {
|
2027 |
-
background-color: #999999; }
|
2028 |
-
|
2029 |
-
|
2030 |
-
|
2031 |
-
|
2032 |
-
|
1 |
+
.ui-dialog.noTitle .ui-dialog-titlebar {
|
2 |
+
display: none;
|
3 |
+
}
|
4 |
+
.ui-dialog .loading {
|
5 |
+
background: url(loading.gif) no-repeat;
|
6 |
+
width: 220px;
|
7 |
+
height: 19px;
|
8 |
+
margin:50px auto 0 auto;
|
9 |
+
}
|
10 |
+
.text-page {
|
11 |
+
margin: 40px;
|
12 |
+
background:#fff;
|
13 |
+
border:1px solid #ccc;
|
14 |
+
padding:20px;
|
15 |
+
max-width:960px;
|
16 |
+
}
|
17 |
+
.text-page ul {
|
18 |
+
padding: 10px;
|
19 |
+
margin-left: 20px;
|
20 |
+
}
|
21 |
+
.text-page ul li {
|
22 |
+
list-style-type: circle;
|
23 |
+
font-style: italic;
|
24 |
+
}
|
25 |
+
.text-page .tip {
|
26 |
+
margin: 20px 0;
|
27 |
+
display: block;
|
28 |
+
background: #fdffac;
|
29 |
+
border: 1px solid #dade2c;
|
30 |
+
padding: 10px 20px;
|
31 |
+
}
|
32 |
+
.text-page .tip i {
|
33 |
+
margin-right: 10px;
|
34 |
+
font-size: 16px;
|
35 |
+
color: #807900;
|
36 |
+
}
|
37 |
+
.text-page .img {
|
38 |
+
display: inline-block;
|
39 |
+
padding: 10px;
|
40 |
+
background: #fff;
|
41 |
+
border: 1px solid #ccc;
|
42 |
+
}
|
43 |
+
#imageResults .frame {
|
44 |
+
display: inline-block;
|
45 |
+
padding: 2px;
|
46 |
+
/*border: 1px solid #111;*/
|
47 |
+
border-radius: 4px;
|
48 |
+
line-height: 0;
|
49 |
+
font-size: 0;
|
50 |
+
background: #222;
|
51 |
+
}
|
52 |
+
|
53 |
+
.widefat .edit_image_form td {
|
54 |
+
border-bottom: 0;
|
55 |
+
border-top: 0;
|
56 |
+
}
|
57 |
+
|
58 |
+
.widefat th, .widefat td {
|
59 |
+
overflow: visible;
|
60 |
+
padding: 20px;
|
61 |
+
}
|
62 |
+
|
63 |
+
.widefat tfoot th:first-of-type {
|
64 |
+
-webkit-border-bottom-left-radius: 0;
|
65 |
+
border-bottom-left-radius: 0;
|
66 |
+
}
|
67 |
+
.widefat tfoot th:last-of-type {
|
68 |
+
-webkit-border-bottom-right-radius: 0;
|
69 |
+
border-bottom-rigth-radius: 0;
|
70 |
+
}
|
71 |
+
.widefat thead th:first-of-type {
|
72 |
+
-webkit-border-top-left-radius: 0;
|
73 |
+
border-bottom-top-radius: 0;
|
74 |
+
}
|
75 |
+
.widefat thead th:last-of-type {
|
76 |
+
-webkit-border-top-rigth-radius: 0;
|
77 |
+
border-top-right-radius: 0;
|
78 |
+
}
|
79 |
+
|
80 |
+
#wpcontent {
|
81 |
+
margin-left: 146px;
|
82 |
+
padding-left: 20px;
|
83 |
+
}
|
84 |
+
.widefat * {
|
85 |
+
word-wrap:normal;
|
86 |
+
}
|
87 |
+
.scrollbox {
|
88 |
+
float: left;
|
89 |
+
margin-right: 10px;
|
90 |
+
margin-top: 3px;
|
91 |
+
}
|
92 |
+
/*#region edit gallery*/
|
93 |
+
#settings textarea {
|
94 |
+
width:90%;
|
95 |
+
height: 200px;
|
96 |
+
}
|
97 |
+
#settings select {
|
98 |
+
width: 90%;
|
99 |
+
}
|
100 |
+
#settings .current-image-size {
|
101 |
+
width: auto;
|
102 |
+
}
|
103 |
+
#settings .instructions ul {
|
104 |
+
color: #444;
|
105 |
+
}
|
106 |
+
#settings .instructions ul li {
|
107 |
+
border-bottom: 1px dashed #666;
|
108 |
+
padding: 0 0 5px 0;
|
109 |
+
margin-bottom: 5px;
|
110 |
+
}
|
111 |
+
#settings .instructions ul em {
|
112 |
+
font-weight: bold;
|
113 |
+
font-family: courier,monospace;
|
114 |
+
font-size: 12px;
|
115 |
+
font-style: normal;
|
116 |
+
color: #333;
|
117 |
+
}
|
118 |
+
#settings .custom_isf .del,
|
119 |
+
#settings .filters .del {
|
120 |
+
background: #f00;
|
121 |
+
float: left;
|
122 |
+
margin-right: 10px;
|
123 |
+
}
|
124 |
+
#settings .filters .add,
|
125 |
+
#settings .custom_isf .add {
|
126 |
+
display: block;
|
127 |
+
width: 100%;
|
128 |
+
margin-top: 10px;
|
129 |
+
text-align: center;
|
130 |
+
}
|
131 |
+
#settings .filters input[type=text] {
|
132 |
+
display: block;
|
133 |
+
}
|
134 |
+
#settings .custom_isf input {
|
135 |
+
width:100%;
|
136 |
+
}
|
137 |
+
#settings .custom_isf table td {
|
138 |
+
padding: 2px 8px;
|
139 |
+
}
|
140 |
+
#settings .sections {
|
141 |
+
margin:0 0 20px;
|
142 |
+
padding: 10px 0 0 10px;
|
143 |
+
border-bottom: 1px solid #666;
|
144 |
+
}
|
145 |
+
#settings .form-buttons {
|
146 |
+
margin-top: 20px;
|
147 |
+
}
|
148 |
+
#settings .form-buttons input,
|
149 |
+
#settings .sections a {
|
150 |
+
display: inline-block;
|
151 |
+
background: #f0f0f0;
|
152 |
+
color: #333;
|
153 |
+
padding: 10px;
|
154 |
+
margin:0 1px 0 0;
|
155 |
+
text-decoration: none;
|
156 |
+
font-weight: bold;
|
157 |
+
text-transform: uppercase;
|
158 |
+
height: auto;
|
159 |
+
-moz-transition:background .3s, color .3s;
|
160 |
+
-webkit-transition:background .3s, color .3s;
|
161 |
+
transition:background .3s, color .3s;
|
162 |
+
position: relative;
|
163 |
+
top:4px;
|
164 |
+
border: 1px solid #666;
|
165 |
+
}
|
166 |
+
#settings .sections a i {
|
167 |
+
margin-right:5px;
|
168 |
+
color: #333;
|
169 |
+
}
|
170 |
+
#settings .sections a {
|
171 |
+
background: #ccc;
|
172 |
+
border-bottom: 0;
|
173 |
+
}
|
174 |
+
#settings .sections a.selected:hover,
|
175 |
+
#settings .sections a.selected {
|
176 |
+
background: #f1f1f1;
|
177 |
+
color:#000;
|
178 |
+
top:1px;
|
179 |
+
height: 26px;
|
180 |
+
line-height: 26px;
|
181 |
+
outline: 0;
|
182 |
+
box-shadow: none;
|
183 |
+
}
|
184 |
+
#settings .sections a:hover {
|
185 |
+
background: #555;
|
186 |
+
}
|
187 |
+
#settings .sections a.selected:hover i,
|
188 |
+
#settings .sections a.selected i {
|
189 |
+
color: #000;
|
190 |
+
}
|
191 |
+
#settings .sections a:hover i,
|
192 |
+
#settings .sections a:hover {
|
193 |
+
color:#fff;
|
194 |
+
}
|
195 |
+
#settings table.section {
|
196 |
+
display: none;
|
197 |
+
}
|
198 |
+
#images {
|
199 |
+
display:none;
|
200 |
+
}
|
201 |
+
#images .actions {
|
202 |
+
padding: 10px 10px 10px 10px;
|
203 |
+
background: #ccc;
|
204 |
+
color: #242521;
|
205 |
+
border:1px solid #111;
|
206 |
+
margin-bottom:2px;
|
207 |
+
}
|
208 |
+
#images .actions .row {
|
209 |
+
padding: 10px 0;
|
210 |
+
border-bottom: 1px solid #bbb;
|
211 |
+
}
|
212 |
+
#images .actions .row:last-of-type {
|
213 |
+
border:0;
|
214 |
+
}
|
215 |
+
#images .actions .label {
|
216 |
+
display: inline-block;
|
217 |
+
width: 100px;
|
218 |
+
}
|
219 |
+
#images .actions select {
|
220 |
+
width:auto;
|
221 |
+
}
|
222 |
+
#images .source-panel {
|
223 |
+
display:none;
|
224 |
+
}
|
225 |
+
#images .bulk {
|
226 |
+
padding: 10px 10px 10px 10px;
|
227 |
+
background: #eee;
|
228 |
+
color: #242521;
|
229 |
+
border:1px solid #111;
|
230 |
+
margin-top: 2px;
|
231 |
+
}
|
232 |
+
#images .bulk h4 {
|
233 |
+
margin:0 0 4px 0;
|
234 |
+
color: #000;
|
235 |
+
}
|
236 |
+
#images .bulk .checkbox {
|
237 |
+
display: inline-block;
|
238 |
+
padding-left: 20px;
|
239 |
+
margin-right: 15px;
|
240 |
+
}
|
241 |
+
#images .bulk .options a {
|
242 |
+
display: inline-block;
|
243 |
+
margin-right: 10px;
|
244 |
+
color: #444;
|
245 |
+
text-decoration: none;
|
246 |
+
}
|
247 |
+
#images .bulk .options a:hover {
|
248 |
+
color: #666;
|
249 |
+
}
|
250 |
+
#images .bulk .panel {
|
251 |
+
display: none;
|
252 |
+
padding: 12px;
|
253 |
+
background: #555444;
|
254 |
+
margin-top: 5px;
|
255 |
+
border: 1px solid #333222;
|
256 |
+
}
|
257 |
+
#images .bulk .panel strong {
|
258 |
+
color: #fff;
|
259 |
+
display: block;
|
260 |
+
margin-bottom: 4px;
|
261 |
+
}
|
262 |
+
#images .bulk .panel p {
|
263 |
+
margin-bottom: 0;
|
264 |
+
color: yellow;
|
265 |
+
}
|
266 |
+
#images .tips {
|
267 |
+
padding: 10px;
|
268 |
+
background: #ddd;
|
269 |
+
border:1px solid #111;
|
270 |
+
margin-top: 2px;
|
271 |
+
color: #242521;
|
272 |
+
}
|
273 |
+
#images .actions .tip {
|
274 |
+
margin-left: 14px;
|
275 |
+
background: url('images/tip.png') no-repeat;
|
276 |
+
text-indent: 18px;
|
277 |
+
display: inline-block;
|
278 |
+
color: #000;
|
279 |
+
}
|
280 |
+
#images .item {
|
281 |
+
width:160px;
|
282 |
+
padding:0 5px;
|
283 |
+
border:1px solid #111;
|
284 |
+
float:left;
|
285 |
+
height:195px;
|
286 |
+
margin:10px 10px 0 0;
|
287 |
+
position: relative;
|
288 |
+
background: #fff;
|
289 |
+
}
|
290 |
+
#images .item.selected {
|
291 |
+
background: #dadada;
|
292 |
+
}
|
293 |
+
#images .item .filters li,
|
294 |
+
#images .item .size {
|
295 |
+
position: absolute;
|
296 |
+
top: 5px;
|
297 |
+
left: 55px;
|
298 |
+
color: #333;
|
299 |
+
padding: 0 4px;
|
300 |
+
display: block;
|
301 |
+
font-size: 10px;
|
302 |
+
font-family: monaco,courier, monospace;
|
303 |
+
}
|
304 |
+
#images .item .filters {
|
305 |
+
top: 32px;
|
306 |
+
left: 10px;
|
307 |
+
z-index: 10;
|
308 |
+
position: absolute;
|
309 |
+
}
|
310 |
+
#images .item .filters li {
|
311 |
+
display: block;
|
312 |
+
position: static;
|
313 |
+
text-align: left;
|
314 |
+
background: #1707a5;
|
315 |
+
color: #fff;
|
316 |
+
}
|
317 |
+
#images .item .del {
|
318 |
+
position: absolute;
|
319 |
+
top:4px;
|
320 |
+
right:4px;
|
321 |
+
width: 20px;
|
322 |
+
height: 20px;
|
323 |
+
text-decoration: none;
|
324 |
+
color: #000;
|
325 |
+
display: none;
|
326 |
+
background:#111;
|
327 |
+
}
|
328 |
+
#images .item .icons {
|
329 |
+
border-bottom: 1px solid #222;
|
330 |
+
margin-bottom: 9px;
|
331 |
+
padding-bottom: 4px;
|
332 |
+
}
|
333 |
+
#images .item .selection {
|
334 |
+
float: right;
|
335 |
+
margin-top: 5px;
|
336 |
+
height: 12px;
|
337 |
+
padding-left: 18px;
|
338 |
+
}
|
339 |
+
#images .item .remove,
|
340 |
+
#images .item .edit {
|
341 |
+
text-decoration: none;
|
342 |
+
color: #000;
|
343 |
+
display:inline-block;
|
344 |
+
margin-top: 5px;
|
345 |
+
}
|
346 |
+
#images .item .remove i,
|
347 |
+
#images .item .edit i {
|
348 |
+
font-size: 14px;
|
349 |
+
}
|
350 |
+
#images .item .remove {
|
351 |
+
|
352 |
+
}
|
353 |
+
#images .figure {
|
354 |
+
margin:0;
|
355 |
+
padding: 0;
|
356 |
+
height: 150px;
|
357 |
+
overflow: hidden;
|
358 |
+
display: block;
|
359 |
+
text-align: center;
|
360 |
+
}
|
361 |
+
#images .figure img {
|
362 |
+
width:150px;
|
363 |
+
cursor: pointer;
|
364 |
+
}
|
365 |
+
#images .item .data {
|
366 |
+
display: none;
|
367 |
+
}
|
368 |
+
/*#endregion*/
|
369 |
+
|
370 |
+
/*#region image panel*/
|
371 |
+
.overlay {
|
372 |
+
position: fixed;
|
373 |
+
z-index: 1000;
|
374 |
+
top:0;
|
375 |
+
left:0;
|
376 |
+
width:100%;
|
377 |
+
height: 100%;
|
378 |
+
background: #000;
|
379 |
+
opacity: .8;
|
380 |
+
}
|
381 |
+
#image-panel,
|
382 |
+
#video-panel {
|
383 |
+
background: #343531;
|
384 |
+
width:600px;
|
385 |
+
height:340px;
|
386 |
+
position: absolute;
|
387 |
+
top: 50%;
|
388 |
+
left: 50%;
|
389 |
+
z-index: 1001;
|
390 |
+
box-shadow: #000 0px 0px 20px;
|
391 |
+
border:4px solid #111;
|
392 |
+
padding: 10px;
|
393 |
+
}
|
394 |
+
#video-panel p {
|
395 |
+
color:#fff;
|
396 |
+
}
|
397 |
+
#video-panel textarea {
|
398 |
+
height: 240px;
|
399 |
+
width:100%;
|
400 |
+
}
|
401 |
+
#image-panel .filters {
|
402 |
+
clear: both;
|
403 |
+
margin-top: 10px;
|
404 |
+
}
|
405 |
+
#image-panel .filters .checkbox {
|
406 |
+
float: left;
|
407 |
+
margin-right: 20px;
|
408 |
+
padding-left: 20px;
|
409 |
+
}
|
410 |
+
#image-panel .left {
|
411 |
+
float:left;
|
412 |
+
}
|
413 |
+
#image-panel .figure {
|
414 |
+
width:200px;
|
415 |
+
height:200px;
|
416 |
+
overflow:hidden;
|
417 |
+
padding: 0;
|
418 |
+
margin: 0 0 10px 0;
|
419 |
+
padding: 2px;
|
420 |
+
border: 1px solid #999;
|
421 |
+
background: #222;
|
422 |
+
}
|
423 |
+
#image-panel .figure img {
|
424 |
+
width:100%;
|
425 |
+
}
|
426 |
+
#image-panel .right {
|
427 |
+
float:left;
|
428 |
+
margin-left:20px;
|
429 |
+
}
|
430 |
+
#image-panel .field {
|
431 |
+
padding-bottom: 5px;
|
432 |
+
color: #aaa;
|
433 |
+
border-bottom: 1px solid #555;
|
434 |
+
margin-bottom: 5px;
|
435 |
+
}
|
436 |
+
#image-panel .field:last-of-type {
|
437 |
+
border-bottom: 0;
|
438 |
+
}
|
439 |
+
#image-panel .field label {
|
440 |
+
margin-bottom: 5px;
|
441 |
+
display: block;
|
442 |
+
font-weight: bold;
|
443 |
+
color: #fff;
|
444 |
+
}
|
445 |
+
#image-panel .field textarea {
|
446 |
+
width: 280px;
|
447 |
+
height: 117px;
|
448 |
+
}
|
449 |
+
#image-panel .actions li {
|
450 |
+
height: 22px;
|
451 |
+
margin:0;
|
452 |
+
}
|
453 |
+
#video-panel .close,
|
454 |
+
#image-panel .close {
|
455 |
+
position: absolute;
|
456 |
+
top:0;
|
457 |
+
right:0;
|
458 |
+
display: block;
|
459 |
+
background: #111;
|
460 |
+
border-bottom-left-radius: 30px;
|
461 |
+
width: 30px;
|
462 |
+
height: 30px;
|
463 |
+
line-height: 24px;
|
464 |
+
text-indent: 15px;
|
465 |
+
text-decoration: none;
|
466 |
+
color: #fff;
|
467 |
+
font-family: arial;
|
468 |
+
font-weight: bold;
|
469 |
+
}
|
470 |
+
.clearfix:after {
|
471 |
+
content: ".";
|
472 |
+
display: block;
|
473 |
+
clear: both;
|
474 |
+
visibility: hidden;
|
475 |
+
line-height: 0;
|
476 |
+
height: 0;
|
477 |
+
}
|
478 |
+
#image-panel .buttons {
|
479 |
+
text-align: right;
|
480 |
+
margin-top: 10px;
|
481 |
+
clear: both;
|
482 |
+
}
|
483 |
+
#image-panel .buttons a {
|
484 |
+
margin-left: 10px;
|
485 |
+
}
|
486 |
+
/*#endregion*/
|
487 |
+
|
488 |
+
/***/
|
489 |
+
.wrapper {
|
490 |
+
clear: both;
|
491 |
+
margin: auto;
|
492 |
+
padding: 3px 0;
|
493 |
+
}
|
494 |
+
.scrollbox,
|
495 |
+
.chzn-single {
|
496 |
+
width:200px;
|
497 |
+
}
|
498 |
+
.scrollbox .ui-widget-content {
|
499 |
+
border: 0;
|
500 |
+
background: none;
|
501 |
+
}
|
502 |
+
.scrollbox .ui-state-default,
|
503 |
+
.scrollbox .ui-widget-content .ui-state-default,
|
504 |
+
.scrollbox .ui-state-hover,
|
505 |
+
.scrollbox .ui-widget-content .ui-state-hover {
|
506 |
+
border: 0;
|
507 |
+
}
|
508 |
+
|
509 |
+
/***/
|
510 |
+
.crosslink {
|
511 |
+
background-color: #303137;
|
512 |
+
border-radius: 100px;
|
513 |
+
color: #9f9f9f;
|
514 |
+
display: inline-block;
|
515 |
+
font-size: 20px;
|
516 |
+
font-weight: bold;
|
517 |
+
margin-bottom: 40px;
|
518 |
+
padding: 40px 60px;
|
519 |
+
text-decoration: none;
|
520 |
+
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
521 |
+
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
522 |
+
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
523 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
524 |
+
.crosslink:hover {
|
525 |
+
background-color: #292a2e;
|
526 |
+
color: #bbbbbb; }
|
527 |
+
.crosslink:active {
|
528 |
+
color: white; }
|
529 |
+
|
530 |
+
.button-huge {
|
531 |
+
height: 26px;
|
532 |
+
padding: 6px 16px;
|
533 |
+
position: relative;
|
534 |
+
text-decoration: none;
|
535 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
536 |
+
-webkit-box-sizing: border-box;
|
537 |
+
-moz-box-sizing: border-box;
|
538 |
+
box-sizing: border-box;
|
539 |
+
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
540 |
+
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
541 |
+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
|
542 |
+
display: -moz-inline-stack;
|
543 |
+
display: inline-block;
|
544 |
+
zoom: 1;
|
545 |
+
_overflow: hidden;
|
546 |
+
*display: inline;
|
547 |
+
background: #8c8c8c;
|
548 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbd7d7), color-stop(100%, #8c8c8c));
|
549 |
+
background-image: -webkit-linear-gradient(top, #dbd7d7, #8c8c8c);
|
550 |
+
background-image: -moz-linear-gradient(top, #dbd7d7, #8c8c8c);
|
551 |
+
background-image: -ms-linear-gradient(top, #dbd7d7, #8c8c8c);
|
552 |
+
background-image: -o-linear-gradient(top, #dbd7d7, #8c8c8c);
|
553 |
+
background-image: linear-gradient(top, #dbd7d7, #8c8c8c);
|
554 |
+
-pie-background: linear-gradient(#dbd7d7, #8c8c8c);
|
555 |
+
-webkit-user-select: none;
|
556 |
+
-moz-user-select: none;
|
557 |
+
-ms-user-select: none;
|
558 |
+
user-select: none;
|
559 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
560 |
+
|
561 |
+
.button-huge {
|
562 |
+
border-radius: 60px;
|
563 |
+
font-size: 20px;
|
564 |
+
font-weight: bold;
|
565 |
+
height: 56px;
|
566 |
+
padding: 9px 38px 11px;
|
567 |
+
text-align: center; }
|
568 |
+
.button-huge .button-description {
|
569 |
+
color: rgba(0, 0, 0, 0.6);
|
570 |
+
display: block;
|
571 |
+
font: italic 12px Georgia, serif; }
|
572 |
+
|
573 |
+
.checkbox, .checkbox-light, .radio, .radio-light {
|
574 |
+
background: url("images/checkbox/square.png") 0 0 no-repeat;
|
575 |
+
color: #dddddd;
|
576 |
+
cursor: pointer;
|
577 |
+
padding: 1px 0 3px 25px;
|
578 |
+
position: relative; }
|
579 |
+
.checkbox:hover, .checkbox-light:hover, .radio:hover, .radio-light:hover {
|
580 |
+
background-position: 0 -26px;
|
581 |
+
color: white; }
|
582 |
+
.checkbox.checked, .checked.checkbox-light, .checked.radio, .checked.radio-light {
|
583 |
+
background-position: 0 -53px; }
|
584 |
+
.checkbox.checked:hover, .checked.checkbox-light:hover, .checked.radio:hover, .checked.radio-light:hover {
|
585 |
+
background-position: 0 -80px; }
|
586 |
+
|
587 |
+
.checkbox-light {
|
588 |
+
background-image: url("images/checkbox/square-light.png"); }
|
589 |
+
|
590 |
+
.radio {
|
591 |
+
background-image: url("images/checkbox/disk.png"); }
|
592 |
+
|
593 |
+
.radio-light {
|
594 |
+
background-image: url("images/checkbox/disk-light.png"); }
|
595 |
+
|
596 |
+
.form-row {
|
597 |
+
background: url("images/checkbox/form-row.png") 0 100% repeat-x;
|
598 |
+
margin-bottom: 7px;
|
599 |
+
padding-bottom: 7px; }
|
600 |
+
.form-row.last {
|
601 |
+
background: none;
|
602 |
+
margin-bottom: 0;
|
603 |
+
padding-bottom: 0; }
|
604 |
+
|
605 |
+
.select, .select-arrowed {
|
606 |
+
position: relative;
|
607 |
+
-webkit-user-select: none;
|
608 |
+
-moz-user-select: none;
|
609 |
+
-ms-user-select: none;
|
610 |
+
user-select: none; }
|
611 |
+
.select.opened, .opened.select-arrowed {
|
612 |
+
z-index: 999; }
|
613 |
+
.select.opened .options, .opened.select-arrowed .options {
|
614 |
+
display: block;
|
615 |
+
box-shadow: #000 0px 2px 20px;
|
616 |
+
}
|
617 |
+
.select.idle .selected, .idle.select-arrowed .selected {
|
618 |
+
color: #9da0ab; }
|
619 |
+
.select.negative:hover .selected, .negative.select-arrowed:hover .selected {
|
620 |
+
background-color: #400000; }
|
621 |
+
.select.negative .selected, .negative.select-arrowed .selected {
|
622 |
+
background-color: #4c0000;
|
623 |
+
color: #ffe3e3;
|
624 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
625 |
+
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
626 |
+
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.06);
|
627 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
628 |
+
.select .selected, .select-arrowed .selected {
|
629 |
+
background-color: #141517;
|
630 |
+
border-radius: 30px;
|
631 |
+
color: white;
|
632 |
+
cursor: pointer;
|
633 |
+
display: block;
|
634 |
+
height: 26px;
|
635 |
+
line-height: 18px;
|
636 |
+
padding: 4px 16px 6px;
|
637 |
+
position: relative;
|
638 |
+
text-decoration: none;
|
639 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
640 |
+
z-index: 5;
|
641 |
+
-webkit-box-sizing: border-box;
|
642 |
+
-moz-box-sizing: border-box;
|
643 |
+
box-sizing: border-box;
|
644 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
645 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
646 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
647 |
+
line-height: 16px \9;
|
648 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
649 |
+
.select .selected:hover, .select-arrowed .selected:hover {
|
650 |
+
background-color: black; }
|
651 |
+
.select .selected:hover .icon, .select-arrowed .selected:hover .icon {
|
652 |
+
background-position: 0 -30px; }
|
653 |
+
.select .selected .icon, .select-arrowed .selected .icon {
|
654 |
+
background: url("images/select/selected-icon.png") 0 0 no-repeat;
|
655 |
+
border-radius: 50%;
|
656 |
+
height: 19px;
|
657 |
+
position: absolute;
|
658 |
+
right: 3px;
|
659 |
+
top: 3px;
|
660 |
+
width: 19px; }
|
661 |
+
.select .options, .select-arrowed .options {
|
662 |
+
background-color: #41444c;
|
663 |
+
border-bottom-left-radius: 10px;
|
664 |
+
border-bottom-right-radius: 10px;
|
665 |
+
display: none;
|
666 |
+
padding: 20px 0 8px;
|
667 |
+
position: absolute;
|
668 |
+
top: 50%;
|
669 |
+
width: 200px;
|
670 |
+
z-index: 4;
|
671 |
+
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
672 |
+
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
673 |
+
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
|
674 |
+
.select .stack, .select-arrowed .stack {
|
675 |
+
padding-bottom: 2px;
|
676 |
+
max-height: 140px;
|
677 |
+
overflow: auto; }
|
678 |
+
.select .stack li, .select-arrowed .stack li {
|
679 |
+
color: #9da0ab;
|
680 |
+
cursor: pointer;
|
681 |
+
height: 26px;
|
682 |
+
padding: 6px 16px;
|
683 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
684 |
+
-webkit-box-sizing: border-box;
|
685 |
+
-moz-box-sizing: border-box;
|
686 |
+
box-sizing: border-box; }
|
687 |
+
.select .stack li:hover, .select-arrowed .stack li:hover, .select .stack li:focus, .select-arrowed .stack li:focus, .select .stack li.highlighted, .select-arrowed .stack li.highlighted {
|
688 |
+
color: white;
|
689 |
+
-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
690 |
+
-moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
691 |
+
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
|
692 |
+
background: #6c901b;
|
693 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2ca4c), color-stop(100%, #6c901b));
|
694 |
+
background-image: -webkit-linear-gradient(top, #a2ca4c, #6c901b);
|
695 |
+
background-image: -moz-linear-gradient(top, #a2ca4c, #6c901b);
|
696 |
+
background-image: -ms-linear-gradient(top, #a2ca4c, #6c901b);
|
697 |
+
background-image: -o-linear-gradient(top, #a2ca4c, #6c901b);
|
698 |
+
background-image: linear-gradient(top, #a2ca4c, #6c901b);
|
699 |
+
-pie-background: linear-gradient(#a2ca4c, #6c901b); }
|
700 |
+
.select .stack li.inactive-result, .select-arrowed .stack li.inactive-result {
|
701 |
+
display: none; }
|
702 |
+
.select .select-search, .select-arrowed .select-search {
|
703 |
+
margin-bottom: 5px;
|
704 |
+
padding: 1px 9px 3px;
|
705 |
+
display: none;
|
706 |
+
}
|
707 |
+
.select .select-search input, .select-arrowed .select-search input {
|
708 |
+
background-color: #30333b;
|
709 |
+
border: 1px solid #252525;
|
710 |
+
border-radius: 2px;
|
711 |
+
color: white;
|
712 |
+
padding: 4px 9px;
|
713 |
+
width: 100%;
|
714 |
+
-webkit-box-sizing: border-box;
|
715 |
+
-moz-box-sizing: border-box;
|
716 |
+
box-sizing: border-box;
|
717 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
718 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
719 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
720 |
+
|
721 |
+
.select-arrowed .selected .icon {
|
722 |
+
background-image: url("images/select/selected-icon-arrowed.png"); }
|
723 |
+
|
724 |
+
input[type='text'],
|
725 |
+
input[type='password'] {
|
726 |
+
border-radius: 2px;
|
727 |
+
font-family: Arial, sans-serif;
|
728 |
+
font-size: 12px;
|
729 |
+
height: 26px;
|
730 |
+
padding: 0 10px;
|
731 |
+
position: relative;
|
732 |
+
vertical-align: middle;
|
733 |
+
width: 200px;
|
734 |
+
-webkit-box-sizing: border-box;
|
735 |
+
-moz-box-sizing: border-box;
|
736 |
+
box-sizing: border-box; }
|
737 |
+
input[type='text'].w50 {
|
738 |
+
width:50px ;
|
739 |
+
}
|
740 |
+
.text, .text-rounded {
|
741 |
+
position: relative; }
|
742 |
+
.text.dark textarea,
|
743 |
+
.text.dark input[type='text'], .dark.text-rounded input[type='text'],
|
744 |
+
.text.dark input[type='password'],
|
745 |
+
.dark.text-rounded input[type='password'] {
|
746 |
+
background: #141517;
|
747 |
+
color: white;
|
748 |
+
border: 1px solid black;
|
749 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
750 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
751 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
|
752 |
+
padding-top: 4px \9;
|
753 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
754 |
+
.text.dark input[type='text']:-moz-placeholder, .dark.text-rounded input[type='text']:-moz-placeholder,
|
755 |
+
.text.dark input[type='password']:-moz-placeholder,
|
756 |
+
.dark.text-rounded input[type='password']:-moz-placeholder {
|
757 |
+
color: #777777; }
|
758 |
+
.text.dark input[type='text']::-webkit-input-placeholder, .dark.text-rounded input[type='text']::-webkit-input-placeholder,
|
759 |
+
.text.dark input[type='password']::-webkit-input-placeholder,
|
760 |
+
.dark.text-rounded input[type='password']::-webkit-input-placeholder {
|
761 |
+
color: #777777; }
|
762 |
+
.text.dark input[type='text'].placeholder, .dark.text-rounded input[type='text'].placeholder,
|
763 |
+
.text.dark input[type='password'].placeholder,
|
764 |
+
.dark.text-rounded input[type='password'].placeholder {
|
765 |
+
color: #777777; }
|
766 |
+
.text.dark input[type='text']:hover, .dark.text-rounded input[type='text']:hover,
|
767 |
+
.text.dark input[type='password']:hover,
|
768 |
+
.dark.text-rounded input[type='password']:hover {
|
769 |
+
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
770 |
+
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
|
771 |
+
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); }
|
772 |
+
.text.dark input[type='text']:focus, .dark.text-rounded input[type='text']:focus,
|
773 |
+
.text.dark input[type='password']:focus,
|
774 |
+
.dark.text-rounded input[type='password']:focus {
|
775 |
+
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
776 |
+
-moz-box-shadow: 0 0 0 3px #80a62d;
|
777 |
+
box-shadow: 0 0 0 3px #80a62d; }
|
778 |
+
.text.light input[type='text'], .light.text-rounded input[type='text'],
|
779 |
+
.text.light input[type='password'],
|
780 |
+
.light.text-rounded input[type='password'] {
|
781 |
+
background: #fdfdfd;
|
782 |
+
border: none;
|
783 |
+
color: black;
|
784 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
785 |
+
background: #9a9a9a;
|
786 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9a9a9a));
|
787 |
+
background-image: -webkit-linear-gradient(top, #fdfdfd, #9a9a9a);
|
788 |
+
background-image: -moz-linear-gradient(top, #fdfdfd, #9a9a9a);
|
789 |
+
background-image: -ms-linear-gradient(top, #fdfdfd, #9a9a9a);
|
790 |
+
background-image: -o-linear-gradient(top, #fdfdfd, #9a9a9a);
|
791 |
+
background-image: linear-gradient(top, #fdfdfd, #9a9a9a);
|
792 |
+
-pie-background: linear-gradient(#fdfdfd, #9a9a9a);
|
793 |
+
padding-top: 5px \9;
|
794 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
795 |
+
.text.light input[type='text']:-moz-placeholder, .light.text-rounded input[type='text']:-moz-placeholder,
|
796 |
+
.text.light input[type='password']:-moz-placeholder,
|
797 |
+
.light.text-rounded input[type='password']:-moz-placeholder {
|
798 |
+
color: #666666; }
|
799 |
+
.text.light input[type='text']::-webkit-input-placeholder, .light.text-rounded input[type='text']::-webkit-input-placeholder,
|
800 |
+
.text.light input[type='password']::-webkit-input-placeholder,
|
801 |
+
.light.text-rounded input[type='password']::-webkit-input-placeholder {
|
802 |
+
color: #666666; }
|
803 |
+
.text.light input[type='text'].placeholder, .light.text-rounded input[type='text'].placeholder,
|
804 |
+
.text.light input[type='password'].placeholder,
|
805 |
+
.light.text-rounded input[type='password'].placeholder {
|
806 |
+
color: #666666; }
|
807 |
+
.text.light input[type='text']:hover, .light.text-rounded input[type='text']:hover,
|
808 |
+
.text.light input[type='password']:hover,
|
809 |
+
.light.text-rounded input[type='password']:hover {
|
810 |
+
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
811 |
+
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
|
812 |
+
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); }
|
813 |
+
.text.light input[type='text']:focus, .light.text-rounded input[type='text']:focus,
|
814 |
+
.text.light input[type='password']:focus,
|
815 |
+
.light.text-rounded input[type='password']:focus {
|
816 |
+
background: white;
|
817 |
+
-webkit-box-shadow: 0 0 0 3px #80a62d;
|
818 |
+
-moz-box-shadow: 0 0 0 3px #80a62d;
|
819 |
+
box-shadow: 0 0 0 3px #80a62d; }
|
820 |
+
.text.light input[type='text']:focus:-moz-placeholder, .light.text-rounded input[type='text']:focus:-moz-placeholder,
|
821 |
+
.text.light input[type='password']:focus:-moz-placeholder,
|
822 |
+
.light.text-rounded input[type='password']:focus:-moz-placeholder {
|
823 |
+
color: #cccccc; }
|
824 |
+
.text.light input[type='text']:focus::-webkit-input-placeholder, .light.text-rounded input[type='text']:focus::-webkit-input-placeholder,
|
825 |
+
.text.light input[type='password']:focus::-webkit-input-placeholder,
|
826 |
+
.light.text-rounded input[type='password']:focus::-webkit-input-placeholder {
|
827 |
+
color: #cccccc; }
|
828 |
+
.text.light input[type='text']:focus.placeholder, .light.text-rounded input[type='text']:focus.placeholder,
|
829 |
+
.text.light input[type='password']:focus.placeholder,
|
830 |
+
.light.text-rounded input[type='password']:focus.placeholder {
|
831 |
+
color: #cccccc; }
|
832 |
+
.text.light input[type='submit'], .light.text-rounded input[type='submit'] {
|
833 |
+
background-position: center -30px; }
|
834 |
+
.text input[type='submit'], .text-rounded input[type='submit'] {
|
835 |
+
background-color: transparent;
|
836 |
+
background-position: center 0;
|
837 |
+
background-repeat: no-repeat;
|
838 |
+
border: none;
|
839 |
+
cursor: pointer;
|
840 |
+
font-family: Arial, sans-serif;
|
841 |
+
font-size: 12px;
|
842 |
+
height: 19px;
|
843 |
+
position: absolute;
|
844 |
+
right: 3px;
|
845 |
+
top: 3px;
|
846 |
+
width: 19px; }
|
847 |
+
.text input[type='submit']:hover, .text-rounded input[type='submit']:hover, .text input[type='submit']:focus, .text-rounded input[type='submit']:focus {
|
848 |
+
background-position: center -30px; }
|
849 |
+
|
850 |
+
.text-rounded input[type='text'],
|
851 |
+
.text-rounded input[type='password'] {
|
852 |
+
border-radius: 30px;
|
853 |
+
padding-left: 16px;
|
854 |
+
padding-right: 16px;
|
855 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
856 |
+
|
857 |
+
.text input.search-button, .text-rounded input.search-button {
|
858 |
+
background-image: url("images/text-input/search-button.png"); }
|
859 |
+
|
860 |
+
.appreciate {
|
861 |
+
background: url("images/appreciate/splash.png") 0 0 no-repeat;
|
862 |
+
display: block;
|
863 |
+
cursor: pointer;
|
864 |
+
font-size: 13px;
|
865 |
+
height: 97px;
|
866 |
+
position: relative;
|
867 |
+
text-align: center;
|
868 |
+
text-transform: uppercase;
|
869 |
+
width: 97px; }
|
870 |
+
.appreciate:hover {
|
871 |
+
background-position: 0 -110px; }
|
872 |
+
.appreciate.firm {
|
873 |
+
background-image: url("images/appreciate/splash-firm.png"); }
|
874 |
+
.appreciate.tnx {
|
875 |
+
background: url("images/appreciate/tnx.png") 0 0 no-repeat; }
|
876 |
+
|
877 |
+
.circle-banner {
|
878 |
+
background-color: #141517;
|
879 |
+
border-radius: 50%;
|
880 |
+
color: white;
|
881 |
+
font: italic 11px Georgia, serif;
|
882 |
+
height: 165px;
|
883 |
+
line-height: 1.5;
|
884 |
+
padding: 20px;
|
885 |
+
position: relative;
|
886 |
+
text-align: center;
|
887 |
+
width: 165px;
|
888 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
889 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
890 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
891 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
892 |
+
.circle-banner .banner-inner {
|
893 |
+
padding-top: 20px; }
|
894 |
+
.circle-banner .banner-description {
|
895 |
+
border-top: 1px solid #88bebe;
|
896 |
+
color: #88bebe;
|
897 |
+
margin-top: 15px;
|
898 |
+
padding-top: 10px; }
|
899 |
+
.circle-banner .ear {
|
900 |
+
background: url("images/circle-banner/ear.png") 0 0 no-repeat;
|
901 |
+
height: 22px;
|
902 |
+
left: 27px;
|
903 |
+
position: absolute;
|
904 |
+
top: 8px;
|
905 |
+
width: 22px; }
|
906 |
+
.circle-banner .banner-pull-l, .circle-banner .banner-pull-r {
|
907 |
+
clear: both;
|
908 |
+
float: left;
|
909 |
+
height: 20px;
|
910 |
+
width: 30%; }
|
911 |
+
.circle-banner .banner-pull-l.pull2, .circle-banner .pull2.banner-pull-r {
|
912 |
+
width: 17%; }
|
913 |
+
.circle-banner .banner-pull-r {
|
914 |
+
clear: none;
|
915 |
+
float: right; }
|
916 |
+
|
917 |
+
.comments {
|
918 |
+
background-color: #141517;
|
919 |
+
border-radius: 2px;
|
920 |
+
color: white;
|
921 |
+
display: inline-block;
|
922 |
+
font: italic 11px Georgia, serif;
|
923 |
+
padding: 4px 7px 6px;
|
924 |
+
position: relative;
|
925 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
926 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
927 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
928 |
+
.comments .ear {
|
929 |
+
background: url("images/comments/ear.png") 0 0 no-repeat;
|
930 |
+
height: 6px;
|
931 |
+
left: 6px;
|
932 |
+
position: absolute;
|
933 |
+
top: -5px;
|
934 |
+
width: 9px; }
|
935 |
+
|
936 |
+
.commutator {
|
937 |
+
border-radius: 20px;
|
938 |
+
cursor: pointer;
|
939 |
+
display: inline-block;
|
940 |
+
height: 26px;
|
941 |
+
overflow: hidden;
|
942 |
+
position: relative;
|
943 |
+
-webkit-user-select: none;
|
944 |
+
-moz-user-select: none;
|
945 |
+
-ms-user-select: none;
|
946 |
+
user-select: none;
|
947 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
948 |
+
.commutator.on {
|
949 |
+
color: #3e5706;
|
950 |
+
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
951 |
+
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
952 |
+
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
953 |
+
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3);
|
954 |
+
background: #6c901b;
|
955 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aed160), color-stop(100%, #6c901b));
|
956 |
+
background-image: -webkit-linear-gradient(top, #aed160, #6c901b);
|
957 |
+
background-image: -moz-linear-gradient(top, #aed160, #6c901b);
|
958 |
+
background-image: -ms-linear-gradient(top, #aed160, #6c901b);
|
959 |
+
background-image: -o-linear-gradient(top, #aed160, #6c901b);
|
960 |
+
background-image: linear-gradient(top, #aed160, #6c901b);
|
961 |
+
-pie-background: linear-gradient(#aed160, #6c901b); }
|
962 |
+
.commutator.on .is.on {
|
963 |
+
left: 0; }
|
964 |
+
.commutator.on .is.off {
|
965 |
+
margin-right: 24px; }
|
966 |
+
.commutator.off {
|
967 |
+
background-color: black;
|
968 |
+
color: white;
|
969 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
970 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
971 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
972 |
+
.commutator.off .is.on {
|
973 |
+
left: -100%; }
|
974 |
+
.commutator.off .is.off {
|
975 |
+
margin-right: -3px; }
|
976 |
+
.commutator .is {
|
977 |
+
margin: 0 2px;
|
978 |
+
padding: 6px 30px 3px 10px;
|
979 |
+
position: relative;
|
980 |
+
width: 100%;
|
981 |
+
-webkit-box-sizing: border-box;
|
982 |
+
-moz-box-sizing: border-box;
|
983 |
+
box-sizing: border-box;
|
984 |
+
-webkit-transition: left 0.2s linear, margin 0.2s linear;
|
985 |
+
-moz-transition: left 0.2s linear, margin 0.2s linear;
|
986 |
+
-ms-transition: left 0.2s linear, margin 0.2s linear;
|
987 |
+
-o-transition: left 0.2s linear, margin 0.2s linear;
|
988 |
+
transition: left 0.2s linear, margin 0.2s linear; }
|
989 |
+
.commutator .is.off {
|
990 |
+
background: url("images/commutator/slider.png") left 3px no-repeat;
|
991 |
+
right: -100%;
|
992 |
+
padding-left: 24px;
|
993 |
+
position: absolute;
|
994 |
+
top: 1px; }
|
995 |
+
|
996 |
+
.crossbar {
|
997 |
+
background: url("images/crossbar/center.png") center no-repeat;
|
998 |
+
height: 62px;
|
999 |
+
position: relative;
|
1000 |
+
width: 62px; }
|
1001 |
+
.crossbar [class^='to-'] {
|
1002 |
+
background: url("images/crossbar/button.png") 0 0 no-repeat;
|
1003 |
+
border-radius: 50%;
|
1004 |
+
display: block;
|
1005 |
+
height: 24px;
|
1006 |
+
position: absolute;
|
1007 |
+
width: 24px; }
|
1008 |
+
.crossbar [class^='to-']:hover, .crossbar [class^='to-']:focus {
|
1009 |
+
background-position: 0 -30px; }
|
1010 |
+
.crossbar [class^='to-']:active {
|
1011 |
+
-webkit-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
1012 |
+
-moz-box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9);
|
1013 |
+
box-shadow: inset 0 1px 5px rgba(55, 79, 0, 0.9); }
|
1014 |
+
.crossbar .arrow {
|
1015 |
+
background-position: center;
|
1016 |
+
background-repeat: no-repeat;
|
1017 |
+
height: 11px;
|
1018 |
+
left: 6px;
|
1019 |
+
position: absolute;
|
1020 |
+
top: 6px;
|
1021 |
+
width: 11px; }
|
1022 |
+
.crossbar [class$='top'] {
|
1023 |
+
left: 19px;
|
1024 |
+
top: 0; }
|
1025 |
+
.crossbar [class$='top'] .arrow {
|
1026 |
+
background-image: url("images/crossbar/to-top.png"); }
|
1027 |
+
.crossbar [class$='right'] {
|
1028 |
+
right: 0;
|
1029 |
+
top: 19px; }
|
1030 |
+
.crossbar [class$='right'] .arrow {
|
1031 |
+
background-image: url("images/crossbar/to-right.png"); }
|
1032 |
+
.crossbar [class$='bottom'] {
|
1033 |
+
left: 19px;
|
1034 |
+
bottom: 0; }
|
1035 |
+
.crossbar [class$='bottom'] .arrow {
|
1036 |
+
background-image: url("images/crossbar/to-bottom.png"); }
|
1037 |
+
.crossbar [class$='left'] {
|
1038 |
+
left: 0;
|
1039 |
+
top: 19px; }
|
1040 |
+
.crossbar [class$='left'] .arrow {
|
1041 |
+
background-image: url("images/crossbar/to-left.png"); }
|
1042 |
+
|
1043 |
+
.currently-playing {
|
1044 |
+
border-radius: 8px;
|
1045 |
+
color: #717342;
|
1046 |
+
padding: 10px 14px 14px;
|
1047 |
+
position: relative;
|
1048 |
+
text-align: center;
|
1049 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
1050 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
1051 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
1052 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 black;
|
1053 |
+
background: #d1d395;
|
1054 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe2ad), color-stop(100%, #d1d395));
|
1055 |
+
background-image: -webkit-linear-gradient(top, #dfe2ad, #d1d395);
|
1056 |
+
background-image: -moz-linear-gradient(top, #dfe2ad, #d1d395);
|
1057 |
+
background-image: -ms-linear-gradient(top, #dfe2ad, #d1d395);
|
1058 |
+
background-image: -o-linear-gradient(top, #dfe2ad, #d1d395);
|
1059 |
+
background-image: linear-gradient(top, #dfe2ad, #d1d395);
|
1060 |
+
-pie-background: linear-gradient(#dfe2ad, #d1d395);
|
1061 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1062 |
+
.currently-playing:after {
|
1063 |
+
background-color: rgba(255, 255, 255, 0.4);
|
1064 |
+
border-radius: 10px;
|
1065 |
+
content: "";
|
1066 |
+
height: 40%;
|
1067 |
+
left: 0;
|
1068 |
+
position: absolute;
|
1069 |
+
top: 0;
|
1070 |
+
width: 100%;
|
1071 |
+
z-index: 1; }
|
1072 |
+
.currently-playing .playing {
|
1073 |
+
height: 15px;
|
1074 |
+
overflow: hidden;
|
1075 |
+
position: relative;
|
1076 |
+
white-space: nowrap;
|
1077 |
+
z-index: 2; }
|
1078 |
+
.currently-playing .playing.artist {
|
1079 |
+
font-weight: bold;
|
1080 |
+
margin-bottom: 2px; }
|
1081 |
+
.currently-playing .song-info {
|
1082 |
+
padding-top: 8px;
|
1083 |
+
position: relative;
|
1084 |
+
font-size: 10px; }
|
1085 |
+
.currently-playing .scrollbox.dot {
|
1086 |
+
background-color: #787878;
|
1087 |
+
margin: 0 50px;
|
1088 |
+
top: 2px;
|
1089 |
+
z-index: 2;
|
1090 |
+
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
1091 |
+
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5);
|
1092 |
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.5); }
|
1093 |
+
.currently-playing .scrollbox.dot .scale {
|
1094 |
+
border: none;
|
1095 |
+
height: 7px;
|
1096 |
+
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
1097 |
+
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
|
1098 |
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
1099 |
+
.currently-playing .scrollbox.dot .slider {
|
1100 |
+
background: white;
|
1101 |
+
top: -1px; }
|
1102 |
+
.currently-playing .song-time {
|
1103 |
+
line-height: 13px;
|
1104 |
+
position: absolute;
|
1105 |
+
top: 7px;
|
1106 |
+
width: 50px; }
|
1107 |
+
.currently-playing .song-time.start {
|
1108 |
+
left: -8px;
|
1109 |
+
text-align: right; }
|
1110 |
+
.currently-playing .song-time.end {
|
1111 |
+
right: -7px;
|
1112 |
+
text-align: left; }
|
1113 |
+
|
1114 |
+
.dataset table {
|
1115 |
+
width: 100%; }
|
1116 |
+
.dataset td {
|
1117 |
+
padding-bottom: 5px;
|
1118 |
+
padding-top: 5px; }
|
1119 |
+
|
1120 |
+
.dataset-entity {
|
1121 |
+
color: #9da0ab; }
|
1122 |
+
|
1123 |
+
.dataset-number {
|
1124 |
+
color: #686868;
|
1125 |
+
padding-right: 10px;
|
1126 |
+
text-align: right; }
|
1127 |
+
|
1128 |
+
.dataset-bar {
|
1129 |
+
background-color: #9cc346;
|
1130 |
+
border-radius: 10px;
|
1131 |
+
height: 5px;
|
1132 |
+
margin-top: 4px; }
|
1133 |
+
|
1134 |
+
.datepicker-placeholder {
|
1135 |
+
min-height: 250px;
|
1136 |
+
min-width: 210px;
|
1137 |
+
position: relative; }
|
1138 |
+
|
1139 |
+
.ui-datepicker {
|
1140 |
+
background-color: #141517;
|
1141 |
+
border-radius: 2px;
|
1142 |
+
color: #a8a8a8;
|
1143 |
+
display: none;
|
1144 |
+
padding: 30px;
|
1145 |
+
position: absolute;
|
1146 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1147 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1148 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1149 |
+
-webkit-user-select: none;
|
1150 |
+
-moz-user-select: none;
|
1151 |
+
-ms-user-select: none;
|
1152 |
+
user-select: none; }
|
1153 |
+
|
1154 |
+
.ui-datepicker-calendar {
|
1155 |
+
border-collapse: separate; }
|
1156 |
+
.ui-datepicker-calendar td {
|
1157 |
+
border: 1px solid transparent;
|
1158 |
+
cursor: pointer;
|
1159 |
+
padding: 5px 7px;
|
1160 |
+
text-align: center; }
|
1161 |
+
.ui-datepicker-calendar td:hover, .ui-datepicker-calendar td.ui-datepicker-current-day {
|
1162 |
+
border-color: #759827; }
|
1163 |
+
.ui-datepicker-calendar td.ui-state-disabled {
|
1164 |
+
border-color: transparent;
|
1165 |
+
cursor: default;
|
1166 |
+
color: #565656; }
|
1167 |
+
.ui-datepicker-calendar td.ui-datepicker-today {
|
1168 |
+
background-color: #243205;
|
1169 |
+
color: #759827; }
|
1170 |
+
.ui-datepicker-calendar a {
|
1171 |
+
text-decoration: none; }
|
1172 |
+
.ui-datepicker-calendar th {
|
1173 |
+
cursor: default;
|
1174 |
+
padding: 5px 7px;
|
1175 |
+
text-align: center;
|
1176 |
+
text-transform: uppercase; }
|
1177 |
+
|
1178 |
+
.ui-datepicker-header {
|
1179 |
+
border-bottom: 1px solid #d6d6d6;
|
1180 |
+
cursor: default;
|
1181 |
+
margin: 0 6px 10px;
|
1182 |
+
padding-bottom: 10px;
|
1183 |
+
position: relative;
|
1184 |
+
text-align: center;
|
1185 |
+
text-transform: uppercase; }
|
1186 |
+
.ui-datepicker-header .year {
|
1187 |
+
color: #565656;
|
1188 |
+
padding-left: 19px;
|
1189 |
+
position: relative; }
|
1190 |
+
.ui-datepicker-header .year:before {
|
1191 |
+
background: #99c043;
|
1192 |
+
border-radius: 50%;
|
1193 |
+
content: "";
|
1194 |
+
height: 4px;
|
1195 |
+
left: 6px;
|
1196 |
+
position: absolute;
|
1197 |
+
top: 5px;
|
1198 |
+
width: 4px; }
|
1199 |
+
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
|
1200 |
+
background: url("images/datepicker/back.png") 5px 3px no-repeat;
|
1201 |
+
bottom: 9px;
|
1202 |
+
cursor: pointer;
|
1203 |
+
font-size: 1px;
|
1204 |
+
height: 16px;
|
1205 |
+
left: -4px;
|
1206 |
+
overflow: hidden;
|
1207 |
+
position: absolute;
|
1208 |
+
text-indent: -999em;
|
1209 |
+
width: 16px; }
|
1210 |
+
.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker-header .ui-datepicker-next:focus {
|
1211 |
+
background-position: 5px -13px; }
|
1212 |
+
.ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-header .ui-state-disabled.ui-datepicker-next {
|
1213 |
+
background-position: 5px -29px;
|
1214 |
+
cursor: default; }
|
1215 |
+
.ui-datepicker-header .ui-datepicker-next {
|
1216 |
+
background-image: url("images/datepicker/forward.png");
|
1217 |
+
left: auto;
|
1218 |
+
right: -5px; }
|
1219 |
+
|
1220 |
+
.ui-datepicker-buttonpane {
|
1221 |
+
position: absolute;
|
1222 |
+
right: 0;
|
1223 |
+
top: 0;
|
1224 |
+
width: 100%; }
|
1225 |
+
.ui-datepicker-buttonpane .ui-datepicker-current {
|
1226 |
+
background: none;
|
1227 |
+
border: none;
|
1228 |
+
color: #565656;
|
1229 |
+
cursor: pointer;
|
1230 |
+
font: italic 12px Georgia, serif;
|
1231 |
+
margin: 8px -15px 0 0;
|
1232 |
+
position: absolute;
|
1233 |
+
right: 50%; }
|
1234 |
+
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
|
1235 |
+
color: #999999; }
|
1236 |
+
|
1237 |
+
.ui-datepicker-close {
|
1238 |
+
background: url("images/datepicker/close.png") 8px 9px no-repeat;
|
1239 |
+
border: none;
|
1240 |
+
cursor: pointer;
|
1241 |
+
font-size: 1px;
|
1242 |
+
height: 27px;
|
1243 |
+
overflow: hidden;
|
1244 |
+
position: absolute;
|
1245 |
+
text-indent: -999em;
|
1246 |
+
right: 0;
|
1247 |
+
top: 0;
|
1248 |
+
width: 27px; }
|
1249 |
+
.ui-datepicker-close:hover, .ui-datepicker-close:focus {
|
1250 |
+
background-position: 8px -11px; }
|
1251 |
+
|
1252 |
+
.equalizer-bar {
|
1253 |
+
background-color: #1e1f22;
|
1254 |
+
border-radius: 10px;
|
1255 |
+
float: left;
|
1256 |
+
height: 114px;
|
1257 |
+
margin-right: 6px;
|
1258 |
+
position: relative;
|
1259 |
+
width: 5px;
|
1260 |
+
-webkit-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1261 |
+
-moz-box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1262 |
+
box-shadow: inset 0 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1263 |
+
-webkit-user-select: none;
|
1264 |
+
-moz-user-select: none;
|
1265 |
+
-ms-user-select: none;
|
1266 |
+
user-select: none; }
|
1267 |
+
.equalizer-bar.minimal .equalizer-scale {
|
1268 |
+
background: #141517;
|
1269 |
+
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1270 |
+
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06);
|
1271 |
+
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.06); }
|
1272 |
+
.equalizer-bar.elastic .equalizer-scale {
|
1273 |
+
background: #a4a4a4;
|
1274 |
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1e1e1), color-stop(100%, #a4a4a4));
|
1275 |
+
background-image: -webkit-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1276 |
+
background-image: -moz-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1277 |
+
background-image: -ms-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1278 |
+
background-image: -o-linear-gradient(left, #e1e1e1, #a4a4a4);
|
1279 |
+
background-image: linear-gradient(left, #e1e1e1, #a4a4a4); }
|
1280 |
+
|
1281 |
+
.equalizer-delimiter {
|
1282 |
+
background: url("images/equalizer/bar-delimiter.png") 0 0 no-repeat;
|
1283 |
+
float: left;
|
1284 |
+
margin-right: 6px;
|
1285 |
+
height: 114px;
|
1286 |
+
width: 5px; }
|
1287 |
+
|
1288 |
+
.equalizer-scale {
|
1289 |
+
border-radius: 10px;
|
1290 |
+
bottom: 0;
|
1291 |
+
left: 0;
|
1292 |
+
position: absolute;
|
1293 |
+
width: 100%;
|
1294 |
+
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
1295 |
+
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
1296 |
+
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.4);
|
1297 |
+
background: #91b73c;
|
1298 |
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #6c901b), color-stop(100%, #91b73c));
|
1299 |
+
background-image: -webkit-linear-gradient(left, #6c901b, #91b73c);
|
1300 |
+
background-image: -moz-linear-gradient(left, #6c901b, #91b73c);
|
1301 |
+
background-image: -ms-linear-gradient(left, #6c901b, #91b73c);
|
1302 |
+
background-image: -o-linear-gradient(left, #6c901b, #91b73c);
|
1303 |
+
background-image: linear-gradient(left, #6c901b, #91b73c); }
|
1304 |
+
|
1305 |
+
.equalizer .ui-slider-handle {
|
1306 |
+
background: url("images/equalizer/slider.png") 5px 0 no-repeat;
|
1307 |
+
cursor: pointer;
|
1308 |
+
height: 16px;
|
1309 |
+
left: -6px;
|
1310 |
+
margin-bottom: -8px;
|
1311 |
+
position: absolute;
|
1312 |
+
width: 17px; }
|
1313 |
+
.equalizer .ui-slider-handle:hover, .equalizer .ui-slider-handle:focus {
|
1314 |
+
background-position: 5px -33px; }
|
1315 |
+
|
1316 |
+
.header {
|
1317 |
+
background: #141517;
|
1318 |
+
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
1319 |
+
color: white; }
|
1320 |
+
|
1321 |
+
.header-controls {
|
1322 |
+
color: #8d8d8d;
|
1323 |
+
font-size: 11px; }
|
1324 |
+
.header-controls a {
|
1325 |
+
color: #dddddd;
|
1326 |
+
text-decoration: none; }
|
1327 |
+
.header-controls a:hover {
|
1328 |
+
color: white; }
|
1329 |
+
.header-controls .delimiter {
|
1330 |
+
font-family: Georgia, serif;
|
1331 |
+
font-style: italic; }
|
1332 |
+
.header-controls .fb-signup {
|
1333 |
+
background: url("images/header/fb-signup.png") 0 0 no-repeat;
|
1334 |
+
display: inline-block;
|
1335 |
+
height: 21px;
|
1336 |
+
margin: -7px 0;
|
1337 |
+
width: 89px; }
|
1338 |
+
|
1339 |
+
.header-navigation {
|
1340 |
+
font-family: "Helvetica Neue", Arial, sans-serif;
|
1341 |
+
font-size: 13px;
|
1342 |
+
text-transform: uppercase; }
|
1343 |
+
.header-navigation li {
|
1344 |
+
display: inline-block;
|
1345 |
+
height: 16px;
|
1346 |
+
position: relative;
|
1347 |
+
top: 2px; }
|
1348 |
+
.header-navigation li:after {
|
1349 |
+
background: #84aa30;
|
1350 |
+
border-radius: 50%;
|
1351 |
+
content: "";
|
1352 |
+
height: 4px;
|
1353 |
+
margin-top: -2px;
|
1354 |
+
position: absolute;
|
1355 |
+
right: -4px;
|
1356 |
+
top: 50%;
|
1357 |
+
width: 4px; }
|
1358 |
+
.header-navigation li:last-child:after {
|
1359 |
+
display: none; }
|
1360 |
+
.header-navigation li.current:before {
|
1361 |
+
background: url("images/header/ear.png") 0 0 no-repeat;
|
1362 |
+
bottom: -20px;
|
1363 |
+
content: "";
|
1364 |
+
height: 8px;
|
1365 |
+
left: 50%;
|
1366 |
+
margin-left: -7px;
|
1367 |
+
position: absolute;
|
1368 |
+
width: 14px; }
|
1369 |
+
.header-navigation li.current a {
|
1370 |
+
color: #94be38; }
|
1371 |
+
.header-navigation a {
|
1372 |
+
margin: 0 13px;
|
1373 |
+
text-decoration: none; }
|
1374 |
+
.header-navigation a:hover {
|
1375 |
+
color: #d0deb2; }
|
1376 |
+
|
1377 |
+
.header-search {
|
1378 |
+
float: right;
|
1379 |
+
margin: -5px 0 -9px;
|
1380 |
+
width: 66%; }
|
1381 |
+
|
1382 |
+
.login-block {
|
1383 |
+
background-color: #141517;
|
1384 |
+
border-radius: 8px;
|
1385 |
+
color: white;
|
1386 |
+
padding: 23px 30px 30px;
|
1387 |
+
position: relative;
|
1388 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1389 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1390 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1391 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1392 |
+
.login-block .login-ear {
|
1393 |
+
background: url("images/login-block/ear.png") 0 0 no-repeat;
|
1394 |
+
height: 13px;
|
1395 |
+
left: 23px;
|
1396 |
+
position: absolute;
|
1397 |
+
top: -12px;
|
1398 |
+
width: 12px; }
|
1399 |
+
.login-block .login-buttons {
|
1400 |
+
padding-top: 40px; }
|
1401 |
+
|
1402 |
+
.pagination {
|
1403 |
+
-webkit-user-select: none;
|
1404 |
+
-moz-user-select: none;
|
1405 |
+
-ms-user-select: none;
|
1406 |
+
user-select: none; }
|
1407 |
+
.pagination li {
|
1408 |
+
float: left;
|
1409 |
+
font-weight: bold;
|
1410 |
+
margin-right: 7px;
|
1411 |
+
text-align: center; }
|
1412 |
+
.pagination li.active a {
|
1413 |
+
color: #3e5706;
|
1414 |
+
text-shadow: 0 1px 0 white;
|
1415 |
+
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
1416 |
+
-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
1417 |
+
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
1418 |
+
background: #9e9e9e;
|
1419 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #9e9e9e));
|
1420 |
+
background-image: -webkit-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1421 |
+
background-image: -moz-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1422 |
+
background-image: -ms-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1423 |
+
background-image: -o-linear-gradient(top, #fdfdfd, #9e9e9e);
|
1424 |
+
background-image: linear-gradient(top, #fdfdfd, #9e9e9e);
|
1425 |
+
-pie-background: linear-gradient(#fdfdfd, #9e9e9e); }
|
1426 |
+
.pagination a {
|
1427 |
+
border-radius: 20px;
|
1428 |
+
color: white;
|
1429 |
+
display: block;
|
1430 |
+
height: 17px;
|
1431 |
+
padding: 4px 7px 0;
|
1432 |
+
text-decoration: none;
|
1433 |
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
|
1434 |
+
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1435 |
+
-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1436 |
+
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1437 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1438 |
+
.pagination a:hover {
|
1439 |
+
background-color: #3f4147; }
|
1440 |
+
.pagination .pagination-up, .pagination .pagination-down, .pagination .pagination-left, .pagination .pagination-right {
|
1441 |
+
background: url("images/pagination/up.png") 0 0 no-repeat;
|
1442 |
+
cursor: pointer;
|
1443 |
+
float: left;
|
1444 |
+
height: 11px;
|
1445 |
+
margin-right: 3px;
|
1446 |
+
width: 11px;
|
1447 |
+
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
1448 |
+
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
1449 |
+
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
|
1450 |
+
.pagination .pagination-down {
|
1451 |
+
background-image: url("images/pagination/down.png"); }
|
1452 |
+
.pagination .pagination-left {
|
1453 |
+
background-image: url("images/pagination/left.png"); }
|
1454 |
+
.pagination .pagination-right {
|
1455 |
+
background-image: url("images/pagination/right.png"); }
|
1456 |
+
|
1457 |
+
.player-control-wrapper {
|
1458 |
+
float: left;
|
1459 |
+
position: relative; }
|
1460 |
+
.player-control-wrapper.opened .player-scale {
|
1461 |
+
left: 13px; }
|
1462 |
+
|
1463 |
+
.player-control, .player-control-huge {
|
1464 |
+
background: url("images/player/control.png") 0 0 no-repeat;
|
1465 |
+
cursor: pointer;
|
1466 |
+
float: left;
|
1467 |
+
height: 35px;
|
1468 |
+
margin-right: 8px;
|
1469 |
+
position: relative;
|
1470 |
+
width: 35px;
|
1471 |
+
z-index: 5; }
|
1472 |
+
.player-control:hover, .player-control-huge:hover {
|
1473 |
+
background-position: 0 bottom; }
|
1474 |
+
.player-control:hover .player-icon, .player-control-huge:hover .player-icon {
|
1475 |
+
background-position: center bottom; }
|
1476 |
+
|
1477 |
+
.player-control-huge {
|
1478 |
+
background-image: url("images/player/control-big.png");
|
1479 |
+
height: 54px;
|
1480 |
+
margin-top: -10px;
|
1481 |
+
width: 54px; }
|
1482 |
+
.player-control-huge .player-icon {
|
1483 |
+
height: 24px;
|
1484 |
+
margin: 15px 0 0 17px;
|
1485 |
+
width: 24px; }
|
1486 |
+
|
1487 |
+
.player-icon {
|
1488 |
+
background-position: center 0;
|
1489 |
+
background-repeat: no-repeat;
|
1490 |
+
height: 16px;
|
1491 |
+
margin: 10px 0 0 7px;
|
1492 |
+
width: 20px; }
|
1493 |
+
.player-icon.p-back {
|
1494 |
+
background-image: url("images/player/icon-back.png"); }
|
1495 |
+
.player-icon.p-next {
|
1496 |
+
background-image: url("images/player/icon-next.png"); }
|
1497 |
+
.player-icon.p-play {
|
1498 |
+
background-image: url("images/player/icon-play.png"); }
|
1499 |
+
.player-icon.p-volume {
|
1500 |
+
background-image: url("images/player/icon-volume.png"); }
|
1501 |
+
|
1502 |
+
.player-scale-holder {
|
1503 |
+
overflow: hidden;
|
1504 |
+
position: absolute;
|
1505 |
+
left: 10px;
|
1506 |
+
top: 7px;
|
1507 |
+
width: 106px;
|
1508 |
+
z-index: 4; }
|
1509 |
+
|
1510 |
+
.player-scale {
|
1511 |
+
background-color: #141517;
|
1512 |
+
border-radius: 20px;
|
1513 |
+
left: -75px;
|
1514 |
+
padding: 4px 4px 4px 13px;
|
1515 |
+
position: relative;
|
1516 |
+
width: 65px;
|
1517 |
+
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
1518 |
+
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
1519 |
+
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
|
1520 |
+
-webkit-transition: left 0.2s;
|
1521 |
+
-moz-transition: left 0.2s;
|
1522 |
+
-ms-transition: left 0.2s;
|
1523 |
+
-o-transition: left 0.2s;
|
1524 |
+
transition: left 0.2s; }
|
1525 |
+
|
1526 |
+
.player-scale-filler {
|
1527 |
+
border-radius: 20px;
|
1528 |
+
height: 12px;
|
1529 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
1530 |
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
1531 |
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
1532 |
+
background: #6e921d;
|
1533 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acd05f), color-stop(100%, #6e921d));
|
1534 |
+
background-image: -webkit-linear-gradient(top, #acd05f, #6e921d);
|
1535 |
+
background-image: -moz-linear-gradient(top, #acd05f, #6e921d);
|
1536 |
+
background-image: -ms-linear-gradient(top, #acd05f, #6e921d);
|
1537 |
+
background-image: -o-linear-gradient(top, #acd05f, #6e921d);
|
1538 |
+
background-image: linear-gradient(top, #acd05f, #6e921d);
|
1539 |
+
-pie-background: linear-gradient(#acd05f, #6e921d); }
|
1540 |
+
|
1541 |
+
.progressbar-label {
|
1542 |
+
color: white;
|
1543 |
+
margin-bottom: 6px;
|
1544 |
+
text-align: right;
|
1545 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
|
1546 |
+
|
1547 |
+
.scrollbox {
|
1548 |
+
background-color: #1e1f22;
|
1549 |
+
border-radius: 10px;
|
1550 |
+
height: 7px;
|
1551 |
+
position: relative;
|
1552 |
+
-webkit-box-sizing: border-box;
|
1553 |
+
-moz-box-sizing: border-box;
|
1554 |
+
box-sizing: border-box;
|
1555 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
1556 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
1557 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.1);
|
1558 |
+
-webkit-user-select: none;
|
1559 |
+
-moz-user-select: none;
|
1560 |
+
-ms-user-select: none;
|
1561 |
+
user-select: none;
|
1562 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1563 |
+
.scrollbox.dot .hitbox {
|
1564 |
+
height: 11px;
|
1565 |
+
top: -2px; }
|
1566 |
+
.scrollbox.dot .ui-slider-handle {
|
1567 |
+
top: 1px;
|
1568 |
+
height: 7px;
|
1569 |
+
margin-left: -3px;
|
1570 |
+
right: -3px;
|
1571 |
+
width: 7px;
|
1572 |
+
background: #9f9f9f;
|
1573 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #9f9f9f));
|
1574 |
+
background-image: -webkit-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1575 |
+
background-image: -moz-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1576 |
+
background-image: -ms-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1577 |
+
background-image: -o-linear-gradient(top, #f7f7f7, #9f9f9f);
|
1578 |
+
background-image: linear-gradient(top, #f7f7f7, #9f9f9f);
|
1579 |
+
-pie-background: linear-gradient(#f7f7f7, #9f9f9f);
|
1580 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1581 |
+
.scrollbox.disk .hitbox {
|
1582 |
+
height: 19px;
|
1583 |
+
top: -6px; }
|
1584 |
+
.scrollbox.disk .ui-slider-handle {
|
1585 |
+
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
1586 |
+
top: -2px;
|
1587 |
+
height: 19px;
|
1588 |
+
margin-left: -9px;
|
1589 |
+
right: -9px;
|
1590 |
+
width: 19px; }
|
1591 |
+
.scrollbox.fat .hitbox {
|
1592 |
+
height: 19px;
|
1593 |
+
top: -6px; }
|
1594 |
+
.scrollbox.fat .scale {
|
1595 |
+
border: none;
|
1596 |
+
height: 7px;
|
1597 |
+
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
1598 |
+
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
1599 |
+
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.4);
|
1600 |
+
background: #71951f;
|
1601 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afd067), color-stop(100%, #71951f));
|
1602 |
+
background-image: -webkit-linear-gradient(top, #afd067, #71951f);
|
1603 |
+
background-image: -moz-linear-gradient(top, #afd067, #71951f);
|
1604 |
+
background-image: -ms-linear-gradient(top, #afd067, #71951f);
|
1605 |
+
background-image: -o-linear-gradient(top, #afd067, #71951f);
|
1606 |
+
background-image: linear-gradient(top, #afd067, #71951f);
|
1607 |
+
-pie-background: linear-gradient(#afd067, #71951f);
|
1608 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1609 |
+
.scrollbox.fat .ui-slider-handle {
|
1610 |
+
background: url("images/scrollbox/sliders.png") 0 0 no-repeat;
|
1611 |
+
top: -2px;
|
1612 |
+
height: 19px;
|
1613 |
+
margin-left: -9px;
|
1614 |
+
right: -9px;
|
1615 |
+
width: 19px; }
|
1616 |
+
.scrollbox.range .hitbox {
|
1617 |
+
height: 19px;
|
1618 |
+
top: -6px; }
|
1619 |
+
.scrollbox.range .ui-slider-handle {
|
1620 |
+
background: url("images/scrollbox/sliders.png") center -30px no-repeat;
|
1621 |
+
top: -2px;
|
1622 |
+
height: 19px;
|
1623 |
+
margin-left: -9px;
|
1624 |
+
right: -9px;
|
1625 |
+
width: 19px; }
|
1626 |
+
.scrollbox.range .ui-slider-handle:hover, .scrollbox.range .ui-slider-handle:active {
|
1627 |
+
background-position: center -61px;
|
1628 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1629 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1630 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
|
1631 |
+
.scrollbox .scale {
|
1632 |
+
background-color: #84aa31;
|
1633 |
+
border: 2px solid #212227;
|
1634 |
+
border-radius: 10px;
|
1635 |
+
height: 3px;
|
1636 |
+
position: relative;
|
1637 |
+
background: #8db439;
|
1638 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ba129), color-stop(100%, #8db439));
|
1639 |
+
background-image: -webkit-linear-gradient(top, #7ba129, #8db439);
|
1640 |
+
background-image: -moz-linear-gradient(top, #7ba129, #8db439);
|
1641 |
+
background-image: -ms-linear-gradient(top, #7ba129, #8db439);
|
1642 |
+
background-image: -o-linear-gradient(top, #7ba129, #8db439);
|
1643 |
+
background-image: linear-gradient(top, #7ba129, #8db439);
|
1644 |
+
-pie-background: linear-gradient(#7ba129, #8db439); }
|
1645 |
+
.scrollbox .ui-slider-handle {
|
1646 |
+
border-radius: 50%;
|
1647 |
+
cursor: pointer;
|
1648 |
+
margin-top: 1px;
|
1649 |
+
position: absolute;
|
1650 |
+
z-index: 3;
|
1651 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1652 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1653 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
|
1654 |
+
-webkit-user-select: none;
|
1655 |
+
-moz-user-select: none;
|
1656 |
+
-ms-user-select: none;
|
1657 |
+
user-select: none; }
|
1658 |
+
.scrollbox .ui-slider-handle:hover {
|
1659 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
1660 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5);
|
1661 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.5); }
|
1662 |
+
.scrollbox .ui-slider-handle:active {
|
1663 |
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
1664 |
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8);
|
1665 |
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 7px rgba(0, 0, 0, 0.8); }
|
1666 |
+
.scrollbox .hitbox {
|
1667 |
+
position: absolute;
|
1668 |
+
width: 100%;
|
1669 |
+
z-index: 2; }
|
1670 |
+
|
1671 |
+
.site-info {
|
1672 |
+
padding: 70px 0 40px;
|
1673 |
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }
|
1674 |
+
.site-info .sitename {
|
1675 |
+
font-weight: bold;
|
1676 |
+
margin-bottom: 5px;
|
1677 |
+
text-transform: uppercase; }
|
1678 |
+
.site-info .about {
|
1679 |
+
font-family: Georgia, serif;
|
1680 |
+
font-style: italic;
|
1681 |
+
overflow: hidden;
|
1682 |
+
position: relative;
|
1683 |
+
text-align: center;
|
1684 |
+
width: 311px; }
|
1685 |
+
.site-info .version {
|
1686 |
+
font-family: Georgia, serif;
|
1687 |
+
font-size: 11px;
|
1688 |
+
margin-left: 3px;
|
1689 |
+
position: relative;
|
1690 |
+
top: -5px; }
|
1691 |
+
.site-info .legend-center {
|
1692 |
+
display: inline-block;
|
1693 |
+
padding: 0 5px 2px;
|
1694 |
+
vertical-align: middle; }
|
1695 |
+
.site-info .legend-left,
|
1696 |
+
.site-info .legend-right {
|
1697 |
+
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
1698 |
+
border-top: 1px solid black;
|
1699 |
+
display: inline-block;
|
1700 |
+
margin: 0 0 0 -999px;
|
1701 |
+
vertical-align: middle;
|
1702 |
+
width: 999px; }
|
1703 |
+
.site-info .legend-right {
|
1704 |
+
margin: 0 -999px 0 0; }
|
1705 |
+
|
1706 |
+
.site-info-credentials {
|
1707 |
+
color: #999999;
|
1708 |
+
padding-top: 50px;
|
1709 |
+
text-align: center; }
|
1710 |
+
|
1711 |
+
.site-info-links {
|
1712 |
+
padding-top: 35px; }
|
1713 |
+
|
1714 |
+
.slideshow,
|
1715 |
+
.slideshow .slideshow-slides-wrapper,
|
1716 |
+
.slideshow .each-slide {
|
1717 |
+
height: 174px;
|
1718 |
+
width: 272px; }
|
1719 |
+
|
1720 |
+
.slideshow {
|
1721 |
+
background: #141517;
|
1722 |
+
border-radius: 8px;
|
1723 |
+
display: inline-block;
|
1724 |
+
margin: 0 20px;
|
1725 |
+
padding: 4px;
|
1726 |
+
position: relative;
|
1727 |
+
-webkit-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1728 |
+
-moz-box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1729 |
+
box-shadow: inset 0 1px 0 black, 0 1px 0 rgba(255, 255, 255, 0.06); }
|
1730 |
+
.slideshow .slideshow-slides-wrapper {
|
1731 |
+
overflow: hidden;
|
1732 |
+
position: relative; }
|
1733 |
+
.slideshow .slideshow-slides {
|
1734 |
+
position: absolute;
|
1735 |
+
-webkit-transition: all 0.2s;
|
1736 |
+
-moz-transition: all 0.2s;
|
1737 |
+
-ms-transition: all 0.2s;
|
1738 |
+
-o-transition: all 0.2s;
|
1739 |
+
transition: all 0.2s; }
|
1740 |
+
.slideshow .each-slide {
|
1741 |
+
background-position: center;
|
1742 |
+
background-repeat: no-repeat;
|
1743 |
+
border-radius: 5px;
|
1744 |
+
float: left;
|
1745 |
+
position: relative; }
|
1746 |
+
.slideshow .show-slide {
|
1747 |
+
background: url("images/slideshow/prev.png") 0 0 no-repeat;
|
1748 |
+
cursor: pointer;
|
1749 |
+
height: 22px;
|
1750 |
+
margin-top: -13px;
|
1751 |
+
position: absolute;
|
1752 |
+
top: 50%;
|
1753 |
+
left: -30px;
|
1754 |
+
width: 14px; }
|
1755 |
+
.slideshow .show-slide:hover {
|
1756 |
+
background-position: 0 bottom; }
|
1757 |
+
.slideshow .show-slide.next {
|
1758 |
+
background-image: url("images/slideshow/next.png");
|
1759 |
+
left: auto;
|
1760 |
+
right: -30px; }
|
1761 |
+
.slideshow .slide-description {
|
1762 |
+
background-color: black;
|
1763 |
+
border-radius: 0 0 5px 5px;
|
1764 |
+
bottom: 0;
|
1765 |
+
color: white;
|
1766 |
+
padding: 11px 13px;
|
1767 |
+
position: absolute;
|
1768 |
+
width: 100%;
|
1769 |
+
-webkit-box-sizing: border-box;
|
1770 |
+
-moz-box-sizing: border-box;
|
1771 |
+
box-sizing: border-box; }
|
1772 |
+
|
1773 |
+
.starbar {
|
1774 |
+
background: #94eaf3 url("images/starbar/background.png") 0 0 repeat-x;
|
1775 |
+
border-radius: 8px;
|
1776 |
+
display: inline-block;
|
1777 |
+
height: 16px;
|
1778 |
+
padding: 10px;
|
1779 |
+
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
1780 |
+
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
1781 |
+
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);
|
1782 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1783 |
+
.starbar .star {
|
1784 |
+
background: url("images/starbar/star.png") 0 0 no-repeat;
|
1785 |
+
float: left;
|
1786 |
+
height: 16px;
|
1787 |
+
width: 17px; }
|
1788 |
+
.starbar .star.half {
|
1789 |
+
background-position: 0 -22px; }
|
1790 |
+
.starbar .star.full {
|
1791 |
+
background-position: 0 -45px; }
|
1792 |
+
.starbar .star.focus {
|
1793 |
+
cursor: pointer; }
|
1794 |
+
.starbar .starbar-rating {
|
1795 |
+
color: #216a72;
|
1796 |
+
float: right;
|
1797 |
+
font-weight: bold;
|
1798 |
+
padding: 2px 5px 0 11px;
|
1799 |
+
-webkit-user-select: text;
|
1800 |
+
-moz-user-select: text;
|
1801 |
+
-ms-user-select: text;
|
1802 |
+
user-select: text;
|
1803 |
+
line-height: 1.1 \9; }
|
1804 |
+
|
1805 |
+
.sticker {
|
1806 |
+
color: white;
|
1807 |
+
position: relative;
|
1808 |
+
text-align: center;
|
1809 |
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }
|
1810 |
+
.sticker.percent {
|
1811 |
+
background: url("images/sticker/percent.png") 0 0 no-repeat;
|
1812 |
+
font: bold 42px "Helvetica Neue", Arial, sans-serif;
|
1813 |
+
height: 100px;
|
1814 |
+
letter-spacing: 1px;
|
1815 |
+
padding-top: 24px;
|
1816 |
+
width: 124px; }
|
1817 |
+
.sticker.pack {
|
1818 |
+
background: url("images/sticker/pack.png") 0 0 no-repeat;
|
1819 |
+
font: bold 38px "Helvetica Neue", Arial, sans-serif;
|
1820 |
+
height: 84px;
|
1821 |
+
padding-top: 13px;
|
1822 |
+
width: 97px; }
|
1823 |
+
.sticker.pack .sticker-label {
|
1824 |
+
background-color: #18657b;
|
1825 |
+
border-radius: 20px;
|
1826 |
+
font: bold 9px Arial, sans-serif;
|
1827 |
+
display: inline-block;
|
1828 |
+
letter-spacing: 1px;
|
1829 |
+
padding: 3px 10px;
|
1830 |
+
position: relative;
|
1831 |
+
text-transform: uppercase;
|
1832 |
+
top: -26px;
|
1833 |
+
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1834 |
+
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1835 |
+
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
|
1836 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1837 |
+
|
1838 |
+
.tabbox .ui-tabs-hide {
|
1839 |
+
display: none; }
|
1840 |
+
|
1841 |
+
.tabbox-tabs {
|
1842 |
+
color: #a8a8a8;
|
1843 |
+
font-size: 13px;
|
1844 |
+
overflow: hidden;
|
1845 |
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
|
1846 |
+
.tabbox-tabs li {
|
1847 |
+
border-radius: 10px 10px 0 0;
|
1848 |
+
cursor: pointer;
|
1849 |
+
float: left;
|
1850 |
+
margin-right: 3px;
|
1851 |
+
padding: 12px 60px 9px;
|
1852 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
1853 |
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
1854 |
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
1855 |
+
background: #4b4d51;
|
1856 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
1857 |
+
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
1858 |
+
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
1859 |
+
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
1860 |
+
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
1861 |
+
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
1862 |
+
-pie-background: linear-gradient(#5b5d62, #4b4d51);
|
1863 |
+
-webkit-user-select: none;
|
1864 |
+
-moz-user-select: none;
|
1865 |
+
-ms-user-select: none;
|
1866 |
+
user-select: none;
|
1867 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1868 |
+
.tabbox-tabs li:hover {
|
1869 |
+
background: #595a5f;
|
1870 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64656b), color-stop(100%, #595a5f));
|
1871 |
+
background-image: -webkit-linear-gradient(top, #64656b, #595a5f);
|
1872 |
+
background-image: -moz-linear-gradient(top, #64656b, #595a5f);
|
1873 |
+
background-image: -ms-linear-gradient(top, #64656b, #595a5f);
|
1874 |
+
background-image: -o-linear-gradient(top, #64656b, #595a5f);
|
1875 |
+
background-image: linear-gradient(top, #64656b, #595a5f);
|
1876 |
+
-pie-background: linear-gradient(#64656b, #595a5f); }
|
1877 |
+
.tabbox-tabs li:active {
|
1878 |
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
1879 |
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
1880 |
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 5px rgba(0, 0, 0, 0.4);
|
1881 |
+
background: #4b4d51;
|
1882 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5d62), color-stop(100%, #4b4d51));
|
1883 |
+
background-image: -webkit-linear-gradient(top, #5b5d62, #4b4d51);
|
1884 |
+
background-image: -moz-linear-gradient(top, #5b5d62, #4b4d51);
|
1885 |
+
background-image: -ms-linear-gradient(top, #5b5d62, #4b4d51);
|
1886 |
+
background-image: -o-linear-gradient(top, #5b5d62, #4b4d51);
|
1887 |
+
background-image: linear-gradient(top, #5b5d62, #4b4d51);
|
1888 |
+
-pie-background: linear-gradient(#5b5d62, #4b4d51); }
|
1889 |
+
.tabbox-tabs li.active {
|
1890 |
+
color: #404040;
|
1891 |
+
padding-bottom: 12px;
|
1892 |
+
text-shadow: 0 1px 0 white;
|
1893 |
+
-webkit-box-shadow: inset 0 1px white;
|
1894 |
+
-moz-box-shadow: inset 0 1px white;
|
1895 |
+
box-shadow: inset 0 1px white;
|
1896 |
+
background: #e5e5e5;
|
1897 |
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #e5e5e5));
|
1898 |
+
background-image: -webkit-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1899 |
+
background-image: -moz-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1900 |
+
background-image: -ms-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1901 |
+
background-image: -o-linear-gradient(top, #e7e7e7, #e5e5e5);
|
1902 |
+
background-image: linear-gradient(top, #e7e7e7, #e5e5e5);
|
1903 |
+
-pie-background: linear-gradient(#e7e7e7, #e5e5e5); }
|
1904 |
+
|
1905 |
+
.tabbox-stuff {
|
1906 |
+
background-color: #e5e5e5;
|
1907 |
+
border-radius: 0 10px 10px;
|
1908 |
+
padding: 14px;
|
1909 |
+
position: relative;
|
1910 |
+
behavior: url("javascripts/vendor/PIE.htc"); }
|
1911 |
+
|
1912 |
+
.tabbox-navigation {
|
1913 |
+
float: left;
|
1914 |
+
position: relative;
|
1915 |
+
width: 93px;
|
1916 |
+
z-index: 2; }
|
1917 |
+
.tabbox-navigation li {
|
1918 |
+
background-position: center center;
|
1919 |
+
background-repeat: no-repeat;
|
1920 |
+
cursor: pointer;
|
1921 |
+
height: 64px;
|
1922 |
+
position: relative;
|
1923 |
+
-webkit-user-select: none;
|
1924 |
+
-moz-user-select: none;
|
1925 |
+
-ms-user-select: none;
|
1926 |
+
user-select: none; }
|
1927 |
+
.tabbox-navigation li:hover {
|
1928 |
+
background-color: #f0f0f0;
|
1929 |
+
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
1930 |
+
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
|
1931 |
+
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }
|
1932 |
+
.tabbox-navigation li:active {
|
1933 |
+
background-color: #dddddd; }
|
1934 |
+
.tabbox-navigation li.ui-state-active {
|
1935 |
+
background-color: white;
|
1936 |
+
-webkit-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1937 |
+
-moz-box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1938 |
+
box-shadow: 8px 3px 5px -3px rgba(0, 0, 0, 0.4); }
|
1939 |
+
.tabbox-navigation li.archive {
|
1940 |
+
background-image: url("images/tabbox/navigation-archive.png"); }
|
1941 |
+
.tabbox-navigation li.messages {
|
1942 |
+
background-image: url("images/tabbox/navigation-messages.png"); }
|
1943 |
+
.tabbox-navigation li.cloud {
|
1944 |
+
background-image: url("images/tabbox/navigation-cloud.png"); }
|
1945 |
+
.tabbox-navigation li > a {
|
1946 |
+
display: block;
|
1947 |
+
height: 100%;
|
1948 |
+
position: absolute;
|
1949 |
+
width: 100%; }
|
1950 |
+
|
1951 |
+
.tabbox-content {
|
1952 |
+
background-color: white;
|
1953 |
+
min-height: 144px;
|
1954 |
+
padding: 24px 29px;
|
1955 |
+
position: relative;
|
1956 |
+
z-index: 3;
|
1957 |
+
-webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1958 |
+
-moz-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1959 |
+
box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.4);
|
1960 |
+
-webkit-user-select: text;
|
1961 |
+
-moz-user-select: text;
|
1962 |
+
-ms-user-select: text;
|
1963 |
+
user-select: text; }
|
1964 |
+
.tabbox-content .heading {
|
1965 |
+
border-bottom: 1px solid #e9e9e9;
|
1966 |
+
color: #686868;
|
1967 |
+
margin-bottom: 17px;
|
1968 |
+
padding-bottom: 15px;
|
1969 |
+
position: relative; }
|
1970 |
+
.tabbox-content .heading-col {
|
1971 |
+
display: inline-block;
|
1972 |
+
margin-right: 15px;
|
1973 |
+
vertical-align: baseline; }
|
1974 |
+
.tabbox-content .status-message {
|
1975 |
+
color: #999999;
|
1976 |
+
font: italic 11px Georgia, serif;
|
1977 |
+
padding-left: 10px; }
|
1978 |
+
.tabbox-content .status-message.positive {
|
1979 |
+
color: #9cc346; }
|
1980 |
+
.tabbox-content .status-message.negative {
|
1981 |
+
color: #c34646; }
|
1982 |
+
.tabbox-content .preloader {
|
1983 |
+
background: url("images/tabbox/preloader.gif") 0 0 no-repeat;
|
1984 |
+
height: 16px;
|
1985 |
+
margin-top: -13px;
|
1986 |
+
position: absolute;
|
1987 |
+
right: 0;
|
1988 |
+
top: 50%;
|
1989 |
+
width: 16px; }
|
1990 |
+
|
1991 |
+
.user-slug .slug-avatar {
|
1992 |
+
border: 4px solid #141517;
|
1993 |
+
border-radius: 2px;
|
1994 |
+
float: left;
|
1995 |
+
height: 29px;
|
1996 |
+
margin-right: 16px;
|
1997 |
+
-webkit-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1998 |
+
-moz-box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
1999 |
+
box-shadow: inset 0 1px 0 #0a0a0b, 0 1px 0 rgba(255, 255, 255, 0.06);
|
2000 |
+
-webkit-user-select: text;
|
2001 |
+
-moz-user-select: text;
|
2002 |
+
-ms-user-select: text;
|
2003 |
+
user-select: text; }
|
2004 |
+
.user-slug .slug-name {
|
2005 |
+
color: white;
|
2006 |
+
font-size: 12px;
|
2007 |
+
margin: 4px 0 3px; }
|
2008 |
+
.user-slug .slug-status {
|
2009 |
+
font: italic 11px Georgia, serif;
|
2010 |
+
padding-left: 16px;
|
2011 |
+
position: relative; }
|
2012 |
+
.user-slug .slug-status:before {
|
2013 |
+
border-radius: 50%;
|
2014 |
+
content: "";
|
2015 |
+
height: 4px;
|
2016 |
+
left: 3px;
|
2017 |
+
position: absolute;
|
2018 |
+
top: 4px;
|
2019 |
+
width: 4px; }
|
2020 |
+
.user-slug .slug-status.online {
|
2021 |
+
color: #96bd40; }
|
2022 |
+
.user-slug .slug-status.online:before {
|
2023 |
+
background-color: #98bf43; }
|
2024 |
+
.user-slug .slug-status.away {
|
2025 |
+
color: #999999; }
|
2026 |
+
.user-slug .slug-status.away:before {
|
2027 |
+
background-color: #999999; }
|
2028 |
+
|
2029 |
+
|
2030 |
+
|
2031 |
+
|
2032 |
+
|
admin/css/gutenberg_block.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1 |
-
/* Editor style */
|
2 |
-
.wp-block-ftg-gallery {
|
3 |
-
|
4 |
}
|
1 |
+
/* Editor style */
|
2 |
+
.wp-block-ftg-gallery {
|
3 |
+
|
4 |
}
|
admin/css/materialize.css
CHANGED
@@ -1,8706 +1,8706 @@
|
|
1 |
-
/*!
|
2 |
-
* Materialize v1.0.0 (http://materializecss.com)
|
3 |
-
* Copyright 2014-2017 Materialize
|
4 |
-
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
5 |
-
*/
|
6 |
-
.materialize-red {
|
7 |
-
background-color: #e51c23 !important;
|
8 |
-
}
|
9 |
-
|
10 |
-
.materialize-red-text {
|
11 |
-
color: #e51c23 !important;
|
12 |
-
}
|
13 |
-
|
14 |
-
.materialize-red.lighten-5 {
|
15 |
-
background-color: #fdeaeb !important;
|
16 |
-
}
|
17 |
-
|
18 |
-
.materialize-red-text.text-lighten-5 {
|
19 |
-
color: #fdeaeb !important;
|
20 |
-
}
|
21 |
-
|
22 |
-
.materialize-red.lighten-4 {
|
23 |
-
background-color: #f8c1c3 !important;
|
24 |
-
}
|
25 |
-
|
26 |
-
.materialize-red-text.text-lighten-4 {
|
27 |
-
color: #f8c1c3 !important;
|
28 |
-
}
|
29 |
-
|
30 |
-
.materialize-red.lighten-3 {
|
31 |
-
background-color: #f3989b !important;
|
32 |
-
}
|
33 |
-
|
34 |
-
.materialize-red-text.text-lighten-3 {
|
35 |
-
color: #f3989b !important;
|
36 |
-
}
|
37 |
-
|
38 |
-
.materialize-red.lighten-2 {
|
39 |
-
background-color: #ee6e73 !important;
|
40 |
-
}
|
41 |
-
|
42 |
-
.materialize-red-text.text-lighten-2 {
|
43 |
-
color: #ee6e73 !important;
|
44 |
-
}
|
45 |
-
|
46 |
-
.materialize-red.lighten-1 {
|
47 |
-
background-color: #ea454b !important;
|
48 |
-
}
|
49 |
-
|
50 |
-
.materialize-red-text.text-lighten-1 {
|
51 |
-
color: #ea454b !important;
|
52 |
-
}
|
53 |
-
|
54 |
-
.materialize-red.darken-1 {
|
55 |
-
background-color: #d0181e !important;
|
56 |
-
}
|
57 |
-
|
58 |
-
.materialize-red-text.text-darken-1 {
|
59 |
-
color: #d0181e !important;
|
60 |
-
}
|
61 |
-
|
62 |
-
.materialize-red.darken-2 {
|
63 |
-
background-color: #b9151b !important;
|
64 |
-
}
|
65 |
-
|
66 |
-
.materialize-red-text.text-darken-2 {
|
67 |
-
color: #b9151b !important;
|
68 |
-
}
|
69 |
-
|
70 |
-
.materialize-red.darken-3 {
|
71 |
-
background-color: #a21318 !important;
|
72 |
-
}
|
73 |
-
|
74 |
-
.materialize-red-text.text-darken-3 {
|
75 |
-
color: #a21318 !important;
|
76 |
-
}
|
77 |
-
|
78 |
-
.materialize-red.darken-4 {
|
79 |
-
background-color: #8b1014 !important;
|
80 |
-
}
|
81 |
-
|
82 |
-
.materialize-red-text.text-darken-4 {
|
83 |
-
color: #8b1014 !important;
|
84 |
-
}
|
85 |
-
|
86 |
-
.red {
|
87 |
-
background-color: #F44336 !important;
|
88 |
-
}
|
89 |
-
|
90 |
-
.red-text {
|
91 |
-
color: #F44336 !important;
|
92 |
-
}
|
93 |
-
|
94 |
-
.red.lighten-5 {
|
95 |
-
background-color: #FFEBEE !important;
|
96 |
-
}
|
97 |
-
|
98 |
-
.red-text.text-lighten-5 {
|
99 |
-
color: #FFEBEE !important;
|
100 |
-
}
|
101 |
-
|
102 |
-
.red.lighten-4 {
|
103 |
-
background-color: #FFCDD2 !important;
|
104 |
-
}
|
105 |
-
|
106 |
-
.red-text.text-lighten-4 {
|
107 |
-
color: #FFCDD2 !important;
|
108 |
-
}
|
109 |
-
|
110 |
-
.red.lighten-3 {
|
111 |
-
background-color: #EF9A9A !important;
|
112 |
-
}
|
113 |
-
|
114 |
-
.red-text.text-lighten-3 {
|
115 |
-
color: #EF9A9A !important;
|
116 |
-
}
|
117 |
-
|
118 |
-
.red.lighten-2 {
|
119 |
-
background-color: #E57373 !important;
|
120 |
-
}
|
121 |
-
|
122 |
-
.red-text.text-lighten-2 {
|
123 |
-
color: #E57373 !important;
|
124 |
-
}
|
125 |
-
|
126 |
-
.red.lighten-1 {
|
127 |
-
background-color: #EF5350 !important;
|
128 |
-
}
|
129 |
-
|
130 |
-
.red-text.text-lighten-1 {
|
131 |
-
color: #EF5350 !important;
|
132 |
-
}
|
133 |
-
|
134 |
-
.red.darken-1 {
|
135 |
-
background-color: #E53935 !important;
|
136 |
-
}
|
137 |
-
|
138 |
-
.red-text.text-darken-1 {
|
139 |
-
color: #E53935 !important;
|
140 |
-
}
|
141 |
-
|
142 |
-
.red.darken-2 {
|
143 |
-
background-color: #D32F2F !important;
|
144 |
-
}
|
145 |
-
|
146 |
-
.red-text.text-darken-2 {
|
147 |
-
color: #D32F2F !important;
|
148 |
-
}
|
149 |
-
|
150 |
-
.red.darken-3 {
|
151 |
-
background-color: #C62828 !important;
|
152 |
-
}
|
153 |
-
|
154 |
-
.red-text.text-darken-3 {
|
155 |
-
color: #C62828 !important;
|
156 |
-
}
|
157 |
-
|
158 |
-
.red.darken-4 {
|
159 |
-
background-color: #B71C1C !important;
|
160 |
-
}
|
161 |
-
|
162 |
-
.red-text.text-darken-4 {
|
163 |
-
color: #B71C1C !important;
|
164 |
-
}
|
165 |
-
|
166 |
-
.red.accent-1 {
|
167 |
-
background-color: #FF8A80 !important;
|
168 |
-
}
|
169 |
-
|
170 |
-
.red-text.text-accent-1 {
|
171 |
-
color: #FF8A80 !important;
|
172 |
-
}
|
173 |
-
|
174 |
-
.red.accent-2 {
|
175 |
-
background-color: #FF5252 !important;
|
176 |
-
}
|
177 |
-
|
178 |
-
.red-text.text-accent-2 {
|
179 |
-
color: #FF5252 !important;
|
180 |
-
}
|
181 |
-
|
182 |
-
.red.accent-3 {
|
183 |
-
background-color: #FF1744 !important;
|
184 |
-
}
|
185 |
-
|
186 |
-
.red-text.text-accent-3 {
|
187 |
-
color: #FF1744 !important;
|
188 |
-
}
|
189 |
-
|
190 |
-
.red.accent-4 {
|
191 |
-
background-color: #D50000 !important;
|
192 |
-
}
|
193 |
-
|
194 |
-
.red-text.text-accent-4 {
|
195 |
-
color: #D50000 !important;
|
196 |
-
}
|
197 |
-
|
198 |
-
.pink {
|
199 |
-
background-color: #e91e63 !important;
|
200 |
-
}
|
201 |
-
|
202 |
-
.pink-text {
|
203 |
-
color: #e91e63 !important;
|
204 |
-
}
|
205 |
-
|
206 |
-
.pink.lighten-5 {
|
207 |
-
background-color: #fce4ec !important;
|
208 |
-
}
|
209 |
-
|
210 |
-
.pink-text.text-lighten-5 {
|
211 |
-
color: #fce4ec !important;
|
212 |
-
}
|
213 |
-
|
214 |
-
.pink.lighten-4 {
|
215 |
-
background-color: #f8bbd0 !important;
|
216 |
-
}
|
217 |
-
|
218 |
-
.pink-text.text-lighten-4 {
|
219 |
-
color: #f8bbd0 !important;
|
220 |
-
}
|
221 |
-
|
222 |
-
.pink.lighten-3 {
|
223 |
-
background-color: #f48fb1 !important;
|
224 |
-
}
|
225 |
-
|
226 |
-
.pink-text.text-lighten-3 {
|
227 |
-
color: #f48fb1 !important;
|
228 |
-
}
|
229 |
-
|
230 |
-
.pink.lighten-2 {
|
231 |
-
background-color: #f06292 !important;
|
232 |
-
}
|
233 |
-
|
234 |
-
.pink-text.text-lighten-2 {
|
235 |
-
color: #f06292 !important;
|
236 |
-
}
|
237 |
-
|
238 |
-
.pink.lighten-1 {
|
239 |
-
background-color: #ec407a !important;
|
240 |
-
}
|
241 |
-
|
242 |
-
.pink-text.text-lighten-1 {
|
243 |
-
color: #ec407a !important;
|
244 |
-
}
|
245 |
-
|
246 |
-
.pink.darken-1 {
|
247 |
-
background-color: #d81b60 !important;
|
248 |
-
}
|
249 |
-
|
250 |
-
.pink-text.text-darken-1 {
|
251 |
-
color: #d81b60 !important;
|
252 |
-
}
|
253 |
-
|
254 |
-
.pink.darken-2 {
|
255 |
-
background-color: #c2185b !important;
|
256 |
-
}
|
257 |
-
|
258 |
-
.pink-text.text-darken-2 {
|
259 |
-
color: #c2185b !important;
|
260 |
-
}
|
261 |
-
|
262 |
-
.pink.darken-3 {
|
263 |
-
background-color: #ad1457 !important;
|
264 |
-
}
|
265 |
-
|
266 |
-
.pink-text.text-darken-3 {
|
267 |
-
color: #ad1457 !important;
|
268 |
-
}
|
269 |
-
|
270 |
-
.pink.darken-4 {
|
271 |
-
background-color: #880e4f !important;
|
272 |
-
}
|
273 |
-
|
274 |
-
.pink-text.text-darken-4 {
|
275 |
-
color: #880e4f !important;
|
276 |
-
}
|
277 |
-
|
278 |
-
.pink.accent-1 {
|
279 |
-
background-color: #ff80ab !important;
|
280 |
-
}
|
281 |
-
|
282 |
-
.pink-text.text-accent-1 {
|
283 |
-
color: #ff80ab !important;
|
284 |
-
}
|
285 |
-
|
286 |
-
.pink.accent-2 {
|
287 |
-
background-color: #ff4081 !important;
|
288 |
-
}
|
289 |
-
|
290 |
-
.pink-text.text-accent-2 {
|
291 |
-
color: #ff4081 !important;
|
292 |
-
}
|
293 |
-
|
294 |
-
.pink.accent-3 {
|
295 |
-
background-color: #f50057 !important;
|
296 |
-
}
|
297 |
-
|
298 |
-
.pink-text.text-accent-3 {
|
299 |
-
color: #f50057 !important;
|
300 |
-
}
|
301 |
-
|
302 |
-
.pink.accent-4 {
|
303 |
-
background-color: #c51162 !important;
|
304 |
-
}
|
305 |
-
|
306 |
-
.pink-text.text-accent-4 {
|
307 |
-
color: #c51162 !important;
|
308 |
-
}
|
309 |
-
|
310 |
-
.purple {
|
311 |
-
background-color: #9c27b0 !important;
|
312 |
-
}
|
313 |
-
|
314 |
-
.purple-text {
|
315 |
-
color: #9c27b0 !important;
|
316 |
-
}
|
317 |
-
|
318 |
-
.purple.lighten-5 {
|
319 |
-
background-color: #f3e5f5 !important;
|
320 |
-
}
|
321 |
-
|
322 |
-
.purple-text.text-lighten-5 {
|
323 |
-
color: #f3e5f5 !important;
|
324 |
-
}
|
325 |
-
|
326 |
-
.purple.lighten-4 {
|
327 |
-
background-color: #e1bee7 !important;
|
328 |
-
}
|
329 |
-
|
330 |
-
.purple-text.text-lighten-4 {
|
331 |
-
color: #e1bee7 !important;
|
332 |
-
}
|
333 |
-
|
334 |
-
.purple.lighten-3 {
|
335 |
-
background-color: #ce93d8 !important;
|
336 |
-
}
|
337 |
-
|
338 |
-
.purple-text.text-lighten-3 {
|
339 |
-
color: #ce93d8 !important;
|
340 |
-
}
|
341 |
-
|
342 |
-
.purple.lighten-2 {
|
343 |
-
background-color: #ba68c8 !important;
|
344 |
-
}
|
345 |
-
|
346 |
-
.purple-text.text-lighten-2 {
|
347 |
-
color: #ba68c8 !important;
|
348 |
-
}
|
349 |
-
|
350 |
-
.purple.lighten-1 {
|
351 |
-
background-color: #ab47bc !important;
|
352 |
-
}
|
353 |
-
|
354 |
-
.purple-text.text-lighten-1 {
|
355 |
-
color: #ab47bc !important;
|
356 |
-
}
|
357 |
-
|
358 |
-
.purple.darken-1 {
|
359 |
-
background-color: #8e24aa !important;
|
360 |
-
}
|
361 |
-
|
362 |
-
.purple-text.text-darken-1 {
|
363 |
-
color: #8e24aa !important;
|
364 |
-
}
|
365 |
-
|
366 |
-
.purple.darken-2 {
|
367 |
-
background-color: #7b1fa2 !important;
|
368 |
-
}
|
369 |
-
|
370 |
-
.purple-text.text-darken-2 {
|
371 |
-
color: #7b1fa2 !important;
|
372 |
-
}
|
373 |
-
|
374 |
-
.purple.darken-3 {
|
375 |
-
background-color: #6a1b9a !important;
|
376 |
-
}
|
377 |
-
|
378 |
-
.purple-text.text-darken-3 {
|
379 |
-
color: #6a1b9a !important;
|
380 |
-
}
|
381 |
-
|
382 |
-
.purple.darken-4 {
|
383 |
-
background-color: #4a148c !important;
|
384 |
-
}
|
385 |
-
|
386 |
-
.purple-text.text-darken-4 {
|
387 |
-
color: #4a148c !important;
|
388 |
-
}
|
389 |
-
|
390 |
-
.purple.accent-1 {
|
391 |
-
background-color: #ea80fc !important;
|
392 |
-
}
|
393 |
-
|
394 |
-
.purple-text.text-accent-1 {
|
395 |
-
color: #ea80fc !important;
|
396 |
-
}
|
397 |
-
|
398 |
-
.purple.accent-2 {
|
399 |
-
background-color: #e040fb !important;
|
400 |
-
}
|
401 |
-
|
402 |
-
.purple-text.text-accent-2 {
|
403 |
-
color: #e040fb !important;
|
404 |
-
}
|
405 |
-
|
406 |
-
.purple.accent-3 {
|
407 |
-
background-color: #d500f9 !important;
|
408 |
-
}
|
409 |
-
|
410 |
-
.purple-text.text-accent-3 {
|
411 |
-
color: #d500f9 !important;
|
412 |
-
}
|
413 |
-
|
414 |
-
.purple.accent-4 {
|
415 |
-
background-color: #aa00ff !important;
|
416 |
-
}
|
417 |
-
|
418 |
-
.purple-text.text-accent-4 {
|
419 |
-
color: #aa00ff !important;
|
420 |
-
}
|
421 |
-
|
422 |
-
.deep-purple {
|
423 |
-
background-color: #673ab7 !important;
|
424 |
-
}
|
425 |
-
|
426 |
-
.deep-purple-text {
|
427 |
-
color: #673ab7 !important;
|
428 |
-
}
|
429 |
-
|
430 |
-
.deep-purple.lighten-5 {
|
431 |
-
background-color: #ede7f6 !important;
|
432 |
-
}
|
433 |
-
|
434 |
-
.deep-purple-text.text-lighten-5 {
|
435 |
-
color: #ede7f6 !important;
|
436 |
-
}
|
437 |
-
|
438 |
-
.deep-purple.lighten-4 {
|
439 |
-
background-color: #d1c4e9 !important;
|
440 |
-
}
|
441 |
-
|
442 |
-
.deep-purple-text.text-lighten-4 {
|
443 |
-
color: #d1c4e9 !important;
|
444 |
-
}
|
445 |
-
|
446 |
-
.deep-purple.lighten-3 {
|
447 |
-
background-color: #b39ddb !important;
|
448 |
-
}
|
449 |
-
|
450 |
-
.deep-purple-text.text-lighten-3 {
|
451 |
-
color: #b39ddb !important;
|
452 |
-
}
|
453 |
-
|
454 |
-
.deep-purple.lighten-2 {
|
455 |
-
background-color: #9575cd !important;
|
456 |
-
}
|
457 |
-
|
458 |
-
.deep-purple-text.text-lighten-2 {
|
459 |
-
color: #9575cd !important;
|
460 |
-
}
|
461 |
-
|
462 |
-
.deep-purple.lighten-1 {
|
463 |
-
background-color: #7e57c2 !important;
|
464 |
-
}
|
465 |
-
|
466 |
-
.deep-purple-text.text-lighten-1 {
|
467 |
-
color: #7e57c2 !important;
|
468 |
-
}
|
469 |
-
|
470 |
-
.deep-purple.darken-1 {
|
471 |
-
background-color: #5e35b1 !important;
|
472 |
-
}
|
473 |
-
|
474 |
-
.deep-purple-text.text-darken-1 {
|
475 |
-
color: #5e35b1 !important;
|
476 |
-
}
|
477 |
-
|
478 |
-
.deep-purple.darken-2 {
|
479 |
-
background-color: #512da8 !important;
|
480 |
-
}
|
481 |
-
|
482 |
-
.deep-purple-text.text-darken-2 {
|
483 |
-
color: #512da8 !important;
|
484 |
-
}
|
485 |
-
|
486 |
-
.deep-purple.darken-3 {
|
487 |
-
background-color: #4527a0 !important;
|
488 |
-
}
|
489 |
-
|
490 |
-
.deep-purple-text.text-darken-3 {
|
491 |
-
color: #4527a0 !important;
|
492 |
-
}
|
493 |
-
|
494 |
-
.deep-purple.darken-4 {
|
495 |
-
background-color: #311b92 !important;
|
496 |
-
}
|
497 |
-
|
498 |
-
.deep-purple-text.text-darken-4 {
|
499 |
-
color: #311b92 !important;
|
500 |
-
}
|
501 |
-
|
502 |
-
.deep-purple.accent-1 {
|
503 |
-
background-color: #b388ff !important;
|
504 |
-
}
|
505 |
-
|
506 |
-
.deep-purple-text.text-accent-1 {
|
507 |
-
color: #b388ff !important;
|
508 |
-
}
|
509 |
-
|
510 |
-
.deep-purple.accent-2 {
|
511 |
-
background-color: #7c4dff !important;
|
512 |
-
}
|
513 |
-
|
514 |
-
.deep-purple-text.text-accent-2 {
|
515 |
-
color: #7c4dff !important;
|
516 |
-
}
|
517 |
-
|
518 |
-
.deep-purple.accent-3 {
|
519 |
-
background-color: #651fff !important;
|
520 |
-
}
|
521 |
-
|
522 |
-
.deep-purple-text.text-accent-3 {
|
523 |
-
color: #651fff !important;
|
524 |
-
}
|
525 |
-
|
526 |
-
.deep-purple.accent-4 {
|
527 |
-
background-color: #6200ea !important;
|
528 |
-
}
|
529 |
-
|
530 |
-
.deep-purple-text.text-accent-4 {
|
531 |
-
color: #6200ea !important;
|
532 |
-
}
|
533 |
-
|
534 |
-
.indigo {
|
535 |
-
background-color: #3f51b5 !important;
|
536 |
-
}
|
537 |
-
|
538 |
-
.indigo-text {
|
539 |
-
color: #3f51b5 !important;
|
540 |
-
}
|
541 |
-
|
542 |
-
.indigo.lighten-5 {
|
543 |
-
background-color: #e8eaf6 !important;
|
544 |
-
}
|
545 |
-
|
546 |
-
.indigo-text.text-lighten-5 {
|
547 |
-
color: #e8eaf6 !important;
|
548 |
-
}
|
549 |
-
|
550 |
-
.indigo.lighten-4 {
|
551 |
-
background-color: #c5cae9 !important;
|
552 |
-
}
|
553 |
-
|
554 |
-
.indigo-text.text-lighten-4 {
|
555 |
-
color: #c5cae9 !important;
|
556 |
-
}
|
557 |
-
|
558 |
-
.indigo.lighten-3 {
|
559 |
-
background-color: #9fa8da !important;
|
560 |
-
}
|
561 |
-
|
562 |
-
.indigo-text.text-lighten-3 {
|
563 |
-
color: #9fa8da !important;
|
564 |
-
}
|
565 |
-
|
566 |
-
.indigo.lighten-2 {
|
567 |
-
background-color: #7986cb !important;
|
568 |
-
}
|
569 |
-
|
570 |
-
.indigo-text.text-lighten-2 {
|
571 |
-
color: #7986cb !important;
|
572 |
-
}
|
573 |
-
|
574 |
-
.indigo.lighten-1 {
|
575 |
-
background-color: #5c6bc0 !important;
|
576 |
-
}
|
577 |
-
|
578 |
-
.indigo-text.text-lighten-1 {
|
579 |
-
color: #5c6bc0 !important;
|
580 |
-
}
|
581 |
-
|
582 |
-
.indigo.darken-1 {
|
583 |
-
background-color: #3949ab !important;
|
584 |
-
}
|
585 |
-
|
586 |
-
.indigo-text.text-darken-1 {
|
587 |
-
color: #3949ab !important;
|
588 |
-
}
|
589 |
-
|
590 |
-
.indigo.darken-2 {
|
591 |
-
background-color: #303f9f !important;
|
592 |
-
}
|
593 |
-
|
594 |
-
.indigo-text.text-darken-2 {
|
595 |
-
color: #303f9f !important;
|
596 |
-
}
|
597 |
-
|
598 |
-
.indigo.darken-3 {
|
599 |
-
background-color: #283593 !important;
|
600 |
-
}
|
601 |
-
|
602 |
-
.indigo-text.text-darken-3 {
|
603 |
-
color: #283593 !important;
|
604 |
-
}
|
605 |
-
|
606 |
-
.indigo.darken-4 {
|
607 |
-
background-color: #1a237e !important;
|
608 |
-
}
|
609 |
-
|
610 |
-
.indigo-text.text-darken-4 {
|
611 |
-
color: #1a237e !important;
|
612 |
-
}
|
613 |
-
|
614 |
-
.indigo.accent-1 {
|
615 |
-
background-color: #8c9eff !important;
|
616 |
-
}
|
617 |
-
|
618 |
-
.indigo-text.text-accent-1 {
|
619 |
-
color: #8c9eff !important;
|
620 |
-
}
|
621 |
-
|
622 |
-
.indigo.accent-2 {
|
623 |
-
background-color: #536dfe !important;
|
624 |
-
}
|
625 |
-
|
626 |
-
.indigo-text.text-accent-2 {
|
627 |
-
color: #536dfe !important;
|
628 |
-
}
|
629 |
-
|
630 |
-
.indigo.accent-3 {
|
631 |
-
background-color: #3d5afe !important;
|
632 |
-
}
|
633 |
-
|
634 |
-
.indigo-text.text-accent-3 {
|
635 |
-
color: #3d5afe !important;
|
636 |
-
}
|
637 |
-
|
638 |
-
.indigo.accent-4 {
|
639 |
-
background-color: #304ffe !important;
|
640 |
-
}
|
641 |
-
|
642 |
-
.indigo-text.text-accent-4 {
|
643 |
-
color: #304ffe !important;
|
644 |
-
}
|
645 |
-
|
646 |
-
.blue {
|
647 |
-
background-color: #2196F3 !important;
|
648 |
-
}
|
649 |
-
|
650 |
-
.blue-text {
|
651 |
-
color: #2196F3 !important;
|
652 |
-
}
|
653 |
-
|
654 |
-
.blue.lighten-5 {
|
655 |
-
background-color: #E3F2FD !important;
|
656 |
-
}
|
657 |
-
|
658 |
-
.blue-text.text-lighten-5 {
|
659 |
-
color: #E3F2FD !important;
|
660 |
-
}
|
661 |
-
|
662 |
-
.blue.lighten-4 {
|
663 |
-
background-color: #BBDEFB !important;
|
664 |
-
}
|
665 |
-
|
666 |
-
.blue-text.text-lighten-4 {
|
667 |
-
color: #BBDEFB !important;
|
668 |
-
}
|
669 |
-
|
670 |
-
.blue.lighten-3 {
|
671 |
-
background-color: #90CAF9 !important;
|
672 |
-
}
|
673 |
-
|
674 |
-
.blue-text.text-lighten-3 {
|
675 |
-
color: #90CAF9 !important;
|
676 |
-
}
|
677 |
-
|
678 |
-
.blue.lighten-2 {
|
679 |
-
background-color: #64B5F6 !important;
|
680 |
-
}
|
681 |
-
|
682 |
-
.blue-text.text-lighten-2 {
|
683 |
-
color: #64B5F6 !important;
|
684 |
-
}
|
685 |
-
|
686 |
-
.blue.lighten-1 {
|
687 |
-
background-color: #42A5F5 !important;
|
688 |
-
}
|
689 |
-
|
690 |
-
.blue-text.text-lighten-1 {
|
691 |
-
color: #42A5F5 !important;
|
692 |
-
}
|
693 |
-
|
694 |
-
.blue.darken-1 {
|
695 |
-
background-color: #1E88E5 !important;
|
696 |
-
}
|
697 |
-
|
698 |
-
.blue-text.text-darken-1 {
|
699 |
-
color: #1E88E5 !important;
|
700 |
-
}
|
701 |
-
|
702 |
-
.blue.darken-2 {
|
703 |
-
background-color: #1976D2 !important;
|
704 |
-
}
|
705 |
-
|
706 |
-
.blue-text.text-darken-2 {
|
707 |
-
color: #1976D2 !important;
|
708 |
-
}
|
709 |
-
|
710 |
-
.blue.darken-3 {
|
711 |
-
background-color: #1565C0 !important;
|
712 |
-
}
|
713 |
-
|
714 |
-
.blue-text.text-darken-3 {
|
715 |
-
color: #1565C0 !important;
|
716 |
-
}
|
717 |
-
|
718 |
-
.blue.darken-4 {
|
719 |
-
background-color: #0D47A1 !important;
|
720 |
-
}
|
721 |
-
|
722 |
-
.blue-text.text-darken-4 {
|
723 |
-
color: #0D47A1 !important;
|
724 |
-
}
|
725 |
-
|
726 |
-
.blue.accent-1 {
|
727 |
-
background-color: #82B1FF !important;
|
728 |
-
}
|
729 |
-
|
730 |
-
.blue-text.text-accent-1 {
|
731 |
-
color: #82B1FF !important;
|
732 |
-
}
|
733 |
-
|
734 |
-
.blue.accent-2 {
|
735 |
-
background-color: #448AFF !important;
|
736 |
-
}
|
737 |
-
|
738 |
-
.blue-text.text-accent-2 {
|
739 |
-
color: #448AFF !important;
|
740 |
-
}
|
741 |
-
|
742 |
-
.blue.accent-3 {
|
743 |
-
background-color: #2979FF !important;
|
744 |
-
}
|
745 |
-
|
746 |
-
.blue-text.text-accent-3 {
|
747 |
-
color: #2979FF !important;
|
748 |
-
}
|
749 |
-
|
750 |
-
.blue.accent-4 {
|
751 |
-
background-color: #2962FF !important;
|
752 |
-
}
|
753 |
-
|
754 |
-
.blue-text.text-accent-4 {
|
755 |
-
color: #2962FF !important;
|
756 |
-
}
|
757 |
-
|
758 |
-
.light-blue {
|
759 |
-
background-color: #03a9f4 !important;
|
760 |
-
}
|
761 |
-
|
762 |
-
.light-blue-text {
|
763 |
-
color: #03a9f4 !important;
|
764 |
-
}
|
765 |
-
|
766 |
-
.light-blue.lighten-5 {
|
767 |
-
background-color: #e1f5fe !important;
|
768 |
-
}
|
769 |
-
|
770 |
-
.light-blue-text.text-lighten-5 {
|
771 |
-
color: #e1f5fe !important;
|
772 |
-
}
|
773 |
-
|
774 |
-
.light-blue.lighten-4 {
|
775 |
-
background-color: #b3e5fc !important;
|
776 |
-
}
|
777 |
-
|
778 |
-
.light-blue-text.text-lighten-4 {
|
779 |
-
color: #b3e5fc !important;
|
780 |
-
}
|
781 |
-
|
782 |
-
.light-blue.lighten-3 {
|
783 |
-
background-color: #81d4fa !important;
|
784 |
-
}
|
785 |
-
|
786 |
-
.light-blue-text.text-lighten-3 {
|
787 |
-
color: #81d4fa !important;
|
788 |
-
}
|
789 |
-
|
790 |
-
.light-blue.lighten-2 {
|
791 |
-
background-color: #4fc3f7 !important;
|
792 |
-
}
|
793 |
-
|
794 |
-
.light-blue-text.text-lighten-2 {
|
795 |
-
color: #4fc3f7 !important;
|
796 |
-
}
|
797 |
-
|
798 |
-
.light-blue.lighten-1 {
|
799 |
-
background-color: #29b6f6 !important;
|
800 |
-
}
|
801 |
-
|
802 |
-
.light-blue-text.text-lighten-1 {
|
803 |
-
color: #29b6f6 !important;
|
804 |
-
}
|
805 |
-
|
806 |
-
.light-blue.darken-1 {
|
807 |
-
background-color: #039be5 !important;
|
808 |
-
}
|
809 |
-
|
810 |
-
.light-blue-text.text-darken-1 {
|
811 |
-
color: #039be5 !important;
|
812 |
-
}
|
813 |
-
|
814 |
-
.light-blue.darken-2 {
|
815 |
-
background-color: #0288d1 !important;
|
816 |
-
}
|
817 |
-
|
818 |
-
.light-blue-text.text-darken-2 {
|
819 |
-
color: #0288d1 !important;
|
820 |
-
}
|
821 |
-
|
822 |
-
.light-blue.darken-3 {
|
823 |
-
background-color: #0277bd !important;
|
824 |
-
}
|
825 |
-
|
826 |
-
.light-blue-text.text-darken-3 {
|
827 |
-
color: #0277bd !important;
|
828 |
-
}
|
829 |
-
|
830 |
-
.light-blue.darken-4 {
|
831 |
-
background-color: #01579b !important;
|
832 |
-
}
|
833 |
-
|
834 |
-
.light-blue-text.text-darken-4 {
|
835 |
-
color: #01579b !important;
|
836 |
-
}
|
837 |
-
|
838 |
-
.light-blue.accent-1 {
|
839 |
-
background-color: #80d8ff !important;
|
840 |
-
}
|
841 |
-
|
842 |
-
.light-blue-text.text-accent-1 {
|
843 |
-
color: #80d8ff !important;
|
844 |
-
}
|
845 |
-
|
846 |
-
.light-blue.accent-2 {
|
847 |
-
background-color: #40c4ff !important;
|
848 |
-
}
|
849 |
-
|
850 |
-
.light-blue-text.text-accent-2 {
|
851 |
-
color: #40c4ff !important;
|
852 |
-
}
|
853 |
-
|
854 |
-
.light-blue.accent-3 {
|
855 |
-
background-color: #00b0ff !important;
|
856 |
-
}
|
857 |
-
|
858 |
-
.light-blue-text.text-accent-3 {
|
859 |
-
color: #00b0ff !important;
|
860 |
-
}
|
861 |
-
|
862 |
-
.light-blue.accent-4 {
|
863 |
-
background-color: #0091ea !important;
|
864 |
-
}
|
865 |
-
|
866 |
-
.light-blue-text.text-accent-4 {
|
867 |
-
color: #0091ea !important;
|
868 |
-
}
|
869 |
-
|
870 |
-
.cyan {
|
871 |
-
background-color: #00bcd4 !important;
|
872 |
-
}
|
873 |
-
|
874 |
-
.cyan-text {
|
875 |
-
color: #00bcd4 !important;
|
876 |
-
}
|
877 |
-
|
878 |
-
.cyan.lighten-5 {
|
879 |
-
background-color: #e0f7fa !important;
|
880 |
-
}
|
881 |
-
|
882 |
-
.cyan-text.text-lighten-5 {
|
883 |
-
color: #e0f7fa !important;
|
884 |
-
}
|
885 |
-
|
886 |
-
.cyan.lighten-4 {
|
887 |
-
background-color: #b2ebf2 !important;
|
888 |
-
}
|
889 |
-
|
890 |
-
.cyan-text.text-lighten-4 {
|
891 |
-
color: #b2ebf2 !important;
|
892 |
-
}
|
893 |
-
|
894 |
-
.cyan.lighten-3 {
|
895 |
-
background-color: #80deea !important;
|
896 |
-
}
|
897 |
-
|
898 |
-
.cyan-text.text-lighten-3 {
|
899 |
-
color: #80deea !important;
|
900 |
-
}
|
901 |
-
|
902 |
-
.cyan.lighten-2 {
|
903 |
-
background-color: #4dd0e1 !important;
|
904 |
-
}
|
905 |
-
|
906 |
-
.cyan-text.text-lighten-2 {
|
907 |
-
color: #4dd0e1 !important;
|
908 |
-
}
|
909 |
-
|
910 |
-
.cyan.lighten-1 {
|
911 |
-
background-color: #26c6da !important;
|
912 |
-
}
|
913 |
-
|
914 |
-
.cyan-text.text-lighten-1 {
|
915 |
-
color: #26c6da !important;
|
916 |
-
}
|
917 |
-
|
918 |
-
.cyan.darken-1 {
|
919 |
-
background-color: #00acc1 !important;
|
920 |
-
}
|
921 |
-
|
922 |
-
.cyan-text.text-darken-1 {
|
923 |
-
color: #00acc1 !important;
|
924 |
-
}
|
925 |
-
|
926 |
-
.cyan.darken-2 {
|
927 |
-
background-color: #0097a7 !important;
|
928 |
-
}
|
929 |
-
|
930 |
-
.cyan-text.text-darken-2 {
|
931 |
-
color: #0097a7 !important;
|
932 |
-
}
|
933 |
-
|
934 |
-
.cyan.darken-3 {
|
935 |
-
background-color: #00838f !important;
|
936 |
-
}
|
937 |
-
|
938 |
-
.cyan-text.text-darken-3 {
|
939 |
-
color: #00838f !important;
|
940 |
-
}
|
941 |
-
|
942 |
-
.cyan.darken-4 {
|
943 |
-
background-color: #006064 !important;
|
944 |
-
}
|
945 |
-
|
946 |
-
.cyan-text.text-darken-4 {
|
947 |
-
color: #006064 !important;
|
948 |
-
}
|
949 |
-
|
950 |
-
.cyan.accent-1 {
|
951 |
-
background-color: #84ffff !important;
|
952 |
-
}
|
953 |
-
|
954 |
-
.cyan-text.text-accent-1 {
|
955 |
-
color: #84ffff !important;
|
956 |
-
}
|
957 |
-
|
958 |
-
.cyan.accent-2 {
|
959 |
-
background-color: #18ffff !important;
|
960 |
-
}
|
961 |
-
|
962 |
-
.cyan-text.text-accent-2 {
|
963 |
-
color: #18ffff !important;
|
964 |
-
}
|
965 |
-
|
966 |
-
.cyan.accent-3 {
|
967 |
-
background-color: #00e5ff !important;
|
968 |
-
}
|
969 |
-
|
970 |
-
.cyan-text.text-accent-3 {
|
971 |
-
color: #00e5ff !important;
|
972 |
-
}
|
973 |
-
|
974 |
-
.cyan.accent-4 {
|
975 |
-
background-color: #00b8d4 !important;
|
976 |
-
}
|
977 |
-
|
978 |
-
.cyan-text.text-accent-4 {
|
979 |
-
color: #00b8d4 !important;
|
980 |
-
}
|
981 |
-
|
982 |
-
.teal {
|
983 |
-
background-color: #009688 !important;
|
984 |
-
}
|
985 |
-
|
986 |
-
.teal-text {
|
987 |
-
color: #009688 !important;
|
988 |
-
}
|
989 |
-
|
990 |
-
.teal.lighten-5 {
|
991 |
-
background-color: #e0f2f1 !important;
|
992 |
-
}
|
993 |
-
|
994 |
-
.teal-text.text-lighten-5 {
|
995 |
-
color: #e0f2f1 !important;
|
996 |
-
}
|
997 |
-
|
998 |
-
.teal.lighten-4 {
|
999 |
-
background-color: #b2dfdb !important;
|
1000 |
-
}
|
1001 |
-
|
1002 |
-
.teal-text.text-lighten-4 {
|
1003 |
-
color: #b2dfdb !important;
|
1004 |
-
}
|
1005 |
-
|
1006 |
-
.teal.lighten-3 {
|
1007 |
-
background-color: #80cbc4 !important;
|
1008 |
-
}
|
1009 |
-
|
1010 |
-
.teal-text.text-lighten-3 {
|
1011 |
-
color: #80cbc4 !important;
|
1012 |
-
}
|
1013 |
-
|
1014 |
-
.teal.lighten-2 {
|
1015 |
-
background-color: #4db6ac !important;
|
1016 |
-
}
|
1017 |
-
|
1018 |
-
.teal-text.text-lighten-2 {
|
1019 |
-
color: #4db6ac !important;
|
1020 |
-
}
|
1021 |
-
|
1022 |
-
.teal.lighten-1 {
|
1023 |
-
background-color: #26a69a !important;
|
1024 |
-
}
|
1025 |
-
|
1026 |
-
.teal-text.text-lighten-1 {
|
1027 |
-
color: #26a69a !important;
|
1028 |
-
}
|
1029 |
-
|
1030 |
-
.teal.darken-1 {
|
1031 |
-
background-color: #00897b !important;
|
1032 |
-
}
|
1033 |
-
|
1034 |
-
.teal-text.text-darken-1 {
|
1035 |
-
color: #00897b !important;
|
1036 |
-
}
|
1037 |
-
|
1038 |
-
.teal.darken-2 {
|
1039 |
-
background-color: #00796b !important;
|
1040 |
-
}
|
1041 |
-
|
1042 |
-
.teal-text.text-darken-2 {
|
1043 |
-
color: #00796b !important;
|
1044 |
-
}
|
1045 |
-
|
1046 |
-
.teal.darken-3 {
|
1047 |
-
background-color: #00695c !important;
|
1048 |
-
}
|
1049 |
-
|
1050 |
-
.teal-text.text-darken-3 {
|
1051 |
-
color: #00695c !important;
|
1052 |
-
}
|
1053 |
-
|
1054 |
-
.teal.darken-4 {
|
1055 |
-
background-color: #004d40 !important;
|
1056 |
-
}
|
1057 |
-
|
1058 |
-
.teal-text.text-darken-4 {
|
1059 |
-
color: #004d40 !important;
|
1060 |
-
}
|
1061 |
-
|
1062 |
-
.teal.accent-1 {
|
1063 |
-
background-color: #a7ffeb !important;
|
1064 |
-
}
|
1065 |
-
|
1066 |
-
.teal-text.text-accent-1 {
|
1067 |
-
color: #a7ffeb !important;
|
1068 |
-
}
|
1069 |
-
|
1070 |
-
.teal.accent-2 {
|
1071 |
-
background-color: #64ffda !important;
|
1072 |
-
}
|
1073 |
-
|
1074 |
-
.teal-text.text-accent-2 {
|
1075 |
-
color: #64ffda !important;
|
1076 |
-
}
|
1077 |
-
|
1078 |
-
.teal.accent-3 {
|
1079 |
-
background-color: #1de9b6 !important;
|
1080 |
-
}
|
1081 |
-
|
1082 |
-
.teal-text.text-accent-3 {
|
1083 |
-
color: #1de9b6 !important;
|
1084 |
-
}
|
1085 |
-
|
1086 |
-
.teal.accent-4 {
|
1087 |
-
background-color: #00bfa5 !important;
|
1088 |
-
}
|
1089 |
-
|
1090 |
-
.teal-text.text-accent-4 {
|
1091 |
-
color: #00bfa5 !important;
|
1092 |
-
}
|
1093 |
-
|
1094 |
-
.green {
|
1095 |
-
background-color: #4CAF50 !important;
|
1096 |
-
}
|
1097 |
-
|
1098 |
-
.green-text {
|
1099 |
-
color: #4CAF50 !important;
|
1100 |
-
}
|
1101 |
-
|
1102 |
-
.green.lighten-5 {
|
1103 |
-
background-color: #E8F5E9 !important;
|
1104 |
-
}
|
1105 |
-
|
1106 |
-
.green-text.text-lighten-5 {
|
1107 |
-
color: #E8F5E9 !important;
|
1108 |
-
}
|
1109 |
-
|
1110 |
-
.green.lighten-4 {
|
1111 |
-
background-color: #C8E6C9 !important;
|
1112 |
-
}
|
1113 |
-
|
1114 |
-
.green-text.text-lighten-4 {
|
1115 |
-
color: #C8E6C9 !important;
|
1116 |
-
}
|
1117 |
-
|
1118 |
-
.green.lighten-3 {
|
1119 |
-
background-color: #A5D6A7 !important;
|
1120 |
-
}
|
1121 |
-
|
1122 |
-
.green-text.text-lighten-3 {
|
1123 |
-
color: #A5D6A7 !important;
|
1124 |
-
}
|
1125 |
-
|
1126 |
-
.green.lighten-2 {
|
1127 |
-
background-color: #81C784 !important;
|
1128 |
-
}
|
1129 |
-
|
1130 |
-
.green-text.text-lighten-2 {
|
1131 |
-
color: #81C784 !important;
|
1132 |
-
}
|
1133 |
-
|
1134 |
-
.green.lighten-1 {
|
1135 |
-
background-color: #66BB6A !important;
|
1136 |
-
}
|
1137 |
-
|
1138 |
-
.green-text.text-lighten-1 {
|
1139 |
-
color: #66BB6A !important;
|
1140 |
-
}
|
1141 |
-
|
1142 |
-
.green.darken-1 {
|
1143 |
-
background-color: #43A047 !important;
|
1144 |
-
}
|
1145 |
-
|
1146 |
-
.green-text.text-darken-1 {
|
1147 |
-
color: #43A047 !important;
|
1148 |
-
}
|
1149 |
-
|
1150 |
-
.green.darken-2 {
|
1151 |
-
background-color: #388E3C !important;
|
1152 |
-
}
|
1153 |
-
|
1154 |
-
.green-text.text-darken-2 {
|
1155 |
-
color: #388E3C !important;
|
1156 |
-
}
|
1157 |
-
|
1158 |
-
.green.darken-3 {
|
1159 |
-
background-color: #2E7D32 !important;
|
1160 |
-
}
|
1161 |
-
|
1162 |
-
.green-text.text-darken-3 {
|
1163 |
-
color: #2E7D32 !important;
|
1164 |
-
}
|
1165 |
-
|
1166 |
-
.green.darken-4 {
|
1167 |
-
background-color: #1B5E20 !important;
|
1168 |
-
}
|
1169 |
-
|
1170 |
-
.green-text.text-darken-4 {
|
1171 |
-
color: #1B5E20 !important;
|
1172 |
-
}
|
1173 |
-
|
1174 |
-
.green.accent-1 {
|
1175 |
-
background-color: #B9F6CA !important;
|
1176 |
-
}
|
1177 |
-
|
1178 |
-
.green-text.text-accent-1 {
|
1179 |
-
color: #B9F6CA !important;
|
1180 |
-
}
|
1181 |
-
|
1182 |
-
.green.accent-2 {
|
1183 |
-
background-color: #69F0AE !important;
|
1184 |
-
}
|
1185 |
-
|
1186 |
-
.green-text.text-accent-2 {
|
1187 |
-
color: #69F0AE !important;
|
1188 |
-
}
|
1189 |
-
|
1190 |
-
.green.accent-3 {
|
1191 |
-
background-color: #00E676 !important;
|
1192 |
-
}
|
1193 |
-
|
1194 |
-
.green-text.text-accent-3 {
|
1195 |
-
color: #00E676 !important;
|
1196 |
-
}
|
1197 |
-
|
1198 |
-
.green.accent-4 {
|
1199 |
-
background-color: #00C853 !important;
|
1200 |
-
}
|
1201 |
-
|
1202 |
-
.green-text.text-accent-4 {
|
1203 |
-
color: #00C853 !important;
|
1204 |
-
}
|
1205 |
-
|
1206 |
-
.light-green {
|
1207 |
-
background-color: #8bc34a !important;
|
1208 |
-
}
|
1209 |
-
|
1210 |
-
.light-green-text {
|
1211 |
-
color: #8bc34a !important;
|
1212 |
-
}
|
1213 |
-
|
1214 |
-
.light-green.lighten-5 {
|
1215 |
-
background-color: #f1f8e9 !important;
|
1216 |
-
}
|
1217 |
-
|
1218 |
-
.light-green-text.text-lighten-5 {
|
1219 |
-
color: #f1f8e9 !important;
|
1220 |
-
}
|
1221 |
-
|
1222 |
-
.light-green.lighten-4 {
|
1223 |
-
background-color: #dcedc8 !important;
|
1224 |
-
}
|
1225 |
-
|
1226 |
-
.light-green-text.text-lighten-4 {
|
1227 |
-
color: #dcedc8 !important;
|
1228 |
-
}
|
1229 |
-
|
1230 |
-
.light-green.lighten-3 {
|
1231 |
-
background-color: #c5e1a5 !important;
|
1232 |
-
}
|
1233 |
-
|
1234 |
-
.light-green-text.text-lighten-3 {
|
1235 |
-
color: #c5e1a5 !important;
|
1236 |
-
}
|
1237 |
-
|
1238 |
-
.light-green.lighten-2 {
|
1239 |
-
background-color: #aed581 !important;
|
1240 |
-
}
|
1241 |
-
|
1242 |
-
.light-green-text.text-lighten-2 {
|
1243 |
-
color: #aed581 !important;
|
1244 |
-
}
|
1245 |
-
|
1246 |
-
.light-green.lighten-1 {
|
1247 |
-
background-color: #9ccc65 !important;
|
1248 |
-
}
|
1249 |
-
|
1250 |
-
.light-green-text.text-lighten-1 {
|
1251 |
-
color: #9ccc65 !important;
|
1252 |
-
}
|
1253 |
-
|
1254 |
-
.light-green.darken-1 {
|
1255 |
-
background-color: #7cb342 !important;
|
1256 |
-
}
|
1257 |
-
|
1258 |
-
.light-green-text.text-darken-1 {
|
1259 |
-
color: #7cb342 !important;
|
1260 |
-
}
|
1261 |
-
|
1262 |
-
.light-green.darken-2 {
|
1263 |
-
background-color: #689f38 !important;
|
1264 |
-
}
|
1265 |
-
|
1266 |
-
.light-green-text.text-darken-2 {
|
1267 |
-
color: #689f38 !important;
|
1268 |
-
}
|
1269 |
-
|
1270 |
-
.light-green.darken-3 {
|
1271 |
-
background-color: #558b2f !important;
|
1272 |
-
}
|
1273 |
-
|
1274 |
-
.light-green-text.text-darken-3 {
|
1275 |
-
color: #558b2f !important;
|
1276 |
-
}
|
1277 |
-
|
1278 |
-
.light-green.darken-4 {
|
1279 |
-
background-color: #33691e !important;
|
1280 |
-
}
|
1281 |
-
|
1282 |
-
.light-green-text.text-darken-4 {
|
1283 |
-
color: #33691e !important;
|
1284 |
-
}
|
1285 |
-
|
1286 |
-
.light-green.accent-1 {
|
1287 |
-
background-color: #ccff90 !important;
|
1288 |
-
}
|
1289 |
-
|
1290 |
-
.light-green-text.text-accent-1 {
|
1291 |
-
color: #ccff90 !important;
|
1292 |
-
}
|
1293 |
-
|
1294 |
-
.light-green.accent-2 {
|
1295 |
-
background-color: #b2ff59 !important;
|
1296 |
-
}
|
1297 |
-
|
1298 |
-
.light-green-text.text-accent-2 {
|
1299 |
-
color: #b2ff59 !important;
|
1300 |
-
}
|
1301 |
-
|
1302 |
-
.light-green.accent-3 {
|
1303 |
-
background-color: #76ff03 !important;
|
1304 |
-
}
|
1305 |
-
|
1306 |
-
.light-green-text.text-accent-3 {
|
1307 |
-
color: #76ff03 !important;
|
1308 |
-
}
|
1309 |
-
|
1310 |
-
.light-green.accent-4 {
|
1311 |
-
background-color: #64dd17 !important;
|
1312 |
-
}
|
1313 |
-
|
1314 |
-
.light-green-text.text-accent-4 {
|
1315 |
-
color: #64dd17 !important;
|
1316 |
-
}
|
1317 |
-
|
1318 |
-
.lime {
|
1319 |
-
background-color: #cddc39 !important;
|
1320 |
-
}
|
1321 |
-
|
1322 |
-
.lime-text {
|
1323 |
-
color: #cddc39 !important;
|
1324 |
-
}
|
1325 |
-
|
1326 |
-
.lime.lighten-5 {
|
1327 |
-
background-color: #f9fbe7 !important;
|
1328 |
-
}
|
1329 |
-
|
1330 |
-
.lime-text.text-lighten-5 {
|
1331 |
-
color: #f9fbe7 !important;
|
1332 |
-
}
|
1333 |
-
|
1334 |
-
.lime.lighten-4 {
|
1335 |
-
background-color: #f0f4c3 !important;
|
1336 |
-
}
|
1337 |
-
|
1338 |
-
.lime-text.text-lighten-4 {
|
1339 |
-
color: #f0f4c3 !important;
|
1340 |
-
}
|
1341 |
-
|
1342 |
-
.lime.lighten-3 {
|
1343 |
-
background-color: #e6ee9c !important;
|
1344 |
-
}
|
1345 |
-
|
1346 |
-
.lime-text.text-lighten-3 {
|
1347 |
-
color: #e6ee9c !important;
|
1348 |
-
}
|
1349 |
-
|
1350 |
-
.lime.lighten-2 {
|
1351 |
-
background-color: #dce775 !important;
|
1352 |
-
}
|
1353 |
-
|
1354 |
-
.lime-text.text-lighten-2 {
|
1355 |
-
color: #dce775 !important;
|
1356 |
-
}
|
1357 |
-
|
1358 |
-
.lime.lighten-1 {
|
1359 |
-
background-color: #d4e157 !important;
|
1360 |
-
}
|
1361 |
-
|
1362 |
-
.lime-text.text-lighten-1 {
|
1363 |
-
color: #d4e157 !important;
|
1364 |
-
}
|
1365 |
-
|
1366 |
-
.lime.darken-1 {
|
1367 |
-
background-color: #c0ca33 !important;
|
1368 |
-
}
|
1369 |
-
|
1370 |
-
.lime-text.text-darken-1 {
|
1371 |
-
color: #c0ca33 !important;
|
1372 |
-
}
|
1373 |
-
|
1374 |
-
.lime.darken-2 {
|
1375 |
-
background-color: #afb42b !important;
|
1376 |
-
}
|
1377 |
-
|
1378 |
-
.lime-text.text-darken-2 {
|
1379 |
-
color: #afb42b !important;
|
1380 |
-
}
|
1381 |
-
|
1382 |
-
.lime.darken-3 {
|
1383 |
-
background-color: #9e9d24 !important;
|
1384 |
-
}
|
1385 |
-
|
1386 |
-
.lime-text.text-darken-3 {
|
1387 |
-
color: #9e9d24 !important;
|
1388 |
-
}
|
1389 |
-
|
1390 |
-
.lime.darken-4 {
|
1391 |
-
background-color: #827717 !important;
|
1392 |
-
}
|
1393 |
-
|
1394 |
-
.lime-text.text-darken-4 {
|
1395 |
-
color: #827717 !important;
|
1396 |
-
}
|
1397 |
-
|
1398 |
-
.lime.accent-1 {
|
1399 |
-
background-color: #f4ff81 !important;
|
1400 |
-
}
|
1401 |
-
|
1402 |
-
.lime-text.text-accent-1 {
|
1403 |
-
color: #f4ff81 !important;
|
1404 |
-
}
|
1405 |
-
|
1406 |
-
.lime.accent-2 {
|
1407 |
-
background-color: #eeff41 !important;
|
1408 |
-
}
|
1409 |
-
|
1410 |
-
.lime-text.text-accent-2 {
|
1411 |
-
color: #eeff41 !important;
|
1412 |
-
}
|
1413 |
-
|
1414 |
-
.lime.accent-3 {
|
1415 |
-
background-color: #c6ff00 !important;
|
1416 |
-
}
|
1417 |
-
|
1418 |
-
.lime-text.text-accent-3 {
|
1419 |
-
color: #c6ff00 !important;
|
1420 |
-
}
|
1421 |
-
|
1422 |
-
.lime.accent-4 {
|
1423 |
-
background-color: #aeea00 !important;
|
1424 |
-
}
|
1425 |
-
|
1426 |
-
.lime-text.text-accent-4 {
|
1427 |
-
color: #aeea00 !important;
|
1428 |
-
}
|
1429 |
-
|
1430 |
-
.yellow {
|
1431 |
-
background-color: #ffeb3b !important;
|
1432 |
-
}
|
1433 |
-
|
1434 |
-
.yellow-text {
|
1435 |
-
color: #ffeb3b !important;
|
1436 |
-
}
|
1437 |
-
|
1438 |
-
.yellow.lighten-5 {
|
1439 |
-
background-color: #fffde7 !important;
|
1440 |
-
}
|
1441 |
-
|
1442 |
-
.yellow-text.text-lighten-5 {
|
1443 |
-
color: #fffde7 !important;
|
1444 |
-
}
|
1445 |
-
|
1446 |
-
.yellow.lighten-4 {
|
1447 |
-
background-color: #fff9c4 !important;
|
1448 |
-
}
|
1449 |
-
|
1450 |
-
.yellow-text.text-lighten-4 {
|
1451 |
-
color: #fff9c4 !important;
|
1452 |
-
}
|
1453 |
-
|
1454 |
-
.yellow.lighten-3 {
|
1455 |
-
background-color: #fff59d !important;
|
1456 |
-
}
|
1457 |
-
|
1458 |
-
.yellow-text.text-lighten-3 {
|
1459 |
-
color: #fff59d !important;
|
1460 |
-
}
|
1461 |
-
|
1462 |
-
.yellow.lighten-2 {
|
1463 |
-
background-color: #fff176 !important;
|
1464 |
-
}
|
1465 |
-
|
1466 |
-
.yellow-text.text-lighten-2 {
|
1467 |
-
color: #fff176 !important;
|
1468 |
-
}
|
1469 |
-
|
1470 |
-
.yellow.lighten-1 {
|
1471 |
-
background-color: #ffee58 !important;
|
1472 |
-
}
|
1473 |
-
|
1474 |
-
.yellow-text.text-lighten-1 {
|
1475 |
-
color: #ffee58 !important;
|
1476 |
-
}
|
1477 |
-
|
1478 |
-
.yellow.darken-1 {
|
1479 |
-
background-color: #fdd835 !important;
|
1480 |
-
}
|
1481 |
-
|
1482 |
-
.yellow-text.text-darken-1 {
|
1483 |
-
color: #fdd835 !important;
|
1484 |
-
}
|
1485 |
-
|
1486 |
-
.yellow.darken-2 {
|
1487 |
-
background-color: #fbc02d !important;
|
1488 |
-
}
|
1489 |
-
|
1490 |
-
.yellow-text.text-darken-2 {
|
1491 |
-
color: #fbc02d !important;
|
1492 |
-
}
|
1493 |
-
|
1494 |
-
.yellow.darken-3 {
|
1495 |
-
background-color: #f9a825 !important;
|
1496 |
-
}
|
1497 |
-
|
1498 |
-
.yellow-text.text-darken-3 {
|
1499 |
-
color: #f9a825 !important;
|
1500 |
-
}
|
1501 |
-
|
1502 |
-
.yellow.darken-4 {
|
1503 |
-
background-color: #f57f17 !important;
|
1504 |
-
}
|
1505 |
-
|
1506 |
-
.yellow-text.text-darken-4 {
|
1507 |
-
color: #f57f17 !important;
|
1508 |
-
}
|
1509 |
-
|
1510 |
-
.yellow.accent-1 {
|
1511 |
-
background-color: #ffff8d !important;
|
1512 |
-
}
|
1513 |
-
|
1514 |
-
.yellow-text.text-accent-1 {
|
1515 |
-
color: #ffff8d !important;
|
1516 |
-
}
|
1517 |
-
|
1518 |
-
.yellow.accent-2 {
|
1519 |
-
background-color: #ffff00 !important;
|
1520 |
-
}
|
1521 |
-
|
1522 |
-
.yellow-text.text-accent-2 {
|
1523 |
-
color: #ffff00 !important;
|
1524 |
-
}
|
1525 |
-
|
1526 |
-
.yellow.accent-3 {
|
1527 |
-
background-color: #ffea00 !important;
|
1528 |
-
}
|
1529 |
-
|
1530 |
-
.yellow-text.text-accent-3 {
|
1531 |
-
color: #ffea00 !important;
|
1532 |
-
}
|
1533 |
-
|
1534 |
-
.yellow.accent-4 {
|
1535 |
-
background-color: #ffd600 !important;
|
1536 |
-
}
|
1537 |
-
|
1538 |
-
.yellow-text.text-accent-4 {
|
1539 |
-
color: #ffd600 !important;
|
1540 |
-
}
|
1541 |
-
|
1542 |
-
.amber {
|
1543 |
-
background-color: #ffc107 !important;
|
1544 |
-
}
|
1545 |
-
|
1546 |
-
.amber-text {
|
1547 |
-
color: #ffc107 !important;
|
1548 |
-
}
|
1549 |
-
|
1550 |
-
.amber.lighten-5 {
|
1551 |
-
background-color: #fff8e1 !important;
|
1552 |
-
}
|
1553 |
-
|
1554 |
-
.amber-text.text-lighten-5 {
|
1555 |
-
color: #fff8e1 !important;
|
1556 |
-
}
|
1557 |
-
|
1558 |
-
.amber.lighten-4 {
|
1559 |
-
background-color: #ffecb3 !important;
|
1560 |
-
}
|
1561 |
-
|
1562 |
-
.amber-text.text-lighten-4 {
|
1563 |
-
color: #ffecb3 !important;
|
1564 |
-
}
|
1565 |
-
|
1566 |
-
.amber.lighten-3 {
|
1567 |
-
background-color: #ffe082 !important;
|
1568 |
-
}
|
1569 |
-
|
1570 |
-
.amber-text.text-lighten-3 {
|
1571 |
-
color: #ffe082 !important;
|
1572 |
-
}
|
1573 |
-
|
1574 |
-
.amber.lighten-2 {
|
1575 |
-
background-color: #ffd54f !important;
|
1576 |
-
}
|
1577 |
-
|
1578 |
-
.amber-text.text-lighten-2 {
|
1579 |
-
color: #ffd54f !important;
|
1580 |
-
}
|
1581 |
-
|
1582 |
-
.amber.lighten-1 {
|
1583 |
-
background-color: #ffca28 !important;
|
1584 |
-
}
|
1585 |
-
|
1586 |
-
.amber-text.text-lighten-1 {
|
1587 |
-
color: #ffca28 !important;
|
1588 |
-
}
|
1589 |
-
|
1590 |
-
.amber.darken-1 {
|
1591 |
-
background-color: #ffb300 !important;
|
1592 |
-
}
|
1593 |
-
|
1594 |
-
.amber-text.text-darken-1 {
|
1595 |
-
color: #ffb300 !important;
|
1596 |
-
}
|
1597 |
-
|
1598 |
-
.amber.darken-2 {
|
1599 |
-
background-color: #ffa000 !important;
|
1600 |
-
}
|
1601 |
-
|
1602 |
-
.amber-text.text-darken-2 {
|
1603 |
-
color: #ffa000 !important;
|
1604 |
-
}
|
1605 |
-
|
1606 |
-
.amber.darken-3 {
|
1607 |
-
background-color: #ff8f00 !important;
|
1608 |
-
}
|
1609 |
-
|
1610 |
-
.amber-text.text-darken-3 {
|
1611 |
-
color: #ff8f00 !important;
|
1612 |
-
}
|
1613 |
-
|
1614 |
-
.amber.darken-4 {
|
1615 |
-
background-color: #ff6f00 !important;
|
1616 |
-
}
|
1617 |
-
|
1618 |
-
.amber-text.text-darken-4 {
|
1619 |
-
color: #ff6f00 !important;
|
1620 |
-
}
|
1621 |
-
|
1622 |
-
.amber.accent-1 {
|
1623 |
-
background-color: #ffe57f !important;
|
1624 |
-
}
|
1625 |
-
|
1626 |
-
.amber-text.text-accent-1 {
|
1627 |
-
color: #ffe57f !important;
|
1628 |
-
}
|
1629 |
-
|
1630 |
-
.amber.accent-2 {
|
1631 |
-
background-color: #ffd740 !important;
|
1632 |
-
}
|
1633 |
-
|
1634 |
-
.amber-text.text-accent-2 {
|
1635 |
-
color: #ffd740 !important;
|
1636 |
-
}
|
1637 |
-
|
1638 |
-
.amber.accent-3 {
|
1639 |
-
background-color: #ffc400 !important;
|
1640 |
-
}
|
1641 |
-
|
1642 |
-
.amber-text.text-accent-3 {
|
1643 |
-
color: #ffc400 !important;
|
1644 |
-
}
|
1645 |
-
|
1646 |
-
.amber.accent-4 {
|
1647 |
-
background-color: #ffab00 !important;
|
1648 |
-
}
|
1649 |
-
|
1650 |
-
.amber-text.text-accent-4 {
|
1651 |
-
color: #ffab00 !important;
|
1652 |
-
}
|
1653 |
-
|
1654 |
-
.orange {
|
1655 |
-
background-color: #ff9800 !important;
|
1656 |
-
}
|
1657 |
-
|
1658 |
-
.orange-text {
|
1659 |
-
color: #ff9800 !important;
|
1660 |
-
}
|
1661 |
-
|
1662 |
-
.orange.lighten-5 {
|
1663 |
-
background-color: #fff3e0 !important;
|
1664 |
-
}
|
1665 |
-
|
1666 |
-
.orange-text.text-lighten-5 {
|
1667 |
-
color: #fff3e0 !important;
|
1668 |
-
}
|
1669 |
-
|
1670 |
-
.orange.lighten-4 {
|
1671 |
-
background-color: #ffe0b2 !important;
|
1672 |
-
}
|
1673 |
-
|
1674 |
-
.orange-text.text-lighten-4 {
|
1675 |
-
color: #ffe0b2 !important;
|
1676 |
-
}
|
1677 |
-
|
1678 |
-
.orange.lighten-3 {
|
1679 |
-
background-color: #ffcc80 !important;
|
1680 |
-
}
|
1681 |
-
|
1682 |
-
.orange-text.text-lighten-3 {
|
1683 |
-
color: #ffcc80 !important;
|
1684 |
-
}
|
1685 |
-
|
1686 |
-
.orange.lighten-2 {
|
1687 |
-
background-color: #ffb74d !important;
|
1688 |
-
}
|
1689 |
-
|
1690 |
-
.orange-text.text-lighten-2 {
|
1691 |
-
color: #ffb74d !important;
|
1692 |
-
}
|
1693 |
-
|
1694 |
-
.orange.lighten-1 {
|
1695 |
-
background-color: #ffa726 !important;
|
1696 |
-
}
|
1697 |
-
|
1698 |
-
.orange-text.text-lighten-1 {
|
1699 |
-
color: #ffa726 !important;
|
1700 |
-
}
|
1701 |
-
|
1702 |
-
.orange.darken-1 {
|
1703 |
-
background-color: #fb8c00 !important;
|
1704 |
-
}
|
1705 |
-
|
1706 |
-
.orange-text.text-darken-1 {
|
1707 |
-
color: #fb8c00 !important;
|
1708 |
-
}
|
1709 |
-
|
1710 |
-
.orange.darken-2 {
|
1711 |
-
background-color: #f57c00 !important;
|
1712 |
-
}
|
1713 |
-
|
1714 |
-
.orange-text.text-darken-2 {
|
1715 |
-
color: #f57c00 !important;
|
1716 |
-
}
|
1717 |
-
|
1718 |
-
.orange.darken-3 {
|
1719 |
-
background-color: #ef6c00 !important;
|
1720 |
-
}
|
1721 |
-
|
1722 |
-
.orange-text.text-darken-3 {
|
1723 |
-
color: #ef6c00 !important;
|
1724 |
-
}
|
1725 |
-
|
1726 |
-
.orange.darken-4 {
|
1727 |
-
background-color: #e65100 !important;
|
1728 |
-
}
|
1729 |
-
|
1730 |
-
.orange-text.text-darken-4 {
|
1731 |
-
color: #e65100 !important;
|
1732 |
-
}
|
1733 |
-
|
1734 |
-
.orange.accent-1 {
|
1735 |
-
background-color: #ffd180 !important;
|
1736 |
-
}
|
1737 |
-
|
1738 |
-
.orange-text.text-accent-1 {
|
1739 |
-
color: #ffd180 !important;
|
1740 |
-
}
|
1741 |
-
|
1742 |
-
.orange.accent-2 {
|
1743 |
-
background-color: #ffab40 !important;
|
1744 |
-
}
|
1745 |
-
|
1746 |
-
.orange-text.text-accent-2 {
|
1747 |
-
color: #ffab40 !important;
|
1748 |
-
}
|
1749 |
-
|
1750 |
-
.orange.accent-3 {
|
1751 |
-
background-color: #ff9100 !important;
|
1752 |
-
}
|
1753 |
-
|
1754 |
-
.orange-text.text-accent-3 {
|
1755 |
-
color: #ff9100 !important;
|
1756 |
-
}
|
1757 |
-
|
1758 |
-
.orange.accent-4 {
|
1759 |
-
background-color: #ff6d00 !important;
|
1760 |
-
}
|
1761 |
-
|
1762 |
-
.orange-text.text-accent-4 {
|
1763 |
-
color: #ff6d00 !important;
|
1764 |
-
}
|
1765 |
-
|
1766 |
-
.deep-orange {
|
1767 |
-
background-color: #ff5722 !important;
|
1768 |
-
}
|
1769 |
-
|
1770 |
-
.deep-orange-text {
|
1771 |
-
color: #ff5722 !important;
|
1772 |
-
}
|
1773 |
-
|
1774 |
-
.deep-orange.lighten-5 {
|
1775 |
-
background-color: #fbe9e7 !important;
|
1776 |
-
}
|
1777 |
-
|
1778 |
-
.deep-orange-text.text-lighten-5 {
|
1779 |
-
color: #fbe9e7 !important;
|
1780 |
-
}
|
1781 |
-
|
1782 |
-
.deep-orange.lighten-4 {
|
1783 |
-
background-color: #ffccbc !important;
|
1784 |
-
}
|
1785 |
-
|
1786 |
-
.deep-orange-text.text-lighten-4 {
|
1787 |
-
color: #ffccbc !important;
|
1788 |
-
}
|
1789 |
-
|
1790 |
-
.deep-orange.lighten-3 {
|
1791 |
-
background-color: #ffab91 !important;
|
1792 |
-
}
|
1793 |
-
|
1794 |
-
.deep-orange-text.text-lighten-3 {
|
1795 |
-
color: #ffab91 !important;
|
1796 |
-
}
|
1797 |
-
|
1798 |
-
.deep-orange.lighten-2 {
|
1799 |
-
background-color: #ff8a65 !important;
|
1800 |
-
}
|
1801 |
-
|
1802 |
-
.deep-orange-text.text-lighten-2 {
|
1803 |
-
color: #ff8a65 !important;
|
1804 |
-
}
|
1805 |
-
|
1806 |
-
.deep-orange.lighten-1 {
|
1807 |
-
background-color: #ff7043 !important;
|
1808 |
-
}
|
1809 |
-
|
1810 |
-
.deep-orange-text.text-lighten-1 {
|
1811 |
-
color: #ff7043 !important;
|
1812 |
-
}
|
1813 |
-
|
1814 |
-
.deep-orange.darken-1 {
|
1815 |
-
background-color: #f4511e !important;
|
1816 |
-
}
|
1817 |
-
|
1818 |
-
.deep-orange-text.text-darken-1 {
|
1819 |
-
color: #f4511e !important;
|
1820 |
-
}
|
1821 |
-
|
1822 |
-
.deep-orange.darken-2 {
|
1823 |
-
background-color: #e64a19 !important;
|
1824 |
-
}
|
1825 |
-
|
1826 |
-
.deep-orange-text.text-darken-2 {
|
1827 |
-
color: #e64a19 !important;
|
1828 |
-
}
|
1829 |
-
|
1830 |
-
.deep-orange.darken-3 {
|
1831 |
-
background-color: #d84315 !important;
|
1832 |
-
}
|
1833 |
-
|
1834 |
-
.deep-orange-text.text-darken-3 {
|
1835 |
-
color: #d84315 !important;
|
1836 |
-
}
|
1837 |
-
|
1838 |
-
.deep-orange.darken-4 {
|
1839 |
-
background-color: #bf360c !important;
|
1840 |
-
}
|
1841 |
-
|
1842 |
-
.deep-orange-text.text-darken-4 {
|
1843 |
-
color: #bf360c !important;
|
1844 |
-
}
|
1845 |
-
|
1846 |
-
.deep-orange.accent-1 {
|
1847 |
-
background-color: #ff9e80 !important;
|
1848 |
-
}
|
1849 |
-
|
1850 |
-
.deep-orange-text.text-accent-1 {
|
1851 |
-
color: #ff9e80 !important;
|
1852 |
-
}
|
1853 |
-
|
1854 |
-
.deep-orange.accent-2 {
|
1855 |
-
background-color: #ff6e40 !important;
|
1856 |
-
}
|
1857 |
-
|
1858 |
-
.deep-orange-text.text-accent-2 {
|
1859 |
-
color: #ff6e40 !important;
|
1860 |
-
}
|
1861 |
-
|
1862 |
-
.deep-orange.accent-3 {
|
1863 |
-
background-color: #ff3d00 !important;
|
1864 |
-
}
|
1865 |
-
|
1866 |
-
.deep-orange-text.text-accent-3 {
|
1867 |
-
color: #ff3d00 !important;
|
1868 |
-
}
|
1869 |
-
|
1870 |
-
.deep-orange.accent-4 {
|
1871 |
-
background-color: #dd2c00 !important;
|
1872 |
-
}
|
1873 |
-
|
1874 |
-
.deep-orange-text.text-accent-4 {
|
1875 |
-
color: #dd2c00 !important;
|
1876 |
-
}
|
1877 |
-
|
1878 |
-
.brown {
|
1879 |
-
background-color: #795548 !important;
|
1880 |
-
}
|
1881 |
-
|
1882 |
-
.brown-text {
|
1883 |
-
color: #795548 !important;
|
1884 |
-
}
|
1885 |
-
|
1886 |
-
.brown.lighten-5 {
|
1887 |
-
background-color: #efebe9 !important;
|
1888 |
-
}
|
1889 |
-
|
1890 |
-
.brown-text.text-lighten-5 {
|
1891 |
-
color: #efebe9 !important;
|
1892 |
-
}
|
1893 |
-
|
1894 |
-
.brown.lighten-4 {
|
1895 |
-
background-color: #d7ccc8 !important;
|
1896 |
-
}
|
1897 |
-
|
1898 |
-
.brown-text.text-lighten-4 {
|
1899 |
-
color: #d7ccc8 !important;
|
1900 |
-
}
|
1901 |
-
|
1902 |
-
.brown.lighten-3 {
|
1903 |
-
background-color: #bcaaa4 !important;
|
1904 |
-
}
|
1905 |
-
|
1906 |
-
.brown-text.text-lighten-3 {
|
1907 |
-
color: #bcaaa4 !important;
|
1908 |
-
}
|
1909 |
-
|
1910 |
-
.brown.lighten-2 {
|
1911 |
-
background-color: #a1887f !important;
|
1912 |
-
}
|
1913 |
-
|
1914 |
-
.brown-text.text-lighten-2 {
|
1915 |
-
color: #a1887f !important;
|
1916 |
-
}
|
1917 |
-
|
1918 |
-
.brown.lighten-1 {
|
1919 |
-
background-color: #8d6e63 !important;
|
1920 |
-
}
|
1921 |
-
|
1922 |
-
.brown-text.text-lighten-1 {
|
1923 |
-
color: #8d6e63 !important;
|
1924 |
-
}
|
1925 |
-
|
1926 |
-
.brown.darken-1 {
|
1927 |
-
background-color: #6d4c41 !important;
|
1928 |
-
}
|
1929 |
-
|
1930 |
-
.brown-text.text-darken-1 {
|
1931 |
-
color: #6d4c41 !important;
|
1932 |
-
}
|
1933 |
-
|
1934 |
-
.brown.darken-2 {
|
1935 |
-
background-color: #5d4037 !important;
|
1936 |
-
}
|
1937 |
-
|
1938 |
-
.brown-text.text-darken-2 {
|
1939 |
-
color: #5d4037 !important;
|
1940 |
-
}
|
1941 |
-
|
1942 |
-
.brown.darken-3 {
|
1943 |
-
background-color: #4e342e !important;
|
1944 |
-
}
|
1945 |
-
|
1946 |
-
.brown-text.text-darken-3 {
|
1947 |
-
color: #4e342e !important;
|
1948 |
-
}
|
1949 |
-
|
1950 |
-
.brown.darken-4 {
|
1951 |
-
background-color: #3e2723 !important;
|
1952 |
-
}
|
1953 |
-
|
1954 |
-
.brown-text.text-darken-4 {
|
1955 |
-
color: #3e2723 !important;
|
1956 |
-
}
|
1957 |
-
|
1958 |
-
.blue-grey {
|
1959 |
-
background-color: #607d8b !important;
|
1960 |
-
}
|
1961 |
-
|
1962 |
-
.blue-grey-text {
|
1963 |
-
color: #607d8b !important;
|
1964 |
-
}
|
1965 |
-
|
1966 |
-
.blue-grey.lighten-5 {
|
1967 |
-
background-color: #eceff1 !important;
|
1968 |
-
}
|
1969 |
-
|
1970 |
-
.blue-grey-text.text-lighten-5 {
|
1971 |
-
color: #eceff1 !important;
|
1972 |
-
}
|
1973 |
-
|
1974 |
-
.blue-grey.lighten-4 {
|
1975 |
-
background-color: #cfd8dc !important;
|
1976 |
-
}
|
1977 |
-
|
1978 |
-
.blue-grey-text.text-lighten-4 {
|
1979 |
-
color: #cfd8dc !important;
|
1980 |
-
}
|
1981 |
-
|
1982 |
-
.blue-grey.lighten-3 {
|
1983 |
-
background-color: #b0bec5 !important;
|
1984 |
-
}
|
1985 |
-
|
1986 |
-
.blue-grey-text.text-lighten-3 {
|
1987 |
-
color: #b0bec5 !important;
|
1988 |
-
}
|
1989 |
-
|
1990 |
-
.blue-grey.lighten-2 {
|
1991 |
-
background-color: #90a4ae !important;
|
1992 |
-
}
|
1993 |
-
|
1994 |
-
.blue-grey-text.text-lighten-2 {
|
1995 |
-
color: #90a4ae !important;
|
1996 |
-
}
|
1997 |
-
|
1998 |
-
.blue-grey.lighten-1 {
|
1999 |
-
background-color: #78909c !important;
|
2000 |
-
}
|
2001 |
-
|
2002 |
-
.blue-grey-text.text-lighten-1 {
|
2003 |
-
color: #78909c !important;
|
2004 |
-
}
|
2005 |
-
|
2006 |
-
.blue-grey.darken-1 {
|
2007 |
-
background-color: #546e7a !important;
|
2008 |
-
}
|
2009 |
-
|
2010 |
-
.blue-grey-text.text-darken-1 {
|
2011 |
-
color: #546e7a !important;
|
2012 |
-
}
|
2013 |
-
|
2014 |
-
.blue-grey.darken-2 {
|
2015 |
-
background-color: #455a64 !important;
|
2016 |
-
}
|
2017 |
-
|
2018 |
-
.blue-grey-text.text-darken-2 {
|
2019 |
-
color: #455a64 !important;
|
2020 |
-
}
|
2021 |
-
|
2022 |
-
.blue-grey.darken-3 {
|
2023 |
-
background-color: #37474f !important;
|
2024 |
-
}
|
2025 |
-
|
2026 |
-
.blue-grey-text.text-darken-3 {
|
2027 |
-
color: #37474f !important;
|
2028 |
-
}
|
2029 |
-
|
2030 |
-
.blue-grey.darken-4 {
|
2031 |
-
background-color: #263238 !important;
|
2032 |
-
}
|
2033 |
-
|
2034 |
-
.blue-grey-text.text-darken-4 {
|
2035 |
-
color: #263238 !important;
|
2036 |
-
}
|
2037 |
-
|
2038 |
-
.grey {
|
2039 |
-
background-color: #9e9e9e !important;
|
2040 |
-
}
|
2041 |
-
|
2042 |
-
.grey-text {
|
2043 |
-
color: #9e9e9e !important;
|
2044 |
-
}
|
2045 |
-
|
2046 |
-
.grey.lighten-5 {
|
2047 |
-
background-color: #fafafa !important;
|
2048 |
-
}
|
2049 |
-
|
2050 |
-
.grey-text.text-lighten-5 {
|
2051 |
-
color: #fafafa !important;
|
2052 |
-
}
|
2053 |
-
|
2054 |
-
.grey.lighten-4 {
|
2055 |
-
background-color: #f5f5f5 !important;
|
2056 |
-
}
|
2057 |
-
|
2058 |
-
.grey-text.text-lighten-4 {
|
2059 |
-
color: #f5f5f5 !important;
|
2060 |
-
}
|
2061 |
-
|
2062 |
-
.grey.lighten-3 {
|
2063 |
-
background-color: #eeeeee !important;
|
2064 |
-
}
|
2065 |
-
|
2066 |
-
.grey-text.text-lighten-3 {
|
2067 |
-
color: #eeeeee !important;
|
2068 |
-
}
|
2069 |
-
|
2070 |
-
.grey.lighten-2 {
|
2071 |
-
background-color: #e0e0e0 !important;
|
2072 |
-
}
|
2073 |
-
|
2074 |
-
.grey-text.text-lighten-2 {
|
2075 |
-
color: #e0e0e0 !important;
|
2076 |
-
}
|
2077 |
-
|
2078 |
-
.grey.lighten-1 {
|
2079 |
-
background-color: #bdbdbd !important;
|
2080 |
-
}
|
2081 |
-
|
2082 |
-
.grey-text.text-lighten-1 {
|
2083 |
-
color: #bdbdbd !important;
|
2084 |
-
}
|
2085 |
-
|
2086 |
-
.grey.darken-1 {
|
2087 |
-
background-color: #757575 !important;
|
2088 |
-
}
|
2089 |
-
|
2090 |
-
.grey-text.text-darken-1 {
|
2091 |
-
color: #757575 !important;
|
2092 |
-
}
|
2093 |
-
|
2094 |
-
.grey.darken-2 {
|
2095 |
-
background-color: #616161 !important;
|
2096 |
-
}
|
2097 |
-
|
2098 |
-
.grey-text.text-darken-2 {
|
2099 |
-
color: #616161 !important;
|
2100 |
-
}
|
2101 |
-
|
2102 |
-
.grey.darken-3 {
|
2103 |
-
background-color: #424242 !important;
|
2104 |
-
}
|
2105 |
-
|
2106 |
-
.grey-text.text-darken-3 {
|
2107 |
-
color: #424242 !important;
|
2108 |
-
}
|
2109 |
-
|
2110 |
-
.grey.darken-4 {
|
2111 |
-
background-color: #212121 !important;
|
2112 |
-
}
|
2113 |
-
|
2114 |
-
.grey-text.text-darken-4 {
|
2115 |
-
color: #212121 !important;
|
2116 |
-
}
|
2117 |
-
|
2118 |
-
.black {
|
2119 |
-
background-color: #000000 !important;
|
2120 |
-
}
|
2121 |
-
|
2122 |
-
.black-text {
|
2123 |
-
color: #000000 !important;
|
2124 |
-
}
|
2125 |
-
|
2126 |
-
.white {
|
2127 |
-
background-color: #FFFFFF !important;
|
2128 |
-
}
|
2129 |
-
|
2130 |
-
.white-text {
|
2131 |
-
color: #FFFFFF !important;
|
2132 |
-
}
|
2133 |
-
|
2134 |
-
.transparent {
|
2135 |
-
background-color: transparent !important;
|
2136 |
-
}
|
2137 |
-
|
2138 |
-
.transparent-text {
|
2139 |
-
color: transparent !important;
|
2140 |
-
}
|
2141 |
-
|
2142 |
-
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
2143 |
-
/* Document
|
2144 |
-
========================================================================== */
|
2145 |
-
/**
|
2146 |
-
* 1. Correct the line height in all browsers.
|
2147 |
-
* 2. Prevent adjustments of font size after orientation changes in
|
2148 |
-
* IE on Windows Phone and in iOS.
|
2149 |
-
*/
|
2150 |
-
html {
|
2151 |
-
line-height: 1.15;
|
2152 |
-
/* 1 */
|
2153 |
-
-ms-text-size-adjust: 100%;
|
2154 |
-
/* 2 */
|
2155 |
-
-webkit-text-size-adjust: 100%;
|
2156 |
-
/* 2 */
|
2157 |
-
}
|
2158 |
-
|
2159 |
-
/* Sections
|
2160 |
-
========================================================================== */
|
2161 |
-
/**
|
2162 |
-
* Remove the margin in all browsers (opinionated).
|
2163 |
-
*/
|
2164 |
-
body {
|
2165 |
-
margin: 0;
|
2166 |
-
}
|
2167 |
-
|
2168 |
-
/**
|
2169 |
-
* Add the correct display in IE 9-.
|
2170 |
-
*/
|
2171 |
-
article,
|
2172 |
-
aside,
|
2173 |
-
footer,
|
2174 |
-
header,
|
2175 |
-
nav,
|
2176 |
-
section {
|
2177 |
-
display: block;
|
2178 |
-
}
|
2179 |
-
|
2180 |
-
/**
|
2181 |
-
* Correct the font size and margin on `h1` elements within `section` and
|
2182 |
-
* `article` contexts in Chrome, Firefox, and Safari.
|
2183 |
-
*/
|
2184 |
-
h1 {
|
2185 |
-
font-size: 2em;
|
2186 |
-
margin: 0.67em 0;
|
2187 |
-
}
|
2188 |
-
|
2189 |
-
/* Grouping content
|
2190 |
-
========================================================================== */
|
2191 |
-
/**
|
2192 |
-
* Add the correct display in IE 9-.
|
2193 |
-
* 1. Add the correct display in IE.
|
2194 |
-
*/
|
2195 |
-
figcaption,
|
2196 |
-
figure,
|
2197 |
-
main {
|
2198 |
-
/* 1 */
|
2199 |
-
display: block;
|
2200 |
-
}
|
2201 |
-
|
2202 |
-
/**
|
2203 |
-
* Add the correct margin in IE 8.
|
2204 |
-
*/
|
2205 |
-
figure {
|
2206 |
-
margin: 1em 40px;
|
2207 |
-
}
|
2208 |
-
|
2209 |
-
/**
|
2210 |
-
* 1. Add the correct box sizing in Firefox.
|
2211 |
-
* 2. Show the overflow in Edge and IE.
|
2212 |
-
*/
|
2213 |
-
hr {
|
2214 |
-
-webkit-box-sizing: content-box;
|
2215 |
-
box-sizing: content-box;
|
2216 |
-
/* 1 */
|
2217 |
-
height: 0;
|
2218 |
-
/* 1 */
|
2219 |
-
overflow: visible;
|
2220 |
-
/* 2 */
|
2221 |
-
}
|
2222 |
-
|
2223 |
-
/**
|
2224 |
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
2225 |
-
* 2. Correct the odd `em` font sizing in all browsers.
|
2226 |
-
*/
|
2227 |
-
pre {
|
2228 |
-
font-family: monospace, monospace;
|
2229 |
-
/* 1 */
|
2230 |
-
font-size: 1em;
|
2231 |
-
/* 2 */
|
2232 |
-
}
|
2233 |
-
|
2234 |
-
/* Text-level semantics
|
2235 |
-
========================================================================== */
|
2236 |
-
/**
|
2237 |
-
* 1. Remove the gray background on active links in IE 10.
|
2238 |
-
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
2239 |
-
*/
|
2240 |
-
a {
|
2241 |
-
background-color: transparent;
|
2242 |
-
/* 1 */
|
2243 |
-
-webkit-text-decoration-skip: objects;
|
2244 |
-
/* 2 */
|
2245 |
-
}
|
2246 |
-
|
2247 |
-
/**
|
2248 |
-
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
2249 |
-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
2250 |
-
*/
|
2251 |
-
abbr[title] {
|
2252 |
-
border-bottom: none;
|
2253 |
-
/* 1 */
|
2254 |
-
text-decoration: underline;
|
2255 |
-
/* 2 */
|
2256 |
-
-webkit-text-decoration: underline dotted;
|
2257 |
-
-moz-text-decoration: underline dotted;
|
2258 |
-
text-decoration: underline dotted;
|
2259 |
-
/* 2 */
|
2260 |
-
}
|
2261 |
-
|
2262 |
-
/**
|
2263 |
-
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
2264 |
-
*/
|
2265 |
-
b,
|
2266 |
-
strong {
|
2267 |
-
font-weight: inherit;
|
2268 |
-
}
|
2269 |
-
|
2270 |
-
/**
|
2271 |
-
* Add the correct font weight in Chrome, Edge, and Safari.
|
2272 |
-
*/
|
2273 |
-
b,
|
2274 |
-
strong {
|
2275 |
-
font-weight: bolder;
|
2276 |
-
}
|
2277 |
-
|
2278 |
-
/**
|
2279 |
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
2280 |
-
* 2. Correct the odd `em` font sizing in all browsers.
|
2281 |
-
*/
|
2282 |
-
code,
|
2283 |
-
kbd,
|
2284 |
-
samp {
|
2285 |
-
font-family: monospace, monospace;
|
2286 |
-
/* 1 */
|
2287 |
-
font-size: 1em;
|
2288 |
-
/* 2 */
|
2289 |
-
}
|
2290 |
-
|
2291 |
-
/**
|
2292 |
-
* Add the correct font style in Android 4.3-.
|
2293 |
-
*/
|
2294 |
-
dfn {
|
2295 |
-
font-style: italic;
|
2296 |
-
}
|
2297 |
-
|
2298 |
-
/**
|
2299 |
-
* Add the correct background and color in IE 9-.
|
2300 |
-
*/
|
2301 |
-
mark {
|
2302 |
-
background-color: #ff0;
|
2303 |
-
color: #000;
|
2304 |
-
}
|
2305 |
-
|
2306 |
-
/**
|
2307 |
-
* Add the correct font size in all browsers.
|
2308 |
-
*/
|
2309 |
-
small {
|
2310 |
-
font-size: 80%;
|
2311 |
-
}
|
2312 |
-
|
2313 |
-
/**
|
2314 |
-
* Prevent `sub` and `sup` elements from affecting the line height in
|
2315 |
-
* all browsers.
|
2316 |
-
*/
|
2317 |
-
sub,
|
2318 |
-
sup {
|
2319 |
-
font-size: 75%;
|
2320 |
-
line-height: 0;
|
2321 |
-
position: relative;
|
2322 |
-
vertical-align: baseline;
|
2323 |
-
}
|
2324 |
-
|
2325 |
-
sub {
|
2326 |
-
bottom: -0.25em;
|
2327 |
-
}
|
2328 |
-
|
2329 |
-
sup {
|
2330 |
-
top: -0.5em;
|
2331 |
-
}
|
2332 |
-
|
2333 |
-
/* Embedded content
|
2334 |
-
========================================================================== */
|
2335 |
-
/**
|
2336 |
-
* Add the correct display in IE 9-.
|
2337 |
-
*/
|
2338 |
-
audio,
|
2339 |
-
video {
|
2340 |
-
display: inline-block;
|
2341 |
-
}
|
2342 |
-
|
2343 |
-
/**
|
2344 |
-
* Add the correct display in iOS 4-7.
|
2345 |
-
*/
|
2346 |
-
audio:not([controls]) {
|
2347 |
-
display: none;
|
2348 |
-
height: 0;
|
2349 |
-
}
|
2350 |
-
|
2351 |
-
/**
|
2352 |
-
* Remove the border on images inside links in IE 10-.
|
2353 |
-
*/
|
2354 |
-
img {
|
2355 |
-
border-style: none;
|
2356 |
-
}
|
2357 |
-
|
2358 |
-
/**
|
2359 |
-
* Hide the overflow in IE.
|
2360 |
-
*/
|
2361 |
-
svg:not(:root) {
|
2362 |
-
overflow: hidden;
|
2363 |
-
}
|
2364 |
-
|
2365 |
-
/* Forms
|
2366 |
-
========================================================================== */
|
2367 |
-
/**
|
2368 |
-
* 1. Change the font styles in all browsers (opinionated).
|
2369 |
-
* 2. Remove the margin in Firefox and Safari.
|
2370 |
-
*/
|
2371 |
-
button,
|
2372 |
-
input,
|
2373 |
-
optgroup,
|
2374 |
-
select,
|
2375 |
-
textarea {
|
2376 |
-
font-family: sans-serif;
|
2377 |
-
/* 1 */
|
2378 |
-
font-size: 100%;
|
2379 |
-
/* 1 */
|
2380 |
-
line-height: 1.15;
|
2381 |
-
/* 1 */
|
2382 |
-
margin: 0;
|
2383 |
-
/* 2 */
|
2384 |
-
}
|
2385 |
-
|
2386 |
-
/**
|
2387 |
-
* Show the overflow in IE.
|
2388 |
-
* 1. Show the overflow in Edge.
|
2389 |
-
*/
|
2390 |
-
button,
|
2391 |
-
input {
|
2392 |
-
/* 1 */
|
2393 |
-
overflow: visible;
|
2394 |
-
}
|
2395 |
-
|
2396 |
-
/**
|
2397 |
-
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
2398 |
-
* 1. Remove the inheritance of text transform in Firefox.
|
2399 |
-
*/
|
2400 |
-
button,
|
2401 |
-
select {
|
2402 |
-
/* 1 */
|
2403 |
-
text-transform: none;
|
2404 |
-
}
|
2405 |
-
|
2406 |
-
/**
|
2407 |
-
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
2408 |
-
* controls in Android 4.
|
2409 |
-
* 2. Correct the inability to style clickable types in iOS and Safari.
|
2410 |
-
*/
|
2411 |
-
button,
|
2412 |
-
html [type="button"],
|
2413 |
-
[type="reset"],
|
2414 |
-
[type="submit"] {
|
2415 |
-
-webkit-appearance: button;
|
2416 |
-
/* 2 */
|
2417 |
-
}
|
2418 |
-
|
2419 |
-
/**
|
2420 |
-
* Remove the inner border and padding in Firefox.
|
2421 |
-
*/
|
2422 |
-
button::-moz-focus-inner,
|
2423 |
-
[type="button"]::-moz-focus-inner,
|
2424 |
-
[type="reset"]::-moz-focus-inner,
|
2425 |
-
[type="submit"]::-moz-focus-inner {
|
2426 |
-
border-style: none;
|
2427 |
-
padding: 0;
|
2428 |
-
}
|
2429 |
-
|
2430 |
-
/**
|
2431 |
-
* Restore the focus styles unset by the previous rule.
|
2432 |
-
*/
|
2433 |
-
button:-moz-focusring,
|
2434 |
-
[type="button"]:-moz-focusring,
|
2435 |
-
[type="reset"]:-moz-focusring,
|
2436 |
-
[type="submit"]:-moz-focusring {
|
2437 |
-
outline: 1px dotted ButtonText;
|
2438 |
-
}
|
2439 |
-
|
2440 |
-
/**
|
2441 |
-
* Correct the padding in Firefox.
|
2442 |
-
*/
|
2443 |
-
fieldset {
|
2444 |
-
padding: 0.35em 0.75em 0.625em;
|
2445 |
-
}
|
2446 |
-
|
2447 |
-
/**
|
2448 |
-
* 1. Correct the text wrapping in Edge and IE.
|
2449 |
-
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
2450 |
-
* 3. Remove the padding so developers are not caught out when they zero out
|
2451 |
-
* `fieldset` elements in all browsers.
|
2452 |
-
*/
|
2453 |
-
legend {
|
2454 |
-
-webkit-box-sizing: border-box;
|
2455 |
-
box-sizing: border-box;
|
2456 |
-
/* 1 */
|
2457 |
-
color: inherit;
|
2458 |
-
/* 2 */
|
2459 |
-
display: table;
|
2460 |
-
/* 1 */
|
2461 |
-
max-width: 100%;
|
2462 |
-
/* 1 */
|
2463 |
-
padding: 0;
|
2464 |
-
/* 3 */
|
2465 |
-
white-space: normal;
|
2466 |
-
/* 1 */
|
2467 |
-
}
|
2468 |
-
|
2469 |
-
/**
|
2470 |
-
* 1. Add the correct display in IE 9-.
|
2471 |
-
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
2472 |
-
*/
|
2473 |
-
progress {
|
2474 |
-
display: inline-block;
|
2475 |
-
/* 1 */
|
2476 |
-
vertical-align: baseline;
|
2477 |
-
/* 2 */
|
2478 |
-
}
|
2479 |
-
|
2480 |
-
/**
|
2481 |
-
* Remove the default vertical scrollbar in IE.
|
2482 |
-
*/
|
2483 |
-
textarea {
|
2484 |
-
overflow: auto;
|
2485 |
-
}
|
2486 |
-
|
2487 |
-
/**
|
2488 |
-
* 1. Add the correct box sizing in IE 10-.
|
2489 |
-
* 2. Remove the padding in IE 10-.
|
2490 |
-
*/
|
2491 |
-
[type="checkbox"],
|
2492 |
-
[type="radio"] {
|
2493 |
-
-webkit-box-sizing: border-box;
|
2494 |
-
box-sizing: border-box;
|
2495 |
-
/* 1 */
|
2496 |
-
padding: 0;
|
2497 |
-
/* 2 */
|
2498 |
-
}
|
2499 |
-
|
2500 |
-
/**
|
2501 |
-
* Correct the cursor style of increment and decrement buttons in Chrome.
|
2502 |
-
*/
|
2503 |
-
[type="number"]::-webkit-inner-spin-button,
|
2504 |
-
[type="number"]::-webkit-outer-spin-button {
|
2505 |
-
height: auto;
|
2506 |
-
}
|
2507 |
-
|
2508 |
-
/**
|
2509 |
-
* 1. Correct the odd appearance in Chrome and Safari.
|
2510 |
-
* 2. Correct the outline style in Safari.
|
2511 |
-
*/
|
2512 |
-
[type="search"] {
|
2513 |
-
-webkit-appearance: textfield;
|
2514 |
-
/* 1 */
|
2515 |
-
outline-offset: -2px;
|
2516 |
-
/* 2 */
|
2517 |
-
}
|
2518 |
-
|
2519 |
-
/**
|
2520 |
-
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
2521 |
-
*/
|
2522 |
-
[type="search"]::-webkit-search-cancel-button,
|
2523 |
-
[type="search"]::-webkit-search-decoration {
|
2524 |
-
-webkit-appearance: none;
|
2525 |
-
}
|
2526 |
-
|
2527 |
-
/**
|
2528 |
-
* 1. Correct the inability to style clickable types in iOS and Safari.
|
2529 |
-
* 2. Change font properties to `inherit` in Safari.
|
2530 |
-
*/
|
2531 |
-
::-webkit-file-upload-button {
|
2532 |
-
-webkit-appearance: button;
|
2533 |
-
/* 1 */
|
2534 |
-
font: inherit;
|
2535 |
-
/* 2 */
|
2536 |
-
}
|
2537 |
-
|
2538 |
-
/* Interactive
|
2539 |
-
========================================================================== */
|
2540 |
-
/*
|
2541 |
-
* Add the correct display in IE 9-.
|
2542 |
-
* 1. Add the correct display in Edge, IE, and Firefox.
|
2543 |
-
*/
|
2544 |
-
details,
|
2545 |
-
menu {
|
2546 |
-
display: block;
|
2547 |
-
}
|
2548 |
-
|
2549 |
-
/*
|
2550 |
-
* Add the correct display in all browsers.
|
2551 |
-
*/
|
2552 |
-
summary {
|
2553 |
-
display: list-item;
|
2554 |
-
}
|
2555 |
-
|
2556 |
-
/* Scripting
|
2557 |
-
========================================================================== */
|
2558 |
-
/**
|
2559 |
-
* Add the correct display in IE 9-.
|
2560 |
-
*/
|
2561 |
-
canvas {
|
2562 |
-
display: inline-block;
|
2563 |
-
}
|
2564 |
-
|
2565 |
-
/**
|
2566 |
-
* Add the correct display in IE.
|
2567 |
-
*/
|
2568 |
-
template {
|
2569 |
-
display: none;
|
2570 |
-
}
|
2571 |
-
|
2572 |
-
/* Hidden
|
2573 |
-
========================================================================== */
|
2574 |
-
/**
|
2575 |
-
* Add the correct display in IE 10-.
|
2576 |
-
*/
|
2577 |
-
[hidden] {
|
2578 |
-
display: none;
|
2579 |
-
}
|
2580 |
-
|
2581 |
-
html {
|
2582 |
-
-webkit-box-sizing: border-box;
|
2583 |
-
box-sizing: border-box;
|
2584 |
-
}
|
2585 |
-
|
2586 |
-
*, *:before, *:after {
|
2587 |
-
-webkit-box-sizing: inherit;
|
2588 |
-
box-sizing: inherit;
|
2589 |
-
}
|
2590 |
-
|
2591 |
-
button,
|
2592 |
-
input,
|
2593 |
-
optgroup,
|
2594 |
-
select,
|
2595 |
-
textarea {
|
2596 |
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2597 |
-
}
|
2598 |
-
|
2599 |
-
ul:not(.browser-default) {
|
2600 |
-
padding-left: 0;
|
2601 |
-
list-style-type: none;
|
2602 |
-
}
|
2603 |
-
|
2604 |
-
ul:not(.browser-default) > li {
|
2605 |
-
list-style-type: none;
|
2606 |
-
}
|
2607 |
-
|
2608 |
-
a {
|
2609 |
-
color: #039be5;
|
2610 |
-
text-decoration: none;
|
2611 |
-
-webkit-tap-highlight-color: transparent;
|
2612 |
-
}
|
2613 |
-
|
2614 |
-
.valign-wrapper {
|
2615 |
-
display: -webkit-box;
|
2616 |
-
display: -webkit-flex;
|
2617 |
-
display: -ms-flexbox;
|
2618 |
-
display: flex;
|
2619 |
-
-webkit-box-align: center;
|
2620 |
-
-webkit-align-items: center;
|
2621 |
-
-ms-flex-align: center;
|
2622 |
-
align-items: center;
|
2623 |
-
}
|
2624 |
-
|
2625 |
-
.clearfix {
|
2626 |
-
clear: both;
|
2627 |
-
}
|
2628 |
-
|
2629 |
-
.z-depth-0 {
|
2630 |
-
-webkit-box-shadow: none !important;
|
2631 |
-
box-shadow: none !important;
|
2632 |
-
}
|
2633 |
-
|
2634 |
-
/* 2dp elevation modified*/
|
2635 |
-
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
|
2636 |
-
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
2637 |
-
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
2638 |
-
}
|
2639 |
-
|
2640 |
-
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
|
2641 |
-
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
2642 |
-
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
2643 |
-
}
|
2644 |
-
|
2645 |
-
/* 6dp elevation modified*/
|
2646 |
-
.z-depth-2 {
|
2647 |
-
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
2648 |
-
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
2649 |
-
}
|
2650 |
-
|
2651 |
-
/* 12dp elevation modified*/
|
2652 |
-
.z-depth-3 {
|
2653 |
-
-webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
2654 |
-
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
2655 |
-
}
|
2656 |
-
|
2657 |
-
/* 16dp elevation */
|
2658 |
-
.z-depth-4 {
|
2659 |
-
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
2660 |
-
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
2661 |
-
}
|
2662 |
-
|
2663 |
-
/* 24dp elevation */
|
2664 |
-
.z-depth-5, .modal {
|
2665 |
-
-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
2666 |
-
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
2667 |
-
}
|
2668 |
-
|
2669 |
-
.hoverable {
|
2670 |
-
-webkit-transition: -webkit-box-shadow .25s;
|
2671 |
-
transition: -webkit-box-shadow .25s;
|
2672 |
-
transition: box-shadow .25s;
|
2673 |
-
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
2674 |
-
}
|
2675 |
-
|
2676 |
-
.hoverable:hover {
|
2677 |
-
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
2678 |
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
2679 |
-
}
|
2680 |
-
|
2681 |
-
.divider {
|
2682 |
-
height: 1px;
|
2683 |
-
overflow: hidden;
|
2684 |
-
background-color: #e0e0e0;
|
2685 |
-
}
|
2686 |
-
|
2687 |
-
blockquote {
|
2688 |
-
margin: 20px 0;
|
2689 |
-
padding-left: 1.5rem;
|
2690 |
-
border-left: 5px solid #ee6e73;
|
2691 |
-
}
|
2692 |
-
|
2693 |
-
i {
|
2694 |
-
line-height: inherit;
|
2695 |
-
}
|
2696 |
-
|
2697 |
-
i.left {
|
2698 |
-
float: left;
|
2699 |
-
margin-right: 15px;
|
2700 |
-
}
|
2701 |
-
|
2702 |
-
i.right {
|
2703 |
-
float: right;
|
2704 |
-
margin-left: 15px;
|
2705 |
-
}
|
2706 |
-
|
2707 |
-
i.tiny {
|
2708 |
-
font-size: 1rem;
|
2709 |
-
}
|
2710 |
-
|
2711 |
-
i.small {
|
2712 |
-
font-size: 2rem;
|
2713 |
-
}
|
2714 |
-
|
2715 |
-
i.medium {
|
2716 |
-
font-size: 4rem;
|
2717 |
-
}
|
2718 |
-
|
2719 |
-
i.large {
|
2720 |
-
font-size: 6rem;
|
2721 |
-
}
|
2722 |
-
|
2723 |
-
img.responsive-img,
|
2724 |
-
video.responsive-video {
|
2725 |
-
max-width: 100%;
|
2726 |
-
height: auto;
|
2727 |
-
}
|
2728 |
-
|
2729 |
-
.pagination li {
|
2730 |
-
display: inline-block;
|
2731 |
-
border-radius: 2px;
|
2732 |
-
text-align: center;
|
2733 |
-
vertical-align: top;
|
2734 |
-
height: 30px;
|
2735 |
-
}
|
2736 |
-
|
2737 |
-
.pagination li a {
|
2738 |
-
color: #444;
|
2739 |
-
display: inline-block;
|
2740 |
-
font-size: 1.2rem;
|
2741 |
-
padding: 0 10px;
|
2742 |
-
line-height: 30px;
|
2743 |
-
}
|
2744 |
-
|
2745 |
-
.pagination li.active a {
|
2746 |
-
color: #fff;
|
2747 |
-
}
|
2748 |
-
|
2749 |
-
.pagination li.active {
|
2750 |
-
background-color: #ee6e73;
|
2751 |
-
}
|
2752 |
-
|
2753 |
-
.pagination li.disabled a {
|
2754 |
-
cursor: default;
|
2755 |
-
color: #999;
|
2756 |
-
}
|
2757 |
-
|
2758 |
-
.pagination li i {
|
2759 |
-
font-size: 2rem;
|
2760 |
-
}
|
2761 |
-
|
2762 |
-
.pagination li.pages ul li {
|
2763 |
-
display: inline-block;
|
2764 |
-
float: none;
|
2765 |
-
}
|
2766 |
-
|
2767 |
-
@media only screen and (max-width: 992px) {
|
2768 |
-
.pagination {
|
2769 |
-
width: 100%;
|
2770 |
-
}
|
2771 |
-
.pagination li.prev,
|
2772 |
-
.pagination li.next {
|
2773 |
-
width: 10%;
|
2774 |
-
}
|
2775 |
-
.pagination li.pages {
|
2776 |
-
width: 80%;
|
2777 |
-
overflow: hidden;
|
2778 |
-
white-space: nowrap;
|
2779 |
-
}
|
2780 |
-
}
|
2781 |
-
|
2782 |
-
.breadcrumb {
|
2783 |
-
font-size: 18px;
|
2784 |
-
color: rgba(255, 255, 255, 0.7);
|
2785 |
-
}
|
2786 |
-
|
2787 |
-
.breadcrumb i,
|
2788 |
-
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
|
2789 |
-
.breadcrumb i.material-icons {
|
2790 |
-
display: inline-block;
|
2791 |
-
float: left;
|
2792 |
-
font-size: 24px;
|
2793 |
-
}
|
2794 |
-
|
2795 |
-
.breadcrumb:before {
|
2796 |
-
content: '\E5CC';
|
2797 |
-
color: rgba(255, 255, 255, 0.7);
|
2798 |
-
vertical-align: top;
|
2799 |
-
display: inline-block;
|
2800 |
-
font-family: 'Material Icons';
|
2801 |
-
font-weight: normal;
|
2802 |
-
font-style: normal;
|
2803 |
-
font-size: 25px;
|
2804 |
-
margin: 0 10px 0 8px;
|
2805 |
-
-webkit-font-smoothing: antialiased;
|
2806 |
-
}
|
2807 |
-
|
2808 |
-
.breadcrumb:first-child:before {
|
2809 |
-
display: none;
|
2810 |
-
}
|
2811 |
-
|
2812 |
-
.breadcrumb:last-child {
|
2813 |
-
color: #fff;
|
2814 |
-
}
|
2815 |
-
|
2816 |
-
.parallax-container {
|
2817 |
-
position: relative;
|
2818 |
-
overflow: hidden;
|
2819 |
-
height: 500px;
|
2820 |
-
}
|
2821 |
-
|
2822 |
-
.parallax-container .parallax {
|
2823 |
-
position: absolute;
|
2824 |
-
top: 0;
|
2825 |
-
left: 0;
|
2826 |
-
right: 0;
|
2827 |
-
bottom: 0;
|
2828 |
-
z-index: -1;
|
2829 |
-
}
|
2830 |
-
|
2831 |
-
.parallax-container .parallax img {
|
2832 |
-
opacity: 0;
|
2833 |
-
position: absolute;
|
2834 |
-
left: 50%;
|
2835 |
-
bottom: 0;
|
2836 |
-
min-width: 100%;
|
2837 |
-
min-height: 100%;
|
2838 |
-
-webkit-transform: translate3d(0, 0, 0);
|
2839 |
-
transform: translate3d(0, 0, 0);
|
2840 |
-
-webkit-transform: translateX(-50%);
|
2841 |
-
transform: translateX(-50%);
|
2842 |
-
}
|
2843 |
-
|
2844 |
-
.pin-top, .pin-bottom {
|
2845 |
-
position: relative;
|
2846 |
-
}
|
2847 |
-
|
2848 |
-
.pinned {
|
2849 |
-
position: fixed !important;
|
2850 |
-
}
|
2851 |
-
|
2852 |
-
/*********************
|
2853 |
-
Transition Classes
|
2854 |
-
**********************/
|
2855 |
-
ul.staggered-list li {
|
2856 |
-
opacity: 0;
|
2857 |
-
}
|
2858 |
-
|
2859 |
-
.fade-in {
|
2860 |
-
opacity: 0;
|
2861 |
-
-webkit-transform-origin: 0 50%;
|
2862 |
-
transform-origin: 0 50%;
|
2863 |
-
}
|
2864 |
-
|
2865 |
-
/*********************
|
2866 |
-
Media Query Classes
|
2867 |
-
**********************/
|
2868 |
-
@media only screen and (max-width: 600px) {
|
2869 |
-
.hide-on-small-only, .hide-on-small-and-down {
|
2870 |
-
display: none !important;
|
2871 |
-
}
|
2872 |
-
}
|
2873 |
-
|
2874 |
-
@media only screen and (max-width: 992px) {
|
2875 |
-
.hide-on-med-and-down {
|
2876 |
-
display: none !important;
|
2877 |
-
}
|
2878 |
-
}
|
2879 |
-
|
2880 |
-
@media only screen and (min-width: 601px) {
|
2881 |
-
.hide-on-med-and-up {
|
2882 |
-
display: none !important;
|
2883 |
-
}
|
2884 |
-
}
|
2885 |
-
|
2886 |
-
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
2887 |
-
.hide-on-med-only {
|
2888 |
-
display: none !important;
|
2889 |
-
}
|
2890 |
-
}
|
2891 |
-
|
2892 |
-
@media only screen and (min-width: 993px) {
|
2893 |
-
.hide-on-large-only {
|
2894 |
-
display: none !important;
|
2895 |
-
}
|
2896 |
-
}
|
2897 |
-
|
2898 |
-
@media only screen and (min-width: 1201px) {
|
2899 |
-
.hide-on-extra-large-only {
|
2900 |
-
display: none !important;
|
2901 |
-
}
|
2902 |
-
}
|
2903 |
-
|
2904 |
-
@media only screen and (min-width: 1201px) {
|
2905 |
-
.show-on-extra-large {
|
2906 |
-
display: block !important;
|
2907 |
-
}
|
2908 |
-
}
|
2909 |
-
|
2910 |
-
@media only screen and (min-width: 993px) {
|
2911 |
-
.show-on-large {
|
2912 |
-
display: block !important;
|
2913 |
-
}
|
2914 |
-
}
|
2915 |
-
|
2916 |
-
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
2917 |
-
.show-on-medium {
|
2918 |
-
display: block !important;
|
2919 |
-
}
|
2920 |
-
}
|
2921 |
-
|
2922 |
-
@media only screen and (max-width: 600px) {
|
2923 |
-
.show-on-small {
|
2924 |
-
display: block !important;
|
2925 |
-
}
|
2926 |
-
}
|
2927 |
-
|
2928 |
-
@media only screen and (min-width: 601px) {
|
2929 |
-
.show-on-medium-and-up {
|
2930 |
-
display: block !important;
|
2931 |
-
}
|
2932 |
-
}
|
2933 |
-
|
2934 |
-
@media only screen and (max-width: 992px) {
|
2935 |
-
.show-on-medium-and-down {
|
2936 |
-
display: block !important;
|
2937 |
-
}
|
2938 |
-
}
|
2939 |
-
|
2940 |
-
@media only screen and (max-width: 600px) {
|
2941 |
-
.center-on-small-only {
|
2942 |
-
text-align: center;
|
2943 |
-
}
|
2944 |
-
}
|
2945 |
-
|
2946 |
-
.page-footer {
|
2947 |
-
padding-top: 20px;
|
2948 |
-
color: #fff;
|
2949 |
-
background-color: #ee6e73;
|
2950 |
-
}
|
2951 |
-
|
2952 |
-
.page-footer .footer-copyright {
|
2953 |
-
overflow: hidden;
|
2954 |
-
min-height: 50px;
|
2955 |
-
display: -webkit-box;
|
2956 |
-
display: -webkit-flex;
|
2957 |
-
display: -ms-flexbox;
|
2958 |
-
display: flex;
|
2959 |
-
-webkit-box-align: center;
|
2960 |
-
-webkit-align-items: center;
|
2961 |
-
-ms-flex-align: center;
|
2962 |
-
align-items: center;
|
2963 |
-
-webkit-box-pack: justify;
|
2964 |
-
-webkit-justify-content: space-between;
|
2965 |
-
-ms-flex-pack: justify;
|
2966 |
-
justify-content: space-between;
|
2967 |
-
padding: 10px 0px;
|
2968 |
-
color: rgba(255, 255, 255, 0.8);
|
2969 |
-
background-color: rgba(51, 51, 51, 0.08);
|
2970 |
-
}
|
2971 |
-
|
2972 |
-
table, th, td {
|
2973 |
-
border: none;
|
2974 |
-
}
|
2975 |
-
|
2976 |
-
table {
|
2977 |
-
width: 100%;
|
2978 |
-
display: table;
|
2979 |
-
border-collapse: collapse;
|
2980 |
-
border-spacing: 0;
|
2981 |
-
}
|
2982 |
-
|
2983 |
-
table.striped tr {
|
2984 |
-
border-bottom: none;
|
2985 |
-
}
|
2986 |
-
|
2987 |
-
table.striped > tbody > tr:nth-child(odd) {
|
2988 |
-
background-color: rgba(242, 242, 242, 0.5);
|
2989 |
-
}
|
2990 |
-
|
2991 |
-
table.striped > tbody > tr > td {
|
2992 |
-
border-radius: 0;
|
2993 |
-
}
|
2994 |
-
|
2995 |
-
table.highlight > tbody > tr {
|
2996 |
-
-webkit-transition: background-color .25s ease;
|
2997 |
-
transition: background-color .25s ease;
|
2998 |
-
}
|
2999 |
-
|
3000 |
-
table.highlight > tbody > tr:hover {
|
3001 |
-
background-color: rgba(242, 242, 242, 0.5);
|
3002 |
-
}
|
3003 |
-
|
3004 |
-
table.centered thead tr th, table.centered tbody tr td {
|
3005 |
-
text-align: center;
|
3006 |
-
}
|
3007 |
-
|
3008 |
-
tr {
|
3009 |
-
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
3010 |
-
}
|
3011 |
-
|
3012 |
-
td, th {
|
3013 |
-
padding: 15px 5px;
|
3014 |
-
display: table-cell;
|
3015 |
-
text-align: left;
|
3016 |
-
vertical-align: middle;
|
3017 |
-
border-radius: 2px;
|
3018 |
-
}
|
3019 |
-
|
3020 |
-
@media only screen and (max-width: 992px) {
|
3021 |
-
table.responsive-table {
|
3022 |
-
width: 100%;
|
3023 |
-
border-collapse: collapse;
|
3024 |
-
border-spacing: 0;
|
3025 |
-
display: block;
|
3026 |
-
position: relative;
|
3027 |
-
/* sort out borders */
|
3028 |
-
}
|
3029 |
-
table.responsive-table td:empty:before {
|
3030 |
-
content: '\00a0';
|
3031 |
-
}
|
3032 |
-
table.responsive-table th,
|
3033 |
-
table.responsive-table td {
|
3034 |
-
margin: 0;
|
3035 |
-
vertical-align: top;
|
3036 |
-
}
|
3037 |
-
table.responsive-table th {
|
3038 |
-
text-align: left;
|
3039 |
-
}
|
3040 |
-
table.responsive-table thead {
|
3041 |
-
display: block;
|
3042 |
-
float: left;
|
3043 |
-
}
|
3044 |
-
table.responsive-table thead tr {
|
3045 |
-
display: block;
|
3046 |
-
padding: 0 10px 0 0;
|
3047 |
-
}
|
3048 |
-
table.responsive-table thead tr th::before {
|
3049 |
-
content: "\00a0";
|
3050 |
-
}
|
3051 |
-
table.responsive-table tbody {
|
3052 |
-
display: block;
|
3053 |
-
width: auto;
|
3054 |
-
position: relative;
|
3055 |
-
overflow-x: auto;
|
3056 |
-
white-space: nowrap;
|
3057 |
-
}
|
3058 |
-
table.responsive-table tbody tr {
|
3059 |
-
display: inline-block;
|
3060 |
-
vertical-align: top;
|
3061 |
-
}
|
3062 |
-
table.responsive-table th {
|
3063 |
-
display: block;
|
3064 |
-
text-align: right;
|
3065 |
-
}
|
3066 |
-
table.responsive-table td {
|
3067 |
-
display: block;
|
3068 |
-
min-height: 1.25em;
|
3069 |
-
text-align: left;
|
3070 |
-
}
|
3071 |
-
table.responsive-table tr {
|
3072 |
-
border-bottom: none;
|
3073 |
-
padding: 0 10px;
|
3074 |
-
}
|
3075 |
-
table.responsive-table thead {
|
3076 |
-
border: 0;
|
3077 |
-
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
3078 |
-
}
|
3079 |
-
}
|
3080 |
-
|
3081 |
-
.collection {
|
3082 |
-
margin: 0.5rem 0 1rem 0;
|
3083 |
-
border: 1px solid #e0e0e0;
|
3084 |
-
border-radius: 2px;
|
3085 |
-
overflow: hidden;
|
3086 |
-
position: relative;
|
3087 |
-
}
|
3088 |
-
|
3089 |
-
.collection .collection-item {
|
3090 |
-
background-color: #fff;
|
3091 |
-
line-height: 1.5rem;
|
3092 |
-
padding: 10px 20px;
|
3093 |
-
margin: 0;
|
3094 |
-
border-bottom: 1px solid #e0e0e0;
|
3095 |
-
}
|
3096 |
-
|
3097 |
-
.collection .collection-item.avatar {
|
3098 |
-
min-height: 84px;
|
3099 |
-
padding-left: 72px;
|
3100 |
-
position: relative;
|
3101 |
-
}
|
3102 |
-
|
3103 |
-
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
|
3104 |
-
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
|
3105 |
-
position: absolute;
|
3106 |
-
width: 42px;
|
3107 |
-
height: 42px;
|
3108 |
-
overflow: hidden;
|
3109 |
-
left: 15px;
|
3110 |
-
display: inline-block;
|
3111 |
-
vertical-align: middle;
|
3112 |
-
}
|
3113 |
-
|
3114 |
-
.collection .collection-item.avatar i.circle {
|
3115 |
-
font-size: 18px;
|
3116 |
-
line-height: 42px;
|
3117 |
-
color: #fff;
|
3118 |
-
background-color: #999;
|
3119 |
-
text-align: center;
|
3120 |
-
}
|
3121 |
-
|
3122 |
-
.collection .collection-item.avatar .title {
|
3123 |
-
font-size: 16px;
|
3124 |
-
}
|
3125 |
-
|
3126 |
-
.collection .collection-item.avatar p {
|
3127 |
-
margin: 0;
|
3128 |
-
}
|
3129 |
-
|
3130 |
-
.collection .collection-item.avatar .secondary-content {
|
3131 |
-
position: absolute;
|
3132 |
-
top: 16px;
|
3133 |
-
right: 16px;
|
3134 |
-
}
|
3135 |
-
|
3136 |
-
.collection .collection-item:last-child {
|
3137 |
-
border-bottom: none;
|
3138 |
-
}
|
3139 |
-
|
3140 |
-
.collection .collection-item.active {
|
3141 |
-
background-color: #26a69a;
|
3142 |
-
color: #eafaf9;
|
3143 |
-
}
|
3144 |
-
|
3145 |
-
.collection .collection-item.active .secondary-content {
|
3146 |
-
color: #fff;
|
3147 |
-
}
|
3148 |
-
|
3149 |
-
.collection a.collection-item {
|
3150 |
-
display: block;
|
3151 |
-
-webkit-transition: .25s;
|
3152 |
-
transition: .25s;
|
3153 |
-
color: #26a69a;
|
3154 |
-
}
|
3155 |
-
|
3156 |
-
.collection a.collection-item:not(.active):hover {
|
3157 |
-
background-color: #ddd;
|
3158 |
-
}
|
3159 |
-
|
3160 |
-
.collection.with-header .collection-header {
|
3161 |
-
background-color: #fff;
|
3162 |
-
border-bottom: 1px solid #e0e0e0;
|
3163 |
-
padding: 10px 20px;
|
3164 |
-
}
|
3165 |
-
|
3166 |
-
.collection.with-header .collection-item {
|
3167 |
-
padding-left: 30px;
|
3168 |
-
}
|
3169 |
-
|
3170 |
-
.collection.with-header .collection-item.avatar {
|
3171 |
-
padding-left: 72px;
|
3172 |
-
}
|
3173 |
-
|
3174 |
-
.secondary-content {
|
3175 |
-
float: right;
|
3176 |
-
color: #26a69a;
|
3177 |
-
}
|
3178 |
-
|
3179 |
-
.collapsible .collection {
|
3180 |
-
margin: 0;
|
3181 |
-
border: none;
|
3182 |
-
}
|
3183 |
-
|
3184 |
-
.video-container {
|
3185 |
-
position: relative;
|
3186 |
-
padding-bottom: 56.25%;
|
3187 |
-
height: 0;
|
3188 |
-
overflow: hidden;
|
3189 |
-
}
|
3190 |
-
|
3191 |
-
.video-container iframe, .video-container object, .video-container embed {
|
3192 |
-
position: absolute;
|
3193 |
-
top: 0;
|
3194 |
-
left: 0;
|
3195 |
-
width: 100%;
|
3196 |
-
height: 100%;
|
3197 |
-
}
|
3198 |
-
|
3199 |
-
.progress {
|
3200 |
-
position: relative;
|
3201 |
-
height: 4px;
|
3202 |
-
display: block;
|
3203 |
-
width: 100%;
|
3204 |
-
background-color: #acece6;
|
3205 |
-
border-radius: 2px;
|
3206 |
-
margin: 0.5rem 0 1rem 0;
|
3207 |
-
overflow: hidden;
|
3208 |
-
}
|
3209 |
-
|
3210 |
-
.progress .determinate {
|
3211 |
-
position: absolute;
|
3212 |
-
top: 0;
|
3213 |
-
left: 0;
|
3214 |
-
bottom: 0;
|
3215 |
-
background-color: #26a69a;
|
3216 |
-
-webkit-transition: width .3s linear;
|
3217 |
-
transition: width .3s linear;
|
3218 |
-
}
|
3219 |
-
|
3220 |
-
.progress .indeterminate {
|
3221 |
-
background-color: #26a69a;
|
3222 |
-
}
|
3223 |
-
|
3224 |
-
.progress .indeterminate:before {
|
3225 |
-
content: '';
|
3226 |
-
position: absolute;
|
3227 |
-
background-color: inherit;
|
3228 |
-
top: 0;
|
3229 |
-
left: 0;
|
3230 |
-
bottom: 0;
|
3231 |
-
will-change: left, right;
|
3232 |
-
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
3233 |
-
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
3234 |
-
}
|
3235 |
-
|
3236 |
-
.progress .indeterminate:after {
|
3237 |
-
content: '';
|
3238 |
-
position: absolute;
|
3239 |
-
background-color: inherit;
|
3240 |
-
top: 0;
|
3241 |
-
left: 0;
|
3242 |
-
bottom: 0;
|
3243 |
-
will-change: left, right;
|
3244 |
-
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
3245 |
-
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
3246 |
-
-webkit-animation-delay: 1.15s;
|
3247 |
-
animation-delay: 1.15s;
|
3248 |
-
}
|
3249 |
-
|
3250 |
-
@-webkit-keyframes indeterminate {
|
3251 |
-
0% {
|
3252 |
-
left: -35%;
|
3253 |
-
right: 100%;
|
3254 |
-
}
|
3255 |
-
60% {
|
3256 |
-
left: 100%;
|
3257 |
-
right: -90%;
|
3258 |
-
}
|
3259 |
-
100% {
|
3260 |
-
left: 100%;
|
3261 |
-
right: -90%;
|
3262 |
-
}
|
3263 |
-
}
|
3264 |
-
|
3265 |
-
@keyframes indeterminate {
|
3266 |
-
0% {
|
3267 |
-
left: -35%;
|
3268 |
-
right: 100%;
|
3269 |
-
}
|
3270 |
-
60% {
|
3271 |
-
left: 100%;
|
3272 |
-
right: -90%;
|
3273 |
-
}
|
3274 |
-
100% {
|
3275 |
-
left: 100%;
|
3276 |
-
right: -90%;
|
3277 |
-
}
|
3278 |
-
}
|
3279 |
-
|
3280 |
-
@-webkit-keyframes indeterminate-short {
|
3281 |
-
0% {
|
3282 |
-
left: -200%;
|
3283 |
-
right: 100%;
|
3284 |
-
}
|
3285 |
-
60% {
|
3286 |
-
left: 107%;
|
3287 |
-
right: -8%;
|
3288 |
-
}
|
3289 |
-
100% {
|
3290 |
-
left: 107%;
|
3291 |
-
right: -8%;
|
3292 |
-
}
|
3293 |
-
}
|
3294 |
-
|
3295 |
-
@keyframes indeterminate-short {
|
3296 |
-
0% {
|
3297 |
-
left: -200%;
|
3298 |
-
right: 100%;
|
3299 |
-
}
|
3300 |
-
60% {
|
3301 |
-
left: 107%;
|
3302 |
-
right: -8%;
|
3303 |
-
}
|
3304 |
-
100% {
|
3305 |
-
left: 107%;
|
3306 |
-
right: -8%;
|
3307 |
-
}
|
3308 |
-
}
|
3309 |
-
|
3310 |
-
/*******************
|
3311 |
-
Utility Classes
|
3312 |
-
*******************/
|
3313 |
-
.hide {
|
3314 |
-
display: none !important;
|
3315 |
-
}
|
3316 |
-
|
3317 |
-
.left-align {
|
3318 |
-
text-align: left;
|
3319 |
-
}
|
3320 |
-
|
3321 |
-
.right-align {
|
3322 |
-
text-align: right;
|
3323 |
-
}
|
3324 |
-
|
3325 |
-
.center, .center-align {
|
3326 |
-
text-align: center;
|
3327 |
-
}
|
3328 |
-
|
3329 |
-
.left {
|
3330 |
-
float: left !important;
|
3331 |
-
}
|
3332 |
-
|
3333 |
-
.right {
|
3334 |
-
float: right !important;
|
3335 |
-
}
|
3336 |
-
|
3337 |
-
.no-select, input[type=range],
|
3338 |
-
input[type=range] + .thumb {
|
3339 |
-
-webkit-user-select: none;
|
3340 |
-
-moz-user-select: none;
|
3341 |
-
-ms-user-select: none;
|
3342 |
-
user-select: none;
|
3343 |
-
}
|
3344 |
-
|
3345 |
-
.circle {
|
3346 |
-
border-radius: 50%;
|
3347 |
-
}
|
3348 |
-
|
3349 |
-
.center-block {
|
3350 |
-
display: block;
|
3351 |
-
margin-left: auto;
|
3352 |
-
margin-right: auto;
|
3353 |
-
}
|
3354 |
-
|
3355 |
-
.truncate {
|
3356 |
-
display: block;
|
3357 |
-
white-space: nowrap;
|
3358 |
-
overflow: hidden;
|
3359 |
-
text-overflow: ellipsis;
|
3360 |
-
}
|
3361 |
-
|
3362 |
-
.no-padding {
|
3363 |
-
padding: 0 !important;
|
3364 |
-
}
|
3365 |
-
|
3366 |
-
span.badge {
|
3367 |
-
min-width: 3rem;
|
3368 |
-
padding: 0 6px;
|
3369 |
-
margin-left: 14px;
|
3370 |
-
text-align: center;
|
3371 |
-
font-size: 1rem;
|
3372 |
-
line-height: 22px;
|
3373 |
-
height: 22px;
|
3374 |
-
color: #757575;
|
3375 |
-
float: right;
|
3376 |
-
-webkit-box-sizing: border-box;
|
3377 |
-
box-sizing: border-box;
|
3378 |
-
}
|
3379 |
-
|
3380 |
-
span.badge.new {
|
3381 |
-
font-weight: 300;
|
3382 |
-
font-size: 0.8rem;
|
3383 |
-
color: #fff;
|
3384 |
-
background-color: #26a69a;
|
3385 |
-
border-radius: 2px;
|
3386 |
-
}
|
3387 |
-
|
3388 |
-
span.badge.new:after {
|
3389 |
-
content: " new";
|
3390 |
-
}
|
3391 |
-
|
3392 |
-
span.badge[data-badge-caption]::after {
|
3393 |
-
content: " " attr(data-badge-caption);
|
3394 |
-
}
|
3395 |
-
|
3396 |
-
nav ul a span.badge {
|
3397 |
-
display: inline-block;
|
3398 |
-
float: none;
|
3399 |
-
margin-left: 4px;
|
3400 |
-
line-height: 22px;
|
3401 |
-
height: 22px;
|
3402 |
-
-webkit-font-smoothing: auto;
|
3403 |
-
}
|
3404 |
-
|
3405 |
-
.collection-item span.badge {
|
3406 |
-
margin-top: calc(0.75rem - 11px);
|
3407 |
-
}
|
3408 |
-
|
3409 |
-
.collapsible span.badge {
|
3410 |
-
margin-left: auto;
|
3411 |
-
}
|
3412 |
-
|
3413 |
-
.sidenav span.badge {
|
3414 |
-
margin-top: calc(24px - 11px);
|
3415 |
-
}
|
3416 |
-
|
3417 |
-
table span.badge {
|
3418 |
-
display: inline-block;
|
3419 |
-
float: none;
|
3420 |
-
margin-left: auto;
|
3421 |
-
}
|
3422 |
-
|
3423 |
-
/* This is needed for some mobile phones to display the Google Icon font properly */
|
3424 |
-
.material-icons {
|
3425 |
-
text-rendering: optimizeLegibility;
|
3426 |
-
-webkit-font-feature-settings: 'liga';
|
3427 |
-
-moz-font-feature-settings: 'liga';
|
3428 |
-
font-feature-settings: 'liga';
|
3429 |
-
}
|
3430 |
-
|
3431 |
-
.container {
|
3432 |
-
margin: 0 auto;
|
3433 |
-
max-width: 1280px;
|
3434 |
-
width: 90%;
|
3435 |
-
}
|
3436 |
-
|
3437 |
-
@media only screen and (min-width: 601px) {
|
3438 |
-
.container {
|
3439 |
-
width: 85%;
|
3440 |
-
}
|
3441 |
-
}
|
3442 |
-
|
3443 |
-
@media only screen and (min-width: 993px) {
|
3444 |
-
.container {
|
3445 |
-
width: 70%;
|
3446 |
-
}
|
3447 |
-
}
|
3448 |
-
|
3449 |
-
.col .row {
|
3450 |
-
margin-left: -0.75rem;
|
3451 |
-
margin-right: -0.75rem;
|
3452 |
-
}
|
3453 |
-
|
3454 |
-
.section {
|
3455 |
-
padding-top: 1rem;
|
3456 |
-
padding-bottom: 1rem;
|
3457 |
-
}
|
3458 |
-
|
3459 |
-
.section.no-pad {
|
3460 |
-
padding: 0;
|
3461 |
-
}
|
3462 |
-
|
3463 |
-
.section.no-pad-bot {
|
3464 |
-
padding-bottom: 0;
|
3465 |
-
}
|
3466 |
-
|
3467 |
-
.section.no-pad-top {
|
3468 |
-
padding-top: 0;
|
3469 |
-
}
|
3470 |
-
|
3471 |
-
.row {
|
3472 |
-
margin-left: auto;
|
3473 |
-
margin-right: auto;
|
3474 |
-
margin-bottom: 20px;
|
3475 |
-
}
|
3476 |
-
|
3477 |
-
.row:after {
|
3478 |
-
content: "";
|
3479 |
-
display: table;
|
3480 |
-
clear: both;
|
3481 |
-
}
|
3482 |
-
|
3483 |
-
.row .col {
|
3484 |
-
float: left;
|
3485 |
-
-webkit-box-sizing: border-box;
|
3486 |
-
box-sizing: border-box;
|
3487 |
-
padding: 0 0.75rem;
|
3488 |
-
min-height: 1px;
|
3489 |
-
}
|
3490 |
-
|
3491 |
-
.row .col[class*="push-"], .row .col[class*="pull-"] {
|
3492 |
-
position: relative;
|
3493 |
-
}
|
3494 |
-
|
3495 |
-
.row .col.s1 {
|
3496 |
-
width: 8.3333333333%;
|
3497 |
-
margin-left: auto;
|
3498 |
-
left: auto;
|
3499 |
-
right: auto;
|
3500 |
-
}
|
3501 |
-
|
3502 |
-
.row .col.s2 {
|
3503 |
-
width: 16.6666666667%;
|
3504 |
-
margin-left: auto;
|
3505 |
-
left: auto;
|
3506 |
-
right: auto;
|
3507 |
-
}
|
3508 |
-
|
3509 |
-
.row .col.s3 {
|
3510 |
-
width: 25%;
|
3511 |
-
margin-left: auto;
|
3512 |
-
left: auto;
|
3513 |
-
right: auto;
|
3514 |
-
}
|
3515 |
-
|
3516 |
-
.row .col.s4 {
|
3517 |
-
width: 33.3333333333%;
|
3518 |
-
margin-left: auto;
|
3519 |
-
left: auto;
|
3520 |
-
right: auto;
|
3521 |
-
}
|
3522 |
-
|
3523 |
-
.row .col.s5 {
|
3524 |
-
width: 41.6666666667%;
|
3525 |
-
margin-left: auto;
|
3526 |
-
left: auto;
|
3527 |
-
right: auto;
|
3528 |
-
}
|
3529 |
-
|
3530 |
-
.row .col.s6 {
|
3531 |
-
width: 50%;
|
3532 |
-
margin-left: auto;
|
3533 |
-
left: auto;
|
3534 |
-
right: auto;
|
3535 |
-
}
|
3536 |
-
|
3537 |
-
.row .col.s7 {
|
3538 |
-
width: 58.3333333333%;
|
3539 |
-
margin-left: auto;
|
3540 |
-
left: auto;
|
3541 |
-
right: auto;
|
3542 |
-
}
|
3543 |
-
|
3544 |
-
.row .col.s8 {
|
3545 |
-
width: 66.6666666667%;
|
3546 |
-
margin-left: auto;
|
3547 |
-
left: auto;
|
3548 |
-
right: auto;
|
3549 |
-
}
|
3550 |
-
|
3551 |
-
.row .col.s9 {
|
3552 |
-
width: 75%;
|
3553 |
-
margin-left: auto;
|
3554 |
-
left: auto;
|
3555 |
-
right: auto;
|
3556 |
-
}
|
3557 |
-
|
3558 |
-
.row .col.s10 {
|
3559 |
-
width: 83.3333333333%;
|
3560 |
-
margin-left: auto;
|
3561 |
-
left: auto;
|
3562 |
-
right: auto;
|
3563 |
-
}
|
3564 |
-
|
3565 |
-
.row .col.s11 {
|
3566 |
-
width: 91.6666666667%;
|
3567 |
-
margin-left: auto;
|
3568 |
-
left: auto;
|
3569 |
-
right: auto;
|
3570 |
-
}
|
3571 |
-
|
3572 |
-
.row .col.s12 {
|
3573 |
-
width: 100%;
|
3574 |
-
margin-left: auto;
|
3575 |
-
left: auto;
|
3576 |
-
right: auto;
|
3577 |
-
}
|
3578 |
-
|
3579 |
-
.row .col.offset-s1 {
|
3580 |
-
margin-left: 8.3333333333%;
|
3581 |
-
}
|
3582 |
-
|
3583 |
-
.row .col.pull-s1 {
|
3584 |
-
right: 8.3333333333%;
|
3585 |
-
}
|
3586 |
-
|
3587 |
-
.row .col.push-s1 {
|
3588 |
-
left: 8.3333333333%;
|
3589 |
-
}
|
3590 |
-
|
3591 |
-
.row .col.offset-s2 {
|
3592 |
-
margin-left: 16.6666666667%;
|
3593 |
-
}
|
3594 |
-
|
3595 |
-
.row .col.pull-s2 {
|
3596 |
-
right: 16.6666666667%;
|
3597 |
-
}
|
3598 |
-
|
3599 |
-
.row .col.push-s2 {
|
3600 |
-
left: 16.6666666667%;
|
3601 |
-
}
|
3602 |
-
|
3603 |
-
.row .col.offset-s3 {
|
3604 |
-
margin-left: 25%;
|
3605 |
-
}
|
3606 |
-
|
3607 |
-
.row .col.pull-s3 {
|
3608 |
-
right: 25%;
|
3609 |
-
}
|
3610 |
-
|
3611 |
-
.row .col.push-s3 {
|
3612 |
-
left: 25%;
|
3613 |
-
}
|
3614 |
-
|
3615 |
-
.row .col.offset-s4 {
|
3616 |
-
margin-left: 33.3333333333%;
|
3617 |
-
}
|
3618 |
-
|
3619 |
-
.row .col.pull-s4 {
|
3620 |
-
right: 33.3333333333%;
|
3621 |
-
}
|
3622 |
-
|
3623 |
-
.row .col.push-s4 {
|
3624 |
-
left: 33.3333333333%;
|
3625 |
-
}
|
3626 |
-
|
3627 |
-
.row .col.offset-s5 {
|
3628 |
-
margin-left: 41.6666666667%;
|
3629 |
-
}
|
3630 |
-
|
3631 |
-
.row .col.pull-s5 {
|
3632 |
-
right: 41.6666666667%;
|
3633 |
-
}
|
3634 |
-
|
3635 |
-
.row .col.push-s5 {
|
3636 |
-
left: 41.6666666667%;
|
3637 |
-
}
|
3638 |
-
|
3639 |
-
.row .col.offset-s6 {
|
3640 |
-
margin-left: 50%;
|
3641 |
-
}
|
3642 |
-
|
3643 |
-
.row .col.pull-s6 {
|
3644 |
-
right: 50%;
|
3645 |
-
}
|
3646 |
-
|
3647 |
-
.row .col.push-s6 {
|
3648 |
-
left: 50%;
|
3649 |
-
}
|
3650 |
-
|
3651 |
-
.row .col.offset-s7 {
|
3652 |
-
margin-left: 58.3333333333%;
|
3653 |
-
}
|
3654 |
-
|
3655 |
-
.row .col.pull-s7 {
|
3656 |
-
right: 58.3333333333%;
|
3657 |
-
}
|
3658 |
-
|
3659 |
-
.row .col.push-s7 {
|
3660 |
-
left: 58.3333333333%;
|
3661 |
-
}
|
3662 |
-
|
3663 |
-
.row .col.offset-s8 {
|
3664 |
-
margin-left: 66.6666666667%;
|
3665 |
-
}
|
3666 |
-
|
3667 |
-
.row .col.pull-s8 {
|
3668 |
-
right: 66.6666666667%;
|
3669 |
-
}
|
3670 |
-
|
3671 |
-
.row .col.push-s8 {
|
3672 |
-
left: 66.6666666667%;
|
3673 |
-
}
|
3674 |
-
|
3675 |
-
.row .col.offset-s9 {
|
3676 |
-
margin-left: 75%;
|
3677 |
-
}
|
3678 |
-
|
3679 |
-
.row .col.pull-s9 {
|
3680 |
-
right: 75%;
|
3681 |
-
}
|
3682 |
-
|
3683 |
-
.row .col.push-s9 {
|
3684 |
-
left: 75%;
|
3685 |
-
}
|
3686 |
-
|
3687 |
-
.row .col.offset-s10 {
|
3688 |
-
margin-left: 83.3333333333%;
|
3689 |
-
}
|
3690 |
-
|
3691 |
-
.row .col.pull-s10 {
|
3692 |
-
right: 83.3333333333%;
|
3693 |
-
}
|
3694 |
-
|
3695 |
-
.row .col.push-s10 {
|
3696 |
-
left: 83.3333333333%;
|
3697 |
-
}
|
3698 |
-
|
3699 |
-
.row .col.offset-s11 {
|
3700 |
-
margin-left: 91.6666666667%;
|
3701 |
-
}
|
3702 |
-
|
3703 |
-
.row .col.pull-s11 {
|
3704 |
-
right: 91.6666666667%;
|
3705 |
-
}
|
3706 |
-
|
3707 |
-
.row .col.push-s11 {
|
3708 |
-
left: 91.6666666667%;
|
3709 |
-
}
|
3710 |
-
|
3711 |
-
.row .col.offset-s12 {
|
3712 |
-
margin-left: 100%;
|
3713 |
-
}
|
3714 |
-
|
3715 |
-
.row .col.pull-s12 {
|
3716 |
-
right: 100%;
|
3717 |
-
}
|
3718 |
-
|
3719 |
-
.row .col.push-s12 {
|
3720 |
-
left: 100%;
|
3721 |
-
}
|
3722 |
-
|
3723 |
-
@media only screen and (min-width: 601px) {
|
3724 |
-
.row .col.m1 {
|
3725 |
-
width: 8.3333333333%;
|
3726 |
-
margin-left: auto;
|
3727 |
-
left: auto;
|
3728 |
-
right: auto;
|
3729 |
-
}
|
3730 |
-
.row .col.m2 {
|
3731 |
-
width: 16.6666666667%;
|
3732 |
-
margin-left: auto;
|
3733 |
-
left: auto;
|
3734 |
-
right: auto;
|
3735 |
-
}
|
3736 |
-
.row .col.m3 {
|
3737 |
-
width: 25%;
|
3738 |
-
margin-left: auto;
|
3739 |
-
left: auto;
|
3740 |
-
right: auto;
|
3741 |
-
}
|
3742 |
-
.row .col.m4 {
|
3743 |
-
width: 33.3333333333%;
|
3744 |
-
margin-left: auto;
|
3745 |
-
left: auto;
|
3746 |
-
right: auto;
|
3747 |
-
}
|
3748 |
-
.row .col.m5 {
|
3749 |
-
width: 41.6666666667%;
|
3750 |
-
margin-left: auto;
|
3751 |
-
left: auto;
|
3752 |
-
right: auto;
|
3753 |
-
}
|
3754 |
-
.row .col.m6 {
|
3755 |
-
width: 50%;
|
3756 |
-
margin-left: auto;
|
3757 |
-
left: auto;
|
3758 |
-
right: auto;
|
3759 |
-
}
|
3760 |
-
.row .col.m7 {
|
3761 |
-
width: 58.3333333333%;
|
3762 |
-
margin-left: auto;
|
3763 |
-
left: auto;
|
3764 |
-
right: auto;
|
3765 |
-
}
|
3766 |
-
.row .col.m8 {
|
3767 |
-
width: 66.6666666667%;
|
3768 |
-
margin-left: auto;
|
3769 |
-
left: auto;
|
3770 |
-
right: auto;
|
3771 |
-
}
|
3772 |
-
.row .col.m9 {
|
3773 |
-
width: 75%;
|
3774 |
-
margin-left: auto;
|
3775 |
-
left: auto;
|
3776 |
-
right: auto;
|
3777 |
-
}
|
3778 |
-
.row .col.m10 {
|
3779 |
-
width: 83.3333333333%;
|
3780 |
-
margin-left: auto;
|
3781 |
-
left: auto;
|
3782 |
-
right: auto;
|
3783 |
-
}
|
3784 |
-
.row .col.m11 {
|
3785 |
-
width: 91.6666666667%;
|
3786 |
-
margin-left: auto;
|
3787 |
-
left: auto;
|
3788 |
-
right: auto;
|
3789 |
-
}
|
3790 |
-
.row .col.m12 {
|
3791 |
-
width: 100%;
|
3792 |
-
margin-left: auto;
|
3793 |
-
left: auto;
|
3794 |
-
right: auto;
|
3795 |
-
}
|
3796 |
-
.row .col.offset-m1 {
|
3797 |
-
margin-left: 8.3333333333%;
|
3798 |
-
}
|
3799 |
-
.row .col.pull-m1 {
|
3800 |
-
right: 8.3333333333%;
|
3801 |
-
}
|
3802 |
-
.row .col.push-m1 {
|
3803 |
-
left: 8.3333333333%;
|
3804 |
-
}
|
3805 |
-
.row .col.offset-m2 {
|
3806 |
-
margin-left: 16.6666666667%;
|
3807 |
-
}
|
3808 |
-
.row .col.pull-m2 {
|
3809 |
-
right: 16.6666666667%;
|
3810 |
-
}
|
3811 |
-
.row .col.push-m2 {
|
3812 |
-
left: 16.6666666667%;
|
3813 |
-
}
|
3814 |
-
.row .col.offset-m3 {
|
3815 |
-
margin-left: 25%;
|
3816 |
-
}
|
3817 |
-
.row .col.pull-m3 {
|
3818 |
-
right: 25%;
|
3819 |
-
}
|
3820 |
-
.row .col.push-m3 {
|
3821 |
-
left: 25%;
|
3822 |
-
}
|
3823 |
-
.row .col.offset-m4 {
|
3824 |
-
margin-left: 33.3333333333%;
|
3825 |
-
}
|
3826 |
-
.row .col.pull-m4 {
|
3827 |
-
right: 33.3333333333%;
|
3828 |
-
}
|
3829 |
-
.row .col.push-m4 {
|
3830 |
-
left: 33.3333333333%;
|
3831 |
-
}
|
3832 |
-
.row .col.offset-m5 {
|
3833 |
-
margin-left: 41.6666666667%;
|
3834 |
-
}
|
3835 |
-
.row .col.pull-m5 {
|
3836 |
-
right: 41.6666666667%;
|
3837 |
-
}
|
3838 |
-
.row .col.push-m5 {
|
3839 |
-
left: 41.6666666667%;
|
3840 |
-
}
|
3841 |
-
.row .col.offset-m6 {
|
3842 |
-
margin-left: 50%;
|
3843 |
-
}
|
3844 |
-
.row .col.pull-m6 {
|
3845 |
-
right: 50%;
|
3846 |
-
}
|
3847 |
-
.row .col.push-m6 {
|
3848 |
-
left: 50%;
|
3849 |
-
}
|
3850 |
-
.row .col.offset-m7 {
|
3851 |
-
margin-left: 58.3333333333%;
|
3852 |
-
}
|
3853 |
-
.row .col.pull-m7 {
|
3854 |
-
right: 58.3333333333%;
|
3855 |
-
}
|
3856 |
-
.row .col.push-m7 {
|
3857 |
-
left: 58.3333333333%;
|
3858 |
-
}
|
3859 |
-
.row .col.offset-m8 {
|
3860 |
-
margin-left: 66.6666666667%;
|
3861 |
-
}
|
3862 |
-
.row .col.pull-m8 {
|
3863 |
-
right: 66.6666666667%;
|
3864 |
-
}
|
3865 |
-
.row .col.push-m8 {
|
3866 |
-
left: 66.6666666667%;
|
3867 |
-
}
|
3868 |
-
.row .col.offset-m9 {
|
3869 |
-
margin-left: 75%;
|
3870 |
-
}
|
3871 |
-
.row .col.pull-m9 {
|
3872 |
-
right: 75%;
|
3873 |
-
}
|
3874 |
-
.row .col.push-m9 {
|
3875 |
-
left: 75%;
|
3876 |
-
}
|
3877 |
-
.row .col.offset-m10 {
|
3878 |
-
margin-left: 83.3333333333%;
|
3879 |
-
}
|
3880 |
-
.row .col.pull-m10 {
|
3881 |
-
right: 83.3333333333%;
|
3882 |
-
}
|
3883 |
-
.row .col.push-m10 {
|
3884 |
-
left: 83.3333333333%;
|
3885 |
-
}
|
3886 |
-
.row .col.offset-m11 {
|
3887 |
-
margin-left: 91.6666666667%;
|
3888 |
-
}
|
3889 |
-
.row .col.pull-m11 {
|
3890 |
-
right: 91.6666666667%;
|
3891 |
-
}
|
3892 |
-
.row .col.push-m11 {
|
3893 |
-
left: 91.6666666667%;
|
3894 |
-
}
|
3895 |
-
.row .col.offset-m12 {
|
3896 |
-
margin-left: 100%;
|
3897 |
-
}
|
3898 |
-
.row .col.pull-m12 {
|
3899 |
-
right: 100%;
|
3900 |
-
}
|
3901 |
-
.row .col.push-m12 {
|
3902 |
-
left: 100%;
|
3903 |
-
}
|
3904 |
-
}
|
3905 |
-
|
3906 |
-
@media only screen and (min-width: 993px) {
|
3907 |
-
.row .col.l1 {
|
3908 |
-
width: 8.3333333333%;
|
3909 |
-
margin-left: auto;
|
3910 |
-
left: auto;
|
3911 |
-
right: auto;
|
3912 |
-
}
|
3913 |
-
.row .col.l2 {
|
3914 |
-
width: 16.6666666667%;
|
3915 |
-
margin-left: auto;
|
3916 |
-
left: auto;
|
3917 |
-
right: auto;
|
3918 |
-
}
|
3919 |
-
.row .col.l3 {
|
3920 |
-
width: 25%;
|
3921 |
-
margin-left: auto;
|
3922 |
-
left: auto;
|
3923 |
-
right: auto;
|
3924 |
-
}
|
3925 |
-
.row .col.l4 {
|
3926 |
-
width: 33.3333333333%;
|
3927 |
-
margin-left: auto;
|
3928 |
-
left: auto;
|
3929 |
-
right: auto;
|
3930 |
-
}
|
3931 |
-
.row .col.l5 {
|
3932 |
-
width: 41.6666666667%;
|
3933 |
-
margin-left: auto;
|
3934 |
-
left: auto;
|
3935 |
-
right: auto;
|
3936 |
-
}
|
3937 |
-
.row .col.l6 {
|
3938 |
-
width: 50%;
|
3939 |
-
margin-left: auto;
|
3940 |
-
left: auto;
|
3941 |
-
right: auto;
|
3942 |
-
}
|
3943 |
-
.row .col.l7 {
|
3944 |
-
width: 58.3333333333%;
|
3945 |
-
margin-left: auto;
|
3946 |
-
left: auto;
|
3947 |
-
right: auto;
|
3948 |
-
}
|
3949 |
-
.row .col.l8 {
|
3950 |
-
width: 66.6666666667%;
|
3951 |
-
margin-left: auto;
|
3952 |
-
left: auto;
|
3953 |
-
right: auto;
|
3954 |
-
}
|
3955 |
-
.row .col.l9 {
|
3956 |
-
width: 75%;
|
3957 |
-
margin-left: auto;
|
3958 |
-
left: auto;
|
3959 |
-
right: auto;
|
3960 |
-
}
|
3961 |
-
.row .col.l10 {
|
3962 |
-
width: 83.3333333333%;
|
3963 |
-
margin-left: auto;
|
3964 |
-
left: auto;
|
3965 |
-
right: auto;
|
3966 |
-
}
|
3967 |
-
.row .col.l11 {
|
3968 |
-
width: 91.6666666667%;
|
3969 |
-
margin-left: auto;
|
3970 |
-
left: auto;
|
3971 |
-
right: auto;
|
3972 |
-
}
|
3973 |
-
.row .col.l12 {
|
3974 |
-
width: 100%;
|
3975 |
-
margin-left: auto;
|
3976 |
-
left: auto;
|
3977 |
-
right: auto;
|
3978 |
-
}
|
3979 |
-
.row .col.offset-l1 {
|
3980 |
-
margin-left: 8.3333333333%;
|
3981 |
-
}
|
3982 |
-
.row .col.pull-l1 {
|
3983 |
-
right: 8.3333333333%;
|
3984 |
-
}
|
3985 |
-
.row .col.push-l1 {
|
3986 |
-
left: 8.3333333333%;
|
3987 |
-
}
|
3988 |
-
.row .col.offset-l2 {
|
3989 |
-
margin-left: 16.6666666667%;
|
3990 |
-
}
|
3991 |
-
.row .col.pull-l2 {
|
3992 |
-
right: 16.6666666667%;
|
3993 |
-
}
|
3994 |
-
.row .col.push-l2 {
|
3995 |
-
left: 16.6666666667%;
|
3996 |
-
}
|
3997 |
-
.row .col.offset-l3 {
|
3998 |
-
margin-left: 25%;
|
3999 |
-
}
|
4000 |
-
.row .col.pull-l3 {
|
4001 |
-
right: 25%;
|
4002 |
-
}
|
4003 |
-
.row .col.push-l3 {
|
4004 |
-
left: 25%;
|
4005 |
-
}
|
4006 |
-
.row .col.offset-l4 {
|
4007 |
-
margin-left: 33.3333333333%;
|
4008 |
-
}
|
4009 |
-
.row .col.pull-l4 {
|
4010 |
-
right: 33.3333333333%;
|
4011 |
-
}
|
4012 |
-
.row .col.push-l4 {
|
4013 |
-
left: 33.3333333333%;
|
4014 |
-
}
|
4015 |
-
.row .col.offset-l5 {
|
4016 |
-
margin-left: 41.6666666667%;
|
4017 |
-
}
|
4018 |
-
.row .col.pull-l5 {
|
4019 |
-
right: 41.6666666667%;
|
4020 |
-
}
|
4021 |
-
.row .col.push-l5 {
|
4022 |
-
left: 41.6666666667%;
|
4023 |
-
}
|
4024 |
-
.row .col.offset-l6 {
|
4025 |
-
margin-left: 50%;
|
4026 |
-
}
|
4027 |
-
.row .col.pull-l6 {
|
4028 |
-
right: 50%;
|
4029 |
-
}
|
4030 |
-
.row .col.push-l6 {
|
4031 |
-
left: 50%;
|
4032 |
-
}
|
4033 |
-
.row .col.offset-l7 {
|
4034 |
-
margin-left: 58.3333333333%;
|
4035 |
-
}
|
4036 |
-
.row .col.pull-l7 {
|
4037 |
-
right: 58.3333333333%;
|
4038 |
-
}
|
4039 |
-
.row .col.push-l7 {
|
4040 |
-
left: 58.3333333333%;
|
4041 |
-
}
|
4042 |
-
.row .col.offset-l8 {
|
4043 |
-
margin-left: 66.6666666667%;
|
4044 |
-
}
|
4045 |
-
.row .col.pull-l8 {
|
4046 |
-
right: 66.6666666667%;
|
4047 |
-
}
|
4048 |
-
.row .col.push-l8 {
|
4049 |
-
left: 66.6666666667%;
|
4050 |
-
}
|
4051 |
-
.row .col.offset-l9 {
|
4052 |
-
margin-left: 75%;
|
4053 |
-
}
|
4054 |
-
.row .col.pull-l9 {
|
4055 |
-
right: 75%;
|
4056 |
-
}
|
4057 |
-
.row .col.push-l9 {
|
4058 |
-
left: 75%;
|
4059 |
-
}
|
4060 |
-
.row .col.offset-l10 {
|
4061 |
-
margin-left: 83.3333333333%;
|
4062 |
-
}
|
4063 |
-
.row .col.pull-l10 {
|
4064 |
-
right: 83.3333333333%;
|
4065 |
-
}
|
4066 |
-
.row .col.push-l10 {
|
4067 |
-
left: 83.3333333333%;
|
4068 |
-
}
|
4069 |
-
.row .col.offset-l11 {
|
4070 |
-
margin-left: 91.6666666667%;
|
4071 |
-
}
|
4072 |
-
.row .col.pull-l11 {
|
4073 |
-
right: 91.6666666667%;
|
4074 |
-
}
|
4075 |
-
.row .col.push-l11 {
|
4076 |
-
left: 91.6666666667%;
|
4077 |
-
}
|
4078 |
-
.row .col.offset-l12 {
|
4079 |
-
margin-left: 100%;
|
4080 |
-
}
|
4081 |
-
.row .col.pull-l12 {
|
4082 |
-
right: 100%;
|
4083 |
-
}
|
4084 |
-
.row .col.push-l12 {
|
4085 |
-
left: 100%;
|
4086 |
-
}
|
4087 |
-
}
|
4088 |
-
|
4089 |
-
@media only screen and (min-width: 1201px) {
|
4090 |
-
.row .col.xl1 {
|
4091 |
-
width: 8.3333333333%;
|
4092 |
-
margin-left: auto;
|
4093 |
-
left: auto;
|
4094 |
-
right: auto;
|
4095 |
-
}
|
4096 |
-
.row .col.xl2 {
|
4097 |
-
width: 16.6666666667%;
|
4098 |
-
margin-left: auto;
|
4099 |
-
left: auto;
|
4100 |
-
right: auto;
|
4101 |
-
}
|
4102 |
-
.row .col.xl3 {
|
4103 |
-
width: 25%;
|
4104 |
-
margin-left: auto;
|
4105 |
-
left: auto;
|
4106 |
-
right: auto;
|
4107 |
-
}
|
4108 |
-
.row .col.xl4 {
|
4109 |
-
width: 33.3333333333%;
|
4110 |
-
margin-left: auto;
|
4111 |
-
left: auto;
|
4112 |
-
right: auto;
|
4113 |
-
}
|
4114 |
-
.row .col.xl5 {
|
4115 |
-
width: 41.6666666667%;
|
4116 |
-
margin-left: auto;
|
4117 |
-
left: auto;
|
4118 |
-
right: auto;
|
4119 |
-
}
|
4120 |
-
.row .col.xl6 {
|
4121 |
-
width: 50%;
|
4122 |
-
margin-left: auto;
|
4123 |
-
left: auto;
|
4124 |
-
right: auto;
|
4125 |
-
}
|
4126 |
-
.row .col.xl7 {
|
4127 |
-
width: 58.3333333333%;
|
4128 |
-
margin-left: auto;
|
4129 |
-
left: auto;
|
4130 |
-
right: auto;
|
4131 |
-
}
|
4132 |
-
.row .col.xl8 {
|
4133 |
-
width: 66.6666666667%;
|
4134 |
-
margin-left: auto;
|
4135 |
-
left: auto;
|
4136 |
-
right: auto;
|
4137 |
-
}
|
4138 |
-
.row .col.xl9 {
|
4139 |
-
width: 75%;
|
4140 |
-
margin-left: auto;
|
4141 |
-
left: auto;
|
4142 |
-
right: auto;
|
4143 |
-
}
|
4144 |
-
.row .col.xl10 {
|
4145 |
-
width: 83.3333333333%;
|
4146 |
-
margin-left: auto;
|
4147 |
-
left: auto;
|
4148 |
-
right: auto;
|
4149 |
-
}
|
4150 |
-
.row .col.xl11 {
|
4151 |
-
width: 91.6666666667%;
|
4152 |
-
margin-left: auto;
|
4153 |
-
left: auto;
|
4154 |
-
right: auto;
|
4155 |
-
}
|
4156 |
-
.row .col.xl12 {
|
4157 |
-
width: 100%;
|
4158 |
-
margin-left: auto;
|
4159 |
-
left: auto;
|
4160 |
-
right: auto;
|
4161 |
-
}
|
4162 |
-
.row .col.offset-xl1 {
|
4163 |
-
margin-left: 8.3333333333%;
|
4164 |
-
}
|
4165 |
-
.row .col.pull-xl1 {
|
4166 |
-
right: 8.3333333333%;
|
4167 |
-
}
|
4168 |
-
.row .col.push-xl1 {
|
4169 |
-
left: 8.3333333333%;
|
4170 |
-
}
|
4171 |
-
.row .col.offset-xl2 {
|
4172 |
-
margin-left: 16.6666666667%;
|
4173 |
-
}
|
4174 |
-
.row .col.pull-xl2 {
|
4175 |
-
right: 16.6666666667%;
|
4176 |
-
}
|
4177 |
-
.row .col.push-xl2 {
|
4178 |
-
left: 16.6666666667%;
|
4179 |
-
}
|
4180 |
-
.row .col.offset-xl3 {
|
4181 |
-
margin-left: 25%;
|
4182 |
-
}
|
4183 |
-
.row .col.pull-xl3 {
|
4184 |
-
right: 25%;
|
4185 |
-
}
|
4186 |
-
.row .col.push-xl3 {
|
4187 |
-
left: 25%;
|
4188 |
-
}
|
4189 |
-
.row .col.offset-xl4 {
|
4190 |
-
margin-left: 33.3333333333%;
|
4191 |
-
}
|
4192 |
-
.row .col.pull-xl4 {
|
4193 |
-
right: 33.3333333333%;
|
4194 |
-
}
|
4195 |
-
.row .col.push-xl4 {
|
4196 |
-
left: 33.3333333333%;
|
4197 |
-
}
|
4198 |
-
.row .col.offset-xl5 {
|
4199 |
-
margin-left: 41.6666666667%;
|
4200 |
-
}
|
4201 |
-
.row .col.pull-xl5 {
|
4202 |
-
right: 41.6666666667%;
|
4203 |
-
}
|
4204 |
-
.row .col.push-xl5 {
|
4205 |
-
left: 41.6666666667%;
|
4206 |
-
}
|
4207 |
-
.row .col.offset-xl6 {
|
4208 |
-
margin-left: 50%;
|
4209 |
-
}
|
4210 |
-
.row .col.pull-xl6 {
|
4211 |
-
right: 50%;
|
4212 |
-
}
|
4213 |
-
.row .col.push-xl6 {
|
4214 |
-
left: 50%;
|
4215 |
-
}
|
4216 |
-
.row .col.offset-xl7 {
|
4217 |
-
margin-left: 58.3333333333%;
|
4218 |
-
}
|
4219 |
-
.row .col.pull-xl7 {
|
4220 |
-
right: 58.3333333333%;
|
4221 |
-
}
|
4222 |
-
.row .col.push-xl7 {
|
4223 |
-
left: 58.3333333333%;
|
4224 |
-
}
|
4225 |
-
.row .col.offset-xl8 {
|
4226 |
-
margin-left: 66.6666666667%;
|
4227 |
-
}
|
4228 |
-
.row .col.pull-xl8 {
|
4229 |
-
right: 66.6666666667%;
|
4230 |
-
}
|
4231 |
-
.row .col.push-xl8 {
|
4232 |
-
left: 66.6666666667%;
|
4233 |
-
}
|
4234 |
-
.row .col.offset-xl9 {
|
4235 |
-
margin-left: 75%;
|
4236 |
-
}
|
4237 |
-
.row .col.pull-xl9 {
|
4238 |
-
right: 75%;
|
4239 |
-
}
|
4240 |
-
.row .col.push-xl9 {
|
4241 |
-
left: 75%;
|
4242 |
-
}
|
4243 |
-
.row .col.offset-xl10 {
|
4244 |
-
margin-left: 83.3333333333%;
|
4245 |
-
}
|
4246 |
-
.row .col.pull-xl10 {
|
4247 |
-
right: 83.3333333333%;
|
4248 |
-
}
|
4249 |
-
.row .col.push-xl10 {
|
4250 |
-
left: 83.3333333333%;
|
4251 |
-
}
|
4252 |
-
.row .col.offset-xl11 {
|
4253 |
-
margin-left: 91.6666666667%;
|
4254 |
-
}
|
4255 |
-
.row .col.pull-xl11 {
|
4256 |
-
right: 91.6666666667%;
|
4257 |
-
}
|
4258 |
-
.row .col.push-xl11 {
|
4259 |
-
left: 91.6666666667%;
|
4260 |
-
}
|
4261 |
-
.row .col.offset-xl12 {
|
4262 |
-
margin-left: 100%;
|
4263 |
-
}
|
4264 |
-
.row .col.pull-xl12 {
|
4265 |
-
right: 100%;
|
4266 |
-
}
|
4267 |
-
.row .col.push-xl12 {
|
4268 |
-
left: 100%;
|
4269 |
-
}
|
4270 |
-
}
|
4271 |
-
|
4272 |
-
nav {
|
4273 |
-
color: #fff;
|
4274 |
-
background-color: #ee6e73;
|
4275 |
-
width: 100%;
|
4276 |
-
height: 56px;
|
4277 |
-
line-height: 56px;
|
4278 |
-
}
|
4279 |
-
|
4280 |
-
nav.nav-extended {
|
4281 |
-
height: auto;
|
4282 |
-
}
|
4283 |
-
|
4284 |
-
nav.nav-extended .nav-wrapper {
|
4285 |
-
min-height: 56px;
|
4286 |
-
height: auto;
|
4287 |
-
}
|
4288 |
-
|
4289 |
-
nav.nav-extended .nav-content {
|
4290 |
-
position: relative;
|
4291 |
-
line-height: normal;
|
4292 |
-
}
|
4293 |
-
|
4294 |
-
nav a {
|
4295 |
-
color: #fff;
|
4296 |
-
}
|
4297 |
-
|
4298 |
-
nav i,
|
4299 |
-
nav [class^="mdi-"], nav [class*="mdi-"],
|
4300 |
-
nav i.material-icons {
|
4301 |
-
display: block;
|
4302 |
-
font-size: 24px;
|
4303 |
-
height: 56px;
|
4304 |
-
line-height: 56px;
|
4305 |
-
}
|
4306 |
-
|
4307 |
-
nav .nav-wrapper {
|
4308 |
-
position: relative;
|
4309 |
-
height: 100%;
|
4310 |
-
}
|
4311 |
-
|
4312 |
-
@media only screen and (min-width: 993px) {
|
4313 |
-
nav a.sidenav-trigger {
|
4314 |
-
display: none;
|
4315 |
-
}
|
4316 |
-
}
|
4317 |
-
|
4318 |
-
nav .sidenav-trigger {
|
4319 |
-
float: left;
|
4320 |
-
position: relative;
|
4321 |
-
z-index: 1;
|
4322 |
-
height: 56px;
|
4323 |
-
margin: 0 18px;
|
4324 |
-
}
|
4325 |
-
|
4326 |
-
nav .sidenav-trigger i {
|
4327 |
-
height: 56px;
|
4328 |
-
line-height: 56px;
|
4329 |
-
}
|
4330 |
-
|
4331 |
-
nav .brand-logo {
|
4332 |
-
position: absolute;
|
4333 |
-
color: #fff;
|
4334 |
-
display: inline-block;
|
4335 |
-
font-size: 2.1rem;
|
4336 |
-
padding: 0;
|
4337 |
-
}
|
4338 |
-
|
4339 |
-
nav .brand-logo.center {
|
4340 |
-
left: 50%;
|
4341 |
-
-webkit-transform: translateX(-50%);
|
4342 |
-
transform: translateX(-50%);
|
4343 |
-
}
|
4344 |
-
|
4345 |
-
@media only screen and (max-width: 992px) {
|
4346 |
-
nav .brand-logo {
|
4347 |
-
left: 50%;
|
4348 |
-
-webkit-transform: translateX(-50%);
|
4349 |
-
transform: translateX(-50%);
|
4350 |
-
}
|
4351 |
-
nav .brand-logo.left, nav .brand-logo.right {
|
4352 |
-
padding: 0;
|
4353 |
-
-webkit-transform: none;
|
4354 |
-
transform: none;
|
4355 |
-
}
|
4356 |
-
nav .brand-logo.left {
|
4357 |
-
left: 0.5rem;
|
4358 |
-
}
|
4359 |
-
nav .brand-logo.right {
|
4360 |
-
right: 0.5rem;
|
4361 |
-
left: auto;
|
4362 |
-
}
|
4363 |
-
}
|
4364 |
-
|
4365 |
-
nav .brand-logo.right {
|
4366 |
-
right: 0.5rem;
|
4367 |
-
padding: 0;
|
4368 |
-
}
|
4369 |
-
|
4370 |
-
nav .brand-logo i,
|
4371 |
-
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
|
4372 |
-
nav .brand-logo i.material-icons {
|
4373 |
-
float: left;
|
4374 |
-
margin-right: 15px;
|
4375 |
-
}
|
4376 |
-
|
4377 |
-
nav .nav-title {
|
4378 |
-
display: inline-block;
|
4379 |
-
font-size: 32px;
|
4380 |
-
padding: 28px 0;
|
4381 |
-
}
|
4382 |
-
|
4383 |
-
nav ul {
|
4384 |
-
margin: 0;
|
4385 |
-
}
|
4386 |
-
|
4387 |
-
nav ul li {
|
4388 |
-
-webkit-transition: background-color .3s;
|
4389 |
-
transition: background-color .3s;
|
4390 |
-
float: left;
|
4391 |
-
padding: 0;
|
4392 |
-
}
|
4393 |
-
|
4394 |
-
nav ul li.active {
|
4395 |
-
background-color: rgba(0, 0, 0, 0.1);
|
4396 |
-
}
|
4397 |
-
|
4398 |
-
nav ul a {
|
4399 |
-
-webkit-transition: background-color .3s;
|
4400 |
-
transition: background-color .3s;
|
4401 |
-
font-size: 1rem;
|
4402 |
-
color: #fff;
|
4403 |
-
display: block;
|
4404 |
-
padding: 0 15px;
|
4405 |
-
cursor: pointer;
|
4406 |
-
}
|
4407 |
-
|
4408 |
-
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
|
4409 |
-
margin-top: -2px;
|
4410 |
-
margin-left: 15px;
|
4411 |
-
margin-right: 15px;
|
4412 |
-
}
|
4413 |
-
|
4414 |
-
nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
|
4415 |
-
height: inherit;
|
4416 |
-
line-height: inherit;
|
4417 |
-
}
|
4418 |
-
|
4419 |
-
nav ul a:hover {
|
4420 |
-
background-color: rgba(0, 0, 0, 0.1);
|
4421 |
-
}
|
4422 |
-
|
4423 |
-
nav ul.left {
|
4424 |
-
float: left;
|
4425 |
-
}
|
4426 |
-
|
4427 |
-
nav form {
|
4428 |
-
height: 100%;
|
4429 |
-
}
|
4430 |
-
|
4431 |
-
nav .input-field {
|
4432 |
-
margin: 0;
|
4433 |
-
height: 100%;
|
4434 |
-
}
|
4435 |
-
|
4436 |
-
nav .input-field input {
|
4437 |
-
height: 100%;
|
4438 |
-
font-size: 1.2rem;
|
4439 |
-
border: none;
|
4440 |
-
padding-left: 2rem;
|
4441 |
-
}
|
4442 |
-
|
4443 |
-
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
|
4444 |
-
border: none;
|
4445 |
-
-webkit-box-shadow: none;
|
4446 |
-
box-shadow: none;
|
4447 |
-
}
|
4448 |
-
|
4449 |
-
nav .input-field label {
|
4450 |
-
top: 0;
|
4451 |
-
left: 0;
|
4452 |
-
}
|
4453 |
-
|
4454 |
-
nav .input-field label i {
|
4455 |
-
color: rgba(255, 255, 255, 0.7);
|
4456 |
-
-webkit-transition: color .3s;
|
4457 |
-
transition: color .3s;
|
4458 |
-
}
|
4459 |
-
|
4460 |
-
nav .input-field label.active i {
|
4461 |
-
color: #fff;
|
4462 |
-
}
|
4463 |
-
|
4464 |
-
.navbar-fixed {
|
4465 |
-
position: relative;
|
4466 |
-
height: 56px;
|
4467 |
-
z-index: 997;
|
4468 |
-
}
|
4469 |
-
|
4470 |
-
.navbar-fixed nav {
|
4471 |
-
position: fixed;
|
4472 |
-
}
|
4473 |
-
|
4474 |
-
@media only screen and (min-width: 601px) {
|
4475 |
-
nav.nav-extended .nav-wrapper {
|
4476 |
-
min-height: 64px;
|
4477 |
-
}
|
4478 |
-
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
|
4479 |
-
height: 64px;
|
4480 |
-
line-height: 64px;
|
4481 |
-
}
|
4482 |
-
.navbar-fixed {
|
4483 |
-
height: 64px;
|
4484 |
-
}
|
4485 |
-
}
|
4486 |
-
|
4487 |
-
a {
|
4488 |
-
text-decoration: none;
|
4489 |
-
}
|
4490 |
-
|
4491 |
-
html {
|
4492 |
-
line-height: 1.5;
|
4493 |
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
4494 |
-
font-weight: normal;
|
4495 |
-
color: rgba(0, 0, 0, 0.87);
|
4496 |
-
}
|
4497 |
-
|
4498 |
-
@media only screen and (min-width: 0) {
|
4499 |
-
html {
|
4500 |
-
font-size: 14px;
|
4501 |
-
}
|
4502 |
-
}
|
4503 |
-
|
4504 |
-
@media only screen and (min-width: 992px) {
|
4505 |
-
html {
|
4506 |
-
font-size: 14.5px;
|
4507 |
-
}
|
4508 |
-
}
|
4509 |
-
|
4510 |
-
@media only screen and (min-width: 1200px) {
|
4511 |
-
html {
|
4512 |
-
font-size: 15px;
|
4513 |
-
}
|
4514 |
-
}
|
4515 |
-
|
4516 |
-
h1, h2, h3, h4, h5, h6 {
|
4517 |
-
font-weight: 400;
|
4518 |
-
line-height: 1.3;
|
4519 |
-
}
|
4520 |
-
|
4521 |
-
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
4522 |
-
font-weight: inherit;
|
4523 |
-
}
|
4524 |
-
|
4525 |
-
h1 {
|
4526 |
-
font-size: 4.2rem;
|
4527 |
-
line-height: 110%;
|
4528 |
-
margin: 2.8rem 0 1.68rem 0;
|
4529 |
-
}
|
4530 |
-
|
4531 |
-
h2 {
|
4532 |
-
font-size: 3.56rem;
|
4533 |
-
line-height: 110%;
|
4534 |
-
margin: 2.3733333333rem 0 1.424rem 0;
|
4535 |
-
}
|
4536 |
-
|
4537 |
-
h3 {
|
4538 |
-
font-size: 2.92rem;
|
4539 |
-
line-height: 110%;
|
4540 |
-
margin: 1.9466666667rem 0 1.168rem 0;
|
4541 |
-
}
|
4542 |
-
|
4543 |
-
h4 {
|
4544 |
-
font-size: 2.28rem;
|
4545 |
-
line-height: 110%;
|
4546 |
-
margin: 1.52rem 0 0.912rem 0;
|
4547 |
-
}
|
4548 |
-
|
4549 |
-
h5 {
|
4550 |
-
font-size: 1.64rem;
|
4551 |
-
line-height: 110%;
|
4552 |
-
margin: 1.0933333333rem 0 0.656rem 0;
|
4553 |
-
}
|
4554 |
-
|
4555 |
-
h6 {
|
4556 |
-
font-size: 1.15rem;
|
4557 |
-
line-height: 110%;
|
4558 |
-
margin: 0.7666666667rem 0 0.46rem 0;
|
4559 |
-
}
|
4560 |
-
|
4561 |
-
em {
|
4562 |
-
font-style: italic;
|
4563 |
-
}
|
4564 |
-
|
4565 |
-
strong {
|
4566 |
-
font-weight: 500;
|
4567 |
-
}
|
4568 |
-
|
4569 |
-
small {
|
4570 |
-
font-size: 75%;
|
4571 |
-
}
|
4572 |
-
|
4573 |
-
.light {
|
4574 |
-
font-weight: 300;
|
4575 |
-
}
|
4576 |
-
|
4577 |
-
.thin {
|
4578 |
-
font-weight: 200;
|
4579 |
-
}
|
4580 |
-
|
4581 |
-
@media only screen and (min-width: 360px) {
|
4582 |
-
.flow-text {
|
4583 |
-
font-size: 1.2rem;
|
4584 |
-
}
|
4585 |
-
}
|
4586 |
-
|
4587 |
-
@media only screen and (min-width: 390px) {
|
4588 |
-
.flow-text {
|
4589 |
-
font-size: 1.224rem;
|
4590 |
-
}
|
4591 |
-
}
|
4592 |
-
|
4593 |
-
@media only screen and (min-width: 420px) {
|
4594 |
-
.flow-text {
|
4595 |
-
font-size: 1.248rem;
|
4596 |
-
}
|
4597 |
-
}
|
4598 |
-
|
4599 |
-
@media only screen and (min-width: 450px) {
|
4600 |
-
.flow-text {
|
4601 |
-
font-size: 1.272rem;
|
4602 |
-
}
|
4603 |
-
}
|
4604 |
-
|
4605 |
-
@media only screen and (min-width: 480px) {
|
4606 |
-
.flow-text {
|
4607 |
-
font-size: 1.296rem;
|
4608 |
-
}
|
4609 |
-
}
|
4610 |
-
|
4611 |
-
@media only screen and (min-width: 510px) {
|
4612 |
-
.flow-text {
|
4613 |
-
font-size: 1.32rem;
|
4614 |
-
}
|
4615 |
-
}
|
4616 |
-
|
4617 |
-
@media only screen and (min-width: 540px) {
|
4618 |
-
.flow-text {
|
4619 |
-
font-size: 1.344rem;
|
4620 |
-
}
|
4621 |
-
}
|
4622 |
-
|
4623 |
-
@media only screen and (min-width: 570px) {
|
4624 |
-
.flow-text {
|
4625 |
-
font-size: 1.368rem;
|
4626 |
-
}
|
4627 |
-
}
|
4628 |
-
|
4629 |
-
@media only screen and (min-width: 600px) {
|
4630 |
-
.flow-text {
|
4631 |
-
font-size: 1.392rem;
|
4632 |
-
}
|
4633 |
-
}
|
4634 |
-
|
4635 |
-
@media only screen and (min-width: 630px) {
|
4636 |
-
.flow-text {
|
4637 |
-
font-size: 1.416rem;
|
4638 |
-
}
|
4639 |
-
}
|
4640 |
-
|
4641 |
-
@media only screen and (min-width: 660px) {
|
4642 |
-
.flow-text {
|
4643 |
-
font-size: 1.44rem;
|
4644 |
-
}
|
4645 |
-
}
|
4646 |
-
|
4647 |
-
@media only screen and (min-width: 690px) {
|
4648 |
-
.flow-text {
|
4649 |
-
font-size: 1.464rem;
|
4650 |
-
}
|
4651 |
-
}
|
4652 |
-
|
4653 |
-
@media only screen and (min-width: 720px) {
|
4654 |
-
.flow-text {
|
4655 |
-
font-size: 1.488rem;
|
4656 |
-
}
|
4657 |
-
}
|
4658 |
-
|
4659 |
-
@media only screen and (min-width: 750px) {
|
4660 |
-
.flow-text {
|
4661 |
-
font-size: 1.512rem;
|
4662 |
-
}
|
4663 |
-
}
|
4664 |
-
|
4665 |
-
@media only screen and (min-width: 780px) {
|
4666 |
-
.flow-text {
|
4667 |
-
font-size: 1.536rem;
|
4668 |
-
}
|
4669 |
-
}
|
4670 |
-
|
4671 |
-
@media only screen and (min-width: 810px) {
|
4672 |
-
.flow-text {
|
4673 |
-
font-size: 1.56rem;
|
4674 |
-
}
|
4675 |
-
}
|
4676 |
-
|
4677 |
-
@media only screen and (min-width: 840px) {
|
4678 |
-
.flow-text {
|
4679 |
-
font-size: 1.584rem;
|
4680 |
-
}
|
4681 |
-
}
|
4682 |
-
|
4683 |
-
@media only screen and (min-width: 870px) {
|
4684 |
-
.flow-text {
|
4685 |
-
font-size: 1.608rem;
|
4686 |
-
}
|
4687 |
-
}
|
4688 |
-
|
4689 |
-
@media only screen and (min-width: 900px) {
|
4690 |
-
.flow-text {
|
4691 |
-
font-size: 1.632rem;
|
4692 |
-
}
|
4693 |
-
}
|
4694 |
-
|
4695 |
-
@media only screen and (min-width: 930px) {
|
4696 |
-
.flow-text {
|
4697 |
-
font-size: 1.656rem;
|
4698 |
-
}
|
4699 |
-
}
|
4700 |
-
|
4701 |
-
@media only screen and (min-width: 960px) {
|
4702 |
-
.flow-text {
|
4703 |
-
font-size: 1.68rem;
|
4704 |
-
}
|
4705 |
-
}
|
4706 |
-
|
4707 |
-
@media only screen and (max-width: 360px) {
|
4708 |
-
.flow-text {
|
4709 |
-
font-size: 1.2rem;
|
4710 |
-
}
|
4711 |
-
}
|
4712 |
-
|
4713 |
-
.scale-transition {
|
4714 |
-
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4715 |
-
transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4716 |
-
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4717 |
-
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4718 |
-
}
|
4719 |
-
|
4720 |
-
.scale-transition.scale-out {
|
4721 |
-
-webkit-transform: scale(0);
|
4722 |
-
transform: scale(0);
|
4723 |
-
-webkit-transition: -webkit-transform .2s !important;
|
4724 |
-
transition: -webkit-transform .2s !important;
|
4725 |
-
transition: transform .2s !important;
|
4726 |
-
transition: transform .2s, -webkit-transform .2s !important;
|
4727 |
-
}
|
4728 |
-
|
4729 |
-
.scale-transition.scale-in {
|
4730 |
-
-webkit-transform: scale(1);
|
4731 |
-
transform: scale(1);
|
4732 |
-
}
|
4733 |
-
|
4734 |
-
.card-panel {
|
4735 |
-
-webkit-transition: -webkit-box-shadow .25s;
|
4736 |
-
transition: -webkit-box-shadow .25s;
|
4737 |
-
transition: box-shadow .25s;
|
4738 |
-
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
4739 |
-
padding: 24px;
|
4740 |
-
margin: 0.5rem 0 1rem 0;
|
4741 |
-
border-radius: 2px;
|
4742 |
-
background-color: #fff;
|
4743 |
-
}
|
4744 |
-
|
4745 |
-
.card {
|
4746 |
-
position: relative;
|
4747 |
-
margin: 0.5rem 0 1rem 0;
|
4748 |
-
background-color: #fff;
|
4749 |
-
-webkit-transition: -webkit-box-shadow .25s;
|
4750 |
-
transition: -webkit-box-shadow .25s;
|
4751 |
-
transition: box-shadow .25s;
|
4752 |
-
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
4753 |
-
border-radius: 2px;
|
4754 |
-
}
|
4755 |
-
|
4756 |
-
.card .card-title {
|
4757 |
-
font-size: 24px;
|
4758 |
-
font-weight: 300;
|
4759 |
-
}
|
4760 |
-
|
4761 |
-
.card .card-title.activator {
|
4762 |
-
cursor: pointer;
|
4763 |
-
}
|
4764 |
-
|
4765 |
-
.card.small, .card.medium, .card.large {
|
4766 |
-
position: relative;
|
4767 |
-
}
|
4768 |
-
|
4769 |
-
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
|
4770 |
-
max-height: 60%;
|
4771 |
-
overflow: hidden;
|
4772 |
-
}
|
4773 |
-
|
4774 |
-
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
|
4775 |
-
max-height: 40%;
|
4776 |
-
}
|
4777 |
-
|
4778 |
-
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
|
4779 |
-
max-height: 100%;
|
4780 |
-
overflow: hidden;
|
4781 |
-
}
|
4782 |
-
|
4783 |
-
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
|
4784 |
-
position: absolute;
|
4785 |
-
bottom: 0;
|
4786 |
-
left: 0;
|
4787 |
-
right: 0;
|
4788 |
-
}
|
4789 |
-
|
4790 |
-
.card.small {
|
4791 |
-
height: 300px;
|
4792 |
-
}
|
4793 |
-
|
4794 |
-
.card.medium {
|
4795 |
-
height: 400px;
|
4796 |
-
}
|
4797 |
-
|
4798 |
-
.card.large {
|
4799 |
-
height: 500px;
|
4800 |
-
}
|
4801 |
-
|
4802 |
-
.card.horizontal {
|
4803 |
-
display: -webkit-box;
|
4804 |
-
display: -webkit-flex;
|
4805 |
-
display: -ms-flexbox;
|
4806 |
-
display: flex;
|
4807 |
-
}
|
4808 |
-
|
4809 |
-
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
|
4810 |
-
height: 100%;
|
4811 |
-
max-height: none;
|
4812 |
-
overflow: visible;
|
4813 |
-
}
|
4814 |
-
|
4815 |
-
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
|
4816 |
-
height: 100%;
|
4817 |
-
}
|
4818 |
-
|
4819 |
-
.card.horizontal .card-image {
|
4820 |
-
max-width: 50%;
|
4821 |
-
}
|
4822 |
-
|
4823 |
-
.card.horizontal .card-image img {
|
4824 |
-
border-radius: 2px 0 0 2px;
|
4825 |
-
max-width: 100%;
|
4826 |
-
width: auto;
|
4827 |
-
}
|
4828 |
-
|
4829 |
-
.card.horizontal .card-stacked {
|
4830 |
-
display: -webkit-box;
|
4831 |
-
display: -webkit-flex;
|
4832 |
-
display: -ms-flexbox;
|
4833 |
-
display: flex;
|
4834 |
-
-webkit-box-orient: vertical;
|
4835 |
-
-webkit-box-direction: normal;
|
4836 |
-
-webkit-flex-direction: column;
|
4837 |
-
-ms-flex-direction: column;
|
4838 |
-
flex-direction: column;
|
4839 |
-
-webkit-box-flex: 1;
|
4840 |
-
-webkit-flex: 1;
|
4841 |
-
-ms-flex: 1;
|
4842 |
-
flex: 1;
|
4843 |
-
position: relative;
|
4844 |
-
}
|
4845 |
-
|
4846 |
-
.card.horizontal .card-stacked .card-content {
|
4847 |
-
-webkit-box-flex: 1;
|
4848 |
-
-webkit-flex-grow: 1;
|
4849 |
-
-ms-flex-positive: 1;
|
4850 |
-
flex-grow: 1;
|
4851 |
-
}
|
4852 |
-
|
4853 |
-
.card.sticky-action .card-action {
|
4854 |
-
z-index: 2;
|
4855 |
-
}
|
4856 |
-
|
4857 |
-
.card.sticky-action .card-reveal {
|
4858 |
-
z-index: 1;
|
4859 |
-
padding-bottom: 64px;
|
4860 |
-
}
|
4861 |
-
|
4862 |
-
.card .card-image {
|
4863 |
-
position: relative;
|
4864 |
-
}
|
4865 |
-
|
4866 |
-
.card .card-image img {
|
4867 |
-
display: block;
|
4868 |
-
border-radius: 2px 2px 0 0;
|
4869 |
-
position: relative;
|
4870 |
-
left: 0;
|
4871 |
-
right: 0;
|
4872 |
-
top: 0;
|
4873 |
-
bottom: 0;
|
4874 |
-
width: 100%;
|
4875 |
-
}
|
4876 |
-
|
4877 |
-
.card .card-image .card-title {
|
4878 |
-
color: #fff;
|
4879 |
-
position: absolute;
|
4880 |
-
bottom: 0;
|
4881 |
-
left: 0;
|
4882 |
-
max-width: 100%;
|
4883 |
-
padding: 24px;
|
4884 |
-
}
|
4885 |
-
|
4886 |
-
.card .card-content {
|
4887 |
-
padding: 24px;
|
4888 |
-
border-radius: 0 0 2px 2px;
|
4889 |
-
}
|
4890 |
-
|
4891 |
-
.card .card-content p {
|
4892 |
-
margin: 0;
|
4893 |
-
}
|
4894 |
-
|
4895 |
-
.card .card-content .card-title {
|
4896 |
-
display: block;
|
4897 |
-
line-height: 32px;
|
4898 |
-
margin-bottom: 8px;
|
4899 |
-
}
|
4900 |
-
|
4901 |
-
.card .card-content .card-title i {
|
4902 |
-
line-height: 32px;
|
4903 |
-
}
|
4904 |
-
|
4905 |
-
.card .card-action {
|
4906 |
-
background-color: inherit;
|
4907 |
-
border-top: 1px solid rgba(160, 160, 160, 0.2);
|
4908 |
-
position: relative;
|
4909 |
-
padding: 16px 24px;
|
4910 |
-
}
|
4911 |
-
|
4912 |
-
.card .card-action:last-child {
|
4913 |
-
border-radius: 0 0 2px 2px;
|
4914 |
-
}
|
4915 |
-
|
4916 |
-
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
|
4917 |
-
color: #ffab40;
|
4918 |
-
margin-right: 24px;
|
4919 |
-
-webkit-transition: color .3s ease;
|
4920 |
-
transition: color .3s ease;
|
4921 |
-
text-transform: uppercase;
|
4922 |
-
}
|
4923 |
-
|
4924 |
-
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
|
4925 |
-
color: #ffd8a6;
|
4926 |
-
}
|
4927 |
-
|
4928 |
-
.card .card-reveal {
|
4929 |
-
padding: 24px;
|
4930 |
-
position: absolute;
|
4931 |
-
background-color: #fff;
|
4932 |
-
width: 100%;
|
4933 |
-
overflow-y: auto;
|
4934 |
-
left: 0;
|
4935 |
-
top: 100%;
|
4936 |
-
height: 100%;
|
4937 |
-
z-index: 3;
|
4938 |
-
display: none;
|
4939 |
-
}
|
4940 |
-
|
4941 |
-
.card .card-reveal .card-title {
|
4942 |
-
cursor: pointer;
|
4943 |
-
display: block;
|
4944 |
-
}
|
4945 |
-
|
4946 |
-
#toast-container {
|
4947 |
-
display: block;
|
4948 |
-
position: fixed;
|
4949 |
-
z-index: 10000;
|
4950 |
-
}
|
4951 |
-
|
4952 |
-
@media only screen and (max-width: 600px) {
|
4953 |
-
#toast-container {
|
4954 |
-
min-width: 100%;
|
4955 |
-
bottom: 0%;
|
4956 |
-
}
|
4957 |
-
}
|
4958 |
-
|
4959 |
-
@media only screen and (min-width: 601px) and (max-width: 992px) {
|
4960 |
-
#toast-container {
|
4961 |
-
left: 5%;
|
4962 |
-
bottom: 7%;
|
4963 |
-
max-width: 90%;
|
4964 |
-
}
|
4965 |
-
}
|
4966 |
-
|
4967 |
-
@media only screen and (min-width: 993px) {
|
4968 |
-
#toast-container {
|
4969 |
-
top: 10%;
|
4970 |
-
right: 7%;
|
4971 |
-
max-width: 86%;
|
4972 |
-
}
|
4973 |
-
}
|
4974 |
-
|
4975 |
-
.toast {
|
4976 |
-
border-radius: 2px;
|
4977 |
-
top: 35px;
|
4978 |
-
width: auto;
|
4979 |
-
margin-top: 10px;
|
4980 |
-
position: relative;
|
4981 |
-
max-width: 100%;
|
4982 |
-
height: auto;
|
4983 |
-
min-height: 48px;
|
4984 |
-
line-height: 1.5em;
|
4985 |
-
background-color: #323232;
|
4986 |
-
padding: 10px 25px;
|
4987 |
-
font-size: 1.1rem;
|
4988 |
-
font-weight: 300;
|
4989 |
-
color: #fff;
|
4990 |
-
display: -webkit-box;
|
4991 |
-
display: -webkit-flex;
|
4992 |
-
display: -ms-flexbox;
|
4993 |
-
display: flex;
|
4994 |
-
-webkit-box-align: center;
|
4995 |
-
-webkit-align-items: center;
|
4996 |
-
-ms-flex-align: center;
|
4997 |
-
align-items: center;
|
4998 |
-
-webkit-box-pack: justify;
|
4999 |
-
-webkit-justify-content: space-between;
|
5000 |
-
-ms-flex-pack: justify;
|
5001 |
-
justify-content: space-between;
|
5002 |
-
cursor: default;
|
5003 |
-
}
|
5004 |
-
|
5005 |
-
.toast .toast-action {
|
5006 |
-
color: #eeff41;
|
5007 |
-
font-weight: 500;
|
5008 |
-
margin-right: -25px;
|
5009 |
-
margin-left: 3rem;
|
5010 |
-
}
|
5011 |
-
|
5012 |
-
.toast.rounded {
|
5013 |
-
border-radius: 24px;
|
5014 |
-
}
|
5015 |
-
|
5016 |
-
@media only screen and (max-width: 600px) {
|
5017 |
-
.toast {
|
5018 |
-
width: 100%;
|
5019 |
-
border-radius: 0;
|
5020 |
-
}
|
5021 |
-
}
|
5022 |
-
|
5023 |
-
.tabs {
|
5024 |
-
position: relative;
|
5025 |
-
overflow-x: auto;
|
5026 |
-
overflow-y: hidden;
|
5027 |
-
height: 48px;
|
5028 |
-
width: 100%;
|
5029 |
-
background-color: #fff;
|
5030 |
-
margin: 0 auto;
|
5031 |
-
white-space: nowrap;
|
5032 |
-
}
|
5033 |
-
|
5034 |
-
.tabs.tabs-transparent {
|
5035 |
-
background-color: transparent;
|
5036 |
-
}
|
5037 |
-
|
5038 |
-
.tabs.tabs-transparent .tab a,
|
5039 |
-
.tabs.tabs-transparent .tab.disabled a,
|
5040 |
-
.tabs.tabs-transparent .tab.disabled a:hover {
|
5041 |
-
color: rgba(255, 255, 255, 0.7);
|
5042 |
-
}
|
5043 |
-
|
5044 |
-
.tabs.tabs-transparent .tab a:hover,
|
5045 |
-
.tabs.tabs-transparent .tab a.active {
|
5046 |
-
color: #fff;
|
5047 |
-
}
|
5048 |
-
|
5049 |
-
.tabs.tabs-transparent .indicator {
|
5050 |
-
background-color: #fff;
|
5051 |
-
}
|
5052 |
-
|
5053 |
-
.tabs.tabs-fixed-width {
|
5054 |
-
display: -webkit-box;
|
5055 |
-
display: -webkit-flex;
|
5056 |
-
display: -ms-flexbox;
|
5057 |
-
display: flex;
|
5058 |
-
}
|
5059 |
-
|
5060 |
-
.tabs.tabs-fixed-width .tab {
|
5061 |
-
-webkit-box-flex: 1;
|
5062 |
-
-webkit-flex-grow: 1;
|
5063 |
-
-ms-flex-positive: 1;
|
5064 |
-
flex-grow: 1;
|
5065 |
-
}
|
5066 |
-
|
5067 |
-
.tabs .tab {
|
5068 |
-
display: inline-block;
|
5069 |
-
text-align: center;
|
5070 |
-
line-height: 48px;
|
5071 |
-
height: 48px;
|
5072 |
-
padding: 0;
|
5073 |
-
margin: 0;
|
5074 |
-
text-transform: uppercase;
|
5075 |
-
}
|
5076 |
-
|
5077 |
-
.tabs .tab a {
|
5078 |
-
color: rgba(238, 110, 115, 0.7);
|
5079 |
-
display: block;
|
5080 |
-
width: 100%;
|
5081 |
-
height: 100%;
|
5082 |
-
padding: 0 24px;
|
5083 |
-
font-size: 14px;
|
5084 |
-
text-overflow: ellipsis;
|
5085 |
-
overflow: hidden;
|
5086 |
-
-webkit-transition: color .28s ease, background-color .28s ease;
|
5087 |
-
transition: color .28s ease, background-color .28s ease;
|
5088 |
-
}
|
5089 |
-
|
5090 |
-
.tabs .tab a:focus, .tabs .tab a:focus.active {
|
5091 |
-
background-color: rgba(246, 178, 181, 0.2);
|
5092 |
-
outline: none;
|
5093 |
-
}
|
5094 |
-
|
5095 |
-
.tabs .tab a:hover, .tabs .tab a.active {
|
5096 |
-
background-color: transparent;
|
5097 |
-
color: #ee6e73;
|
5098 |
-
}
|
5099 |
-
|
5100 |
-
.tabs .tab.disabled a,
|
5101 |
-
.tabs .tab.disabled a:hover {
|
5102 |
-
color: rgba(238, 110, 115, 0.4);
|
5103 |
-
cursor: default;
|
5104 |
-
}
|
5105 |
-
|
5106 |
-
.tabs .indicator {
|
5107 |
-
position: absolute;
|
5108 |
-
bottom: 0;
|
5109 |
-
height: 2px;
|
5110 |
-
background-color: #f6b2b5;
|
5111 |
-
will-change: left, right;
|
5112 |
-
}
|
5113 |
-
|
5114 |
-
@media only screen and (max-width: 992px) {
|
5115 |
-
.tabs {
|
5116 |
-
display: -webkit-box;
|
5117 |
-
display: -webkit-flex;
|
5118 |
-
display: -ms-flexbox;
|
5119 |
-
display: flex;
|
5120 |
-
}
|
5121 |
-
.tabs .tab {
|
5122 |
-
-webkit-box-flex: 1;
|
5123 |
-
-webkit-flex-grow: 1;
|
5124 |
-
-ms-flex-positive: 1;
|
5125 |
-
flex-grow: 1;
|
5126 |
-
}
|
5127 |
-
.tabs .tab a {
|
5128 |
-
padding: 0 12px;
|
5129 |
-
}
|
5130 |
-
}
|
5131 |
-
|
5132 |
-
.material-tooltip {
|
5133 |
-
padding: 10px 8px;
|
5134 |
-
font-size: 1rem;
|
5135 |
-
z-index: 2000;
|
5136 |
-
background-color: transparent;
|
5137 |
-
border-radius: 2px;
|
5138 |
-
color: #fff;
|
5139 |
-
min-height: 36px;
|
5140 |
-
line-height: 120%;
|
5141 |
-
opacity: 0;
|
5142 |
-
position: absolute;
|
5143 |
-
text-align: center;
|
5144 |
-
max-width: calc(100% - 4px);
|
5145 |
-
overflow: hidden;
|
5146 |
-
left: 0;
|
5147 |
-
top: 0;
|
5148 |
-
pointer-events: none;
|
5149 |
-
visibility: hidden;
|
5150 |
-
background-color: #323232;
|
5151 |
-
}
|
5152 |
-
|
5153 |
-
.backdrop {
|
5154 |
-
position: absolute;
|
5155 |
-
opacity: 0;
|
5156 |
-
height: 7px;
|
5157 |
-
width: 14px;
|
5158 |
-
border-radius: 0 0 50% 50%;
|
5159 |
-
background-color: #323232;
|
5160 |
-
z-index: -1;
|
5161 |
-
-webkit-transform-origin: 50% 0%;
|
5162 |
-
transform-origin: 50% 0%;
|
5163 |
-
visibility: hidden;
|
5164 |
-
}
|
5165 |
-
|
5166 |
-
.btn, .btn-large, .btn-small,
|
5167 |
-
.btn-flat {
|
5168 |
-
border: none;
|
5169 |
-
border-radius: 2px;
|
5170 |
-
display: inline-block;
|
5171 |
-
height: 36px;
|
5172 |
-
line-height: 36px;
|
5173 |
-
padding: 0 16px;
|
5174 |
-
text-transform: uppercase;
|
5175 |
-
vertical-align: middle;
|
5176 |
-
-webkit-tap-highlight-color: transparent;
|
5177 |
-
}
|
5178 |
-
|
5179 |
-
.btn.disabled, .disabled.btn-large, .disabled.btn-small,
|
5180 |
-
.btn-floating.disabled,
|
5181 |
-
.btn-large.disabled,
|
5182 |
-
.btn-small.disabled,
|
5183 |
-
.btn-flat.disabled,
|
5184 |
-
.btn:disabled,
|
5185 |
-
.btn-large:disabled,
|
5186 |
-
.btn-small:disabled,
|
5187 |
-
.btn-floating:disabled,
|
5188 |
-
.btn-large:disabled,
|
5189 |
-
.btn-small:disabled,
|
5190 |
-
.btn-flat:disabled,
|
5191 |
-
.btn[disabled],
|
5192 |
-
.btn-large[disabled],
|
5193 |
-
.btn-small[disabled],
|
5194 |
-
.btn-floating[disabled],
|
5195 |
-
.btn-large[disabled],
|
5196 |
-
.btn-small[disabled],
|
5197 |
-
.btn-flat[disabled] {
|
5198 |
-
pointer-events: none;
|
5199 |
-
background-color: #DFDFDF !important;
|
5200 |
-
-webkit-box-shadow: none;
|
5201 |
-
box-shadow: none;
|
5202 |
-
color: #9F9F9F !important;
|
5203 |
-
cursor: default;
|
5204 |
-
}
|
5205 |
-
|
5206 |
-
.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
|
5207 |
-
.btn-floating.disabled:hover,
|
5208 |
-
.btn-large.disabled:hover,
|
5209 |
-
.btn-small.disabled:hover,
|
5210 |
-
.btn-flat.disabled:hover,
|
5211 |
-
.btn:disabled:hover,
|
5212 |
-
.btn-large:disabled:hover,
|
5213 |
-
.btn-small:disabled:hover,
|
5214 |
-
.btn-floating:disabled:hover,
|
5215 |
-
.btn-large:disabled:hover,
|
5216 |
-
.btn-small:disabled:hover,
|
5217 |
-
.btn-flat:disabled:hover,
|
5218 |
-
.btn[disabled]:hover,
|
5219 |
-
.btn-large[disabled]:hover,
|
5220 |
-
.btn-small[disabled]:hover,
|
5221 |
-
.btn-floating[disabled]:hover,
|
5222 |
-
.btn-large[disabled]:hover,
|
5223 |
-
.btn-small[disabled]:hover,
|
5224 |
-
.btn-flat[disabled]:hover {
|
5225 |
-
background-color: #DFDFDF !important;
|
5226 |
-
color: #9F9F9F !important;
|
5227 |
-
}
|
5228 |
-
|
5229 |
-
.btn, .btn-large, .btn-small,
|
5230 |
-
.btn-floating,
|
5231 |
-
.btn-large,
|
5232 |
-
.btn-small,
|
5233 |
-
.btn-flat {
|
5234 |
-
font-size: 14px;
|
5235 |
-
outline: 0;
|
5236 |
-
}
|
5237 |
-
|
5238 |
-
.btn i, .btn-large i, .btn-small i,
|
5239 |
-
.btn-floating i,
|
5240 |
-
.btn-large i,
|
5241 |
-
.btn-small i,
|
5242 |
-
.btn-flat i {
|
5243 |
-
font-size: 1.3rem;
|
5244 |
-
line-height: inherit;
|
5245 |
-
}
|
5246 |
-
|
5247 |
-
.btn:focus, .btn-large:focus, .btn-small:focus,
|
5248 |
-
.btn-floating:focus {
|
5249 |
-
background-color: #1d7d74;
|
5250 |
-
}
|
5251 |
-
|
5252 |
-
.btn, .btn-large, .btn-small {
|
5253 |
-
text-decoration: none;
|
5254 |
-
color: #fff;
|
5255 |
-
background-color: #26a69a;
|
5256 |
-
text-align: center;
|
5257 |
-
letter-spacing: .5px;
|
5258 |
-
-webkit-transition: background-color .2s ease-out;
|
5259 |
-
transition: background-color .2s ease-out;
|
5260 |
-
cursor: pointer;
|
5261 |
-
}
|
5262 |
-
|
5263 |
-
.btn:hover, .btn-large:hover, .btn-small:hover {
|
5264 |
-
background-color: #2bbbad;
|
5265 |
-
}
|
5266 |
-
|
5267 |
-
.btn-floating {
|
5268 |
-
display: inline-block;
|
5269 |
-
color: #fff;
|
5270 |
-
position: relative;
|
5271 |
-
overflow: hidden;
|
5272 |
-
z-index: 1;
|
5273 |
-
width: 40px;
|
5274 |
-
height: 40px;
|
5275 |
-
line-height: 40px;
|
5276 |
-
padding: 0;
|
5277 |
-
background-color: #26a69a;
|
5278 |
-
border-radius: 50%;
|
5279 |
-
-webkit-transition: background-color .3s;
|
5280 |
-
transition: background-color .3s;
|
5281 |
-
cursor: pointer;
|
5282 |
-
vertical-align: middle;
|
5283 |
-
}
|
5284 |
-
|
5285 |
-
.btn-floating:hover {
|
5286 |
-
background-color: #26a69a;
|
5287 |
-
}
|
5288 |
-
|
5289 |
-
.btn-floating:before {
|
5290 |
-
border-radius: 0;
|
5291 |
-
}
|
5292 |
-
|
5293 |
-
.btn-floating.btn-large {
|
5294 |
-
width: 56px;
|
5295 |
-
height: 56px;
|
5296 |
-
padding: 0;
|
5297 |
-
}
|
5298 |
-
|
5299 |
-
.btn-floating.btn-large.halfway-fab {
|
5300 |
-
bottom: -28px;
|
5301 |
-
}
|
5302 |
-
|
5303 |
-
.btn-floating.btn-large i {
|
5304 |
-
line-height: 56px;
|
5305 |
-
}
|
5306 |
-
|
5307 |
-
.btn-floating.btn-small {
|
5308 |
-
width: 32.4px;
|
5309 |
-
height: 32.4px;
|
5310 |
-
}
|
5311 |
-
|
5312 |
-
.btn-floating.btn-small.halfway-fab {
|
5313 |
-
bottom: -16.2px;
|
5314 |
-
}
|
5315 |
-
|
5316 |
-
.btn-floating.btn-small i {
|
5317 |
-
line-height: 32.4px;
|
5318 |
-
}
|
5319 |
-
|
5320 |
-
.btn-floating.halfway-fab {
|
5321 |
-
position: absolute;
|
5322 |
-
right: 24px;
|
5323 |
-
bottom: -20px;
|
5324 |
-
}
|
5325 |
-
|
5326 |
-
.btn-floating.halfway-fab.left {
|
5327 |
-
right: auto;
|
5328 |
-
left: 24px;
|
5329 |
-
}
|
5330 |
-
|
5331 |
-
.btn-floating i {
|
5332 |
-
width: inherit;
|
5333 |
-
display: inline-block;
|
5334 |
-
text-align: center;
|
5335 |
-
color: #fff;
|
5336 |
-
font-size: 1.6rem;
|
5337 |
-
line-height: 40px;
|
5338 |
-
}
|
5339 |
-
|
5340 |
-
button.btn-floating {
|
5341 |
-
border: none;
|
5342 |
-
}
|
5343 |
-
|
5344 |
-
.fixed-action-btn {
|
5345 |
-
position: fixed;
|
5346 |
-
right: 23px;
|
5347 |
-
bottom: 23px;
|
5348 |
-
padding-top: 15px;
|
5349 |
-
margin-bottom: 0;
|
5350 |
-
z-index: 997;
|
5351 |
-
}
|
5352 |
-
|
5353 |
-
.fixed-action-btn.active ul {
|
5354 |
-
visibility: visible;
|
5355 |
-
}
|
5356 |
-
|
5357 |
-
.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
|
5358 |
-
padding: 0 0 0 15px;
|
5359 |
-
}
|
5360 |
-
|
5361 |
-
.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
|
5362 |
-
text-align: right;
|
5363 |
-
right: 64px;
|
5364 |
-
top: 50%;
|
5365 |
-
-webkit-transform: translateY(-50%);
|
5366 |
-
transform: translateY(-50%);
|
5367 |
-
height: 100%;
|
5368 |
-
left: auto;
|
5369 |
-
/*width 100% only goes to width of button container */
|
5370 |
-
width: 500px;
|
5371 |
-
}
|
5372 |
-
|
5373 |
-
.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
|
5374 |
-
display: inline-block;
|
5375 |
-
margin: 7.5px 15px 0 0;
|
5376 |
-
}
|
5377 |
-
|
5378 |
-
.fixed-action-btn.direction-right {
|
5379 |
-
padding: 0 15px 0 0;
|
5380 |
-
}
|
5381 |
-
|
5382 |
-
.fixed-action-btn.direction-right ul {
|
5383 |
-
text-align: left;
|
5384 |
-
direction: rtl;
|
5385 |
-
left: 64px;
|
5386 |
-
right: auto;
|
5387 |
-
}
|
5388 |
-
|
5389 |
-
.fixed-action-btn.direction-right ul li {
|
5390 |
-
margin: 7.5px 0 0 15px;
|
5391 |
-
}
|
5392 |
-
|
5393 |
-
.fixed-action-btn.direction-bottom {
|
5394 |
-
padding: 0 0 15px 0;
|
5395 |
-
}
|
5396 |
-
|
5397 |
-
.fixed-action-btn.direction-bottom ul {
|
5398 |
-
top: 64px;
|
5399 |
-
bottom: auto;
|
5400 |
-
display: -webkit-box;
|
5401 |
-
display: -webkit-flex;
|
5402 |
-
display: -ms-flexbox;
|
5403 |
-
display: flex;
|
5404 |
-
-webkit-box-orient: vertical;
|
5405 |
-
-webkit-box-direction: reverse;
|
5406 |
-
-webkit-flex-direction: column-reverse;
|
5407 |
-
-ms-flex-direction: column-reverse;
|
5408 |
-
flex-direction: column-reverse;
|
5409 |
-
}
|
5410 |
-
|
5411 |
-
.fixed-action-btn.direction-bottom ul li {
|
5412 |
-
margin: 15px 0 0 0;
|
5413 |
-
}
|
5414 |
-
|
5415 |
-
.fixed-action-btn.toolbar {
|
5416 |
-
padding: 0;
|
5417 |
-
height: 56px;
|
5418 |
-
}
|
5419 |
-
|
5420 |
-
.fixed-action-btn.toolbar.active > a i {
|
5421 |
-
opacity: 0;
|
5422 |
-
}
|
5423 |
-
|
5424 |
-
.fixed-action-btn.toolbar ul {
|
5425 |
-
display: -webkit-box;
|
5426 |
-
display: -webkit-flex;
|
5427 |
-
display: -ms-flexbox;
|
5428 |
-
display: flex;
|
5429 |
-
top: 0;
|
5430 |
-
bottom: 0;
|
5431 |
-
z-index: 1;
|
5432 |
-
}
|
5433 |
-
|
5434 |
-
.fixed-action-btn.toolbar ul li {
|
5435 |
-
-webkit-box-flex: 1;
|
5436 |
-
-webkit-flex: 1;
|
5437 |
-
-ms-flex: 1;
|
5438 |
-
flex: 1;
|
5439 |
-
display: inline-block;
|
5440 |
-
margin: 0;
|
5441 |
-
height: 100%;
|
5442 |
-
-webkit-transition: none;
|
5443 |
-
transition: none;
|
5444 |
-
}
|
5445 |
-
|
5446 |
-
.fixed-action-btn.toolbar ul li a {
|
5447 |
-
display: block;
|
5448 |
-
overflow: hidden;
|
5449 |
-
position: relative;
|
5450 |
-
width: 100%;
|
5451 |
-
height: 100%;
|
5452 |
-
background-color: transparent;
|
5453 |
-
-webkit-box-shadow: none;
|
5454 |
-
box-shadow: none;
|
5455 |
-
color: #fff;
|
5456 |
-
line-height: 56px;
|
5457 |
-
z-index: 1;
|
5458 |
-
}
|
5459 |
-
|
5460 |
-
.fixed-action-btn.toolbar ul li a i {
|
5461 |
-
line-height: inherit;
|
5462 |
-
}
|
5463 |
-
|
5464 |
-
.fixed-action-btn ul {
|
5465 |
-
left: 0;
|
5466 |
-
right: 0;
|
5467 |
-
text-align: center;
|
5468 |
-
position: absolute;
|
5469 |
-
bottom: 64px;
|
5470 |
-
margin: 0;
|
5471 |
-
visibility: hidden;
|
5472 |
-
}
|
5473 |
-
|
5474 |
-
.fixed-action-btn ul li {
|
5475 |
-
margin-bottom: 15px;
|
5476 |
-
}
|
5477 |
-
|
5478 |
-
.fixed-action-btn ul a.btn-floating {
|
5479 |
-
opacity: 0;
|
5480 |
-
}
|
5481 |
-
|
5482 |
-
.fixed-action-btn .fab-backdrop {
|
5483 |
-
position: absolute;
|
5484 |
-
top: 0;
|
5485 |
-
left: 0;
|
5486 |
-
z-index: -1;
|
5487 |
-
width: 40px;
|
5488 |
-
height: 40px;
|
5489 |
-
background-color: #26a69a;
|
5490 |
-
border-radius: 50%;
|
5491 |
-
-webkit-transform: scale(0);
|
5492 |
-
transform: scale(0);
|
5493 |
-
}
|
5494 |
-
|
5495 |
-
.btn-flat {
|
5496 |
-
-webkit-box-shadow: none;
|
5497 |
-
box-shadow: none;
|
5498 |
-
background-color: transparent;
|
5499 |
-
color: #343434;
|
5500 |
-
cursor: pointer;
|
5501 |
-
-webkit-transition: background-color .2s;
|
5502 |
-
transition: background-color .2s;
|
5503 |
-
}
|
5504 |
-
|
5505 |
-
.btn-flat:focus, .btn-flat:hover {
|
5506 |
-
-webkit-box-shadow: none;
|
5507 |
-
box-shadow: none;
|
5508 |
-
}
|
5509 |
-
|
5510 |
-
.btn-flat:focus {
|
5511 |
-
background-color: rgba(0, 0, 0, 0.1);
|
5512 |
-
}
|
5513 |
-
|
5514 |
-
.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
|
5515 |
-
background-color: transparent !important;
|
5516 |
-
color: #b3b2b2 !important;
|
5517 |
-
cursor: default;
|
5518 |
-
}
|
5519 |
-
|
5520 |
-
.btn-large {
|
5521 |
-
height: 54px;
|
5522 |
-
line-height: 54px;
|
5523 |
-
font-size: 15px;
|
5524 |
-
padding: 0 28px;
|
5525 |
-
}
|
5526 |
-
|
5527 |
-
.btn-large i {
|
5528 |
-
font-size: 1.6rem;
|
5529 |
-
}
|
5530 |
-
|
5531 |
-
.btn-small {
|
5532 |
-
height: 32.4px;
|
5533 |
-
line-height: 32.4px;
|
5534 |
-
font-size: 13px;
|
5535 |
-
}
|
5536 |
-
|
5537 |
-
.btn-small i {
|
5538 |
-
font-size: 1.2rem;
|
5539 |
-
}
|
5540 |
-
|
5541 |
-
.btn-block {
|
5542 |
-
display: block;
|
5543 |
-
}
|
5544 |
-
|
5545 |
-
.dropdown-content {
|
5546 |
-
background-color: #fff;
|
5547 |
-
margin: 0;
|
5548 |
-
display: none;
|
5549 |
-
min-width: 100px;
|
5550 |
-
overflow-y: auto;
|
5551 |
-
opacity: 0;
|
5552 |
-
position: absolute;
|
5553 |
-
left: 0;
|
5554 |
-
top: 0;
|
5555 |
-
z-index: 9999;
|
5556 |
-
-webkit-transform-origin: 0 0;
|
5557 |
-
transform-origin: 0 0;
|
5558 |
-
}
|
5559 |
-
|
5560 |
-
.dropdown-content:focus {
|
5561 |
-
outline: 0;
|
5562 |
-
}
|
5563 |
-
|
5564 |
-
.dropdown-content li {
|
5565 |
-
clear: both;
|
5566 |
-
color: rgba(0, 0, 0, 0.87);
|
5567 |
-
cursor: pointer;
|
5568 |
-
min-height: 50px;
|
5569 |
-
line-height: 1.5rem;
|
5570 |
-
width: 100%;
|
5571 |
-
text-align: left;
|
5572 |
-
}
|
5573 |
-
|
5574 |
-
.dropdown-content li:hover, .dropdown-content li.active {
|
5575 |
-
background-color: #eee;
|
5576 |
-
}
|
5577 |
-
|
5578 |
-
.dropdown-content li:focus {
|
5579 |
-
outline: none;
|
5580 |
-
}
|
5581 |
-
|
5582 |
-
.dropdown-content li.divider {
|
5583 |
-
min-height: 0;
|
5584 |
-
height: 1px;
|
5585 |
-
}
|
5586 |
-
|
5587 |
-
.dropdown-content li > a, .dropdown-content li > span {
|
5588 |
-
font-size: 16px;
|
5589 |
-
color: #26a69a;
|
5590 |
-
display: block;
|
5591 |
-
line-height: 22px;
|
5592 |
-
padding: 14px 16px;
|
5593 |
-
}
|
5594 |
-
|
5595 |
-
.dropdown-content li > span > label {
|
5596 |
-
top: 1px;
|
5597 |
-
left: 0;
|
5598 |
-
height: 18px;
|
5599 |
-
}
|
5600 |
-
|
5601 |
-
.dropdown-content li > a > i {
|
5602 |
-
height: inherit;
|
5603 |
-
line-height: inherit;
|
5604 |
-
float: left;
|
5605 |
-
margin: 0 24px 0 0;
|
5606 |
-
width: 24px;
|
5607 |
-
}
|
5608 |
-
|
5609 |
-
body.keyboard-focused .dropdown-content li:focus {
|
5610 |
-
background-color: #dadada;
|
5611 |
-
}
|
5612 |
-
|
5613 |
-
.input-field.col .dropdown-content [type="checkbox"] + label {
|
5614 |
-
top: 1px;
|
5615 |
-
left: 0;
|
5616 |
-
height: 18px;
|
5617 |
-
-webkit-transform: none;
|
5618 |
-
transform: none;
|
5619 |
-
}
|
5620 |
-
|
5621 |
-
.dropdown-trigger {
|
5622 |
-
cursor: pointer;
|
5623 |
-
}
|
5624 |
-
|
5625 |
-
/*!
|
5626 |
-
* Waves v0.6.0
|
5627 |
-
* http://fian.my.id/Waves
|
5628 |
-
*
|
5629 |
-
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
5630 |
-
* Released under the MIT license
|
5631 |
-
* https://github.com/fians/Waves/blob/master/LICENSE
|
5632 |
-
*/
|
5633 |
-
.waves-effect {
|
5634 |
-
position: relative;
|
5635 |
-
cursor: pointer;
|
5636 |
-
display: inline-block;
|
5637 |
-
overflow: hidden;
|
5638 |
-
-webkit-user-select: none;
|
5639 |
-
-moz-user-select: none;
|
5640 |
-
-ms-user-select: none;
|
5641 |
-
user-select: none;
|
5642 |
-
-webkit-tap-highlight-color: transparent;
|
5643 |
-
vertical-align: middle;
|
5644 |
-
z-index: 1;
|
5645 |
-
-webkit-transition: .3s ease-out;
|
5646 |
-
transition: .3s ease-out;
|
5647 |
-
}
|
5648 |
-
|
5649 |
-
.waves-effect .waves-ripple {
|
5650 |
-
position: absolute;
|
5651 |
-
border-radius: 50%;
|
5652 |
-
width: 20px;
|
5653 |
-
height: 20px;
|
5654 |
-
margin-top: -10px;
|
5655 |
-
margin-left: -10px;
|
5656 |
-
opacity: 0;
|
5657 |
-
background: rgba(0, 0, 0, 0.2);
|
5658 |
-
-webkit-transition: all 0.7s ease-out;
|
5659 |
-
transition: all 0.7s ease-out;
|
5660 |
-
-webkit-transition-property: opacity, -webkit-transform;
|
5661 |
-
transition-property: opacity, -webkit-transform;
|
5662 |
-
transition-property: transform, opacity;
|
5663 |
-
transition-property: transform, opacity, -webkit-transform;
|
5664 |
-
-webkit-transform: scale(0);
|
5665 |
-
transform: scale(0);
|
5666 |
-
pointer-events: none;
|
5667 |
-
}
|
5668 |
-
|
5669 |
-
.waves-effect.waves-light .waves-ripple {
|
5670 |
-
background-color: rgba(255, 255, 255, 0.45);
|
5671 |
-
}
|
5672 |
-
|
5673 |
-
.waves-effect.waves-red .waves-ripple {
|
5674 |
-
background-color: rgba(244, 67, 54, 0.7);
|
5675 |
-
}
|
5676 |
-
|
5677 |
-
.waves-effect.waves-yellow .waves-ripple {
|
5678 |
-
background-color: rgba(255, 235, 59, 0.7);
|
5679 |
-
}
|
5680 |
-
|
5681 |
-
.waves-effect.waves-orange .waves-ripple {
|
5682 |
-
background-color: rgba(255, 152, 0, 0.7);
|
5683 |
-
}
|
5684 |
-
|
5685 |
-
.waves-effect.waves-purple .waves-ripple {
|
5686 |
-
background-color: rgba(156, 39, 176, 0.7);
|
5687 |
-
}
|
5688 |
-
|
5689 |
-
.waves-effect.waves-green .waves-ripple {
|
5690 |
-
background-color: rgba(76, 175, 80, 0.7);
|
5691 |
-
}
|
5692 |
-
|
5693 |
-
.waves-effect.waves-teal .waves-ripple {
|
5694 |
-
background-color: rgba(0, 150, 136, 0.7);
|
5695 |
-
}
|
5696 |
-
|
5697 |
-
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
|
5698 |
-
border: 0;
|
5699 |
-
font-style: normal;
|
5700 |
-
font-size: inherit;
|
5701 |
-
text-transform: inherit;
|
5702 |
-
background: none;
|
5703 |
-
}
|
5704 |
-
|
5705 |
-
.waves-effect img {
|
5706 |
-
position: relative;
|
5707 |
-
z-index: -1;
|
5708 |
-
}
|
5709 |
-
|
5710 |
-
.waves-notransition {
|
5711 |
-
-webkit-transition: none !important;
|
5712 |
-
transition: none !important;
|
5713 |
-
}
|
5714 |
-
|
5715 |
-
.waves-circle {
|
5716 |
-
-webkit-transform: translateZ(0);
|
5717 |
-
transform: translateZ(0);
|
5718 |
-
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
5719 |
-
}
|
5720 |
-
|
5721 |
-
.waves-input-wrapper {
|
5722 |
-
border-radius: 0.2em;
|
5723 |
-
vertical-align: bottom;
|
5724 |
-
}
|
5725 |
-
|
5726 |
-
.waves-input-wrapper .waves-button-input {
|
5727 |
-
position: relative;
|
5728 |
-
top: 0;
|
5729 |
-
left: 0;
|
5730 |
-
z-index: 1;
|
5731 |
-
}
|
5732 |
-
|
5733 |
-
.waves-circle {
|
5734 |
-
text-align: center;
|
5735 |
-
width: 2.5em;
|
5736 |
-
height: 2.5em;
|
5737 |
-
line-height: 2.5em;
|
5738 |
-
border-radius: 50%;
|
5739 |
-
-webkit-mask-image: none;
|
5740 |
-
}
|
5741 |
-
|
5742 |
-
.waves-block {
|
5743 |
-
display: block;
|
5744 |
-
}
|
5745 |
-
|
5746 |
-
/* Firefox Bug: link not triggered */
|
5747 |
-
.waves-effect .waves-ripple {
|
5748 |
-
z-index: -1;
|
5749 |
-
}
|
5750 |
-
|
5751 |
-
.modal {
|
5752 |
-
display: none;
|
5753 |
-
position: fixed;
|
5754 |
-
left: 0;
|
5755 |
-
right: 0;
|
5756 |
-
background-color: #fafafa;
|
5757 |
-
padding: 0;
|
5758 |
-
max-height: 70%;
|
5759 |
-
width: 55%;
|
5760 |
-
margin: auto;
|
5761 |
-
overflow-y: auto;
|
5762 |
-
border-radius: 2px;
|
5763 |
-
will-change: top, opacity;
|
5764 |
-
}
|
5765 |
-
|
5766 |
-
.modal:focus {
|
5767 |
-
outline: none;
|
5768 |
-
}
|
5769 |
-
|
5770 |
-
@media only screen and (max-width: 992px) {
|
5771 |
-
.modal {
|
5772 |
-
width: 80%;
|
5773 |
-
}
|
5774 |
-
}
|
5775 |
-
|
5776 |
-
.modal h1, .modal h2, .modal h3, .modal h4 {
|
5777 |
-
margin-top: 0;
|
5778 |
-
}
|
5779 |
-
|
5780 |
-
.modal .modal-content {
|
5781 |
-
padding: 24px;
|
5782 |
-
}
|
5783 |
-
|
5784 |
-
.modal .modal-close {
|
5785 |
-
cursor: pointer;
|
5786 |
-
}
|
5787 |
-
|
5788 |
-
.modal .modal-footer {
|
5789 |
-
border-radius: 0 0 2px 2px;
|
5790 |
-
background-color: #fafafa;
|
5791 |
-
padding: 4px 6px;
|
5792 |
-
height: 56px;
|
5793 |
-
width: 100%;
|
5794 |
-
text-align: right;
|
5795 |
-
}
|
5796 |
-
|
5797 |
-
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
|
5798 |
-
margin: 6px 0;
|
5799 |
-
}
|
5800 |
-
|
5801 |
-
.modal-overlay {
|
5802 |
-
position: fixed;
|
5803 |
-
z-index: 999;
|
5804 |
-
top: -25%;
|
5805 |
-
left: 0;
|
5806 |
-
bottom: 0;
|
5807 |
-
right: 0;
|
5808 |
-
height: 125%;
|
5809 |
-
width: 100%;
|
5810 |
-
background: #000;
|
5811 |
-
display: none;
|
5812 |
-
will-change: opacity;
|
5813 |
-
}
|
5814 |
-
|
5815 |
-
.modal.modal-fixed-footer {
|
5816 |
-
padding: 0;
|
5817 |
-
height: 70%;
|
5818 |
-
}
|
5819 |
-
|
5820 |
-
.modal.modal-fixed-footer .modal-content {
|
5821 |
-
position: absolute;
|
5822 |
-
height: calc(100% - 56px);
|
5823 |
-
max-height: 100%;
|
5824 |
-
width: 100%;
|
5825 |
-
overflow-y: auto;
|
5826 |
-
}
|
5827 |
-
|
5828 |
-
.modal.modal-fixed-footer .modal-footer {
|
5829 |
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
5830 |
-
position: absolute;
|
5831 |
-
bottom: 0;
|
5832 |
-
}
|
5833 |
-
|
5834 |
-
.modal.bottom-sheet {
|
5835 |
-
top: auto;
|
5836 |
-
bottom: -100%;
|
5837 |
-
margin: 0;
|
5838 |
-
width: 100%;
|
5839 |
-
max-height: 45%;
|
5840 |
-
border-radius: 0;
|
5841 |
-
will-change: bottom, opacity;
|
5842 |
-
}
|
5843 |
-
|
5844 |
-
.collapsible {
|
5845 |
-
border-top: 1px solid #ddd;
|
5846 |
-
border-right: 1px solid #ddd;
|
5847 |
-
border-left: 1px solid #ddd;
|
5848 |
-
margin: 0.5rem 0 1rem 0;
|
5849 |
-
}
|
5850 |
-
|
5851 |
-
.collapsible-header {
|
5852 |
-
display: -webkit-box;
|
5853 |
-
display: -webkit-flex;
|
5854 |
-
display: -ms-flexbox;
|
5855 |
-
display: flex;
|
5856 |
-
cursor: pointer;
|
5857 |
-
-webkit-tap-highlight-color: transparent;
|
5858 |
-
line-height: 1.5;
|
5859 |
-
padding: 1rem;
|
5860 |
-
background-color: #fff;
|
5861 |
-
border-bottom: 1px solid #ddd;
|
5862 |
-
}
|
5863 |
-
|
5864 |
-
.collapsible-header:focus {
|
5865 |
-
outline: 0;
|
5866 |
-
}
|
5867 |
-
|
5868 |
-
.collapsible-header i {
|
5869 |
-
width: 2rem;
|
5870 |
-
font-size: 1.6rem;
|
5871 |
-
display: inline-block;
|
5872 |
-
text-align: center;
|
5873 |
-
margin-right: 1rem;
|
5874 |
-
}
|
5875 |
-
|
5876 |
-
.keyboard-focused .collapsible-header:focus {
|
5877 |
-
background-color: #eee;
|
5878 |
-
}
|
5879 |
-
|
5880 |
-
.collapsible-body {
|
5881 |
-
display: none;
|
5882 |
-
border-bottom: 1px solid #ddd;
|
5883 |
-
-webkit-box-sizing: border-box;
|
5884 |
-
box-sizing: border-box;
|
5885 |
-
padding: 2rem;
|
5886 |
-
}
|
5887 |
-
|
5888 |
-
.sidenav .collapsible,
|
5889 |
-
.sidenav.fixed .collapsible {
|
5890 |
-
border: none;
|
5891 |
-
-webkit-box-shadow: none;
|
5892 |
-
box-shadow: none;
|
5893 |
-
}
|
5894 |
-
|
5895 |
-
.sidenav .collapsible li,
|
5896 |
-
.sidenav.fixed .collapsible li {
|
5897 |
-
padding: 0;
|
5898 |
-
}
|
5899 |
-
|
5900 |
-
.sidenav .collapsible-header,
|
5901 |
-
.sidenav.fixed .collapsible-header {
|
5902 |
-
background-color: transparent;
|
5903 |
-
border: none;
|
5904 |
-
line-height: inherit;
|
5905 |
-
height: inherit;
|
5906 |
-
padding: 0 16px;
|
5907 |
-
}
|
5908 |
-
|
5909 |
-
.sidenav .collapsible-header:hover,
|
5910 |
-
.sidenav.fixed .collapsible-header:hover {
|
5911 |
-
background-color: rgba(0, 0, 0, 0.05);
|
5912 |
-
}
|
5913 |
-
|
5914 |
-
.sidenav .collapsible-header i,
|
5915 |
-
.sidenav.fixed .collapsible-header i {
|
5916 |
-
line-height: inherit;
|
5917 |
-
}
|
5918 |
-
|
5919 |
-
.sidenav .collapsible-body,
|
5920 |
-
.sidenav.fixed .collapsible-body {
|
5921 |
-
border: 0;
|
5922 |
-
background-color: #fff;
|
5923 |
-
}
|
5924 |
-
|
5925 |
-
.sidenav .collapsible-body li a,
|
5926 |
-
.sidenav.fixed .collapsible-body li a {
|
5927 |
-
padding: 0 23.5px 0 31px;
|
5928 |
-
}
|
5929 |
-
|
5930 |
-
.collapsible.popout {
|
5931 |
-
border: none;
|
5932 |
-
-webkit-box-shadow: none;
|
5933 |
-
box-shadow: none;
|
5934 |
-
}
|
5935 |
-
|
5936 |
-
.collapsible.popout > li {
|
5937 |
-
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
5938 |
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
5939 |
-
margin: 0 24px;
|
5940 |
-
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
5941 |
-
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
5942 |
-
}
|
5943 |
-
|
5944 |
-
.collapsible.popout > li.active {
|
5945 |
-
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
5946 |
-
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
5947 |
-
margin: 16px 0;
|
5948 |
-
}
|
5949 |
-
|
5950 |
-
.chip {
|
5951 |
-
display: inline-block;
|
5952 |
-
height: 32px;
|
5953 |
-
font-size: 13px;
|
5954 |
-
font-weight: 500;
|
5955 |
-
color: rgba(0, 0, 0, 0.6);
|
5956 |
-
line-height: 32px;
|
5957 |
-
padding: 0 12px;
|
5958 |
-
border-radius: 16px;
|
5959 |
-
background-color: #e4e4e4;
|
5960 |
-
margin-bottom: 5px;
|
5961 |
-
margin-right: 5px;
|
5962 |
-
}
|
5963 |
-
|
5964 |
-
.chip:focus {
|
5965 |
-
outline: none;
|
5966 |
-
background-color: #26a69a;
|
5967 |
-
color: #fff;
|
5968 |
-
}
|
5969 |
-
|
5970 |
-
.chip > img {
|
5971 |
-
float: left;
|
5972 |
-
margin: 0 8px 0 -12px;
|
5973 |
-
height: 32px;
|
5974 |
-
width: 32px;
|
5975 |
-
border-radius: 50%;
|
5976 |
-
}
|
5977 |
-
|
5978 |
-
.chip .close {
|
5979 |
-
cursor: pointer;
|
5980 |
-
float: right;
|
5981 |
-
font-size: 16px;
|
5982 |
-
line-height: 32px;
|
5983 |
-
padding-left: 8px;
|
5984 |
-
}
|
5985 |
-
|
5986 |
-
.chips {
|
5987 |
-
border: none;
|
5988 |
-
border-bottom: 1px solid #9e9e9e;
|
5989 |
-
-webkit-box-shadow: none;
|
5990 |
-
box-shadow: none;
|
5991 |
-
margin: 0 0 8px 0;
|
5992 |
-
min-height: 45px;
|
5993 |
-
outline: none;
|
5994 |
-
-webkit-transition: all .3s;
|
5995 |
-
transition: all .3s;
|
5996 |
-
}
|
5997 |
-
|
5998 |
-
.chips.focus {
|
5999 |
-
border-bottom: 1px solid #26a69a;
|
6000 |
-
-webkit-box-shadow: 0 1px 0 0 #26a69a;
|
6001 |
-
box-shadow: 0 1px 0 0 #26a69a;
|
6002 |
-
}
|
6003 |
-
|
6004 |
-
.chips:hover {
|
6005 |
-
cursor: text;
|
6006 |
-
}
|
6007 |
-
|
6008 |
-
.chips .input {
|
6009 |
-
background: none;
|
6010 |
-
border: 0;
|
6011 |
-
color: rgba(0, 0, 0, 0.6);
|
6012 |
-
display: inline-block;
|
6013 |
-
font-size: 16px;
|
6014 |
-
height: 3rem;
|
6015 |
-
line-height: 32px;
|
6016 |
-
outline: 0;
|
6017 |
-
margin: 0;
|
6018 |
-
padding: 0 !important;
|
6019 |
-
width: 120px !important;
|
6020 |
-
}
|
6021 |
-
|
6022 |
-
.chips .input:focus {
|
6023 |
-
border: 0 !important;
|
6024 |
-
-webkit-box-shadow: none !important;
|
6025 |
-
box-shadow: none !important;
|
6026 |
-
}
|
6027 |
-
|
6028 |
-
.chips .autocomplete-content {
|
6029 |
-
margin-top: 0;
|
6030 |
-
margin-bottom: 0;
|
6031 |
-
}
|
6032 |
-
|
6033 |
-
.prefix ~ .chips {
|
6034 |
-
margin-left: 3rem;
|
6035 |
-
width: 92%;
|
6036 |
-
width: calc(100% - 3rem);
|
6037 |
-
}
|
6038 |
-
|
6039 |
-
.chips:empty ~ label {
|
6040 |
-
font-size: 0.8rem;
|
6041 |
-
-webkit-transform: translateY(-140%);
|
6042 |
-
transform: translateY(-140%);
|
6043 |
-
}
|
6044 |
-
|
6045 |
-
.materialboxed {
|
6046 |
-
display: block;
|
6047 |
-
cursor: -webkit-zoom-in;
|
6048 |
-
cursor: zoom-in;
|
6049 |
-
position: relative;
|
6050 |
-
-webkit-transition: opacity .4s;
|
6051 |
-
transition: opacity .4s;
|
6052 |
-
-webkit-backface-visibility: hidden;
|
6053 |
-
}
|
6054 |
-
|
6055 |
-
.materialboxed:hover:not(.active) {
|
6056 |
-
opacity: .8;
|
6057 |
-
}
|
6058 |
-
|
6059 |
-
.materialboxed.active {
|
6060 |
-
cursor: -webkit-zoom-out;
|
6061 |
-
cursor: zoom-out;
|
6062 |
-
}
|
6063 |
-
|
6064 |
-
#materialbox-overlay {
|
6065 |
-
position: fixed;
|
6066 |
-
top: 0;
|
6067 |
-
right: 0;
|
6068 |
-
bottom: 0;
|
6069 |
-
left: 0;
|
6070 |
-
background-color: #292929;
|
6071 |
-
z-index: 1000;
|
6072 |
-
will-change: opacity;
|
6073 |
-
}
|
6074 |
-
|
6075 |
-
.materialbox-caption {
|
6076 |
-
position: fixed;
|
6077 |
-
display: none;
|
6078 |
-
color: #fff;
|
6079 |
-
line-height: 50px;
|
6080 |
-
bottom: 0;
|
6081 |
-
left: 0;
|
6082 |
-
width: 100%;
|
6083 |
-
text-align: center;
|
6084 |
-
padding: 0% 15%;
|
6085 |
-
height: 50px;
|
6086 |
-
z-index: 1000;
|
6087 |
-
-webkit-font-smoothing: antialiased;
|
6088 |
-
}
|
6089 |
-
|
6090 |
-
select:focus {
|
6091 |
-
outline: 1px solid #c9f3ef;
|
6092 |
-
}
|
6093 |
-
|
6094 |
-
button:focus {
|
6095 |
-
outline: none;
|
6096 |
-
background-color: #2ab7a9;
|
6097 |
-
}
|
6098 |
-
|
6099 |
-
label {
|
6100 |
-
font-size: 0.8rem;
|
6101 |
-
color: #9e9e9e;
|
6102 |
-
}
|
6103 |
-
|
6104 |
-
/* Text Inputs + Textarea
|
6105 |
-
========================================================================== */
|
6106 |
-
/* Style Placeholders */
|
6107 |
-
::-webkit-input-placeholder {
|
6108 |
-
color: #d1d1d1;
|
6109 |
-
}
|
6110 |
-
::-moz-placeholder {
|
6111 |
-
color: #d1d1d1;
|
6112 |
-
}
|
6113 |
-
:-ms-input-placeholder {
|
6114 |
-
color: #d1d1d1;
|
6115 |
-
}
|
6116 |
-
::-ms-input-placeholder {
|
6117 |
-
color: #d1d1d1;
|
6118 |
-
}
|
6119 |
-
::placeholder {
|
6120 |
-
color: #d1d1d1;
|
6121 |
-
}
|
6122 |
-
|
6123 |
-
|
6124 |
-
.input-field {
|
6125 |
-
position: relative;
|
6126 |
-
margin-top: 1rem;
|
6127 |
-
margin-bottom: 1rem;
|
6128 |
-
}
|
6129 |
-
|
6130 |
-
.input-field.inline {
|
6131 |
-
display: inline-block;
|
6132 |
-
vertical-align: middle;
|
6133 |
-
margin-left: 5px;
|
6134 |
-
}
|
6135 |
-
|
6136 |
-
.input-field.inline input,
|
6137 |
-
.input-field.inline .select-dropdown {
|
6138 |
-
margin-bottom: 1rem;
|
6139 |
-
}
|
6140 |
-
|
6141 |
-
.input-field.col label {
|
6142 |
-
left: 0.75rem;
|
6143 |
-
}
|
6144 |
-
|
6145 |
-
.input-field.col .prefix ~ label,
|
6146 |
-
.input-field.col .prefix ~ .validate ~ label {
|
6147 |
-
width: calc(100% - 3rem - 1.5rem);
|
6148 |
-
}
|
6149 |
-
|
6150 |
-
.input-field > label {
|
6151 |
-
color: #9e9e9e;
|
6152 |
-
position: absolute;
|
6153 |
-
top: 0;
|
6154 |
-
left: 0;
|
6155 |
-
font-size: 1rem;
|
6156 |
-
cursor: text;
|
6157 |
-
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
6158 |
-
transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
6159 |
-
transition: transform .2s ease-out, color .2s ease-out;
|
6160 |
-
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
|
6161 |
-
-webkit-transform-origin: 0% 100%;
|
6162 |
-
transform-origin: 0% 100%;
|
6163 |
-
text-align: initial;
|
6164 |
-
-webkit-transform: translateY(12px);
|
6165 |
-
transform: translateY(12px);
|
6166 |
-
}
|
6167 |
-
|
6168 |
-
.input-field > label:not(.label-icon).active {
|
6169 |
-
-webkit-transform: translateY(-14px) scale(0.8);
|
6170 |
-
transform: translateY(-14px) scale(0.8);
|
6171 |
-
-webkit-transform-origin: 0 0;
|
6172 |
-
transform-origin: 0 0;
|
6173 |
-
}
|
6174 |
-
|
6175 |
-
.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
|
6176 |
-
.input-field > input[type=date]:not(.browser-default) + label,
|
6177 |
-
.input-field > input[type=time]:not(.browser-default) + label {
|
6178 |
-
-webkit-transform: translateY(-14px) scale(0.8);
|
6179 |
-
transform: translateY(-14px) scale(0.8);
|
6180 |
-
-webkit-transform-origin: 0 0;
|
6181 |
-
transform-origin: 0 0;
|
6182 |
-
}
|
6183 |
-
|
6184 |
-
.input-field .helper-text {
|
6185 |
-
position: relative;
|
6186 |
-
min-height: 18px;
|
6187 |
-
display: block;
|
6188 |
-
font-size: 12px;
|
6189 |
-
color: rgba(0, 0, 0, 0.54);
|
6190 |
-
}
|
6191 |
-
|
6192 |
-
.input-field .helper-text::after {
|
6193 |
-
opacity: 1;
|
6194 |
-
position: absolute;
|
6195 |
-
top: 0;
|
6196 |
-
left: 0;
|
6197 |
-
}
|
6198 |
-
|
6199 |
-
.input-field .prefix {
|
6200 |
-
position: absolute;
|
6201 |
-
width: 3rem;
|
6202 |
-
font-size: 2rem;
|
6203 |
-
-webkit-transition: color .2s;
|
6204 |
-
transition: color .2s;
|
6205 |
-
top: 0.5rem;
|
6206 |
-
}
|
6207 |
-
|
6208 |
-
.input-field .prefix.active {
|
6209 |
-
color: #26a69a;
|
6210 |
-
}
|
6211 |
-
|
6212 |
-
.input-field .prefix ~ input,
|
6213 |
-
.input-field .prefix ~ textarea,
|
6214 |
-
.input-field .prefix ~ label,
|
6215 |
-
.input-field .prefix ~ .validate ~ label,
|
6216 |
-
.input-field .prefix ~ .helper-text,
|
6217 |
-
.input-field .prefix ~ .autocomplete-content {
|
6218 |
-
margin-left: 3rem;
|
6219 |
-
width: 92%;
|
6220 |
-
width: calc(100% - 3rem);
|
6221 |
-
}
|
6222 |
-
|
6223 |
-
.input-field .prefix ~ label {
|
6224 |
-
margin-left: 3rem;
|
6225 |
-
}
|
6226 |
-
|
6227 |
-
@media only screen and (max-width: 992px) {
|
6228 |
-
.input-field .prefix ~ input {
|
6229 |
-
width: 86%;
|
6230 |
-
width: calc(100% - 3rem);
|
6231 |
-
}
|
6232 |
-
}
|
6233 |
-
|
6234 |
-
@media only screen and (max-width: 600px) {
|
6235 |
-
.input-field .prefix ~ input {
|
6236 |
-
width: 80%;
|
6237 |
-
width: calc(100% - 3rem);
|
6238 |
-
}
|
6239 |
-
}
|
6240 |
-
|
6241 |
-
/* Search Field */
|
6242 |
-
.input-field input[type=search] {
|
6243 |
-
display: block;
|
6244 |
-
line-height: inherit;
|
6245 |
-
-webkit-transition: .3s background-color;
|
6246 |
-
transition: .3s background-color;
|
6247 |
-
}
|
6248 |
-
|
6249 |
-
.nav-wrapper .input-field input[type=search] {
|
6250 |
-
height: inherit;
|
6251 |
-
padding-left: 4rem;
|
6252 |
-
width: calc(100% - 4rem);
|
6253 |
-
border: 0;
|
6254 |
-
-webkit-box-shadow: none;
|
6255 |
-
box-shadow: none;
|
6256 |
-
}
|
6257 |
-
|
6258 |
-
.input-field input[type=search]:focus:not(.browser-default) {
|
6259 |
-
background-color: #fff;
|
6260 |
-
border: 0;
|
6261 |
-
-webkit-box-shadow: none;
|
6262 |
-
box-shadow: none;
|
6263 |
-
color: #444;
|
6264 |
-
}
|
6265 |
-
|
6266 |
-
.input-field input[type=search]:focus:not(.browser-default) + label i,
|
6267 |
-
.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
|
6268 |
-
.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
|
6269 |
-
color: #444;
|
6270 |
-
}
|
6271 |
-
|
6272 |
-
.input-field input[type=search] + .label-icon {
|
6273 |
-
-webkit-transform: none;
|
6274 |
-
transform: none;
|
6275 |
-
left: 1rem;
|
6276 |
-
}
|
6277 |
-
|
6278 |
-
.input-field input[type=search] ~ .mdi-navigation-close,
|
6279 |
-
.input-field input[type=search] ~ .material-icons {
|
6280 |
-
position: absolute;
|
6281 |
-
top: 0;
|
6282 |
-
right: 1rem;
|
6283 |
-
color: transparent;
|
6284 |
-
cursor: pointer;
|
6285 |
-
font-size: 2rem;
|
6286 |
-
-webkit-transition: .3s color;
|
6287 |
-
transition: .3s color;
|
6288 |
-
}
|
6289 |
-
|
6290 |
-
/* Textarea */
|
6291 |
-
textarea {
|
6292 |
-
width: 100%;
|
6293 |
-
height: 3rem;
|
6294 |
-
background-color: transparent;
|
6295 |
-
}
|
6296 |
-
|
6297 |
-
textarea.materialize-textarea {
|
6298 |
-
line-height: normal;
|
6299 |
-
overflow-y: hidden;
|
6300 |
-
/* prevents scroll bar flash */
|
6301 |
-
padding: .8rem 0 .8rem 0;
|
6302 |
-
/* prevents text jump on Enter keypress */
|
6303 |
-
resize: none;
|
6304 |
-
min-height: 3rem;
|
6305 |
-
-webkit-box-sizing: border-box;
|
6306 |
-
box-sizing: border-box;
|
6307 |
-
}
|
6308 |
-
|
6309 |
-
.hiddendiv {
|
6310 |
-
visibility: hidden;
|
6311 |
-
white-space: pre-wrap;
|
6312 |
-
word-wrap: break-word;
|
6313 |
-
overflow-wrap: break-word;
|
6314 |
-
/* future version of deprecated 'word-wrap' */
|
6315 |
-
padding-top: 1.2rem;
|
6316 |
-
/* prevents text jump on Enter keypress */
|
6317 |
-
position: absolute;
|
6318 |
-
top: 0;
|
6319 |
-
z-index: -1;
|
6320 |
-
}
|
6321 |
-
|
6322 |
-
/* Autocomplete */
|
6323 |
-
.autocomplete-content li .highlight {
|
6324 |
-
color: #444;
|
6325 |
-
}
|
6326 |
-
|
6327 |
-
.autocomplete-content li img {
|
6328 |
-
height: 40px;
|
6329 |
-
width: 40px;
|
6330 |
-
margin: 5px 15px;
|
6331 |
-
}
|
6332 |
-
|
6333 |
-
/* Character Counter */
|
6334 |
-
.character-counter {
|
6335 |
-
min-height: 18px;
|
6336 |
-
}
|
6337 |
-
|
6338 |
-
/* Radio Buttons
|
6339 |
-
========================================================================== */
|
6340 |
-
[type="radio"]:not(:checked),
|
6341 |
-
[type="radio"]:checked {
|
6342 |
-
position: absolute;
|
6343 |
-
opacity: 0;
|
6344 |
-
pointer-events: none;
|
6345 |
-
}
|
6346 |
-
|
6347 |
-
[type="radio"]:not(:checked) + span,
|
6348 |
-
[type="radio"]:checked + span {
|
6349 |
-
position: relative;
|
6350 |
-
padding-left: 35px;
|
6351 |
-
cursor: pointer;
|
6352 |
-
display: inline-block;
|
6353 |
-
height: 25px;
|
6354 |
-
line-height: 25px;
|
6355 |
-
font-size: 1rem;
|
6356 |
-
-webkit-transition: .28s ease;
|
6357 |
-
transition: .28s ease;
|
6358 |
-
-webkit-user-select: none;
|
6359 |
-
-moz-user-select: none;
|
6360 |
-
-ms-user-select: none;
|
6361 |
-
user-select: none;
|
6362 |
-
}
|
6363 |
-
|
6364 |
-
[type="radio"] + span:before,
|
6365 |
-
[type="radio"] + span:after {
|
6366 |
-
content: '';
|
6367 |
-
position: absolute;
|
6368 |
-
left: 0;
|
6369 |
-
top: 0;
|
6370 |
-
margin: 4px;
|
6371 |
-
width: 16px;
|
6372 |
-
height: 16px;
|
6373 |
-
z-index: 0;
|
6374 |
-
-webkit-transition: .28s ease;
|
6375 |
-
transition: .28s ease;
|
6376 |
-
}
|
6377 |
-
|
6378 |
-
/* Unchecked styles */
|
6379 |
-
[type="radio"]:not(:checked) + span:before,
|
6380 |
-
[type="radio"]:not(:checked) + span:after,
|
6381 |
-
[type="radio"]:checked + span:before,
|
6382 |
-
[type="radio"]:checked + span:after,
|
6383 |
-
[type="radio"].with-gap:checked + span:before,
|
6384 |
-
[type="radio"].with-gap:checked + span:after {
|
6385 |
-
border-radius: 50%;
|
6386 |
-
}
|
6387 |
-
|
6388 |
-
[type="radio"]:not(:checked) + span:before,
|
6389 |
-
[type="radio"]:not(:checked) + span:after {
|
6390 |
-
border: 2px solid #5a5a5a;
|
6391 |
-
}
|
6392 |
-
|
6393 |
-
[type="radio"]:not(:checked) + span:after {
|
6394 |
-
-webkit-transform: scale(0);
|
6395 |
-
transform: scale(0);
|
6396 |
-
}
|
6397 |
-
|
6398 |
-
/* Checked styles */
|
6399 |
-
[type="radio"]:checked + span:before {
|
6400 |
-
border: 2px solid transparent;
|
6401 |
-
}
|
6402 |
-
|
6403 |
-
[type="radio"]:checked + span:after,
|
6404 |
-
[type="radio"].with-gap:checked + span:before,
|
6405 |
-
[type="radio"].with-gap:checked + span:after {
|
6406 |
-
border: 2px solid #26a69a;
|
6407 |
-
}
|
6408 |
-
|
6409 |
-
[type="radio"]:checked + span:after,
|
6410 |
-
[type="radio"].with-gap:checked + span:after {
|
6411 |
-
background-color: #26a69a;
|
6412 |
-
}
|
6413 |
-
|
6414 |
-
[type="radio"]:checked + span:after {
|
6415 |
-
-webkit-transform: scale(1.02);
|
6416 |
-
transform: scale(1.02);
|
6417 |
-
}
|
6418 |
-
|
6419 |
-
/* Radio With gap */
|
6420 |
-
[type="radio"].with-gap:checked + span:after {
|
6421 |
-
-webkit-transform: scale(0.5);
|
6422 |
-
transform: scale(0.5);
|
6423 |
-
}
|
6424 |
-
|
6425 |
-
/* Focused styles */
|
6426 |
-
[type="radio"].tabbed:focus + span:before {
|
6427 |
-
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6428 |
-
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6429 |
-
}
|
6430 |
-
|
6431 |
-
/* Disabled Radio With gap */
|
6432 |
-
[type="radio"].with-gap:disabled:checked + span:before {
|
6433 |
-
border: 2px solid rgba(0, 0, 0, 0.42);
|
6434 |
-
}
|
6435 |
-
|
6436 |
-
[type="radio"].with-gap:disabled:checked + span:after {
|
6437 |
-
border: none;
|
6438 |
-
background-color: rgba(0, 0, 0, 0.42);
|
6439 |
-
}
|
6440 |
-
|
6441 |
-
/* Disabled style */
|
6442 |
-
[type="radio"]:disabled:not(:checked) + span:before,
|
6443 |
-
[type="radio"]:disabled:checked + span:before {
|
6444 |
-
background-color: transparent;
|
6445 |
-
border-color: rgba(0, 0, 0, 0.42);
|
6446 |
-
}
|
6447 |
-
|
6448 |
-
[type="radio"]:disabled + span {
|
6449 |
-
color: rgba(0, 0, 0, 0.42);
|
6450 |
-
}
|
6451 |
-
|
6452 |
-
[type="radio"]:disabled:not(:checked) + span:before {
|
6453 |
-
border-color: rgba(0, 0, 0, 0.42);
|
6454 |
-
}
|
6455 |
-
|
6456 |
-
[type="radio"]:disabled:checked + span:after {
|
6457 |
-
background-color: rgba(0, 0, 0, 0.42);
|
6458 |
-
border-color: #949494;
|
6459 |
-
}
|
6460 |
-
|
6461 |
-
/* Checkboxes
|
6462 |
-
========================================================================== */
|
6463 |
-
/* Remove default checkbox */
|
6464 |
-
[type="checkbox"]:not(:checked),
|
6465 |
-
[type="checkbox"]:checked {
|
6466 |
-
position: absolute;
|
6467 |
-
opacity: 0;
|
6468 |
-
pointer-events: none;
|
6469 |
-
}
|
6470 |
-
|
6471 |
-
[type="checkbox"] {
|
6472 |
-
/* checkbox aspect */
|
6473 |
-
}
|
6474 |
-
|
6475 |
-
[type="checkbox"] + span:not(.lever) {
|
6476 |
-
position: relative;
|
6477 |
-
padding-left: 35px;
|
6478 |
-
cursor: pointer;
|
6479 |
-
display: inline-block;
|
6480 |
-
height: 25px;
|
6481 |
-
line-height: 25px;
|
6482 |
-
font-size: 1rem;
|
6483 |
-
-webkit-user-select: none;
|
6484 |
-
-moz-user-select: none;
|
6485 |
-
-ms-user-select: none;
|
6486 |
-
user-select: none;
|
6487 |
-
}
|
6488 |
-
|
6489 |
-
[type="checkbox"] + span:not(.lever):before,
|
6490 |
-
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
6491 |
-
content: '';
|
6492 |
-
position: absolute;
|
6493 |
-
top: 0;
|
6494 |
-
left: 0;
|
6495 |
-
width: 18px;
|
6496 |
-
height: 18px;
|
6497 |
-
z-index: 0;
|
6498 |
-
border: 2px solid #5a5a5a;
|
6499 |
-
border-radius: 1px;
|
6500 |
-
margin-top: 3px;
|
6501 |
-
-webkit-transition: .2s;
|
6502 |
-
transition: .2s;
|
6503 |
-
}
|
6504 |
-
|
6505 |
-
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
6506 |
-
border: 0;
|
6507 |
-
-webkit-transform: scale(0);
|
6508 |
-
transform: scale(0);
|
6509 |
-
}
|
6510 |
-
|
6511 |
-
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
|
6512 |
-
border: none;
|
6513 |
-
background-color: rgba(0, 0, 0, 0.42);
|
6514 |
-
}
|
6515 |
-
|
6516 |
-
[type="checkbox"].tabbed:focus + span:not(.lever):after {
|
6517 |
-
-webkit-transform: scale(1);
|
6518 |
-
transform: scale(1);
|
6519 |
-
border: 0;
|
6520 |
-
border-radius: 50%;
|
6521 |
-
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6522 |
-
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6523 |
-
background-color: rgba(0, 0, 0, 0.1);
|
6524 |
-
}
|
6525 |
-
|
6526 |
-
[type="checkbox"]:checked + span:not(.lever):before {
|
6527 |
-
top: -4px;
|
6528 |
-
left: -5px;
|
6529 |
-
width: 12px;
|
6530 |
-
height: 22px;
|
6531 |
-
border-top: 2px solid transparent;
|
6532 |
-
border-left: 2px solid transparent;
|
6533 |
-
border-right: 2px solid #26a69a;
|
6534 |
-
border-bottom: 2px solid #26a69a;
|
6535 |
-
-webkit-transform: rotate(40deg);
|
6536 |
-
transform: rotate(40deg);
|
6537 |
-
-webkit-backface-visibility: hidden;
|
6538 |
-
backface-visibility: hidden;
|
6539 |
-
-webkit-transform-origin: 100% 100%;
|
6540 |
-
transform-origin: 100% 100%;
|
6541 |
-
}
|
6542 |
-
|
6543 |
-
[type="checkbox"]:checked:disabled + span:before {
|
6544 |
-
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
6545 |
-
border-bottom: 2px solid rgba(0, 0, 0, 0.42);
|
6546 |
-
}
|
6547 |
-
|
6548 |
-
/* Indeterminate checkbox */
|
6549 |
-
[type="checkbox"]:indeterminate + span:not(.lever):before {
|
6550 |
-
top: -11px;
|
6551 |
-
left: -12px;
|
6552 |
-
width: 10px;
|
6553 |
-
height: 22px;
|
6554 |
-
border-top: none;
|
6555 |
-
border-left: none;
|
6556 |
-
border-right: 2px solid #26a69a;
|
6557 |
-
border-bottom: none;
|
6558 |
-
-webkit-transform: rotate(90deg);
|
6559 |
-
transform: rotate(90deg);
|
6560 |
-
-webkit-backface-visibility: hidden;
|
6561 |
-
backface-visibility: hidden;
|
6562 |
-
-webkit-transform-origin: 100% 100%;
|
6563 |
-
transform-origin: 100% 100%;
|
6564 |
-
}
|
6565 |
-
|
6566 |
-
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
|
6567 |
-
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
6568 |
-
background-color: transparent;
|
6569 |
-
}
|
6570 |
-
|
6571 |
-
[type="checkbox"].filled-in + span:not(.lever):after {
|
6572 |
-
border-radius: 2px;
|
6573 |
-
}
|
6574 |
-
|
6575 |
-
[type="checkbox"].filled-in + span:not(.lever):before,
|
6576 |
-
[type="checkbox"].filled-in + span:not(.lever):after {
|
6577 |
-
content: '';
|
6578 |
-
left: 0;
|
6579 |
-
position: absolute;
|
6580 |
-
/* .1s delay is for check animation */
|
6581 |
-
-webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
6582 |
-
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
6583 |
-
z-index: 1;
|
6584 |
-
}
|
6585 |
-
|
6586 |
-
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
|
6587 |
-
width: 0;
|
6588 |
-
height: 0;
|
6589 |
-
border: 3px solid transparent;
|
6590 |
-
left: 6px;
|
6591 |
-
top: 10px;
|
6592 |
-
-webkit-transform: rotateZ(37deg);
|
6593 |
-
transform: rotateZ(37deg);
|
6594 |
-
-webkit-transform-origin: 100% 100%;
|
6595 |
-
transform-origin: 100% 100%;
|
6596 |
-
}
|
6597 |
-
|
6598 |
-
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
|
6599 |
-
height: 20px;
|
6600 |
-
width: 20px;
|
6601 |
-
background-color: transparent;
|
6602 |
-
border: 2px solid #5a5a5a;
|
6603 |
-
top: 0px;
|
6604 |
-
z-index: 0;
|
6605 |
-
}
|
6606 |
-
|
6607 |
-
[type="checkbox"].filled-in:checked + span:not(.lever):before {
|
6608 |
-
top: 0;
|
6609 |
-
left: 1px;
|
6610 |
-
width: 8px;
|
6611 |
-
height: 13px;
|
6612 |
-
border-top: 2px solid transparent;
|
6613 |
-
border-left: 2px solid transparent;
|
6614 |
-
border-right: 2px solid #fff;
|
6615 |
-
border-bottom: 2px solid #fff;
|
6616 |
-
-webkit-transform: rotateZ(37deg);
|
6617 |
-
transform: rotateZ(37deg);
|
6618 |
-
-webkit-transform-origin: 100% 100%;
|
6619 |
-
transform-origin: 100% 100%;
|
6620 |
-
}
|
6621 |
-
|
6622 |
-
[type="checkbox"].filled-in:checked + span:not(.lever):after {
|
6623 |
-
top: 0;
|
6624 |
-
width: 20px;
|
6625 |
-
height: 20px;
|
6626 |
-
border: 2px solid #26a69a;
|
6627 |
-
background-color: #26a69a;
|
6628 |
-
z-index: 0;
|
6629 |
-
}
|
6630 |
-
|
6631 |
-
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
|
6632 |
-
border-radius: 2px;
|
6633 |
-
border-color: #5a5a5a;
|
6634 |
-
background-color: rgba(0, 0, 0, 0.1);
|
6635 |
-
}
|
6636 |
-
|
6637 |
-
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
|
6638 |
-
border-radius: 2px;
|
6639 |
-
background-color: #26a69a;
|
6640 |
-
border-color: #26a69a;
|
6641 |
-
}
|
6642 |
-
|
6643 |
-
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
|
6644 |
-
background-color: transparent;
|
6645 |
-
border: 2px solid transparent;
|
6646 |
-
}
|
6647 |
-
|
6648 |
-
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
|
6649 |
-
border-color: transparent;
|
6650 |
-
background-color: #949494;
|
6651 |
-
}
|
6652 |
-
|
6653 |
-
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
|
6654 |
-
background-color: transparent;
|
6655 |
-
}
|
6656 |
-
|
6657 |
-
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
|
6658 |
-
background-color: #949494;
|
6659 |
-
border-color: #949494;
|
6660 |
-
}
|
6661 |
-
|
6662 |
-
/* Switch
|
6663 |
-
========================================================================== */
|
6664 |
-
.switch,
|
6665 |
-
.switch * {
|
6666 |
-
-webkit-tap-highlight-color: transparent;
|
6667 |
-
-webkit-user-select: none;
|
6668 |
-
-moz-user-select: none;
|
6669 |
-
-ms-user-select: none;
|
6670 |
-
user-select: none;
|
6671 |
-
}
|
6672 |
-
|
6673 |
-
.switch label {
|
6674 |
-
cursor: pointer;
|
6675 |
-
}
|
6676 |
-
|
6677 |
-
.switch label input[type=checkbox] {
|
6678 |
-
opacity: 0;
|
6679 |
-
width: 0;
|
6680 |
-
height: 0;
|
6681 |
-
}
|
6682 |
-
|
6683 |
-
.switch label input[type=checkbox]:checked + .lever {
|
6684 |
-
background-color: #84c7c1;
|
6685 |
-
}
|
6686 |
-
|
6687 |
-
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
|
6688 |
-
left: 18px;
|
6689 |
-
}
|
6690 |
-
|
6691 |
-
.switch label input[type=checkbox]:checked + .lever:after {
|
6692 |
-
background-color: #26a69a;
|
6693 |
-
}
|
6694 |
-
|
6695 |
-
.switch label .lever {
|
6696 |
-
content: "";
|
6697 |
-
display: inline-block;
|
6698 |
-
position: relative;
|
6699 |
-
width: 36px;
|
6700 |
-
height: 14px;
|
6701 |
-
background-color: rgba(0, 0, 0, 0.38);
|
6702 |
-
border-radius: 15px;
|
6703 |
-
margin-right: 10px;
|
6704 |
-
-webkit-transition: background 0.3s ease;
|
6705 |
-
transition: background 0.3s ease;
|
6706 |
-
vertical-align: middle;
|
6707 |
-
margin: 0 16px;
|
6708 |
-
}
|
6709 |
-
|
6710 |
-
.switch label .lever:before, .switch label .lever:after {
|
6711 |
-
content: "";
|
6712 |
-
position: absolute;
|
6713 |
-
display: inline-block;
|
6714 |
-
width: 20px;
|
6715 |
-
height: 20px;
|
6716 |
-
border-radius: 50%;
|
6717 |
-
left: 0;
|
6718 |
-
top: -3px;
|
6719 |
-
-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
6720 |
-
transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
6721 |
-
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
|
6722 |
-
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
6723 |
-
}
|
6724 |
-
|
6725 |
-
.switch label .lever:before {
|
6726 |
-
background-color: rgba(38, 166, 154, 0.15);
|
6727 |
-
}
|
6728 |
-
|
6729 |
-
.switch label .lever:after {
|
6730 |
-
background-color: #F1F1F1;
|
6731 |
-
-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
6732 |
-
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
6733 |
-
}
|
6734 |
-
|
6735 |
-
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
|
6736 |
-
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
|
6737 |
-
-webkit-transform: scale(2.4);
|
6738 |
-
transform: scale(2.4);
|
6739 |
-
background-color: rgba(38, 166, 154, 0.15);
|
6740 |
-
}
|
6741 |
-
|
6742 |
-
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
|
6743 |
-
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
|
6744 |
-
-webkit-transform: scale(2.4);
|
6745 |
-
transform: scale(2.4);
|
6746 |
-
background-color: rgba(0, 0, 0, 0.08);
|
6747 |
-
}
|
6748 |
-
|
6749 |
-
.switch input[type=checkbox][disabled] + .lever {
|
6750 |
-
cursor: default;
|
6751 |
-
background-color: rgba(0, 0, 0, 0.12);
|
6752 |
-
}
|
6753 |
-
|
6754 |
-
.switch label input[type=checkbox][disabled] + .lever:after,
|
6755 |
-
.switch label input[type=checkbox][disabled]:checked + .lever:after {
|
6756 |
-
background-color: #949494;
|
6757 |
-
}
|
6758 |
-
|
6759 |
-
/* Select Field
|
6760 |
-
========================================================================== */
|
6761 |
-
select {
|
6762 |
-
display: none;
|
6763 |
-
}
|
6764 |
-
|
6765 |
-
select.browser-default {
|
6766 |
-
display: block;
|
6767 |
-
}
|
6768 |
-
|
6769 |
-
select {
|
6770 |
-
background-color: rgba(255, 255, 255, 0.9);
|
6771 |
-
width: 100%;
|
6772 |
-
padding: 5px;
|
6773 |
-
border: 1px solid #f2f2f2;
|
6774 |
-
border-radius: 2px;
|
6775 |
-
height: 3rem;
|
6776 |
-
}
|
6777 |
-
|
6778 |
-
.select-label {
|
6779 |
-
position: absolute;
|
6780 |
-
}
|
6781 |
-
|
6782 |
-
.select-wrapper {
|
6783 |
-
position: relative;
|
6784 |
-
}
|
6785 |
-
|
6786 |
-
.select-wrapper.valid + label,
|
6787 |
-
.select-wrapper.invalid + label {
|
6788 |
-
width: 100%;
|
6789 |
-
pointer-events: none;
|
6790 |
-
}
|
6791 |
-
|
6792 |
-
.select-wrapper input.select-dropdown {
|
6793 |
-
position: relative;
|
6794 |
-
cursor: pointer;
|
6795 |
-
background-color: transparent;
|
6796 |
-
border: none;
|
6797 |
-
border-bottom: 1px solid #9e9e9e;
|
6798 |
-
outline: none;
|
6799 |
-
height: 3rem;
|
6800 |
-
line-height: 3rem;
|
6801 |
-
width: 100%;
|
6802 |
-
font-size: 16px;
|
6803 |
-
margin: 0 0 8px 0;
|
6804 |
-
padding: 0;
|
6805 |
-
display: block;
|
6806 |
-
-webkit-user-select: none;
|
6807 |
-
-moz-user-select: none;
|
6808 |
-
-ms-user-select: none;
|
6809 |
-
user-select: none;
|
6810 |
-
z-index: 1;
|
6811 |
-
}
|
6812 |
-
|
6813 |
-
.select-wrapper input.select-dropdown:focus {
|
6814 |
-
border-bottom: 1px solid #26a69a;
|
6815 |
-
}
|
6816 |
-
|
6817 |
-
.select-wrapper .caret {
|
6818 |
-
position: absolute;
|
6819 |
-
right: 0;
|
6820 |
-
top: 0;
|
6821 |
-
bottom: 0;
|
6822 |
-
margin: auto 0;
|
6823 |
-
z-index: 0;
|
6824 |
-
fill: rgba(0, 0, 0, 0.87);
|
6825 |
-
}
|
6826 |
-
|
6827 |
-
.select-wrapper + label {
|
6828 |
-
position: absolute;
|
6829 |
-
top: -26px;
|
6830 |
-
font-size: 0.8rem;
|
6831 |
-
}
|
6832 |
-
|
6833 |
-
select:disabled {
|
6834 |
-
color: rgba(0, 0, 0, 0.42);
|
6835 |
-
}
|
6836 |
-
|
6837 |
-
.select-wrapper.disabled + label {
|
6838 |
-
color: rgba(0, 0, 0, 0.42);
|
6839 |
-
}
|
6840 |
-
|
6841 |
-
.select-wrapper.disabled .caret {
|
6842 |
-
fill: rgba(0, 0, 0, 0.42);
|
6843 |
-
}
|
6844 |
-
|
6845 |
-
.select-wrapper input.select-dropdown:disabled {
|
6846 |
-
color: rgba(0, 0, 0, 0.42);
|
6847 |
-
cursor: default;
|
6848 |
-
-webkit-user-select: none;
|
6849 |
-
-moz-user-select: none;
|
6850 |
-
-ms-user-select: none;
|
6851 |
-
user-select: none;
|
6852 |
-
}
|
6853 |
-
|
6854 |
-
.select-wrapper i {
|
6855 |
-
color: rgba(0, 0, 0, 0.3);
|
6856 |
-
}
|
6857 |
-
|
6858 |
-
.select-dropdown li.disabled,
|
6859 |
-
.select-dropdown li.disabled > span,
|
6860 |
-
.select-dropdown li.optgroup {
|
6861 |
-
color: rgba(0, 0, 0, 0.3);
|
6862 |
-
background-color: transparent;
|
6863 |
-
}
|
6864 |
-
|
6865 |
-
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
6866 |
-
background-color: rgba(0, 0, 0, 0.08);
|
6867 |
-
}
|
6868 |
-
|
6869 |
-
.select-dropdown.dropdown-content li:hover {
|
6870 |
-
background-color: rgba(0, 0, 0, 0.08);
|
6871 |
-
}
|
6872 |
-
|
6873 |
-
.select-dropdown.dropdown-content li.selected {
|
6874 |
-
background-color: rgba(0, 0, 0, 0.03);
|
6875 |
-
}
|
6876 |
-
|
6877 |
-
.prefix ~ .select-wrapper {
|
6878 |
-
margin-left: 3rem;
|
6879 |
-
width: 92%;
|
6880 |
-
width: calc(100% - 3rem);
|
6881 |
-
}
|
6882 |
-
|
6883 |
-
.prefix ~ label {
|
6884 |
-
margin-left: 3rem;
|
6885 |
-
}
|
6886 |
-
|
6887 |
-
.select-dropdown li img {
|
6888 |
-
height: 40px;
|
6889 |
-
width: 40px;
|
6890 |
-
margin: 5px 15px;
|
6891 |
-
float: right;
|
6892 |
-
}
|
6893 |
-
|
6894 |
-
.select-dropdown li.optgroup {
|
6895 |
-
border-top: 1px solid #eee;
|
6896 |
-
}
|
6897 |
-
|
6898 |
-
.select-dropdown li.optgroup.selected > span {
|
6899 |
-
color: rgba(0, 0, 0, 0.7);
|
6900 |
-
}
|
6901 |
-
|
6902 |
-
.select-dropdown li.optgroup > span {
|
6903 |
-
color: rgba(0, 0, 0, 0.4);
|
6904 |
-
}
|
6905 |
-
|
6906 |
-
.select-dropdown li.optgroup ~ li.optgroup-option {
|
6907 |
-
padding-left: 1rem;
|
6908 |
-
}
|
6909 |
-
|
6910 |
-
/* File Input
|
6911 |
-
========================================================================== */
|
6912 |
-
.file-field {
|
6913 |
-
position: relative;
|
6914 |
-
}
|
6915 |
-
|
6916 |
-
.file-field .file-path-wrapper {
|
6917 |
-
overflow: hidden;
|
6918 |
-
padding-left: 10px;
|
6919 |
-
}
|
6920 |
-
|
6921 |
-
.file-field input.file-path {
|
6922 |
-
width: 100%;
|
6923 |
-
}
|
6924 |
-
|
6925 |
-
.file-field .btn, .file-field .btn-large, .file-field .btn-small {
|
6926 |
-
float: left;
|
6927 |
-
height: 3rem;
|
6928 |
-
line-height: 3rem;
|
6929 |
-
}
|
6930 |
-
|
6931 |
-
.file-field span {
|
6932 |
-
cursor: pointer;
|
6933 |
-
}
|
6934 |
-
|
6935 |
-
.file-field input[type=file] {
|
6936 |
-
position: absolute;
|
6937 |
-
top: 0;
|
6938 |
-
right: 0;
|
6939 |
-
left: 0;
|
6940 |
-
bottom: 0;
|
6941 |
-
width: 100%;
|
6942 |
-
margin: 0;
|
6943 |
-
padding: 0;
|
6944 |
-
font-size: 20px;
|
6945 |
-
cursor: pointer;
|
6946 |
-
opacity: 0;
|
6947 |
-
filter: alpha(opacity=0);
|
6948 |
-
}
|
6949 |
-
|
6950 |
-
.file-field input[type=file]::-webkit-file-upload-button {
|
6951 |
-
display: none;
|
6952 |
-
}
|
6953 |
-
|
6954 |
-
/* Range
|
6955 |
-
========================================================================== */
|
6956 |
-
.range-field {
|
6957 |
-
position: relative;
|
6958 |
-
}
|
6959 |
-
|
6960 |
-
input[type=range],
|
6961 |
-
input[type=range] + .thumb {
|
6962 |
-
cursor: pointer;
|
6963 |
-
}
|
6964 |
-
|
6965 |
-
input[type=range] {
|
6966 |
-
position: relative;
|
6967 |
-
background-color: transparent;
|
6968 |
-
border: none;
|
6969 |
-
outline: none;
|
6970 |
-
width: 100%;
|
6971 |
-
margin: 15px 0;
|
6972 |
-
padding: 0;
|
6973 |
-
}
|
6974 |
-
|
6975 |
-
input[type=range]:focus {
|
6976 |
-
outline: none;
|
6977 |
-
}
|
6978 |
-
|
6979 |
-
input[type=range] + .thumb {
|
6980 |
-
position: absolute;
|
6981 |
-
top: 10px;
|
6982 |
-
left: 0;
|
6983 |
-
border: none;
|
6984 |
-
height: 0;
|
6985 |
-
width: 0;
|
6986 |
-
border-radius: 50%;
|
6987 |
-
background-color: #26a69a;
|
6988 |
-
margin-left: 7px;
|
6989 |
-
-webkit-transform-origin: 50% 50%;
|
6990 |
-
transform-origin: 50% 50%;
|
6991 |
-
-webkit-transform: rotate(-45deg);
|
6992 |
-
transform: rotate(-45deg);
|
6993 |
-
}
|
6994 |
-
|
6995 |
-
input[type=range] + .thumb .value {
|
6996 |
-
display: block;
|
6997 |
-
width: 30px;
|
6998 |
-
text-align: center;
|
6999 |
-
color: #26a69a;
|
7000 |
-
font-size: 0;
|
7001 |
-
-webkit-transform: rotate(45deg);
|
7002 |
-
transform: rotate(45deg);
|
7003 |
-
}
|
7004 |
-
|
7005 |
-
input[type=range] + .thumb.active {
|
7006 |
-
border-radius: 50% 50% 50% 0;
|
7007 |
-
}
|
7008 |
-
|
7009 |
-
input[type=range] + .thumb.active .value {
|
7010 |
-
color: #fff;
|
7011 |
-
margin-left: -1px;
|
7012 |
-
margin-top: 8px;
|
7013 |
-
font-size: 10px;
|
7014 |
-
}
|
7015 |
-
|
7016 |
-
input[type=range] {
|
7017 |
-
-webkit-appearance: none;
|
7018 |
-
}
|
7019 |
-
|
7020 |
-
input[type=range]::-webkit-slider-runnable-track {
|
7021 |
-
height: 3px;
|
7022 |
-
background: #c2c0c2;
|
7023 |
-
border: none;
|
7024 |
-
}
|
7025 |
-
|
7026 |
-
input[type=range]::-webkit-slider-thumb {
|
7027 |
-
border: none;
|
7028 |
-
height: 14px;
|
7029 |
-
width: 14px;
|
7030 |
-
border-radius: 50%;
|
7031 |
-
background: #26a69a;
|
7032 |
-
-webkit-transition: -webkit-box-shadow .3s;
|
7033 |
-
transition: -webkit-box-shadow .3s;
|
7034 |
-
transition: box-shadow .3s;
|
7035 |
-
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
7036 |
-
-webkit-appearance: none;
|
7037 |
-
background-color: #26a69a;
|
7038 |
-
-webkit-transform-origin: 50% 50%;
|
7039 |
-
transform-origin: 50% 50%;
|
7040 |
-
margin: -5px 0 0 0;
|
7041 |
-
}
|
7042 |
-
|
7043 |
-
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
|
7044 |
-
-webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7045 |
-
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7046 |
-
}
|
7047 |
-
|
7048 |
-
input[type=range] {
|
7049 |
-
/* fix for FF unable to apply focus style bug */
|
7050 |
-
border: 1px solid white;
|
7051 |
-
/*required for proper track sizing in FF*/
|
7052 |
-
}
|
7053 |
-
|
7054 |
-
input[type=range]::-moz-range-track {
|
7055 |
-
height: 3px;
|
7056 |
-
background: #c2c0c2;
|
7057 |
-
border: none;
|
7058 |
-
}
|
7059 |
-
|
7060 |
-
input[type=range]::-moz-focus-inner {
|
7061 |
-
border: 0;
|
7062 |
-
}
|
7063 |
-
|
7064 |
-
input[type=range]::-moz-range-thumb {
|
7065 |
-
border: none;
|
7066 |
-
height: 14px;
|
7067 |
-
width: 14px;
|
7068 |
-
border-radius: 50%;
|
7069 |
-
background: #26a69a;
|
7070 |
-
-webkit-transition: -webkit-box-shadow .3s;
|
7071 |
-
transition: -webkit-box-shadow .3s;
|
7072 |
-
transition: box-shadow .3s;
|
7073 |
-
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
7074 |
-
margin-top: -5px;
|
7075 |
-
}
|
7076 |
-
|
7077 |
-
input[type=range]:-moz-focusring {
|
7078 |
-
outline: 1px solid #fff;
|
7079 |
-
outline-offset: -1px;
|
7080 |
-
}
|
7081 |
-
|
7082 |
-
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
|
7083 |
-
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7084 |
-
}
|
7085 |
-
|
7086 |
-
input[type=range]::-ms-track {
|
7087 |
-
height: 3px;
|
7088 |
-
background: transparent;
|
7089 |
-
border-color: transparent;
|
7090 |
-
border-width: 6px 0;
|
7091 |
-
/*remove default tick marks*/
|
7092 |
-
color: transparent;
|
7093 |
-
}
|
7094 |
-
|
7095 |
-
input[type=range]::-ms-fill-lower {
|
7096 |
-
background: #777;
|
7097 |
-
}
|
7098 |
-
|
7099 |
-
input[type=range]::-ms-fill-upper {
|
7100 |
-
background: #ddd;
|
7101 |
-
}
|
7102 |
-
|
7103 |
-
input[type=range]::-ms-thumb {
|
7104 |
-
border: none;
|
7105 |
-
height: 14px;
|
7106 |
-
width: 14px;
|
7107 |
-
border-radius: 50%;
|
7108 |
-
background: #26a69a;
|
7109 |
-
-webkit-transition: -webkit-box-shadow .3s;
|
7110 |
-
transition: -webkit-box-shadow .3s;
|
7111 |
-
transition: box-shadow .3s;
|
7112 |
-
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
7113 |
-
}
|
7114 |
-
|
7115 |
-
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
|
7116 |
-
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7117 |
-
}
|
7118 |
-
|
7119 |
-
/***************
|
7120 |
-
Nav List
|
7121 |
-
***************/
|
7122 |
-
.table-of-contents.fixed {
|
7123 |
-
position: fixed;
|
7124 |
-
}
|
7125 |
-
|
7126 |
-
.table-of-contents li {
|
7127 |
-
padding: 2px 0;
|
7128 |
-
}
|
7129 |
-
|
7130 |
-
.table-of-contents a {
|
7131 |
-
display: inline-block;
|
7132 |
-
font-weight: 300;
|
7133 |
-
color: #757575;
|
7134 |
-
padding-left: 16px;
|
7135 |
-
height: 1.5rem;
|
7136 |
-
line-height: 1.5rem;
|
7137 |
-
letter-spacing: .4;
|
7138 |
-
display: inline-block;
|
7139 |
-
}
|
7140 |
-
|
7141 |
-
.table-of-contents a:hover {
|
7142 |
-
color: #a8a8a8;
|
7143 |
-
padding-left: 15px;
|
7144 |
-
border-left: 1px solid #ee6e73;
|
7145 |
-
}
|
7146 |
-
|
7147 |
-
.table-of-contents a.active {
|
7148 |
-
font-weight: 500;
|
7149 |
-
padding-left: 14px;
|
7150 |
-
border-left: 2px solid #ee6e73;
|
7151 |
-
}
|
7152 |
-
|
7153 |
-
.sidenav {
|
7154 |
-
position: fixed;
|
7155 |
-
width: 300px;
|
7156 |
-
left: 0;
|
7157 |
-
top: 0;
|
7158 |
-
margin: 0;
|
7159 |
-
-webkit-transform: translateX(-100%);
|
7160 |
-
transform: translateX(-100%);
|
7161 |
-
height: 100%;
|
7162 |
-
height: calc(100% + 60px);
|
7163 |
-
height: -moz-calc(100%);
|
7164 |
-
padding-bottom: 60px;
|
7165 |
-
background-color: #fff;
|
7166 |
-
z-index: 999;
|
7167 |
-
overflow-y: auto;
|
7168 |
-
will-change: transform;
|
7169 |
-
-webkit-backface-visibility: hidden;
|
7170 |
-
backface-visibility: hidden;
|
7171 |
-
-webkit-transform: translateX(-105%);
|
7172 |
-
transform: translateX(-105%);
|
7173 |
-
}
|
7174 |
-
|
7175 |
-
.sidenav.right-aligned {
|
7176 |
-
right: 0;
|
7177 |
-
-webkit-transform: translateX(105%);
|
7178 |
-
transform: translateX(105%);
|
7179 |
-
left: auto;
|
7180 |
-
-webkit-transform: translateX(100%);
|
7181 |
-
transform: translateX(100%);
|
7182 |
-
}
|
7183 |
-
|
7184 |
-
.sidenav .collapsible {
|
7185 |
-
margin: 0;
|
7186 |
-
}
|
7187 |
-
|
7188 |
-
.sidenav li {
|
7189 |
-
float: none;
|
7190 |
-
line-height: 48px;
|
7191 |
-
}
|
7192 |
-
|
7193 |
-
.sidenav li.active {
|
7194 |
-
background-color: rgba(0, 0, 0, 0.05);
|
7195 |
-
}
|
7196 |
-
|
7197 |
-
.sidenav li > a {
|
7198 |
-
color: rgba(0, 0, 0, 0.87);
|
7199 |
-
display: block;
|
7200 |
-
font-size: 14px;
|
7201 |
-
font-weight: 500;
|
7202 |
-
height: 48px;
|
7203 |
-
line-height: 48px;
|
7204 |
-
padding: 0 32px;
|
7205 |
-
}
|
7206 |
-
|
7207 |
-
.sidenav li > a:hover {
|
7208 |
-
background-color: rgba(0, 0, 0, 0.05);
|
7209 |
-
}
|
7210 |
-
|
7211 |
-
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
|
7212 |
-
margin: 10px 15px;
|
7213 |
-
}
|
7214 |
-
|
7215 |
-
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
|
7216 |
-
color: #fff;
|
7217 |
-
}
|
7218 |
-
|
7219 |
-
.sidenav li > a.btn-flat {
|
7220 |
-
color: #343434;
|
7221 |
-
}
|
7222 |
-
|
7223 |
-
.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
|
7224 |
-
background-color: #2bbbad;
|
7225 |
-
}
|
7226 |
-
|
7227 |
-
.sidenav li > a.btn-floating:hover {
|
7228 |
-
background-color: #26a69a;
|
7229 |
-
}
|
7230 |
-
|
7231 |
-
.sidenav li > a > i,
|
7232 |
-
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
|
7233 |
-
.sidenav li > a > i.material-icons {
|
7234 |
-
float: left;
|
7235 |
-
height: 48px;
|
7236 |
-
line-height: 48px;
|
7237 |
-
margin: 0 32px 0 0;
|
7238 |
-
width: 24px;
|
7239 |
-
color: rgba(0, 0, 0, 0.54);
|
7240 |
-
}
|
7241 |
-
|
7242 |
-
.sidenav .divider {
|
7243 |
-
margin: 8px 0 0 0;
|
7244 |
-
}
|
7245 |
-
|
7246 |
-
.sidenav .subheader {
|
7247 |
-
cursor: initial;
|
7248 |
-
pointer-events: none;
|
7249 |
-
color: rgba(0, 0, 0, 0.54);
|
7250 |
-
font-size: 14px;
|
7251 |
-
font-weight: 500;
|
7252 |
-
line-height: 48px;
|
7253 |
-
}
|
7254 |
-
|
7255 |
-
.sidenav .subheader:hover {
|
7256 |
-
background-color: transparent;
|
7257 |
-
}
|
7258 |
-
|
7259 |
-
.sidenav .user-view {
|
7260 |
-
position: relative;
|
7261 |
-
padding: 32px 32px 0;
|
7262 |
-
margin-bottom: 8px;
|
7263 |
-
}
|
7264 |
-
|
7265 |
-
.sidenav .user-view > a {
|
7266 |
-
height: auto;
|
7267 |
-
padding: 0;
|
7268 |
-
}
|
7269 |
-
|
7270 |
-
.sidenav .user-view > a:hover {
|
7271 |
-
background-color: transparent;
|
7272 |
-
}
|
7273 |
-
|
7274 |
-
.sidenav .user-view .background {
|
7275 |
-
overflow: hidden;
|
7276 |
-
position: absolute;
|
7277 |
-
top: 0;
|
7278 |
-
right: 0;
|
7279 |
-
bottom: 0;
|
7280 |
-
left: 0;
|
7281 |
-
z-index: -1;
|
7282 |
-
}
|
7283 |
-
|
7284 |
-
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
|
7285 |
-
display: block;
|
7286 |
-
}
|
7287 |
-
|
7288 |
-
.sidenav .user-view .circle {
|
7289 |
-
height: 64px;
|
7290 |
-
width: 64px;
|
7291 |
-
}
|
7292 |
-
|
7293 |
-
.sidenav .user-view .name,
|
7294 |
-
.sidenav .user-view .email {
|
7295 |
-
font-size: 14px;
|
7296 |
-
line-height: 24px;
|
7297 |
-
}
|
7298 |
-
|
7299 |
-
.sidenav .user-view .name {
|
7300 |
-
margin-top: 16px;
|
7301 |
-
font-weight: 500;
|
7302 |
-
}
|
7303 |
-
|
7304 |
-
.sidenav .user-view .email {
|
7305 |
-
padding-bottom: 16px;
|
7306 |
-
font-weight: 400;
|
7307 |
-
}
|
7308 |
-
|
7309 |
-
.drag-target {
|
7310 |
-
height: 100%;
|
7311 |
-
width: 10px;
|
7312 |
-
position: fixed;
|
7313 |
-
top: 0;
|
7314 |
-
z-index: 998;
|
7315 |
-
}
|
7316 |
-
|
7317 |
-
.drag-target.right-aligned {
|
7318 |
-
right: 0;
|
7319 |
-
}
|
7320 |
-
|
7321 |
-
.sidenav.sidenav-fixed {
|
7322 |
-
left: 0;
|
7323 |
-
-webkit-transform: translateX(0);
|
7324 |
-
transform: translateX(0);
|
7325 |
-
position: fixed;
|
7326 |
-
}
|
7327 |
-
|
7328 |
-
.sidenav.sidenav-fixed.right-aligned {
|
7329 |
-
right: 0;
|
7330 |
-
left: auto;
|
7331 |
-
}
|
7332 |
-
|
7333 |
-
@media only screen and (max-width: 992px) {
|
7334 |
-
.sidenav.sidenav-fixed {
|
7335 |
-
-webkit-transform: translateX(-105%);
|
7336 |
-
transform: translateX(-105%);
|
7337 |
-
}
|
7338 |
-
.sidenav.sidenav-fixed.right-aligned {
|
7339 |
-
-webkit-transform: translateX(105%);
|
7340 |
-
transform: translateX(105%);
|
7341 |
-
}
|
7342 |
-
.sidenav > a {
|
7343 |
-
padding: 0 16px;
|
7344 |
-
}
|
7345 |
-
.sidenav .user-view {
|
7346 |
-
padding: 16px 16px 0;
|
7347 |
-
}
|
7348 |
-
}
|
7349 |
-
|
7350 |
-
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
|
7351 |
-
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
|
7352 |
-
background-color: #ee6e73;
|
7353 |
-
}
|
7354 |
-
|
7355 |
-
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
|
7356 |
-
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
|
7357 |
-
color: #fff;
|
7358 |
-
}
|
7359 |
-
|
7360 |
-
.sidenav .collapsible-body {
|
7361 |
-
padding: 0;
|
7362 |
-
}
|
7363 |
-
|
7364 |
-
.sidenav-overlay {
|
7365 |
-
position: fixed;
|
7366 |
-
top: 0;
|
7367 |
-
left: 0;
|
7368 |
-
right: 0;
|
7369 |
-
opacity: 0;
|
7370 |
-
height: 120vh;
|
7371 |
-
background-color: rgba(0, 0, 0, 0.5);
|
7372 |
-
z-index: 997;
|
7373 |
-
display: none;
|
7374 |
-
}
|
7375 |
-
|
7376 |
-
/*
|
7377 |
-
@license
|
7378 |
-
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
7379 |
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
7380 |
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
7381 |
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
7382 |
-
Code distributed by Google as part of the polymer project is also
|
7383 |
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
7384 |
-
*/
|
7385 |
-
/**************************/
|
7386 |
-
/* STYLES FOR THE SPINNER */
|
7387 |
-
/**************************/
|
7388 |
-
/*
|
7389 |
-
* Constants:
|
7390 |
-
* STROKEWIDTH = 3px
|
7391 |
-
* ARCSIZE = 270 degrees (amount of circle the arc takes up)
|
7392 |
-
* ARCTIME = 1333ms (time it takes to expand and contract arc)
|
7393 |
-
* ARCSTARTROT = 216 degrees (how much the start location of the arc
|
7394 |
-
* should rotate each time, 216 gives us a
|
7395 |
-
* 5 pointed star shape (it's 360/5 * 3).
|
7396 |
-
* For a 7 pointed star, we might do
|
7397 |
-
* 360/7 * 3 = 154.286)
|
7398 |
-
* CONTAINERWIDTH = 28px
|
7399 |
-
* SHRINK_TIME = 400ms
|
7400 |
-
*/
|
7401 |
-
.preloader-wrapper {
|
7402 |
-
display: inline-block;
|
7403 |
-
position: relative;
|
7404 |
-
width: 50px;
|
7405 |
-
height: 50px;
|
7406 |
-
}
|
7407 |
-
|
7408 |
-
.preloader-wrapper.small {
|
7409 |
-
width: 36px;
|
7410 |
-
height: 36px;
|
7411 |
-
}
|
7412 |
-
|
7413 |
-
.preloader-wrapper.big {
|
7414 |
-
width: 64px;
|
7415 |
-
height: 64px;
|
7416 |
-
}
|
7417 |
-
|
7418 |
-
.preloader-wrapper.active {
|
7419 |
-
/* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
|
7420 |
-
-webkit-animation: container-rotate 1568ms linear infinite;
|
7421 |
-
animation: container-rotate 1568ms linear infinite;
|
7422 |
-
}
|
7423 |
-
|
7424 |
-
@-webkit-keyframes container-rotate {
|
7425 |
-
to {
|
7426 |
-
-webkit-transform: rotate(360deg);
|
7427 |
-
}
|
7428 |
-
}
|
7429 |
-
|
7430 |
-
@keyframes container-rotate {
|
7431 |
-
to {
|
7432 |
-
-webkit-transform: rotate(360deg);
|
7433 |
-
transform: rotate(360deg);
|
7434 |
-
}
|
7435 |
-
}
|
7436 |
-
|
7437 |
-
.spinner-layer {
|
7438 |
-
position: absolute;
|
7439 |
-
width: 100%;
|
7440 |
-
height: 100%;
|
7441 |
-
opacity: 0;
|
7442 |
-
border-color: #26a69a;
|
7443 |
-
}
|
7444 |
-
|
7445 |
-
.spinner-blue,
|
7446 |
-
.spinner-blue-only {
|
7447 |
-
border-color: #4285f4;
|
7448 |
-
}
|
7449 |
-
|
7450 |
-
.spinner-red,
|
7451 |
-
.spinner-red-only {
|
7452 |
-
border-color: #db4437;
|
7453 |
-
}
|
7454 |
-
|
7455 |
-
.spinner-yellow,
|
7456 |
-
.spinner-yellow-only {
|
7457 |
-
border-color: #f4b400;
|
7458 |
-
}
|
7459 |
-
|
7460 |
-
.spinner-green,
|
7461 |
-
.spinner-green-only {
|
7462 |
-
border-color: #0f9d58;
|
7463 |
-
}
|
7464 |
-
|
7465 |
-
/**
|
7466 |
-
* IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
|
7467 |
-
*
|
7468 |
-
* iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
|
7469 |
-
* guarantee that the animation will start _exactly_ after that value. So we avoid using
|
7470 |
-
* animation-delay and instead set custom keyframes for each color (as redundant as it
|
7471 |
-
* seems).
|
7472 |
-
*
|
7473 |
-
* We write out each animation in full (instead of separating animation-name,
|
7474 |
-
* animation-duration, etc.) because under the polyfill, Safari does not recognize those
|
7475 |
-
* specific properties properly, treats them as -webkit-animation, and overrides the
|
7476 |
-
* other animation rules. See https://github.com/Polymer/platform/issues/53.
|
7477 |
-
*/
|
7478 |
-
.active .spinner-layer.spinner-blue {
|
7479 |
-
/* durations: 4 * ARCTIME */
|
7480 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7481 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7482 |
-
}
|
7483 |
-
|
7484 |
-
.active .spinner-layer.spinner-red {
|
7485 |
-
/* durations: 4 * ARCTIME */
|
7486 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7487 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7488 |
-
}
|
7489 |
-
|
7490 |
-
.active .spinner-layer.spinner-yellow {
|
7491 |
-
/* durations: 4 * ARCTIME */
|
7492 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7493 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7494 |
-
}
|
7495 |
-
|
7496 |
-
.active .spinner-layer.spinner-green {
|
7497 |
-
/* durations: 4 * ARCTIME */
|
7498 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7499 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7500 |
-
}
|
7501 |
-
|
7502 |
-
.active .spinner-layer,
|
7503 |
-
.active .spinner-layer.spinner-blue-only,
|
7504 |
-
.active .spinner-layer.spinner-red-only,
|
7505 |
-
.active .spinner-layer.spinner-yellow-only,
|
7506 |
-
.active .spinner-layer.spinner-green-only {
|
7507 |
-
/* durations: 4 * ARCTIME */
|
7508 |
-
opacity: 1;
|
7509 |
-
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7510 |
-
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7511 |
-
}
|
7512 |
-
|
7513 |
-
@-webkit-keyframes fill-unfill-rotate {
|
7514 |
-
12.5% {
|
7515 |
-
-webkit-transform: rotate(135deg);
|
7516 |
-
}
|
7517 |
-
/* 0.5 * ARCSIZE */
|
7518 |
-
25% {
|
7519 |
-
-webkit-transform: rotate(270deg);
|
7520 |
-
}
|
7521 |
-
/* 1 * ARCSIZE */
|
7522 |
-
37.5% {
|
7523 |
-
-webkit-transform: rotate(405deg);
|
7524 |
-
}
|
7525 |
-
/* 1.5 * ARCSIZE */
|
7526 |
-
50% {
|
7527 |
-
-webkit-transform: rotate(540deg);
|
7528 |
-
}
|
7529 |
-
/* 2 * ARCSIZE */
|
7530 |
-
62.5% {
|
7531 |
-
-webkit-transform: rotate(675deg);
|
7532 |
-
}
|
7533 |
-
/* 2.5 * ARCSIZE */
|
7534 |
-
75% {
|
7535 |
-
-webkit-transform: rotate(810deg);
|
7536 |
-
}
|
7537 |
-
/* 3 * ARCSIZE */
|
7538 |
-
87.5% {
|
7539 |
-
-webkit-transform: rotate(945deg);
|
7540 |
-
}
|
7541 |
-
/* 3.5 * ARCSIZE */
|
7542 |
-
to {
|
7543 |
-
-webkit-transform: rotate(1080deg);
|
7544 |
-
}
|
7545 |
-
/* 4 * ARCSIZE */
|
7546 |
-
}
|
7547 |
-
|
7548 |
-
@keyframes fill-unfill-rotate {
|
7549 |
-
12.5% {
|
7550 |
-
-webkit-transform: rotate(135deg);
|
7551 |
-
transform: rotate(135deg);
|
7552 |
-
}
|
7553 |
-
/* 0.5 * ARCSIZE */
|
7554 |
-
25% {
|
7555 |
-
-webkit-transform: rotate(270deg);
|
7556 |
-
transform: rotate(270deg);
|
7557 |
-
}
|
7558 |
-
/* 1 * ARCSIZE */
|
7559 |
-
37.5% {
|
7560 |
-
-webkit-transform: rotate(405deg);
|
7561 |
-
transform: rotate(405deg);
|
7562 |
-
}
|
7563 |
-
/* 1.5 * ARCSIZE */
|
7564 |
-
50% {
|
7565 |
-
-webkit-transform: rotate(540deg);
|
7566 |
-
transform: rotate(540deg);
|
7567 |
-
}
|
7568 |
-
/* 2 * ARCSIZE */
|
7569 |
-
62.5% {
|
7570 |
-
-webkit-transform: rotate(675deg);
|
7571 |
-
transform: rotate(675deg);
|
7572 |
-
}
|
7573 |
-
/* 2.5 * ARCSIZE */
|
7574 |
-
75% {
|
7575 |
-
-webkit-transform: rotate(810deg);
|
7576 |
-
transform: rotate(810deg);
|
7577 |
-
}
|
7578 |
-
/* 3 * ARCSIZE */
|
7579 |
-
87.5% {
|
7580 |
-
-webkit-transform: rotate(945deg);
|
7581 |
-
transform: rotate(945deg);
|
7582 |
-
}
|
7583 |
-
/* 3.5 * ARCSIZE */
|
7584 |
-
to {
|
7585 |
-
-webkit-transform: rotate(1080deg);
|
7586 |
-
transform: rotate(1080deg);
|
7587 |
-
}
|
7588 |
-
/* 4 * ARCSIZE */
|
7589 |
-
}
|
7590 |
-
|
7591 |
-
@-webkit-keyframes blue-fade-in-out {
|
7592 |
-
from {
|
7593 |
-
opacity: 1;
|
7594 |
-
}
|
7595 |
-
25% {
|
7596 |
-
opacity: 1;
|
7597 |
-
}
|
7598 |
-
26% {
|
7599 |
-
opacity: 0;
|
7600 |
-
}
|
7601 |
-
89% {
|
7602 |
-
opacity: 0;
|
7603 |
-
}
|
7604 |
-
90% {
|
7605 |
-
opacity: 1;
|
7606 |
-
}
|
7607 |
-
100% {
|
7608 |
-
opacity: 1;
|
7609 |
-
}
|
7610 |
-
}
|
7611 |
-
|
7612 |
-
@keyframes blue-fade-in-out {
|
7613 |
-
from {
|
7614 |
-
opacity: 1;
|
7615 |
-
}
|
7616 |
-
25% {
|
7617 |
-
opacity: 1;
|
7618 |
-
}
|
7619 |
-
26% {
|
7620 |
-
opacity: 0;
|
7621 |
-
}
|
7622 |
-
89% {
|
7623 |
-
opacity: 0;
|
7624 |
-
}
|
7625 |
-
90% {
|
7626 |
-
opacity: 1;
|
7627 |
-
}
|
7628 |
-
100% {
|
7629 |
-
opacity: 1;
|
7630 |
-
}
|
7631 |
-
}
|
7632 |
-
|
7633 |
-
@-webkit-keyframes red-fade-in-out {
|
7634 |
-
from {
|
7635 |
-
opacity: 0;
|
7636 |
-
}
|
7637 |
-
15% {
|
7638 |
-
opacity: 0;
|
7639 |
-
}
|
7640 |
-
25% {
|
7641 |
-
opacity: 1;
|
7642 |
-
}
|
7643 |
-
50% {
|
7644 |
-
opacity: 1;
|
7645 |
-
}
|
7646 |
-
51% {
|
7647 |
-
opacity: 0;
|
7648 |
-
}
|
7649 |
-
}
|
7650 |
-
|
7651 |
-
@keyframes red-fade-in-out {
|
7652 |
-
from {
|
7653 |
-
opacity: 0;
|
7654 |
-
}
|
7655 |
-
15% {
|
7656 |
-
opacity: 0;
|
7657 |
-
}
|
7658 |
-
25% {
|
7659 |
-
opacity: 1;
|
7660 |
-
}
|
7661 |
-
50% {
|
7662 |
-
opacity: 1;
|
7663 |
-
}
|
7664 |
-
51% {
|
7665 |
-
opacity: 0;
|
7666 |
-
}
|
7667 |
-
}
|
7668 |
-
|
7669 |
-
@-webkit-keyframes yellow-fade-in-out {
|
7670 |
-
from {
|
7671 |
-
opacity: 0;
|
7672 |
-
}
|
7673 |
-
40% {
|
7674 |
-
opacity: 0;
|
7675 |
-
}
|
7676 |
-
50% {
|
7677 |
-
opacity: 1;
|
7678 |
-
}
|
7679 |
-
75% {
|
7680 |
-
opacity: 1;
|
7681 |
-
}
|
7682 |
-
76% {
|
7683 |
-
opacity: 0;
|
7684 |
-
}
|
7685 |
-
}
|
7686 |
-
|
7687 |
-
@keyframes yellow-fade-in-out {
|
7688 |
-
from {
|
7689 |
-
opacity: 0;
|
7690 |
-
}
|
7691 |
-
40% {
|
7692 |
-
opacity: 0;
|
7693 |
-
}
|
7694 |
-
50% {
|
7695 |
-
opacity: 1;
|
7696 |
-
}
|
7697 |
-
75% {
|
7698 |
-
opacity: 1;
|
7699 |
-
}
|
7700 |
-
76% {
|
7701 |
-
opacity: 0;
|
7702 |
-
}
|
7703 |
-
}
|
7704 |
-
|
7705 |
-
@-webkit-keyframes green-fade-in-out {
|
7706 |
-
from {
|
7707 |
-
opacity: 0;
|
7708 |
-
}
|
7709 |
-
65% {
|
7710 |
-
opacity: 0;
|
7711 |
-
}
|
7712 |
-
75% {
|
7713 |
-
opacity: 1;
|
7714 |
-
}
|
7715 |
-
90% {
|
7716 |
-
opacity: 1;
|
7717 |
-
}
|
7718 |
-
100% {
|
7719 |
-
opacity: 0;
|
7720 |
-
}
|
7721 |
-
}
|
7722 |
-
|
7723 |
-
@keyframes green-fade-in-out {
|
7724 |
-
from {
|
7725 |
-
opacity: 0;
|
7726 |
-
}
|
7727 |
-
65% {
|
7728 |
-
opacity: 0;
|
7729 |
-
}
|
7730 |
-
75% {
|
7731 |
-
opacity: 1;
|
7732 |
-
}
|
7733 |
-
90% {
|
7734 |
-
opacity: 1;
|
7735 |
-
}
|
7736 |
-
100% {
|
7737 |
-
opacity: 0;
|
7738 |
-
}
|
7739 |
-
}
|
7740 |
-
|
7741 |
-
/**
|
7742 |
-
* Patch the gap that appear between the two adjacent div.circle-clipper while the
|
7743 |
-
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
|
7744 |
-
*/
|
7745 |
-
.gap-patch {
|
7746 |
-
position: absolute;
|
7747 |
-
top: 0;
|
7748 |
-
left: 45%;
|
7749 |
-
width: 10%;
|
7750 |
-
height: 100%;
|
7751 |
-
overflow: hidden;
|
7752 |
-
border-color: inherit;
|
7753 |
-
}
|
7754 |
-
|
7755 |
-
.gap-patch .circle {
|
7756 |
-
width: 1000%;
|
7757 |
-
left: -450%;
|
7758 |
-
}
|
7759 |
-
|
7760 |
-
.circle-clipper {
|
7761 |
-
display: inline-block;
|
7762 |
-
position: relative;
|
7763 |
-
width: 50%;
|
7764 |
-
height: 100%;
|
7765 |
-
overflow: hidden;
|
7766 |
-
border-color: inherit;
|
7767 |
-
}
|
7768 |
-
|
7769 |
-
.circle-clipper .circle {
|
7770 |
-
width: 200%;
|
7771 |
-
height: 100%;
|
7772 |
-
border-width: 3px;
|
7773 |
-
/* STROKEWIDTH */
|
7774 |
-
border-style: solid;
|
7775 |
-
border-color: inherit;
|
7776 |
-
border-bottom-color: transparent !important;
|
7777 |
-
border-radius: 50%;
|
7778 |
-
-webkit-animation: none;
|
7779 |
-
animation: none;
|
7780 |
-
position: absolute;
|
7781 |
-
top: 0;
|
7782 |
-
right: 0;
|
7783 |
-
bottom: 0;
|
7784 |
-
}
|
7785 |
-
|
7786 |
-
.circle-clipper.left .circle {
|
7787 |
-
left: 0;
|
7788 |
-
border-right-color: transparent !important;
|
7789 |
-
-webkit-transform: rotate(129deg);
|
7790 |
-
transform: rotate(129deg);
|
7791 |
-
}
|
7792 |
-
|
7793 |
-
.circle-clipper.right .circle {
|
7794 |
-
left: -100%;
|
7795 |
-
border-left-color: transparent !important;
|
7796 |
-
-webkit-transform: rotate(-129deg);
|
7797 |
-
transform: rotate(-129deg);
|
7798 |
-
}
|
7799 |
-
|
7800 |
-
.active .circle-clipper.left .circle {
|
7801 |
-
/* duration: ARCTIME */
|
7802 |
-
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7803 |
-
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7804 |
-
}
|
7805 |
-
|
7806 |
-
.active .circle-clipper.right .circle {
|
7807 |
-
/* duration: ARCTIME */
|
7808 |
-
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7809 |
-
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7810 |
-
}
|
7811 |
-
|
7812 |
-
@-webkit-keyframes left-spin {
|
7813 |
-
from {
|
7814 |
-
-webkit-transform: rotate(130deg);
|
7815 |
-
}
|
7816 |
-
50% {
|
7817 |
-
-webkit-transform: rotate(-5deg);
|
7818 |
-
}
|
7819 |
-
to {
|
7820 |
-
-webkit-transform: rotate(130deg);
|
7821 |
-
}
|
7822 |
-
}
|
7823 |
-
|
7824 |
-
@keyframes left-spin {
|
7825 |
-
from {
|
7826 |
-
-webkit-transform: rotate(130deg);
|
7827 |
-
transform: rotate(130deg);
|
7828 |
-
}
|
7829 |
-
50% {
|
7830 |
-
-webkit-transform: rotate(-5deg);
|
7831 |
-
transform: rotate(-5deg);
|
7832 |
-
}
|
7833 |
-
to {
|
7834 |
-
-webkit-transform: rotate(130deg);
|
7835 |
-
transform: rotate(130deg);
|
7836 |
-
}
|
7837 |
-
}
|
7838 |
-
|
7839 |
-
@-webkit-keyframes right-spin {
|
7840 |
-
from {
|
7841 |
-
-webkit-transform: rotate(-130deg);
|
7842 |
-
}
|
7843 |
-
50% {
|
7844 |
-
-webkit-transform: rotate(5deg);
|
7845 |
-
}
|
7846 |
-
to {
|
7847 |
-
-webkit-transform: rotate(-130deg);
|
7848 |
-
}
|
7849 |
-
}
|
7850 |
-
|
7851 |
-
@keyframes right-spin {
|
7852 |
-
from {
|
7853 |
-
-webkit-transform: rotate(-130deg);
|
7854 |
-
transform: rotate(-130deg);
|
7855 |
-
}
|
7856 |
-
50% {
|
7857 |
-
-webkit-transform: rotate(5deg);
|
7858 |
-
transform: rotate(5deg);
|
7859 |
-
}
|
7860 |
-
to {
|
7861 |
-
-webkit-transform: rotate(-130deg);
|
7862 |
-
transform: rotate(-130deg);
|
7863 |
-
}
|
7864 |
-
}
|
7865 |
-
|
7866 |
-
#spinnerContainer.cooldown {
|
7867 |
-
/* duration: SHRINK_TIME */
|
7868 |
-
-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
7869 |
-
animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
7870 |
-
}
|
7871 |
-
|
7872 |
-
@-webkit-keyframes fade-out {
|
7873 |
-
from {
|
7874 |
-
opacity: 1;
|
7875 |
-
}
|
7876 |
-
to {
|
7877 |
-
opacity: 0;
|
7878 |
-
}
|
7879 |
-
}
|
7880 |
-
|
7881 |
-
@keyframes fade-out {
|
7882 |
-
from {
|
7883 |
-
opacity: 1;
|
7884 |
-
}
|
7885 |
-
to {
|
7886 |
-
opacity: 0;
|
7887 |
-
}
|
7888 |
-
}
|
7889 |
-
|
7890 |
-
.slider {
|
7891 |
-
position: relative;
|
7892 |
-
height: 400px;
|
7893 |
-
width: 100%;
|
7894 |
-
}
|
7895 |
-
|
7896 |
-
.slider.fullscreen {
|
7897 |
-
height: 100%;
|
7898 |
-
width: 100%;
|
7899 |
-
position: absolute;
|
7900 |
-
top: 0;
|
7901 |
-
left: 0;
|
7902 |
-
right: 0;
|
7903 |
-
bottom: 0;
|
7904 |
-
}
|
7905 |
-
|
7906 |
-
.slider.fullscreen ul.slides {
|
7907 |
-
height: 100%;
|
7908 |
-
}
|
7909 |
-
|
7910 |
-
.slider.fullscreen ul.indicators {
|
7911 |
-
z-index: 2;
|
7912 |
-
bottom: 30px;
|
7913 |
-
}
|
7914 |
-
|
7915 |
-
.slider .slides {
|
7916 |
-
background-color: #9e9e9e;
|
7917 |
-
margin: 0;
|
7918 |
-
height: 400px;
|
7919 |
-
}
|
7920 |
-
|
7921 |
-
.slider .slides li {
|
7922 |
-
opacity: 0;
|
7923 |
-
position: absolute;
|
7924 |
-
top: 0;
|
7925 |
-
left: 0;
|
7926 |
-
z-index: 1;
|
7927 |
-
width: 100%;
|
7928 |
-
height: inherit;
|
7929 |
-
overflow: hidden;
|
7930 |
-
}
|
7931 |
-
|
7932 |
-
.slider .slides li img {
|
7933 |
-
height: 100%;
|
7934 |
-
width: 100%;
|
7935 |
-
background-size: cover;
|
7936 |
-
background-position: center;
|
7937 |
-
}
|
7938 |
-
|
7939 |
-
.slider .slides li .caption {
|
7940 |
-
color: #fff;
|
7941 |
-
position: absolute;
|
7942 |
-
top: 15%;
|
7943 |
-
left: 15%;
|
7944 |
-
width: 70%;
|
7945 |
-
opacity: 0;
|
7946 |
-
}
|
7947 |
-
|
7948 |
-
.slider .slides li .caption p {
|
7949 |
-
color: #e0e0e0;
|
7950 |
-
}
|
7951 |
-
|
7952 |
-
.slider .slides li.active {
|
7953 |
-
z-index: 2;
|
7954 |
-
}
|
7955 |
-
|
7956 |
-
.slider .indicators {
|
7957 |
-
position: absolute;
|
7958 |
-
text-align: center;
|
7959 |
-
left: 0;
|
7960 |
-
right: 0;
|
7961 |
-
bottom: 0;
|
7962 |
-
margin: 0;
|
7963 |
-
}
|
7964 |
-
|
7965 |
-
.slider .indicators .indicator-item {
|
7966 |
-
display: inline-block;
|
7967 |
-
position: relative;
|
7968 |
-
cursor: pointer;
|
7969 |
-
height: 16px;
|
7970 |
-
width: 16px;
|
7971 |
-
margin: 0 12px;
|
7972 |
-
background-color: #e0e0e0;
|
7973 |
-
-webkit-transition: background-color .3s;
|
7974 |
-
transition: background-color .3s;
|
7975 |
-
border-radius: 50%;
|
7976 |
-
}
|
7977 |
-
|
7978 |
-
.slider .indicators .indicator-item.active {
|
7979 |
-
background-color: #4CAF50;
|
7980 |
-
}
|
7981 |
-
|
7982 |
-
.carousel {
|
7983 |
-
overflow: hidden;
|
7984 |
-
position: relative;
|
7985 |
-
width: 100%;
|
7986 |
-
height: 400px;
|
7987 |
-
-webkit-perspective: 500px;
|
7988 |
-
perspective: 500px;
|
7989 |
-
-webkit-transform-style: preserve-3d;
|
7990 |
-
transform-style: preserve-3d;
|
7991 |
-
-webkit-transform-origin: 0% 50%;
|
7992 |
-
transform-origin: 0% 50%;
|
7993 |
-
}
|
7994 |
-
|
7995 |
-
.carousel.carousel-slider {
|
7996 |
-
top: 0;
|
7997 |
-
left: 0;
|
7998 |
-
}
|
7999 |
-
|
8000 |
-
.carousel.carousel-slider .carousel-fixed-item {
|
8001 |
-
position: absolute;
|
8002 |
-
left: 0;
|
8003 |
-
right: 0;
|
8004 |
-
bottom: 20px;
|
8005 |
-
z-index: 1;
|
8006 |
-
}
|
8007 |
-
|
8008 |
-
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
|
8009 |
-
bottom: 68px;
|
8010 |
-
}
|
8011 |
-
|
8012 |
-
.carousel.carousel-slider .carousel-item {
|
8013 |
-
width: 100%;
|
8014 |
-
height: 100%;
|
8015 |
-
min-height: 400px;
|
8016 |
-
position: absolute;
|
8017 |
-
top: 0;
|
8018 |
-
left: 0;
|
8019 |
-
}
|
8020 |
-
|
8021 |
-
.carousel.carousel-slider .carousel-item h2 {
|
8022 |
-
font-size: 24px;
|
8023 |
-
font-weight: 500;
|
8024 |
-
line-height: 32px;
|
8025 |
-
}
|
8026 |
-
|
8027 |
-
.carousel.carousel-slider .carousel-item p {
|
8028 |
-
font-size: 15px;
|
8029 |
-
}
|
8030 |
-
|
8031 |
-
.carousel .carousel-item {
|
8032 |
-
visibility: hidden;
|
8033 |
-
width: 200px;
|
8034 |
-
height: 200px;
|
8035 |
-
position: absolute;
|
8036 |
-
top: 0;
|
8037 |
-
left: 0;
|
8038 |
-
}
|
8039 |
-
|
8040 |
-
.carousel .carousel-item > img {
|
8041 |
-
width: 100%;
|
8042 |
-
}
|
8043 |
-
|
8044 |
-
.carousel .indicators {
|
8045 |
-
position: absolute;
|
8046 |
-
text-align: center;
|
8047 |
-
left: 0;
|
8048 |
-
right: 0;
|
8049 |
-
bottom: 0;
|
8050 |
-
margin: 0;
|
8051 |
-
}
|
8052 |
-
|
8053 |
-
.carousel .indicators .indicator-item {
|
8054 |
-
display: inline-block;
|
8055 |
-
position: relative;
|
8056 |
-
cursor: pointer;
|
8057 |
-
height: 8px;
|
8058 |
-
width: 8px;
|
8059 |
-
margin: 24px 4px;
|
8060 |
-
background-color: rgba(255, 255, 255, 0.5);
|
8061 |
-
-webkit-transition: background-color .3s;
|
8062 |
-
transition: background-color .3s;
|
8063 |
-
border-radius: 50%;
|
8064 |
-
}
|
8065 |
-
|
8066 |
-
.carousel .indicators .indicator-item.active {
|
8067 |
-
background-color: #fff;
|
8068 |
-
}
|
8069 |
-
|
8070 |
-
.carousel.scrolling .carousel-item .materialboxed,
|
8071 |
-
.carousel .carousel-item:not(.active) .materialboxed {
|
8072 |
-
pointer-events: none;
|
8073 |
-
}
|
8074 |
-
|
8075 |
-
.tap-target-wrapper {
|
8076 |
-
width: 800px;
|
8077 |
-
height: 800px;
|
8078 |
-
position: fixed;
|
8079 |
-
z-index: 1000;
|
8080 |
-
visibility: hidden;
|
8081 |
-
-webkit-transition: visibility 0s .3s;
|
8082 |
-
transition: visibility 0s .3s;
|
8083 |
-
}
|
8084 |
-
|
8085 |
-
.tap-target-wrapper.open {
|
8086 |
-
visibility: visible;
|
8087 |
-
-webkit-transition: visibility 0s;
|
8088 |
-
transition: visibility 0s;
|
8089 |
-
}
|
8090 |
-
|
8091 |
-
.tap-target-wrapper.open .tap-target {
|
8092 |
-
-webkit-transform: scale(1);
|
8093 |
-
transform: scale(1);
|
8094 |
-
opacity: .95;
|
8095 |
-
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8096 |
-
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8097 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8098 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8099 |
-
}
|
8100 |
-
|
8101 |
-
.tap-target-wrapper.open .tap-target-wave::before {
|
8102 |
-
-webkit-transform: scale(1);
|
8103 |
-
transform: scale(1);
|
8104 |
-
}
|
8105 |
-
|
8106 |
-
.tap-target-wrapper.open .tap-target-wave::after {
|
8107 |
-
visibility: visible;
|
8108 |
-
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8109 |
-
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8110 |
-
-webkit-transition: opacity .3s,
|
8111 |
-
visibility 0s 1s,
|
8112 |
-
-webkit-transform .3s;
|
8113 |
-
transition: opacity .3s,
|
8114 |
-
visibility 0s 1s,
|
8115 |
-
-webkit-transform .3s;
|
8116 |
-
transition: opacity .3s,
|
8117 |
-
transform .3s,
|
8118 |
-
visibility 0s 1s;
|
8119 |
-
transition: opacity .3s,
|
8120 |
-
transform .3s,
|
8121 |
-
visibility 0s 1s,
|
8122 |
-
-webkit-transform .3s;
|
8123 |
-
}
|
8124 |
-
|
8125 |
-
.tap-target {
|
8126 |
-
position: absolute;
|
8127 |
-
font-size: 1rem;
|
8128 |
-
border-radius: 50%;
|
8129 |
-
background-color: #ee6e73;
|
8130 |
-
-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
8131 |
-
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
8132 |
-
width: 100%;
|
8133 |
-
height: 100%;
|
8134 |
-
opacity: 0;
|
8135 |
-
-webkit-transform: scale(0);
|
8136 |
-
transform: scale(0);
|
8137 |
-
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8138 |
-
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8139 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8140 |
-
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8141 |
-
}
|
8142 |
-
|
8143 |
-
.tap-target-content {
|
8144 |
-
position: relative;
|
8145 |
-
display: table-cell;
|
8146 |
-
}
|
8147 |
-
|
8148 |
-
.tap-target-wave {
|
8149 |
-
position: absolute;
|
8150 |
-
border-radius: 50%;
|
8151 |
-
z-index: 10001;
|
8152 |
-
}
|
8153 |
-
|
8154 |
-
.tap-target-wave::before, .tap-target-wave::after {
|
8155 |
-
content: '';
|
8156 |
-
display: block;
|
8157 |
-
position: absolute;
|
8158 |
-
width: 100%;
|
8159 |
-
height: 100%;
|
8160 |
-
border-radius: 50%;
|
8161 |
-
background-color: #ffffff;
|
8162 |
-
}
|
8163 |
-
|
8164 |
-
.tap-target-wave::before {
|
8165 |
-
-webkit-transform: scale(0);
|
8166 |
-
transform: scale(0);
|
8167 |
-
-webkit-transition: -webkit-transform .3s;
|
8168 |
-
transition: -webkit-transform .3s;
|
8169 |
-
transition: transform .3s;
|
8170 |
-
transition: transform .3s, -webkit-transform .3s;
|
8171 |
-
}
|
8172 |
-
|
8173 |
-
.tap-target-wave::after {
|
8174 |
-
visibility: hidden;
|
8175 |
-
-webkit-transition: opacity .3s,
|
8176 |
-
visibility 0s,
|
8177 |
-
-webkit-transform .3s;
|
8178 |
-
transition: opacity .3s,
|
8179 |
-
visibility 0s,
|
8180 |
-
-webkit-transform .3s;
|
8181 |
-
transition: opacity .3s,
|
8182 |
-
transform .3s,
|
8183 |
-
visibility 0s;
|
8184 |
-
transition: opacity .3s,
|
8185 |
-
transform .3s,
|
8186 |
-
visibility 0s,
|
8187 |
-
-webkit-transform .3s;
|
8188 |
-
z-index: -1;
|
8189 |
-
}
|
8190 |
-
|
8191 |
-
.tap-target-origin {
|
8192 |
-
top: 50%;
|
8193 |
-
left: 50%;
|
8194 |
-
-webkit-transform: translate(-50%, -50%);
|
8195 |
-
transform: translate(-50%, -50%);
|
8196 |
-
z-index: 10002;
|
8197 |
-
position: absolute !important;
|
8198 |
-
}
|
8199 |
-
|
8200 |
-
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
|
8201 |
-
background: none;
|
8202 |
-
}
|
8203 |
-
|
8204 |
-
@media only screen and (max-width: 600px) {
|
8205 |
-
.tap-target, .tap-target-wrapper {
|
8206 |
-
width: 600px;
|
8207 |
-
height: 600px;
|
8208 |
-
}
|
8209 |
-
}
|
8210 |
-
|
8211 |
-
.pulse {
|
8212 |
-
overflow: visible;
|
8213 |
-
position: relative;
|
8214 |
-
}
|
8215 |
-
|
8216 |
-
.pulse::before {
|
8217 |
-
content: '';
|
8218 |
-
display: block;
|
8219 |
-
position: absolute;
|
8220 |
-
width: 100%;
|
8221 |
-
height: 100%;
|
8222 |
-
top: 0;
|
8223 |
-
left: 0;
|
8224 |
-
background-color: inherit;
|
8225 |
-
border-radius: inherit;
|
8226 |
-
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
8227 |
-
transition: opacity .3s, -webkit-transform .3s;
|
8228 |
-
transition: opacity .3s, transform .3s;
|
8229 |
-
transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
8230 |
-
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8231 |
-
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8232 |
-
z-index: -1;
|
8233 |
-
}
|
8234 |
-
|
8235 |
-
@-webkit-keyframes pulse-animation {
|
8236 |
-
0% {
|
8237 |
-
opacity: 1;
|
8238 |
-
-webkit-transform: scale(1);
|
8239 |
-
transform: scale(1);
|
8240 |
-
}
|
8241 |
-
50% {
|
8242 |
-
opacity: 0;
|
8243 |
-
-webkit-transform: scale(1.5);
|
8244 |
-
transform: scale(1.5);
|
8245 |
-
}
|
8246 |
-
100% {
|
8247 |
-
opacity: 0;
|
8248 |
-
-webkit-transform: scale(1.5);
|
8249 |
-
transform: scale(1.5);
|
8250 |
-
}
|
8251 |
-
}
|
8252 |
-
|
8253 |
-
@keyframes pulse-animation {
|
8254 |
-
0% {
|
8255 |
-
opacity: 1;
|
8256 |
-
-webkit-transform: scale(1);
|
8257 |
-
transform: scale(1);
|
8258 |
-
}
|
8259 |
-
50% {
|
8260 |
-
opacity: 0;
|
8261 |
-
-webkit-transform: scale(1.5);
|
8262 |
-
transform: scale(1.5);
|
8263 |
-
}
|
8264 |
-
100% {
|
8265 |
-
opacity: 0;
|
8266 |
-
-webkit-transform: scale(1.5);
|
8267 |
-
transform: scale(1.5);
|
8268 |
-
}
|
8269 |
-
}
|
8270 |
-
|
8271 |
-
/* Modal */
|
8272 |
-
.datepicker-modal {
|
8273 |
-
max-width: 325px;
|
8274 |
-
min-width: 300px;
|
8275 |
-
max-height: none;
|
8276 |
-
}
|
8277 |
-
|
8278 |
-
.datepicker-container.modal-content {
|
8279 |
-
display: -webkit-box;
|
8280 |
-
display: -webkit-flex;
|
8281 |
-
display: -ms-flexbox;
|
8282 |
-
display: flex;
|
8283 |
-
-webkit-box-orient: vertical;
|
8284 |
-
-webkit-box-direction: normal;
|
8285 |
-
-webkit-flex-direction: column;
|
8286 |
-
-ms-flex-direction: column;
|
8287 |
-
flex-direction: column;
|
8288 |
-
padding: 0;
|
8289 |
-
}
|
8290 |
-
|
8291 |
-
.datepicker-controls {
|
8292 |
-
display: -webkit-box;
|
8293 |
-
display: -webkit-flex;
|
8294 |
-
display: -ms-flexbox;
|
8295 |
-
display: flex;
|
8296 |
-
-webkit-box-pack: justify;
|
8297 |
-
-webkit-justify-content: space-between;
|
8298 |
-
-ms-flex-pack: justify;
|
8299 |
-
justify-content: space-between;
|
8300 |
-
width: 280px;
|
8301 |
-
margin: 0 auto;
|
8302 |
-
}
|
8303 |
-
|
8304 |
-
.datepicker-controls .selects-container {
|
8305 |
-
display: -webkit-box;
|
8306 |
-
display: -webkit-flex;
|
8307 |
-
display: -ms-flexbox;
|
8308 |
-
display: flex;
|
8309 |
-
}
|
8310 |
-
|
8311 |
-
.datepicker-controls .select-wrapper input {
|
8312 |
-
border-bottom: none;
|
8313 |
-
text-align: center;
|
8314 |
-
margin: 0;
|
8315 |
-
}
|
8316 |
-
|
8317 |
-
.datepicker-controls .select-wrapper input:focus {
|
8318 |
-
border-bottom: none;
|
8319 |
-
}
|
8320 |
-
|
8321 |
-
.datepicker-controls .select-wrapper .caret {
|
8322 |
-
display: none;
|
8323 |
-
}
|
8324 |
-
|
8325 |
-
.datepicker-controls .select-year input {
|
8326 |
-
width: 50px;
|
8327 |
-
}
|
8328 |
-
|
8329 |
-
.datepicker-controls .select-month input {
|
8330 |
-
width: 70px;
|
8331 |
-
}
|
8332 |
-
|
8333 |
-
.month-prev, .month-next {
|
8334 |
-
margin-top: 4px;
|
8335 |
-
cursor: pointer;
|
8336 |
-
background-color: transparent;
|
8337 |
-
border: none;
|
8338 |
-
}
|
8339 |
-
|
8340 |
-
/* Date Display */
|
8341 |
-
.datepicker-date-display {
|
8342 |
-
-webkit-box-flex: 1;
|
8343 |
-
-webkit-flex: 1 auto;
|
8344 |
-
-ms-flex: 1 auto;
|
8345 |
-
flex: 1 auto;
|
8346 |
-
background-color: #26a69a;
|
8347 |
-
color: #fff;
|
8348 |
-
padding: 20px 22px;
|
8349 |
-
font-weight: 500;
|
8350 |
-
}
|
8351 |
-
|
8352 |
-
.datepicker-date-display .year-text {
|
8353 |
-
display: block;
|
8354 |
-
font-size: 1.5rem;
|
8355 |
-
line-height: 25px;
|
8356 |
-
color: rgba(255, 255, 255, 0.7);
|
8357 |
-
}
|
8358 |
-
|
8359 |
-
.datepicker-date-display .date-text {
|
8360 |
-
display: block;
|
8361 |
-
font-size: 2.8rem;
|
8362 |
-
line-height: 47px;
|
8363 |
-
font-weight: 500;
|
8364 |
-
}
|
8365 |
-
|
8366 |
-
/* Calendar */
|
8367 |
-
.datepicker-calendar-container {
|
8368 |
-
-webkit-box-flex: 2.5;
|
8369 |
-
-webkit-flex: 2.5 auto;
|
8370 |
-
-ms-flex: 2.5 auto;
|
8371 |
-
flex: 2.5 auto;
|
8372 |
-
}
|
8373 |
-
|
8374 |
-
.datepicker-table {
|
8375 |
-
width: 280px;
|
8376 |
-
font-size: 1rem;
|
8377 |
-
margin: 0 auto;
|
8378 |
-
}
|
8379 |
-
|
8380 |
-
.datepicker-table thead {
|
8381 |
-
border-bottom: none;
|
8382 |
-
}
|
8383 |
-
|
8384 |
-
.datepicker-table th {
|
8385 |
-
padding: 10px 5px;
|
8386 |
-
text-align: center;
|
8387 |
-
}
|
8388 |
-
|
8389 |
-
.datepicker-table tr {
|
8390 |
-
border: none;
|
8391 |
-
}
|
8392 |
-
|
8393 |
-
.datepicker-table abbr {
|
8394 |
-
text-decoration: none;
|
8395 |
-
color: #999;
|
8396 |
-
}
|
8397 |
-
|
8398 |
-
.datepicker-table td {
|
8399 |
-
border-radius: 50%;
|
8400 |
-
padding: 0;
|
8401 |
-
}
|
8402 |
-
|
8403 |
-
.datepicker-table td.is-today {
|
8404 |
-
color: #26a69a;
|
8405 |
-
}
|
8406 |
-
|
8407 |
-
.datepicker-table td.is-selected {
|
8408 |
-
background-color: #26a69a;
|
8409 |
-
color: #fff;
|
8410 |
-
}
|
8411 |
-
|
8412 |
-
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
|
8413 |
-
color: rgba(0, 0, 0, 0.3);
|
8414 |
-
pointer-events: none;
|
8415 |
-
}
|
8416 |
-
|
8417 |
-
.datepicker-day-button {
|
8418 |
-
background-color: transparent;
|
8419 |
-
border: none;
|
8420 |
-
line-height: 38px;
|
8421 |
-
display: block;
|
8422 |
-
width: 100%;
|
8423 |
-
border-radius: 50%;
|
8424 |
-
padding: 0 5px;
|
8425 |
-
cursor: pointer;
|
8426 |
-
color: inherit;
|
8427 |
-
}
|
8428 |
-
|
8429 |
-
.datepicker-day-button:focus {
|
8430 |
-
background-color: rgba(43, 161, 150, 0.25);
|
8431 |
-
}
|
8432 |
-
|
8433 |
-
/* Footer */
|
8434 |
-
.datepicker-footer {
|
8435 |
-
width: 280px;
|
8436 |
-
margin: 0 auto;
|
8437 |
-
padding-bottom: 5px;
|
8438 |
-
display: -webkit-box;
|
8439 |
-
display: -webkit-flex;
|
8440 |
-
display: -ms-flexbox;
|
8441 |
-
display: flex;
|
8442 |
-
-webkit-box-pack: justify;
|
8443 |
-
-webkit-justify-content: space-between;
|
8444 |
-
-ms-flex-pack: justify;
|
8445 |
-
justify-content: space-between;
|
8446 |
-
}
|
8447 |
-
|
8448 |
-
.datepicker-cancel,
|
8449 |
-
.datepicker-clear,
|
8450 |
-
.datepicker-today,
|
8451 |
-
.datepicker-done {
|
8452 |
-
color: #26a69a;
|
8453 |
-
padding: 0 1rem;
|
8454 |
-
}
|
8455 |
-
|
8456 |
-
.datepicker-clear {
|
8457 |
-
color: #F44336;
|
8458 |
-
}
|
8459 |
-
|
8460 |
-
/* Media Queries */
|
8461 |
-
@media only screen and (min-width: 601px) {
|
8462 |
-
.datepicker-modal {
|
8463 |
-
max-width: 625px;
|
8464 |
-
}
|
8465 |
-
.datepicker-container.modal-content {
|
8466 |
-
-webkit-box-orient: horizontal;
|
8467 |
-
-webkit-box-direction: normal;
|
8468 |
-
-webkit-flex-direction: row;
|
8469 |
-
-ms-flex-direction: row;
|
8470 |
-
flex-direction: row;
|
8471 |
-
}
|
8472 |
-
.datepicker-date-display {
|
8473 |
-
-webkit-box-flex: 0;
|
8474 |
-
-webkit-flex: 0 1 270px;
|
8475 |
-
-ms-flex: 0 1 270px;
|
8476 |
-
flex: 0 1 270px;
|
8477 |
-
}
|
8478 |
-
.datepicker-controls,
|
8479 |
-
.datepicker-table,
|
8480 |
-
.datepicker-footer {
|
8481 |
-
width: 320px;
|
8482 |
-
}
|
8483 |
-
.datepicker-day-button {
|
8484 |
-
line-height: 44px;
|
8485 |
-
}
|
8486 |
-
}
|
8487 |
-
|
8488 |
-
/* Timepicker Containers */
|
8489 |
-
.timepicker-modal {
|
8490 |
-
max-width: 325px;
|
8491 |
-
max-height: none;
|
8492 |
-
}
|
8493 |
-
|
8494 |
-
.timepicker-container.modal-content {
|
8495 |
-
display: -webkit-box;
|
8496 |
-
display: -webkit-flex;
|
8497 |
-
display: -ms-flexbox;
|
8498 |
-
display: flex;
|
8499 |
-
-webkit-box-orient: vertical;
|
8500 |
-
-webkit-box-direction: normal;
|
8501 |
-
-webkit-flex-direction: column;
|
8502 |
-
-ms-flex-direction: column;
|
8503 |
-
flex-direction: column;
|
8504 |
-
padding: 0;
|
8505 |
-
}
|
8506 |
-
|
8507 |
-
.text-primary {
|
8508 |
-
color: white;
|
8509 |
-
}
|
8510 |
-
|
8511 |
-
/* Clock Digital Display */
|
8512 |
-
.timepicker-digital-display {
|
8513 |
-
-webkit-box-flex: 1;
|
8514 |
-
-webkit-flex: 1 auto;
|
8515 |
-
-ms-flex: 1 auto;
|
8516 |
-
flex: 1 auto;
|
8517 |
-
background-color: #26a69a;
|
8518 |
-
padding: 10px;
|
8519 |
-
font-weight: 300;
|
8520 |
-
}
|
8521 |
-
|
8522 |
-
.timepicker-text-container {
|
8523 |
-
font-size: 4rem;
|
8524 |
-
font-weight: bold;
|
8525 |
-
text-align: center;
|
8526 |
-
color: rgba(255, 255, 255, 0.6);
|
8527 |
-
font-weight: 400;
|
8528 |
-
position: relative;
|
8529 |
-
-webkit-user-select: none;
|
8530 |
-
-moz-user-select: none;
|
8531 |
-
-ms-user-select: none;
|
8532 |
-
user-select: none;
|
8533 |
-
}
|
8534 |
-
|
8535 |
-
.timepicker-span-hours,
|
8536 |
-
.timepicker-span-minutes,
|
8537 |
-
.timepicker-span-am-pm div {
|
8538 |
-
cursor: pointer;
|
8539 |
-
}
|
8540 |
-
|
8541 |
-
.timepicker-span-hours {
|
8542 |
-
margin-right: 3px;
|
8543 |
-
}
|
8544 |
-
|
8545 |
-
.timepicker-span-minutes {
|
8546 |
-
margin-left: 3px;
|
8547 |
-
}
|
8548 |
-
|
8549 |
-
.timepicker-display-am-pm {
|
8550 |
-
font-size: 1.3rem;
|
8551 |
-
position: absolute;
|
8552 |
-
right: 1rem;
|
8553 |
-
bottom: 1rem;
|
8554 |
-
font-weight: 400;
|
8555 |
-
}
|
8556 |
-
|
8557 |
-
/* Analog Clock Display */
|
8558 |
-
.timepicker-analog-display {
|
8559 |
-
-webkit-box-flex: 2.5;
|
8560 |
-
-webkit-flex: 2.5 auto;
|
8561 |
-
-ms-flex: 2.5 auto;
|
8562 |
-
flex: 2.5 auto;
|
8563 |
-
}
|
8564 |
-
|
8565 |
-
.timepicker-plate {
|
8566 |
-
background-color: #eee;
|
8567 |
-
border-radius: 50%;
|
8568 |
-
width: 270px;
|
8569 |
-
height: 270px;
|
8570 |
-
overflow: visible;
|
8571 |
-
position: relative;
|
8572 |
-
margin: auto;
|
8573 |
-
margin-top: 25px;
|
8574 |
-
margin-bottom: 5px;
|
8575 |
-
-webkit-user-select: none;
|
8576 |
-
-moz-user-select: none;
|
8577 |
-
-ms-user-select: none;
|
8578 |
-
user-select: none;
|
8579 |
-
}
|
8580 |
-
|
8581 |
-
.timepicker-canvas,
|
8582 |
-
.timepicker-dial {
|
8583 |
-
position: absolute;
|
8584 |
-
left: 0;
|
8585 |
-
right: 0;
|
8586 |
-
top: 0;
|
8587 |
-
bottom: 0;
|
8588 |
-
}
|
8589 |
-
|
8590 |
-
.timepicker-minutes {
|
8591 |
-
visibility: hidden;
|
8592 |
-
}
|
8593 |
-
|
8594 |
-
.timepicker-tick {
|
8595 |
-
border-radius: 50%;
|
8596 |
-
color: rgba(0, 0, 0, 0.87);
|
8597 |
-
line-height: 40px;
|
8598 |
-
text-align: center;
|
8599 |
-
width: 40px;
|
8600 |
-
height: 40px;
|
8601 |
-
position: absolute;
|
8602 |
-
cursor: pointer;
|
8603 |
-
font-size: 15px;
|
8604 |
-
}
|
8605 |
-
|
8606 |
-
.timepicker-tick.active,
|
8607 |
-
.timepicker-tick:hover {
|
8608 |
-
background-color: rgba(38, 166, 154, 0.25);
|
8609 |
-
}
|
8610 |
-
|
8611 |
-
.timepicker-dial {
|
8612 |
-
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
|
8613 |
-
transition: opacity 350ms, -webkit-transform 350ms;
|
8614 |
-
transition: transform 350ms, opacity 350ms;
|
8615 |
-
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
|
8616 |
-
}
|
8617 |
-
|
8618 |
-
.timepicker-dial-out {
|
8619 |
-
opacity: 0;
|
8620 |
-
}
|
8621 |
-
|
8622 |
-
.timepicker-dial-out.timepicker-hours {
|
8623 |
-
-webkit-transform: scale(1.1, 1.1);
|
8624 |
-
transform: scale(1.1, 1.1);
|
8625 |
-
}
|
8626 |
-
|
8627 |
-
.timepicker-dial-out.timepicker-minutes {
|
8628 |
-
-webkit-transform: scale(0.8, 0.8);
|
8629 |
-
transform: scale(0.8, 0.8);
|
8630 |
-
}
|
8631 |
-
|
8632 |
-
.timepicker-canvas {
|
8633 |
-
-webkit-transition: opacity 175ms;
|
8634 |
-
transition: opacity 175ms;
|
8635 |
-
}
|
8636 |
-
|
8637 |
-
.timepicker-canvas line {
|
8638 |
-
stroke: #26a69a;
|
8639 |
-
stroke-width: 4;
|
8640 |
-
stroke-linecap: round;
|
8641 |
-
}
|
8642 |
-
|
8643 |
-
.timepicker-canvas-out {
|
8644 |
-
opacity: 0.25;
|
8645 |
-
}
|
8646 |
-
|
8647 |
-
.timepicker-canvas-bearing {
|
8648 |
-
stroke: none;
|
8649 |
-
fill: #26a69a;
|
8650 |
-
}
|
8651 |
-
|
8652 |
-
.timepicker-canvas-bg {
|
8653 |
-
stroke: none;
|
8654 |
-
fill: #26a69a;
|
8655 |
-
}
|
8656 |
-
|
8657 |
-
/* Footer */
|
8658 |
-
.timepicker-footer {
|
8659 |
-
margin: 0 auto;
|
8660 |
-
padding: 5px 1rem;
|
8661 |
-
display: -webkit-box;
|
8662 |
-
display: -webkit-flex;
|
8663 |
-
display: -ms-flexbox;
|
8664 |
-
display: flex;
|
8665 |
-
-webkit-box-pack: justify;
|
8666 |
-
-webkit-justify-content: space-between;
|
8667 |
-
-ms-flex-pack: justify;
|
8668 |
-
justify-content: space-between;
|
8669 |
-
}
|
8670 |
-
|
8671 |
-
.timepicker-clear {
|
8672 |
-
color: #F44336;
|
8673 |
-
}
|
8674 |
-
|
8675 |
-
.timepicker-close {
|
8676 |
-
color: #26a69a;
|
8677 |
-
}
|
8678 |
-
|
8679 |
-
.timepicker-clear,
|
8680 |
-
.timepicker-close {
|
8681 |
-
padding: 0 20px;
|
8682 |
-
}
|
8683 |
-
|
8684 |
-
/* Media Queries */
|
8685 |
-
@media only screen and (min-width: 601px) {
|
8686 |
-
.timepicker-modal {
|
8687 |
-
max-width: 600px;
|
8688 |
-
}
|
8689 |
-
.timepicker-container.modal-content {
|
8690 |
-
-webkit-box-orient: horizontal;
|
8691 |
-
-webkit-box-direction: normal;
|
8692 |
-
-webkit-flex-direction: row;
|
8693 |
-
-ms-flex-direction: row;
|
8694 |
-
flex-direction: row;
|
8695 |
-
}
|
8696 |
-
.timepicker-text-container {
|
8697 |
-
top: 32%;
|
8698 |
-
}
|
8699 |
-
.timepicker-display-am-pm {
|
8700 |
-
position: relative;
|
8701 |
-
right: auto;
|
8702 |
-
bottom: auto;
|
8703 |
-
text-align: center;
|
8704 |
-
margin-top: 1.2rem;
|
8705 |
-
}
|
8706 |
-
}
|
1 |
+
/*!
|
2 |
+
* Materialize v1.0.0 (http://materializecss.com)
|
3 |
+
* Copyright 2014-2017 Materialize
|
4 |
+
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
5 |
+
*/
|
6 |
+
.materialize-red {
|
7 |
+
background-color: #e51c23 !important;
|
8 |
+
}
|
9 |
+
|
10 |
+
.materialize-red-text {
|
11 |
+
color: #e51c23 !important;
|
12 |
+
}
|
13 |
+
|
14 |
+
.materialize-red.lighten-5 {
|
15 |
+
background-color: #fdeaeb !important;
|
16 |
+
}
|
17 |
+
|
18 |
+
.materialize-red-text.text-lighten-5 {
|
19 |
+
color: #fdeaeb !important;
|
20 |
+
}
|
21 |
+
|
22 |
+
.materialize-red.lighten-4 {
|
23 |
+
background-color: #f8c1c3 !important;
|
24 |
+
}
|
25 |
+
|
26 |
+
.materialize-red-text.text-lighten-4 {
|
27 |
+
color: #f8c1c3 !important;
|
28 |
+
}
|
29 |
+
|
30 |
+
.materialize-red.lighten-3 {
|
31 |
+
background-color: #f3989b !important;
|
32 |
+
}
|
33 |
+
|
34 |
+
.materialize-red-text.text-lighten-3 {
|
35 |
+
color: #f3989b !important;
|
36 |
+
}
|
37 |
+
|
38 |
+
.materialize-red.lighten-2 {
|
39 |
+
background-color: #ee6e73 !important;
|
40 |
+
}
|
41 |
+
|
42 |
+
.materialize-red-text.text-lighten-2 {
|
43 |
+
color: #ee6e73 !important;
|
44 |
+
}
|
45 |
+
|
46 |
+
.materialize-red.lighten-1 {
|
47 |
+
background-color: #ea454b !important;
|
48 |
+
}
|
49 |
+
|
50 |
+
.materialize-red-text.text-lighten-1 {
|
51 |
+
color: #ea454b !important;
|
52 |
+
}
|
53 |
+
|
54 |
+
.materialize-red.darken-1 {
|
55 |
+
background-color: #d0181e !important;
|
56 |
+
}
|
57 |
+
|
58 |
+
.materialize-red-text.text-darken-1 {
|
59 |
+
color: #d0181e !important;
|
60 |
+
}
|
61 |
+
|
62 |
+
.materialize-red.darken-2 {
|
63 |
+
background-color: #b9151b !important;
|
64 |
+
}
|
65 |
+
|
66 |
+
.materialize-red-text.text-darken-2 {
|
67 |
+
color: #b9151b !important;
|
68 |
+
}
|
69 |
+
|
70 |
+
.materialize-red.darken-3 {
|
71 |
+
background-color: #a21318 !important;
|
72 |
+
}
|
73 |
+
|
74 |
+
.materialize-red-text.text-darken-3 {
|
75 |
+
color: #a21318 !important;
|
76 |
+
}
|
77 |
+
|
78 |
+
.materialize-red.darken-4 {
|
79 |
+
background-color: #8b1014 !important;
|
80 |
+
}
|
81 |
+
|
82 |
+
.materialize-red-text.text-darken-4 {
|
83 |
+
color: #8b1014 !important;
|
84 |
+
}
|
85 |
+
|
86 |
+
.red {
|
87 |
+
background-color: #F44336 !important;
|
88 |
+
}
|
89 |
+
|
90 |
+
.red-text {
|
91 |
+
color: #F44336 !important;
|
92 |
+
}
|
93 |
+
|
94 |
+
.red.lighten-5 {
|
95 |
+
background-color: #FFEBEE !important;
|
96 |
+
}
|
97 |
+
|
98 |
+
.red-text.text-lighten-5 {
|
99 |
+
color: #FFEBEE !important;
|
100 |
+
}
|
101 |
+
|
102 |
+
.red.lighten-4 {
|
103 |
+
background-color: #FFCDD2 !important;
|
104 |
+
}
|
105 |
+
|
106 |
+
.red-text.text-lighten-4 {
|
107 |
+
color: #FFCDD2 !important;
|
108 |
+
}
|
109 |
+
|
110 |
+
.red.lighten-3 {
|
111 |
+
background-color: #EF9A9A !important;
|
112 |
+
}
|
113 |
+
|
114 |
+
.red-text.text-lighten-3 {
|
115 |
+
color: #EF9A9A !important;
|
116 |
+
}
|
117 |
+
|
118 |
+
.red.lighten-2 {
|
119 |
+
background-color: #E57373 !important;
|
120 |
+
}
|
121 |
+
|
122 |
+
.red-text.text-lighten-2 {
|
123 |
+
color: #E57373 !important;
|
124 |
+
}
|
125 |
+
|
126 |
+
.red.lighten-1 {
|
127 |
+
background-color: #EF5350 !important;
|
128 |
+
}
|
129 |
+
|
130 |
+
.red-text.text-lighten-1 {
|
131 |
+
color: #EF5350 !important;
|
132 |
+
}
|
133 |
+
|
134 |
+
.red.darken-1 {
|
135 |
+
background-color: #E53935 !important;
|
136 |
+
}
|
137 |
+
|
138 |
+
.red-text.text-darken-1 {
|
139 |
+
color: #E53935 !important;
|
140 |
+
}
|
141 |
+
|
142 |
+
.red.darken-2 {
|
143 |
+
background-color: #D32F2F !important;
|
144 |
+
}
|
145 |
+
|
146 |
+
.red-text.text-darken-2 {
|
147 |
+
color: #D32F2F !important;
|
148 |
+
}
|
149 |
+
|
150 |
+
.red.darken-3 {
|
151 |
+
background-color: #C62828 !important;
|
152 |
+
}
|
153 |
+
|
154 |
+
.red-text.text-darken-3 {
|
155 |
+
color: #C62828 !important;
|
156 |
+
}
|
157 |
+
|
158 |
+
.red.darken-4 {
|
159 |
+
background-color: #B71C1C !important;
|
160 |
+
}
|
161 |
+
|
162 |
+
.red-text.text-darken-4 {
|
163 |
+
color: #B71C1C !important;
|
164 |
+
}
|
165 |
+
|
166 |
+
.red.accent-1 {
|
167 |
+
background-color: #FF8A80 !important;
|
168 |
+
}
|
169 |
+
|
170 |
+
.red-text.text-accent-1 {
|
171 |
+
color: #FF8A80 !important;
|
172 |
+
}
|
173 |
+
|
174 |
+
.red.accent-2 {
|
175 |
+
background-color: #FF5252 !important;
|
176 |
+
}
|
177 |
+
|
178 |
+
.red-text.text-accent-2 {
|
179 |
+
color: #FF5252 !important;
|
180 |
+
}
|
181 |
+
|
182 |
+
.red.accent-3 {
|
183 |
+
background-color: #FF1744 !important;
|
184 |
+
}
|
185 |
+
|
186 |
+
.red-text.text-accent-3 {
|
187 |
+
color: #FF1744 !important;
|
188 |
+
}
|
189 |
+
|
190 |
+
.red.accent-4 {
|
191 |
+
background-color: #D50000 !important;
|
192 |
+
}
|
193 |
+
|
194 |
+
.red-text.text-accent-4 {
|
195 |
+
color: #D50000 !important;
|
196 |
+
}
|
197 |
+
|
198 |
+
.pink {
|
199 |
+
background-color: #e91e63 !important;
|
200 |
+
}
|
201 |
+
|
202 |
+
.pink-text {
|
203 |
+
color: #e91e63 !important;
|
204 |
+
}
|
205 |
+
|
206 |
+
.pink.lighten-5 {
|
207 |
+
background-color: #fce4ec !important;
|
208 |
+
}
|
209 |
+
|
210 |
+
.pink-text.text-lighten-5 {
|
211 |
+
color: #fce4ec !important;
|
212 |
+
}
|
213 |
+
|
214 |
+
.pink.lighten-4 {
|
215 |
+
background-color: #f8bbd0 !important;
|
216 |
+
}
|
217 |
+
|
218 |
+
.pink-text.text-lighten-4 {
|
219 |
+
color: #f8bbd0 !important;
|
220 |
+
}
|
221 |
+
|
222 |
+
.pink.lighten-3 {
|
223 |
+
background-color: #f48fb1 !important;
|
224 |
+
}
|
225 |
+
|
226 |
+
.pink-text.text-lighten-3 {
|
227 |
+
color: #f48fb1 !important;
|
228 |
+
}
|
229 |
+
|
230 |
+
.pink.lighten-2 {
|
231 |
+
background-color: #f06292 !important;
|
232 |
+
}
|
233 |
+
|
234 |
+
.pink-text.text-lighten-2 {
|
235 |
+
color: #f06292 !important;
|
236 |
+
}
|
237 |
+
|
238 |
+
.pink.lighten-1 {
|
239 |
+
background-color: #ec407a !important;
|
240 |
+
}
|
241 |
+
|
242 |
+
.pink-text.text-lighten-1 {
|
243 |
+
color: #ec407a !important;
|
244 |
+
}
|
245 |
+
|
246 |
+
.pink.darken-1 {
|
247 |
+
background-color: #d81b60 !important;
|
248 |
+
}
|
249 |
+
|
250 |
+
.pink-text.text-darken-1 {
|
251 |
+
color: #d81b60 !important;
|
252 |
+
}
|
253 |
+
|
254 |
+
.pink.darken-2 {
|
255 |
+
background-color: #c2185b !important;
|
256 |
+
}
|
257 |
+
|
258 |
+
.pink-text.text-darken-2 {
|
259 |
+
color: #c2185b !important;
|
260 |
+
}
|
261 |
+
|
262 |
+
.pink.darken-3 {
|
263 |
+
background-color: #ad1457 !important;
|
264 |
+
}
|
265 |
+
|
266 |
+
.pink-text.text-darken-3 {
|
267 |
+
color: #ad1457 !important;
|
268 |
+
}
|
269 |
+
|
270 |
+
.pink.darken-4 {
|
271 |
+
background-color: #880e4f !important;
|
272 |
+
}
|
273 |
+
|
274 |
+
.pink-text.text-darken-4 {
|
275 |
+
color: #880e4f !important;
|
276 |
+
}
|
277 |
+
|
278 |
+
.pink.accent-1 {
|
279 |
+
background-color: #ff80ab !important;
|
280 |
+
}
|
281 |
+
|
282 |
+
.pink-text.text-accent-1 {
|
283 |
+
color: #ff80ab !important;
|
284 |
+
}
|
285 |
+
|
286 |
+
.pink.accent-2 {
|
287 |
+
background-color: #ff4081 !important;
|
288 |
+
}
|
289 |
+
|
290 |
+
.pink-text.text-accent-2 {
|
291 |
+
color: #ff4081 !important;
|
292 |
+
}
|
293 |
+
|
294 |
+
.pink.accent-3 {
|
295 |
+
background-color: #f50057 !important;
|
296 |
+
}
|
297 |
+
|
298 |
+
.pink-text.text-accent-3 {
|
299 |
+
color: #f50057 !important;
|
300 |
+
}
|
301 |
+
|
302 |
+
.pink.accent-4 {
|
303 |
+
background-color: #c51162 !important;
|
304 |
+
}
|
305 |
+
|
306 |
+
.pink-text.text-accent-4 {
|
307 |
+
color: #c51162 !important;
|
308 |
+
}
|
309 |
+
|
310 |
+
.purple {
|
311 |
+
background-color: #9c27b0 !important;
|
312 |
+
}
|
313 |
+
|
314 |
+
.purple-text {
|
315 |
+
color: #9c27b0 !important;
|
316 |
+
}
|
317 |
+
|
318 |
+
.purple.lighten-5 {
|
319 |
+
background-color: #f3e5f5 !important;
|
320 |
+
}
|
321 |
+
|
322 |
+
.purple-text.text-lighten-5 {
|
323 |
+
color: #f3e5f5 !important;
|
324 |
+
}
|
325 |
+
|
326 |
+
.purple.lighten-4 {
|
327 |
+
background-color: #e1bee7 !important;
|
328 |
+
}
|
329 |
+
|
330 |
+
.purple-text.text-lighten-4 {
|
331 |
+
color: #e1bee7 !important;
|
332 |
+
}
|
333 |
+
|
334 |
+
.purple.lighten-3 {
|
335 |
+
background-color: #ce93d8 !important;
|
336 |
+
}
|
337 |
+
|
338 |
+
.purple-text.text-lighten-3 {
|
339 |
+
color: #ce93d8 !important;
|
340 |
+
}
|
341 |
+
|
342 |
+
.purple.lighten-2 {
|
343 |
+
background-color: #ba68c8 !important;
|
344 |
+
}
|
345 |
+
|
346 |
+
.purple-text.text-lighten-2 {
|
347 |
+
color: #ba68c8 !important;
|
348 |
+
}
|
349 |
+
|
350 |
+
.purple.lighten-1 {
|
351 |
+
background-color: #ab47bc !important;
|
352 |
+
}
|
353 |
+
|
354 |
+
.purple-text.text-lighten-1 {
|
355 |
+
color: #ab47bc !important;
|
356 |
+
}
|
357 |
+
|
358 |
+
.purple.darken-1 {
|
359 |
+
background-color: #8e24aa !important;
|
360 |
+
}
|
361 |
+
|
362 |
+
.purple-text.text-darken-1 {
|
363 |
+
color: #8e24aa !important;
|
364 |
+
}
|
365 |
+
|
366 |
+
.purple.darken-2 {
|
367 |
+
background-color: #7b1fa2 !important;
|
368 |
+
}
|
369 |
+
|
370 |
+
.purple-text.text-darken-2 {
|
371 |
+
color: #7b1fa2 !important;
|
372 |
+
}
|
373 |
+
|
374 |
+
.purple.darken-3 {
|
375 |
+
background-color: #6a1b9a !important;
|
376 |
+
}
|
377 |
+
|
378 |
+
.purple-text.text-darken-3 {
|
379 |
+
color: #6a1b9a !important;
|
380 |
+
}
|
381 |
+
|
382 |
+
.purple.darken-4 {
|
383 |
+
background-color: #4a148c !important;
|
384 |
+
}
|
385 |
+
|
386 |
+
.purple-text.text-darken-4 {
|
387 |
+
color: #4a148c !important;
|
388 |
+
}
|
389 |
+
|
390 |
+
.purple.accent-1 {
|
391 |
+
background-color: #ea80fc !important;
|
392 |
+
}
|
393 |
+
|
394 |
+
.purple-text.text-accent-1 {
|
395 |
+
color: #ea80fc !important;
|
396 |
+
}
|
397 |
+
|
398 |
+
.purple.accent-2 {
|
399 |
+
background-color: #e040fb !important;
|
400 |
+
}
|
401 |
+
|
402 |
+
.purple-text.text-accent-2 {
|
403 |
+
color: #e040fb !important;
|
404 |
+
}
|
405 |
+
|
406 |
+
.purple.accent-3 {
|
407 |
+
background-color: #d500f9 !important;
|
408 |
+
}
|
409 |
+
|
410 |
+
.purple-text.text-accent-3 {
|
411 |
+
color: #d500f9 !important;
|
412 |
+
}
|
413 |
+
|
414 |
+
.purple.accent-4 {
|
415 |
+
background-color: #aa00ff !important;
|
416 |
+
}
|
417 |
+
|
418 |
+
.purple-text.text-accent-4 {
|
419 |
+
color: #aa00ff !important;
|
420 |
+
}
|
421 |
+
|
422 |
+
.deep-purple {
|
423 |
+
background-color: #673ab7 !important;
|
424 |
+
}
|
425 |
+
|
426 |
+
.deep-purple-text {
|
427 |
+
color: #673ab7 !important;
|
428 |
+
}
|
429 |
+
|
430 |
+
.deep-purple.lighten-5 {
|
431 |
+
background-color: #ede7f6 !important;
|
432 |
+
}
|
433 |
+
|
434 |
+
.deep-purple-text.text-lighten-5 {
|
435 |
+
color: #ede7f6 !important;
|
436 |
+
}
|
437 |
+
|
438 |
+
.deep-purple.lighten-4 {
|
439 |
+
background-color: #d1c4e9 !important;
|
440 |
+
}
|
441 |
+
|
442 |
+
.deep-purple-text.text-lighten-4 {
|
443 |
+
color: #d1c4e9 !important;
|
444 |
+
}
|
445 |
+
|
446 |
+
.deep-purple.lighten-3 {
|
447 |
+
background-color: #b39ddb !important;
|
448 |
+
}
|
449 |
+
|
450 |
+
.deep-purple-text.text-lighten-3 {
|
451 |
+
color: #b39ddb !important;
|
452 |
+
}
|
453 |
+
|
454 |
+
.deep-purple.lighten-2 {
|
455 |
+
background-color: #9575cd !important;
|
456 |
+
}
|
457 |
+
|
458 |
+
.deep-purple-text.text-lighten-2 {
|
459 |
+
color: #9575cd !important;
|
460 |
+
}
|
461 |
+
|
462 |
+
.deep-purple.lighten-1 {
|
463 |
+
background-color: #7e57c2 !important;
|
464 |
+
}
|
465 |
+
|
466 |
+
.deep-purple-text.text-lighten-1 {
|
467 |
+
color: #7e57c2 !important;
|
468 |
+
}
|
469 |
+
|
470 |
+
.deep-purple.darken-1 {
|
471 |
+
background-color: #5e35b1 !important;
|
472 |
+
}
|
473 |
+
|
474 |
+
.deep-purple-text.text-darken-1 {
|
475 |
+
color: #5e35b1 !important;
|
476 |
+
}
|
477 |
+
|
478 |
+
.deep-purple.darken-2 {
|
479 |
+
background-color: #512da8 !important;
|
480 |
+
}
|
481 |
+
|
482 |
+
.deep-purple-text.text-darken-2 {
|
483 |
+
color: #512da8 !important;
|
484 |
+
}
|
485 |
+
|
486 |
+
.deep-purple.darken-3 {
|
487 |
+
background-color: #4527a0 !important;
|
488 |
+
}
|
489 |
+
|
490 |
+
.deep-purple-text.text-darken-3 {
|
491 |
+
color: #4527a0 !important;
|
492 |
+
}
|
493 |
+
|
494 |
+
.deep-purple.darken-4 {
|
495 |
+
background-color: #311b92 !important;
|
496 |
+
}
|
497 |
+
|
498 |
+
.deep-purple-text.text-darken-4 {
|
499 |
+
color: #311b92 !important;
|
500 |
+
}
|
501 |
+
|
502 |
+
.deep-purple.accent-1 {
|
503 |
+
background-color: #b388ff !important;
|
504 |
+
}
|
505 |
+
|
506 |
+
.deep-purple-text.text-accent-1 {
|
507 |
+
color: #b388ff !important;
|
508 |
+
}
|
509 |
+
|
510 |
+
.deep-purple.accent-2 {
|
511 |
+
background-color: #7c4dff !important;
|
512 |
+
}
|
513 |
+
|
514 |
+
.deep-purple-text.text-accent-2 {
|
515 |
+
color: #7c4dff !important;
|
516 |
+
}
|
517 |
+
|
518 |
+
.deep-purple.accent-3 {
|
519 |
+
background-color: #651fff !important;
|
520 |
+
}
|
521 |
+
|
522 |
+
.deep-purple-text.text-accent-3 {
|
523 |
+
color: #651fff !important;
|
524 |
+
}
|
525 |
+
|
526 |
+
.deep-purple.accent-4 {
|
527 |
+
background-color: #6200ea !important;
|
528 |
+
}
|
529 |
+
|
530 |
+
.deep-purple-text.text-accent-4 {
|
531 |
+
color: #6200ea !important;
|
532 |
+
}
|
533 |
+
|
534 |
+
.indigo {
|
535 |
+
background-color: #3f51b5 !important;
|
536 |
+
}
|
537 |
+
|
538 |
+
.indigo-text {
|
539 |
+
color: #3f51b5 !important;
|
540 |
+
}
|
541 |
+
|
542 |
+
.indigo.lighten-5 {
|
543 |
+
background-color: #e8eaf6 !important;
|
544 |
+
}
|
545 |
+
|
546 |
+
.indigo-text.text-lighten-5 {
|
547 |
+
color: #e8eaf6 !important;
|
548 |
+
}
|
549 |
+
|
550 |
+
.indigo.lighten-4 {
|
551 |
+
background-color: #c5cae9 !important;
|
552 |
+
}
|
553 |
+
|
554 |
+
.indigo-text.text-lighten-4 {
|
555 |
+
color: #c5cae9 !important;
|
556 |
+
}
|
557 |
+
|
558 |
+
.indigo.lighten-3 {
|
559 |
+
background-color: #9fa8da !important;
|
560 |
+
}
|
561 |
+
|
562 |
+
.indigo-text.text-lighten-3 {
|
563 |
+
color: #9fa8da !important;
|
564 |
+
}
|
565 |
+
|
566 |
+
.indigo.lighten-2 {
|
567 |
+
background-color: #7986cb !important;
|
568 |
+
}
|
569 |
+
|
570 |
+
.indigo-text.text-lighten-2 {
|
571 |
+
color: #7986cb !important;
|
572 |
+
}
|
573 |
+
|
574 |
+
.indigo.lighten-1 {
|
575 |
+
background-color: #5c6bc0 !important;
|
576 |
+
}
|
577 |
+
|
578 |
+
.indigo-text.text-lighten-1 {
|
579 |
+
color: #5c6bc0 !important;
|
580 |
+
}
|
581 |
+
|
582 |
+
.indigo.darken-1 {
|
583 |
+
background-color: #3949ab !important;
|
584 |
+
}
|
585 |
+
|
586 |
+
.indigo-text.text-darken-1 {
|
587 |
+
color: #3949ab !important;
|
588 |
+
}
|
589 |
+
|
590 |
+
.indigo.darken-2 {
|
591 |
+
background-color: #303f9f !important;
|
592 |
+
}
|
593 |
+
|
594 |
+
.indigo-text.text-darken-2 {
|
595 |
+
color: #303f9f !important;
|
596 |
+
}
|
597 |
+
|
598 |
+
.indigo.darken-3 {
|
599 |
+
background-color: #283593 !important;
|
600 |
+
}
|
601 |
+
|
602 |
+
.indigo-text.text-darken-3 {
|
603 |
+
color: #283593 !important;
|
604 |
+
}
|
605 |
+
|
606 |
+
.indigo.darken-4 {
|
607 |
+
background-color: #1a237e !important;
|
608 |
+
}
|
609 |
+
|
610 |
+
.indigo-text.text-darken-4 {
|
611 |
+
color: #1a237e !important;
|
612 |
+
}
|
613 |
+
|
614 |
+
.indigo.accent-1 {
|
615 |
+
background-color: #8c9eff !important;
|
616 |
+
}
|
617 |
+
|
618 |
+
.indigo-text.text-accent-1 {
|
619 |
+
color: #8c9eff !important;
|
620 |
+
}
|
621 |
+
|
622 |
+
.indigo.accent-2 {
|
623 |
+
background-color: #536dfe !important;
|
624 |
+
}
|
625 |
+
|
626 |
+
.indigo-text.text-accent-2 {
|
627 |
+
color: #536dfe !important;
|
628 |
+
}
|
629 |
+
|
630 |
+
.indigo.accent-3 {
|
631 |
+
background-color: #3d5afe !important;
|
632 |
+
}
|
633 |
+
|
634 |
+
.indigo-text.text-accent-3 {
|
635 |
+
color: #3d5afe !important;
|
636 |
+
}
|
637 |
+
|
638 |
+
.indigo.accent-4 {
|
639 |
+
background-color: #304ffe !important;
|
640 |
+
}
|
641 |
+
|
642 |
+
.indigo-text.text-accent-4 {
|
643 |
+
color: #304ffe !important;
|
644 |
+
}
|
645 |
+
|
646 |
+
.blue {
|
647 |
+
background-color: #2196F3 !important;
|
648 |
+
}
|
649 |
+
|
650 |
+
.blue-text {
|
651 |
+
color: #2196F3 !important;
|
652 |
+
}
|
653 |
+
|
654 |
+
.blue.lighten-5 {
|
655 |
+
background-color: #E3F2FD !important;
|
656 |
+
}
|
657 |
+
|
658 |
+
.blue-text.text-lighten-5 {
|
659 |
+
color: #E3F2FD !important;
|
660 |
+
}
|
661 |
+
|
662 |
+
.blue.lighten-4 {
|
663 |
+
background-color: #BBDEFB !important;
|
664 |
+
}
|
665 |
+
|
666 |
+
.blue-text.text-lighten-4 {
|
667 |
+
color: #BBDEFB !important;
|
668 |
+
}
|
669 |
+
|
670 |
+
.blue.lighten-3 {
|
671 |
+
background-color: #90CAF9 !important;
|
672 |
+
}
|
673 |
+
|
674 |
+
.blue-text.text-lighten-3 {
|
675 |
+
color: #90CAF9 !important;
|
676 |
+
}
|
677 |
+
|
678 |
+
.blue.lighten-2 {
|
679 |
+
background-color: #64B5F6 !important;
|
680 |
+
}
|
681 |
+
|
682 |
+
.blue-text.text-lighten-2 {
|
683 |
+
color: #64B5F6 !important;
|
684 |
+
}
|
685 |
+
|
686 |
+
.blue.lighten-1 {
|
687 |
+
background-color: #42A5F5 !important;
|
688 |
+
}
|
689 |
+
|
690 |
+
.blue-text.text-lighten-1 {
|
691 |
+
color: #42A5F5 !important;
|
692 |
+
}
|
693 |
+
|
694 |
+
.blue.darken-1 {
|
695 |
+
background-color: #1E88E5 !important;
|
696 |
+
}
|
697 |
+
|
698 |
+
.blue-text.text-darken-1 {
|
699 |
+
color: #1E88E5 !important;
|
700 |
+
}
|
701 |
+
|
702 |
+
.blue.darken-2 {
|
703 |
+
background-color: #1976D2 !important;
|
704 |
+
}
|
705 |
+
|
706 |
+
.blue-text.text-darken-2 {
|
707 |
+
color: #1976D2 !important;
|
708 |
+
}
|
709 |
+
|
710 |
+
.blue.darken-3 {
|
711 |
+
background-color: #1565C0 !important;
|
712 |
+
}
|
713 |
+
|
714 |
+
.blue-text.text-darken-3 {
|
715 |
+
color: #1565C0 !important;
|
716 |
+
}
|
717 |
+
|
718 |
+
.blue.darken-4 {
|
719 |
+
background-color: #0D47A1 !important;
|
720 |
+
}
|
721 |
+
|
722 |
+
.blue-text.text-darken-4 {
|
723 |
+
color: #0D47A1 !important;
|
724 |
+
}
|
725 |
+
|
726 |
+
.blue.accent-1 {
|
727 |
+
background-color: #82B1FF !important;
|
728 |
+
}
|
729 |
+
|
730 |
+
.blue-text.text-accent-1 {
|
731 |
+
color: #82B1FF !important;
|
732 |
+
}
|
733 |
+
|
734 |
+
.blue.accent-2 {
|
735 |
+
background-color: #448AFF !important;
|
736 |
+
}
|
737 |
+
|
738 |
+
.blue-text.text-accent-2 {
|
739 |
+
color: #448AFF !important;
|
740 |
+
}
|
741 |
+
|
742 |
+
.blue.accent-3 {
|
743 |
+
background-color: #2979FF !important;
|
744 |
+
}
|
745 |
+
|
746 |
+
.blue-text.text-accent-3 {
|
747 |
+
color: #2979FF !important;
|
748 |
+
}
|
749 |
+
|
750 |
+
.blue.accent-4 {
|
751 |
+
background-color: #2962FF !important;
|
752 |
+
}
|
753 |
+
|
754 |
+
.blue-text.text-accent-4 {
|
755 |
+
color: #2962FF !important;
|
756 |
+
}
|
757 |
+
|
758 |
+
.light-blue {
|
759 |
+
background-color: #03a9f4 !important;
|
760 |
+
}
|
761 |
+
|
762 |
+
.light-blue-text {
|
763 |
+
color: #03a9f4 !important;
|
764 |
+
}
|
765 |
+
|
766 |
+
.light-blue.lighten-5 {
|
767 |
+
background-color: #e1f5fe !important;
|
768 |
+
}
|
769 |
+
|
770 |
+
.light-blue-text.text-lighten-5 {
|
771 |
+
color: #e1f5fe !important;
|
772 |
+
}
|
773 |
+
|
774 |
+
.light-blue.lighten-4 {
|
775 |
+
background-color: #b3e5fc !important;
|
776 |
+
}
|
777 |
+
|
778 |
+
.light-blue-text.text-lighten-4 {
|
779 |
+
color: #b3e5fc !important;
|
780 |
+
}
|
781 |
+
|
782 |
+
.light-blue.lighten-3 {
|
783 |
+
background-color: #81d4fa !important;
|
784 |
+
}
|
785 |
+
|
786 |
+
.light-blue-text.text-lighten-3 {
|
787 |
+
color: #81d4fa !important;
|
788 |
+
}
|
789 |
+
|
790 |
+
.light-blue.lighten-2 {
|
791 |
+
background-color: #4fc3f7 !important;
|
792 |
+
}
|
793 |
+
|
794 |
+
.light-blue-text.text-lighten-2 {
|
795 |
+
color: #4fc3f7 !important;
|
796 |
+
}
|
797 |
+
|
798 |
+
.light-blue.lighten-1 {
|
799 |
+
background-color: #29b6f6 !important;
|
800 |
+
}
|
801 |
+
|
802 |
+
.light-blue-text.text-lighten-1 {
|
803 |
+
color: #29b6f6 !important;
|
804 |
+
}
|
805 |
+
|
806 |
+
.light-blue.darken-1 {
|
807 |
+
background-color: #039be5 !important;
|
808 |
+
}
|
809 |
+
|
810 |
+
.light-blue-text.text-darken-1 {
|
811 |
+
color: #039be5 !important;
|
812 |
+
}
|
813 |
+
|
814 |
+
.light-blue.darken-2 {
|
815 |
+
background-color: #0288d1 !important;
|
816 |
+
}
|
817 |
+
|
818 |
+
.light-blue-text.text-darken-2 {
|
819 |
+
color: #0288d1 !important;
|
820 |
+
}
|
821 |
+
|
822 |
+
.light-blue.darken-3 {
|
823 |
+
background-color: #0277bd !important;
|
824 |
+
}
|
825 |
+
|
826 |
+
.light-blue-text.text-darken-3 {
|
827 |
+
color: #0277bd !important;
|
828 |
+
}
|
829 |
+
|
830 |
+
.light-blue.darken-4 {
|
831 |
+
background-color: #01579b !important;
|
832 |
+
}
|
833 |
+
|
834 |
+
.light-blue-text.text-darken-4 {
|
835 |
+
color: #01579b !important;
|
836 |
+
}
|
837 |
+
|
838 |
+
.light-blue.accent-1 {
|
839 |
+
background-color: #80d8ff !important;
|
840 |
+
}
|
841 |
+
|
842 |
+
.light-blue-text.text-accent-1 {
|
843 |
+
color: #80d8ff !important;
|
844 |
+
}
|
845 |
+
|
846 |
+
.light-blue.accent-2 {
|
847 |
+
background-color: #40c4ff !important;
|
848 |
+
}
|
849 |
+
|
850 |
+
.light-blue-text.text-accent-2 {
|
851 |
+
color: #40c4ff !important;
|
852 |
+
}
|
853 |
+
|
854 |
+
.light-blue.accent-3 {
|
855 |
+
background-color: #00b0ff !important;
|
856 |
+
}
|
857 |
+
|
858 |
+
.light-blue-text.text-accent-3 {
|
859 |
+
color: #00b0ff !important;
|
860 |
+
}
|
861 |
+
|
862 |
+
.light-blue.accent-4 {
|
863 |
+
background-color: #0091ea !important;
|
864 |
+
}
|
865 |
+
|
866 |
+
.light-blue-text.text-accent-4 {
|
867 |
+
color: #0091ea !important;
|
868 |
+
}
|
869 |
+
|
870 |
+
.cyan {
|
871 |
+
background-color: #00bcd4 !important;
|
872 |
+
}
|
873 |
+
|
874 |
+
.cyan-text {
|
875 |
+
color: #00bcd4 !important;
|
876 |
+
}
|
877 |
+
|
878 |
+
.cyan.lighten-5 {
|
879 |
+
background-color: #e0f7fa !important;
|
880 |
+
}
|
881 |
+
|
882 |
+
.cyan-text.text-lighten-5 {
|
883 |
+
color: #e0f7fa !important;
|
884 |
+
}
|
885 |
+
|
886 |
+
.cyan.lighten-4 {
|
887 |
+
background-color: #b2ebf2 !important;
|
888 |
+
}
|
889 |
+
|
890 |
+
.cyan-text.text-lighten-4 {
|
891 |
+
color: #b2ebf2 !important;
|
892 |
+
}
|
893 |
+
|
894 |
+
.cyan.lighten-3 {
|
895 |
+
background-color: #80deea !important;
|
896 |
+
}
|
897 |
+
|
898 |
+
.cyan-text.text-lighten-3 {
|
899 |
+
color: #80deea !important;
|
900 |
+
}
|
901 |
+
|
902 |
+
.cyan.lighten-2 {
|
903 |
+
background-color: #4dd0e1 !important;
|
904 |
+
}
|
905 |
+
|
906 |
+
.cyan-text.text-lighten-2 {
|
907 |
+
color: #4dd0e1 !important;
|
908 |
+
}
|
909 |
+
|
910 |
+
.cyan.lighten-1 {
|
911 |
+
background-color: #26c6da !important;
|
912 |
+
}
|
913 |
+
|
914 |
+
.cyan-text.text-lighten-1 {
|
915 |
+
color: #26c6da !important;
|
916 |
+
}
|
917 |
+
|
918 |
+
.cyan.darken-1 {
|
919 |
+
background-color: #00acc1 !important;
|
920 |
+
}
|
921 |
+
|
922 |
+
.cyan-text.text-darken-1 {
|
923 |
+
color: #00acc1 !important;
|
924 |
+
}
|
925 |
+
|
926 |
+
.cyan.darken-2 {
|
927 |
+
background-color: #0097a7 !important;
|
928 |
+
}
|
929 |
+
|
930 |
+
.cyan-text.text-darken-2 {
|
931 |
+
color: #0097a7 !important;
|
932 |
+
}
|
933 |
+
|
934 |
+
.cyan.darken-3 {
|
935 |
+
background-color: #00838f !important;
|
936 |
+
}
|
937 |
+
|
938 |
+
.cyan-text.text-darken-3 {
|
939 |
+
color: #00838f !important;
|
940 |
+
}
|
941 |
+
|
942 |
+
.cyan.darken-4 {
|
943 |
+
background-color: #006064 !important;
|
944 |
+
}
|
945 |
+
|
946 |
+
.cyan-text.text-darken-4 {
|
947 |
+
color: #006064 !important;
|
948 |
+
}
|
949 |
+
|
950 |
+
.cyan.accent-1 {
|
951 |
+
background-color: #84ffff !important;
|
952 |
+
}
|
953 |
+
|
954 |
+
.cyan-text.text-accent-1 {
|
955 |
+
color: #84ffff !important;
|
956 |
+
}
|
957 |
+
|
958 |
+
.cyan.accent-2 {
|
959 |
+
background-color: #18ffff !important;
|
960 |
+
}
|
961 |
+
|
962 |
+
.cyan-text.text-accent-2 {
|
963 |
+
color: #18ffff !important;
|
964 |
+
}
|
965 |
+
|
966 |
+
.cyan.accent-3 {
|
967 |
+
background-color: #00e5ff !important;
|
968 |
+
}
|
969 |
+
|
970 |
+
.cyan-text.text-accent-3 {
|
971 |
+
color: #00e5ff !important;
|
972 |
+
}
|
973 |
+
|
974 |
+
.cyan.accent-4 {
|
975 |
+
background-color: #00b8d4 !important;
|
976 |
+
}
|
977 |
+
|
978 |
+
.cyan-text.text-accent-4 {
|
979 |
+
color: #00b8d4 !important;
|
980 |
+
}
|
981 |
+
|
982 |
+
.teal {
|
983 |
+
background-color: #009688 !important;
|
984 |
+
}
|
985 |
+
|
986 |
+
.teal-text {
|
987 |
+
color: #009688 !important;
|
988 |
+
}
|
989 |
+
|
990 |
+
.teal.lighten-5 {
|
991 |
+
background-color: #e0f2f1 !important;
|
992 |
+
}
|
993 |
+
|
994 |
+
.teal-text.text-lighten-5 {
|
995 |
+
color: #e0f2f1 !important;
|
996 |
+
}
|
997 |
+
|
998 |
+
.teal.lighten-4 {
|
999 |
+
background-color: #b2dfdb !important;
|
1000 |
+
}
|
1001 |
+
|
1002 |
+
.teal-text.text-lighten-4 {
|
1003 |
+
color: #b2dfdb !important;
|
1004 |
+
}
|
1005 |
+
|
1006 |
+
.teal.lighten-3 {
|
1007 |
+
background-color: #80cbc4 !important;
|
1008 |
+
}
|
1009 |
+
|
1010 |
+
.teal-text.text-lighten-3 {
|
1011 |
+
color: #80cbc4 !important;
|
1012 |
+
}
|
1013 |
+
|
1014 |
+
.teal.lighten-2 {
|
1015 |
+
background-color: #4db6ac !important;
|
1016 |
+
}
|
1017 |
+
|
1018 |
+
.teal-text.text-lighten-2 {
|
1019 |
+
color: #4db6ac !important;
|
1020 |
+
}
|
1021 |
+
|
1022 |
+
.teal.lighten-1 {
|
1023 |
+
background-color: #26a69a !important;
|
1024 |
+
}
|
1025 |
+
|
1026 |
+
.teal-text.text-lighten-1 {
|
1027 |
+
color: #26a69a !important;
|
1028 |
+
}
|
1029 |
+
|
1030 |
+
.teal.darken-1 {
|
1031 |
+
background-color: #00897b !important;
|
1032 |
+
}
|
1033 |
+
|
1034 |
+
.teal-text.text-darken-1 {
|
1035 |
+
color: #00897b !important;
|
1036 |
+
}
|
1037 |
+
|
1038 |
+
.teal.darken-2 {
|
1039 |
+
background-color: #00796b !important;
|
1040 |
+
}
|
1041 |
+
|
1042 |
+
.teal-text.text-darken-2 {
|
1043 |
+
color: #00796b !important;
|
1044 |
+
}
|
1045 |
+
|
1046 |
+
.teal.darken-3 {
|
1047 |
+
background-color: #00695c !important;
|
1048 |
+
}
|
1049 |
+
|
1050 |
+
.teal-text.text-darken-3 {
|
1051 |
+
color: #00695c !important;
|
1052 |
+
}
|
1053 |
+
|
1054 |
+
.teal.darken-4 {
|
1055 |
+
background-color: #004d40 !important;
|
1056 |
+
}
|
1057 |
+
|
1058 |
+
.teal-text.text-darken-4 {
|
1059 |
+
color: #004d40 !important;
|
1060 |
+
}
|
1061 |
+
|
1062 |
+
.teal.accent-1 {
|
1063 |
+
background-color: #a7ffeb !important;
|
1064 |
+
}
|
1065 |
+
|
1066 |
+
.teal-text.text-accent-1 {
|
1067 |
+
color: #a7ffeb !important;
|
1068 |
+
}
|
1069 |
+
|
1070 |
+
.teal.accent-2 {
|
1071 |
+
background-color: #64ffda !important;
|
1072 |
+
}
|
1073 |
+
|
1074 |
+
.teal-text.text-accent-2 {
|
1075 |
+
color: #64ffda !important;
|
1076 |
+
}
|
1077 |
+
|
1078 |
+
.teal.accent-3 {
|
1079 |
+
background-color: #1de9b6 !important;
|
1080 |
+
}
|
1081 |
+
|
1082 |
+
.teal-text.text-accent-3 {
|
1083 |
+
color: #1de9b6 !important;
|
1084 |
+
}
|
1085 |
+
|
1086 |
+
.teal.accent-4 {
|
1087 |
+
background-color: #00bfa5 !important;
|
1088 |
+
}
|
1089 |
+
|
1090 |
+
.teal-text.text-accent-4 {
|
1091 |
+
color: #00bfa5 !important;
|
1092 |
+
}
|
1093 |
+
|
1094 |
+
.green {
|
1095 |
+
background-color: #4CAF50 !important;
|
1096 |
+
}
|
1097 |
+
|
1098 |
+
.green-text {
|
1099 |
+
color: #4CAF50 !important;
|
1100 |
+
}
|
1101 |
+
|
1102 |
+
.green.lighten-5 {
|
1103 |
+
background-color: #E8F5E9 !important;
|
1104 |
+
}
|
1105 |
+
|
1106 |
+
.green-text.text-lighten-5 {
|
1107 |
+
color: #E8F5E9 !important;
|
1108 |
+
}
|
1109 |
+
|
1110 |
+
.green.lighten-4 {
|
1111 |
+
background-color: #C8E6C9 !important;
|
1112 |
+
}
|
1113 |
+
|
1114 |
+
.green-text.text-lighten-4 {
|
1115 |
+
color: #C8E6C9 !important;
|
1116 |
+
}
|
1117 |
+
|
1118 |
+
.green.lighten-3 {
|
1119 |
+
background-color: #A5D6A7 !important;
|
1120 |
+
}
|
1121 |
+
|
1122 |
+
.green-text.text-lighten-3 {
|
1123 |
+
color: #A5D6A7 !important;
|
1124 |
+
}
|
1125 |
+
|
1126 |
+
.green.lighten-2 {
|
1127 |
+
background-color: #81C784 !important;
|
1128 |
+
}
|
1129 |
+
|
1130 |
+
.green-text.text-lighten-2 {
|
1131 |
+
color: #81C784 !important;
|
1132 |
+
}
|
1133 |
+
|
1134 |
+
.green.lighten-1 {
|
1135 |
+
background-color: #66BB6A !important;
|
1136 |
+
}
|
1137 |
+
|
1138 |
+
.green-text.text-lighten-1 {
|
1139 |
+
color: #66BB6A !important;
|
1140 |
+
}
|
1141 |
+
|
1142 |
+
.green.darken-1 {
|
1143 |
+
background-color: #43A047 !important;
|
1144 |
+
}
|
1145 |
+
|
1146 |
+
.green-text.text-darken-1 {
|
1147 |
+
color: #43A047 !important;
|
1148 |
+
}
|
1149 |
+
|
1150 |
+
.green.darken-2 {
|
1151 |
+
background-color: #388E3C !important;
|
1152 |
+
}
|
1153 |
+
|
1154 |
+
.green-text.text-darken-2 {
|
1155 |
+
color: #388E3C !important;
|
1156 |
+
}
|
1157 |
+
|
1158 |
+
.green.darken-3 {
|
1159 |
+
background-color: #2E7D32 !important;
|
1160 |
+
}
|
1161 |
+
|
1162 |
+
.green-text.text-darken-3 {
|
1163 |
+
color: #2E7D32 !important;
|
1164 |
+
}
|
1165 |
+
|
1166 |
+
.green.darken-4 {
|
1167 |
+
background-color: #1B5E20 !important;
|
1168 |
+
}
|
1169 |
+
|
1170 |
+
.green-text.text-darken-4 {
|
1171 |
+
color: #1B5E20 !important;
|
1172 |
+
}
|
1173 |
+
|
1174 |
+
.green.accent-1 {
|
1175 |
+
background-color: #B9F6CA !important;
|
1176 |
+
}
|
1177 |
+
|
1178 |
+
.green-text.text-accent-1 {
|
1179 |
+
color: #B9F6CA !important;
|
1180 |
+
}
|
1181 |
+
|
1182 |
+
.green.accent-2 {
|
1183 |
+
background-color: #69F0AE !important;
|
1184 |
+
}
|
1185 |
+
|
1186 |
+
.green-text.text-accent-2 {
|
1187 |
+
color: #69F0AE !important;
|
1188 |
+
}
|
1189 |
+
|
1190 |
+
.green.accent-3 {
|
1191 |
+
background-color: #00E676 !important;
|
1192 |
+
}
|
1193 |
+
|
1194 |
+
.green-text.text-accent-3 {
|
1195 |
+
color: #00E676 !important;
|
1196 |
+
}
|
1197 |
+
|
1198 |
+
.green.accent-4 {
|
1199 |
+
background-color: #00C853 !important;
|
1200 |
+
}
|
1201 |
+
|
1202 |
+
.green-text.text-accent-4 {
|
1203 |
+
color: #00C853 !important;
|
1204 |
+
}
|
1205 |
+
|
1206 |
+
.light-green {
|
1207 |
+
background-color: #8bc34a !important;
|
1208 |
+
}
|
1209 |
+
|
1210 |
+
.light-green-text {
|
1211 |
+
color: #8bc34a !important;
|
1212 |
+
}
|
1213 |
+
|
1214 |
+
.light-green.lighten-5 {
|
1215 |
+
background-color: #f1f8e9 !important;
|
1216 |
+
}
|
1217 |
+
|
1218 |
+
.light-green-text.text-lighten-5 {
|
1219 |
+
color: #f1f8e9 !important;
|
1220 |
+
}
|
1221 |
+
|
1222 |
+
.light-green.lighten-4 {
|
1223 |
+
background-color: #dcedc8 !important;
|
1224 |
+
}
|
1225 |
+
|
1226 |
+
.light-green-text.text-lighten-4 {
|
1227 |
+
color: #dcedc8 !important;
|
1228 |
+
}
|
1229 |
+
|
1230 |
+
.light-green.lighten-3 {
|
1231 |
+
background-color: #c5e1a5 !important;
|
1232 |
+
}
|
1233 |
+
|
1234 |
+
.light-green-text.text-lighten-3 {
|
1235 |
+
color: #c5e1a5 !important;
|
1236 |
+
}
|
1237 |
+
|
1238 |
+
.light-green.lighten-2 {
|
1239 |
+
background-color: #aed581 !important;
|
1240 |
+
}
|
1241 |
+
|
1242 |
+
.light-green-text.text-lighten-2 {
|
1243 |
+
color: #aed581 !important;
|
1244 |
+
}
|
1245 |
+
|
1246 |
+
.light-green.lighten-1 {
|
1247 |
+
background-color: #9ccc65 !important;
|
1248 |
+
}
|
1249 |
+
|
1250 |
+
.light-green-text.text-lighten-1 {
|
1251 |
+
color: #9ccc65 !important;
|
1252 |
+
}
|
1253 |
+
|
1254 |
+
.light-green.darken-1 {
|
1255 |
+
background-color: #7cb342 !important;
|
1256 |
+
}
|
1257 |
+
|
1258 |
+
.light-green-text.text-darken-1 {
|
1259 |
+
color: #7cb342 !important;
|
1260 |
+
}
|
1261 |
+
|
1262 |
+
.light-green.darken-2 {
|
1263 |
+
background-color: #689f38 !important;
|
1264 |
+
}
|
1265 |
+
|
1266 |
+
.light-green-text.text-darken-2 {
|
1267 |
+
color: #689f38 !important;
|
1268 |
+
}
|
1269 |
+
|
1270 |
+
.light-green.darken-3 {
|
1271 |
+
background-color: #558b2f !important;
|
1272 |
+
}
|
1273 |
+
|
1274 |
+
.light-green-text.text-darken-3 {
|
1275 |
+
color: #558b2f !important;
|
1276 |
+
}
|
1277 |
+
|
1278 |
+
.light-green.darken-4 {
|
1279 |
+
background-color: #33691e !important;
|
1280 |
+
}
|
1281 |
+
|
1282 |
+
.light-green-text.text-darken-4 {
|
1283 |
+
color: #33691e !important;
|
1284 |
+
}
|
1285 |
+
|
1286 |
+
.light-green.accent-1 {
|
1287 |
+
background-color: #ccff90 !important;
|
1288 |
+
}
|
1289 |
+
|
1290 |
+
.light-green-text.text-accent-1 {
|
1291 |
+
color: #ccff90 !important;
|
1292 |
+
}
|
1293 |
+
|
1294 |
+
.light-green.accent-2 {
|
1295 |
+
background-color: #b2ff59 !important;
|
1296 |
+
}
|
1297 |
+
|
1298 |
+
.light-green-text.text-accent-2 {
|
1299 |
+
color: #b2ff59 !important;
|
1300 |
+
}
|
1301 |
+
|
1302 |
+
.light-green.accent-3 {
|
1303 |
+
background-color: #76ff03 !important;
|
1304 |
+
}
|
1305 |
+
|
1306 |
+
.light-green-text.text-accent-3 {
|
1307 |
+
color: #76ff03 !important;
|
1308 |
+
}
|
1309 |
+
|
1310 |
+
.light-green.accent-4 {
|
1311 |
+
background-color: #64dd17 !important;
|
1312 |
+
}
|
1313 |
+
|
1314 |
+
.light-green-text.text-accent-4 {
|
1315 |
+
color: #64dd17 !important;
|
1316 |
+
}
|
1317 |
+
|
1318 |
+
.lime {
|
1319 |
+
background-color: #cddc39 !important;
|
1320 |
+
}
|
1321 |
+
|
1322 |
+
.lime-text {
|
1323 |
+
color: #cddc39 !important;
|
1324 |
+
}
|
1325 |
+
|
1326 |
+
.lime.lighten-5 {
|
1327 |
+
background-color: #f9fbe7 !important;
|
1328 |
+
}
|
1329 |
+
|
1330 |
+
.lime-text.text-lighten-5 {
|
1331 |
+
color: #f9fbe7 !important;
|
1332 |
+
}
|
1333 |
+
|
1334 |
+
.lime.lighten-4 {
|
1335 |
+
background-color: #f0f4c3 !important;
|
1336 |
+
}
|
1337 |
+
|
1338 |
+
.lime-text.text-lighten-4 {
|
1339 |
+
color: #f0f4c3 !important;
|
1340 |
+
}
|
1341 |
+
|
1342 |
+
.lime.lighten-3 {
|
1343 |
+
background-color: #e6ee9c !important;
|
1344 |
+
}
|
1345 |
+
|
1346 |
+
.lime-text.text-lighten-3 {
|
1347 |
+
color: #e6ee9c !important;
|
1348 |
+
}
|
1349 |
+
|
1350 |
+
.lime.lighten-2 {
|
1351 |
+
background-color: #dce775 !important;
|
1352 |
+
}
|
1353 |
+
|
1354 |
+
.lime-text.text-lighten-2 {
|
1355 |
+
color: #dce775 !important;
|
1356 |
+
}
|
1357 |
+
|
1358 |
+
.lime.lighten-1 {
|
1359 |
+
background-color: #d4e157 !important;
|
1360 |
+
}
|
1361 |
+
|
1362 |
+
.lime-text.text-lighten-1 {
|
1363 |
+
color: #d4e157 !important;
|
1364 |
+
}
|
1365 |
+
|
1366 |
+
.lime.darken-1 {
|
1367 |
+
background-color: #c0ca33 !important;
|
1368 |
+
}
|
1369 |
+
|
1370 |
+
.lime-text.text-darken-1 {
|
1371 |
+
color: #c0ca33 !important;
|
1372 |
+
}
|
1373 |
+
|
1374 |
+
.lime.darken-2 {
|
1375 |
+
background-color: #afb42b !important;
|
1376 |
+
}
|
1377 |
+
|
1378 |
+
.lime-text.text-darken-2 {
|
1379 |
+
color: #afb42b !important;
|
1380 |
+
}
|
1381 |
+
|
1382 |
+
.lime.darken-3 {
|
1383 |
+
background-color: #9e9d24 !important;
|
1384 |
+
}
|
1385 |
+
|
1386 |
+
.lime-text.text-darken-3 {
|
1387 |
+
color: #9e9d24 !important;
|
1388 |
+
}
|
1389 |
+
|
1390 |
+
.lime.darken-4 {
|
1391 |
+
background-color: #827717 !important;
|
1392 |
+
}
|
1393 |
+
|
1394 |
+
.lime-text.text-darken-4 {
|
1395 |
+
color: #827717 !important;
|
1396 |
+
}
|
1397 |
+
|
1398 |
+
.lime.accent-1 {
|
1399 |
+
background-color: #f4ff81 !important;
|
1400 |
+
}
|
1401 |
+
|
1402 |
+
.lime-text.text-accent-1 {
|
1403 |
+
color: #f4ff81 !important;
|
1404 |
+
}
|
1405 |
+
|
1406 |
+
.lime.accent-2 {
|
1407 |
+
background-color: #eeff41 !important;
|
1408 |
+
}
|
1409 |
+
|
1410 |
+
.lime-text.text-accent-2 {
|
1411 |
+
color: #eeff41 !important;
|
1412 |
+
}
|
1413 |
+
|
1414 |
+
.lime.accent-3 {
|
1415 |
+
background-color: #c6ff00 !important;
|
1416 |
+
}
|
1417 |
+
|
1418 |
+
.lime-text.text-accent-3 {
|
1419 |
+
color: #c6ff00 !important;
|
1420 |
+
}
|
1421 |
+
|
1422 |
+
.lime.accent-4 {
|
1423 |
+
background-color: #aeea00 !important;
|
1424 |
+
}
|
1425 |
+
|
1426 |
+
.lime-text.text-accent-4 {
|
1427 |
+
color: #aeea00 !important;
|
1428 |
+
}
|
1429 |
+
|
1430 |
+
.yellow {
|
1431 |
+
background-color: #ffeb3b !important;
|
1432 |
+
}
|
1433 |
+
|
1434 |
+
.yellow-text {
|
1435 |
+
color: #ffeb3b !important;
|
1436 |
+
}
|
1437 |
+
|
1438 |
+
.yellow.lighten-5 {
|
1439 |
+
background-color: #fffde7 !important;
|
1440 |
+
}
|
1441 |
+
|
1442 |
+
.yellow-text.text-lighten-5 {
|
1443 |
+
color: #fffde7 !important;
|
1444 |
+
}
|
1445 |
+
|
1446 |
+
.yellow.lighten-4 {
|
1447 |
+
background-color: #fff9c4 !important;
|
1448 |
+
}
|
1449 |
+
|
1450 |
+
.yellow-text.text-lighten-4 {
|
1451 |
+
color: #fff9c4 !important;
|
1452 |
+
}
|
1453 |
+
|
1454 |
+
.yellow.lighten-3 {
|
1455 |
+
background-color: #fff59d !important;
|
1456 |
+
}
|
1457 |
+
|
1458 |
+
.yellow-text.text-lighten-3 {
|
1459 |
+
color: #fff59d !important;
|
1460 |
+
}
|
1461 |
+
|
1462 |
+
.yellow.lighten-2 {
|
1463 |
+
background-color: #fff176 !important;
|
1464 |
+
}
|
1465 |
+
|
1466 |
+
.yellow-text.text-lighten-2 {
|
1467 |
+
color: #fff176 !important;
|
1468 |
+
}
|
1469 |
+
|
1470 |
+
.yellow.lighten-1 {
|
1471 |
+
background-color: #ffee58 !important;
|
1472 |
+
}
|
1473 |
+
|
1474 |
+
.yellow-text.text-lighten-1 {
|
1475 |
+
color: #ffee58 !important;
|
1476 |
+
}
|
1477 |
+
|
1478 |
+
.yellow.darken-1 {
|
1479 |
+
background-color: #fdd835 !important;
|
1480 |
+
}
|
1481 |
+
|
1482 |
+
.yellow-text.text-darken-1 {
|
1483 |
+
color: #fdd835 !important;
|
1484 |
+
}
|
1485 |
+
|
1486 |
+
.yellow.darken-2 {
|
1487 |
+
background-color: #fbc02d !important;
|
1488 |
+
}
|
1489 |
+
|
1490 |
+
.yellow-text.text-darken-2 {
|
1491 |
+
color: #fbc02d !important;
|
1492 |
+
}
|
1493 |
+
|
1494 |
+
.yellow.darken-3 {
|
1495 |
+
background-color: #f9a825 !important;
|
1496 |
+
}
|
1497 |
+
|
1498 |
+
.yellow-text.text-darken-3 {
|
1499 |
+
color: #f9a825 !important;
|
1500 |
+
}
|
1501 |
+
|
1502 |
+
.yellow.darken-4 {
|
1503 |
+
background-color: #f57f17 !important;
|
1504 |
+
}
|
1505 |
+
|
1506 |
+
.yellow-text.text-darken-4 {
|
1507 |
+
color: #f57f17 !important;
|
1508 |
+
}
|
1509 |
+
|
1510 |
+
.yellow.accent-1 {
|
1511 |
+
background-color: #ffff8d !important;
|
1512 |
+
}
|
1513 |
+
|
1514 |
+
.yellow-text.text-accent-1 {
|
1515 |
+
color: #ffff8d !important;
|
1516 |
+
}
|
1517 |
+
|
1518 |
+
.yellow.accent-2 {
|
1519 |
+
background-color: #ffff00 !important;
|
1520 |
+
}
|
1521 |
+
|
1522 |
+
.yellow-text.text-accent-2 {
|
1523 |
+
color: #ffff00 !important;
|
1524 |
+
}
|
1525 |
+
|
1526 |
+
.yellow.accent-3 {
|
1527 |
+
background-color: #ffea00 !important;
|
1528 |
+
}
|
1529 |
+
|
1530 |
+
.yellow-text.text-accent-3 {
|
1531 |
+
color: #ffea00 !important;
|
1532 |
+
}
|
1533 |
+
|
1534 |
+
.yellow.accent-4 {
|
1535 |
+
background-color: #ffd600 !important;
|
1536 |
+
}
|
1537 |
+
|
1538 |
+
.yellow-text.text-accent-4 {
|
1539 |
+
color: #ffd600 !important;
|
1540 |
+
}
|
1541 |
+
|
1542 |
+
.amber {
|
1543 |
+
background-color: #ffc107 !important;
|
1544 |
+
}
|
1545 |
+
|
1546 |
+
.amber-text {
|
1547 |
+
color: #ffc107 !important;
|
1548 |
+
}
|
1549 |
+
|
1550 |
+
.amber.lighten-5 {
|
1551 |
+
background-color: #fff8e1 !important;
|
1552 |
+
}
|
1553 |
+
|
1554 |
+
.amber-text.text-lighten-5 {
|
1555 |
+
color: #fff8e1 !important;
|
1556 |
+
}
|
1557 |
+
|
1558 |
+
.amber.lighten-4 {
|
1559 |
+
background-color: #ffecb3 !important;
|
1560 |
+
}
|
1561 |
+
|
1562 |
+
.amber-text.text-lighten-4 {
|
1563 |
+
color: #ffecb3 !important;
|
1564 |
+
}
|
1565 |
+
|
1566 |
+
.amber.lighten-3 {
|
1567 |
+
background-color: #ffe082 !important;
|
1568 |
+
}
|
1569 |
+
|
1570 |
+
.amber-text.text-lighten-3 {
|
1571 |
+
color: #ffe082 !important;
|
1572 |
+
}
|
1573 |
+
|
1574 |
+
.amber.lighten-2 {
|
1575 |
+
background-color: #ffd54f !important;
|
1576 |
+
}
|
1577 |
+
|
1578 |
+
.amber-text.text-lighten-2 {
|
1579 |
+
color: #ffd54f !important;
|
1580 |
+
}
|
1581 |
+
|
1582 |
+
.amber.lighten-1 {
|
1583 |
+
background-color: #ffca28 !important;
|
1584 |
+
}
|
1585 |
+
|
1586 |
+
.amber-text.text-lighten-1 {
|
1587 |
+
color: #ffca28 !important;
|
1588 |
+
}
|
1589 |
+
|
1590 |
+
.amber.darken-1 {
|
1591 |
+
background-color: #ffb300 !important;
|
1592 |
+
}
|
1593 |
+
|
1594 |
+
.amber-text.text-darken-1 {
|
1595 |
+
color: #ffb300 !important;
|
1596 |
+
}
|
1597 |
+
|
1598 |
+
.amber.darken-2 {
|
1599 |
+
background-color: #ffa000 !important;
|
1600 |
+
}
|
1601 |
+
|
1602 |
+
.amber-text.text-darken-2 {
|
1603 |
+
color: #ffa000 !important;
|
1604 |
+
}
|
1605 |
+
|
1606 |
+
.amber.darken-3 {
|
1607 |
+
background-color: #ff8f00 !important;
|
1608 |
+
}
|
1609 |
+
|
1610 |
+
.amber-text.text-darken-3 {
|
1611 |
+
color: #ff8f00 !important;
|
1612 |
+
}
|
1613 |
+
|
1614 |
+
.amber.darken-4 {
|
1615 |
+
background-color: #ff6f00 !important;
|
1616 |
+
}
|
1617 |
+
|
1618 |
+
.amber-text.text-darken-4 {
|
1619 |
+
color: #ff6f00 !important;
|
1620 |
+
}
|
1621 |
+
|
1622 |
+
.amber.accent-1 {
|
1623 |
+
background-color: #ffe57f !important;
|
1624 |
+
}
|
1625 |
+
|
1626 |
+
.amber-text.text-accent-1 {
|
1627 |
+
color: #ffe57f !important;
|
1628 |
+
}
|
1629 |
+
|
1630 |
+
.amber.accent-2 {
|
1631 |
+
background-color: #ffd740 !important;
|
1632 |
+
}
|
1633 |
+
|
1634 |
+
.amber-text.text-accent-2 {
|
1635 |
+
color: #ffd740 !important;
|
1636 |
+
}
|
1637 |
+
|
1638 |
+
.amber.accent-3 {
|
1639 |
+
background-color: #ffc400 !important;
|
1640 |
+
}
|
1641 |
+
|
1642 |
+
.amber-text.text-accent-3 {
|
1643 |
+
color: #ffc400 !important;
|
1644 |
+
}
|
1645 |
+
|
1646 |
+
.amber.accent-4 {
|
1647 |
+
background-color: #ffab00 !important;
|
1648 |
+
}
|
1649 |
+
|
1650 |
+
.amber-text.text-accent-4 {
|
1651 |
+
color: #ffab00 !important;
|
1652 |
+
}
|
1653 |
+
|
1654 |
+
.orange {
|
1655 |
+
background-color: #ff9800 !important;
|
1656 |
+
}
|
1657 |
+
|
1658 |
+
.orange-text {
|
1659 |
+
color: #ff9800 !important;
|
1660 |
+
}
|
1661 |
+
|
1662 |
+
.orange.lighten-5 {
|
1663 |
+
background-color: #fff3e0 !important;
|
1664 |
+
}
|
1665 |
+
|
1666 |
+
.orange-text.text-lighten-5 {
|
1667 |
+
color: #fff3e0 !important;
|
1668 |
+
}
|
1669 |
+
|
1670 |
+
.orange.lighten-4 {
|
1671 |
+
background-color: #ffe0b2 !important;
|
1672 |
+
}
|
1673 |
+
|
1674 |
+
.orange-text.text-lighten-4 {
|
1675 |
+
color: #ffe0b2 !important;
|
1676 |
+
}
|
1677 |
+
|
1678 |
+
.orange.lighten-3 {
|
1679 |
+
background-color: #ffcc80 !important;
|
1680 |
+
}
|
1681 |
+
|
1682 |
+
.orange-text.text-lighten-3 {
|
1683 |
+
color: #ffcc80 !important;
|
1684 |
+
}
|
1685 |
+
|
1686 |
+
.orange.lighten-2 {
|
1687 |
+
background-color: #ffb74d !important;
|
1688 |
+
}
|
1689 |
+
|
1690 |
+
.orange-text.text-lighten-2 {
|
1691 |
+
color: #ffb74d !important;
|
1692 |
+
}
|
1693 |
+
|
1694 |
+
.orange.lighten-1 {
|
1695 |
+
background-color: #ffa726 !important;
|
1696 |
+
}
|
1697 |
+
|
1698 |
+
.orange-text.text-lighten-1 {
|
1699 |
+
color: #ffa726 !important;
|
1700 |
+
}
|
1701 |
+
|
1702 |
+
.orange.darken-1 {
|
1703 |
+
background-color: #fb8c00 !important;
|
1704 |
+
}
|
1705 |
+
|
1706 |
+
.orange-text.text-darken-1 {
|
1707 |
+
color: #fb8c00 !important;
|
1708 |
+
}
|
1709 |
+
|
1710 |
+
.orange.darken-2 {
|
1711 |
+
background-color: #f57c00 !important;
|
1712 |
+
}
|
1713 |
+
|
1714 |
+
.orange-text.text-darken-2 {
|
1715 |
+
color: #f57c00 !important;
|
1716 |
+
}
|
1717 |
+
|
1718 |
+
.orange.darken-3 {
|
1719 |
+
background-color: #ef6c00 !important;
|
1720 |
+
}
|
1721 |
+
|
1722 |
+
.orange-text.text-darken-3 {
|
1723 |
+
color: #ef6c00 !important;
|
1724 |
+
}
|
1725 |
+
|
1726 |
+
.orange.darken-4 {
|
1727 |
+
background-color: #e65100 !important;
|
1728 |
+
}
|
1729 |
+
|
1730 |
+
.orange-text.text-darken-4 {
|
1731 |
+
color: #e65100 !important;
|
1732 |
+
}
|
1733 |
+
|
1734 |
+
.orange.accent-1 {
|
1735 |
+
background-color: #ffd180 !important;
|
1736 |
+
}
|
1737 |
+
|
1738 |
+
.orange-text.text-accent-1 {
|
1739 |
+
color: #ffd180 !important;
|
1740 |
+
}
|
1741 |
+
|
1742 |
+
.orange.accent-2 {
|
1743 |
+
background-color: #ffab40 !important;
|
1744 |
+
}
|
1745 |
+
|
1746 |
+
.orange-text.text-accent-2 {
|
1747 |
+
color: #ffab40 !important;
|
1748 |
+
}
|
1749 |
+
|
1750 |
+
.orange.accent-3 {
|
1751 |
+
background-color: #ff9100 !important;
|
1752 |
+
}
|
1753 |
+
|
1754 |
+
.orange-text.text-accent-3 {
|
1755 |
+
color: #ff9100 !important;
|
1756 |
+
}
|
1757 |
+
|
1758 |
+
.orange.accent-4 {
|
1759 |
+
background-color: #ff6d00 !important;
|
1760 |
+
}
|
1761 |
+
|
1762 |
+
.orange-text.text-accent-4 {
|
1763 |
+
color: #ff6d00 !important;
|
1764 |
+
}
|
1765 |
+
|
1766 |
+
.deep-orange {
|
1767 |
+
background-color: #ff5722 !important;
|
1768 |
+
}
|
1769 |
+
|
1770 |
+
.deep-orange-text {
|
1771 |
+
color: #ff5722 !important;
|
1772 |
+
}
|
1773 |
+
|
1774 |
+
.deep-orange.lighten-5 {
|
1775 |
+
background-color: #fbe9e7 !important;
|
1776 |
+
}
|
1777 |
+
|
1778 |
+
.deep-orange-text.text-lighten-5 {
|
1779 |
+
color: #fbe9e7 !important;
|
1780 |
+
}
|
1781 |
+
|
1782 |
+
.deep-orange.lighten-4 {
|
1783 |
+
background-color: #ffccbc !important;
|
1784 |
+
}
|
1785 |
+
|
1786 |
+
.deep-orange-text.text-lighten-4 {
|
1787 |
+
color: #ffccbc !important;
|
1788 |
+
}
|
1789 |
+
|
1790 |
+
.deep-orange.lighten-3 {
|
1791 |
+
background-color: #ffab91 !important;
|
1792 |
+
}
|
1793 |
+
|
1794 |
+
.deep-orange-text.text-lighten-3 {
|
1795 |
+
color: #ffab91 !important;
|
1796 |
+
}
|
1797 |
+
|
1798 |
+
.deep-orange.lighten-2 {
|
1799 |
+
background-color: #ff8a65 !important;
|
1800 |
+
}
|
1801 |
+
|
1802 |
+
.deep-orange-text.text-lighten-2 {
|
1803 |
+
color: #ff8a65 !important;
|
1804 |
+
}
|
1805 |
+
|
1806 |
+
.deep-orange.lighten-1 {
|
1807 |
+
background-color: #ff7043 !important;
|
1808 |
+
}
|
1809 |
+
|
1810 |
+
.deep-orange-text.text-lighten-1 {
|
1811 |
+
color: #ff7043 !important;
|
1812 |
+
}
|
1813 |
+
|
1814 |
+
.deep-orange.darken-1 {
|
1815 |
+
background-color: #f4511e !important;
|
1816 |
+
}
|
1817 |
+
|
1818 |
+
.deep-orange-text.text-darken-1 {
|
1819 |
+
color: #f4511e !important;
|
1820 |
+
}
|
1821 |
+
|
1822 |
+
.deep-orange.darken-2 {
|
1823 |
+
background-color: #e64a19 !important;
|
1824 |
+
}
|
1825 |
+
|
1826 |
+
.deep-orange-text.text-darken-2 {
|
1827 |
+
color: #e64a19 !important;
|
1828 |
+
}
|
1829 |
+
|
1830 |
+
.deep-orange.darken-3 {
|
1831 |
+
background-color: #d84315 !important;
|
1832 |
+
}
|
1833 |
+
|
1834 |
+
.deep-orange-text.text-darken-3 {
|
1835 |
+
color: #d84315 !important;
|
1836 |
+
}
|
1837 |
+
|
1838 |
+
.deep-orange.darken-4 {
|
1839 |
+
background-color: #bf360c !important;
|
1840 |
+
}
|
1841 |
+
|
1842 |
+
.deep-orange-text.text-darken-4 {
|
1843 |
+
color: #bf360c !important;
|
1844 |
+
}
|
1845 |
+
|
1846 |
+
.deep-orange.accent-1 {
|
1847 |
+
background-color: #ff9e80 !important;
|
1848 |
+
}
|
1849 |
+
|
1850 |
+
.deep-orange-text.text-accent-1 {
|
1851 |
+
color: #ff9e80 !important;
|
1852 |
+
}
|
1853 |
+
|
1854 |
+
.deep-orange.accent-2 {
|
1855 |
+
background-color: #ff6e40 !important;
|
1856 |
+
}
|
1857 |
+
|
1858 |
+
.deep-orange-text.text-accent-2 {
|
1859 |
+
color: #ff6e40 !important;
|
1860 |
+
}
|
1861 |
+
|
1862 |
+
.deep-orange.accent-3 {
|
1863 |
+
background-color: #ff3d00 !important;
|
1864 |
+
}
|
1865 |
+
|
1866 |
+
.deep-orange-text.text-accent-3 {
|
1867 |
+
color: #ff3d00 !important;
|
1868 |
+
}
|
1869 |
+
|
1870 |
+
.deep-orange.accent-4 {
|
1871 |
+
background-color: #dd2c00 !important;
|
1872 |
+
}
|
1873 |
+
|
1874 |
+
.deep-orange-text.text-accent-4 {
|
1875 |
+
color: #dd2c00 !important;
|
1876 |
+
}
|
1877 |
+
|
1878 |
+
.brown {
|
1879 |
+
background-color: #795548 !important;
|
1880 |
+
}
|
1881 |
+
|
1882 |
+
.brown-text {
|
1883 |
+
color: #795548 !important;
|
1884 |
+
}
|
1885 |
+
|
1886 |
+
.brown.lighten-5 {
|
1887 |
+
background-color: #efebe9 !important;
|
1888 |
+
}
|
1889 |
+
|
1890 |
+
.brown-text.text-lighten-5 {
|
1891 |
+
color: #efebe9 !important;
|
1892 |
+
}
|
1893 |
+
|
1894 |
+
.brown.lighten-4 {
|
1895 |
+
background-color: #d7ccc8 !important;
|
1896 |
+
}
|
1897 |
+
|
1898 |
+
.brown-text.text-lighten-4 {
|
1899 |
+
color: #d7ccc8 !important;
|
1900 |
+
}
|
1901 |
+
|
1902 |
+
.brown.lighten-3 {
|
1903 |
+
background-color: #bcaaa4 !important;
|
1904 |
+
}
|
1905 |
+
|
1906 |
+
.brown-text.text-lighten-3 {
|
1907 |
+
color: #bcaaa4 !important;
|
1908 |
+
}
|
1909 |
+
|
1910 |
+
.brown.lighten-2 {
|
1911 |
+
background-color: #a1887f !important;
|
1912 |
+
}
|
1913 |
+
|
1914 |
+
.brown-text.text-lighten-2 {
|
1915 |
+
color: #a1887f !important;
|
1916 |
+
}
|
1917 |
+
|
1918 |
+
.brown.lighten-1 {
|
1919 |
+
background-color: #8d6e63 !important;
|
1920 |
+
}
|
1921 |
+
|
1922 |
+
.brown-text.text-lighten-1 {
|
1923 |
+
color: #8d6e63 !important;
|
1924 |
+
}
|
1925 |
+
|
1926 |
+
.brown.darken-1 {
|
1927 |
+
background-color: #6d4c41 !important;
|
1928 |
+
}
|
1929 |
+
|
1930 |
+
.brown-text.text-darken-1 {
|
1931 |
+
color: #6d4c41 !important;
|
1932 |
+
}
|
1933 |
+
|
1934 |
+
.brown.darken-2 {
|
1935 |
+
background-color: #5d4037 !important;
|
1936 |
+
}
|
1937 |
+
|
1938 |
+
.brown-text.text-darken-2 {
|
1939 |
+
color: #5d4037 !important;
|
1940 |
+
}
|
1941 |
+
|
1942 |
+
.brown.darken-3 {
|
1943 |
+
background-color: #4e342e !important;
|
1944 |
+
}
|
1945 |
+
|
1946 |
+
.brown-text.text-darken-3 {
|
1947 |
+
color: #4e342e !important;
|
1948 |
+
}
|
1949 |
+
|
1950 |
+
.brown.darken-4 {
|
1951 |
+
background-color: #3e2723 !important;
|
1952 |
+
}
|
1953 |
+
|
1954 |
+
.brown-text.text-darken-4 {
|
1955 |
+
color: #3e2723 !important;
|
1956 |
+
}
|
1957 |
+
|
1958 |
+
.blue-grey {
|
1959 |
+
background-color: #607d8b !important;
|
1960 |
+
}
|
1961 |
+
|
1962 |
+
.blue-grey-text {
|
1963 |
+
color: #607d8b !important;
|
1964 |
+
}
|
1965 |
+
|
1966 |
+
.blue-grey.lighten-5 {
|
1967 |
+
background-color: #eceff1 !important;
|
1968 |
+
}
|
1969 |
+
|
1970 |
+
.blue-grey-text.text-lighten-5 {
|
1971 |
+
color: #eceff1 !important;
|
1972 |
+
}
|
1973 |
+
|
1974 |
+
.blue-grey.lighten-4 {
|
1975 |
+
background-color: #cfd8dc !important;
|
1976 |
+
}
|
1977 |
+
|
1978 |
+
.blue-grey-text.text-lighten-4 {
|
1979 |
+
color: #cfd8dc !important;
|
1980 |
+
}
|
1981 |
+
|
1982 |
+
.blue-grey.lighten-3 {
|
1983 |
+
background-color: #b0bec5 !important;
|
1984 |
+
}
|
1985 |
+
|
1986 |
+
.blue-grey-text.text-lighten-3 {
|
1987 |
+
color: #b0bec5 !important;
|
1988 |
+
}
|
1989 |
+
|
1990 |
+
.blue-grey.lighten-2 {
|
1991 |
+
background-color: #90a4ae !important;
|
1992 |
+
}
|
1993 |
+
|
1994 |
+
.blue-grey-text.text-lighten-2 {
|
1995 |
+
color: #90a4ae !important;
|
1996 |
+
}
|
1997 |
+
|
1998 |
+
.blue-grey.lighten-1 {
|
1999 |
+
background-color: #78909c !important;
|
2000 |
+
}
|
2001 |
+
|
2002 |
+
.blue-grey-text.text-lighten-1 {
|
2003 |
+
color: #78909c !important;
|
2004 |
+
}
|
2005 |
+
|
2006 |
+
.blue-grey.darken-1 {
|
2007 |
+
background-color: #546e7a !important;
|
2008 |
+
}
|
2009 |
+
|
2010 |
+
.blue-grey-text.text-darken-1 {
|
2011 |
+
color: #546e7a !important;
|
2012 |
+
}
|
2013 |
+
|
2014 |
+
.blue-grey.darken-2 {
|
2015 |
+
background-color: #455a64 !important;
|
2016 |
+
}
|
2017 |
+
|
2018 |
+
.blue-grey-text.text-darken-2 {
|
2019 |
+
color: #455a64 !important;
|
2020 |
+
}
|
2021 |
+
|
2022 |
+
.blue-grey.darken-3 {
|
2023 |
+
background-color: #37474f !important;
|
2024 |
+
}
|
2025 |
+
|
2026 |
+
.blue-grey-text.text-darken-3 {
|
2027 |
+
color: #37474f !important;
|
2028 |
+
}
|
2029 |
+
|
2030 |
+
.blue-grey.darken-4 {
|
2031 |
+
background-color: #263238 !important;
|
2032 |
+
}
|
2033 |
+
|
2034 |
+
.blue-grey-text.text-darken-4 {
|
2035 |
+
color: #263238 !important;
|
2036 |
+
}
|
2037 |
+
|
2038 |
+
.grey {
|
2039 |
+
background-color: #9e9e9e !important;
|
2040 |
+
}
|
2041 |
+
|
2042 |
+
.grey-text {
|
2043 |
+
color: #9e9e9e !important;
|
2044 |
+
}
|
2045 |
+
|
2046 |
+
.grey.lighten-5 {
|
2047 |
+
background-color: #fafafa !important;
|
2048 |
+
}
|
2049 |
+
|
2050 |
+
.grey-text.text-lighten-5 {
|
2051 |
+
color: #fafafa !important;
|
2052 |
+
}
|
2053 |
+
|
2054 |
+
.grey.lighten-4 {
|
2055 |
+
background-color: #f5f5f5 !important;
|
2056 |
+
}
|
2057 |
+
|
2058 |
+
.grey-text.text-lighten-4 {
|
2059 |
+
color: #f5f5f5 !important;
|
2060 |
+
}
|
2061 |
+
|
2062 |
+
.grey.lighten-3 {
|
2063 |
+
background-color: #eeeeee !important;
|
2064 |
+
}
|
2065 |
+
|
2066 |
+
.grey-text.text-lighten-3 {
|
2067 |
+
color: #eeeeee !important;
|
2068 |
+
}
|
2069 |
+
|
2070 |
+
.grey.lighten-2 {
|
2071 |
+
background-color: #e0e0e0 !important;
|
2072 |
+
}
|
2073 |
+
|
2074 |
+
.grey-text.text-lighten-2 {
|
2075 |
+
color: #e0e0e0 !important;
|
2076 |
+
}
|
2077 |
+
|
2078 |
+
.grey.lighten-1 {
|
2079 |
+
background-color: #bdbdbd !important;
|
2080 |
+
}
|
2081 |
+
|
2082 |
+
.grey-text.text-lighten-1 {
|
2083 |
+
color: #bdbdbd !important;
|
2084 |
+
}
|
2085 |
+
|
2086 |
+
.grey.darken-1 {
|
2087 |
+
background-color: #757575 !important;
|
2088 |
+
}
|
2089 |
+
|
2090 |
+
.grey-text.text-darken-1 {
|
2091 |
+
color: #757575 !important;
|
2092 |
+
}
|
2093 |
+
|
2094 |
+
.grey.darken-2 {
|
2095 |
+
background-color: #616161 !important;
|
2096 |
+
}
|
2097 |
+
|
2098 |
+
.grey-text.text-darken-2 {
|
2099 |
+
color: #616161 !important;
|
2100 |
+
}
|
2101 |
+
|
2102 |
+
.grey.darken-3 {
|
2103 |
+
background-color: #424242 !important;
|
2104 |
+
}
|
2105 |
+
|
2106 |
+
.grey-text.text-darken-3 {
|
2107 |
+
color: #424242 !important;
|
2108 |
+
}
|
2109 |
+
|
2110 |
+
.grey.darken-4 {
|
2111 |
+
background-color: #212121 !important;
|
2112 |
+
}
|
2113 |
+
|
2114 |
+
.grey-text.text-darken-4 {
|
2115 |
+
color: #212121 !important;
|
2116 |
+
}
|
2117 |
+
|
2118 |
+
.black {
|
2119 |
+
background-color: #000000 !important;
|
2120 |
+
}
|
2121 |
+
|
2122 |
+
.black-text {
|
2123 |
+
color: #000000 !important;
|
2124 |
+
}
|
2125 |
+
|
2126 |
+
.white {
|
2127 |
+
background-color: #FFFFFF !important;
|
2128 |
+
}
|
2129 |
+
|
2130 |
+
.white-text {
|
2131 |
+
color: #FFFFFF !important;
|
2132 |
+
}
|
2133 |
+
|
2134 |
+
.transparent {
|
2135 |
+
background-color: transparent !important;
|
2136 |
+
}
|
2137 |
+
|
2138 |
+
.transparent-text {
|
2139 |
+
color: transparent !important;
|
2140 |
+
}
|
2141 |
+
|
2142 |
+
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
2143 |
+
/* Document
|
2144 |
+
========================================================================== */
|
2145 |
+
/**
|
2146 |
+
* 1. Correct the line height in all browsers.
|
2147 |
+
* 2. Prevent adjustments of font size after orientation changes in
|
2148 |
+
* IE on Windows Phone and in iOS.
|
2149 |
+
*/
|
2150 |
+
html {
|
2151 |
+
line-height: 1.15;
|
2152 |
+
/* 1 */
|
2153 |
+
-ms-text-size-adjust: 100%;
|
2154 |
+
/* 2 */
|
2155 |
+
-webkit-text-size-adjust: 100%;
|
2156 |
+
/* 2 */
|
2157 |
+
}
|
2158 |
+
|
2159 |
+
/* Sections
|
2160 |
+
========================================================================== */
|
2161 |
+
/**
|
2162 |
+
* Remove the margin in all browsers (opinionated).
|
2163 |
+
*/
|
2164 |
+
body {
|
2165 |
+
margin: 0;
|
2166 |
+
}
|
2167 |
+
|
2168 |
+
/**
|
2169 |
+
* Add the correct display in IE 9-.
|
2170 |
+
*/
|
2171 |
+
article,
|
2172 |
+
aside,
|
2173 |
+
footer,
|
2174 |
+
header,
|
2175 |
+
nav,
|
2176 |
+
section {
|
2177 |
+
display: block;
|
2178 |
+
}
|
2179 |
+
|
2180 |
+
/**
|
2181 |
+
* Correct the font size and margin on `h1` elements within `section` and
|
2182 |
+
* `article` contexts in Chrome, Firefox, and Safari.
|
2183 |
+
*/
|
2184 |
+
h1 {
|
2185 |
+
font-size: 2em;
|
2186 |
+
margin: 0.67em 0;
|
2187 |
+
}
|
2188 |
+
|
2189 |
+
/* Grouping content
|
2190 |
+
========================================================================== */
|
2191 |
+
/**
|
2192 |
+
* Add the correct display in IE 9-.
|
2193 |
+
* 1. Add the correct display in IE.
|
2194 |
+
*/
|
2195 |
+
figcaption,
|
2196 |
+
figure,
|
2197 |
+
main {
|
2198 |
+
/* 1 */
|
2199 |
+
display: block;
|
2200 |
+
}
|
2201 |
+
|
2202 |
+
/**
|
2203 |
+
* Add the correct margin in IE 8.
|
2204 |
+
*/
|
2205 |
+
figure {
|
2206 |
+
margin: 1em 40px;
|
2207 |
+
}
|
2208 |
+
|
2209 |
+
/**
|
2210 |
+
* 1. Add the correct box sizing in Firefox.
|
2211 |
+
* 2. Show the overflow in Edge and IE.
|
2212 |
+
*/
|
2213 |
+
hr {
|
2214 |
+
-webkit-box-sizing: content-box;
|
2215 |
+
box-sizing: content-box;
|
2216 |
+
/* 1 */
|
2217 |
+
height: 0;
|
2218 |
+
/* 1 */
|
2219 |
+
overflow: visible;
|
2220 |
+
/* 2 */
|
2221 |
+
}
|
2222 |
+
|
2223 |
+
/**
|
2224 |
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
2225 |
+
* 2. Correct the odd `em` font sizing in all browsers.
|
2226 |
+
*/
|
2227 |
+
pre {
|
2228 |
+
font-family: monospace, monospace;
|
2229 |
+
/* 1 */
|
2230 |
+
font-size: 1em;
|
2231 |
+
/* 2 */
|
2232 |
+
}
|
2233 |
+
|
2234 |
+
/* Text-level semantics
|
2235 |
+
========================================================================== */
|
2236 |
+
/**
|
2237 |
+
* 1. Remove the gray background on active links in IE 10.
|
2238 |
+
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
2239 |
+
*/
|
2240 |
+
a {
|
2241 |
+
background-color: transparent;
|
2242 |
+
/* 1 */
|
2243 |
+
-webkit-text-decoration-skip: objects;
|
2244 |
+
/* 2 */
|
2245 |
+
}
|
2246 |
+
|
2247 |
+
/**
|
2248 |
+
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
2249 |
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
2250 |
+
*/
|
2251 |
+
abbr[title] {
|
2252 |
+
border-bottom: none;
|
2253 |
+
/* 1 */
|
2254 |
+
text-decoration: underline;
|
2255 |
+
/* 2 */
|
2256 |
+
-webkit-text-decoration: underline dotted;
|
2257 |
+
-moz-text-decoration: underline dotted;
|
2258 |
+
text-decoration: underline dotted;
|
2259 |
+
/* 2 */
|
2260 |
+
}
|
2261 |
+
|
2262 |
+
/**
|
2263 |
+
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
2264 |
+
*/
|
2265 |
+
b,
|
2266 |
+
strong {
|
2267 |
+
font-weight: inherit;
|
2268 |
+
}
|
2269 |
+
|
2270 |
+
/**
|
2271 |
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
2272 |
+
*/
|
2273 |
+
b,
|
2274 |
+
strong {
|
2275 |
+
font-weight: bolder;
|
2276 |
+
}
|
2277 |
+
|
2278 |
+
/**
|
2279 |
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
2280 |
+
* 2. Correct the odd `em` font sizing in all browsers.
|
2281 |
+
*/
|
2282 |
+
code,
|
2283 |
+
kbd,
|
2284 |
+
samp {
|
2285 |
+
font-family: monospace, monospace;
|
2286 |
+
/* 1 */
|
2287 |
+
font-size: 1em;
|
2288 |
+
/* 2 */
|
2289 |
+
}
|
2290 |
+
|
2291 |
+
/**
|
2292 |
+
* Add the correct font style in Android 4.3-.
|
2293 |
+
*/
|
2294 |
+
dfn {
|
2295 |
+
font-style: italic;
|
2296 |
+
}
|
2297 |
+
|
2298 |
+
/**
|
2299 |
+
* Add the correct background and color in IE 9-.
|
2300 |
+
*/
|
2301 |
+
mark {
|
2302 |
+
background-color: #ff0;
|
2303 |
+
color: #000;
|
2304 |
+
}
|
2305 |
+
|
2306 |
+
/**
|
2307 |
+
* Add the correct font size in all browsers.
|
2308 |
+
*/
|
2309 |
+
small {
|
2310 |
+
font-size: 80%;
|
2311 |
+
}
|
2312 |
+
|
2313 |
+
/**
|
2314 |
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
2315 |
+
* all browsers.
|
2316 |
+
*/
|
2317 |
+
sub,
|
2318 |
+
sup {
|
2319 |
+
font-size: 75%;
|
2320 |
+
line-height: 0;
|
2321 |
+
position: relative;
|
2322 |
+
vertical-align: baseline;
|
2323 |
+
}
|
2324 |
+
|
2325 |
+
sub {
|
2326 |
+
bottom: -0.25em;
|
2327 |
+
}
|
2328 |
+
|
2329 |
+
sup {
|
2330 |
+
top: -0.5em;
|
2331 |
+
}
|
2332 |
+
|
2333 |
+
/* Embedded content
|
2334 |
+
========================================================================== */
|
2335 |
+
/**
|
2336 |
+
* Add the correct display in IE 9-.
|
2337 |
+
*/
|
2338 |
+
audio,
|
2339 |
+
video {
|
2340 |
+
display: inline-block;
|
2341 |
+
}
|
2342 |
+
|
2343 |
+
/**
|
2344 |
+
* Add the correct display in iOS 4-7.
|
2345 |
+
*/
|
2346 |
+
audio:not([controls]) {
|
2347 |
+
display: none;
|
2348 |
+
height: 0;
|
2349 |
+
}
|
2350 |
+
|
2351 |
+
/**
|
2352 |
+
* Remove the border on images inside links in IE 10-.
|
2353 |
+
*/
|
2354 |
+
img {
|
2355 |
+
border-style: none;
|
2356 |
+
}
|
2357 |
+
|
2358 |
+
/**
|
2359 |
+
* Hide the overflow in IE.
|
2360 |
+
*/
|
2361 |
+
svg:not(:root) {
|
2362 |
+
overflow: hidden;
|
2363 |
+
}
|
2364 |
+
|
2365 |
+
/* Forms
|
2366 |
+
========================================================================== */
|
2367 |
+
/**
|
2368 |
+
* 1. Change the font styles in all browsers (opinionated).
|
2369 |
+
* 2. Remove the margin in Firefox and Safari.
|
2370 |
+
*/
|
2371 |
+
button,
|
2372 |
+
input,
|
2373 |
+
optgroup,
|
2374 |
+
select,
|
2375 |
+
textarea {
|
2376 |
+
font-family: sans-serif;
|
2377 |
+
/* 1 */
|
2378 |
+
font-size: 100%;
|
2379 |
+
/* 1 */
|
2380 |
+
line-height: 1.15;
|
2381 |
+
/* 1 */
|
2382 |
+
margin: 0;
|
2383 |
+
/* 2 */
|
2384 |
+
}
|
2385 |
+
|
2386 |
+
/**
|
2387 |
+
* Show the overflow in IE.
|
2388 |
+
* 1. Show the overflow in Edge.
|
2389 |
+
*/
|
2390 |
+
button,
|
2391 |
+
input {
|
2392 |
+
/* 1 */
|
2393 |
+
overflow: visible;
|
2394 |
+
}
|
2395 |
+
|
2396 |
+
/**
|
2397 |
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
2398 |
+
* 1. Remove the inheritance of text transform in Firefox.
|
2399 |
+
*/
|
2400 |
+
button,
|
2401 |
+
select {
|
2402 |
+
/* 1 */
|
2403 |
+
text-transform: none;
|
2404 |
+
}
|
2405 |
+
|
2406 |
+
/**
|
2407 |
+
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
2408 |
+
* controls in Android 4.
|
2409 |
+
* 2. Correct the inability to style clickable types in iOS and Safari.
|
2410 |
+
*/
|
2411 |
+
button,
|
2412 |
+
html [type="button"],
|
2413 |
+
[type="reset"],
|
2414 |
+
[type="submit"] {
|
2415 |
+
-webkit-appearance: button;
|
2416 |
+
/* 2 */
|
2417 |
+
}
|
2418 |
+
|
2419 |
+
/**
|
2420 |
+
* Remove the inner border and padding in Firefox.
|
2421 |
+
*/
|
2422 |
+
button::-moz-focus-inner,
|
2423 |
+
[type="button"]::-moz-focus-inner,
|
2424 |
+
[type="reset"]::-moz-focus-inner,
|
2425 |
+
[type="submit"]::-moz-focus-inner {
|
2426 |
+
border-style: none;
|
2427 |
+
padding: 0;
|
2428 |
+
}
|
2429 |
+
|
2430 |
+
/**
|
2431 |
+
* Restore the focus styles unset by the previous rule.
|
2432 |
+
*/
|
2433 |
+
button:-moz-focusring,
|
2434 |
+
[type="button"]:-moz-focusring,
|
2435 |
+
[type="reset"]:-moz-focusring,
|
2436 |
+
[type="submit"]:-moz-focusring {
|
2437 |
+
outline: 1px dotted ButtonText;
|
2438 |
+
}
|
2439 |
+
|
2440 |
+
/**
|
2441 |
+
* Correct the padding in Firefox.
|
2442 |
+
*/
|
2443 |
+
fieldset {
|
2444 |
+
padding: 0.35em 0.75em 0.625em;
|
2445 |
+
}
|
2446 |
+
|
2447 |
+
/**
|
2448 |
+
* 1. Correct the text wrapping in Edge and IE.
|
2449 |
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
2450 |
+
* 3. Remove the padding so developers are not caught out when they zero out
|
2451 |
+
* `fieldset` elements in all browsers.
|
2452 |
+
*/
|
2453 |
+
legend {
|
2454 |
+
-webkit-box-sizing: border-box;
|
2455 |
+
box-sizing: border-box;
|
2456 |
+
/* 1 */
|
2457 |
+
color: inherit;
|
2458 |
+
/* 2 */
|
2459 |
+
display: table;
|
2460 |
+
/* 1 */
|
2461 |
+
max-width: 100%;
|
2462 |
+
/* 1 */
|
2463 |
+
padding: 0;
|
2464 |
+
/* 3 */
|
2465 |
+
white-space: normal;
|
2466 |
+
/* 1 */
|
2467 |
+
}
|
2468 |
+
|
2469 |
+
/**
|
2470 |
+
* 1. Add the correct display in IE 9-.
|
2471 |
+
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
2472 |
+
*/
|
2473 |
+
progress {
|
2474 |
+
display: inline-block;
|
2475 |
+
/* 1 */
|
2476 |
+
vertical-align: baseline;
|
2477 |
+
/* 2 */
|
2478 |
+
}
|
2479 |
+
|
2480 |
+
/**
|
2481 |
+
* Remove the default vertical scrollbar in IE.
|
2482 |
+
*/
|
2483 |
+
textarea {
|
2484 |
+
overflow: auto;
|
2485 |
+
}
|
2486 |
+
|
2487 |
+
/**
|
2488 |
+
* 1. Add the correct box sizing in IE 10-.
|
2489 |
+
* 2. Remove the padding in IE 10-.
|
2490 |
+
*/
|
2491 |
+
[type="checkbox"],
|
2492 |
+
[type="radio"] {
|
2493 |
+
-webkit-box-sizing: border-box;
|
2494 |
+
box-sizing: border-box;
|
2495 |
+
/* 1 */
|
2496 |
+
padding: 0;
|
2497 |
+
/* 2 */
|
2498 |
+
}
|
2499 |
+
|
2500 |
+
/**
|
2501 |
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
2502 |
+
*/
|
2503 |
+
[type="number"]::-webkit-inner-spin-button,
|
2504 |
+
[type="number"]::-webkit-outer-spin-button {
|
2505 |
+
height: auto;
|
2506 |
+
}
|
2507 |
+
|
2508 |
+
/**
|
2509 |
+
* 1. Correct the odd appearance in Chrome and Safari.
|
2510 |
+
* 2. Correct the outline style in Safari.
|
2511 |
+
*/
|
2512 |
+
[type="search"] {
|
2513 |
+
-webkit-appearance: textfield;
|
2514 |
+
/* 1 */
|
2515 |
+
outline-offset: -2px;
|
2516 |
+
/* 2 */
|
2517 |
+
}
|
2518 |
+
|
2519 |
+
/**
|
2520 |
+
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
2521 |
+
*/
|
2522 |
+
[type="search"]::-webkit-search-cancel-button,
|
2523 |
+
[type="search"]::-webkit-search-decoration {
|
2524 |
+
-webkit-appearance: none;
|
2525 |
+
}
|
2526 |
+
|
2527 |
+
/**
|
2528 |
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
2529 |
+
* 2. Change font properties to `inherit` in Safari.
|
2530 |
+
*/
|
2531 |
+
::-webkit-file-upload-button {
|
2532 |
+
-webkit-appearance: button;
|
2533 |
+
/* 1 */
|
2534 |
+
font: inherit;
|
2535 |
+
/* 2 */
|
2536 |
+
}
|
2537 |
+
|
2538 |
+
/* Interactive
|
2539 |
+
========================================================================== */
|
2540 |
+
/*
|
2541 |
+
* Add the correct display in IE 9-.
|
2542 |
+
* 1. Add the correct display in Edge, IE, and Firefox.
|
2543 |
+
*/
|
2544 |
+
details,
|
2545 |
+
menu {
|
2546 |
+
display: block;
|
2547 |
+
}
|
2548 |
+
|
2549 |
+
/*
|
2550 |
+
* Add the correct display in all browsers.
|
2551 |
+
*/
|
2552 |
+
summary {
|
2553 |
+
display: list-item;
|
2554 |
+
}
|
2555 |
+
|
2556 |
+
/* Scripting
|
2557 |
+
========================================================================== */
|
2558 |
+
/**
|
2559 |
+
* Add the correct display in IE 9-.
|
2560 |
+
*/
|
2561 |
+
canvas {
|
2562 |
+
display: inline-block;
|
2563 |
+
}
|
2564 |
+
|
2565 |
+
/**
|
2566 |
+
* Add the correct display in IE.
|
2567 |
+
*/
|
2568 |
+
template {
|
2569 |
+
display: none;
|
2570 |
+
}
|
2571 |
+
|
2572 |
+
/* Hidden
|
2573 |
+
========================================================================== */
|
2574 |
+
/**
|
2575 |
+
* Add the correct display in IE 10-.
|
2576 |
+
*/
|
2577 |
+
[hidden] {
|
2578 |
+
display: none;
|
2579 |
+
}
|
2580 |
+
|
2581 |
+
html {
|
2582 |
+
-webkit-box-sizing: border-box;
|
2583 |
+
box-sizing: border-box;
|
2584 |
+
}
|
2585 |
+
|
2586 |
+
*, *:before, *:after {
|
2587 |
+
-webkit-box-sizing: inherit;
|
2588 |
+
box-sizing: inherit;
|
2589 |
+
}
|
2590 |
+
|
2591 |
+
button,
|
2592 |
+
input,
|
2593 |
+
optgroup,
|
2594 |
+
select,
|
2595 |
+
textarea {
|
2596 |
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2597 |
+
}
|
2598 |
+
|
2599 |
+
ul:not(.browser-default) {
|
2600 |
+
padding-left: 0;
|
2601 |
+
list-style-type: none;
|
2602 |
+
}
|
2603 |
+
|
2604 |
+
ul:not(.browser-default) > li {
|
2605 |
+
list-style-type: none;
|
2606 |
+
}
|
2607 |
+
|
2608 |
+
a {
|
2609 |
+
color: #039be5;
|
2610 |
+
text-decoration: none;
|
2611 |
+
-webkit-tap-highlight-color: transparent;
|
2612 |
+
}
|
2613 |
+
|
2614 |
+
.valign-wrapper {
|
2615 |
+
display: -webkit-box;
|
2616 |
+
display: -webkit-flex;
|
2617 |
+
display: -ms-flexbox;
|
2618 |
+
display: flex;
|
2619 |
+
-webkit-box-align: center;
|
2620 |
+
-webkit-align-items: center;
|
2621 |
+
-ms-flex-align: center;
|
2622 |
+
align-items: center;
|
2623 |
+
}
|
2624 |
+
|
2625 |
+
.clearfix {
|
2626 |
+
clear: both;
|
2627 |
+
}
|
2628 |
+
|
2629 |
+
.z-depth-0 {
|
2630 |
+
-webkit-box-shadow: none !important;
|
2631 |
+
box-shadow: none !important;
|
2632 |
+
}
|
2633 |
+
|
2634 |
+
/* 2dp elevation modified*/
|
2635 |
+
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
|
2636 |
+
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
2637 |
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
2638 |
+
}
|
2639 |
+
|
2640 |
+
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
|
2641 |
+
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
2642 |
+
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
|
2643 |
+
}
|
2644 |
+
|
2645 |
+
/* 6dp elevation modified*/
|
2646 |
+
.z-depth-2 {
|
2647 |
+
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
2648 |
+
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
|
2649 |
+
}
|
2650 |
+
|
2651 |
+
/* 12dp elevation modified*/
|
2652 |
+
.z-depth-3 {
|
2653 |
+
-webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
2654 |
+
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
2655 |
+
}
|
2656 |
+
|
2657 |
+
/* 16dp elevation */
|
2658 |
+
.z-depth-4 {
|
2659 |
+
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
2660 |
+
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
|
2661 |
+
}
|
2662 |
+
|
2663 |
+
/* 24dp elevation */
|
2664 |
+
.z-depth-5, .modal {
|
2665 |
+
-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
2666 |
+
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
|
2667 |
+
}
|
2668 |
+
|
2669 |
+
.hoverable {
|
2670 |
+
-webkit-transition: -webkit-box-shadow .25s;
|
2671 |
+
transition: -webkit-box-shadow .25s;
|
2672 |
+
transition: box-shadow .25s;
|
2673 |
+
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
2674 |
+
}
|
2675 |
+
|
2676 |
+
.hoverable:hover {
|
2677 |
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
2678 |
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
2679 |
+
}
|
2680 |
+
|
2681 |
+
.divider {
|
2682 |
+
height: 1px;
|
2683 |
+
overflow: hidden;
|
2684 |
+
background-color: #e0e0e0;
|
2685 |
+
}
|
2686 |
+
|
2687 |
+
blockquote {
|
2688 |
+
margin: 20px 0;
|
2689 |
+
padding-left: 1.5rem;
|
2690 |
+
border-left: 5px solid #ee6e73;
|
2691 |
+
}
|
2692 |
+
|
2693 |
+
i {
|
2694 |
+
line-height: inherit;
|
2695 |
+
}
|
2696 |
+
|
2697 |
+
i.left {
|
2698 |
+
float: left;
|
2699 |
+
margin-right: 15px;
|
2700 |
+
}
|
2701 |
+
|
2702 |
+
i.right {
|
2703 |
+
float: right;
|
2704 |
+
margin-left: 15px;
|
2705 |
+
}
|
2706 |
+
|
2707 |
+
i.tiny {
|
2708 |
+
font-size: 1rem;
|
2709 |
+
}
|
2710 |
+
|
2711 |
+
i.small {
|
2712 |
+
font-size: 2rem;
|
2713 |
+
}
|
2714 |
+
|
2715 |
+
i.medium {
|
2716 |
+
font-size: 4rem;
|
2717 |
+
}
|
2718 |
+
|
2719 |
+
i.large {
|
2720 |
+
font-size: 6rem;
|
2721 |
+
}
|
2722 |
+
|
2723 |
+
img.responsive-img,
|
2724 |
+
video.responsive-video {
|
2725 |
+
max-width: 100%;
|
2726 |
+
height: auto;
|
2727 |
+
}
|
2728 |
+
|
2729 |
+
.pagination li {
|
2730 |
+
display: inline-block;
|
2731 |
+
border-radius: 2px;
|
2732 |
+
text-align: center;
|
2733 |
+
vertical-align: top;
|
2734 |
+
height: 30px;
|
2735 |
+
}
|
2736 |
+
|
2737 |
+
.pagination li a {
|
2738 |
+
color: #444;
|
2739 |
+
display: inline-block;
|
2740 |
+
font-size: 1.2rem;
|
2741 |
+
padding: 0 10px;
|
2742 |
+
line-height: 30px;
|
2743 |
+
}
|
2744 |
+
|
2745 |
+
.pagination li.active a {
|
2746 |
+
color: #fff;
|
2747 |
+
}
|
2748 |
+
|
2749 |
+
.pagination li.active {
|
2750 |
+
background-color: #ee6e73;
|
2751 |
+
}
|
2752 |
+
|
2753 |
+
.pagination li.disabled a {
|
2754 |
+
cursor: default;
|
2755 |
+
color: #999;
|
2756 |
+
}
|
2757 |
+
|
2758 |
+
.pagination li i {
|
2759 |
+
font-size: 2rem;
|
2760 |
+
}
|
2761 |
+
|
2762 |
+
.pagination li.pages ul li {
|
2763 |
+
display: inline-block;
|
2764 |
+
float: none;
|
2765 |
+
}
|
2766 |
+
|
2767 |
+
@media only screen and (max-width: 992px) {
|
2768 |
+
.pagination {
|
2769 |
+
width: 100%;
|
2770 |
+
}
|
2771 |
+
.pagination li.prev,
|
2772 |
+
.pagination li.next {
|
2773 |
+
width: 10%;
|
2774 |
+
}
|
2775 |
+
.pagination li.pages {
|
2776 |
+
width: 80%;
|
2777 |
+
overflow: hidden;
|
2778 |
+
white-space: nowrap;
|
2779 |
+
}
|
2780 |
+
}
|
2781 |
+
|
2782 |
+
.breadcrumb {
|
2783 |
+
font-size: 18px;
|
2784 |
+
color: rgba(255, 255, 255, 0.7);
|
2785 |
+
}
|
2786 |
+
|
2787 |
+
.breadcrumb i,
|
2788 |
+
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
|
2789 |
+
.breadcrumb i.material-icons {
|
2790 |
+
display: inline-block;
|
2791 |
+
float: left;
|
2792 |
+
font-size: 24px;
|
2793 |
+
}
|
2794 |
+
|
2795 |
+
.breadcrumb:before {
|
2796 |
+
content: '\E5CC';
|
2797 |
+
color: rgba(255, 255, 255, 0.7);
|
2798 |
+
vertical-align: top;
|
2799 |
+
display: inline-block;
|
2800 |
+
font-family: 'Material Icons';
|
2801 |
+
font-weight: normal;
|
2802 |
+
font-style: normal;
|
2803 |
+
font-size: 25px;
|
2804 |
+
margin: 0 10px 0 8px;
|
2805 |
+
-webkit-font-smoothing: antialiased;
|
2806 |
+
}
|
2807 |
+
|
2808 |
+
.breadcrumb:first-child:before {
|
2809 |
+
display: none;
|
2810 |
+
}
|
2811 |
+
|
2812 |
+
.breadcrumb:last-child {
|
2813 |
+
color: #fff;
|
2814 |
+
}
|
2815 |
+
|
2816 |
+
.parallax-container {
|
2817 |
+
position: relative;
|
2818 |
+
overflow: hidden;
|
2819 |
+
height: 500px;
|
2820 |
+
}
|
2821 |
+
|
2822 |
+
.parallax-container .parallax {
|
2823 |
+
position: absolute;
|
2824 |
+
top: 0;
|
2825 |
+
left: 0;
|
2826 |
+
right: 0;
|
2827 |
+
bottom: 0;
|
2828 |
+
z-index: -1;
|
2829 |
+
}
|
2830 |
+
|
2831 |
+
.parallax-container .parallax img {
|
2832 |
+
opacity: 0;
|
2833 |
+
position: absolute;
|
2834 |
+
left: 50%;
|
2835 |
+
bottom: 0;
|
2836 |
+
min-width: 100%;
|
2837 |
+
min-height: 100%;
|
2838 |
+
-webkit-transform: translate3d(0, 0, 0);
|
2839 |
+
transform: translate3d(0, 0, 0);
|
2840 |
+
-webkit-transform: translateX(-50%);
|
2841 |
+
transform: translateX(-50%);
|
2842 |
+
}
|
2843 |
+
|
2844 |
+
.pin-top, .pin-bottom {
|
2845 |
+
position: relative;
|
2846 |
+
}
|
2847 |
+
|
2848 |
+
.pinned {
|
2849 |
+
position: fixed !important;
|
2850 |
+
}
|
2851 |
+
|
2852 |
+
/*********************
|
2853 |
+
Transition Classes
|
2854 |
+
**********************/
|
2855 |
+
ul.staggered-list li {
|
2856 |
+
opacity: 0;
|
2857 |
+
}
|
2858 |
+
|
2859 |
+
.fade-in {
|
2860 |
+
opacity: 0;
|
2861 |
+
-webkit-transform-origin: 0 50%;
|
2862 |
+
transform-origin: 0 50%;
|
2863 |
+
}
|
2864 |
+
|
2865 |
+
/*********************
|
2866 |
+
Media Query Classes
|
2867 |
+
**********************/
|
2868 |
+
@media only screen and (max-width: 600px) {
|
2869 |
+
.hide-on-small-only, .hide-on-small-and-down {
|
2870 |
+
display: none !important;
|
2871 |
+
}
|
2872 |
+
}
|
2873 |
+
|
2874 |
+
@media only screen and (max-width: 992px) {
|
2875 |
+
.hide-on-med-and-down {
|
2876 |
+
display: none !important;
|
2877 |
+
}
|
2878 |
+
}
|
2879 |
+
|
2880 |
+
@media only screen and (min-width: 601px) {
|
2881 |
+
.hide-on-med-and-up {
|
2882 |
+
display: none !important;
|
2883 |
+
}
|
2884 |
+
}
|
2885 |
+
|
2886 |
+
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
2887 |
+
.hide-on-med-only {
|
2888 |
+
display: none !important;
|
2889 |
+
}
|
2890 |
+
}
|
2891 |
+
|
2892 |
+
@media only screen and (min-width: 993px) {
|
2893 |
+
.hide-on-large-only {
|
2894 |
+
display: none !important;
|
2895 |
+
}
|
2896 |
+
}
|
2897 |
+
|
2898 |
+
@media only screen and (min-width: 1201px) {
|
2899 |
+
.hide-on-extra-large-only {
|
2900 |
+
display: none !important;
|
2901 |
+
}
|
2902 |
+
}
|
2903 |
+
|
2904 |
+
@media only screen and (min-width: 1201px) {
|
2905 |
+
.show-on-extra-large {
|
2906 |
+
display: block !important;
|
2907 |
+
}
|
2908 |
+
}
|
2909 |
+
|
2910 |
+
@media only screen and (min-width: 993px) {
|
2911 |
+
.show-on-large {
|
2912 |
+
display: block !important;
|
2913 |
+
}
|
2914 |
+
}
|
2915 |
+
|
2916 |
+
@media only screen and (min-width: 600px) and (max-width: 992px) {
|
2917 |
+
.show-on-medium {
|
2918 |
+
display: block !important;
|
2919 |
+
}
|
2920 |
+
}
|
2921 |
+
|
2922 |
+
@media only screen and (max-width: 600px) {
|
2923 |
+
.show-on-small {
|
2924 |
+
display: block !important;
|
2925 |
+
}
|
2926 |
+
}
|
2927 |
+
|
2928 |
+
@media only screen and (min-width: 601px) {
|
2929 |
+
.show-on-medium-and-up {
|
2930 |
+
display: block !important;
|
2931 |
+
}
|
2932 |
+
}
|
2933 |
+
|
2934 |
+
@media only screen and (max-width: 992px) {
|
2935 |
+
.show-on-medium-and-down {
|
2936 |
+
display: block !important;
|
2937 |
+
}
|
2938 |
+
}
|
2939 |
+
|
2940 |
+
@media only screen and (max-width: 600px) {
|
2941 |
+
.center-on-small-only {
|
2942 |
+
text-align: center;
|
2943 |
+
}
|
2944 |
+
}
|
2945 |
+
|
2946 |
+
.page-footer {
|
2947 |
+
padding-top: 20px;
|
2948 |
+
color: #fff;
|
2949 |
+
background-color: #ee6e73;
|
2950 |
+
}
|
2951 |
+
|
2952 |
+
.page-footer .footer-copyright {
|
2953 |
+
overflow: hidden;
|
2954 |
+
min-height: 50px;
|
2955 |
+
display: -webkit-box;
|
2956 |
+
display: -webkit-flex;
|
2957 |
+
display: -ms-flexbox;
|
2958 |
+
display: flex;
|
2959 |
+
-webkit-box-align: center;
|
2960 |
+
-webkit-align-items: center;
|
2961 |
+
-ms-flex-align: center;
|
2962 |
+
align-items: center;
|
2963 |
+
-webkit-box-pack: justify;
|
2964 |
+
-webkit-justify-content: space-between;
|
2965 |
+
-ms-flex-pack: justify;
|
2966 |
+
justify-content: space-between;
|
2967 |
+
padding: 10px 0px;
|
2968 |
+
color: rgba(255, 255, 255, 0.8);
|
2969 |
+
background-color: rgba(51, 51, 51, 0.08);
|
2970 |
+
}
|
2971 |
+
|
2972 |
+
table, th, td {
|
2973 |
+
border: none;
|
2974 |
+
}
|
2975 |
+
|
2976 |
+
table {
|
2977 |
+
width: 100%;
|
2978 |
+
display: table;
|
2979 |
+
border-collapse: collapse;
|
2980 |
+
border-spacing: 0;
|
2981 |
+
}
|
2982 |
+
|
2983 |
+
table.striped tr {
|
2984 |
+
border-bottom: none;
|
2985 |
+
}
|
2986 |
+
|
2987 |
+
table.striped > tbody > tr:nth-child(odd) {
|
2988 |
+
background-color: rgba(242, 242, 242, 0.5);
|
2989 |
+
}
|
2990 |
+
|
2991 |
+
table.striped > tbody > tr > td {
|
2992 |
+
border-radius: 0;
|
2993 |
+
}
|
2994 |
+
|
2995 |
+
table.highlight > tbody > tr {
|
2996 |
+
-webkit-transition: background-color .25s ease;
|
2997 |
+
transition: background-color .25s ease;
|
2998 |
+
}
|
2999 |
+
|
3000 |
+
table.highlight > tbody > tr:hover {
|
3001 |
+
background-color: rgba(242, 242, 242, 0.5);
|
3002 |
+
}
|
3003 |
+
|
3004 |
+
table.centered thead tr th, table.centered tbody tr td {
|
3005 |
+
text-align: center;
|
3006 |
+
}
|
3007 |
+
|
3008 |
+
tr {
|
3009 |
+
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
3010 |
+
}
|
3011 |
+
|
3012 |
+
td, th {
|
3013 |
+
padding: 15px 5px;
|
3014 |
+
display: table-cell;
|
3015 |
+
text-align: left;
|
3016 |
+
vertical-align: middle;
|
3017 |
+
border-radius: 2px;
|
3018 |
+
}
|
3019 |
+
|
3020 |
+
@media only screen and (max-width: 992px) {
|
3021 |
+
table.responsive-table {
|
3022 |
+
width: 100%;
|
3023 |
+
border-collapse: collapse;
|
3024 |
+
border-spacing: 0;
|
3025 |
+
display: block;
|
3026 |
+
position: relative;
|
3027 |
+
/* sort out borders */
|
3028 |
+
}
|
3029 |
+
table.responsive-table td:empty:before {
|
3030 |
+
content: '\00a0';
|
3031 |
+
}
|
3032 |
+
table.responsive-table th,
|
3033 |
+
table.responsive-table td {
|
3034 |
+
margin: 0;
|
3035 |
+
vertical-align: top;
|
3036 |
+
}
|
3037 |
+
table.responsive-table th {
|
3038 |
+
text-align: left;
|
3039 |
+
}
|
3040 |
+
table.responsive-table thead {
|
3041 |
+
display: block;
|
3042 |
+
float: left;
|
3043 |
+
}
|
3044 |
+
table.responsive-table thead tr {
|
3045 |
+
display: block;
|
3046 |
+
padding: 0 10px 0 0;
|
3047 |
+
}
|
3048 |
+
table.responsive-table thead tr th::before {
|
3049 |
+
content: "\00a0";
|
3050 |
+
}
|
3051 |
+
table.responsive-table tbody {
|
3052 |
+
display: block;
|
3053 |
+
width: auto;
|
3054 |
+
position: relative;
|
3055 |
+
overflow-x: auto;
|
3056 |
+
white-space: nowrap;
|
3057 |
+
}
|
3058 |
+
table.responsive-table tbody tr {
|
3059 |
+
display: inline-block;
|
3060 |
+
vertical-align: top;
|
3061 |
+
}
|
3062 |
+
table.responsive-table th {
|
3063 |
+
display: block;
|
3064 |
+
text-align: right;
|
3065 |
+
}
|
3066 |
+
table.responsive-table td {
|
3067 |
+
display: block;
|
3068 |
+
min-height: 1.25em;
|
3069 |
+
text-align: left;
|
3070 |
+
}
|
3071 |
+
table.responsive-table tr {
|
3072 |
+
border-bottom: none;
|
3073 |
+
padding: 0 10px;
|
3074 |
+
}
|
3075 |
+
table.responsive-table thead {
|
3076 |
+
border: 0;
|
3077 |
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
3078 |
+
}
|
3079 |
+
}
|
3080 |
+
|
3081 |
+
.collection {
|
3082 |
+
margin: 0.5rem 0 1rem 0;
|
3083 |
+
border: 1px solid #e0e0e0;
|
3084 |
+
border-radius: 2px;
|
3085 |
+
overflow: hidden;
|
3086 |
+
position: relative;
|
3087 |
+
}
|
3088 |
+
|
3089 |
+
.collection .collection-item {
|
3090 |
+
background-color: #fff;
|
3091 |
+
line-height: 1.5rem;
|
3092 |
+
padding: 10px 20px;
|
3093 |
+
margin: 0;
|
3094 |
+
border-bottom: 1px solid #e0e0e0;
|
3095 |
+
}
|
3096 |
+
|
3097 |
+
.collection .collection-item.avatar {
|
3098 |
+
min-height: 84px;
|
3099 |
+
padding-left: 72px;
|
3100 |
+
position: relative;
|
3101 |
+
}
|
3102 |
+
|
3103 |
+
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
|
3104 |
+
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
|
3105 |
+
position: absolute;
|
3106 |
+
width: 42px;
|
3107 |
+
height: 42px;
|
3108 |
+
overflow: hidden;
|
3109 |
+
left: 15px;
|
3110 |
+
display: inline-block;
|
3111 |
+
vertical-align: middle;
|
3112 |
+
}
|
3113 |
+
|
3114 |
+
.collection .collection-item.avatar i.circle {
|
3115 |
+
font-size: 18px;
|
3116 |
+
line-height: 42px;
|
3117 |
+
color: #fff;
|
3118 |
+
background-color: #999;
|
3119 |
+
text-align: center;
|
3120 |
+
}
|
3121 |
+
|
3122 |
+
.collection .collection-item.avatar .title {
|
3123 |
+
font-size: 16px;
|
3124 |
+
}
|
3125 |
+
|
3126 |
+
.collection .collection-item.avatar p {
|
3127 |
+
margin: 0;
|
3128 |
+
}
|
3129 |
+
|
3130 |
+
.collection .collection-item.avatar .secondary-content {
|
3131 |
+
position: absolute;
|
3132 |
+
top: 16px;
|
3133 |
+
right: 16px;
|
3134 |
+
}
|
3135 |
+
|
3136 |
+
.collection .collection-item:last-child {
|
3137 |
+
border-bottom: none;
|
3138 |
+
}
|
3139 |
+
|
3140 |
+
.collection .collection-item.active {
|
3141 |
+
background-color: #26a69a;
|
3142 |
+
color: #eafaf9;
|
3143 |
+
}
|
3144 |
+
|
3145 |
+
.collection .collection-item.active .secondary-content {
|
3146 |
+
color: #fff;
|
3147 |
+
}
|
3148 |
+
|
3149 |
+
.collection a.collection-item {
|
3150 |
+
display: block;
|
3151 |
+
-webkit-transition: .25s;
|
3152 |
+
transition: .25s;
|
3153 |
+
color: #26a69a;
|
3154 |
+
}
|
3155 |
+
|
3156 |
+
.collection a.collection-item:not(.active):hover {
|
3157 |
+
background-color: #ddd;
|
3158 |
+
}
|
3159 |
+
|
3160 |
+
.collection.with-header .collection-header {
|
3161 |
+
background-color: #fff;
|
3162 |
+
border-bottom: 1px solid #e0e0e0;
|
3163 |
+
padding: 10px 20px;
|
3164 |
+
}
|
3165 |
+
|
3166 |
+
.collection.with-header .collection-item {
|
3167 |
+
padding-left: 30px;
|
3168 |
+
}
|
3169 |
+
|
3170 |
+
.collection.with-header .collection-item.avatar {
|
3171 |
+
padding-left: 72px;
|
3172 |
+
}
|
3173 |
+
|
3174 |
+
.secondary-content {
|
3175 |
+
float: right;
|
3176 |
+
color: #26a69a;
|
3177 |
+
}
|
3178 |
+
|
3179 |
+
.collapsible .collection {
|
3180 |
+
margin: 0;
|
3181 |
+
border: none;
|
3182 |
+
}
|
3183 |
+
|
3184 |
+
.video-container {
|
3185 |
+
position: relative;
|
3186 |
+
padding-bottom: 56.25%;
|
3187 |
+
height: 0;
|
3188 |
+
overflow: hidden;
|
3189 |
+
}
|
3190 |
+
|
3191 |
+
.video-container iframe, .video-container object, .video-container embed {
|
3192 |
+
position: absolute;
|
3193 |
+
top: 0;
|
3194 |
+
left: 0;
|
3195 |
+
width: 100%;
|
3196 |
+
height: 100%;
|
3197 |
+
}
|
3198 |
+
|
3199 |
+
.progress {
|
3200 |
+
position: relative;
|
3201 |
+
height: 4px;
|
3202 |
+
display: block;
|
3203 |
+
width: 100%;
|
3204 |
+
background-color: #acece6;
|
3205 |
+
border-radius: 2px;
|
3206 |
+
margin: 0.5rem 0 1rem 0;
|
3207 |
+
overflow: hidden;
|
3208 |
+
}
|
3209 |
+
|
3210 |
+
.progress .determinate {
|
3211 |
+
position: absolute;
|
3212 |
+
top: 0;
|
3213 |
+
left: 0;
|
3214 |
+
bottom: 0;
|
3215 |
+
background-color: #26a69a;
|
3216 |
+
-webkit-transition: width .3s linear;
|
3217 |
+
transition: width .3s linear;
|
3218 |
+
}
|
3219 |
+
|
3220 |
+
.progress .indeterminate {
|
3221 |
+
background-color: #26a69a;
|
3222 |
+
}
|
3223 |
+
|
3224 |
+
.progress .indeterminate:before {
|
3225 |
+
content: '';
|
3226 |
+
position: absolute;
|
3227 |
+
background-color: inherit;
|
3228 |
+
top: 0;
|
3229 |
+
left: 0;
|
3230 |
+
bottom: 0;
|
3231 |
+
will-change: left, right;
|
3232 |
+
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
3233 |
+
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
3234 |
+
}
|
3235 |
+
|
3236 |
+
.progress .indeterminate:after {
|
3237 |
+
content: '';
|
3238 |
+
position: absolute;
|
3239 |
+
background-color: inherit;
|
3240 |
+
top: 0;
|
3241 |
+
left: 0;
|
3242 |
+
bottom: 0;
|
3243 |
+
will-change: left, right;
|
3244 |
+
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
3245 |
+
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
3246 |
+
-webkit-animation-delay: 1.15s;
|
3247 |
+
animation-delay: 1.15s;
|
3248 |
+
}
|
3249 |
+
|
3250 |
+
@-webkit-keyframes indeterminate {
|
3251 |
+
0% {
|
3252 |
+
left: -35%;
|
3253 |
+
right: 100%;
|
3254 |
+
}
|
3255 |
+
60% {
|
3256 |
+
left: 100%;
|
3257 |
+
right: -90%;
|
3258 |
+
}
|
3259 |
+
100% {
|
3260 |
+
left: 100%;
|
3261 |
+
right: -90%;
|
3262 |
+
}
|
3263 |
+
}
|
3264 |
+
|
3265 |
+
@keyframes indeterminate {
|
3266 |
+
0% {
|
3267 |
+
left: -35%;
|
3268 |
+
right: 100%;
|
3269 |
+
}
|
3270 |
+
60% {
|
3271 |
+
left: 100%;
|
3272 |
+
right: -90%;
|
3273 |
+
}
|
3274 |
+
100% {
|
3275 |
+
left: 100%;
|
3276 |
+
right: -90%;
|
3277 |
+
}
|
3278 |
+
}
|
3279 |
+
|
3280 |
+
@-webkit-keyframes indeterminate-short {
|
3281 |
+
0% {
|
3282 |
+
left: -200%;
|
3283 |
+
right: 100%;
|
3284 |
+
}
|
3285 |
+
60% {
|
3286 |
+
left: 107%;
|
3287 |
+
right: -8%;
|
3288 |
+
}
|
3289 |
+
100% {
|
3290 |
+
left: 107%;
|
3291 |
+
right: -8%;
|
3292 |
+
}
|
3293 |
+
}
|
3294 |
+
|
3295 |
+
@keyframes indeterminate-short {
|
3296 |
+
0% {
|
3297 |
+
left: -200%;
|
3298 |
+
right: 100%;
|
3299 |
+
}
|
3300 |
+
60% {
|
3301 |
+
left: 107%;
|
3302 |
+
right: -8%;
|
3303 |
+
}
|
3304 |
+
100% {
|
3305 |
+
left: 107%;
|
3306 |
+
right: -8%;
|
3307 |
+
}
|
3308 |
+
}
|
3309 |
+
|
3310 |
+
/*******************
|
3311 |
+
Utility Classes
|
3312 |
+
*******************/
|
3313 |
+
.hide {
|
3314 |
+
display: none !important;
|
3315 |
+
}
|
3316 |
+
|
3317 |
+
.left-align {
|
3318 |
+
text-align: left;
|
3319 |
+
}
|
3320 |
+
|
3321 |
+
.right-align {
|
3322 |
+
text-align: right;
|
3323 |
+
}
|
3324 |
+
|
3325 |
+
.center, .center-align {
|
3326 |
+
text-align: center;
|
3327 |
+
}
|
3328 |
+
|
3329 |
+
.left {
|
3330 |
+
float: left !important;
|
3331 |
+
}
|
3332 |
+
|
3333 |
+
.right {
|
3334 |
+
float: right !important;
|
3335 |
+
}
|
3336 |
+
|
3337 |
+
.no-select, input[type=range],
|
3338 |
+
input[type=range] + .thumb {
|
3339 |
+
-webkit-user-select: none;
|
3340 |
+
-moz-user-select: none;
|
3341 |
+
-ms-user-select: none;
|
3342 |
+
user-select: none;
|
3343 |
+
}
|
3344 |
+
|
3345 |
+
.circle {
|
3346 |
+
border-radius: 50%;
|
3347 |
+
}
|
3348 |
+
|
3349 |
+
.center-block {
|
3350 |
+
display: block;
|
3351 |
+
margin-left: auto;
|
3352 |
+
margin-right: auto;
|
3353 |
+
}
|
3354 |
+
|
3355 |
+
.truncate {
|
3356 |
+
display: block;
|
3357 |
+
white-space: nowrap;
|
3358 |
+
overflow: hidden;
|
3359 |
+
text-overflow: ellipsis;
|
3360 |
+
}
|
3361 |
+
|
3362 |
+
.no-padding {
|
3363 |
+
padding: 0 !important;
|
3364 |
+
}
|
3365 |
+
|
3366 |
+
span.badge {
|
3367 |
+
min-width: 3rem;
|
3368 |
+
padding: 0 6px;
|
3369 |
+
margin-left: 14px;
|
3370 |
+
text-align: center;
|
3371 |
+
font-size: 1rem;
|
3372 |
+
line-height: 22px;
|
3373 |
+
height: 22px;
|
3374 |
+
color: #757575;
|
3375 |
+
float: right;
|
3376 |
+
-webkit-box-sizing: border-box;
|
3377 |
+
box-sizing: border-box;
|
3378 |
+
}
|
3379 |
+
|
3380 |
+
span.badge.new {
|
3381 |
+
font-weight: 300;
|
3382 |
+
font-size: 0.8rem;
|
3383 |
+
color: #fff;
|
3384 |
+
background-color: #26a69a;
|
3385 |
+
border-radius: 2px;
|
3386 |
+
}
|
3387 |
+
|
3388 |
+
span.badge.new:after {
|
3389 |
+
content: " new";
|
3390 |
+
}
|
3391 |
+
|
3392 |
+
span.badge[data-badge-caption]::after {
|
3393 |
+
content: " " attr(data-badge-caption);
|
3394 |
+
}
|
3395 |
+
|
3396 |
+
nav ul a span.badge {
|
3397 |
+
display: inline-block;
|
3398 |
+
float: none;
|
3399 |
+
margin-left: 4px;
|
3400 |
+
line-height: 22px;
|
3401 |
+
height: 22px;
|
3402 |
+
-webkit-font-smoothing: auto;
|
3403 |
+
}
|
3404 |
+
|
3405 |
+
.collection-item span.badge {
|
3406 |
+
margin-top: calc(0.75rem - 11px);
|
3407 |
+
}
|
3408 |
+
|
3409 |
+
.collapsible span.badge {
|
3410 |
+
margin-left: auto;
|
3411 |
+
}
|
3412 |
+
|
3413 |
+
.sidenav span.badge {
|
3414 |
+
margin-top: calc(24px - 11px);
|
3415 |
+
}
|
3416 |
+
|
3417 |
+
table span.badge {
|
3418 |
+
display: inline-block;
|
3419 |
+
float: none;
|
3420 |
+
margin-left: auto;
|
3421 |
+
}
|
3422 |
+
|
3423 |
+
/* This is needed for some mobile phones to display the Google Icon font properly */
|
3424 |
+
.material-icons {
|
3425 |
+
text-rendering: optimizeLegibility;
|
3426 |
+
-webkit-font-feature-settings: 'liga';
|
3427 |
+
-moz-font-feature-settings: 'liga';
|
3428 |
+
font-feature-settings: 'liga';
|
3429 |
+
}
|
3430 |
+
|
3431 |
+
.container {
|
3432 |
+
margin: 0 auto;
|
3433 |
+
max-width: 1280px;
|
3434 |
+
width: 90%;
|
3435 |
+
}
|
3436 |
+
|
3437 |
+
@media only screen and (min-width: 601px) {
|
3438 |
+
.container {
|
3439 |
+
width: 85%;
|
3440 |
+
}
|
3441 |
+
}
|
3442 |
+
|
3443 |
+
@media only screen and (min-width: 993px) {
|
3444 |
+
.container {
|
3445 |
+
width: 70%;
|
3446 |
+
}
|
3447 |
+
}
|
3448 |
+
|
3449 |
+
.col .row {
|
3450 |
+
margin-left: -0.75rem;
|
3451 |
+
margin-right: -0.75rem;
|
3452 |
+
}
|
3453 |
+
|
3454 |
+
.section {
|
3455 |
+
padding-top: 1rem;
|
3456 |
+
padding-bottom: 1rem;
|
3457 |
+
}
|
3458 |
+
|
3459 |
+
.section.no-pad {
|
3460 |
+
padding: 0;
|
3461 |
+
}
|
3462 |
+
|
3463 |
+
.section.no-pad-bot {
|
3464 |
+
padding-bottom: 0;
|
3465 |
+
}
|
3466 |
+
|
3467 |
+
.section.no-pad-top {
|
3468 |
+
padding-top: 0;
|
3469 |
+
}
|
3470 |
+
|
3471 |
+
.row {
|
3472 |
+
margin-left: auto;
|
3473 |
+
margin-right: auto;
|
3474 |
+
margin-bottom: 20px;
|
3475 |
+
}
|
3476 |
+
|
3477 |
+
.row:after {
|
3478 |
+
content: "";
|
3479 |
+
display: table;
|
3480 |
+
clear: both;
|
3481 |
+
}
|
3482 |
+
|
3483 |
+
.row .col {
|
3484 |
+
float: left;
|
3485 |
+
-webkit-box-sizing: border-box;
|
3486 |
+
box-sizing: border-box;
|
3487 |
+
padding: 0 0.75rem;
|
3488 |
+
min-height: 1px;
|
3489 |
+
}
|
3490 |
+
|
3491 |
+
.row .col[class*="push-"], .row .col[class*="pull-"] {
|
3492 |
+
position: relative;
|
3493 |
+
}
|
3494 |
+
|
3495 |
+
.row .col.s1 {
|
3496 |
+
width: 8.3333333333%;
|
3497 |
+
margin-left: auto;
|
3498 |
+
left: auto;
|
3499 |
+
right: auto;
|
3500 |
+
}
|
3501 |
+
|
3502 |
+
.row .col.s2 {
|
3503 |
+
width: 16.6666666667%;
|
3504 |
+
margin-left: auto;
|
3505 |
+
left: auto;
|
3506 |
+
right: auto;
|
3507 |
+
}
|
3508 |
+
|
3509 |
+
.row .col.s3 {
|
3510 |
+
width: 25%;
|
3511 |
+
margin-left: auto;
|
3512 |
+
left: auto;
|
3513 |
+
right: auto;
|
3514 |
+
}
|
3515 |
+
|
3516 |
+
.row .col.s4 {
|
3517 |
+
width: 33.3333333333%;
|
3518 |
+
margin-left: auto;
|
3519 |
+
left: auto;
|
3520 |
+
right: auto;
|
3521 |
+
}
|
3522 |
+
|
3523 |
+
.row .col.s5 {
|
3524 |
+
width: 41.6666666667%;
|
3525 |
+
margin-left: auto;
|
3526 |
+
left: auto;
|
3527 |
+
right: auto;
|
3528 |
+
}
|
3529 |
+
|
3530 |
+
.row .col.s6 {
|
3531 |
+
width: 50%;
|
3532 |
+
margin-left: auto;
|
3533 |
+
left: auto;
|
3534 |
+
right: auto;
|
3535 |
+
}
|
3536 |
+
|
3537 |
+
.row .col.s7 {
|
3538 |
+
width: 58.3333333333%;
|
3539 |
+
margin-left: auto;
|
3540 |
+
left: auto;
|
3541 |
+
right: auto;
|
3542 |
+
}
|
3543 |
+
|
3544 |
+
.row .col.s8 {
|
3545 |
+
width: 66.6666666667%;
|
3546 |
+
margin-left: auto;
|
3547 |
+
left: auto;
|
3548 |
+
right: auto;
|
3549 |
+
}
|
3550 |
+
|
3551 |
+
.row .col.s9 {
|
3552 |
+
width: 75%;
|
3553 |
+
margin-left: auto;
|
3554 |
+
left: auto;
|
3555 |
+
right: auto;
|
3556 |
+
}
|
3557 |
+
|
3558 |
+
.row .col.s10 {
|
3559 |
+
width: 83.3333333333%;
|
3560 |
+
margin-left: auto;
|
3561 |
+
left: auto;
|
3562 |
+
right: auto;
|
3563 |
+
}
|
3564 |
+
|
3565 |
+
.row .col.s11 {
|
3566 |
+
width: 91.6666666667%;
|
3567 |
+
margin-left: auto;
|
3568 |
+
left: auto;
|
3569 |
+
right: auto;
|
3570 |
+
}
|
3571 |
+
|
3572 |
+
.row .col.s12 {
|
3573 |
+
width: 100%;
|
3574 |
+
margin-left: auto;
|
3575 |
+
left: auto;
|
3576 |
+
right: auto;
|
3577 |
+
}
|
3578 |
+
|
3579 |
+
.row .col.offset-s1 {
|
3580 |
+
margin-left: 8.3333333333%;
|
3581 |
+
}
|
3582 |
+
|
3583 |
+
.row .col.pull-s1 {
|
3584 |
+
right: 8.3333333333%;
|
3585 |
+
}
|
3586 |
+
|
3587 |
+
.row .col.push-s1 {
|
3588 |
+
left: 8.3333333333%;
|
3589 |
+
}
|
3590 |
+
|
3591 |
+
.row .col.offset-s2 {
|
3592 |
+
margin-left: 16.6666666667%;
|
3593 |
+
}
|
3594 |
+
|
3595 |
+
.row .col.pull-s2 {
|
3596 |
+
right: 16.6666666667%;
|
3597 |
+
}
|
3598 |
+
|
3599 |
+
.row .col.push-s2 {
|
3600 |
+
left: 16.6666666667%;
|
3601 |
+
}
|
3602 |
+
|
3603 |
+
.row .col.offset-s3 {
|
3604 |
+
margin-left: 25%;
|
3605 |
+
}
|
3606 |
+
|
3607 |
+
.row .col.pull-s3 {
|
3608 |
+
right: 25%;
|
3609 |
+
}
|
3610 |
+
|
3611 |
+
.row .col.push-s3 {
|
3612 |
+
left: 25%;
|
3613 |
+
}
|
3614 |
+
|
3615 |
+
.row .col.offset-s4 {
|
3616 |
+
margin-left: 33.3333333333%;
|
3617 |
+
}
|
3618 |
+
|
3619 |
+
.row .col.pull-s4 {
|
3620 |
+
right: 33.3333333333%;
|
3621 |
+
}
|
3622 |
+
|
3623 |
+
.row .col.push-s4 {
|
3624 |
+
left: 33.3333333333%;
|
3625 |
+
}
|
3626 |
+
|
3627 |
+
.row .col.offset-s5 {
|
3628 |
+
margin-left: 41.6666666667%;
|
3629 |
+
}
|
3630 |
+
|
3631 |
+
.row .col.pull-s5 {
|
3632 |
+
right: 41.6666666667%;
|
3633 |
+
}
|
3634 |
+
|
3635 |
+
.row .col.push-s5 {
|
3636 |
+
left: 41.6666666667%;
|
3637 |
+
}
|
3638 |
+
|
3639 |
+
.row .col.offset-s6 {
|
3640 |
+
margin-left: 50%;
|
3641 |
+
}
|
3642 |
+
|
3643 |
+
.row .col.pull-s6 {
|
3644 |
+
right: 50%;
|
3645 |
+
}
|
3646 |
+
|
3647 |
+
.row .col.push-s6 {
|
3648 |
+
left: 50%;
|
3649 |
+
}
|
3650 |
+
|
3651 |
+
.row .col.offset-s7 {
|
3652 |
+
margin-left: 58.3333333333%;
|
3653 |
+
}
|
3654 |
+
|
3655 |
+
.row .col.pull-s7 {
|
3656 |
+
right: 58.3333333333%;
|
3657 |
+
}
|
3658 |
+
|
3659 |
+
.row .col.push-s7 {
|
3660 |
+
left: 58.3333333333%;
|
3661 |
+
}
|
3662 |
+
|
3663 |
+
.row .col.offset-s8 {
|
3664 |
+
margin-left: 66.6666666667%;
|
3665 |
+
}
|
3666 |
+
|
3667 |
+
.row .col.pull-s8 {
|
3668 |
+
right: 66.6666666667%;
|
3669 |
+
}
|
3670 |
+
|
3671 |
+
.row .col.push-s8 {
|
3672 |
+
left: 66.6666666667%;
|
3673 |
+
}
|
3674 |
+
|
3675 |
+
.row .col.offset-s9 {
|
3676 |
+
margin-left: 75%;
|
3677 |
+
}
|
3678 |
+
|
3679 |
+
.row .col.pull-s9 {
|
3680 |
+
right: 75%;
|
3681 |
+
}
|
3682 |
+
|
3683 |
+
.row .col.push-s9 {
|
3684 |
+
left: 75%;
|
3685 |
+
}
|
3686 |
+
|
3687 |
+
.row .col.offset-s10 {
|
3688 |
+
margin-left: 83.3333333333%;
|
3689 |
+
}
|
3690 |
+
|
3691 |
+
.row .col.pull-s10 {
|
3692 |
+
right: 83.3333333333%;
|
3693 |
+
}
|
3694 |
+
|
3695 |
+
.row .col.push-s10 {
|
3696 |
+
left: 83.3333333333%;
|
3697 |
+
}
|
3698 |
+
|
3699 |
+
.row .col.offset-s11 {
|
3700 |
+
margin-left: 91.6666666667%;
|
3701 |
+
}
|
3702 |
+
|
3703 |
+
.row .col.pull-s11 {
|
3704 |
+
right: 91.6666666667%;
|
3705 |
+
}
|
3706 |
+
|
3707 |
+
.row .col.push-s11 {
|
3708 |
+
left: 91.6666666667%;
|
3709 |
+
}
|
3710 |
+
|
3711 |
+
.row .col.offset-s12 {
|
3712 |
+
margin-left: 100%;
|
3713 |
+
}
|
3714 |
+
|
3715 |
+
.row .col.pull-s12 {
|
3716 |
+
right: 100%;
|
3717 |
+
}
|
3718 |
+
|
3719 |
+
.row .col.push-s12 {
|
3720 |
+
left: 100%;
|
3721 |
+
}
|
3722 |
+
|
3723 |
+
@media only screen and (min-width: 601px) {
|
3724 |
+
.row .col.m1 {
|
3725 |
+
width: 8.3333333333%;
|
3726 |
+
margin-left: auto;
|
3727 |
+
left: auto;
|
3728 |
+
right: auto;
|
3729 |
+
}
|
3730 |
+
.row .col.m2 {
|
3731 |
+
width: 16.6666666667%;
|
3732 |
+
margin-left: auto;
|
3733 |
+
left: auto;
|
3734 |
+
right: auto;
|
3735 |
+
}
|
3736 |
+
.row .col.m3 {
|
3737 |
+
width: 25%;
|
3738 |
+
margin-left: auto;
|
3739 |
+
left: auto;
|
3740 |
+
right: auto;
|
3741 |
+
}
|
3742 |
+
.row .col.m4 {
|
3743 |
+
width: 33.3333333333%;
|
3744 |
+
margin-left: auto;
|
3745 |
+
left: auto;
|
3746 |
+
right: auto;
|
3747 |
+
}
|
3748 |
+
.row .col.m5 {
|
3749 |
+
width: 41.6666666667%;
|
3750 |
+
margin-left: auto;
|
3751 |
+
left: auto;
|
3752 |
+
right: auto;
|
3753 |
+
}
|
3754 |
+
.row .col.m6 {
|
3755 |
+
width: 50%;
|
3756 |
+
margin-left: auto;
|
3757 |
+
left: auto;
|
3758 |
+
right: auto;
|
3759 |
+
}
|
3760 |
+
.row .col.m7 {
|
3761 |
+
width: 58.3333333333%;
|
3762 |
+
margin-left: auto;
|
3763 |
+
left: auto;
|
3764 |
+
right: auto;
|
3765 |
+
}
|
3766 |
+
.row .col.m8 {
|
3767 |
+
width: 66.6666666667%;
|
3768 |
+
margin-left: auto;
|
3769 |
+
left: auto;
|
3770 |
+
right: auto;
|
3771 |
+
}
|
3772 |
+
.row .col.m9 {
|
3773 |
+
width: 75%;
|
3774 |
+
margin-left: auto;
|
3775 |
+
left: auto;
|
3776 |
+
right: auto;
|
3777 |
+
}
|
3778 |
+
.row .col.m10 {
|
3779 |
+
width: 83.3333333333%;
|
3780 |
+
margin-left: auto;
|
3781 |
+
left: auto;
|
3782 |
+
right: auto;
|
3783 |
+
}
|
3784 |
+
.row .col.m11 {
|
3785 |
+
width: 91.6666666667%;
|
3786 |
+
margin-left: auto;
|
3787 |
+
left: auto;
|
3788 |
+
right: auto;
|
3789 |
+
}
|
3790 |
+
.row .col.m12 {
|
3791 |
+
width: 100%;
|
3792 |
+
margin-left: auto;
|
3793 |
+
left: auto;
|
3794 |
+
right: auto;
|
3795 |
+
}
|
3796 |
+
.row .col.offset-m1 {
|
3797 |
+
margin-left: 8.3333333333%;
|
3798 |
+
}
|
3799 |
+
.row .col.pull-m1 {
|
3800 |
+
right: 8.3333333333%;
|
3801 |
+
}
|
3802 |
+
.row .col.push-m1 {
|
3803 |
+
left: 8.3333333333%;
|
3804 |
+
}
|
3805 |
+
.row .col.offset-m2 {
|
3806 |
+
margin-left: 16.6666666667%;
|
3807 |
+
}
|
3808 |
+
.row .col.pull-m2 {
|
3809 |
+
right: 16.6666666667%;
|
3810 |
+
}
|
3811 |
+
.row .col.push-m2 {
|
3812 |
+
left: 16.6666666667%;
|
3813 |
+
}
|
3814 |
+
.row .col.offset-m3 {
|
3815 |
+
margin-left: 25%;
|
3816 |
+
}
|
3817 |
+
.row .col.pull-m3 {
|
3818 |
+
right: 25%;
|
3819 |
+
}
|
3820 |
+
.row .col.push-m3 {
|
3821 |
+
left: 25%;
|
3822 |
+
}
|
3823 |
+
.row .col.offset-m4 {
|
3824 |
+
margin-left: 33.3333333333%;
|
3825 |
+
}
|
3826 |
+
.row .col.pull-m4 {
|
3827 |
+
right: 33.3333333333%;
|
3828 |
+
}
|
3829 |
+
.row .col.push-m4 {
|
3830 |
+
left: 33.3333333333%;
|
3831 |
+
}
|
3832 |
+
.row .col.offset-m5 {
|
3833 |
+
margin-left: 41.6666666667%;
|
3834 |
+
}
|
3835 |
+
.row .col.pull-m5 {
|
3836 |
+
right: 41.6666666667%;
|
3837 |
+
}
|
3838 |
+
.row .col.push-m5 {
|
3839 |
+
left: 41.6666666667%;
|
3840 |
+
}
|
3841 |
+
.row .col.offset-m6 {
|
3842 |
+
margin-left: 50%;
|
3843 |
+
}
|
3844 |
+
.row .col.pull-m6 {
|
3845 |
+
right: 50%;
|
3846 |
+
}
|
3847 |
+
.row .col.push-m6 {
|
3848 |
+
left: 50%;
|
3849 |
+
}
|
3850 |
+
.row .col.offset-m7 {
|
3851 |
+
margin-left: 58.3333333333%;
|
3852 |
+
}
|
3853 |
+
.row .col.pull-m7 {
|
3854 |
+
right: 58.3333333333%;
|
3855 |
+
}
|
3856 |
+
.row .col.push-m7 {
|
3857 |
+
left: 58.3333333333%;
|
3858 |
+
}
|
3859 |
+
.row .col.offset-m8 {
|
3860 |
+
margin-left: 66.6666666667%;
|
3861 |
+
}
|
3862 |
+
.row .col.pull-m8 {
|
3863 |
+
right: 66.6666666667%;
|
3864 |
+
}
|
3865 |
+
.row .col.push-m8 {
|
3866 |
+
left: 66.6666666667%;
|
3867 |
+
}
|
3868 |
+
.row .col.offset-m9 {
|
3869 |
+
margin-left: 75%;
|
3870 |
+
}
|
3871 |
+
.row .col.pull-m9 {
|
3872 |
+
right: 75%;
|
3873 |
+
}
|
3874 |
+
.row .col.push-m9 {
|
3875 |
+
left: 75%;
|
3876 |
+
}
|
3877 |
+
.row .col.offset-m10 {
|
3878 |
+
margin-left: 83.3333333333%;
|
3879 |
+
}
|
3880 |
+
.row .col.pull-m10 {
|
3881 |
+
right: 83.3333333333%;
|
3882 |
+
}
|
3883 |
+
.row .col.push-m10 {
|
3884 |
+
left: 83.3333333333%;
|
3885 |
+
}
|
3886 |
+
.row .col.offset-m11 {
|
3887 |
+
margin-left: 91.6666666667%;
|
3888 |
+
}
|
3889 |
+
.row .col.pull-m11 {
|
3890 |
+
right: 91.6666666667%;
|
3891 |
+
}
|
3892 |
+
.row .col.push-m11 {
|
3893 |
+
left: 91.6666666667%;
|
3894 |
+
}
|
3895 |
+
.row .col.offset-m12 {
|
3896 |
+
margin-left: 100%;
|
3897 |
+
}
|
3898 |
+
.row .col.pull-m12 {
|
3899 |
+
right: 100%;
|
3900 |
+
}
|
3901 |
+
.row .col.push-m12 {
|
3902 |
+
left: 100%;
|
3903 |
+
}
|
3904 |
+
}
|
3905 |
+
|
3906 |
+
@media only screen and (min-width: 993px) {
|
3907 |
+
.row .col.l1 {
|
3908 |
+
width: 8.3333333333%;
|
3909 |
+
margin-left: auto;
|
3910 |
+
left: auto;
|
3911 |
+
right: auto;
|
3912 |
+
}
|
3913 |
+
.row .col.l2 {
|
3914 |
+
width: 16.6666666667%;
|
3915 |
+
margin-left: auto;
|
3916 |
+
left: auto;
|
3917 |
+
right: auto;
|
3918 |
+
}
|
3919 |
+
.row .col.l3 {
|
3920 |
+
width: 25%;
|
3921 |
+
margin-left: auto;
|
3922 |
+
left: auto;
|
3923 |
+
right: auto;
|
3924 |
+
}
|
3925 |
+
.row .col.l4 {
|
3926 |
+
width: 33.3333333333%;
|
3927 |
+
margin-left: auto;
|
3928 |
+
left: auto;
|
3929 |
+
right: auto;
|
3930 |
+
}
|
3931 |
+
.row .col.l5 {
|
3932 |
+
width: 41.6666666667%;
|
3933 |
+
margin-left: auto;
|
3934 |
+
left: auto;
|
3935 |
+
right: auto;
|
3936 |
+
}
|
3937 |
+
.row .col.l6 {
|
3938 |
+
width: 50%;
|
3939 |
+
margin-left: auto;
|
3940 |
+
left: auto;
|
3941 |
+
right: auto;
|
3942 |
+
}
|
3943 |
+
.row .col.l7 {
|
3944 |
+
width: 58.3333333333%;
|
3945 |
+
margin-left: auto;
|
3946 |
+
left: auto;
|
3947 |
+
right: auto;
|
3948 |
+
}
|
3949 |
+
.row .col.l8 {
|
3950 |
+
width: 66.6666666667%;
|
3951 |
+
margin-left: auto;
|
3952 |
+
left: auto;
|
3953 |
+
right: auto;
|
3954 |
+
}
|
3955 |
+
.row .col.l9 {
|
3956 |
+
width: 75%;
|
3957 |
+
margin-left: auto;
|
3958 |
+
left: auto;
|
3959 |
+
right: auto;
|
3960 |
+
}
|
3961 |
+
.row .col.l10 {
|
3962 |
+
width: 83.3333333333%;
|
3963 |
+
margin-left: auto;
|
3964 |
+
left: auto;
|
3965 |
+
right: auto;
|
3966 |
+
}
|
3967 |
+
.row .col.l11 {
|
3968 |
+
width: 91.6666666667%;
|
3969 |
+
margin-left: auto;
|
3970 |
+
left: auto;
|
3971 |
+
right: auto;
|
3972 |
+
}
|
3973 |
+
.row .col.l12 {
|
3974 |
+
width: 100%;
|
3975 |
+
margin-left: auto;
|
3976 |
+
left: auto;
|
3977 |
+
right: auto;
|
3978 |
+
}
|
3979 |
+
.row .col.offset-l1 {
|
3980 |
+
margin-left: 8.3333333333%;
|
3981 |
+
}
|
3982 |
+
.row .col.pull-l1 {
|
3983 |
+
right: 8.3333333333%;
|
3984 |
+
}
|
3985 |
+
.row .col.push-l1 {
|
3986 |
+
left: 8.3333333333%;
|
3987 |
+
}
|
3988 |
+
.row .col.offset-l2 {
|
3989 |
+
margin-left: 16.6666666667%;
|
3990 |
+
}
|
3991 |
+
.row .col.pull-l2 {
|
3992 |
+
right: 16.6666666667%;
|
3993 |
+
}
|
3994 |
+
.row .col.push-l2 {
|
3995 |
+
left: 16.6666666667%;
|
3996 |
+
}
|
3997 |
+
.row .col.offset-l3 {
|
3998 |
+
margin-left: 25%;
|
3999 |
+
}
|
4000 |
+
.row .col.pull-l3 {
|
4001 |
+
right: 25%;
|
4002 |
+
}
|
4003 |
+
.row .col.push-l3 {
|
4004 |
+
left: 25%;
|
4005 |
+
}
|
4006 |
+
.row .col.offset-l4 {
|
4007 |
+
margin-left: 33.3333333333%;
|
4008 |
+
}
|
4009 |
+
.row .col.pull-l4 {
|
4010 |
+
right: 33.3333333333%;
|
4011 |
+
}
|
4012 |
+
.row .col.push-l4 {
|
4013 |
+
left: 33.3333333333%;
|
4014 |
+
}
|
4015 |
+
.row .col.offset-l5 {
|
4016 |
+
margin-left: 41.6666666667%;
|
4017 |
+
}
|
4018 |
+
.row .col.pull-l5 {
|
4019 |
+
right: 41.6666666667%;
|
4020 |
+
}
|
4021 |
+
.row .col.push-l5 {
|
4022 |
+
left: 41.6666666667%;
|
4023 |
+
}
|
4024 |
+
.row .col.offset-l6 {
|
4025 |
+
margin-left: 50%;
|
4026 |
+
}
|
4027 |
+
.row .col.pull-l6 {
|
4028 |
+
right: 50%;
|
4029 |
+
}
|
4030 |
+
.row .col.push-l6 {
|
4031 |
+
left: 50%;
|
4032 |
+
}
|
4033 |
+
.row .col.offset-l7 {
|
4034 |
+
margin-left: 58.3333333333%;
|
4035 |
+
}
|
4036 |
+
.row .col.pull-l7 {
|
4037 |
+
right: 58.3333333333%;
|
4038 |
+
}
|
4039 |
+
.row .col.push-l7 {
|
4040 |
+
left: 58.3333333333%;
|
4041 |
+
}
|
4042 |
+
.row .col.offset-l8 {
|
4043 |
+
margin-left: 66.6666666667%;
|
4044 |
+
}
|
4045 |
+
.row .col.pull-l8 {
|
4046 |
+
right: 66.6666666667%;
|
4047 |
+
}
|
4048 |
+
.row .col.push-l8 {
|
4049 |
+
left: 66.6666666667%;
|
4050 |
+
}
|
4051 |
+
.row .col.offset-l9 {
|
4052 |
+
margin-left: 75%;
|
4053 |
+
}
|
4054 |
+
.row .col.pull-l9 {
|
4055 |
+
right: 75%;
|
4056 |
+
}
|
4057 |
+
.row .col.push-l9 {
|
4058 |
+
left: 75%;
|
4059 |
+
}
|
4060 |
+
.row .col.offset-l10 {
|
4061 |
+
margin-left: 83.3333333333%;
|
4062 |
+
}
|
4063 |
+
.row .col.pull-l10 {
|
4064 |
+
right: 83.3333333333%;
|
4065 |
+
}
|
4066 |
+
.row .col.push-l10 {
|
4067 |
+
left: 83.3333333333%;
|
4068 |
+
}
|
4069 |
+
.row .col.offset-l11 {
|
4070 |
+
margin-left: 91.6666666667%;
|
4071 |
+
}
|
4072 |
+
.row .col.pull-l11 {
|
4073 |
+
right: 91.6666666667%;
|
4074 |
+
}
|
4075 |
+
.row .col.push-l11 {
|
4076 |
+
left: 91.6666666667%;
|
4077 |
+
}
|
4078 |
+
.row .col.offset-l12 {
|
4079 |
+
margin-left: 100%;
|
4080 |
+
}
|
4081 |
+
.row .col.pull-l12 {
|
4082 |
+
right: 100%;
|
4083 |
+
}
|
4084 |
+
.row .col.push-l12 {
|
4085 |
+
left: 100%;
|
4086 |
+
}
|
4087 |
+
}
|
4088 |
+
|
4089 |
+
@media only screen and (min-width: 1201px) {
|
4090 |
+
.row .col.xl1 {
|
4091 |
+
width: 8.3333333333%;
|
4092 |
+
margin-left: auto;
|
4093 |
+
left: auto;
|
4094 |
+
right: auto;
|
4095 |
+
}
|
4096 |
+
.row .col.xl2 {
|
4097 |
+
width: 16.6666666667%;
|
4098 |
+
margin-left: auto;
|
4099 |
+
left: auto;
|
4100 |
+
right: auto;
|
4101 |
+
}
|
4102 |
+
.row .col.xl3 {
|
4103 |
+
width: 25%;
|
4104 |
+
margin-left: auto;
|
4105 |
+
left: auto;
|
4106 |
+
right: auto;
|
4107 |
+
}
|
4108 |
+
.row .col.xl4 {
|
4109 |
+
width: 33.3333333333%;
|
4110 |
+
margin-left: auto;
|
4111 |
+
left: auto;
|
4112 |
+
right: auto;
|
4113 |
+
}
|
4114 |
+
.row .col.xl5 {
|
4115 |
+
width: 41.6666666667%;
|
4116 |
+
margin-left: auto;
|
4117 |
+
left: auto;
|
4118 |
+
right: auto;
|
4119 |
+
}
|
4120 |
+
.row .col.xl6 {
|
4121 |
+
width: 50%;
|
4122 |
+
margin-left: auto;
|
4123 |
+
left: auto;
|
4124 |
+
right: auto;
|
4125 |
+
}
|
4126 |
+
.row .col.xl7 {
|
4127 |
+
width: 58.3333333333%;
|
4128 |
+
margin-left: auto;
|
4129 |
+
left: auto;
|
4130 |
+
right: auto;
|
4131 |
+
}
|
4132 |
+
.row .col.xl8 {
|
4133 |
+
width: 66.6666666667%;
|
4134 |
+
margin-left: auto;
|
4135 |
+
left: auto;
|
4136 |
+
right: auto;
|
4137 |
+
}
|
4138 |
+
.row .col.xl9 {
|
4139 |
+
width: 75%;
|
4140 |
+
margin-left: auto;
|
4141 |
+
left: auto;
|
4142 |
+
right: auto;
|
4143 |
+
}
|
4144 |
+
.row .col.xl10 {
|
4145 |
+
width: 83.3333333333%;
|
4146 |
+
margin-left: auto;
|
4147 |
+
left: auto;
|
4148 |
+
right: auto;
|
4149 |
+
}
|
4150 |
+
.row .col.xl11 {
|
4151 |
+
width: 91.6666666667%;
|
4152 |
+
margin-left: auto;
|
4153 |
+
left: auto;
|
4154 |
+
right: auto;
|
4155 |
+
}
|
4156 |
+
.row .col.xl12 {
|
4157 |
+
width: 100%;
|
4158 |
+
margin-left: auto;
|
4159 |
+
left: auto;
|
4160 |
+
right: auto;
|
4161 |
+
}
|
4162 |
+
.row .col.offset-xl1 {
|
4163 |
+
margin-left: 8.3333333333%;
|
4164 |
+
}
|
4165 |
+
.row .col.pull-xl1 {
|
4166 |
+
right: 8.3333333333%;
|
4167 |
+
}
|
4168 |
+
.row .col.push-xl1 {
|
4169 |
+
left: 8.3333333333%;
|
4170 |
+
}
|
4171 |
+
.row .col.offset-xl2 {
|
4172 |
+
margin-left: 16.6666666667%;
|
4173 |
+
}
|
4174 |
+
.row .col.pull-xl2 {
|
4175 |
+
right: 16.6666666667%;
|
4176 |
+
}
|
4177 |
+
.row .col.push-xl2 {
|
4178 |
+
left: 16.6666666667%;
|
4179 |
+
}
|
4180 |
+
.row .col.offset-xl3 {
|
4181 |
+
margin-left: 25%;
|
4182 |
+
}
|
4183 |
+
.row .col.pull-xl3 {
|
4184 |
+
right: 25%;
|
4185 |
+
}
|
4186 |
+
.row .col.push-xl3 {
|
4187 |
+
left: 25%;
|
4188 |
+
}
|
4189 |
+
.row .col.offset-xl4 {
|
4190 |
+
margin-left: 33.3333333333%;
|
4191 |
+
}
|
4192 |
+
.row .col.pull-xl4 {
|
4193 |
+
right: 33.3333333333%;
|
4194 |
+
}
|
4195 |
+
.row .col.push-xl4 {
|
4196 |
+
left: 33.3333333333%;
|
4197 |
+
}
|
4198 |
+
.row .col.offset-xl5 {
|
4199 |
+
margin-left: 41.6666666667%;
|
4200 |
+
}
|
4201 |
+
.row .col.pull-xl5 {
|
4202 |
+
right: 41.6666666667%;
|
4203 |
+
}
|
4204 |
+
.row .col.push-xl5 {
|
4205 |
+
left: 41.6666666667%;
|
4206 |
+
}
|
4207 |
+
.row .col.offset-xl6 {
|
4208 |
+
margin-left: 50%;
|
4209 |
+
}
|
4210 |
+
.row .col.pull-xl6 {
|
4211 |
+
right: 50%;
|
4212 |
+
}
|
4213 |
+
.row .col.push-xl6 {
|
4214 |
+
left: 50%;
|
4215 |
+
}
|
4216 |
+
.row .col.offset-xl7 {
|
4217 |
+
margin-left: 58.3333333333%;
|
4218 |
+
}
|
4219 |
+
.row .col.pull-xl7 {
|
4220 |
+
right: 58.3333333333%;
|
4221 |
+
}
|
4222 |
+
.row .col.push-xl7 {
|
4223 |
+
left: 58.3333333333%;
|
4224 |
+
}
|
4225 |
+
.row .col.offset-xl8 {
|
4226 |
+
margin-left: 66.6666666667%;
|
4227 |
+
}
|
4228 |
+
.row .col.pull-xl8 {
|
4229 |
+
right: 66.6666666667%;
|
4230 |
+
}
|
4231 |
+
.row .col.push-xl8 {
|
4232 |
+
left: 66.6666666667%;
|
4233 |
+
}
|
4234 |
+
.row .col.offset-xl9 {
|
4235 |
+
margin-left: 75%;
|
4236 |
+
}
|
4237 |
+
.row .col.pull-xl9 {
|
4238 |
+
right: 75%;
|
4239 |
+
}
|
4240 |
+
.row .col.push-xl9 {
|
4241 |
+
left: 75%;
|
4242 |
+
}
|
4243 |
+
.row .col.offset-xl10 {
|
4244 |
+
margin-left: 83.3333333333%;
|
4245 |
+
}
|
4246 |
+
.row .col.pull-xl10 {
|
4247 |
+
right: 83.3333333333%;
|
4248 |
+
}
|
4249 |
+
.row .col.push-xl10 {
|
4250 |
+
left: 83.3333333333%;
|
4251 |
+
}
|
4252 |
+
.row .col.offset-xl11 {
|
4253 |
+
margin-left: 91.6666666667%;
|
4254 |
+
}
|
4255 |
+
.row .col.pull-xl11 {
|
4256 |
+
right: 91.6666666667%;
|
4257 |
+
}
|
4258 |
+
.row .col.push-xl11 {
|
4259 |
+
left: 91.6666666667%;
|
4260 |
+
}
|
4261 |
+
.row .col.offset-xl12 {
|
4262 |
+
margin-left: 100%;
|
4263 |
+
}
|
4264 |
+
.row .col.pull-xl12 {
|
4265 |
+
right: 100%;
|
4266 |
+
}
|
4267 |
+
.row .col.push-xl12 {
|
4268 |
+
left: 100%;
|
4269 |
+
}
|
4270 |
+
}
|
4271 |
+
|
4272 |
+
nav {
|
4273 |
+
color: #fff;
|
4274 |
+
background-color: #ee6e73;
|
4275 |
+
width: 100%;
|
4276 |
+
height: 56px;
|
4277 |
+
line-height: 56px;
|
4278 |
+
}
|
4279 |
+
|
4280 |
+
nav.nav-extended {
|
4281 |
+
height: auto;
|
4282 |
+
}
|
4283 |
+
|
4284 |
+
nav.nav-extended .nav-wrapper {
|
4285 |
+
min-height: 56px;
|
4286 |
+
height: auto;
|
4287 |
+
}
|
4288 |
+
|
4289 |
+
nav.nav-extended .nav-content {
|
4290 |
+
position: relative;
|
4291 |
+
line-height: normal;
|
4292 |
+
}
|
4293 |
+
|
4294 |
+
nav a {
|
4295 |
+
color: #fff;
|
4296 |
+
}
|
4297 |
+
|
4298 |
+
nav i,
|
4299 |
+
nav [class^="mdi-"], nav [class*="mdi-"],
|
4300 |
+
nav i.material-icons {
|
4301 |
+
display: block;
|
4302 |
+
font-size: 24px;
|
4303 |
+
height: 56px;
|
4304 |
+
line-height: 56px;
|
4305 |
+
}
|
4306 |
+
|
4307 |
+
nav .nav-wrapper {
|
4308 |
+
position: relative;
|
4309 |
+
height: 100%;
|
4310 |
+
}
|
4311 |
+
|
4312 |
+
@media only screen and (min-width: 993px) {
|
4313 |
+
nav a.sidenav-trigger {
|
4314 |
+
display: none;
|
4315 |
+
}
|
4316 |
+
}
|
4317 |
+
|
4318 |
+
nav .sidenav-trigger {
|
4319 |
+
float: left;
|
4320 |
+
position: relative;
|
4321 |
+
z-index: 1;
|
4322 |
+
height: 56px;
|
4323 |
+
margin: 0 18px;
|
4324 |
+
}
|
4325 |
+
|
4326 |
+
nav .sidenav-trigger i {
|
4327 |
+
height: 56px;
|
4328 |
+
line-height: 56px;
|
4329 |
+
}
|
4330 |
+
|
4331 |
+
nav .brand-logo {
|
4332 |
+
position: absolute;
|
4333 |
+
color: #fff;
|
4334 |
+
display: inline-block;
|
4335 |
+
font-size: 2.1rem;
|
4336 |
+
padding: 0;
|
4337 |
+
}
|
4338 |
+
|
4339 |
+
nav .brand-logo.center {
|
4340 |
+
left: 50%;
|
4341 |
+
-webkit-transform: translateX(-50%);
|
4342 |
+
transform: translateX(-50%);
|
4343 |
+
}
|
4344 |
+
|
4345 |
+
@media only screen and (max-width: 992px) {
|
4346 |
+
nav .brand-logo {
|
4347 |
+
left: 50%;
|
4348 |
+
-webkit-transform: translateX(-50%);
|
4349 |
+
transform: translateX(-50%);
|
4350 |
+
}
|
4351 |
+
nav .brand-logo.left, nav .brand-logo.right {
|
4352 |
+
padding: 0;
|
4353 |
+
-webkit-transform: none;
|
4354 |
+
transform: none;
|
4355 |
+
}
|
4356 |
+
nav .brand-logo.left {
|
4357 |
+
left: 0.5rem;
|
4358 |
+
}
|
4359 |
+
nav .brand-logo.right {
|
4360 |
+
right: 0.5rem;
|
4361 |
+
left: auto;
|
4362 |
+
}
|
4363 |
+
}
|
4364 |
+
|
4365 |
+
nav .brand-logo.right {
|
4366 |
+
right: 0.5rem;
|
4367 |
+
padding: 0;
|
4368 |
+
}
|
4369 |
+
|
4370 |
+
nav .brand-logo i,
|
4371 |
+
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
|
4372 |
+
nav .brand-logo i.material-icons {
|
4373 |
+
float: left;
|
4374 |
+
margin-right: 15px;
|
4375 |
+
}
|
4376 |
+
|
4377 |
+
nav .nav-title {
|
4378 |
+
display: inline-block;
|
4379 |
+
font-size: 32px;
|
4380 |
+
padding: 28px 0;
|
4381 |
+
}
|
4382 |
+
|
4383 |
+
nav ul {
|
4384 |
+
margin: 0;
|
4385 |
+
}
|
4386 |
+
|
4387 |
+
nav ul li {
|
4388 |
+
-webkit-transition: background-color .3s;
|
4389 |
+
transition: background-color .3s;
|
4390 |
+
float: left;
|
4391 |
+
padding: 0;
|
4392 |
+
}
|
4393 |
+
|
4394 |
+
nav ul li.active {
|
4395 |
+
background-color: rgba(0, 0, 0, 0.1);
|
4396 |
+
}
|
4397 |
+
|
4398 |
+
nav ul a {
|
4399 |
+
-webkit-transition: background-color .3s;
|
4400 |
+
transition: background-color .3s;
|
4401 |
+
font-size: 1rem;
|
4402 |
+
color: #fff;
|
4403 |
+
display: block;
|
4404 |
+
padding: 0 15px;
|
4405 |
+
cursor: pointer;
|
4406 |
+
}
|
4407 |
+
|
4408 |
+
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
|
4409 |
+
margin-top: -2px;
|
4410 |
+
margin-left: 15px;
|
4411 |
+
margin-right: 15px;
|
4412 |
+
}
|
4413 |
+
|
4414 |
+
nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
|
4415 |
+
height: inherit;
|
4416 |
+
line-height: inherit;
|
4417 |
+
}
|
4418 |
+
|
4419 |
+
nav ul a:hover {
|
4420 |
+
background-color: rgba(0, 0, 0, 0.1);
|
4421 |
+
}
|
4422 |
+
|
4423 |
+
nav ul.left {
|
4424 |
+
float: left;
|
4425 |
+
}
|
4426 |
+
|
4427 |
+
nav form {
|
4428 |
+
height: 100%;
|
4429 |
+
}
|
4430 |
+
|
4431 |
+
nav .input-field {
|
4432 |
+
margin: 0;
|
4433 |
+
height: 100%;
|
4434 |
+
}
|
4435 |
+
|
4436 |
+
nav .input-field input {
|
4437 |
+
height: 100%;
|
4438 |
+
font-size: 1.2rem;
|
4439 |
+
border: none;
|
4440 |
+
padding-left: 2rem;
|
4441 |
+
}
|
4442 |
+
|
4443 |
+
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
|
4444 |
+
border: none;
|
4445 |
+
-webkit-box-shadow: none;
|
4446 |
+
box-shadow: none;
|
4447 |
+
}
|
4448 |
+
|
4449 |
+
nav .input-field label {
|
4450 |
+
top: 0;
|
4451 |
+
left: 0;
|
4452 |
+
}
|
4453 |
+
|
4454 |
+
nav .input-field label i {
|
4455 |
+
color: rgba(255, 255, 255, 0.7);
|
4456 |
+
-webkit-transition: color .3s;
|
4457 |
+
transition: color .3s;
|
4458 |
+
}
|
4459 |
+
|
4460 |
+
nav .input-field label.active i {
|
4461 |
+
color: #fff;
|
4462 |
+
}
|
4463 |
+
|
4464 |
+
.navbar-fixed {
|
4465 |
+
position: relative;
|
4466 |
+
height: 56px;
|
4467 |
+
z-index: 997;
|
4468 |
+
}
|
4469 |
+
|
4470 |
+
.navbar-fixed nav {
|
4471 |
+
position: fixed;
|
4472 |
+
}
|
4473 |
+
|
4474 |
+
@media only screen and (min-width: 601px) {
|
4475 |
+
nav.nav-extended .nav-wrapper {
|
4476 |
+
min-height: 64px;
|
4477 |
+
}
|
4478 |
+
nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
|
4479 |
+
height: 64px;
|
4480 |
+
line-height: 64px;
|
4481 |
+
}
|
4482 |
+
.navbar-fixed {
|
4483 |
+
height: 64px;
|
4484 |
+
}
|
4485 |
+
}
|
4486 |
+
|
4487 |
+
a {
|
4488 |
+
text-decoration: none;
|
4489 |
+
}
|
4490 |
+
|
4491 |
+
html {
|
4492 |
+
line-height: 1.5;
|
4493 |
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
4494 |
+
font-weight: normal;
|
4495 |
+
color: rgba(0, 0, 0, 0.87);
|
4496 |
+
}
|
4497 |
+
|
4498 |
+
@media only screen and (min-width: 0) {
|
4499 |
+
html {
|
4500 |
+
font-size: 14px;
|
4501 |
+
}
|
4502 |
+
}
|
4503 |
+
|
4504 |
+
@media only screen and (min-width: 992px) {
|
4505 |
+
html {
|
4506 |
+
font-size: 14.5px;
|
4507 |
+
}
|
4508 |
+
}
|
4509 |
+
|
4510 |
+
@media only screen and (min-width: 1200px) {
|
4511 |
+
html {
|
4512 |
+
font-size: 15px;
|
4513 |
+
}
|
4514 |
+
}
|
4515 |
+
|
4516 |
+
h1, h2, h3, h4, h5, h6 {
|
4517 |
+
font-weight: 400;
|
4518 |
+
line-height: 1.3;
|
4519 |
+
}
|
4520 |
+
|
4521 |
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
4522 |
+
font-weight: inherit;
|
4523 |
+
}
|
4524 |
+
|
4525 |
+
h1 {
|
4526 |
+
font-size: 4.2rem;
|
4527 |
+
line-height: 110%;
|
4528 |
+
margin: 2.8rem 0 1.68rem 0;
|
4529 |
+
}
|
4530 |
+
|
4531 |
+
h2 {
|
4532 |
+
font-size: 3.56rem;
|
4533 |
+
line-height: 110%;
|
4534 |
+
margin: 2.3733333333rem 0 1.424rem 0;
|
4535 |
+
}
|
4536 |
+
|
4537 |
+
h3 {
|
4538 |
+
font-size: 2.92rem;
|
4539 |
+
line-height: 110%;
|
4540 |
+
margin: 1.9466666667rem 0 1.168rem 0;
|
4541 |
+
}
|
4542 |
+
|
4543 |
+
h4 {
|
4544 |
+
font-size: 2.28rem;
|
4545 |
+
line-height: 110%;
|
4546 |
+
margin: 1.52rem 0 0.912rem 0;
|
4547 |
+
}
|
4548 |
+
|
4549 |
+
h5 {
|
4550 |
+
font-size: 1.64rem;
|
4551 |
+
line-height: 110%;
|
4552 |
+
margin: 1.0933333333rem 0 0.656rem 0;
|
4553 |
+
}
|
4554 |
+
|
4555 |
+
h6 {
|
4556 |
+
font-size: 1.15rem;
|
4557 |
+
line-height: 110%;
|
4558 |
+
margin: 0.7666666667rem 0 0.46rem 0;
|
4559 |
+
}
|
4560 |
+
|
4561 |
+
em {
|
4562 |
+
font-style: italic;
|
4563 |
+
}
|
4564 |
+
|
4565 |
+
strong {
|
4566 |
+
font-weight: 500;
|
4567 |
+
}
|
4568 |
+
|
4569 |
+
small {
|
4570 |
+
font-size: 75%;
|
4571 |
+
}
|
4572 |
+
|
4573 |
+
.light {
|
4574 |
+
font-weight: 300;
|
4575 |
+
}
|
4576 |
+
|
4577 |
+
.thin {
|
4578 |
+
font-weight: 200;
|
4579 |
+
}
|
4580 |
+
|
4581 |
+
@media only screen and (min-width: 360px) {
|
4582 |
+
.flow-text {
|
4583 |
+
font-size: 1.2rem;
|
4584 |
+
}
|
4585 |
+
}
|
4586 |
+
|
4587 |
+
@media only screen and (min-width: 390px) {
|
4588 |
+
.flow-text {
|
4589 |
+
font-size: 1.224rem;
|
4590 |
+
}
|
4591 |
+
}
|
4592 |
+
|
4593 |
+
@media only screen and (min-width: 420px) {
|
4594 |
+
.flow-text {
|
4595 |
+
font-size: 1.248rem;
|
4596 |
+
}
|
4597 |
+
}
|
4598 |
+
|
4599 |
+
@media only screen and (min-width: 450px) {
|
4600 |
+
.flow-text {
|
4601 |
+
font-size: 1.272rem;
|
4602 |
+
}
|
4603 |
+
}
|
4604 |
+
|
4605 |
+
@media only screen and (min-width: 480px) {
|
4606 |
+
.flow-text {
|
4607 |
+
font-size: 1.296rem;
|
4608 |
+
}
|
4609 |
+
}
|
4610 |
+
|
4611 |
+
@media only screen and (min-width: 510px) {
|
4612 |
+
.flow-text {
|
4613 |
+
font-size: 1.32rem;
|
4614 |
+
}
|
4615 |
+
}
|
4616 |
+
|
4617 |
+
@media only screen and (min-width: 540px) {
|
4618 |
+
.flow-text {
|
4619 |
+
font-size: 1.344rem;
|
4620 |
+
}
|
4621 |
+
}
|
4622 |
+
|
4623 |
+
@media only screen and (min-width: 570px) {
|
4624 |
+
.flow-text {
|
4625 |
+
font-size: 1.368rem;
|
4626 |
+
}
|
4627 |
+
}
|
4628 |
+
|
4629 |
+
@media only screen and (min-width: 600px) {
|
4630 |
+
.flow-text {
|
4631 |
+
font-size: 1.392rem;
|
4632 |
+
}
|
4633 |
+
}
|
4634 |
+
|
4635 |
+
@media only screen and (min-width: 630px) {
|
4636 |
+
.flow-text {
|
4637 |
+
font-size: 1.416rem;
|
4638 |
+
}
|
4639 |
+
}
|
4640 |
+
|
4641 |
+
@media only screen and (min-width: 660px) {
|
4642 |
+
.flow-text {
|
4643 |
+
font-size: 1.44rem;
|
4644 |
+
}
|
4645 |
+
}
|
4646 |
+
|
4647 |
+
@media only screen and (min-width: 690px) {
|
4648 |
+
.flow-text {
|
4649 |
+
font-size: 1.464rem;
|
4650 |
+
}
|
4651 |
+
}
|
4652 |
+
|
4653 |
+
@media only screen and (min-width: 720px) {
|
4654 |
+
.flow-text {
|
4655 |
+
font-size: 1.488rem;
|
4656 |
+
}
|
4657 |
+
}
|
4658 |
+
|
4659 |
+
@media only screen and (min-width: 750px) {
|
4660 |
+
.flow-text {
|
4661 |
+
font-size: 1.512rem;
|
4662 |
+
}
|
4663 |
+
}
|
4664 |
+
|
4665 |
+
@media only screen and (min-width: 780px) {
|
4666 |
+
.flow-text {
|
4667 |
+
font-size: 1.536rem;
|
4668 |
+
}
|
4669 |
+
}
|
4670 |
+
|
4671 |
+
@media only screen and (min-width: 810px) {
|
4672 |
+
.flow-text {
|
4673 |
+
font-size: 1.56rem;
|
4674 |
+
}
|
4675 |
+
}
|
4676 |
+
|
4677 |
+
@media only screen and (min-width: 840px) {
|
4678 |
+
.flow-text {
|
4679 |
+
font-size: 1.584rem;
|
4680 |
+
}
|
4681 |
+
}
|
4682 |
+
|
4683 |
+
@media only screen and (min-width: 870px) {
|
4684 |
+
.flow-text {
|
4685 |
+
font-size: 1.608rem;
|
4686 |
+
}
|
4687 |
+
}
|
4688 |
+
|
4689 |
+
@media only screen and (min-width: 900px) {
|
4690 |
+
.flow-text {
|
4691 |
+
font-size: 1.632rem;
|
4692 |
+
}
|
4693 |
+
}
|
4694 |
+
|
4695 |
+
@media only screen and (min-width: 930px) {
|
4696 |
+
.flow-text {
|
4697 |
+
font-size: 1.656rem;
|
4698 |
+
}
|
4699 |
+
}
|
4700 |
+
|
4701 |
+
@media only screen and (min-width: 960px) {
|
4702 |
+
.flow-text {
|
4703 |
+
font-size: 1.68rem;
|
4704 |
+
}
|
4705 |
+
}
|
4706 |
+
|
4707 |
+
@media only screen and (max-width: 360px) {
|
4708 |
+
.flow-text {
|
4709 |
+
font-size: 1.2rem;
|
4710 |
+
}
|
4711 |
+
}
|
4712 |
+
|
4713 |
+
.scale-transition {
|
4714 |
+
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4715 |
+
transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4716 |
+
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4717 |
+
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
|
4718 |
+
}
|
4719 |
+
|
4720 |
+
.scale-transition.scale-out {
|
4721 |
+
-webkit-transform: scale(0);
|
4722 |
+
transform: scale(0);
|
4723 |
+
-webkit-transition: -webkit-transform .2s !important;
|
4724 |
+
transition: -webkit-transform .2s !important;
|
4725 |
+
transition: transform .2s !important;
|
4726 |
+
transition: transform .2s, -webkit-transform .2s !important;
|
4727 |
+
}
|
4728 |
+
|
4729 |
+
.scale-transition.scale-in {
|
4730 |
+
-webkit-transform: scale(1);
|
4731 |
+
transform: scale(1);
|
4732 |
+
}
|
4733 |
+
|
4734 |
+
.card-panel {
|
4735 |
+
-webkit-transition: -webkit-box-shadow .25s;
|
4736 |
+
transition: -webkit-box-shadow .25s;
|
4737 |
+
transition: box-shadow .25s;
|
4738 |
+
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
4739 |
+
padding: 24px;
|
4740 |
+
margin: 0.5rem 0 1rem 0;
|
4741 |
+
border-radius: 2px;
|
4742 |
+
background-color: #fff;
|
4743 |
+
}
|
4744 |
+
|
4745 |
+
.card {
|
4746 |
+
position: relative;
|
4747 |
+
margin: 0.5rem 0 1rem 0;
|
4748 |
+
background-color: #fff;
|
4749 |
+
-webkit-transition: -webkit-box-shadow .25s;
|
4750 |
+
transition: -webkit-box-shadow .25s;
|
4751 |
+
transition: box-shadow .25s;
|
4752 |
+
transition: box-shadow .25s, -webkit-box-shadow .25s;
|
4753 |
+
border-radius: 2px;
|
4754 |
+
}
|
4755 |
+
|
4756 |
+
.card .card-title {
|
4757 |
+
font-size: 24px;
|
4758 |
+
font-weight: 300;
|
4759 |
+
}
|
4760 |
+
|
4761 |
+
.card .card-title.activator {
|
4762 |
+
cursor: pointer;
|
4763 |
+
}
|
4764 |
+
|
4765 |
+
.card.small, .card.medium, .card.large {
|
4766 |
+
position: relative;
|
4767 |
+
}
|
4768 |
+
|
4769 |
+
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
|
4770 |
+
max-height: 60%;
|
4771 |
+
overflow: hidden;
|
4772 |
+
}
|
4773 |
+
|
4774 |
+
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
|
4775 |
+
max-height: 40%;
|
4776 |
+
}
|
4777 |
+
|
4778 |
+
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
|
4779 |
+
max-height: 100%;
|
4780 |
+
overflow: hidden;
|
4781 |
+
}
|
4782 |
+
|
4783 |
+
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
|
4784 |
+
position: absolute;
|
4785 |
+
bottom: 0;
|
4786 |
+
left: 0;
|
4787 |
+
right: 0;
|
4788 |
+
}
|
4789 |
+
|
4790 |
+
.card.small {
|
4791 |
+
height: 300px;
|
4792 |
+
}
|
4793 |
+
|
4794 |
+
.card.medium {
|
4795 |
+
height: 400px;
|
4796 |
+
}
|
4797 |
+
|
4798 |
+
.card.large {
|
4799 |
+
height: 500px;
|
4800 |
+
}
|
4801 |
+
|
4802 |
+
.card.horizontal {
|
4803 |
+
display: -webkit-box;
|
4804 |
+
display: -webkit-flex;
|
4805 |
+
display: -ms-flexbox;
|
4806 |
+
display: flex;
|
4807 |
+
}
|
4808 |
+
|
4809 |
+
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
|
4810 |
+
height: 100%;
|
4811 |
+
max-height: none;
|
4812 |
+
overflow: visible;
|
4813 |
+
}
|
4814 |
+
|
4815 |
+
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
|
4816 |
+
height: 100%;
|
4817 |
+
}
|
4818 |
+
|
4819 |
+
.card.horizontal .card-image {
|
4820 |
+
max-width: 50%;
|
4821 |
+
}
|
4822 |
+
|
4823 |
+
.card.horizontal .card-image img {
|
4824 |
+
border-radius: 2px 0 0 2px;
|
4825 |
+
max-width: 100%;
|
4826 |
+
width: auto;
|
4827 |
+
}
|
4828 |
+
|
4829 |
+
.card.horizontal .card-stacked {
|
4830 |
+
display: -webkit-box;
|
4831 |
+
display: -webkit-flex;
|
4832 |
+
display: -ms-flexbox;
|
4833 |
+
display: flex;
|
4834 |
+
-webkit-box-orient: vertical;
|
4835 |
+
-webkit-box-direction: normal;
|
4836 |
+
-webkit-flex-direction: column;
|
4837 |
+
-ms-flex-direction: column;
|
4838 |
+
flex-direction: column;
|
4839 |
+
-webkit-box-flex: 1;
|
4840 |
+
-webkit-flex: 1;
|
4841 |
+
-ms-flex: 1;
|
4842 |
+
flex: 1;
|
4843 |
+
position: relative;
|
4844 |
+
}
|
4845 |
+
|
4846 |
+
.card.horizontal .card-stacked .card-content {
|
4847 |
+
-webkit-box-flex: 1;
|
4848 |
+
-webkit-flex-grow: 1;
|
4849 |
+
-ms-flex-positive: 1;
|
4850 |
+
flex-grow: 1;
|
4851 |
+
}
|
4852 |
+
|
4853 |
+
.card.sticky-action .card-action {
|
4854 |
+
z-index: 2;
|
4855 |
+
}
|
4856 |
+
|
4857 |
+
.card.sticky-action .card-reveal {
|
4858 |
+
z-index: 1;
|
4859 |
+
padding-bottom: 64px;
|
4860 |
+
}
|
4861 |
+
|
4862 |
+
.card .card-image {
|
4863 |
+
position: relative;
|
4864 |
+
}
|
4865 |
+
|
4866 |
+
.card .card-image img {
|
4867 |
+
display: block;
|
4868 |
+
border-radius: 2px 2px 0 0;
|
4869 |
+
position: relative;
|
4870 |
+
left: 0;
|
4871 |
+
right: 0;
|
4872 |
+
top: 0;
|
4873 |
+
bottom: 0;
|
4874 |
+
width: 100%;
|
4875 |
+
}
|
4876 |
+
|
4877 |
+
.card .card-image .card-title {
|
4878 |
+
color: #fff;
|
4879 |
+
position: absolute;
|
4880 |
+
bottom: 0;
|
4881 |
+
left: 0;
|
4882 |
+
max-width: 100%;
|
4883 |
+
padding: 24px;
|
4884 |
+
}
|
4885 |
+
|
4886 |
+
.card .card-content {
|
4887 |
+
padding: 24px;
|
4888 |
+
border-radius: 0 0 2px 2px;
|
4889 |
+
}
|
4890 |
+
|
4891 |
+
.card .card-content p {
|
4892 |
+
margin: 0;
|
4893 |
+
}
|
4894 |
+
|
4895 |
+
.card .card-content .card-title {
|
4896 |
+
display: block;
|
4897 |
+
line-height: 32px;
|
4898 |
+
margin-bottom: 8px;
|
4899 |
+
}
|
4900 |
+
|
4901 |
+
.card .card-content .card-title i {
|
4902 |
+
line-height: 32px;
|
4903 |
+
}
|
4904 |
+
|
4905 |
+
.card .card-action {
|
4906 |
+
background-color: inherit;
|
4907 |
+
border-top: 1px solid rgba(160, 160, 160, 0.2);
|
4908 |
+
position: relative;
|
4909 |
+
padding: 16px 24px;
|
4910 |
+
}
|
4911 |
+
|
4912 |
+
.card .card-action:last-child {
|
4913 |
+
border-radius: 0 0 2px 2px;
|
4914 |
+
}
|
4915 |
+
|
4916 |
+
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
|
4917 |
+
color: #ffab40;
|
4918 |
+
margin-right: 24px;
|
4919 |
+
-webkit-transition: color .3s ease;
|
4920 |
+
transition: color .3s ease;
|
4921 |
+
text-transform: uppercase;
|
4922 |
+
}
|
4923 |
+
|
4924 |
+
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
|
4925 |
+
color: #ffd8a6;
|
4926 |
+
}
|
4927 |
+
|
4928 |
+
.card .card-reveal {
|
4929 |
+
padding: 24px;
|
4930 |
+
position: absolute;
|
4931 |
+
background-color: #fff;
|
4932 |
+
width: 100%;
|
4933 |
+
overflow-y: auto;
|
4934 |
+
left: 0;
|
4935 |
+
top: 100%;
|
4936 |
+
height: 100%;
|
4937 |
+
z-index: 3;
|
4938 |
+
display: none;
|
4939 |
+
}
|
4940 |
+
|
4941 |
+
.card .card-reveal .card-title {
|
4942 |
+
cursor: pointer;
|
4943 |
+
display: block;
|
4944 |
+
}
|
4945 |
+
|
4946 |
+
#toast-container {
|
4947 |
+
display: block;
|
4948 |
+
position: fixed;
|
4949 |
+
z-index: 10000;
|
4950 |
+
}
|
4951 |
+
|
4952 |
+
@media only screen and (max-width: 600px) {
|
4953 |
+
#toast-container {
|
4954 |
+
min-width: 100%;
|
4955 |
+
bottom: 0%;
|
4956 |
+
}
|
4957 |
+
}
|
4958 |
+
|
4959 |
+
@media only screen and (min-width: 601px) and (max-width: 992px) {
|
4960 |
+
#toast-container {
|
4961 |
+
left: 5%;
|
4962 |
+
bottom: 7%;
|
4963 |
+
max-width: 90%;
|
4964 |
+
}
|
4965 |
+
}
|
4966 |
+
|
4967 |
+
@media only screen and (min-width: 993px) {
|
4968 |
+
#toast-container {
|
4969 |
+
top: 10%;
|
4970 |
+
right: 7%;
|
4971 |
+
max-width: 86%;
|
4972 |
+
}
|
4973 |
+
}
|
4974 |
+
|
4975 |
+
.toast {
|
4976 |
+
border-radius: 2px;
|
4977 |
+
top: 35px;
|
4978 |
+
width: auto;
|
4979 |
+
margin-top: 10px;
|
4980 |
+
position: relative;
|
4981 |
+
max-width: 100%;
|
4982 |
+
height: auto;
|
4983 |
+
min-height: 48px;
|
4984 |
+
line-height: 1.5em;
|
4985 |
+
background-color: #323232;
|
4986 |
+
padding: 10px 25px;
|
4987 |
+
font-size: 1.1rem;
|
4988 |
+
font-weight: 300;
|
4989 |
+
color: #fff;
|
4990 |
+
display: -webkit-box;
|
4991 |
+
display: -webkit-flex;
|
4992 |
+
display: -ms-flexbox;
|
4993 |
+
display: flex;
|
4994 |
+
-webkit-box-align: center;
|
4995 |
+
-webkit-align-items: center;
|
4996 |
+
-ms-flex-align: center;
|
4997 |
+
align-items: center;
|
4998 |
+
-webkit-box-pack: justify;
|
4999 |
+
-webkit-justify-content: space-between;
|
5000 |
+
-ms-flex-pack: justify;
|
5001 |
+
justify-content: space-between;
|
5002 |
+
cursor: default;
|
5003 |
+
}
|
5004 |
+
|
5005 |
+
.toast .toast-action {
|
5006 |
+
color: #eeff41;
|
5007 |
+
font-weight: 500;
|
5008 |
+
margin-right: -25px;
|
5009 |
+
margin-left: 3rem;
|
5010 |
+
}
|
5011 |
+
|
5012 |
+
.toast.rounded {
|
5013 |
+
border-radius: 24px;
|
5014 |
+
}
|
5015 |
+
|
5016 |
+
@media only screen and (max-width: 600px) {
|
5017 |
+
.toast {
|
5018 |
+
width: 100%;
|
5019 |
+
border-radius: 0;
|
5020 |
+
}
|
5021 |
+
}
|
5022 |
+
|
5023 |
+
.tabs {
|
5024 |
+
position: relative;
|
5025 |
+
overflow-x: auto;
|
5026 |
+
overflow-y: hidden;
|
5027 |
+
height: 48px;
|
5028 |
+
width: 100%;
|
5029 |
+
background-color: #fff;
|
5030 |
+
margin: 0 auto;
|
5031 |
+
white-space: nowrap;
|
5032 |
+
}
|
5033 |
+
|
5034 |
+
.tabs.tabs-transparent {
|
5035 |
+
background-color: transparent;
|
5036 |
+
}
|
5037 |
+
|
5038 |
+
.tabs.tabs-transparent .tab a,
|
5039 |
+
.tabs.tabs-transparent .tab.disabled a,
|
5040 |
+
.tabs.tabs-transparent .tab.disabled a:hover {
|
5041 |
+
color: rgba(255, 255, 255, 0.7);
|
5042 |
+
}
|
5043 |
+
|
5044 |
+
.tabs.tabs-transparent .tab a:hover,
|
5045 |
+
.tabs.tabs-transparent .tab a.active {
|
5046 |
+
color: #fff;
|
5047 |
+
}
|
5048 |
+
|
5049 |
+
.tabs.tabs-transparent .indicator {
|
5050 |
+
background-color: #fff;
|
5051 |
+
}
|
5052 |
+
|
5053 |
+
.tabs.tabs-fixed-width {
|
5054 |
+
display: -webkit-box;
|
5055 |
+
display: -webkit-flex;
|
5056 |
+
display: -ms-flexbox;
|
5057 |
+
display: flex;
|
5058 |
+
}
|
5059 |
+
|
5060 |
+
.tabs.tabs-fixed-width .tab {
|
5061 |
+
-webkit-box-flex: 1;
|
5062 |
+
-webkit-flex-grow: 1;
|
5063 |
+
-ms-flex-positive: 1;
|
5064 |
+
flex-grow: 1;
|
5065 |
+
}
|
5066 |
+
|
5067 |
+
.tabs .tab {
|
5068 |
+
display: inline-block;
|
5069 |
+
text-align: center;
|
5070 |
+
line-height: 48px;
|
5071 |
+
height: 48px;
|
5072 |
+
padding: 0;
|
5073 |
+
margin: 0;
|
5074 |
+
text-transform: uppercase;
|
5075 |
+
}
|
5076 |
+
|
5077 |
+
.tabs .tab a {
|
5078 |
+
color: rgba(238, 110, 115, 0.7);
|
5079 |
+
display: block;
|
5080 |
+
width: 100%;
|
5081 |
+
height: 100%;
|
5082 |
+
padding: 0 24px;
|
5083 |
+
font-size: 14px;
|
5084 |
+
text-overflow: ellipsis;
|
5085 |
+
overflow: hidden;
|
5086 |
+
-webkit-transition: color .28s ease, background-color .28s ease;
|
5087 |
+
transition: color .28s ease, background-color .28s ease;
|
5088 |
+
}
|
5089 |
+
|
5090 |
+
.tabs .tab a:focus, .tabs .tab a:focus.active {
|
5091 |
+
background-color: rgba(246, 178, 181, 0.2);
|
5092 |
+
outline: none;
|
5093 |
+
}
|
5094 |
+
|
5095 |
+
.tabs .tab a:hover, .tabs .tab a.active {
|
5096 |
+
background-color: transparent;
|
5097 |
+
color: #ee6e73;
|
5098 |
+
}
|
5099 |
+
|
5100 |
+
.tabs .tab.disabled a,
|
5101 |
+
.tabs .tab.disabled a:hover {
|
5102 |
+
color: rgba(238, 110, 115, 0.4);
|
5103 |
+
cursor: default;
|
5104 |
+
}
|
5105 |
+
|
5106 |
+
.tabs .indicator {
|
5107 |
+
position: absolute;
|
5108 |
+
bottom: 0;
|
5109 |
+
height: 2px;
|
5110 |
+
background-color: #f6b2b5;
|
5111 |
+
will-change: left, right;
|
5112 |
+
}
|
5113 |
+
|
5114 |
+
@media only screen and (max-width: 992px) {
|
5115 |
+
.tabs {
|
5116 |
+
display: -webkit-box;
|
5117 |
+
display: -webkit-flex;
|
5118 |
+
display: -ms-flexbox;
|
5119 |
+
display: flex;
|
5120 |
+
}
|
5121 |
+
.tabs .tab {
|
5122 |
+
-webkit-box-flex: 1;
|
5123 |
+
-webkit-flex-grow: 1;
|
5124 |
+
-ms-flex-positive: 1;
|
5125 |
+
flex-grow: 1;
|
5126 |
+
}
|
5127 |
+
.tabs .tab a {
|
5128 |
+
padding: 0 12px;
|
5129 |
+
}
|
5130 |
+
}
|
5131 |
+
|
5132 |
+
.material-tooltip {
|
5133 |
+
padding: 10px 8px;
|
5134 |
+
font-size: 1rem;
|
5135 |
+
z-index: 2000;
|
5136 |
+
background-color: transparent;
|
5137 |
+
border-radius: 2px;
|
5138 |
+
color: #fff;
|
5139 |
+
min-height: 36px;
|
5140 |
+
line-height: 120%;
|
5141 |
+
opacity: 0;
|
5142 |
+
position: absolute;
|
5143 |
+
text-align: center;
|
5144 |
+
max-width: calc(100% - 4px);
|
5145 |
+
overflow: hidden;
|
5146 |
+
left: 0;
|
5147 |
+
top: 0;
|
5148 |
+
pointer-events: none;
|
5149 |
+
visibility: hidden;
|
5150 |
+
background-color: #323232;
|
5151 |
+
}
|
5152 |
+
|
5153 |
+
.backdrop {
|
5154 |
+
position: absolute;
|
5155 |
+
opacity: 0;
|
5156 |
+
height: 7px;
|
5157 |
+
width: 14px;
|
5158 |
+
border-radius: 0 0 50% 50%;
|
5159 |
+
background-color: #323232;
|
5160 |
+
z-index: -1;
|
5161 |
+
-webkit-transform-origin: 50% 0%;
|
5162 |
+
transform-origin: 50% 0%;
|
5163 |
+
visibility: hidden;
|
5164 |
+
}
|
5165 |
+
|
5166 |
+
.btn, .btn-large, .btn-small,
|
5167 |
+
.btn-flat {
|
5168 |
+
border: none;
|
5169 |
+
border-radius: 2px;
|
5170 |
+
display: inline-block;
|
5171 |
+
height: 36px;
|
5172 |
+
line-height: 36px;
|
5173 |
+
padding: 0 16px;
|
5174 |
+
text-transform: uppercase;
|
5175 |
+
vertical-align: middle;
|
5176 |
+
-webkit-tap-highlight-color: transparent;
|
5177 |
+
}
|
5178 |
+
|
5179 |
+
.btn.disabled, .disabled.btn-large, .disabled.btn-small,
|
5180 |
+
.btn-floating.disabled,
|
5181 |
+
.btn-large.disabled,
|
5182 |
+
.btn-small.disabled,
|
5183 |
+
.btn-flat.disabled,
|
5184 |
+
.btn:disabled,
|
5185 |
+
.btn-large:disabled,
|
5186 |
+
.btn-small:disabled,
|
5187 |
+
.btn-floating:disabled,
|
5188 |
+
.btn-large:disabled,
|
5189 |
+
.btn-small:disabled,
|
5190 |
+
.btn-flat:disabled,
|
5191 |
+
.btn[disabled],
|
5192 |
+
.btn-large[disabled],
|
5193 |
+
.btn-small[disabled],
|
5194 |
+
.btn-floating[disabled],
|
5195 |
+
.btn-large[disabled],
|
5196 |
+
.btn-small[disabled],
|
5197 |
+
.btn-flat[disabled] {
|
5198 |
+
pointer-events: none;
|
5199 |
+
background-color: #DFDFDF !important;
|
5200 |
+
-webkit-box-shadow: none;
|
5201 |
+
box-shadow: none;
|
5202 |
+
color: #9F9F9F !important;
|
5203 |
+
cursor: default;
|
5204 |
+
}
|
5205 |
+
|
5206 |
+
.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
|
5207 |
+
.btn-floating.disabled:hover,
|
5208 |
+
.btn-large.disabled:hover,
|
5209 |
+
.btn-small.disabled:hover,
|
5210 |
+
.btn-flat.disabled:hover,
|
5211 |
+
.btn:disabled:hover,
|
5212 |
+
.btn-large:disabled:hover,
|
5213 |
+
.btn-small:disabled:hover,
|
5214 |
+
.btn-floating:disabled:hover,
|
5215 |
+
.btn-large:disabled:hover,
|
5216 |
+
.btn-small:disabled:hover,
|
5217 |
+
.btn-flat:disabled:hover,
|
5218 |
+
.btn[disabled]:hover,
|
5219 |
+
.btn-large[disabled]:hover,
|
5220 |
+
.btn-small[disabled]:hover,
|
5221 |
+
.btn-floating[disabled]:hover,
|
5222 |
+
.btn-large[disabled]:hover,
|
5223 |
+
.btn-small[disabled]:hover,
|
5224 |
+
.btn-flat[disabled]:hover {
|
5225 |
+
background-color: #DFDFDF !important;
|
5226 |
+
color: #9F9F9F !important;
|
5227 |
+
}
|
5228 |
+
|
5229 |
+
.btn, .btn-large, .btn-small,
|
5230 |
+
.btn-floating,
|
5231 |
+
.btn-large,
|
5232 |
+
.btn-small,
|
5233 |
+
.btn-flat {
|
5234 |
+
font-size: 14px;
|
5235 |
+
outline: 0;
|
5236 |
+
}
|
5237 |
+
|
5238 |
+
.btn i, .btn-large i, .btn-small i,
|
5239 |
+
.btn-floating i,
|
5240 |
+
.btn-large i,
|
5241 |
+
.btn-small i,
|
5242 |
+
.btn-flat i {
|
5243 |
+
font-size: 1.3rem;
|
5244 |
+
line-height: inherit;
|
5245 |
+
}
|
5246 |
+
|
5247 |
+
.btn:focus, .btn-large:focus, .btn-small:focus,
|
5248 |
+
.btn-floating:focus {
|
5249 |
+
background-color: #1d7d74;
|
5250 |
+
}
|
5251 |
+
|
5252 |
+
.btn, .btn-large, .btn-small {
|
5253 |
+
text-decoration: none;
|
5254 |
+
color: #fff;
|
5255 |
+
background-color: #26a69a;
|
5256 |
+
text-align: center;
|
5257 |
+
letter-spacing: .5px;
|
5258 |
+
-webkit-transition: background-color .2s ease-out;
|
5259 |
+
transition: background-color .2s ease-out;
|
5260 |
+
cursor: pointer;
|
5261 |
+
}
|
5262 |
+
|
5263 |
+
.btn:hover, .btn-large:hover, .btn-small:hover {
|
5264 |
+
background-color: #2bbbad;
|
5265 |
+
}
|
5266 |
+
|
5267 |
+
.btn-floating {
|
5268 |
+
display: inline-block;
|
5269 |
+
color: #fff;
|
5270 |
+
position: relative;
|
5271 |
+
overflow: hidden;
|
5272 |
+
z-index: 1;
|
5273 |
+
width: 40px;
|
5274 |
+
height: 40px;
|
5275 |
+
line-height: 40px;
|
5276 |
+
padding: 0;
|
5277 |
+
background-color: #26a69a;
|
5278 |
+
border-radius: 50%;
|
5279 |
+
-webkit-transition: background-color .3s;
|
5280 |
+
transition: background-color .3s;
|
5281 |
+
cursor: pointer;
|
5282 |
+
vertical-align: middle;
|
5283 |
+
}
|
5284 |
+
|
5285 |
+
.btn-floating:hover {
|
5286 |
+
background-color: #26a69a;
|
5287 |
+
}
|
5288 |
+
|
5289 |
+
.btn-floating:before {
|
5290 |
+
border-radius: 0;
|
5291 |
+
}
|
5292 |
+
|
5293 |
+
.btn-floating.btn-large {
|
5294 |
+
width: 56px;
|
5295 |
+
height: 56px;
|
5296 |
+
padding: 0;
|
5297 |
+
}
|
5298 |
+
|
5299 |
+
.btn-floating.btn-large.halfway-fab {
|
5300 |
+
bottom: -28px;
|
5301 |
+
}
|
5302 |
+
|
5303 |
+
.btn-floating.btn-large i {
|
5304 |
+
line-height: 56px;
|
5305 |
+
}
|
5306 |
+
|
5307 |
+
.btn-floating.btn-small {
|
5308 |
+
width: 32.4px;
|
5309 |
+
height: 32.4px;
|
5310 |
+
}
|
5311 |
+
|
5312 |
+
.btn-floating.btn-small.halfway-fab {
|
5313 |
+
bottom: -16.2px;
|
5314 |
+
}
|
5315 |
+
|
5316 |
+
.btn-floating.btn-small i {
|
5317 |
+
line-height: 32.4px;
|
5318 |
+
}
|
5319 |
+
|
5320 |
+
.btn-floating.halfway-fab {
|
5321 |
+
position: absolute;
|
5322 |
+
right: 24px;
|
5323 |
+
bottom: -20px;
|
5324 |
+
}
|
5325 |
+
|
5326 |
+
.btn-floating.halfway-fab.left {
|
5327 |
+
right: auto;
|
5328 |
+
left: 24px;
|
5329 |
+
}
|
5330 |
+
|
5331 |
+
.btn-floating i {
|
5332 |
+
width: inherit;
|
5333 |
+
display: inline-block;
|
5334 |
+
text-align: center;
|
5335 |
+
color: #fff;
|
5336 |
+
font-size: 1.6rem;
|
5337 |
+
line-height: 40px;
|
5338 |
+
}
|
5339 |
+
|
5340 |
+
button.btn-floating {
|
5341 |
+
border: none;
|
5342 |
+
}
|
5343 |
+
|
5344 |
+
.fixed-action-btn {
|
5345 |
+
position: fixed;
|
5346 |
+
right: 23px;
|
5347 |
+
bottom: 23px;
|
5348 |
+
padding-top: 15px;
|
5349 |
+
margin-bottom: 0;
|
5350 |
+
z-index: 997;
|
5351 |
+
}
|
5352 |
+
|
5353 |
+
.fixed-action-btn.active ul {
|
5354 |
+
visibility: visible;
|
5355 |
+
}
|
5356 |
+
|
5357 |
+
.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
|
5358 |
+
padding: 0 0 0 15px;
|
5359 |
+
}
|
5360 |
+
|
5361 |
+
.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
|
5362 |
+
text-align: right;
|
5363 |
+
right: 64px;
|
5364 |
+
top: 50%;
|
5365 |
+
-webkit-transform: translateY(-50%);
|
5366 |
+
transform: translateY(-50%);
|
5367 |
+
height: 100%;
|
5368 |
+
left: auto;
|
5369 |
+
/*width 100% only goes to width of button container */
|
5370 |
+
width: 500px;
|
5371 |
+
}
|
5372 |
+
|
5373 |
+
.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
|
5374 |
+
display: inline-block;
|
5375 |
+
margin: 7.5px 15px 0 0;
|
5376 |
+
}
|
5377 |
+
|
5378 |
+
.fixed-action-btn.direction-right {
|
5379 |
+
padding: 0 15px 0 0;
|
5380 |
+
}
|
5381 |
+
|
5382 |
+
.fixed-action-btn.direction-right ul {
|
5383 |
+
text-align: left;
|
5384 |
+
direction: rtl;
|
5385 |
+
left: 64px;
|
5386 |
+
right: auto;
|
5387 |
+
}
|
5388 |
+
|
5389 |
+
.fixed-action-btn.direction-right ul li {
|
5390 |
+
margin: 7.5px 0 0 15px;
|
5391 |
+
}
|
5392 |
+
|
5393 |
+
.fixed-action-btn.direction-bottom {
|
5394 |
+
padding: 0 0 15px 0;
|
5395 |
+
}
|
5396 |
+
|
5397 |
+
.fixed-action-btn.direction-bottom ul {
|
5398 |
+
top: 64px;
|
5399 |
+
bottom: auto;
|
5400 |
+
display: -webkit-box;
|
5401 |
+
display: -webkit-flex;
|
5402 |
+
display: -ms-flexbox;
|
5403 |
+
display: flex;
|
5404 |
+
-webkit-box-orient: vertical;
|
5405 |
+
-webkit-box-direction: reverse;
|
5406 |
+
-webkit-flex-direction: column-reverse;
|
5407 |
+
-ms-flex-direction: column-reverse;
|
5408 |
+
flex-direction: column-reverse;
|
5409 |
+
}
|
5410 |
+
|
5411 |
+
.fixed-action-btn.direction-bottom ul li {
|
5412 |
+
margin: 15px 0 0 0;
|
5413 |
+
}
|
5414 |
+
|
5415 |
+
.fixed-action-btn.toolbar {
|
5416 |
+
padding: 0;
|
5417 |
+
height: 56px;
|
5418 |
+
}
|
5419 |
+
|
5420 |
+
.fixed-action-btn.toolbar.active > a i {
|
5421 |
+
opacity: 0;
|
5422 |
+
}
|
5423 |
+
|
5424 |
+
.fixed-action-btn.toolbar ul {
|
5425 |
+
display: -webkit-box;
|
5426 |
+
display: -webkit-flex;
|
5427 |
+
display: -ms-flexbox;
|
5428 |
+
display: flex;
|
5429 |
+
top: 0;
|
5430 |
+
bottom: 0;
|
5431 |
+
z-index: 1;
|
5432 |
+
}
|
5433 |
+
|
5434 |
+
.fixed-action-btn.toolbar ul li {
|
5435 |
+
-webkit-box-flex: 1;
|
5436 |
+
-webkit-flex: 1;
|
5437 |
+
-ms-flex: 1;
|
5438 |
+
flex: 1;
|
5439 |
+
display: inline-block;
|
5440 |
+
margin: 0;
|
5441 |
+
height: 100%;
|
5442 |
+
-webkit-transition: none;
|
5443 |
+
transition: none;
|
5444 |
+
}
|
5445 |
+
|
5446 |
+
.fixed-action-btn.toolbar ul li a {
|
5447 |
+
display: block;
|
5448 |
+
overflow: hidden;
|
5449 |
+
position: relative;
|
5450 |
+
width: 100%;
|
5451 |
+
height: 100%;
|
5452 |
+
background-color: transparent;
|
5453 |
+
-webkit-box-shadow: none;
|
5454 |
+
box-shadow: none;
|
5455 |
+
color: #fff;
|
5456 |
+
line-height: 56px;
|
5457 |
+
z-index: 1;
|
5458 |
+
}
|
5459 |
+
|
5460 |
+
.fixed-action-btn.toolbar ul li a i {
|
5461 |
+
line-height: inherit;
|
5462 |
+
}
|
5463 |
+
|
5464 |
+
.fixed-action-btn ul {
|
5465 |
+
left: 0;
|
5466 |
+
right: 0;
|
5467 |
+
text-align: center;
|
5468 |
+
position: absolute;
|
5469 |
+
bottom: 64px;
|
5470 |
+
margin: 0;
|
5471 |
+
visibility: hidden;
|
5472 |
+
}
|
5473 |
+
|
5474 |
+
.fixed-action-btn ul li {
|
5475 |
+
margin-bottom: 15px;
|
5476 |
+
}
|
5477 |
+
|
5478 |
+
.fixed-action-btn ul a.btn-floating {
|
5479 |
+
opacity: 0;
|
5480 |
+
}
|
5481 |
+
|
5482 |
+
.fixed-action-btn .fab-backdrop {
|
5483 |
+
position: absolute;
|
5484 |
+
top: 0;
|
5485 |
+
left: 0;
|
5486 |
+
z-index: -1;
|
5487 |
+
width: 40px;
|
5488 |
+
height: 40px;
|
5489 |
+
background-color: #26a69a;
|
5490 |
+
border-radius: 50%;
|
5491 |
+
-webkit-transform: scale(0);
|
5492 |
+
transform: scale(0);
|
5493 |
+
}
|
5494 |
+
|
5495 |
+
.btn-flat {
|
5496 |
+
-webkit-box-shadow: none;
|
5497 |
+
box-shadow: none;
|
5498 |
+
background-color: transparent;
|
5499 |
+
color: #343434;
|
5500 |
+
cursor: pointer;
|
5501 |
+
-webkit-transition: background-color .2s;
|
5502 |
+
transition: background-color .2s;
|
5503 |
+
}
|
5504 |
+
|
5505 |
+
.btn-flat:focus, .btn-flat:hover {
|
5506 |
+
-webkit-box-shadow: none;
|
5507 |
+
box-shadow: none;
|
5508 |
+
}
|
5509 |
+
|
5510 |
+
.btn-flat:focus {
|
5511 |
+
background-color: rgba(0, 0, 0, 0.1);
|
5512 |
+
}
|
5513 |
+
|
5514 |
+
.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
|
5515 |
+
background-color: transparent !important;
|
5516 |
+
color: #b3b2b2 !important;
|
5517 |
+
cursor: default;
|
5518 |
+
}
|
5519 |
+
|
5520 |
+
.btn-large {
|
5521 |
+
height: 54px;
|
5522 |
+
line-height: 54px;
|
5523 |
+
font-size: 15px;
|
5524 |
+
padding: 0 28px;
|
5525 |
+
}
|
5526 |
+
|
5527 |
+
.btn-large i {
|
5528 |
+
font-size: 1.6rem;
|
5529 |
+
}
|
5530 |
+
|
5531 |
+
.btn-small {
|
5532 |
+
height: 32.4px;
|
5533 |
+
line-height: 32.4px;
|
5534 |
+
font-size: 13px;
|
5535 |
+
}
|
5536 |
+
|
5537 |
+
.btn-small i {
|
5538 |
+
font-size: 1.2rem;
|
5539 |
+
}
|
5540 |
+
|
5541 |
+
.btn-block {
|
5542 |
+
display: block;
|
5543 |
+
}
|
5544 |
+
|
5545 |
+
.dropdown-content {
|
5546 |
+
background-color: #fff;
|
5547 |
+
margin: 0;
|
5548 |
+
display: none;
|
5549 |
+
min-width: 100px;
|
5550 |
+
overflow-y: auto;
|
5551 |
+
opacity: 0;
|
5552 |
+
position: absolute;
|
5553 |
+
left: 0;
|
5554 |
+
top: 0;
|
5555 |
+
z-index: 9999;
|
5556 |
+
-webkit-transform-origin: 0 0;
|
5557 |
+
transform-origin: 0 0;
|
5558 |
+
}
|
5559 |
+
|
5560 |
+
.dropdown-content:focus {
|
5561 |
+
outline: 0;
|
5562 |
+
}
|
5563 |
+
|
5564 |
+
.dropdown-content li {
|
5565 |
+
clear: both;
|
5566 |
+
color: rgba(0, 0, 0, 0.87);
|
5567 |
+
cursor: pointer;
|
5568 |
+
min-height: 50px;
|
5569 |
+
line-height: 1.5rem;
|
5570 |
+
width: 100%;
|
5571 |
+
text-align: left;
|
5572 |
+
}
|
5573 |
+
|
5574 |
+
.dropdown-content li:hover, .dropdown-content li.active {
|
5575 |
+
background-color: #eee;
|
5576 |
+
}
|
5577 |
+
|
5578 |
+
.dropdown-content li:focus {
|
5579 |
+
outline: none;
|
5580 |
+
}
|
5581 |
+
|
5582 |
+
.dropdown-content li.divider {
|
5583 |
+
min-height: 0;
|
5584 |
+
height: 1px;
|
5585 |
+
}
|
5586 |
+
|
5587 |
+
.dropdown-content li > a, .dropdown-content li > span {
|
5588 |
+
font-size: 16px;
|
5589 |
+
color: #26a69a;
|
5590 |
+
display: block;
|
5591 |
+
line-height: 22px;
|
5592 |
+
padding: 14px 16px;
|
5593 |
+
}
|
5594 |
+
|
5595 |
+
.dropdown-content li > span > label {
|
5596 |
+
top: 1px;
|
5597 |
+
left: 0;
|
5598 |
+
height: 18px;
|
5599 |
+
}
|
5600 |
+
|
5601 |
+
.dropdown-content li > a > i {
|
5602 |
+
height: inherit;
|
5603 |
+
line-height: inherit;
|
5604 |
+
float: left;
|
5605 |
+
margin: 0 24px 0 0;
|
5606 |
+
width: 24px;
|
5607 |
+
}
|
5608 |
+
|
5609 |
+
body.keyboard-focused .dropdown-content li:focus {
|
5610 |
+
background-color: #dadada;
|
5611 |
+
}
|
5612 |
+
|
5613 |
+
.input-field.col .dropdown-content [type="checkbox"] + label {
|
5614 |
+
top: 1px;
|
5615 |
+
left: 0;
|
5616 |
+
height: 18px;
|
5617 |
+
-webkit-transform: none;
|
5618 |
+
transform: none;
|
5619 |
+
}
|
5620 |
+
|
5621 |
+
.dropdown-trigger {
|
5622 |
+
cursor: pointer;
|
5623 |
+
}
|
5624 |
+
|
5625 |
+
/*!
|
5626 |
+
* Waves v0.6.0
|
5627 |
+
* http://fian.my.id/Waves
|
5628 |
+
*
|
5629 |
+
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
5630 |
+
* Released under the MIT license
|
5631 |
+
* https://github.com/fians/Waves/blob/master/LICENSE
|
5632 |
+
*/
|
5633 |
+
.waves-effect {
|
5634 |
+
position: relative;
|
5635 |
+
cursor: pointer;
|
5636 |
+
display: inline-block;
|
5637 |
+
overflow: hidden;
|
5638 |
+
-webkit-user-select: none;
|
5639 |
+
-moz-user-select: none;
|
5640 |
+
-ms-user-select: none;
|
5641 |
+
user-select: none;
|
5642 |
+
-webkit-tap-highlight-color: transparent;
|
5643 |
+
vertical-align: middle;
|
5644 |
+
z-index: 1;
|
5645 |
+
-webkit-transition: .3s ease-out;
|
5646 |
+
transition: .3s ease-out;
|
5647 |
+
}
|
5648 |
+
|
5649 |
+
.waves-effect .waves-ripple {
|
5650 |
+
position: absolute;
|
5651 |
+
border-radius: 50%;
|
5652 |
+
width: 20px;
|
5653 |
+
height: 20px;
|
5654 |
+
margin-top: -10px;
|
5655 |
+
margin-left: -10px;
|
5656 |
+
opacity: 0;
|
5657 |
+
background: rgba(0, 0, 0, 0.2);
|
5658 |
+
-webkit-transition: all 0.7s ease-out;
|
5659 |
+
transition: all 0.7s ease-out;
|
5660 |
+
-webkit-transition-property: opacity, -webkit-transform;
|
5661 |
+
transition-property: opacity, -webkit-transform;
|
5662 |
+
transition-property: transform, opacity;
|
5663 |
+
transition-property: transform, opacity, -webkit-transform;
|
5664 |
+
-webkit-transform: scale(0);
|
5665 |
+
transform: scale(0);
|
5666 |
+
pointer-events: none;
|
5667 |
+
}
|
5668 |
+
|
5669 |
+
.waves-effect.waves-light .waves-ripple {
|
5670 |
+
background-color: rgba(255, 255, 255, 0.45);
|
5671 |
+
}
|
5672 |
+
|
5673 |
+
.waves-effect.waves-red .waves-ripple {
|
5674 |
+
background-color: rgba(244, 67, 54, 0.7);
|
5675 |
+
}
|
5676 |
+
|
5677 |
+
.waves-effect.waves-yellow .waves-ripple {
|
5678 |
+
background-color: rgba(255, 235, 59, 0.7);
|
5679 |
+
}
|
5680 |
+
|
5681 |
+
.waves-effect.waves-orange .waves-ripple {
|
5682 |
+
background-color: rgba(255, 152, 0, 0.7);
|
5683 |
+
}
|
5684 |
+
|
5685 |
+
.waves-effect.waves-purple .waves-ripple {
|
5686 |
+
background-color: rgba(156, 39, 176, 0.7);
|
5687 |
+
}
|
5688 |
+
|
5689 |
+
.waves-effect.waves-green .waves-ripple {
|
5690 |
+
background-color: rgba(76, 175, 80, 0.7);
|
5691 |
+
}
|
5692 |
+
|
5693 |
+
.waves-effect.waves-teal .waves-ripple {
|
5694 |
+
background-color: rgba(0, 150, 136, 0.7);
|
5695 |
+
}
|
5696 |
+
|
5697 |
+
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
|
5698 |
+
border: 0;
|
5699 |
+
font-style: normal;
|
5700 |
+
font-size: inherit;
|
5701 |
+
text-transform: inherit;
|
5702 |
+
background: none;
|
5703 |
+
}
|
5704 |
+
|
5705 |
+
.waves-effect img {
|
5706 |
+
position: relative;
|
5707 |
+
z-index: -1;
|
5708 |
+
}
|
5709 |
+
|
5710 |
+
.waves-notransition {
|
5711 |
+
-webkit-transition: none !important;
|
5712 |
+
transition: none !important;
|
5713 |
+
}
|
5714 |
+
|
5715 |
+
.waves-circle {
|
5716 |
+
-webkit-transform: translateZ(0);
|
5717 |
+
transform: translateZ(0);
|
5718 |
+
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
5719 |
+
}
|
5720 |
+
|
5721 |
+
.waves-input-wrapper {
|
5722 |
+
border-radius: 0.2em;
|
5723 |
+
vertical-align: bottom;
|
5724 |
+
}
|
5725 |
+
|
5726 |
+
.waves-input-wrapper .waves-button-input {
|
5727 |
+
position: relative;
|
5728 |
+
top: 0;
|
5729 |
+
left: 0;
|
5730 |
+
z-index: 1;
|
5731 |
+
}
|
5732 |
+
|
5733 |
+
.waves-circle {
|
5734 |
+
text-align: center;
|
5735 |
+
width: 2.5em;
|
5736 |
+
height: 2.5em;
|
5737 |
+
line-height: 2.5em;
|
5738 |
+
border-radius: 50%;
|
5739 |
+
-webkit-mask-image: none;
|
5740 |
+
}
|
5741 |
+
|
5742 |
+
.waves-block {
|
5743 |
+
display: block;
|
5744 |
+
}
|
5745 |
+
|
5746 |
+
/* Firefox Bug: link not triggered */
|
5747 |
+
.waves-effect .waves-ripple {
|
5748 |
+
z-index: -1;
|
5749 |
+
}
|
5750 |
+
|
5751 |
+
.modal {
|
5752 |
+
display: none;
|
5753 |
+
position: fixed;
|
5754 |
+
left: 0;
|
5755 |
+
right: 0;
|
5756 |
+
background-color: #fafafa;
|
5757 |
+
padding: 0;
|
5758 |
+
max-height: 70%;
|
5759 |
+
width: 55%;
|
5760 |
+
margin: auto;
|
5761 |
+
overflow-y: auto;
|
5762 |
+
border-radius: 2px;
|
5763 |
+
will-change: top, opacity;
|
5764 |
+
}
|
5765 |
+
|
5766 |
+
.modal:focus {
|
5767 |
+
outline: none;
|
5768 |
+
}
|
5769 |
+
|
5770 |
+
@media only screen and (max-width: 992px) {
|
5771 |
+
.modal {
|
5772 |
+
width: 80%;
|
5773 |
+
}
|
5774 |
+
}
|
5775 |
+
|
5776 |
+
.modal h1, .modal h2, .modal h3, .modal h4 {
|
5777 |
+
margin-top: 0;
|
5778 |
+
}
|
5779 |
+
|
5780 |
+
.modal .modal-content {
|
5781 |
+
padding: 24px;
|
5782 |
+
}
|
5783 |
+
|
5784 |
+
.modal .modal-close {
|
5785 |
+
cursor: pointer;
|
5786 |
+
}
|
5787 |
+
|
5788 |
+
.modal .modal-footer {
|
5789 |
+
border-radius: 0 0 2px 2px;
|
5790 |
+
background-color: #fafafa;
|
5791 |
+
padding: 4px 6px;
|
5792 |
+
height: 56px;
|
5793 |
+
width: 100%;
|
5794 |
+
text-align: right;
|
5795 |
+
}
|
5796 |
+
|
5797 |
+
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
|
5798 |
+
margin: 6px 0;
|
5799 |
+
}
|
5800 |
+
|
5801 |
+
.modal-overlay {
|
5802 |
+
position: fixed;
|
5803 |
+
z-index: 999;
|
5804 |
+
top: -25%;
|
5805 |
+
left: 0;
|
5806 |
+
bottom: 0;
|
5807 |
+
right: 0;
|
5808 |
+
height: 125%;
|
5809 |
+
width: 100%;
|
5810 |
+
background: #000;
|
5811 |
+
display: none;
|
5812 |
+
will-change: opacity;
|
5813 |
+
}
|
5814 |
+
|
5815 |
+
.modal.modal-fixed-footer {
|
5816 |
+
padding: 0;
|
5817 |
+
height: 70%;
|
5818 |
+
}
|
5819 |
+
|
5820 |
+
.modal.modal-fixed-footer .modal-content {
|
5821 |
+
position: absolute;
|
5822 |
+
height: calc(100% - 56px);
|
5823 |
+
max-height: 100%;
|
5824 |
+
width: 100%;
|
5825 |
+
overflow-y: auto;
|
5826 |
+
}
|
5827 |
+
|
5828 |
+
.modal.modal-fixed-footer .modal-footer {
|
5829 |
+
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
5830 |
+
position: absolute;
|
5831 |
+
bottom: 0;
|
5832 |
+
}
|
5833 |
+
|
5834 |
+
.modal.bottom-sheet {
|
5835 |
+
top: auto;
|
5836 |
+
bottom: -100%;
|
5837 |
+
margin: 0;
|
5838 |
+
width: 100%;
|
5839 |
+
max-height: 45%;
|
5840 |
+
border-radius: 0;
|
5841 |
+
will-change: bottom, opacity;
|
5842 |
+
}
|
5843 |
+
|
5844 |
+
.collapsible {
|
5845 |
+
border-top: 1px solid #ddd;
|
5846 |
+
border-right: 1px solid #ddd;
|
5847 |
+
border-left: 1px solid #ddd;
|
5848 |
+
margin: 0.5rem 0 1rem 0;
|
5849 |
+
}
|
5850 |
+
|
5851 |
+
.collapsible-header {
|
5852 |
+
display: -webkit-box;
|
5853 |
+
display: -webkit-flex;
|
5854 |
+
display: -ms-flexbox;
|
5855 |
+
display: flex;
|
5856 |
+
cursor: pointer;
|
5857 |
+
-webkit-tap-highlight-color: transparent;
|
5858 |
+
line-height: 1.5;
|
5859 |
+
padding: 1rem;
|
5860 |
+
background-color: #fff;
|
5861 |
+
border-bottom: 1px solid #ddd;
|
5862 |
+
}
|
5863 |
+
|
5864 |
+
.collapsible-header:focus {
|
5865 |
+
outline: 0;
|
5866 |
+
}
|
5867 |
+
|
5868 |
+
.collapsible-header i {
|
5869 |
+
width: 2rem;
|
5870 |
+
font-size: 1.6rem;
|
5871 |
+
display: inline-block;
|
5872 |
+
text-align: center;
|
5873 |
+
margin-right: 1rem;
|
5874 |
+
}
|
5875 |
+
|
5876 |
+
.keyboard-focused .collapsible-header:focus {
|
5877 |
+
background-color: #eee;
|
5878 |
+
}
|
5879 |
+
|
5880 |
+
.collapsible-body {
|
5881 |
+
display: none;
|
5882 |
+
border-bottom: 1px solid #ddd;
|
5883 |
+
-webkit-box-sizing: border-box;
|
5884 |
+
box-sizing: border-box;
|
5885 |
+
padding: 2rem;
|
5886 |
+
}
|
5887 |
+
|
5888 |
+
.sidenav .collapsible,
|
5889 |
+
.sidenav.fixed .collapsible {
|
5890 |
+
border: none;
|
5891 |
+
-webkit-box-shadow: none;
|
5892 |
+
box-shadow: none;
|
5893 |
+
}
|
5894 |
+
|
5895 |
+
.sidenav .collapsible li,
|
5896 |
+
.sidenav.fixed .collapsible li {
|
5897 |
+
padding: 0;
|
5898 |
+
}
|
5899 |
+
|
5900 |
+
.sidenav .collapsible-header,
|
5901 |
+
.sidenav.fixed .collapsible-header {
|
5902 |
+
background-color: transparent;
|
5903 |
+
border: none;
|
5904 |
+
line-height: inherit;
|
5905 |
+
height: inherit;
|
5906 |
+
padding: 0 16px;
|
5907 |
+
}
|
5908 |
+
|
5909 |
+
.sidenav .collapsible-header:hover,
|
5910 |
+
.sidenav.fixed .collapsible-header:hover {
|
5911 |
+
background-color: rgba(0, 0, 0, 0.05);
|
5912 |
+
}
|
5913 |
+
|
5914 |
+
.sidenav .collapsible-header i,
|
5915 |
+
.sidenav.fixed .collapsible-header i {
|
5916 |
+
line-height: inherit;
|
5917 |
+
}
|
5918 |
+
|
5919 |
+
.sidenav .collapsible-body,
|
5920 |
+
.sidenav.fixed .collapsible-body {
|
5921 |
+
border: 0;
|
5922 |
+
background-color: #fff;
|
5923 |
+
}
|
5924 |
+
|
5925 |
+
.sidenav .collapsible-body li a,
|
5926 |
+
.sidenav.fixed .collapsible-body li a {
|
5927 |
+
padding: 0 23.5px 0 31px;
|
5928 |
+
}
|
5929 |
+
|
5930 |
+
.collapsible.popout {
|
5931 |
+
border: none;
|
5932 |
+
-webkit-box-shadow: none;
|
5933 |
+
box-shadow: none;
|
5934 |
+
}
|
5935 |
+
|
5936 |
+
.collapsible.popout > li {
|
5937 |
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
5938 |
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
5939 |
+
margin: 0 24px;
|
5940 |
+
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
5941 |
+
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
5942 |
+
}
|
5943 |
+
|
5944 |
+
.collapsible.popout > li.active {
|
5945 |
+
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
5946 |
+
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
|
5947 |
+
margin: 16px 0;
|
5948 |
+
}
|
5949 |
+
|
5950 |
+
.chip {
|
5951 |
+
display: inline-block;
|
5952 |
+
height: 32px;
|
5953 |
+
font-size: 13px;
|
5954 |
+
font-weight: 500;
|
5955 |
+
color: rgba(0, 0, 0, 0.6);
|
5956 |
+
line-height: 32px;
|
5957 |
+
padding: 0 12px;
|
5958 |
+
border-radius: 16px;
|
5959 |
+
background-color: #e4e4e4;
|
5960 |
+
margin-bottom: 5px;
|
5961 |
+
margin-right: 5px;
|
5962 |
+
}
|
5963 |
+
|
5964 |
+
.chip:focus {
|
5965 |
+
outline: none;
|
5966 |
+
background-color: #26a69a;
|
5967 |
+
color: #fff;
|
5968 |
+
}
|
5969 |
+
|
5970 |
+
.chip > img {
|
5971 |
+
float: left;
|
5972 |
+
margin: 0 8px 0 -12px;
|
5973 |
+
height: 32px;
|
5974 |
+
width: 32px;
|
5975 |
+
border-radius: 50%;
|
5976 |
+
}
|
5977 |
+
|
5978 |
+
.chip .close {
|
5979 |
+
cursor: pointer;
|
5980 |
+
float: right;
|
5981 |
+
font-size: 16px;
|
5982 |
+
line-height: 32px;
|
5983 |
+
padding-left: 8px;
|
5984 |
+
}
|
5985 |
+
|
5986 |
+
.chips {
|
5987 |
+
border: none;
|
5988 |
+
border-bottom: 1px solid #9e9e9e;
|
5989 |
+
-webkit-box-shadow: none;
|
5990 |
+
box-shadow: none;
|
5991 |
+
margin: 0 0 8px 0;
|
5992 |
+
min-height: 45px;
|
5993 |
+
outline: none;
|
5994 |
+
-webkit-transition: all .3s;
|
5995 |
+
transition: all .3s;
|
5996 |
+
}
|
5997 |
+
|
5998 |
+
.chips.focus {
|
5999 |
+
border-bottom: 1px solid #26a69a;
|
6000 |
+
-webkit-box-shadow: 0 1px 0 0 #26a69a;
|
6001 |
+
box-shadow: 0 1px 0 0 #26a69a;
|
6002 |
+
}
|
6003 |
+
|
6004 |
+
.chips:hover {
|
6005 |
+
cursor: text;
|
6006 |
+
}
|
6007 |
+
|
6008 |
+
.chips .input {
|
6009 |
+
background: none;
|
6010 |
+
border: 0;
|
6011 |
+
color: rgba(0, 0, 0, 0.6);
|
6012 |
+
display: inline-block;
|
6013 |
+
font-size: 16px;
|
6014 |
+
height: 3rem;
|
6015 |
+
line-height: 32px;
|
6016 |
+
outline: 0;
|
6017 |
+
margin: 0;
|
6018 |
+
padding: 0 !important;
|
6019 |
+
width: 120px !important;
|
6020 |
+
}
|
6021 |
+
|
6022 |
+
.chips .input:focus {
|
6023 |
+
border: 0 !important;
|
6024 |
+
-webkit-box-shadow: none !important;
|
6025 |
+
box-shadow: none !important;
|
6026 |
+
}
|
6027 |
+
|
6028 |
+
.chips .autocomplete-content {
|
6029 |
+
margin-top: 0;
|
6030 |
+
margin-bottom: 0;
|
6031 |
+
}
|
6032 |
+
|
6033 |
+
.prefix ~ .chips {
|
6034 |
+
margin-left: 3rem;
|
6035 |
+
width: 92%;
|
6036 |
+
width: calc(100% - 3rem);
|
6037 |
+
}
|
6038 |
+
|
6039 |
+
.chips:empty ~ label {
|
6040 |
+
font-size: 0.8rem;
|
6041 |
+
-webkit-transform: translateY(-140%);
|
6042 |
+
transform: translateY(-140%);
|
6043 |
+
}
|
6044 |
+
|
6045 |
+
.materialboxed {
|
6046 |
+
display: block;
|
6047 |
+
cursor: -webkit-zoom-in;
|
6048 |
+
cursor: zoom-in;
|
6049 |
+
position: relative;
|
6050 |
+
-webkit-transition: opacity .4s;
|
6051 |
+
transition: opacity .4s;
|
6052 |
+
-webkit-backface-visibility: hidden;
|
6053 |
+
}
|
6054 |
+
|
6055 |
+
.materialboxed:hover:not(.active) {
|
6056 |
+
opacity: .8;
|
6057 |
+
}
|
6058 |
+
|
6059 |
+
.materialboxed.active {
|
6060 |
+
cursor: -webkit-zoom-out;
|
6061 |
+
cursor: zoom-out;
|
6062 |
+
}
|
6063 |
+
|
6064 |
+
#materialbox-overlay {
|
6065 |
+
position: fixed;
|
6066 |
+
top: 0;
|
6067 |
+
right: 0;
|
6068 |
+
bottom: 0;
|
6069 |
+
left: 0;
|
6070 |
+
background-color: #292929;
|
6071 |
+
z-index: 1000;
|
6072 |
+
will-change: opacity;
|
6073 |
+
}
|
6074 |
+
|
6075 |
+
.materialbox-caption {
|
6076 |
+
position: fixed;
|
6077 |
+
display: none;
|
6078 |
+
color: #fff;
|
6079 |
+
line-height: 50px;
|
6080 |
+
bottom: 0;
|
6081 |
+
left: 0;
|
6082 |
+
width: 100%;
|
6083 |
+
text-align: center;
|
6084 |
+
padding: 0% 15%;
|
6085 |
+
height: 50px;
|
6086 |
+
z-index: 1000;
|
6087 |
+
-webkit-font-smoothing: antialiased;
|
6088 |
+
}
|
6089 |
+
|
6090 |
+
select:focus {
|
6091 |
+
outline: 1px solid #c9f3ef;
|
6092 |
+
}
|
6093 |
+
|
6094 |
+
button:focus {
|
6095 |
+
outline: none;
|
6096 |
+
background-color: #2ab7a9;
|
6097 |
+
}
|
6098 |
+
|
6099 |
+
label {
|
6100 |
+
font-size: 0.8rem;
|
6101 |
+
color: #9e9e9e;
|
6102 |
+
}
|
6103 |
+
|
6104 |
+
/* Text Inputs + Textarea
|
6105 |
+
========================================================================== */
|
6106 |
+
/* Style Placeholders */
|
6107 |
+
::-webkit-input-placeholder {
|
6108 |
+
color: #d1d1d1;
|
6109 |
+
}
|
6110 |
+
::-moz-placeholder {
|
6111 |
+
color: #d1d1d1;
|
6112 |
+
}
|
6113 |
+
:-ms-input-placeholder {
|
6114 |
+
color: #d1d1d1;
|
6115 |
+
}
|
6116 |
+
::-ms-input-placeholder {
|
6117 |
+
color: #d1d1d1;
|
6118 |
+
}
|
6119 |
+
::placeholder {
|
6120 |
+
color: #d1d1d1;
|
6121 |
+
}
|
6122 |
+
|
6123 |
+
|
6124 |
+
.input-field {
|
6125 |
+
position: relative;
|
6126 |
+
margin-top: 1rem;
|
6127 |
+
margin-bottom: 1rem;
|
6128 |
+
}
|
6129 |
+
|
6130 |
+
.input-field.inline {
|
6131 |
+
display: inline-block;
|
6132 |
+
vertical-align: middle;
|
6133 |
+
margin-left: 5px;
|
6134 |
+
}
|
6135 |
+
|
6136 |
+
.input-field.inline input,
|
6137 |
+
.input-field.inline .select-dropdown {
|
6138 |
+
margin-bottom: 1rem;
|
6139 |
+
}
|
6140 |
+
|
6141 |
+
.input-field.col label {
|
6142 |
+
left: 0.75rem;
|
6143 |
+
}
|
6144 |
+
|
6145 |
+
.input-field.col .prefix ~ label,
|
6146 |
+
.input-field.col .prefix ~ .validate ~ label {
|
6147 |
+
width: calc(100% - 3rem - 1.5rem);
|
6148 |
+
}
|
6149 |
+
|
6150 |
+
.input-field > label {
|
6151 |
+
color: #9e9e9e;
|
6152 |
+
position: absolute;
|
6153 |
+
top: 0;
|
6154 |
+
left: 0;
|
6155 |
+
font-size: 1rem;
|
6156 |
+
cursor: text;
|
6157 |
+
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
6158 |
+
transition: color .2s ease-out, -webkit-transform .2s ease-out;
|
6159 |
+
transition: transform .2s ease-out, color .2s ease-out;
|
6160 |
+
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
|
6161 |
+
-webkit-transform-origin: 0% 100%;
|
6162 |
+
transform-origin: 0% 100%;
|
6163 |
+
text-align: initial;
|
6164 |
+
-webkit-transform: translateY(12px);
|
6165 |
+
transform: translateY(12px);
|
6166 |
+
}
|
6167 |
+
|
6168 |
+
.input-field > label:not(.label-icon).active {
|
6169 |
+
-webkit-transform: translateY(-14px) scale(0.8);
|
6170 |
+
transform: translateY(-14px) scale(0.8);
|
6171 |
+
-webkit-transform-origin: 0 0;
|
6172 |
+
transform-origin: 0 0;
|
6173 |
+
}
|
6174 |
+
|
6175 |
+
.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
|
6176 |
+
.input-field > input[type=date]:not(.browser-default) + label,
|
6177 |
+
.input-field > input[type=time]:not(.browser-default) + label {
|
6178 |
+
-webkit-transform: translateY(-14px) scale(0.8);
|
6179 |
+
transform: translateY(-14px) scale(0.8);
|
6180 |
+
-webkit-transform-origin: 0 0;
|
6181 |
+
transform-origin: 0 0;
|
6182 |
+
}
|
6183 |
+
|
6184 |
+
.input-field .helper-text {
|
6185 |
+
position: relative;
|
6186 |
+
min-height: 18px;
|
6187 |
+
display: block;
|
6188 |
+
font-size: 12px;
|
6189 |
+
color: rgba(0, 0, 0, 0.54);
|
6190 |
+
}
|
6191 |
+
|
6192 |
+
.input-field .helper-text::after {
|
6193 |
+
opacity: 1;
|
6194 |
+
position: absolute;
|
6195 |
+
top: 0;
|
6196 |
+
left: 0;
|
6197 |
+
}
|
6198 |
+
|
6199 |
+
.input-field .prefix {
|
6200 |
+
position: absolute;
|
6201 |
+
width: 3rem;
|
6202 |
+
font-size: 2rem;
|
6203 |
+
-webkit-transition: color .2s;
|
6204 |
+
transition: color .2s;
|
6205 |
+
top: 0.5rem;
|
6206 |
+
}
|
6207 |
+
|
6208 |
+
.input-field .prefix.active {
|
6209 |
+
color: #26a69a;
|
6210 |
+
}
|
6211 |
+
|
6212 |
+
.input-field .prefix ~ input,
|
6213 |
+
.input-field .prefix ~ textarea,
|
6214 |
+
.input-field .prefix ~ label,
|
6215 |
+
.input-field .prefix ~ .validate ~ label,
|
6216 |
+
.input-field .prefix ~ .helper-text,
|
6217 |
+
.input-field .prefix ~ .autocomplete-content {
|
6218 |
+
margin-left: 3rem;
|
6219 |
+
width: 92%;
|
6220 |
+
width: calc(100% - 3rem);
|
6221 |
+
}
|
6222 |
+
|
6223 |
+
.input-field .prefix ~ label {
|
6224 |
+
margin-left: 3rem;
|
6225 |
+
}
|
6226 |
+
|
6227 |
+
@media only screen and (max-width: 992px) {
|
6228 |
+
.input-field .prefix ~ input {
|
6229 |
+
width: 86%;
|
6230 |
+
width: calc(100% - 3rem);
|
6231 |
+
}
|
6232 |
+
}
|
6233 |
+
|
6234 |
+
@media only screen and (max-width: 600px) {
|
6235 |
+
.input-field .prefix ~ input {
|
6236 |
+
width: 80%;
|
6237 |
+
width: calc(100% - 3rem);
|
6238 |
+
}
|
6239 |
+
}
|
6240 |
+
|
6241 |
+
/* Search Field */
|
6242 |
+
.input-field input[type=search] {
|
6243 |
+
display: block;
|
6244 |
+
line-height: inherit;
|
6245 |
+
-webkit-transition: .3s background-color;
|
6246 |
+
transition: .3s background-color;
|
6247 |
+
}
|
6248 |
+
|
6249 |
+
.nav-wrapper .input-field input[type=search] {
|
6250 |
+
height: inherit;
|
6251 |
+
padding-left: 4rem;
|
6252 |
+
width: calc(100% - 4rem);
|
6253 |
+
border: 0;
|
6254 |
+
-webkit-box-shadow: none;
|
6255 |
+
box-shadow: none;
|
6256 |
+
}
|
6257 |
+
|
6258 |
+
.input-field input[type=search]:focus:not(.browser-default) {
|
6259 |
+
background-color: #fff;
|
6260 |
+
border: 0;
|
6261 |
+
-webkit-box-shadow: none;
|
6262 |
+
box-shadow: none;
|
6263 |
+
color: #444;
|
6264 |
+
}
|
6265 |
+
|
6266 |
+
.input-field input[type=search]:focus:not(.browser-default) + label i,
|
6267 |
+
.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
|
6268 |
+
.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
|
6269 |
+
color: #444;
|
6270 |
+
}
|
6271 |
+
|
6272 |
+
.input-field input[type=search] + .label-icon {
|
6273 |
+
-webkit-transform: none;
|
6274 |
+
transform: none;
|
6275 |
+
left: 1rem;
|
6276 |
+
}
|
6277 |
+
|
6278 |
+
.input-field input[type=search] ~ .mdi-navigation-close,
|
6279 |
+
.input-field input[type=search] ~ .material-icons {
|
6280 |
+
position: absolute;
|
6281 |
+
top: 0;
|
6282 |
+
right: 1rem;
|
6283 |
+
color: transparent;
|
6284 |
+
cursor: pointer;
|
6285 |
+
font-size: 2rem;
|
6286 |
+
-webkit-transition: .3s color;
|
6287 |
+
transition: .3s color;
|
6288 |
+
}
|
6289 |
+
|
6290 |
+
/* Textarea */
|
6291 |
+
textarea {
|
6292 |
+
width: 100%;
|
6293 |
+
height: 3rem;
|
6294 |
+
background-color: transparent;
|
6295 |
+
}
|
6296 |
+
|
6297 |
+
textarea.materialize-textarea {
|
6298 |
+
line-height: normal;
|
6299 |
+
overflow-y: hidden;
|
6300 |
+
/* prevents scroll bar flash */
|
6301 |
+
padding: .8rem 0 .8rem 0;
|
6302 |
+
/* prevents text jump on Enter keypress */
|
6303 |
+
resize: none;
|
6304 |
+
min-height: 3rem;
|
6305 |
+
-webkit-box-sizing: border-box;
|
6306 |
+
box-sizing: border-box;
|
6307 |
+
}
|
6308 |
+
|
6309 |
+
.hiddendiv {
|
6310 |
+
visibility: hidden;
|
6311 |
+
white-space: pre-wrap;
|
6312 |
+
word-wrap: break-word;
|
6313 |
+
overflow-wrap: break-word;
|
6314 |
+
/* future version of deprecated 'word-wrap' */
|
6315 |
+
padding-top: 1.2rem;
|
6316 |
+
/* prevents text jump on Enter keypress */
|
6317 |
+
position: absolute;
|
6318 |
+
top: 0;
|
6319 |
+
z-index: -1;
|
6320 |
+
}
|
6321 |
+
|
6322 |
+
/* Autocomplete */
|
6323 |
+
.autocomplete-content li .highlight {
|
6324 |
+
color: #444;
|
6325 |
+
}
|
6326 |
+
|
6327 |
+
.autocomplete-content li img {
|
6328 |
+
height: 40px;
|
6329 |
+
width: 40px;
|
6330 |
+
margin: 5px 15px;
|
6331 |
+
}
|
6332 |
+
|
6333 |
+
/* Character Counter */
|
6334 |
+
.character-counter {
|
6335 |
+
min-height: 18px;
|
6336 |
+
}
|
6337 |
+
|
6338 |
+
/* Radio Buttons
|
6339 |
+
========================================================================== */
|
6340 |
+
[type="radio"]:not(:checked),
|
6341 |
+
[type="radio"]:checked {
|
6342 |
+
position: absolute;
|
6343 |
+
opacity: 0;
|
6344 |
+
pointer-events: none;
|
6345 |
+
}
|
6346 |
+
|
6347 |
+
[type="radio"]:not(:checked) + span,
|
6348 |
+
[type="radio"]:checked + span {
|
6349 |
+
position: relative;
|
6350 |
+
padding-left: 35px;
|
6351 |
+
cursor: pointer;
|
6352 |
+
display: inline-block;
|
6353 |
+
height: 25px;
|
6354 |
+
line-height: 25px;
|
6355 |
+
font-size: 1rem;
|
6356 |
+
-webkit-transition: .28s ease;
|
6357 |
+
transition: .28s ease;
|
6358 |
+
-webkit-user-select: none;
|
6359 |
+
-moz-user-select: none;
|
6360 |
+
-ms-user-select: none;
|
6361 |
+
user-select: none;
|
6362 |
+
}
|
6363 |
+
|
6364 |
+
[type="radio"] + span:before,
|
6365 |
+
[type="radio"] + span:after {
|
6366 |
+
content: '';
|
6367 |
+
position: absolute;
|
6368 |
+
left: 0;
|
6369 |
+
top: 0;
|
6370 |
+
margin: 4px;
|
6371 |
+
width: 16px;
|
6372 |
+
height: 16px;
|
6373 |
+
z-index: 0;
|
6374 |
+
-webkit-transition: .28s ease;
|
6375 |
+
transition: .28s ease;
|
6376 |
+
}
|
6377 |
+
|
6378 |
+
/* Unchecked styles */
|
6379 |
+
[type="radio"]:not(:checked) + span:before,
|
6380 |
+
[type="radio"]:not(:checked) + span:after,
|
6381 |
+
[type="radio"]:checked + span:before,
|
6382 |
+
[type="radio"]:checked + span:after,
|
6383 |
+
[type="radio"].with-gap:checked + span:before,
|
6384 |
+
[type="radio"].with-gap:checked + span:after {
|
6385 |
+
border-radius: 50%;
|
6386 |
+
}
|
6387 |
+
|
6388 |
+
[type="radio"]:not(:checked) + span:before,
|
6389 |
+
[type="radio"]:not(:checked) + span:after {
|
6390 |
+
border: 2px solid #5a5a5a;
|
6391 |
+
}
|
6392 |
+
|
6393 |
+
[type="radio"]:not(:checked) + span:after {
|
6394 |
+
-webkit-transform: scale(0);
|
6395 |
+
transform: scale(0);
|
6396 |
+
}
|
6397 |
+
|
6398 |
+
/* Checked styles */
|
6399 |
+
[type="radio"]:checked + span:before {
|
6400 |
+
border: 2px solid transparent;
|
6401 |
+
}
|
6402 |
+
|
6403 |
+
[type="radio"]:checked + span:after,
|
6404 |
+
[type="radio"].with-gap:checked + span:before,
|
6405 |
+
[type="radio"].with-gap:checked + span:after {
|
6406 |
+
border: 2px solid #26a69a;
|
6407 |
+
}
|
6408 |
+
|
6409 |
+
[type="radio"]:checked + span:after,
|
6410 |
+
[type="radio"].with-gap:checked + span:after {
|
6411 |
+
background-color: #26a69a;
|
6412 |
+
}
|
6413 |
+
|
6414 |
+
[type="radio"]:checked + span:after {
|
6415 |
+
-webkit-transform: scale(1.02);
|
6416 |
+
transform: scale(1.02);
|
6417 |
+
}
|
6418 |
+
|
6419 |
+
/* Radio With gap */
|
6420 |
+
[type="radio"].with-gap:checked + span:after {
|
6421 |
+
-webkit-transform: scale(0.5);
|
6422 |
+
transform: scale(0.5);
|
6423 |
+
}
|
6424 |
+
|
6425 |
+
/* Focused styles */
|
6426 |
+
[type="radio"].tabbed:focus + span:before {
|
6427 |
+
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6428 |
+
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6429 |
+
}
|
6430 |
+
|
6431 |
+
/* Disabled Radio With gap */
|
6432 |
+
[type="radio"].with-gap:disabled:checked + span:before {
|
6433 |
+
border: 2px solid rgba(0, 0, 0, 0.42);
|
6434 |
+
}
|
6435 |
+
|
6436 |
+
[type="radio"].with-gap:disabled:checked + span:after {
|
6437 |
+
border: none;
|
6438 |
+
background-color: rgba(0, 0, 0, 0.42);
|
6439 |
+
}
|
6440 |
+
|
6441 |
+
/* Disabled style */
|
6442 |
+
[type="radio"]:disabled:not(:checked) + span:before,
|
6443 |
+
[type="radio"]:disabled:checked + span:before {
|
6444 |
+
background-color: transparent;
|
6445 |
+
border-color: rgba(0, 0, 0, 0.42);
|
6446 |
+
}
|
6447 |
+
|
6448 |
+
[type="radio"]:disabled + span {
|
6449 |
+
color: rgba(0, 0, 0, 0.42);
|
6450 |
+
}
|
6451 |
+
|
6452 |
+
[type="radio"]:disabled:not(:checked) + span:before {
|
6453 |
+
border-color: rgba(0, 0, 0, 0.42);
|
6454 |
+
}
|
6455 |
+
|
6456 |
+
[type="radio"]:disabled:checked + span:after {
|
6457 |
+
background-color: rgba(0, 0, 0, 0.42);
|
6458 |
+
border-color: #949494;
|
6459 |
+
}
|
6460 |
+
|
6461 |
+
/* Checkboxes
|
6462 |
+
========================================================================== */
|
6463 |
+
/* Remove default checkbox */
|
6464 |
+
[type="checkbox"]:not(:checked),
|
6465 |
+
[type="checkbox"]:checked {
|
6466 |
+
position: absolute;
|
6467 |
+
opacity: 0;
|
6468 |
+
pointer-events: none;
|
6469 |
+
}
|
6470 |
+
|
6471 |
+
[type="checkbox"] {
|
6472 |
+
/* checkbox aspect */
|
6473 |
+
}
|
6474 |
+
|
6475 |
+
[type="checkbox"] + span:not(.lever) {
|
6476 |
+
position: relative;
|
6477 |
+
padding-left: 35px;
|
6478 |
+
cursor: pointer;
|
6479 |
+
display: inline-block;
|
6480 |
+
height: 25px;
|
6481 |
+
line-height: 25px;
|
6482 |
+
font-size: 1rem;
|
6483 |
+
-webkit-user-select: none;
|
6484 |
+
-moz-user-select: none;
|
6485 |
+
-ms-user-select: none;
|
6486 |
+
user-select: none;
|
6487 |
+
}
|
6488 |
+
|
6489 |
+
[type="checkbox"] + span:not(.lever):before,
|
6490 |
+
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
6491 |
+
content: '';
|
6492 |
+
position: absolute;
|
6493 |
+
top: 0;
|
6494 |
+
left: 0;
|
6495 |
+
width: 18px;
|
6496 |
+
height: 18px;
|
6497 |
+
z-index: 0;
|
6498 |
+
border: 2px solid #5a5a5a;
|
6499 |
+
border-radius: 1px;
|
6500 |
+
margin-top: 3px;
|
6501 |
+
-webkit-transition: .2s;
|
6502 |
+
transition: .2s;
|
6503 |
+
}
|
6504 |
+
|
6505 |
+
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
|
6506 |
+
border: 0;
|
6507 |
+
-webkit-transform: scale(0);
|
6508 |
+
transform: scale(0);
|
6509 |
+
}
|
6510 |
+
|
6511 |
+
[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
|
6512 |
+
border: none;
|
6513 |
+
background-color: rgba(0, 0, 0, 0.42);
|
6514 |
+
}
|
6515 |
+
|
6516 |
+
[type="checkbox"].tabbed:focus + span:not(.lever):after {
|
6517 |
+
-webkit-transform: scale(1);
|
6518 |
+
transform: scale(1);
|
6519 |
+
border: 0;
|
6520 |
+
border-radius: 50%;
|
6521 |
+
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6522 |
+
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
6523 |
+
background-color: rgba(0, 0, 0, 0.1);
|
6524 |
+
}
|
6525 |
+
|
6526 |
+
[type="checkbox"]:checked + span:not(.lever):before {
|
6527 |
+
top: -4px;
|
6528 |
+
left: -5px;
|
6529 |
+
width: 12px;
|
6530 |
+
height: 22px;
|
6531 |
+
border-top: 2px solid transparent;
|
6532 |
+
border-left: 2px solid transparent;
|
6533 |
+
border-right: 2px solid #26a69a;
|
6534 |
+
border-bottom: 2px solid #26a69a;
|
6535 |
+
-webkit-transform: rotate(40deg);
|
6536 |
+
transform: rotate(40deg);
|
6537 |
+
-webkit-backface-visibility: hidden;
|
6538 |
+
backface-visibility: hidden;
|
6539 |
+
-webkit-transform-origin: 100% 100%;
|
6540 |
+
transform-origin: 100% 100%;
|
6541 |
+
}
|
6542 |
+
|
6543 |
+
[type="checkbox"]:checked:disabled + span:before {
|
6544 |
+
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
6545 |
+
border-bottom: 2px solid rgba(0, 0, 0, 0.42);
|
6546 |
+
}
|
6547 |
+
|
6548 |
+
/* Indeterminate checkbox */
|
6549 |
+
[type="checkbox"]:indeterminate + span:not(.lever):before {
|
6550 |
+
top: -11px;
|
6551 |
+
left: -12px;
|
6552 |
+
width: 10px;
|
6553 |
+
height: 22px;
|
6554 |
+
border-top: none;
|
6555 |
+
border-left: none;
|
6556 |
+
border-right: 2px solid #26a69a;
|
6557 |
+
border-bottom: none;
|
6558 |
+
-webkit-transform: rotate(90deg);
|
6559 |
+
transform: rotate(90deg);
|
6560 |
+
-webkit-backface-visibility: hidden;
|
6561 |
+
backface-visibility: hidden;
|
6562 |
+
-webkit-transform-origin: 100% 100%;
|
6563 |
+
transform-origin: 100% 100%;
|
6564 |
+
}
|
6565 |
+
|
6566 |
+
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
|
6567 |
+
border-right: 2px solid rgba(0, 0, 0, 0.42);
|
6568 |
+
background-color: transparent;
|
6569 |
+
}
|
6570 |
+
|
6571 |
+
[type="checkbox"].filled-in + span:not(.lever):after {
|
6572 |
+
border-radius: 2px;
|
6573 |
+
}
|
6574 |
+
|
6575 |
+
[type="checkbox"].filled-in + span:not(.lever):before,
|
6576 |
+
[type="checkbox"].filled-in + span:not(.lever):after {
|
6577 |
+
content: '';
|
6578 |
+
left: 0;
|
6579 |
+
position: absolute;
|
6580 |
+
/* .1s delay is for check animation */
|
6581 |
+
-webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
6582 |
+
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
6583 |
+
z-index: 1;
|
6584 |
+
}
|
6585 |
+
|
6586 |
+
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
|
6587 |
+
width: 0;
|
6588 |
+
height: 0;
|
6589 |
+
border: 3px solid transparent;
|
6590 |
+
left: 6px;
|
6591 |
+
top: 10px;
|
6592 |
+
-webkit-transform: rotateZ(37deg);
|
6593 |
+
transform: rotateZ(37deg);
|
6594 |
+
-webkit-transform-origin: 100% 100%;
|
6595 |
+
transform-origin: 100% 100%;
|
6596 |
+
}
|
6597 |
+
|
6598 |
+
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
|
6599 |
+
height: 20px;
|
6600 |
+
width: 20px;
|
6601 |
+
background-color: transparent;
|
6602 |
+
border: 2px solid #5a5a5a;
|
6603 |
+
top: 0px;
|
6604 |
+
z-index: 0;
|
6605 |
+
}
|
6606 |
+
|
6607 |
+
[type="checkbox"].filled-in:checked + span:not(.lever):before {
|
6608 |
+
top: 0;
|
6609 |
+
left: 1px;
|
6610 |
+
width: 8px;
|
6611 |
+
height: 13px;
|
6612 |
+
border-top: 2px solid transparent;
|
6613 |
+
border-left: 2px solid transparent;
|
6614 |
+
border-right: 2px solid #fff;
|
6615 |
+
border-bottom: 2px solid #fff;
|
6616 |
+
-webkit-transform: rotateZ(37deg);
|
6617 |
+
transform: rotateZ(37deg);
|
6618 |
+
-webkit-transform-origin: 100% 100%;
|
6619 |
+
transform-origin: 100% 100%;
|
6620 |
+
}
|
6621 |
+
|
6622 |
+
[type="checkbox"].filled-in:checked + span:not(.lever):after {
|
6623 |
+
top: 0;
|
6624 |
+
width: 20px;
|
6625 |
+
height: 20px;
|
6626 |
+
border: 2px solid #26a69a;
|
6627 |
+
background-color: #26a69a;
|
6628 |
+
z-index: 0;
|
6629 |
+
}
|
6630 |
+
|
6631 |
+
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
|
6632 |
+
border-radius: 2px;
|
6633 |
+
border-color: #5a5a5a;
|
6634 |
+
background-color: rgba(0, 0, 0, 0.1);
|
6635 |
+
}
|
6636 |
+
|
6637 |
+
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
|
6638 |
+
border-radius: 2px;
|
6639 |
+
background-color: #26a69a;
|
6640 |
+
border-color: #26a69a;
|
6641 |
+
}
|
6642 |
+
|
6643 |
+
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
|
6644 |
+
background-color: transparent;
|
6645 |
+
border: 2px solid transparent;
|
6646 |
+
}
|
6647 |
+
|
6648 |
+
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
|
6649 |
+
border-color: transparent;
|
6650 |
+
background-color: #949494;
|
6651 |
+
}
|
6652 |
+
|
6653 |
+
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
|
6654 |
+
background-color: transparent;
|
6655 |
+
}
|
6656 |
+
|
6657 |
+
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
|
6658 |
+
background-color: #949494;
|
6659 |
+
border-color: #949494;
|
6660 |
+
}
|
6661 |
+
|
6662 |
+
/* Switch
|
6663 |
+
========================================================================== */
|
6664 |
+
.switch,
|
6665 |
+
.switch * {
|
6666 |
+
-webkit-tap-highlight-color: transparent;
|
6667 |
+
-webkit-user-select: none;
|
6668 |
+
-moz-user-select: none;
|
6669 |
+
-ms-user-select: none;
|
6670 |
+
user-select: none;
|
6671 |
+
}
|
6672 |
+
|
6673 |
+
.switch label {
|
6674 |
+
cursor: pointer;
|
6675 |
+
}
|
6676 |
+
|
6677 |
+
.switch label input[type=checkbox] {
|
6678 |
+
opacity: 0;
|
6679 |
+
width: 0;
|
6680 |
+
height: 0;
|
6681 |
+
}
|
6682 |
+
|
6683 |
+
.switch label input[type=checkbox]:checked + .lever {
|
6684 |
+
background-color: #84c7c1;
|
6685 |
+
}
|
6686 |
+
|
6687 |
+
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
|
6688 |
+
left: 18px;
|
6689 |
+
}
|
6690 |
+
|
6691 |
+
.switch label input[type=checkbox]:checked + .lever:after {
|
6692 |
+
background-color: #26a69a;
|
6693 |
+
}
|
6694 |
+
|
6695 |
+
.switch label .lever {
|
6696 |
+
content: "";
|
6697 |
+
display: inline-block;
|
6698 |
+
position: relative;
|
6699 |
+
width: 36px;
|
6700 |
+
height: 14px;
|
6701 |
+
background-color: rgba(0, 0, 0, 0.38);
|
6702 |
+
border-radius: 15px;
|
6703 |
+
margin-right: 10px;
|
6704 |
+
-webkit-transition: background 0.3s ease;
|
6705 |
+
transition: background 0.3s ease;
|
6706 |
+
vertical-align: middle;
|
6707 |
+
margin: 0 16px;
|
6708 |
+
}
|
6709 |
+
|
6710 |
+
.switch label .lever:before, .switch label .lever:after {
|
6711 |
+
content: "";
|
6712 |
+
position: absolute;
|
6713 |
+
display: inline-block;
|
6714 |
+
width: 20px;
|
6715 |
+
height: 20px;
|
6716 |
+
border-radius: 50%;
|
6717 |
+
left: 0;
|
6718 |
+
top: -3px;
|
6719 |
+
-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
6720 |
+
transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
6721 |
+
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
|
6722 |
+
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
|
6723 |
+
}
|
6724 |
+
|
6725 |
+
.switch label .lever:before {
|
6726 |
+
background-color: rgba(38, 166, 154, 0.15);
|
6727 |
+
}
|
6728 |
+
|
6729 |
+
.switch label .lever:after {
|
6730 |
+
background-color: #F1F1F1;
|
6731 |
+
-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
6732 |
+
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
6733 |
+
}
|
6734 |
+
|
6735 |
+
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
|
6736 |
+
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
|
6737 |
+
-webkit-transform: scale(2.4);
|
6738 |
+
transform: scale(2.4);
|
6739 |
+
background-color: rgba(38, 166, 154, 0.15);
|
6740 |
+
}
|
6741 |
+
|
6742 |
+
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
|
6743 |
+
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
|
6744 |
+
-webkit-transform: scale(2.4);
|
6745 |
+
transform: scale(2.4);
|
6746 |
+
background-color: rgba(0, 0, 0, 0.08);
|
6747 |
+
}
|
6748 |
+
|
6749 |
+
.switch input[type=checkbox][disabled] + .lever {
|
6750 |
+
cursor: default;
|
6751 |
+
background-color: rgba(0, 0, 0, 0.12);
|
6752 |
+
}
|
6753 |
+
|
6754 |
+
.switch label input[type=checkbox][disabled] + .lever:after,
|
6755 |
+
.switch label input[type=checkbox][disabled]:checked + .lever:after {
|
6756 |
+
background-color: #949494;
|
6757 |
+
}
|
6758 |
+
|
6759 |
+
/* Select Field
|
6760 |
+
========================================================================== */
|
6761 |
+
select {
|
6762 |
+
display: none;
|
6763 |
+
}
|
6764 |
+
|
6765 |
+
select.browser-default {
|
6766 |
+
display: block;
|
6767 |
+
}
|
6768 |
+
|
6769 |
+
select {
|
6770 |
+
background-color: rgba(255, 255, 255, 0.9);
|
6771 |
+
width: 100%;
|
6772 |
+
padding: 5px;
|
6773 |
+
border: 1px solid #f2f2f2;
|
6774 |
+
border-radius: 2px;
|
6775 |
+
height: 3rem;
|
6776 |
+
}
|
6777 |
+
|
6778 |
+
.select-label {
|
6779 |
+
position: absolute;
|
6780 |
+
}
|
6781 |
+
|
6782 |
+
.select-wrapper {
|
6783 |
+
position: relative;
|
6784 |
+
}
|
6785 |
+
|
6786 |
+
.select-wrapper.valid + label,
|
6787 |
+
.select-wrapper.invalid + label {
|
6788 |
+
width: 100%;
|
6789 |
+
pointer-events: none;
|
6790 |
+
}
|
6791 |
+
|
6792 |
+
.select-wrapper input.select-dropdown {
|
6793 |
+
position: relative;
|
6794 |
+
cursor: pointer;
|
6795 |
+
background-color: transparent;
|
6796 |
+
border: none;
|
6797 |
+
border-bottom: 1px solid #9e9e9e;
|
6798 |
+
outline: none;
|
6799 |
+
height: 3rem;
|
6800 |
+
line-height: 3rem;
|
6801 |
+
width: 100%;
|
6802 |
+
font-size: 16px;
|
6803 |
+
margin: 0 0 8px 0;
|
6804 |
+
padding: 0;
|
6805 |
+
display: block;
|
6806 |
+
-webkit-user-select: none;
|
6807 |
+
-moz-user-select: none;
|
6808 |
+
-ms-user-select: none;
|
6809 |
+
user-select: none;
|
6810 |
+
z-index: 1;
|
6811 |
+
}
|
6812 |
+
|
6813 |
+
.select-wrapper input.select-dropdown:focus {
|
6814 |
+
border-bottom: 1px solid #26a69a;
|
6815 |
+
}
|
6816 |
+
|
6817 |
+
.select-wrapper .caret {
|
6818 |
+
position: absolute;
|
6819 |
+
right: 0;
|
6820 |
+
top: 0;
|
6821 |
+
bottom: 0;
|
6822 |
+
margin: auto 0;
|
6823 |
+
z-index: 0;
|
6824 |
+
fill: rgba(0, 0, 0, 0.87);
|
6825 |
+
}
|
6826 |
+
|
6827 |
+
.select-wrapper + label {
|
6828 |
+
position: absolute;
|
6829 |
+
top: -26px;
|
6830 |
+
font-size: 0.8rem;
|
6831 |
+
}
|
6832 |
+
|
6833 |
+
select:disabled {
|
6834 |
+
color: rgba(0, 0, 0, 0.42);
|
6835 |
+
}
|
6836 |
+
|
6837 |
+
.select-wrapper.disabled + label {
|
6838 |
+
color: rgba(0, 0, 0, 0.42);
|
6839 |
+
}
|
6840 |
+
|
6841 |
+
.select-wrapper.disabled .caret {
|
6842 |
+
fill: rgba(0, 0, 0, 0.42);
|
6843 |
+
}
|
6844 |
+
|
6845 |
+
.select-wrapper input.select-dropdown:disabled {
|
6846 |
+
color: rgba(0, 0, 0, 0.42);
|
6847 |
+
cursor: default;
|
6848 |
+
-webkit-user-select: none;
|
6849 |
+
-moz-user-select: none;
|
6850 |
+
-ms-user-select: none;
|
6851 |
+
user-select: none;
|
6852 |
+
}
|
6853 |
+
|
6854 |
+
.select-wrapper i {
|
6855 |
+
color: rgba(0, 0, 0, 0.3);
|
6856 |
+
}
|
6857 |
+
|
6858 |
+
.select-dropdown li.disabled,
|
6859 |
+
.select-dropdown li.disabled > span,
|
6860 |
+
.select-dropdown li.optgroup {
|
6861 |
+
color: rgba(0, 0, 0, 0.3);
|
6862 |
+
background-color: transparent;
|
6863 |
+
}
|
6864 |
+
|
6865 |
+
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
6866 |
+
background-color: rgba(0, 0, 0, 0.08);
|
6867 |
+
}
|
6868 |
+
|
6869 |
+
.select-dropdown.dropdown-content li:hover {
|
6870 |
+
background-color: rgba(0, 0, 0, 0.08);
|
6871 |
+
}
|
6872 |
+
|
6873 |
+
.select-dropdown.dropdown-content li.selected {
|
6874 |
+
background-color: rgba(0, 0, 0, 0.03);
|
6875 |
+
}
|
6876 |
+
|
6877 |
+
.prefix ~ .select-wrapper {
|
6878 |
+
margin-left: 3rem;
|
6879 |
+
width: 92%;
|
6880 |
+
width: calc(100% - 3rem);
|
6881 |
+
}
|
6882 |
+
|
6883 |
+
.prefix ~ label {
|
6884 |
+
margin-left: 3rem;
|
6885 |
+
}
|
6886 |
+
|
6887 |
+
.select-dropdown li img {
|
6888 |
+
height: 40px;
|
6889 |
+
width: 40px;
|
6890 |
+
margin: 5px 15px;
|
6891 |
+
float: right;
|
6892 |
+
}
|
6893 |
+
|
6894 |
+
.select-dropdown li.optgroup {
|
6895 |
+
border-top: 1px solid #eee;
|
6896 |
+
}
|
6897 |
+
|
6898 |
+
.select-dropdown li.optgroup.selected > span {
|
6899 |
+
color: rgba(0, 0, 0, 0.7);
|
6900 |
+
}
|
6901 |
+
|
6902 |
+
.select-dropdown li.optgroup > span {
|
6903 |
+
color: rgba(0, 0, 0, 0.4);
|
6904 |
+
}
|
6905 |
+
|
6906 |
+
.select-dropdown li.optgroup ~ li.optgroup-option {
|
6907 |
+
padding-left: 1rem;
|
6908 |
+
}
|
6909 |
+
|
6910 |
+
/* File Input
|
6911 |
+
========================================================================== */
|
6912 |
+
.file-field {
|
6913 |
+
position: relative;
|
6914 |
+
}
|
6915 |
+
|
6916 |
+
.file-field .file-path-wrapper {
|
6917 |
+
overflow: hidden;
|
6918 |
+
padding-left: 10px;
|
6919 |
+
}
|
6920 |
+
|
6921 |
+
.file-field input.file-path {
|
6922 |
+
width: 100%;
|
6923 |
+
}
|
6924 |
+
|
6925 |
+
.file-field .btn, .file-field .btn-large, .file-field .btn-small {
|
6926 |
+
float: left;
|
6927 |
+
height: 3rem;
|
6928 |
+
line-height: 3rem;
|
6929 |
+
}
|
6930 |
+
|
6931 |
+
.file-field span {
|
6932 |
+
cursor: pointer;
|
6933 |
+
}
|
6934 |
+
|
6935 |
+
.file-field input[type=file] {
|
6936 |
+
position: absolute;
|
6937 |
+
top: 0;
|
6938 |
+
right: 0;
|
6939 |
+
left: 0;
|
6940 |
+
bottom: 0;
|
6941 |
+
width: 100%;
|
6942 |
+
margin: 0;
|
6943 |
+
padding: 0;
|
6944 |
+
font-size: 20px;
|
6945 |
+
cursor: pointer;
|
6946 |
+
opacity: 0;
|
6947 |
+
filter: alpha(opacity=0);
|
6948 |
+
}
|
6949 |
+
|
6950 |
+
.file-field input[type=file]::-webkit-file-upload-button {
|
6951 |
+
display: none;
|
6952 |
+
}
|
6953 |
+
|
6954 |
+
/* Range
|
6955 |
+
========================================================================== */
|
6956 |
+
.range-field {
|
6957 |
+
position: relative;
|
6958 |
+
}
|
6959 |
+
|
6960 |
+
input[type=range],
|
6961 |
+
input[type=range] + .thumb {
|
6962 |
+
cursor: pointer;
|
6963 |
+
}
|
6964 |
+
|
6965 |
+
input[type=range] {
|
6966 |
+
position: relative;
|
6967 |
+
background-color: transparent;
|
6968 |
+
border: none;
|
6969 |
+
outline: none;
|
6970 |
+
width: 100%;
|
6971 |
+
margin: 15px 0;
|
6972 |
+
padding: 0;
|
6973 |
+
}
|
6974 |
+
|
6975 |
+
input[type=range]:focus {
|
6976 |
+
outline: none;
|
6977 |
+
}
|
6978 |
+
|
6979 |
+
input[type=range] + .thumb {
|
6980 |
+
position: absolute;
|
6981 |
+
top: 10px;
|
6982 |
+
left: 0;
|
6983 |
+
border: none;
|
6984 |
+
height: 0;
|
6985 |
+
width: 0;
|
6986 |
+
border-radius: 50%;
|
6987 |
+
background-color: #26a69a;
|
6988 |
+
margin-left: 7px;
|
6989 |
+
-webkit-transform-origin: 50% 50%;
|
6990 |
+
transform-origin: 50% 50%;
|
6991 |
+
-webkit-transform: rotate(-45deg);
|
6992 |
+
transform: rotate(-45deg);
|
6993 |
+
}
|
6994 |
+
|
6995 |
+
input[type=range] + .thumb .value {
|
6996 |
+
display: block;
|
6997 |
+
width: 30px;
|
6998 |
+
text-align: center;
|
6999 |
+
color: #26a69a;
|
7000 |
+
font-size: 0;
|
7001 |
+
-webkit-transform: rotate(45deg);
|
7002 |
+
transform: rotate(45deg);
|
7003 |
+
}
|
7004 |
+
|
7005 |
+
input[type=range] + .thumb.active {
|
7006 |
+
border-radius: 50% 50% 50% 0;
|
7007 |
+
}
|
7008 |
+
|
7009 |
+
input[type=range] + .thumb.active .value {
|
7010 |
+
color: #fff;
|
7011 |
+
margin-left: -1px;
|
7012 |
+
margin-top: 8px;
|
7013 |
+
font-size: 10px;
|
7014 |
+
}
|
7015 |
+
|
7016 |
+
input[type=range] {
|
7017 |
+
-webkit-appearance: none;
|
7018 |
+
}
|
7019 |
+
|
7020 |
+
input[type=range]::-webkit-slider-runnable-track {
|
7021 |
+
height: 3px;
|
7022 |
+
background: #c2c0c2;
|
7023 |
+
border: none;
|
7024 |
+
}
|
7025 |
+
|
7026 |
+
input[type=range]::-webkit-slider-thumb {
|
7027 |
+
border: none;
|
7028 |
+
height: 14px;
|
7029 |
+
width: 14px;
|
7030 |
+
border-radius: 50%;
|
7031 |
+
background: #26a69a;
|
7032 |
+
-webkit-transition: -webkit-box-shadow .3s;
|
7033 |
+
transition: -webkit-box-shadow .3s;
|
7034 |
+
transition: box-shadow .3s;
|
7035 |
+
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
7036 |
+
-webkit-appearance: none;
|
7037 |
+
background-color: #26a69a;
|
7038 |
+
-webkit-transform-origin: 50% 50%;
|
7039 |
+
transform-origin: 50% 50%;
|
7040 |
+
margin: -5px 0 0 0;
|
7041 |
+
}
|
7042 |
+
|
7043 |
+
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
|
7044 |
+
-webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7045 |
+
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7046 |
+
}
|
7047 |
+
|
7048 |
+
input[type=range] {
|
7049 |
+
/* fix for FF unable to apply focus style bug */
|
7050 |
+
border: 1px solid white;
|
7051 |
+
/*required for proper track sizing in FF*/
|
7052 |
+
}
|
7053 |
+
|
7054 |
+
input[type=range]::-moz-range-track {
|
7055 |
+
height: 3px;
|
7056 |
+
background: #c2c0c2;
|
7057 |
+
border: none;
|
7058 |
+
}
|
7059 |
+
|
7060 |
+
input[type=range]::-moz-focus-inner {
|
7061 |
+
border: 0;
|
7062 |
+
}
|
7063 |
+
|
7064 |
+
input[type=range]::-moz-range-thumb {
|
7065 |
+
border: none;
|
7066 |
+
height: 14px;
|
7067 |
+
width: 14px;
|
7068 |
+
border-radius: 50%;
|
7069 |
+
background: #26a69a;
|
7070 |
+
-webkit-transition: -webkit-box-shadow .3s;
|
7071 |
+
transition: -webkit-box-shadow .3s;
|
7072 |
+
transition: box-shadow .3s;
|
7073 |
+
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
7074 |
+
margin-top: -5px;
|
7075 |
+
}
|
7076 |
+
|
7077 |
+
input[type=range]:-moz-focusring {
|
7078 |
+
outline: 1px solid #fff;
|
7079 |
+
outline-offset: -1px;
|
7080 |
+
}
|
7081 |
+
|
7082 |
+
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
|
7083 |
+
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7084 |
+
}
|
7085 |
+
|
7086 |
+
input[type=range]::-ms-track {
|
7087 |
+
height: 3px;
|
7088 |
+
background: transparent;
|
7089 |
+
border-color: transparent;
|
7090 |
+
border-width: 6px 0;
|
7091 |
+
/*remove default tick marks*/
|
7092 |
+
color: transparent;
|
7093 |
+
}
|
7094 |
+
|
7095 |
+
input[type=range]::-ms-fill-lower {
|
7096 |
+
background: #777;
|
7097 |
+
}
|
7098 |
+
|
7099 |
+
input[type=range]::-ms-fill-upper {
|
7100 |
+
background: #ddd;
|
7101 |
+
}
|
7102 |
+
|
7103 |
+
input[type=range]::-ms-thumb {
|
7104 |
+
border: none;
|
7105 |
+
height: 14px;
|
7106 |
+
width: 14px;
|
7107 |
+
border-radius: 50%;
|
7108 |
+
background: #26a69a;
|
7109 |
+
-webkit-transition: -webkit-box-shadow .3s;
|
7110 |
+
transition: -webkit-box-shadow .3s;
|
7111 |
+
transition: box-shadow .3s;
|
7112 |
+
transition: box-shadow .3s, -webkit-box-shadow .3s;
|
7113 |
+
}
|
7114 |
+
|
7115 |
+
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
|
7116 |
+
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
|
7117 |
+
}
|
7118 |
+
|
7119 |
+
/***************
|
7120 |
+
Nav List
|
7121 |
+
***************/
|
7122 |
+
.table-of-contents.fixed {
|
7123 |
+
position: fixed;
|
7124 |
+
}
|
7125 |
+
|
7126 |
+
.table-of-contents li {
|
7127 |
+
padding: 2px 0;
|
7128 |
+
}
|
7129 |
+
|
7130 |
+
.table-of-contents a {
|
7131 |
+
display: inline-block;
|
7132 |
+
font-weight: 300;
|
7133 |
+
color: #757575;
|
7134 |
+
padding-left: 16px;
|
7135 |
+
height: 1.5rem;
|
7136 |
+
line-height: 1.5rem;
|
7137 |
+
letter-spacing: .4;
|
7138 |
+
display: inline-block;
|
7139 |
+
}
|
7140 |
+
|
7141 |
+
.table-of-contents a:hover {
|
7142 |
+
color: #a8a8a8;
|
7143 |
+
padding-left: 15px;
|
7144 |
+
border-left: 1px solid #ee6e73;
|
7145 |
+
}
|
7146 |
+
|
7147 |
+
.table-of-contents a.active {
|
7148 |
+
font-weight: 500;
|
7149 |
+
padding-left: 14px;
|
7150 |
+
border-left: 2px solid #ee6e73;
|
7151 |
+
}
|
7152 |
+
|
7153 |
+
.sidenav {
|
7154 |
+
position: fixed;
|
7155 |
+
width: 300px;
|
7156 |
+
left: 0;
|
7157 |
+
top: 0;
|
7158 |
+
margin: 0;
|
7159 |
+
-webkit-transform: translateX(-100%);
|
7160 |
+
transform: translateX(-100%);
|
7161 |
+
height: 100%;
|
7162 |
+
height: calc(100% + 60px);
|
7163 |
+
height: -moz-calc(100%);
|
7164 |
+
padding-bottom: 60px;
|
7165 |
+
background-color: #fff;
|
7166 |
+
z-index: 999;
|
7167 |
+
overflow-y: auto;
|
7168 |
+
will-change: transform;
|
7169 |
+
-webkit-backface-visibility: hidden;
|
7170 |
+
backface-visibility: hidden;
|
7171 |
+
-webkit-transform: translateX(-105%);
|
7172 |
+
transform: translateX(-105%);
|
7173 |
+
}
|
7174 |
+
|
7175 |
+
.sidenav.right-aligned {
|
7176 |
+
right: 0;
|
7177 |
+
-webkit-transform: translateX(105%);
|
7178 |
+
transform: translateX(105%);
|
7179 |
+
left: auto;
|
7180 |
+
-webkit-transform: translateX(100%);
|
7181 |
+
transform: translateX(100%);
|
7182 |
+
}
|
7183 |
+
|
7184 |
+
.sidenav .collapsible {
|
7185 |
+
margin: 0;
|
7186 |
+
}
|
7187 |
+
|
7188 |
+
.sidenav li {
|
7189 |
+
float: none;
|
7190 |
+
line-height: 48px;
|
7191 |
+
}
|
7192 |
+
|
7193 |
+
.sidenav li.active {
|
7194 |
+
background-color: rgba(0, 0, 0, 0.05);
|
7195 |
+
}
|
7196 |
+
|
7197 |
+
.sidenav li > a {
|
7198 |
+
color: rgba(0, 0, 0, 0.87);
|
7199 |
+
display: block;
|
7200 |
+
font-size: 14px;
|
7201 |
+
font-weight: 500;
|
7202 |
+
height: 48px;
|
7203 |
+
line-height: 48px;
|
7204 |
+
padding: 0 32px;
|
7205 |
+
}
|
7206 |
+
|
7207 |
+
.sidenav li > a:hover {
|
7208 |
+
background-color: rgba(0, 0, 0, 0.05);
|
7209 |
+
}
|
7210 |
+
|
7211 |
+
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
|
7212 |
+
margin: 10px 15px;
|
7213 |
+
}
|
7214 |
+
|
7215 |
+
.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
|
7216 |
+
color: #fff;
|
7217 |
+
}
|
7218 |
+
|
7219 |
+
.sidenav li > a.btn-flat {
|
7220 |
+
color: #343434;
|
7221 |
+
}
|
7222 |
+
|
7223 |
+
.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
|
7224 |
+
background-color: #2bbbad;
|
7225 |
+
}
|
7226 |
+
|
7227 |
+
.sidenav li > a.btn-floating:hover {
|
7228 |
+
background-color: #26a69a;
|
7229 |
+
}
|
7230 |
+
|
7231 |
+
.sidenav li > a > i,
|
7232 |
+
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
|
7233 |
+
.sidenav li > a > i.material-icons {
|
7234 |
+
float: left;
|
7235 |
+
height: 48px;
|
7236 |
+
line-height: 48px;
|
7237 |
+
margin: 0 32px 0 0;
|
7238 |
+
width: 24px;
|
7239 |
+
color: rgba(0, 0, 0, 0.54);
|
7240 |
+
}
|
7241 |
+
|
7242 |
+
.sidenav .divider {
|
7243 |
+
margin: 8px 0 0 0;
|
7244 |
+
}
|
7245 |
+
|
7246 |
+
.sidenav .subheader {
|
7247 |
+
cursor: initial;
|
7248 |
+
pointer-events: none;
|
7249 |
+
color: rgba(0, 0, 0, 0.54);
|
7250 |
+
font-size: 14px;
|
7251 |
+
font-weight: 500;
|
7252 |
+
line-height: 48px;
|
7253 |
+
}
|
7254 |
+
|
7255 |
+
.sidenav .subheader:hover {
|
7256 |
+
background-color: transparent;
|
7257 |
+
}
|
7258 |
+
|
7259 |
+
.sidenav .user-view {
|
7260 |
+
position: relative;
|
7261 |
+
padding: 32px 32px 0;
|
7262 |
+
margin-bottom: 8px;
|
7263 |
+
}
|
7264 |
+
|
7265 |
+
.sidenav .user-view > a {
|
7266 |
+
height: auto;
|
7267 |
+
padding: 0;
|
7268 |
+
}
|
7269 |
+
|
7270 |
+
.sidenav .user-view > a:hover {
|
7271 |
+
background-color: transparent;
|
7272 |
+
}
|
7273 |
+
|
7274 |
+
.sidenav .user-view .background {
|
7275 |
+
overflow: hidden;
|
7276 |
+
position: absolute;
|
7277 |
+
top: 0;
|
7278 |
+
right: 0;
|
7279 |
+
bottom: 0;
|
7280 |
+
left: 0;
|
7281 |
+
z-index: -1;
|
7282 |
+
}
|
7283 |
+
|
7284 |
+
.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
|
7285 |
+
display: block;
|
7286 |
+
}
|
7287 |
+
|
7288 |
+
.sidenav .user-view .circle {
|
7289 |
+
height: 64px;
|
7290 |
+
width: 64px;
|
7291 |
+
}
|
7292 |
+
|
7293 |
+
.sidenav .user-view .name,
|
7294 |
+
.sidenav .user-view .email {
|
7295 |
+
font-size: 14px;
|
7296 |
+
line-height: 24px;
|
7297 |
+
}
|
7298 |
+
|
7299 |
+
.sidenav .user-view .name {
|
7300 |
+
margin-top: 16px;
|
7301 |
+
font-weight: 500;
|
7302 |
+
}
|
7303 |
+
|
7304 |
+
.sidenav .user-view .email {
|
7305 |
+
padding-bottom: 16px;
|
7306 |
+
font-weight: 400;
|
7307 |
+
}
|
7308 |
+
|
7309 |
+
.drag-target {
|
7310 |
+
height: 100%;
|
7311 |
+
width: 10px;
|
7312 |
+
position: fixed;
|
7313 |
+
top: 0;
|
7314 |
+
z-index: 998;
|
7315 |
+
}
|
7316 |
+
|
7317 |
+
.drag-target.right-aligned {
|
7318 |
+
right: 0;
|
7319 |
+
}
|
7320 |
+
|
7321 |
+
.sidenav.sidenav-fixed {
|
7322 |
+
left: 0;
|
7323 |
+
-webkit-transform: translateX(0);
|
7324 |
+
transform: translateX(0);
|
7325 |
+
position: fixed;
|
7326 |
+
}
|
7327 |
+
|
7328 |
+
.sidenav.sidenav-fixed.right-aligned {
|
7329 |
+
right: 0;
|
7330 |
+
left: auto;
|
7331 |
+
}
|
7332 |
+
|
7333 |
+
@media only screen and (max-width: 992px) {
|
7334 |
+
.sidenav.sidenav-fixed {
|
7335 |
+
-webkit-transform: translateX(-105%);
|
7336 |
+
transform: translateX(-105%);
|
7337 |
+
}
|
7338 |
+
.sidenav.sidenav-fixed.right-aligned {
|
7339 |
+
-webkit-transform: translateX(105%);
|
7340 |
+
transform: translateX(105%);
|
7341 |
+
}
|
7342 |
+
.sidenav > a {
|
7343 |
+
padding: 0 16px;
|
7344 |
+
}
|
7345 |
+
.sidenav .user-view {
|
7346 |
+
padding: 16px 16px 0;
|
7347 |
+
}
|
7348 |
+
}
|
7349 |
+
|
7350 |
+
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
|
7351 |
+
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
|
7352 |
+
background-color: #ee6e73;
|
7353 |
+
}
|
7354 |
+
|
7355 |
+
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
|
7356 |
+
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
|
7357 |
+
color: #fff;
|
7358 |
+
}
|
7359 |
+
|
7360 |
+
.sidenav .collapsible-body {
|
7361 |
+
padding: 0;
|
7362 |
+
}
|
7363 |
+
|
7364 |
+
.sidenav-overlay {
|
7365 |
+
position: fixed;
|
7366 |
+
top: 0;
|
7367 |
+
left: 0;
|
7368 |
+
right: 0;
|
7369 |
+
opacity: 0;
|
7370 |
+
height: 120vh;
|
7371 |
+
background-color: rgba(0, 0, 0, 0.5);
|
7372 |
+
z-index: 997;
|
7373 |
+
display: none;
|
7374 |
+
}
|
7375 |
+
|
7376 |
+
/*
|
7377 |
+
@license
|
7378 |
+
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
7379 |
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
7380 |
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
7381 |
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
7382 |
+
Code distributed by Google as part of the polymer project is also
|
7383 |
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
7384 |
+
*/
|
7385 |
+
/**************************/
|
7386 |
+
/* STYLES FOR THE SPINNER */
|
7387 |
+
/**************************/
|
7388 |
+
/*
|
7389 |
+
* Constants:
|
7390 |
+
* STROKEWIDTH = 3px
|
7391 |
+
* ARCSIZE = 270 degrees (amount of circle the arc takes up)
|
7392 |
+
* ARCTIME = 1333ms (time it takes to expand and contract arc)
|
7393 |
+
* ARCSTARTROT = 216 degrees (how much the start location of the arc
|
7394 |
+
* should rotate each time, 216 gives us a
|
7395 |
+
* 5 pointed star shape (it's 360/5 * 3).
|
7396 |
+
* For a 7 pointed star, we might do
|
7397 |
+
* 360/7 * 3 = 154.286)
|
7398 |
+
* CONTAINERWIDTH = 28px
|
7399 |
+
* SHRINK_TIME = 400ms
|
7400 |
+
*/
|
7401 |
+
.preloader-wrapper {
|
7402 |
+
display: inline-block;
|
7403 |
+
position: relative;
|
7404 |
+
width: 50px;
|
7405 |
+
height: 50px;
|
7406 |
+
}
|
7407 |
+
|
7408 |
+
.preloader-wrapper.small {
|
7409 |
+
width: 36px;
|
7410 |
+
height: 36px;
|
7411 |
+
}
|
7412 |
+
|
7413 |
+
.preloader-wrapper.big {
|
7414 |
+
width: 64px;
|
7415 |
+
height: 64px;
|
7416 |
+
}
|
7417 |
+
|
7418 |
+
.preloader-wrapper.active {
|
7419 |
+
/* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
|
7420 |
+
-webkit-animation: container-rotate 1568ms linear infinite;
|
7421 |
+
animation: container-rotate 1568ms linear infinite;
|
7422 |
+
}
|
7423 |
+
|
7424 |
+
@-webkit-keyframes container-rotate {
|
7425 |
+
to {
|
7426 |
+
-webkit-transform: rotate(360deg);
|
7427 |
+
}
|
7428 |
+
}
|
7429 |
+
|
7430 |
+
@keyframes container-rotate {
|
7431 |
+
to {
|
7432 |
+
-webkit-transform: rotate(360deg);
|
7433 |
+
transform: rotate(360deg);
|
7434 |
+
}
|
7435 |
+
}
|
7436 |
+
|
7437 |
+
.spinner-layer {
|
7438 |
+
position: absolute;
|
7439 |
+
width: 100%;
|
7440 |
+
height: 100%;
|
7441 |
+
opacity: 0;
|
7442 |
+
border-color: #26a69a;
|
7443 |
+
}
|
7444 |
+
|
7445 |
+
.spinner-blue,
|
7446 |
+
.spinner-blue-only {
|
7447 |
+
border-color: #4285f4;
|
7448 |
+
}
|
7449 |
+
|
7450 |
+
.spinner-red,
|
7451 |
+
.spinner-red-only {
|
7452 |
+
border-color: #db4437;
|
7453 |
+
}
|
7454 |
+
|
7455 |
+
.spinner-yellow,
|
7456 |
+
.spinner-yellow-only {
|
7457 |
+
border-color: #f4b400;
|
7458 |
+
}
|
7459 |
+
|
7460 |
+
.spinner-green,
|
7461 |
+
.spinner-green-only {
|
7462 |
+
border-color: #0f9d58;
|
7463 |
+
}
|
7464 |
+
|
7465 |
+
/**
|
7466 |
+
* IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
|
7467 |
+
*
|
7468 |
+
* iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
|
7469 |
+
* guarantee that the animation will start _exactly_ after that value. So we avoid using
|
7470 |
+
* animation-delay and instead set custom keyframes for each color (as redundant as it
|
7471 |
+
* seems).
|
7472 |
+
*
|
7473 |
+
* We write out each animation in full (instead of separating animation-name,
|
7474 |
+
* animation-duration, etc.) because under the polyfill, Safari does not recognize those
|
7475 |
+
* specific properties properly, treats them as -webkit-animation, and overrides the
|
7476 |
+
* other animation rules. See https://github.com/Polymer/platform/issues/53.
|
7477 |
+
*/
|
7478 |
+
.active .spinner-layer.spinner-blue {
|
7479 |
+
/* durations: 4 * ARCTIME */
|
7480 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7481 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7482 |
+
}
|
7483 |
+
|
7484 |
+
.active .spinner-layer.spinner-red {
|
7485 |
+
/* durations: 4 * ARCTIME */
|
7486 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7487 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7488 |
+
}
|
7489 |
+
|
7490 |
+
.active .spinner-layer.spinner-yellow {
|
7491 |
+
/* durations: 4 * ARCTIME */
|
7492 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7493 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7494 |
+
}
|
7495 |
+
|
7496 |
+
.active .spinner-layer.spinner-green {
|
7497 |
+
/* durations: 4 * ARCTIME */
|
7498 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7499 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7500 |
+
}
|
7501 |
+
|
7502 |
+
.active .spinner-layer,
|
7503 |
+
.active .spinner-layer.spinner-blue-only,
|
7504 |
+
.active .spinner-layer.spinner-red-only,
|
7505 |
+
.active .spinner-layer.spinner-yellow-only,
|
7506 |
+
.active .spinner-layer.spinner-green-only {
|
7507 |
+
/* durations: 4 * ARCTIME */
|
7508 |
+
opacity: 1;
|
7509 |
+
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7510 |
+
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7511 |
+
}
|
7512 |
+
|
7513 |
+
@-webkit-keyframes fill-unfill-rotate {
|
7514 |
+
12.5% {
|
7515 |
+
-webkit-transform: rotate(135deg);
|
7516 |
+
}
|
7517 |
+
/* 0.5 * ARCSIZE */
|
7518 |
+
25% {
|
7519 |
+
-webkit-transform: rotate(270deg);
|
7520 |
+
}
|
7521 |
+
/* 1 * ARCSIZE */
|
7522 |
+
37.5% {
|
7523 |
+
-webkit-transform: rotate(405deg);
|
7524 |
+
}
|
7525 |
+
/* 1.5 * ARCSIZE */
|
7526 |
+
50% {
|
7527 |
+
-webkit-transform: rotate(540deg);
|
7528 |
+
}
|
7529 |
+
/* 2 * ARCSIZE */
|
7530 |
+
62.5% {
|
7531 |
+
-webkit-transform: rotate(675deg);
|
7532 |
+
}
|
7533 |
+
/* 2.5 * ARCSIZE */
|
7534 |
+
75% {
|
7535 |
+
-webkit-transform: rotate(810deg);
|
7536 |
+
}
|
7537 |
+
/* 3 * ARCSIZE */
|
7538 |
+
87.5% {
|
7539 |
+
-webkit-transform: rotate(945deg);
|
7540 |
+
}
|
7541 |
+
/* 3.5 * ARCSIZE */
|
7542 |
+
to {
|
7543 |
+
-webkit-transform: rotate(1080deg);
|
7544 |
+
}
|
7545 |
+
/* 4 * ARCSIZE */
|
7546 |
+
}
|
7547 |
+
|
7548 |
+
@keyframes fill-unfill-rotate {
|
7549 |
+
12.5% {
|
7550 |
+
-webkit-transform: rotate(135deg);
|
7551 |
+
transform: rotate(135deg);
|
7552 |
+
}
|
7553 |
+
/* 0.5 * ARCSIZE */
|
7554 |
+
25% {
|
7555 |
+
-webkit-transform: rotate(270deg);
|
7556 |
+
transform: rotate(270deg);
|
7557 |
+
}
|
7558 |
+
/* 1 * ARCSIZE */
|
7559 |
+
37.5% {
|
7560 |
+
-webkit-transform: rotate(405deg);
|
7561 |
+
transform: rotate(405deg);
|
7562 |
+
}
|
7563 |
+
/* 1.5 * ARCSIZE */
|
7564 |
+
50% {
|
7565 |
+
-webkit-transform: rotate(540deg);
|
7566 |
+
transform: rotate(540deg);
|
7567 |
+
}
|
7568 |
+
/* 2 * ARCSIZE */
|
7569 |
+
62.5% {
|
7570 |
+
-webkit-transform: rotate(675deg);
|
7571 |
+
transform: rotate(675deg);
|
7572 |
+
}
|
7573 |
+
/* 2.5 * ARCSIZE */
|
7574 |
+
75% {
|
7575 |
+
-webkit-transform: rotate(810deg);
|
7576 |
+
transform: rotate(810deg);
|
7577 |
+
}
|
7578 |
+
/* 3 * ARCSIZE */
|
7579 |
+
87.5% {
|
7580 |
+
-webkit-transform: rotate(945deg);
|
7581 |
+
transform: rotate(945deg);
|
7582 |
+
}
|
7583 |
+
/* 3.5 * ARCSIZE */
|
7584 |
+
to {
|
7585 |
+
-webkit-transform: rotate(1080deg);
|
7586 |
+
transform: rotate(1080deg);
|
7587 |
+
}
|
7588 |
+
/* 4 * ARCSIZE */
|
7589 |
+
}
|
7590 |
+
|
7591 |
+
@-webkit-keyframes blue-fade-in-out {
|
7592 |
+
from {
|
7593 |
+
opacity: 1;
|
7594 |
+
}
|
7595 |
+
25% {
|
7596 |
+
opacity: 1;
|
7597 |
+
}
|
7598 |
+
26% {
|
7599 |
+
opacity: 0;
|
7600 |
+
}
|
7601 |
+
89% {
|
7602 |
+
opacity: 0;
|
7603 |
+
}
|
7604 |
+
90% {
|
7605 |
+
opacity: 1;
|
7606 |
+
}
|
7607 |
+
100% {
|
7608 |
+
opacity: 1;
|
7609 |
+
}
|
7610 |
+
}
|
7611 |
+
|
7612 |
+
@keyframes blue-fade-in-out {
|
7613 |
+
from {
|
7614 |
+
opacity: 1;
|
7615 |
+
}
|
7616 |
+
25% {
|
7617 |
+
opacity: 1;
|
7618 |
+
}
|
7619 |
+
26% {
|
7620 |
+
opacity: 0;
|
7621 |
+
}
|
7622 |
+
89% {
|
7623 |
+
opacity: 0;
|
7624 |
+
}
|
7625 |
+
90% {
|
7626 |
+
opacity: 1;
|
7627 |
+
}
|
7628 |
+
100% {
|
7629 |
+
opacity: 1;
|
7630 |
+
}
|
7631 |
+
}
|
7632 |
+
|
7633 |
+
@-webkit-keyframes red-fade-in-out {
|
7634 |
+
from {
|
7635 |
+
opacity: 0;
|
7636 |
+
}
|
7637 |
+
15% {
|
7638 |
+
opacity: 0;
|
7639 |
+
}
|
7640 |
+
25% {
|
7641 |
+
opacity: 1;
|
7642 |
+
}
|
7643 |
+
50% {
|
7644 |
+
opacity: 1;
|
7645 |
+
}
|
7646 |
+
51% {
|
7647 |
+
opacity: 0;
|
7648 |
+
}
|
7649 |
+
}
|
7650 |
+
|
7651 |
+
@keyframes red-fade-in-out {
|
7652 |
+
from {
|
7653 |
+
opacity: 0;
|
7654 |
+
}
|
7655 |
+
15% {
|
7656 |
+
opacity: 0;
|
7657 |
+
}
|
7658 |
+
25% {
|
7659 |
+
opacity: 1;
|
7660 |
+
}
|
7661 |
+
50% {
|
7662 |
+
opacity: 1;
|
7663 |
+
}
|
7664 |
+
51% {
|
7665 |
+
opacity: 0;
|
7666 |
+
}
|
7667 |
+
}
|
7668 |
+
|
7669 |
+
@-webkit-keyframes yellow-fade-in-out {
|
7670 |
+
from {
|
7671 |
+
opacity: 0;
|
7672 |
+
}
|
7673 |
+
40% {
|
7674 |
+
opacity: 0;
|
7675 |
+
}
|
7676 |
+
50% {
|
7677 |
+
opacity: 1;
|
7678 |
+
}
|
7679 |
+
75% {
|
7680 |
+
opacity: 1;
|
7681 |
+
}
|
7682 |
+
76% {
|
7683 |
+
opacity: 0;
|
7684 |
+
}
|
7685 |
+
}
|
7686 |
+
|
7687 |
+
@keyframes yellow-fade-in-out {
|
7688 |
+
from {
|
7689 |
+
opacity: 0;
|
7690 |
+
}
|
7691 |
+
40% {
|
7692 |
+
opacity: 0;
|
7693 |
+
}
|
7694 |
+
50% {
|
7695 |
+
opacity: 1;
|
7696 |
+
}
|
7697 |
+
75% {
|
7698 |
+
opacity: 1;
|
7699 |
+
}
|
7700 |
+
76% {
|
7701 |
+
opacity: 0;
|
7702 |
+
}
|
7703 |
+
}
|
7704 |
+
|
7705 |
+
@-webkit-keyframes green-fade-in-out {
|
7706 |
+
from {
|
7707 |
+
opacity: 0;
|
7708 |
+
}
|
7709 |
+
65% {
|
7710 |
+
opacity: 0;
|
7711 |
+
}
|
7712 |
+
75% {
|
7713 |
+
opacity: 1;
|
7714 |
+
}
|
7715 |
+
90% {
|
7716 |
+
opacity: 1;
|
7717 |
+
}
|
7718 |
+
100% {
|
7719 |
+
opacity: 0;
|
7720 |
+
}
|
7721 |
+
}
|
7722 |
+
|
7723 |
+
@keyframes green-fade-in-out {
|
7724 |
+
from {
|
7725 |
+
opacity: 0;
|
7726 |
+
}
|
7727 |
+
65% {
|
7728 |
+
opacity: 0;
|
7729 |
+
}
|
7730 |
+
75% {
|
7731 |
+
opacity: 1;
|
7732 |
+
}
|
7733 |
+
90% {
|
7734 |
+
opacity: 1;
|
7735 |
+
}
|
7736 |
+
100% {
|
7737 |
+
opacity: 0;
|
7738 |
+
}
|
7739 |
+
}
|
7740 |
+
|
7741 |
+
/**
|
7742 |
+
* Patch the gap that appear between the two adjacent div.circle-clipper while the
|
7743 |
+
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
|
7744 |
+
*/
|
7745 |
+
.gap-patch {
|
7746 |
+
position: absolute;
|
7747 |
+
top: 0;
|
7748 |
+
left: 45%;
|
7749 |
+
width: 10%;
|
7750 |
+
height: 100%;
|
7751 |
+
overflow: hidden;
|
7752 |
+
border-color: inherit;
|
7753 |
+
}
|
7754 |
+
|
7755 |
+
.gap-patch .circle {
|
7756 |
+
width: 1000%;
|
7757 |
+
left: -450%;
|
7758 |
+
}
|
7759 |
+
|
7760 |
+
.circle-clipper {
|
7761 |
+
display: inline-block;
|
7762 |
+
position: relative;
|
7763 |
+
width: 50%;
|
7764 |
+
height: 100%;
|
7765 |
+
overflow: hidden;
|
7766 |
+
border-color: inherit;
|
7767 |
+
}
|
7768 |
+
|
7769 |
+
.circle-clipper .circle {
|
7770 |
+
width: 200%;
|
7771 |
+
height: 100%;
|
7772 |
+
border-width: 3px;
|
7773 |
+
/* STROKEWIDTH */
|
7774 |
+
border-style: solid;
|
7775 |
+
border-color: inherit;
|
7776 |
+
border-bottom-color: transparent !important;
|
7777 |
+
border-radius: 50%;
|
7778 |
+
-webkit-animation: none;
|
7779 |
+
animation: none;
|
7780 |
+
position: absolute;
|
7781 |
+
top: 0;
|
7782 |
+
right: 0;
|
7783 |
+
bottom: 0;
|
7784 |
+
}
|
7785 |
+
|
7786 |
+
.circle-clipper.left .circle {
|
7787 |
+
left: 0;
|
7788 |
+
border-right-color: transparent !important;
|
7789 |
+
-webkit-transform: rotate(129deg);
|
7790 |
+
transform: rotate(129deg);
|
7791 |
+
}
|
7792 |
+
|
7793 |
+
.circle-clipper.right .circle {
|
7794 |
+
left: -100%;
|
7795 |
+
border-left-color: transparent !important;
|
7796 |
+
-webkit-transform: rotate(-129deg);
|
7797 |
+
transform: rotate(-129deg);
|
7798 |
+
}
|
7799 |
+
|
7800 |
+
.active .circle-clipper.left .circle {
|
7801 |
+
/* duration: ARCTIME */
|
7802 |
+
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7803 |
+
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7804 |
+
}
|
7805 |
+
|
7806 |
+
.active .circle-clipper.right .circle {
|
7807 |
+
/* duration: ARCTIME */
|
7808 |
+
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7809 |
+
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
|
7810 |
+
}
|
7811 |
+
|
7812 |
+
@-webkit-keyframes left-spin {
|
7813 |
+
from {
|
7814 |
+
-webkit-transform: rotate(130deg);
|
7815 |
+
}
|
7816 |
+
50% {
|
7817 |
+
-webkit-transform: rotate(-5deg);
|
7818 |
+
}
|
7819 |
+
to {
|
7820 |
+
-webkit-transform: rotate(130deg);
|
7821 |
+
}
|
7822 |
+
}
|
7823 |
+
|
7824 |
+
@keyframes left-spin {
|
7825 |
+
from {
|
7826 |
+
-webkit-transform: rotate(130deg);
|
7827 |
+
transform: rotate(130deg);
|
7828 |
+
}
|
7829 |
+
50% {
|
7830 |
+
-webkit-transform: rotate(-5deg);
|
7831 |
+
transform: rotate(-5deg);
|
7832 |
+
}
|
7833 |
+
to {
|
7834 |
+
-webkit-transform: rotate(130deg);
|
7835 |
+
transform: rotate(130deg);
|
7836 |
+
}
|
7837 |
+
}
|
7838 |
+
|
7839 |
+
@-webkit-keyframes right-spin {
|
7840 |
+
from {
|
7841 |
+
-webkit-transform: rotate(-130deg);
|
7842 |
+
}
|
7843 |
+
50% {
|
7844 |
+
-webkit-transform: rotate(5deg);
|
7845 |
+
}
|
7846 |
+
to {
|
7847 |
+
-webkit-transform: rotate(-130deg);
|
7848 |
+
}
|
7849 |
+
}
|
7850 |
+
|
7851 |
+
@keyframes right-spin {
|
7852 |
+
from {
|
7853 |
+
-webkit-transform: rotate(-130deg);
|
7854 |
+
transform: rotate(-130deg);
|
7855 |
+
}
|
7856 |
+
50% {
|
7857 |
+
-webkit-transform: rotate(5deg);
|
7858 |
+
transform: rotate(5deg);
|
7859 |
+
}
|
7860 |
+
to {
|
7861 |
+
-webkit-transform: rotate(-130deg);
|
7862 |
+
transform: rotate(-130deg);
|
7863 |
+
}
|
7864 |
+
}
|
7865 |
+
|
7866 |
+
#spinnerContainer.cooldown {
|
7867 |
+
/* duration: SHRINK_TIME */
|
7868 |
+
-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
7869 |
+
animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
7870 |
+
}
|
7871 |
+
|
7872 |
+
@-webkit-keyframes fade-out {
|
7873 |
+
from {
|
7874 |
+
opacity: 1;
|
7875 |
+
}
|
7876 |
+
to {
|
7877 |
+
opacity: 0;
|
7878 |
+
}
|
7879 |
+
}
|
7880 |
+
|
7881 |
+
@keyframes fade-out {
|
7882 |
+
from {
|
7883 |
+
opacity: 1;
|
7884 |
+
}
|
7885 |
+
to {
|
7886 |
+
opacity: 0;
|
7887 |
+
}
|
7888 |
+
}
|
7889 |
+
|
7890 |
+
.slider {
|
7891 |
+
position: relative;
|
7892 |
+
height: 400px;
|
7893 |
+
width: 100%;
|
7894 |
+
}
|
7895 |
+
|
7896 |
+
.slider.fullscreen {
|
7897 |
+
height: 100%;
|
7898 |
+
width: 100%;
|
7899 |
+
position: absolute;
|
7900 |
+
top: 0;
|
7901 |
+
left: 0;
|
7902 |
+
right: 0;
|
7903 |
+
bottom: 0;
|
7904 |
+
}
|
7905 |
+
|
7906 |
+
.slider.fullscreen ul.slides {
|
7907 |
+
height: 100%;
|
7908 |
+
}
|
7909 |
+
|
7910 |
+
.slider.fullscreen ul.indicators {
|
7911 |
+
z-index: 2;
|
7912 |
+
bottom: 30px;
|
7913 |
+
}
|
7914 |
+
|
7915 |
+
.slider .slides {
|
7916 |
+
background-color: #9e9e9e;
|
7917 |
+
margin: 0;
|
7918 |
+
height: 400px;
|
7919 |
+
}
|
7920 |
+
|
7921 |
+
.slider .slides li {
|
7922 |
+
opacity: 0;
|
7923 |
+
position: absolute;
|
7924 |
+
top: 0;
|
7925 |
+
left: 0;
|
7926 |
+
z-index: 1;
|
7927 |
+
width: 100%;
|
7928 |
+
height: inherit;
|
7929 |
+
overflow: hidden;
|
7930 |
+
}
|
7931 |
+
|
7932 |
+
.slider .slides li img {
|
7933 |
+
height: 100%;
|
7934 |
+
width: 100%;
|
7935 |
+
background-size: cover;
|
7936 |
+
background-position: center;
|
7937 |
+
}
|
7938 |
+
|
7939 |
+
.slider .slides li .caption {
|
7940 |
+
color: #fff;
|
7941 |
+
position: absolute;
|
7942 |
+
top: 15%;
|
7943 |
+
left: 15%;
|
7944 |
+
width: 70%;
|
7945 |
+
opacity: 0;
|
7946 |
+
}
|
7947 |
+
|
7948 |
+
.slider .slides li .caption p {
|
7949 |
+
color: #e0e0e0;
|
7950 |
+
}
|
7951 |
+
|
7952 |
+
.slider .slides li.active {
|
7953 |
+
z-index: 2;
|
7954 |
+
}
|
7955 |
+
|
7956 |
+
.slider .indicators {
|
7957 |
+
position: absolute;
|
7958 |
+
text-align: center;
|
7959 |
+
left: 0;
|
7960 |
+
right: 0;
|
7961 |
+
bottom: 0;
|
7962 |
+
margin: 0;
|
7963 |
+
}
|
7964 |
+
|
7965 |
+
.slider .indicators .indicator-item {
|
7966 |
+
display: inline-block;
|
7967 |
+
position: relative;
|
7968 |
+
cursor: pointer;
|
7969 |
+
height: 16px;
|
7970 |
+
width: 16px;
|
7971 |
+
margin: 0 12px;
|
7972 |
+
background-color: #e0e0e0;
|
7973 |
+
-webkit-transition: background-color .3s;
|
7974 |
+
transition: background-color .3s;
|
7975 |
+
border-radius: 50%;
|
7976 |
+
}
|
7977 |
+
|
7978 |
+
.slider .indicators .indicator-item.active {
|
7979 |
+
background-color: #4CAF50;
|
7980 |
+
}
|
7981 |
+
|
7982 |
+
.carousel {
|
7983 |
+
overflow: hidden;
|
7984 |
+
position: relative;
|
7985 |
+
width: 100%;
|
7986 |
+
height: 400px;
|
7987 |
+
-webkit-perspective: 500px;
|
7988 |
+
perspective: 500px;
|
7989 |
+
-webkit-transform-style: preserve-3d;
|
7990 |
+
transform-style: preserve-3d;
|
7991 |
+
-webkit-transform-origin: 0% 50%;
|
7992 |
+
transform-origin: 0% 50%;
|
7993 |
+
}
|
7994 |
+
|
7995 |
+
.carousel.carousel-slider {
|
7996 |
+
top: 0;
|
7997 |
+
left: 0;
|
7998 |
+
}
|
7999 |
+
|
8000 |
+
.carousel.carousel-slider .carousel-fixed-item {
|
8001 |
+
position: absolute;
|
8002 |
+
left: 0;
|
8003 |
+
right: 0;
|
8004 |
+
bottom: 20px;
|
8005 |
+
z-index: 1;
|
8006 |
+
}
|
8007 |
+
|
8008 |
+
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
|
8009 |
+
bottom: 68px;
|
8010 |
+
}
|
8011 |
+
|
8012 |
+
.carousel.carousel-slider .carousel-item {
|
8013 |
+
width: 100%;
|
8014 |
+
height: 100%;
|
8015 |
+
min-height: 400px;
|
8016 |
+
position: absolute;
|
8017 |
+
top: 0;
|
8018 |
+
left: 0;
|
8019 |
+
}
|
8020 |
+
|
8021 |
+
.carousel.carousel-slider .carousel-item h2 {
|
8022 |
+
font-size: 24px;
|
8023 |
+
font-weight: 500;
|
8024 |
+
line-height: 32px;
|
8025 |
+
}
|
8026 |
+
|
8027 |
+
.carousel.carousel-slider .carousel-item p {
|
8028 |
+
font-size: 15px;
|
8029 |
+
}
|
8030 |
+
|
8031 |
+
.carousel .carousel-item {
|
8032 |
+
visibility: hidden;
|
8033 |
+
width: 200px;
|
8034 |
+
height: 200px;
|
8035 |
+
position: absolute;
|
8036 |
+
top: 0;
|
8037 |
+
left: 0;
|
8038 |
+
}
|
8039 |
+
|
8040 |
+
.carousel .carousel-item > img {
|
8041 |
+
width: 100%;
|
8042 |
+
}
|
8043 |
+
|
8044 |
+
.carousel .indicators {
|
8045 |
+
position: absolute;
|
8046 |
+
text-align: center;
|
8047 |
+
left: 0;
|
8048 |
+
right: 0;
|
8049 |
+
bottom: 0;
|
8050 |
+
margin: 0;
|
8051 |
+
}
|
8052 |
+
|
8053 |
+
.carousel .indicators .indicator-item {
|
8054 |
+
display: inline-block;
|
8055 |
+
position: relative;
|
8056 |
+
cursor: pointer;
|
8057 |
+
height: 8px;
|
8058 |
+
width: 8px;
|
8059 |
+
margin: 24px 4px;
|
8060 |
+
background-color: rgba(255, 255, 255, 0.5);
|
8061 |
+
-webkit-transition: background-color .3s;
|
8062 |
+
transition: background-color .3s;
|
8063 |
+
border-radius: 50%;
|
8064 |
+
}
|
8065 |
+
|
8066 |
+
.carousel .indicators .indicator-item.active {
|
8067 |
+
background-color: #fff;
|
8068 |
+
}
|
8069 |
+
|
8070 |
+
.carousel.scrolling .carousel-item .materialboxed,
|
8071 |
+
.carousel .carousel-item:not(.active) .materialboxed {
|
8072 |
+
pointer-events: none;
|
8073 |
+
}
|
8074 |
+
|
8075 |
+
.tap-target-wrapper {
|
8076 |
+
width: 800px;
|
8077 |
+
height: 800px;
|
8078 |
+
position: fixed;
|
8079 |
+
z-index: 1000;
|
8080 |
+
visibility: hidden;
|
8081 |
+
-webkit-transition: visibility 0s .3s;
|
8082 |
+
transition: visibility 0s .3s;
|
8083 |
+
}
|
8084 |
+
|
8085 |
+
.tap-target-wrapper.open {
|
8086 |
+
visibility: visible;
|
8087 |
+
-webkit-transition: visibility 0s;
|
8088 |
+
transition: visibility 0s;
|
8089 |
+
}
|
8090 |
+
|
8091 |
+
.tap-target-wrapper.open .tap-target {
|
8092 |
+
-webkit-transform: scale(1);
|
8093 |
+
transform: scale(1);
|
8094 |
+
opacity: .95;
|
8095 |
+
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8096 |
+
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8097 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8098 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8099 |
+
}
|
8100 |
+
|
8101 |
+
.tap-target-wrapper.open .tap-target-wave::before {
|
8102 |
+
-webkit-transform: scale(1);
|
8103 |
+
transform: scale(1);
|
8104 |
+
}
|
8105 |
+
|
8106 |
+
.tap-target-wrapper.open .tap-target-wave::after {
|
8107 |
+
visibility: visible;
|
8108 |
+
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8109 |
+
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8110 |
+
-webkit-transition: opacity .3s,
|
8111 |
+
visibility 0s 1s,
|
8112 |
+
-webkit-transform .3s;
|
8113 |
+
transition: opacity .3s,
|
8114 |
+
visibility 0s 1s,
|
8115 |
+
-webkit-transform .3s;
|
8116 |
+
transition: opacity .3s,
|
8117 |
+
transform .3s,
|
8118 |
+
visibility 0s 1s;
|
8119 |
+
transition: opacity .3s,
|
8120 |
+
transform .3s,
|
8121 |
+
visibility 0s 1s,
|
8122 |
+
-webkit-transform .3s;
|
8123 |
+
}
|
8124 |
+
|
8125 |
+
.tap-target {
|
8126 |
+
position: absolute;
|
8127 |
+
font-size: 1rem;
|
8128 |
+
border-radius: 50%;
|
8129 |
+
background-color: #ee6e73;
|
8130 |
+
-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
8131 |
+
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
|
8132 |
+
width: 100%;
|
8133 |
+
height: 100%;
|
8134 |
+
opacity: 0;
|
8135 |
+
-webkit-transform: scale(0);
|
8136 |
+
transform: scale(0);
|
8137 |
+
-webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8138 |
+
transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8139 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8140 |
+
transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
|
8141 |
+
}
|
8142 |
+
|
8143 |
+
.tap-target-content {
|
8144 |
+
position: relative;
|
8145 |
+
display: table-cell;
|
8146 |
+
}
|
8147 |
+
|
8148 |
+
.tap-target-wave {
|
8149 |
+
position: absolute;
|
8150 |
+
border-radius: 50%;
|
8151 |
+
z-index: 10001;
|
8152 |
+
}
|
8153 |
+
|
8154 |
+
.tap-target-wave::before, .tap-target-wave::after {
|
8155 |
+
content: '';
|
8156 |
+
display: block;
|
8157 |
+
position: absolute;
|
8158 |
+
width: 100%;
|
8159 |
+
height: 100%;
|
8160 |
+
border-radius: 50%;
|
8161 |
+
background-color: #ffffff;
|
8162 |
+
}
|
8163 |
+
|
8164 |
+
.tap-target-wave::before {
|
8165 |
+
-webkit-transform: scale(0);
|
8166 |
+
transform: scale(0);
|
8167 |
+
-webkit-transition: -webkit-transform .3s;
|
8168 |
+
transition: -webkit-transform .3s;
|
8169 |
+
transition: transform .3s;
|
8170 |
+
transition: transform .3s, -webkit-transform .3s;
|
8171 |
+
}
|
8172 |
+
|
8173 |
+
.tap-target-wave::after {
|
8174 |
+
visibility: hidden;
|
8175 |
+
-webkit-transition: opacity .3s,
|
8176 |
+
visibility 0s,
|
8177 |
+
-webkit-transform .3s;
|
8178 |
+
transition: opacity .3s,
|
8179 |
+
visibility 0s,
|
8180 |
+
-webkit-transform .3s;
|
8181 |
+
transition: opacity .3s,
|
8182 |
+
transform .3s,
|
8183 |
+
visibility 0s;
|
8184 |
+
transition: opacity .3s,
|
8185 |
+
transform .3s,
|
8186 |
+
visibility 0s,
|
8187 |
+
-webkit-transform .3s;
|
8188 |
+
z-index: -1;
|
8189 |
+
}
|
8190 |
+
|
8191 |
+
.tap-target-origin {
|
8192 |
+
top: 50%;
|
8193 |
+
left: 50%;
|
8194 |
+
-webkit-transform: translate(-50%, -50%);
|
8195 |
+
transform: translate(-50%, -50%);
|
8196 |
+
z-index: 10002;
|
8197 |
+
position: absolute !important;
|
8198 |
+
}
|
8199 |
+
|
8200 |
+
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
|
8201 |
+
background: none;
|
8202 |
+
}
|
8203 |
+
|
8204 |
+
@media only screen and (max-width: 600px) {
|
8205 |
+
.tap-target, .tap-target-wrapper {
|
8206 |
+
width: 600px;
|
8207 |
+
height: 600px;
|
8208 |
+
}
|
8209 |
+
}
|
8210 |
+
|
8211 |
+
.pulse {
|
8212 |
+
overflow: visible;
|
8213 |
+
position: relative;
|
8214 |
+
}
|
8215 |
+
|
8216 |
+
.pulse::before {
|
8217 |
+
content: '';
|
8218 |
+
display: block;
|
8219 |
+
position: absolute;
|
8220 |
+
width: 100%;
|
8221 |
+
height: 100%;
|
8222 |
+
top: 0;
|
8223 |
+
left: 0;
|
8224 |
+
background-color: inherit;
|
8225 |
+
border-radius: inherit;
|
8226 |
+
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
8227 |
+
transition: opacity .3s, -webkit-transform .3s;
|
8228 |
+
transition: opacity .3s, transform .3s;
|
8229 |
+
transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
8230 |
+
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8231 |
+
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
|
8232 |
+
z-index: -1;
|
8233 |
+
}
|
8234 |
+
|
8235 |
+
@-webkit-keyframes pulse-animation {
|
8236 |
+
0% {
|
8237 |
+
opacity: 1;
|
8238 |
+
-webkit-transform: scale(1);
|
8239 |
+
transform: scale(1);
|
8240 |
+
}
|
8241 |
+
50% {
|
8242 |
+
opacity: 0;
|
8243 |
+
-webkit-transform: scale(1.5);
|
8244 |
+
transform: scale(1.5);
|
8245 |
+
}
|
8246 |
+
100% {
|
8247 |
+
opacity: 0;
|
8248 |
+
-webkit-transform: scale(1.5);
|
8249 |
+
transform: scale(1.5);
|
8250 |
+
}
|
8251 |
+
}
|
8252 |
+
|
8253 |
+
@keyframes pulse-animation {
|
8254 |
+
0% {
|
8255 |
+
opacity: 1;
|
8256 |
+
-webkit-transform: scale(1);
|
8257 |
+
transform: scale(1);
|
8258 |
+
}
|
8259 |
+
50% {
|
8260 |
+
opacity: 0;
|
8261 |
+
-webkit-transform: scale(1.5);
|
8262 |
+
transform: scale(1.5);
|
8263 |
+
}
|
8264 |
+
100% {
|
8265 |
+
opacity: 0;
|
8266 |
+
-webkit-transform: scale(1.5);
|
8267 |
+
transform: scale(1.5);
|
8268 |
+
}
|
8269 |
+
}
|
8270 |
+
|
8271 |
+
/* Modal */
|
8272 |
+
.datepicker-modal {
|
8273 |
+
max-width: 325px;
|
8274 |
+
min-width: 300px;
|
8275 |
+
max-height: none;
|
8276 |
+
}
|
8277 |
+
|
8278 |
+
.datepicker-container.modal-content {
|
8279 |
+
display: -webkit-box;
|
8280 |
+
display: -webkit-flex;
|
8281 |
+
display: -ms-flexbox;
|
8282 |
+
display: flex;
|
8283 |
+
-webkit-box-orient: vertical;
|
8284 |
+
-webkit-box-direction: normal;
|
8285 |
+
-webkit-flex-direction: column;
|
8286 |
+
-ms-flex-direction: column;
|
8287 |
+
flex-direction: column;
|
8288 |
+
padding: 0;
|
8289 |
+
}
|
8290 |
+
|
8291 |
+
.datepicker-controls {
|
8292 |
+
display: -webkit-box;
|
8293 |
+
display: -webkit-flex;
|
8294 |
+
display: -ms-flexbox;
|
8295 |
+
display: flex;
|
8296 |
+
-webkit-box-pack: justify;
|
8297 |
+
-webkit-justify-content: space-between;
|
8298 |
+
-ms-flex-pack: justify;
|
8299 |
+
justify-content: space-between;
|
8300 |
+
width: 280px;
|
8301 |
+
margin: 0 auto;
|
8302 |
+
}
|
8303 |
+
|
8304 |
+
.datepicker-controls .selects-container {
|
8305 |
+
display: -webkit-box;
|
8306 |
+
display: -webkit-flex;
|
8307 |
+
display: -ms-flexbox;
|
8308 |
+
display: flex;
|
8309 |
+
}
|
8310 |
+
|
8311 |
+
.datepicker-controls .select-wrapper input {
|
8312 |
+
border-bottom: none;
|
8313 |
+
text-align: center;
|
8314 |
+
margin: 0;
|
8315 |
+
}
|
8316 |
+
|
8317 |
+
.datepicker-controls .select-wrapper input:focus {
|
8318 |
+
border-bottom: none;
|
8319 |
+
}
|
8320 |
+
|
8321 |
+
.datepicker-controls .select-wrapper .caret {
|
8322 |
+
display: none;
|
8323 |
+
}
|
8324 |
+
|
8325 |
+
.datepicker-controls .select-year input {
|
8326 |
+
width: 50px;
|
8327 |
+
}
|
8328 |
+
|
8329 |
+
.datepicker-controls .select-month input {
|
8330 |
+
width: 70px;
|
8331 |
+
}
|
8332 |
+
|
8333 |
+
.month-prev, .month-next {
|
8334 |
+
margin-top: 4px;
|
8335 |
+
cursor: pointer;
|
8336 |
+
background-color: transparent;
|
8337 |
+
border: none;
|
8338 |
+
}
|
8339 |
+
|
8340 |
+
/* Date Display */
|
8341 |
+
.datepicker-date-display {
|
8342 |
+
-webkit-box-flex: 1;
|
8343 |
+
-webkit-flex: 1 auto;
|
8344 |
+
-ms-flex: 1 auto;
|
8345 |
+
flex: 1 auto;
|
8346 |
+
background-color: #26a69a;
|
8347 |
+
color: #fff;
|
8348 |
+
padding: 20px 22px;
|
8349 |
+
font-weight: 500;
|
8350 |
+
}
|
8351 |
+
|
8352 |
+
.datepicker-date-display .year-text {
|
8353 |
+
display: block;
|
8354 |
+
font-size: 1.5rem;
|
8355 |
+
line-height: 25px;
|
8356 |
+
color: rgba(255, 255, 255, 0.7);
|
8357 |
+
}
|
8358 |
+
|
8359 |
+
.datepicker-date-display .date-text {
|
8360 |
+
display: block;
|
8361 |
+
font-size: 2.8rem;
|
8362 |
+
line-height: 47px;
|
8363 |
+
font-weight: 500;
|
8364 |
+
}
|
8365 |
+
|
8366 |
+
/* Calendar */
|
8367 |
+
.datepicker-calendar-container {
|
8368 |
+
-webkit-box-flex: 2.5;
|
8369 |
+
-webkit-flex: 2.5 auto;
|
8370 |
+
-ms-flex: 2.5 auto;
|
8371 |
+
flex: 2.5 auto;
|
8372 |
+
}
|
8373 |
+
|
8374 |
+
.datepicker-table {
|
8375 |
+
width: 280px;
|
8376 |
+
font-size: 1rem;
|
8377 |
+
margin: 0 auto;
|
8378 |
+
}
|
8379 |
+
|
8380 |
+
.datepicker-table thead {
|
8381 |
+
border-bottom: none;
|
8382 |
+
}
|
8383 |
+
|
8384 |
+
.datepicker-table th {
|
8385 |
+
padding: 10px 5px;
|
8386 |
+
text-align: center;
|
8387 |
+
}
|
8388 |
+
|
8389 |
+
.datepicker-table tr {
|
8390 |
+
border: none;
|
8391 |
+
}
|
8392 |
+
|
8393 |
+
.datepicker-table abbr {
|
8394 |
+
text-decoration: none;
|
8395 |
+
color: #999;
|
8396 |
+
}
|
8397 |
+
|
8398 |
+
.datepicker-table td {
|
8399 |
+
border-radius: 50%;
|
8400 |
+
padding: 0;
|
8401 |
+
}
|
8402 |
+
|
8403 |
+
.datepicker-table td.is-today {
|
8404 |
+
color: #26a69a;
|
8405 |
+
}
|
8406 |
+
|
8407 |
+
.datepicker-table td.is-selected {
|
8408 |
+
background-color: #26a69a;
|
8409 |
+
color: #fff;
|
8410 |
+
}
|
8411 |
+
|
8412 |
+
.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
|
8413 |
+
color: rgba(0, 0, 0, 0.3);
|
8414 |
+
pointer-events: none;
|
8415 |
+
}
|
8416 |
+
|
8417 |
+
.datepicker-day-button {
|
8418 |
+
background-color: transparent;
|
8419 |
+
border: none;
|
8420 |
+
line-height: 38px;
|
8421 |
+
display: block;
|
8422 |
+
width: 100%;
|
8423 |
+
border-radius: 50%;
|
8424 |
+
padding: 0 5px;
|
8425 |
+
cursor: pointer;
|
8426 |
+
color: inherit;
|
8427 |
+
}
|
8428 |
+
|
8429 |
+
.datepicker-day-button:focus {
|
8430 |
+
background-color: rgba(43, 161, 150, 0.25);
|
8431 |
+
}
|
8432 |
+
|
8433 |
+
/* Footer */
|
8434 |
+
.datepicker-footer {
|
8435 |
+
width: 280px;
|
8436 |
+
margin: 0 auto;
|
8437 |
+
padding-bottom: 5px;
|
8438 |
+
display: -webkit-box;
|
8439 |
+
display: -webkit-flex;
|
8440 |
+
display: -ms-flexbox;
|
8441 |
+
display: flex;
|
8442 |
+
-webkit-box-pack: justify;
|
8443 |
+
-webkit-justify-content: space-between;
|
8444 |
+
-ms-flex-pack: justify;
|
8445 |
+
justify-content: space-between;
|
8446 |
+
}
|
8447 |
+
|
8448 |
+
.datepicker-cancel,
|
8449 |
+
.datepicker-clear,
|
8450 |
+
.datepicker-today,
|
8451 |
+
.datepicker-done {
|
8452 |
+
color: #26a69a;
|
8453 |
+
padding: 0 1rem;
|
8454 |
+
}
|
8455 |
+
|
8456 |
+
.datepicker-clear {
|
8457 |
+
color: #F44336;
|
8458 |
+
}
|
8459 |
+
|
8460 |
+
/* Media Queries */
|
8461 |
+
@media only screen and (min-width: 601px) {
|
8462 |
+
.datepicker-modal {
|
8463 |
+
max-width: 625px;
|
8464 |
+
}
|
8465 |
+
.datepicker-container.modal-content {
|
8466 |
+
-webkit-box-orient: horizontal;
|
8467 |
+
-webkit-box-direction: normal;
|
8468 |
+
-webkit-flex-direction: row;
|
8469 |
+
-ms-flex-direction: row;
|
8470 |
+
flex-direction: row;
|
8471 |
+
}
|
8472 |
+
.datepicker-date-display {
|
8473 |
+
-webkit-box-flex: 0;
|
8474 |
+
-webkit-flex: 0 1 270px;
|
8475 |
+
-ms-flex: 0 1 270px;
|
8476 |
+
flex: 0 1 270px;
|
8477 |
+
}
|
8478 |
+
.datepicker-controls,
|
8479 |
+
.datepicker-table,
|
8480 |
+
.datepicker-footer {
|
8481 |
+
width: 320px;
|
8482 |
+
}
|
8483 |
+
.datepicker-day-button {
|
8484 |
+
line-height: 44px;
|
8485 |
+
}
|
8486 |
+
}
|
8487 |
+
|
8488 |
+
/* Timepicker Containers */
|
8489 |
+
.timepicker-modal {
|
8490 |
+
max-width: 325px;
|
8491 |
+
max-height: none;
|
8492 |
+
}
|
8493 |
+
|
8494 |
+
.timepicker-container.modal-content {
|
8495 |
+
display: -webkit-box;
|
8496 |
+
display: -webkit-flex;
|
8497 |
+
display: -ms-flexbox;
|
8498 |
+
display: flex;
|
8499 |
+
-webkit-box-orient: vertical;
|
8500 |
+
-webkit-box-direction: normal;
|
8501 |
+
-webkit-flex-direction: column;
|
8502 |
+
-ms-flex-direction: column;
|
8503 |
+
flex-direction: column;
|
8504 |
+
padding: 0;
|
8505 |
+
}
|
8506 |
+
|
8507 |
+
.text-primary {
|
8508 |
+
color: white;
|
8509 |
+
}
|
8510 |
+
|
8511 |
+
/* Clock Digital Display */
|
8512 |
+
.timepicker-digital-display {
|
8513 |
+
-webkit-box-flex: 1;
|
8514 |
+
-webkit-flex: 1 auto;
|
8515 |
+
-ms-flex: 1 auto;
|
8516 |
+
flex: 1 auto;
|
8517 |
+
background-color: #26a69a;
|
8518 |
+
padding: 10px;
|
8519 |
+
font-weight: 300;
|
8520 |
+
}
|
8521 |
+
|
8522 |
+
.timepicker-text-container {
|
8523 |
+
font-size: 4rem;
|
8524 |
+
font-weight: bold;
|
8525 |
+
text-align: center;
|
8526 |
+
color: rgba(255, 255, 255, 0.6);
|
8527 |
+
font-weight: 400;
|
8528 |
+
position: relative;
|
8529 |
+
-webkit-user-select: none;
|
8530 |
+
-moz-user-select: none;
|
8531 |
+
-ms-user-select: none;
|
8532 |
+
user-select: none;
|
8533 |
+
}
|
8534 |
+
|
8535 |
+
.timepicker-span-hours,
|
8536 |
+
.timepicker-span-minutes,
|
8537 |
+
.timepicker-span-am-pm div {
|
8538 |
+
cursor: pointer;
|
8539 |
+
}
|
8540 |
+
|
8541 |
+
.timepicker-span-hours {
|
8542 |
+
margin-right: 3px;
|
8543 |
+
}
|
8544 |
+
|
8545 |
+
.timepicker-span-minutes {
|
8546 |
+
margin-left: 3px;
|
8547 |
+
}
|
8548 |
+
|
8549 |
+
.timepicker-display-am-pm {
|
8550 |
+
font-size: 1.3rem;
|
8551 |
+
position: absolute;
|
8552 |
+
right: 1rem;
|
8553 |
+
bottom: 1rem;
|
8554 |
+
font-weight: 400;
|
8555 |
+
}
|
8556 |
+
|
8557 |
+
/* Analog Clock Display */
|
8558 |
+
.timepicker-analog-display {
|
8559 |
+
-webkit-box-flex: 2.5;
|
8560 |
+
-webkit-flex: 2.5 auto;
|
8561 |
+
-ms-flex: 2.5 auto;
|
8562 |
+
flex: 2.5 auto;
|
8563 |
+
}
|
8564 |
+
|
8565 |
+
.timepicker-plate {
|
8566 |
+
background-color: #eee;
|
8567 |
+
border-radius: 50%;
|
8568 |
+
width: 270px;
|
8569 |
+
height: 270px;
|
8570 |
+
overflow: visible;
|
8571 |
+
position: relative;
|
8572 |
+
margin: auto;
|
8573 |
+
margin-top: 25px;
|
8574 |
+
margin-bottom: 5px;
|
8575 |
+
-webkit-user-select: none;
|
8576 |
+
-moz-user-select: none;
|
8577 |
+
-ms-user-select: none;
|
8578 |
+
user-select: none;
|
8579 |
+
}
|
8580 |
+
|
8581 |
+
.timepicker-canvas,
|
8582 |
+
.timepicker-dial {
|
8583 |
+
position: absolute;
|
8584 |
+
left: 0;
|
8585 |
+
right: 0;
|
8586 |
+
top: 0;
|
8587 |
+
bottom: 0;
|
8588 |
+
}
|
8589 |
+
|
8590 |
+
.timepicker-minutes {
|
8591 |
+
visibility: hidden;
|
8592 |
+
}
|
8593 |
+
|
8594 |
+
.timepicker-tick {
|
8595 |
+
border-radius: 50%;
|
8596 |
+
color: rgba(0, 0, 0, 0.87);
|
8597 |
+
line-height: 40px;
|
8598 |
+
text-align: center;
|
8599 |
+
width: 40px;
|
8600 |
+
height: 40px;
|
8601 |
+
position: absolute;
|
8602 |
+
cursor: pointer;
|
8603 |
+
font-size: 15px;
|
8604 |
+
}
|
8605 |
+
|
8606 |
+
.timepicker-tick.active,
|
8607 |
+
.timepicker-tick:hover {
|
8608 |
+
background-color: rgba(38, 166, 154, 0.25);
|
8609 |
+
}
|
8610 |
+
|
8611 |
+
.timepicker-dial {
|
8612 |
+
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
|
8613 |
+
transition: opacity 350ms, -webkit-transform 350ms;
|
8614 |
+
transition: transform 350ms, opacity 350ms;
|
8615 |
+
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
|
8616 |
+
}
|
8617 |
+
|
8618 |
+
.timepicker-dial-out {
|
8619 |
+
opacity: 0;
|
8620 |
+
}
|
8621 |
+
|
8622 |
+
.timepicker-dial-out.timepicker-hours {
|
8623 |
+
-webkit-transform: scale(1.1, 1.1);
|
8624 |
+
transform: scale(1.1, 1.1);
|
8625 |
+
}
|
8626 |
+
|
8627 |
+
.timepicker-dial-out.timepicker-minutes {
|
8628 |
+
-webkit-transform: scale(0.8, 0.8);
|
8629 |
+
transform: scale(0.8, 0.8);
|
8630 |
+
}
|
8631 |
+
|
8632 |
+
.timepicker-canvas {
|
8633 |
+
-webkit-transition: opacity 175ms;
|
8634 |
+
transition: opacity 175ms;
|
8635 |
+
}
|
8636 |
+
|
8637 |
+
.timepicker-canvas line {
|
8638 |
+
stroke: #26a69a;
|
8639 |
+
stroke-width: 4;
|
8640 |
+
stroke-linecap: round;
|
8641 |
+
}
|
8642 |
+
|
8643 |
+
.timepicker-canvas-out {
|
8644 |
+
opacity: 0.25;
|
8645 |
+
}
|
8646 |
+
|
8647 |
+
.timepicker-canvas-bearing {
|
8648 |
+
stroke: none;
|
8649 |
+
fill: #26a69a;
|
8650 |
+
}
|
8651 |
+
|
8652 |
+
.timepicker-canvas-bg {
|
8653 |
+
stroke: none;
|
8654 |
+
fill: #26a69a;
|
8655 |
+
}
|
8656 |
+
|
8657 |
+
/* Footer */
|
8658 |
+
.timepicker-footer {
|
8659 |
+
margin: 0 auto;
|
8660 |
+
padding: 5px 1rem;
|
8661 |
+
display: -webkit-box;
|
8662 |
+
display: -webkit-flex;
|
8663 |
+
display: -ms-flexbox;
|
8664 |
+
display: flex;
|
8665 |
+
-webkit-box-pack: justify;
|
8666 |
+
-webkit-justify-content: space-between;
|
8667 |
+
-ms-flex-pack: justify;
|
8668 |
+
justify-content: space-between;
|
8669 |
+
}
|
8670 |
+
|
8671 |
+
.timepicker-clear {
|
8672 |
+
color: #F44336;
|
8673 |
+
}
|
8674 |
+
|
8675 |
+
.timepicker-close {
|
8676 |
+
color: #26a69a;
|
8677 |
+
}
|
8678 |
+
|
8679 |
+
.timepicker-clear,
|
8680 |
+
.timepicker-close {
|
8681 |
+
padding: 0 20px;
|
8682 |
+
}
|
8683 |
+
|
8684 |
+
/* Media Queries */
|
8685 |
+
@media only screen and (min-width: 601px) {
|
8686 |
+
.timepicker-modal {
|
8687 |
+
max-width: 600px;
|
8688 |
+
}
|
8689 |
+
.timepicker-container.modal-content {
|
8690 |
+
-webkit-box-orient: horizontal;
|
8691 |
+
-webkit-box-direction: normal;
|
8692 |
+
-webkit-flex-direction: row;
|
8693 |
+
-ms-flex-direction: row;
|
8694 |
+
flex-direction: row;
|
8695 |
+
}
|
8696 |
+
.timepicker-text-container {
|
8697 |
+
top: 32%;
|
8698 |
+
}
|
8699 |
+
.timepicker-display-am-pm {
|
8700 |
+
position: relative;
|
8701 |
+
right: auto;
|
8702 |
+
bottom: auto;
|
8703 |
+
text-align: center;
|
8704 |
+
margin-top: 1.2rem;
|
8705 |
+
}
|
8706 |
+
}
|
admin/css/style.css
CHANGED
@@ -1,1163 +1,1166 @@
|
|
1 |
-
@import "materialize.css";
|
2 |
-
* {
|
3 |
-
box-sizing: border-box !important;
|
4 |
-
-webkit-box-sizing: border-box !important;
|
5 |
-
}
|
6 |
-
a {
|
7 |
-
color: #0073aa;
|
8 |
-
}
|
9 |
-
td, th {
|
10 |
-
padding:10px 5px;
|
11 |
-
}
|
12 |
-
#wpcontent {
|
13 |
-
padding-left: 0;
|
14 |
-
}
|
15 |
-
.shortpixel img {
|
16 |
-
position: relative;
|
17 |
-
top: 6px;
|
18 |
-
}
|
19 |
-
.button-delete {
|
20 |
-
border-bottom-color:red !important;
|
21 |
-
}
|
22 |
-
#filters-to-assign {
|
23 |
-
margin-top:30px;
|
24 |
-
}
|
25 |
-
#filters-to-assign label {
|
26 |
-
margin-left:20px;
|
27 |
-
color: #444;
|
28 |
-
}
|
29 |
-
#filters-to-assign label span {
|
30 |
-
padding-left: 22px;
|
31 |
-
}
|
32 |
-
#media-attachment-media_category-filters,
|
33 |
-
#media-attachment-date-filters {
|
34 |
-
display: inline;
|
35 |
-
}
|
36 |
-
.collapsible .list-view-control li {
|
37 |
-
display: inline-block;
|
38 |
-
clear: none;
|
39 |
-
}
|
40 |
-
.collapsible .list-view-control .selected {
|
41 |
-
border-bottom: 2px solid;
|
42 |
-
}
|
43 |
-
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
|
44 |
-
color:#333;
|
45 |
-
}
|
46 |
-
[type="radio"]:disabled + label {
|
47 |
-
color:#666;
|
48 |
-
}
|
49 |
-
#gallery-list {
|
50 |
-
margin-top: 2rem;
|
51 |
-
}
|
52 |
-
#gallery-list .card {
|
53 |
-
padding: 0;
|
54 |
-
}
|
55 |
-
|
56 |
-
#gallery-list .card .card-content {
|
57 |
-
cursor: pointer;
|
58 |
-
padding: 6px;
|
59 |
-
}
|
60 |
-
#gallery-list .card .data {
|
61 |
-
background-size: cover;
|
62 |
-
background-position: 50% 50%;
|
63 |
-
}
|
64 |
-
#gallery-list .card .card-action,
|
65 |
-
#gallery-list .card .card-content {
|
66 |
-
background: rgba(0, 0, 0, 0.5);
|
67 |
-
transition: all .2s;
|
68 |
-
}
|
69 |
-
#gallery-list .card:hover .card-content {
|
70 |
-
background: rgba(0, 0, 0, 0);
|
71 |
-
}
|
72 |
-
.bulk.options > span {
|
73 |
-
display: inline-block;
|
74 |
-
margin-right: 10px;
|
75 |
-
}
|
76 |
-
.bulk.options > span:after {
|
77 |
-
content:"";
|
78 |
-
display: inline-block;
|
79 |
-
border-right: 1px solid #ccc;
|
80 |
-
width:1px;
|
81 |
-
height: 20px;
|
82 |
-
position: relative;
|
83 |
-
top: 4px;
|
84 |
-
margin-left: 10px;
|
85 |
-
}
|
86 |
-
.bulk.options > span:last-of-type:after {
|
87 |
-
|
88 |
-
}
|
89 |
-
.bulk .options > span .btn {
|
90 |
-
font-size: 11px;
|
91 |
-
line-height: 28px;
|
92 |
-
height: auto;
|
93 |
-
padding: 0 1em;
|
94 |
-
margin-bottom: 0;
|
95 |
-
}
|
96 |
-
.waves-light.btn {
|
97 |
-
color: #fff;
|
98 |
-
}
|
99 |
-
.waves-light.btn:hover {
|
100 |
-
color: #fff;
|
101 |
-
}
|
102 |
-
.card {
|
103 |
-
padding: 0;
|
104 |
-
min-width: 0;
|
105 |
-
max-width: 999em;
|
106 |
-
}
|
107 |
-
#top {
|
108 |
-
padding: 1rem 0 0px 40px;
|
109 |
-
font-family: Roboto, 'sans-serif';
|
110 |
-
}
|
111 |
-
#top h1 {
|
112 |
-
font-size: 3.4rem;
|
113 |
-
margin: 16px 0 0 0;
|
114 |
-
font-weight: 300;
|
115 |
-
color: #333;
|
116 |
-
}
|
117 |
-
#top h1 small {
|
118 |
-
font-size: 1rem;
|
119 |
-
}
|
120 |
-
#top h4 {
|
121 |
-
margin: 0 0 13px 0;
|
122 |
-
color: #666;
|
123 |
-
font-size: 20px;
|
124 |
-
font-weight: 100;
|
125 |
-
}
|
126 |
-
.upgrade-call {
|
127 |
-
display: inline-block;
|
128 |
-
position: absolute;
|
129 |
-
background: yellow;
|
130 |
-
top:20px;
|
131 |
-
right: 20px;
|
132 |
-
border-radius: 4px;
|
133 |
-
color: #111;
|
134 |
-
text-decoration: none;
|
135 |
-
text-transform: uppercase;
|
136 |
-
padding: 4px 6px;
|
137 |
-
}
|
138 |
-
.settings-header {
|
139 |
-
padding:1px 16px;
|
140 |
-
background: #fff;
|
141 |
-
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
142 |
-
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
143 |
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
144 |
-
margin-bottom: 0;
|
145 |
-
}
|
146 |
-
.settings-header .shortcode {
|
147 |
-
margin-top: 20px;
|
148 |
-
margin-bottom: 0;
|
149 |
-
}
|
150 |
-
.settings-header .shortcode input {
|
151 |
-
height: 30px;
|
152 |
-
}
|
153 |
-
.import-export {
|
154 |
-
margin: 6px 0;
|
155 |
-
}
|
156 |
-
.import-export a {
|
157 |
-
display: inline-block;
|
158 |
-
margin-right: 20px;
|
159 |
-
font-size:14px;
|
160 |
-
color: #333;
|
161 |
-
}
|
162 |
-
.import-export a:hover {
|
163 |
-
color: #666;
|
164 |
-
text-decoration: underline;
|
165 |
-
}
|
166 |
-
#shortcode-shortcut {
|
167 |
-
font-family: Courier, monospace;
|
168 |
-
display: inline-block;
|
169 |
-
width: 200px;
|
170 |
-
background: #fafafa;
|
171 |
-
border:1px solid #999;
|
172 |
-
padding: 0px 10px;
|
173 |
-
height: 20px;
|
174 |
-
font-size:12px;
|
175 |
-
margin: 0 10px;
|
176 |
-
}
|
177 |
-
#support-page {
|
178 |
-
background: #fff;
|
179 |
-
font-family: Roboto, 'sans-serif';
|
180 |
-
padding: 40px;
|
181 |
-
}
|
182 |
-
#support-page p {
|
183 |
-
font-size: 16px;
|
184 |
-
color: #666;
|
185 |
-
}
|
186 |
-
#support-page ul {
|
187 |
-
margin: 40px 20px;
|
188 |
-
}
|
189 |
-
#support-page ul li {
|
190 |
-
list-style-type: circle;
|
191 |
-
font-size: 18px;
|
192 |
-
line-height: 1.5;
|
193 |
-
}
|
194 |
-
#support-page .buttons {
|
195 |
-
margin-top: 40px;
|
196 |
-
}
|
197 |
-
.bd {
|
198 |
-
padding: 0px 40px;
|
199 |
-
}
|
200 |
-
.bd .gallery-hd {
|
201 |
-
margin: 60px 0;
|
202 |
-
}
|
203 |
-
.bd .gallery-hd code {
|
204 |
-
font-size: 1rem;
|
205 |
-
}
|
206 |
-
.input-field {
|
207 |
-
margin-bottom: 20px;
|
208 |
-
}
|
209 |
-
.input-field label {
|
210 |
-
left: 0;
|
211 |
-
}
|
212 |
-
#ftg-wizard {
|
213 |
-
margin: 40px auto;
|
214 |
-
padding: 20px;
|
215 |
-
max-width: 600px;
|
216 |
-
box-shadow: #ccc 0px 0px 40px;
|
217 |
-
border-radius: 4px;
|
218 |
-
background: #fff;
|
219 |
-
}
|
220 |
-
#ftg-wizard fieldset {
|
221 |
-
border: 0;
|
222 |
-
display: none;
|
223 |
-
}
|
224 |
-
#ftg-wizard fieldset label {
|
225 |
-
font-size: 16px;
|
226 |
-
color: #333;
|
227 |
-
display: block;
|
228 |
-
margin-bottom: 4px;
|
229 |
-
}
|
230 |
-
#ftg-wizard fieldset .req {
|
231 |
-
font-size:12px;
|
232 |
-
font-weight: bold;
|
233 |
-
}
|
234 |
-
#ftg-wizard fieldset input[type=text] {
|
235 |
-
border: 1px solid #ccc;
|
236 |
-
display: block;
|
237 |
-
width: 100%;
|
238 |
-
padding: 10px;
|
239 |
-
}
|
240 |
-
#ftg-wizard fieldset textarea {
|
241 |
-
height: 100px;
|
242 |
-
}
|
243 |
-
#ftg-wizard fieldset .ftg-inline label {
|
244 |
-
display: inline-block;
|
245 |
-
}
|
246 |
-
#ftg-wizard .ftg-input {
|
247 |
-
display: inline-block;
|
248 |
-
margin-right: 20px;
|
249 |
-
margin-bottom: 10px;
|
250 |
-
}
|
251 |
-
#ftg-wizard fieldset:first-of-type {
|
252 |
-
display: block;
|
253 |
-
}
|
254 |
-
#ftg-wizard fieldset h5 {
|
255 |
-
font-size: 14px;
|
256 |
-
margin-bottom: 4px;
|
257 |
-
}
|
258 |
-
#ftg-wizard fieldset select {
|
259 |
-
height: 34px;
|
260 |
-
}
|
261 |
-
#ftg-wizard fieldset .select-images {
|
262 |
-
text-align: center;
|
263 |
-
}
|
264 |
-
#ftg-wizard fieldset .select-images .button {
|
265 |
-
font-size: 19px;
|
266 |
-
padding: 10px 20px;
|
267 |
-
height: auto;
|
268 |
-
}
|
269 |
-
#ftg-wizard fieldset .select-images label {
|
270 |
-
margin-top: 20px;
|
271 |
-
}
|
272 |
-
#ftg-wizard h1 {
|
273 |
-
font-size: 32px;
|
274 |
-
text-transform: uppercase;
|
275 |
-
text-align: center;
|
276 |
-
margin: 0;
|
277 |
-
}
|
278 |
-
#ftg-wizard h1 small {
|
279 |
-
font-size: 12px;
|
280 |
-
}
|
281 |
-
#success h4 {
|
282 |
-
font-size: 20px;
|
283 |
-
}
|
284 |
-
#success input[type=text] {
|
285 |
-
width: 100%;
|
286 |
-
display: block;
|
287 |
-
margin:10px 0;
|
288 |
-
}
|
289 |
-
#success .modal-footer {
|
290 |
-
text-align: right;
|
291 |
-
padding: 10px;
|
292 |
-
}
|
293 |
-
h2.ftg-subtitle {
|
294 |
-
font-size:16px;
|
295 |
-
color:#666;
|
296 |
-
margin:0;
|
297 |
-
}
|
298 |
-
#ftg-wizard h2 {
|
299 |
-
font-size: 16px;
|
300 |
-
text-transform: uppercase;
|
301 |
-
text-align: center;
|
302 |
-
margin: 0;
|
303 |
-
margin-bottom: 50px;
|
304 |
-
line-height: 1;
|
305 |
-
}
|
306 |
-
#ftg-wizard h5 {
|
307 |
-
margin-bottom: 20px;
|
308 |
-
}
|
309 |
-
#ftg-wizard .field {
|
310 |
-
margin-bottom: 40px;
|
311 |
-
}
|
312 |
-
#ftg-wizard .images {
|
313 |
-
padding: 10px;
|
314 |
-
max-height: 300px;
|
315 |
-
overflow: auto;
|
316 |
-
}
|
317 |
-
#ftg-wizard .images .tile {
|
318 |
-
margin: 0 10px 10px 0;
|
319 |
-
width: 23%;
|
320 |
-
display: inline-block;
|
321 |
-
position: relative;
|
322 |
-
}
|
323 |
-
#ftg-wizard .images .tile img {
|
324 |
-
width: 100%;
|
325 |
-
}
|
326 |
-
#ftg-wizard .images .tile a {
|
327 |
-
position: absolute;
|
328 |
-
top: -5px;
|
329 |
-
right: -5px;
|
330 |
-
z-index: 10;
|
331 |
-
display: none;
|
332 |
-
width: 26px;
|
333 |
-
height: 26px;
|
334 |
-
line-height: 26px;
|
335 |
-
}
|
336 |
-
#ftg-wizard .images .tile a i {
|
337 |
-
line-height: 26px;
|
338 |
-
font-size: 1.2rem;
|
339 |
-
}
|
340 |
-
#ftg-wizard .images .tile:hover a {
|
341 |
-
display: block;
|
342 |
-
}
|
343 |
-
#ftg-wizard .images .tile:nth-child(4n) {
|
344 |
-
margin-right: 0;
|
345 |
-
}
|
346 |
-
#ftg-wizard footer {
|
347 |
-
background: transparent;
|
348 |
-
text-align: right;
|
349 |
-
}
|
350 |
-
#ftg-wizard footer .prev {
|
351 |
-
visibility: hidden;
|
352 |
-
}
|
353 |
-
#ftg-wizard .loading {
|
354 |
-
display: none;
|
355 |
-
}
|
356 |
-
.modal code {
|
357 |
-
display: block;
|
358 |
-
margin: 20px;
|
359 |
-
padding: 10px;
|
360 |
-
font-size: 16px;
|
361 |
-
}
|
362 |
-
.modal a {
|
363 |
-
outline: 0;
|
364 |
-
}
|
365 |
-
.modal .modal-content,
|
366 |
-
.modal .modal-footer {
|
367 |
-
background: #fff;
|
368 |
-
font-size:18px;
|
369 |
-
}
|
370 |
-
.modal .modal-content h3 {
|
371 |
-
font-size:22px;
|
372 |
-
}
|
373 |
-
.modal .modal-content input[type="text"] {
|
374 |
-
border: 1px solid #ccc;
|
375 |
-
padding: 10px;
|
376 |
-
}
|
377 |
-
.in-table-cta {
|
378 |
-
font-weight: bold;
|
379 |
-
font-size: 18px;
|
380 |
-
}
|
381 |
-
#gallery-list .card p {
|
382 |
-
height: 40px;
|
383 |
-
overflow: hidden;
|
384 |
-
}
|
385 |
-
#gallery-list .card .card-action {
|
386 |
-
padding: 10px 20px;
|
387 |
-
text-align: center;
|
388 |
-
}
|
389 |
-
#gallery-list .card .card-action a {
|
390 |
-
margin: 0 10px;
|
391 |
-
font-size: 20px;
|
392 |
-
color: #fff;
|
393 |
-
}
|
394 |
-
#gallery-list .card .card-image {
|
395 |
-
display: inline-block;
|
396 |
-
width: 150px;
|
397 |
-
height: 150px;
|
398 |
-
overflow: hidden;
|
399 |
-
}
|
400 |
-
#gallery-list .card .card-content {
|
401 |
-
height: 180px;
|
402 |
-
}
|
403 |
-
#gallery-list .card .card-title {
|
404 |
-
line-height: 32px;
|
405 |
-
margin-bottom: 18px;
|
406 |
-
display: block;
|
407 |
-
}
|
408 |
-
#edit-gallery .tab {
|
409 |
-
padding: 20px;
|
410 |
-
}
|
411 |
-
#edit-gallery label {
|
412 |
-
color: #333;
|
413 |
-
font-size: 12px;
|
414 |
-
top: 0.1rem;
|
415 |
-
height: auto;
|
416 |
-
}
|
417 |
-
#edit-gallery .input-field {
|
418 |
-
margin-bottom: 0;
|
419 |
-
}
|
420 |
-
#edit-gallery .field input[type=text],
|
421 |
-
#edit-gallery .field input[type=password],
|
422 |
-
#edit-gallery .field input[type=email],
|
423 |
-
#edit-gallery .field input[type=url],
|
424 |
-
#edit-gallery .field input[type=date],
|
425 |
-
#edit-gallery .field input[type=tel],
|
426 |
-
#edit-gallery .field input[type=number],
|
427 |
-
#edit-gallery .field input[type=search],
|
428 |
-
#edit-gallery .field textarea.materialize-textarea {
|
429 |
-
font-size: 12px;
|
430 |
-
}
|
431 |
-
#edit-gallery .field .dynamic-table input[type=text] {
|
432 |
-
width: calc(100% - 20px);
|
433 |
-
margin: 0;
|
434 |
-
}
|
435 |
-
#edit-gallery .field .dynamic-table.filters input[type=text] {
|
436 |
-
width: 50%;
|
437 |
-
min-width: 100px;
|
438 |
-
}
|
439 |
-
#edit-gallery .field .dynamic-table.filters p {
|
440 |
-
margin-bottom: 10px;
|
441 |
-
}
|
442 |
-
#edit-gallery select {
|
443 |
-
font-size: 12px;
|
444 |
-
background: #fff;
|
445 |
-
border: 1px solid #ccc;
|
446 |
-
width: auto;
|
447 |
-
}
|
448 |
-
#edit-gallery .range-field {
|
449 |
-
padding: 0;
|
450 |
-
display: inline-block;
|
451 |
-
width: 80%;
|
452 |
-
}
|
453 |
-
#edit-gallery .dynamic-table .del-filter,
|
454 |
-
#edit-gallery .dynamic-table table a {
|
455 |
-
width:20px;
|
456 |
-
height:20px;
|
457 |
-
line-height: 1;
|
458 |
-
}
|
459 |
-
#edit-gallery .dynamic-table .del-filter i,
|
460 |
-
#edit-gallery .dynamic-table table a i {
|
461 |
-
font-size:12px;
|
462 |
-
line-height: 20px;
|
463 |
-
}
|
464 |
-
#edit-gallery b.range-preview {
|
465 |
-
display: inline-block;
|
466 |
-
width: 30px;
|
467 |
-
text-align: center;
|
468 |
-
background: #fff;
|
469 |
-
height: 30px;
|
470 |
-
line-height: 28px;
|
471 |
-
border: 1px solid #ccc;
|
472 |
-
border-radius: 6px;
|
473 |
-
font-weight: normal;
|
474 |
-
font-size:12px;
|
475 |
-
}
|
476 |
-
#edit-gallery .range-field input[type="range"] {
|
477 |
-
max-width: 500px;
|
478 |
-
}
|
479 |
-
#edit-gallery .jump-head {
|
480 |
-
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
|
481 |
-
padding: 0 0 10px 0;
|
482 |
-
}
|
483 |
-
#edit-gallery .jump-head select {
|
484 |
-
height: 2rem;
|
485 |
-
display: inline;
|
486 |
-
width: auto;
|
487 |
-
}
|
488 |
-
.bullet-menu {
|
489 |
-
position: fixed;
|
490 |
-
bottom: 20px;
|
491 |
-
right: 50px;
|
492 |
-
}
|
493 |
-
.update-gallery {
|
494 |
-
position: fixed;
|
495 |
-
bottom: 20px;
|
496 |
-
right: 120px;
|
497 |
-
}
|
498 |
-
.collapsible li {
|
499 |
-
margin-bottom: 0;
|
500 |
-
clear: both;
|
501 |
-
}
|
502 |
-
.collapsible li .alternate {
|
503 |
-
background: transparent;
|
504 |
-
}
|
505 |
-
.collapsible li .collapsible-header {
|
506 |
-
font-size: 1.2rem;
|
507 |
-
}
|
508 |
-
.collapsible li .collapsible-header,
|
509 |
-
.collapsible li .collapsible-header i {
|
510 |
-
line-height: 3rem;
|
511 |
-
height: 3rem;
|
512 |
-
}
|
513 |
-
.collapsible-header {
|
514 |
-
padding: 0;
|
515 |
-
}
|
516 |
-
.collapsible li .collapsible-header .ftg-section-icon {
|
517 |
-
width:3rem;
|
518 |
-
border-bottom:1px solid #ccc;
|
519 |
-
}
|
520 |
-
.collapsible li .field .text {
|
521 |
-
padding: 0px;
|
522 |
-
}
|
523 |
-
.collapsible li .field textarea {
|
524 |
-
background: #fff;
|
525 |
-
border: 1px solid #ccc;
|
526 |
-
}
|
527 |
-
.collapsible li .field input[type="text"] {
|
528 |
-
background: #fff;
|
529 |
-
border: 1px solid #ccc;
|
530 |
-
height: 30px;
|
531 |
-
padding: 0 4px;
|
532 |
-
border-radius: 6px;
|
533 |
-
}
|
534 |
-
.collapsible li .field .text .pickColor {
|
535 |
-
height: auto;
|
536 |
-
}
|
537 |
-
.collapsible li .field .text .wp-color-result {
|
538 |
-
border-radius: 0;
|
539 |
-
-webkit-border-radius: 0;
|
540 |
-
height: 24px;
|
541 |
-
}
|
542 |
-
.collapsible li .field .text .wp-color-result::after {
|
543 |
-
border-radius: 0;
|
544 |
-
-webkit-border-radius: 0;
|
545 |
-
}
|
546 |
-
.collapsible-body {
|
547 |
-
clear: both;
|
548 |
-
padding: 10px;
|
549 |
-
}
|
550 |
-
.collapsible li textarea {
|
551 |
-
height: 100px;
|
552 |
-
}
|
553 |
-
.collapsible li th,
|
554 |
-
.collapsible li td {
|
555 |
-
vertical-align: top;
|
556 |
-
}
|
557 |
-
.collapsible li th {
|
558 |
-
border-radius: 0;
|
559 |
-
}
|
560 |
-
.collapsible li th[scope=row] {
|
561 |
-
width: 200px;
|
562 |
-
padding-top: 10px;
|
563 |
-
}
|
564 |
-
.collapsible li tr.slider {
|
565 |
-
height: auto;
|
566 |
-
}
|
567 |
-
.collapsible li tr.filter {
|
568 |
-
float: none;
|
569 |
-
margin: 0;
|
570 |
-
}
|
571 |
-
.collapsible li .toggle div.help p {
|
572 |
-
display: none;
|
573 |
-
}
|
574 |
-
.collapsible li .toggle [type="checkbox"]:not(:checked) + label:before {
|
575 |
-
top: 4px;
|
576 |
-
}
|
577 |
-
.collapsible li div.help {
|
578 |
-
background: rgba(255, 255, 255, 0.5);
|
579 |
-
border-top-left-radius: 0;
|
580 |
-
border-top-right-radius: 0;
|
581 |
-
border-bottom-left-radius: 6px;
|
582 |
-
border-bottom-right-radius: 6px;
|
583 |
-
padding: 10px 10px 0 10px;
|
584 |
-
color: #666;
|
585 |
-
/*display: none;*/
|
586 |
-
}
|
587 |
-
.collapsible li div.help span code {
|
588 |
-
display: none;
|
589 |
-
}
|
590 |
-
.collapsible li div.help span.visible code {
|
591 |
-
display: inline-block;
|
592 |
-
}
|
593 |
-
.collapsible li div.help .ftg-code {
|
594 |
-
display: block;
|
595 |
-
padding-top: 10px;
|
596 |
-
height: 40px;
|
597 |
-
}
|
598 |
-
.collapsible li div.help .ftg-code a {
|
599 |
-
color: #999;
|
600 |
-
font-size: 18px;
|
601 |
-
}
|
602 |
-
.collapsible li div.help .ftg-code a .fa-eye{
|
603 |
-
color:#007cba;
|
604 |
-
}
|
605 |
-
|
606 |
-
.collapsible li div.help .ftg-code a:focus {
|
607 |
-
box-shadow: none;
|
608 |
-
}
|
609 |
-
.collapsible li div.help .ftg-code input[type=text] {
|
610 |
-
font-size:12px;
|
611 |
-
font-family: courier, monospace;
|
612 |
-
width:200px;
|
613 |
-
display: inline-block;
|
614 |
-
padding: 5px;
|
615 |
-
height: auto;
|
616 |
-
border:1px solid #ccc;
|
617 |
-
}
|
618 |
-
.collapsible li div.help p {
|
619 |
-
padding:0 0 10px 0;
|
620 |
-
border-bottom:1px dotted #ccc;
|
621 |
-
}
|
622 |
-
.collapsible li div.help strong {
|
623 |
-
font-weight: 700;
|
624 |
-
}
|
625 |
-
.collapsible li .custom_isf td th {
|
626 |
-
background: #333;
|
627 |
-
color: #fff;
|
628 |
-
padding: 4px;
|
629 |
-
}
|
630 |
-
.collapsible li .custom_isf td td input[type=text] {
|
631 |
-
background: #fff;
|
632 |
-
}
|
633 |
-
.collapsible li .dynamic-table tr {
|
634 |
-
background: #fff;
|
635 |
-
}
|
636 |
-
.collapsible li .dynamic-table .btn {
|
637 |
-
outline: 0;
|
638 |
-
color: #fff;
|
639 |
-
}
|
640 |
-
.collapsible li .dynamic-table .btn:hover {
|
641 |
-
color: #fff;
|
642 |
-
}
|
643 |
-
.collapsible li .dynamic-table .btn.add {
|
644 |
-
width: 100%;
|
645 |
-
}
|
646 |
-
.collapsible li .dynamic-table .del {
|
647 |
-
width: 50px;
|
648 |
-
padding-left: 10px;
|
649 |
-
padding-top: 18px;
|
650 |
-
}
|
651 |
-
.collapsible li td .filters .add {
|
652 |
-
margin: 0;
|
653 |
-
}
|
654 |
-
.collapsible li td .filters .text p {
|
655 |
-
padding: 0;
|
656 |
-
}
|
657 |
-
.collapsible li td .filters .text p a {
|
658 |
-
display: inline-block;
|
659 |
-
margin-right: 20px;
|
660 |
-
}
|
661 |
-
.collapsible li td .filters .text p input[type=text] {
|
662 |
-
width: 77%;
|
663 |
-
}
|
664 |
-
.collapsible li td .filters .text p input[type=radio] {
|
665 |
-
position: static;
|
666 |
-
opacity: 1;
|
667 |
-
pointer-events: all;
|
668 |
-
}
|
669 |
-
.collapsible li td .filters .reset {
|
670 |
-
background-color: #fff;
|
671 |
-
text-align: right;
|
672 |
-
}
|
673 |
-
.collapsible li td .filters .reset button {
|
674 |
-
color: #333;
|
675 |
-
}
|
676 |
-
.collapsible li td .filters .reset button:hover {
|
677 |
-
color: #000;
|
678 |
-
}
|
679 |
-
#tutorial h5 {
|
680 |
-
margin: 60px 0 20px;
|
681 |
-
}
|
682 |
-
#images .images-bar {
|
683 |
-
padding-top:10px;
|
684 |
-
}
|
685 |
-
#images .actions .row.selection-row {
|
686 |
-
margin-top:10px;
|
687 |
-
}
|
688 |
-
#images .images-bar select {
|
689 |
-
max-width: 200px;
|
690 |
-
display: inline-block;
|
691 |
-
}
|
692 |
-
#images .actions {
|
693 |
-
margin: 0 10px;
|
694 |
-
}
|
695 |
-
#images .card .card-content {
|
696 |
-
cursor: pointer;
|
697 |
-
padding: 6px;
|
698 |
-
}
|
699 |
-
#images .actions.source-posts .checkboxes strong,
|
700 |
-
#images .actions.source-woocommerce .checkboxes strong {
|
701 |
-
font-weight: bold;
|
702 |
-
width: 90px;
|
703 |
-
display: inline-block;
|
704 |
-
}
|
705 |
-
#images .actions.source-posts .checkboxes label,
|
706 |
-
#images .actions.source-woocommerce .checkboxes label {
|
707 |
-
display: inline-block;
|
708 |
-
margin-right: 20px;
|
709 |
-
}
|
710 |
-
#images .actions.source-posts .checkboxes [type="checkbox"] + label:before,
|
711 |
-
#images .actions.source-woocommerce .checkboxes [type="checkbox"] + label:before {
|
712 |
-
left: 6px;
|
713 |
-
}
|
714 |
-
#images .actions.source-posts .checkboxes [type=text],
|
715 |
-
#images .actions.source-woocommerce .checkboxes [type=text] {
|
716 |
-
max-width: 200px;
|
717 |
-
}
|
718 |
-
#images .actions label {
|
719 |
-
font-weight: bold;
|
720 |
-
cursor: default;
|
721 |
-
display: block;
|
722 |
-
}
|
723 |
-
#images span.tax-item {
|
724 |
-
display: inline-block;
|
725 |
-
background: #fff;
|
726 |
-
padding: 5px;
|
727 |
-
margin: 0 10px 10px 0;
|
728 |
-
border-radius: 4px;
|
729 |
-
border: 1px solid #ccc;
|
730 |
-
}
|
731 |
-
#images span.tax-item input {
|
732 |
-
position: static;
|
733 |
-
opacity: 1;
|
734 |
-
pointer-events: all;
|
735 |
-
}
|
736 |
-
#images .actions label span {
|
737 |
-
font-weight: normal;
|
738 |
-
padding-left: 10px;
|
739 |
-
}
|
740 |
-
#images .actions .row {
|
741 |
-
margin: 0 0 10px 0;
|
742 |
-
}
|
743 |
-
#images .actions .bulk .panel {
|
744 |
-
display: none;
|
745 |
-
}
|
746 |
-
#images .actions .bulk .panel label {
|
747 |
-
display: inline-block;
|
748 |
-
margin-right: 30px;
|
749 |
-
padding-left: 28px;
|
750 |
-
}
|
751 |
-
#images .actions .bulk .panel p {
|
752 |
-
padding: 1rem 0;
|
753 |
-
}
|
754 |
-
#images .actions .tips {
|
755 |
-
font-style: italic;
|
756 |
-
color: #777;
|
757 |
-
padding: 5px 10px;
|
758 |
-
background: rgba(255, 255, 255, 0.7);
|
759 |
-
border-radius: 4px;
|
760 |
-
}
|
761 |
-
#images .actions .tips strong {
|
762 |
-
font-weight: 700;
|
763 |
-
}
|
764 |
-
#images .source-panel {
|
765 |
-
display: none;
|
766 |
-
}
|
767 |
-
#image-panel-model[data-source=posts] {
|
768 |
-
width: 300px;
|
769 |
-
}
|
770 |
-
#image-panel-model[data-source=posts] .right-side {
|
771 |
-
display: none;
|
772 |
-
}
|
773 |
-
#image-panel-model .figure {
|
774 |
-
margin-bottom: 10px;
|
775 |
-
}
|
776 |
-
#image-panel-model .modal-content {
|
777 |
-
padding-bottom: 0;
|
778 |
-
}
|
779 |
-
#image-panel-model .modal-footer {
|
780 |
-
padding-right: 24px;
|
781 |
-
}
|
782 |
-
#image-panel-model .right-side {
|
783 |
-
margin-left: 170px;
|
784 |
-
}
|
785 |
-
#image-panel-model .right-side .field {
|
786 |
-
margin-bottom: 14px;
|
787 |
-
}
|
788 |
-
#image-panel-model .right-side textarea {
|
789 |
-
height: 3.75rem;
|
790 |
-
}
|
791 |
-
#image-panel-model .right-side input[type=text] {
|
792 |
-
height: 2em;
|
793 |
-
padding: 0 6px;
|
794 |
-
width: 96%;
|
795 |
-
}
|
796 |
-
#image-panel-model .right-side input[type=text],
|
797 |
-
#image-panel-model .right-side textarea {
|
798 |
-
border: 1px solid #ccc;
|
799 |
-
margin-bottom: 0;
|
800 |
-
font-size: 12px;
|
801 |
-
}
|
802 |
-
#image-panel-model .right-side .info {
|
803 |
-
font-size: 11px;
|
804 |
-
margin: 0;
|
805 |
-
}
|
806 |
-
#image-panel-model .right-side .filters {
|
807 |
-
margin-top: 15px;
|
808 |
-
}
|
809 |
-
#image-panel-model .right-side .filters label {
|
810 |
-
margin-right: 30px;
|
811 |
-
}
|
812 |
-
#video-panel-model textarea {
|
813 |
-
height: 160px;
|
814 |
-
font-size: 14px;
|
815 |
-
}
|
816 |
-
#video-panel-model label {
|
817 |
-
margin-right: 14px;
|
818 |
-
}
|
819 |
-
#image-list {
|
820 |
-
padding: 10px;
|
821 |
-
}
|
822 |
-
#image-list .ui-sortable-handle {
|
823 |
-
float: left;
|
824 |
-
}
|
825 |
-
#image-list .item.card {
|
826 |
-
width: 160px;
|
827 |
-
margin: 4px;
|
828 |
-
float: left;
|
829 |
-
}
|
830 |
-
#image-list .item.card.hidden-T {
|
831 |
-
opacity:.5;
|
832 |
-
}
|
833 |
-
#image-list .card .card-image .card-title {
|
834 |
-
position: absolute;
|
835 |
-
bottom: 0;
|
836 |
-
left: 0;
|
837 |
-
padding: 3px 8px;
|
838 |
-
background: rgba(0,0,0,.8);
|
839 |
-
font-size: 12px;
|
840 |
-
border-top-right-radius: 6px;
|
841 |
-
bottom: 0;
|
842 |
-
left: 0;
|
843 |
-
}
|
844 |
-
#image-list .card.selected {
|
845 |
-
border: 2px solid #000;
|
846 |
-
}
|
847 |
-
#image-list .card.hidden-T .card-image {
|
848 |
-
/*&:after {
|
849 |
-
display: block;
|
850 |
-
content:"";
|
851 |
-
position: absolute;
|
852 |
-
top:0;
|
853 |
-
right:0;
|
854 |
-
left:0;
|
855 |
-
bottom:0;
|
856 |
-
z-index: 1;
|
857 |
-
}*/
|
858 |
-
}
|
859 |
-
#image-list .card.hidden-T .card-image .card-title {
|
860 |
-
display: none;
|
861 |
-
}
|
862 |
-
#image-list .card .card-hidden {
|
863 |
-
position: absolute;
|
864 |
-
top: 50%;
|
865 |
-
left: 50%;
|
866 |
-
background: #fff;
|
867 |
-
width: 30px;
|
868 |
-
height: 30px;
|
869 |
-
border-radius: 4px;
|
870 |
-
text-align: center;
|
871 |
-
color: #000;
|
872 |
-
line-height: 30px;
|
873 |
-
font-size: 20px;
|
874 |
-
margin: -15px 0 0 -15px;
|
875 |
-
}
|
876 |
-
#image-list .card .card-image {
|
877 |
-
cursor: move;
|
878 |
-
background-size: cover;
|
879 |
-
}
|
880 |
-
#image-list .card .card-image iframe {
|
881 |
-
width: 100%;
|
882 |
-
}
|
883 |
-
#image-list .card p {
|
884 |
-
padding: 0;
|
885 |
-
min-height: 20px;
|
886 |
-
}
|
887 |
-
#image-list .card a {
|
888 |
-
color: #388E3C;
|
889 |
-
}
|
890 |
-
#image-list .card a.ftg-action-link {
|
891 |
-
color: #333;
|
892 |
-
position: absolute;
|
893 |
-
z-index: 100;
|
894 |
-
top: 10px;
|
895 |
-
right: 4px;
|
896 |
-
background: #fff;
|
897 |
-
margin: 0;
|
898 |
-
width: 20px;
|
899 |
-
height: 20px;
|
900 |
-
text-align: center;
|
901 |
-
border-radius: 3px;
|
902 |
-
opacity: 0;
|
903 |
-
}
|
904 |
-
#image-list .card a.remove {
|
905 |
-
color: #f00;
|
906 |
-
right: 30px;
|
907 |
-
}
|
908 |
-
#image-list .card:hover a {
|
909 |
-
opacity: 1;
|
910 |
-
}
|
911 |
-
#image-list .card .filters {
|
912 |
-
position: absolute;
|
913 |
-
top: 10px;
|
914 |
-
left: 0px;
|
915 |
-
z-index: 10;
|
916 |
-
}
|
917 |
-
#image-list .card .filters li {
|
918 |
-
background: rgba(255,255,255, .8);
|
919 |
-
color: #333;
|
920 |
-
padding: 2px 10px;
|
921 |
-
margin: 0 0 2px 0;
|
922 |
-
border-top-right-radius: 4px;
|
923 |
-
}
|
924 |
-
#delete-gallery-modal span {
|
925 |
-
color: #ff8a0b;
|
926 |
-
font-weight: bold;
|
927 |
-
}
|
928 |
-
#spinner {
|
929 |
-
display: none;
|
930 |
-
position: fixed;
|
931 |
-
top: 50px;
|
932 |
-
right: 50px;
|
933 |
-
}
|
934 |
-
#spinner.shown {
|
935 |
-
display: block;
|
936 |
-
}
|
937 |
-
.listview {
|
938 |
-
font-size: 16px;
|
939 |
-
display: inline;
|
940 |
-
float: left;
|
941 |
-
}
|
942 |
-
.li {
|
943 |
-
cursor: pointer;
|
944 |
-
font-size: 16px;
|
945 |
-
display: inline;
|
946 |
-
float: left;
|
947 |
-
margin-left: 7px;
|
948 |
-
}
|
949 |
-
.filter-item {
|
950 |
-
cursor: pointer;
|
951 |
-
display: inline;
|
952 |
-
margin-left: 10px;
|
953 |
-
}
|
954 |
-
.filter-list {
|
955 |
-
margin-left: 10px;
|
956 |
-
margin-right: 10px;
|
957 |
-
padding: 12px;
|
958 |
-
font-size:12px;
|
959 |
-
line-height: 30px;
|
960 |
-
}
|
961 |
-
/**
|
962 |
-
* For modern browsers
|
963 |
-
* 1. The space content is one way to avoid an Opera bug when the
|
964 |
-
* contenteditable attribute is included anywhere else in the document.
|
965 |
-
* Otherwise it causes space to appear at the top and bottom of elements
|
966 |
-
* that are clearfixed.
|
967 |
-
* 2. The use of `table` rather than `block` is only necessary if using
|
968 |
-
* `:before` to contain the top-margins of child elements.
|
969 |
-
*/
|
970 |
-
.cf:before,
|
971 |
-
.cf:after {
|
972 |
-
content: " ";
|
973 |
-
/* 1 */
|
974 |
-
display: table;
|
975 |
-
/* 2 */
|
976 |
-
}
|
977 |
-
.cf:after {
|
978 |
-
clear: both;
|
979 |
-
}
|
980 |
-
/**
|
981 |
-
* For IE 6/7 only
|
982 |
-
* Include this rule to trigger hasLayout and contain floats.
|
983 |
-
*/
|
984 |
-
.cf {
|
985 |
-
*zoom: 1;
|
986 |
-
}
|
987 |
-
#fs_connect {
|
988 |
-
margin: 60px auto !important;
|
989 |
-
}
|
990 |
-
#fs_connect .fs-visual .dashicons-wordpress {
|
991 |
-
height: 76px !important;
|
992 |
-
width: 76px !important;
|
993 |
-
}
|
994 |
-
#import-modal textarea,
|
995 |
-
#export-modal textarea {
|
996 |
-
height:200px;
|
997 |
-
}
|
998 |
-
.gallery-actions input[type=text] {
|
999 |
-
display: block;
|
1000 |
-
margin-bottom: 10px;
|
1001 |
-
width: 100%;
|
1002 |
-
padding: 6px;
|
1003 |
-
}
|
1004 |
-
.gallery-actions li .collapsible-header {
|
1005 |
-
font-weight: 600;
|
1006 |
-
color: #191e23;
|
1007 |
-
font-size: 13px;
|
1008 |
-
padding: 15px;
|
1009 |
-
line-height: 1;
|
1010 |
-
position: relative;
|
1011 |
-
}
|
1012 |
-
.components-panel__arrow {
|
1013 |
-
position: absolute;
|
1014 |
-
right: 10px;
|
1015 |
-
top: 50%;
|
1016 |
-
transform: translateY(-50%);
|
1017 |
-
color: #191e23;
|
1018 |
-
fill: currentColor;
|
1019 |
-
transition: color .1s ease-in-out;
|
1020 |
-
}
|
1021 |
-
.collapsible-body {
|
1022 |
-
background: #fafafa;
|
1023 |
-
}
|
1024 |
-
.gallery-actions.collapsible li .collapsible-header i {
|
1025 |
-
line-height: 1;
|
1026 |
-
height: auto;
|
1027 |
-
font-size: 15px;
|
1028 |
-
width: auto;
|
1029 |
-
margin-right: 10px;
|
1030 |
-
}
|
1031 |
-
.components-button.is-primary {
|
1032 |
-
background: #0085ba;
|
1033 |
-
border-color: #006a95 #00648c #00648c;
|
1034 |
-
box-shadow: inset 0 -1px 0 #00648c;
|
1035 |
-
color: #fff;
|
1036 |
-
text-decoration: none;
|
1037 |
-
text-shadow: 0 -1px 1px #005d82, 1px 0 1px #005d82, 0 1px 1px #005d82, -1px 0 1px #005d82;
|
1038 |
-
}
|
1039 |
-
.components-button.is-primary:focus,
|
1040 |
-
.components-button.is-primary:active,
|
1041 |
-
.components-button.is-primary:hover {
|
1042 |
-
background: #007eb1;
|
1043 |
-
border-color: #00435d;
|
1044 |
-
color: #fff;
|
1045 |
-
}
|
1046 |
-
.ftg-upsell {
|
1047 |
-
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb900+1,f79621+100 */
|
1048 |
-
background: #fcb900; /* Old browsers */
|
1049 |
-
background: -moz-linear-gradient(-45deg, #fcb900 1%, #f79621 100%); /* FF3.6-15 */
|
1050 |
-
background: -webkit-linear-gradient(-45deg, #fcb900 1%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
|
1051 |
-
background: linear-gradient(135deg, #fcb900 1%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
1052 |
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb900', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
1053 |
-
padding: 10px;
|
1054 |
-
}
|
1055 |
-
.ftg-upsell a {
|
1056 |
-
color:#fff;
|
1057 |
-
font-weight: bold;
|
1058 |
-
text-transform: uppercase;
|
1059 |
-
font-size:16px;
|
1060 |
-
}
|
1061 |
-
#upgrade-cta {
|
1062 |
-
background: yellow;
|
1063 |
-
font-size: 18px;
|
1064 |
-
font-weight: bold;
|
1065 |
-
text-transform: uppercase;
|
1066 |
-
padding: 18px;
|
1067 |
-
}
|
1068 |
-
#upgrade-cta a {
|
1069 |
-
color: #000;
|
1070 |
-
}
|
1071 |
-
.modal h4 {
|
1072 |
-
font-size: 14px;
|
1073 |
-
}
|
1074 |
-
.browser-default[type="radio"]:not(:checked),
|
1075 |
-
.browser-default[type="radio"]:checked,
|
1076 |
-
.browser-default[type="checkbox"]:not(:checked),
|
1077 |
-
.browser-default[type="checkbox"]:checked {
|
1078 |
-
opacity: 1;
|
1079 |
-
position: static;
|
1080 |
-
pointer-events: all;
|
1081 |
-
}
|
1082 |
-
.field-help {
|
1083 |
-
width: 16px;
|
1084 |
-
height: 16px;
|
1085 |
-
background: #333;
|
1086 |
-
color: #ffff;
|
1087 |
-
border-radius: 20px;
|
1088 |
-
line-height: 17px;
|
1089 |
-
text-align: center;
|
1090 |
-
opacity: 0;
|
1091 |
-
display: inline-block;
|
1092 |
-
}
|
1093 |
-
.field-row:hover .field-help:active,
|
1094 |
-
.field-row:hover .field-help:focus,
|
1095 |
-
.field-row:hover .field-help:hover {
|
1096 |
-
color: #fff;
|
1097 |
-
opacity: 1;
|
1098 |
-
}
|
1099 |
-
.field-row:hover .field-help {
|
1100 |
-
opacity: .8;
|
1101 |
-
}
|
1102 |
-
.no-thank-you {
|
1103 |
-
float: right;
|
1104 |
-
margin-top: 7px;
|
1105 |
-
}
|
1106 |
-
|
1107 |
-
|
1108 |
-
/* Tabs tooltips */
|
1109 |
-
.ftg-tooltip {
|
1110 |
-
position: relative;
|
1111 |
-
display: inline-block;
|
1112 |
-
}
|
1113 |
-
.ftg-tooltip > span {
|
1114 |
-
cursor: pointer;
|
1115 |
-
color: #0073aa;
|
1116 |
-
text-decoration: underline;
|
1117 |
-
margin-left: 5px;
|
1118 |
-
}
|
1119 |
-
.ftg-tooltip .ftg-tooltip-content {
|
1120 |
-
display: none;
|
1121 |
-
position: absolute;
|
1122 |
-
top: 50%;
|
1123 |
-
right: -10px;
|
1124 |
-
transform: translate( 100% ,-50% );
|
1125 |
-
width: 300px;
|
1126 |
-
background: #000;
|
1127 |
-
color: #fff;
|
1128 |
-
padding: 10px;
|
1129 |
-
box-sizing: border-box;
|
1130 |
-
z-index: 99;
|
1131 |
-
}
|
1132 |
-
.ftg-tooltip .ftg-tooltip-content:before {
|
1133 |
-
content: '';
|
1134 |
-
width: 0px;
|
1135 |
-
height: 0px;
|
1136 |
-
border-style: solid;
|
1137 |
-
border-width: 8px 8px 8px 0;
|
1138 |
-
border-color: transparent #000 transparent transparent;
|
1139 |
-
display: block;
|
1140 |
-
position: absolute;
|
1141 |
-
top: 50%;
|
1142 |
-
left: -8px;
|
1143 |
-
transform: translateY( -50% );
|
1144 |
-
}
|
1145 |
-
.ftg-tooltip:hover .ftg-tooltip-content {
|
1146 |
-
display: block;
|
1147 |
-
}
|
1148 |
-
|
1149 |
-
/* Copy shortcode design */
|
1150 |
-
.gallery-actions .copy-ftg-shortcode {
|
1151 |
-
height: 40px;
|
1152 |
-
line-height: 40px !important;
|
1153 |
-
}
|
1154 |
-
|
1155 |
-
.copy-ftg-shortcode {
|
1156 |
-
height:max-content;
|
1157 |
-
}
|
1158 |
-
|
1159 |
-
/* Color picker fix */
|
1160 |
-
.field.js-update-shortcode .iris-border .iris-picker-inner {
|
1161 |
-
min-width:250px;
|
1162 |
-
min-height:250px;
|
|
|
|
|
|
|
1163 |
}
|
1 |
+
@import "materialize.css";
|
2 |
+
* {
|
3 |
+
box-sizing: border-box !important;
|
4 |
+
-webkit-box-sizing: border-box !important;
|
5 |
+
}
|
6 |
+
a {
|
7 |
+
color: #0073aa;
|
8 |
+
}
|
9 |
+
td, th {
|
10 |
+
padding:10px 5px;
|
11 |
+
}
|
12 |
+
#wpcontent {
|
13 |
+
padding-left: 0;
|
14 |
+
}
|
15 |
+
.shortpixel img {
|
16 |
+
position: relative;
|
17 |
+
top: 6px;
|
18 |
+
}
|
19 |
+
.button-delete {
|
20 |
+
border-bottom-color:red !important;
|
21 |
+
}
|
22 |
+
#filters-to-assign {
|
23 |
+
margin-top:30px;
|
24 |
+
}
|
25 |
+
#filters-to-assign label {
|
26 |
+
margin-left:20px;
|
27 |
+
color: #444;
|
28 |
+
}
|
29 |
+
#filters-to-assign label span {
|
30 |
+
padding-left: 22px;
|
31 |
+
}
|
32 |
+
#media-attachment-media_category-filters,
|
33 |
+
#media-attachment-date-filters {
|
34 |
+
display: inline;
|
35 |
+
}
|
36 |
+
.collapsible .list-view-control li {
|
37 |
+
display: inline-block;
|
38 |
+
clear: none;
|
39 |
+
}
|
40 |
+
.collapsible .list-view-control .selected {
|
41 |
+
border-bottom: 2px solid;
|
42 |
+
}
|
43 |
+
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
|
44 |
+
color:#333;
|
45 |
+
}
|
46 |
+
[type="radio"]:disabled + label {
|
47 |
+
color:#666;
|
48 |
+
}
|
49 |
+
#gallery-list {
|
50 |
+
margin-top: 2rem;
|
51 |
+
}
|
52 |
+
#gallery-list .card {
|
53 |
+
padding: 0;
|
54 |
+
}
|
55 |
+
|
56 |
+
#gallery-list .card .card-content {
|
57 |
+
cursor: pointer;
|
58 |
+
padding: 6px;
|
59 |
+
}
|
60 |
+
#gallery-list .card .data {
|
61 |
+
background-size: cover;
|
62 |
+
background-position: 50% 50%;
|
63 |
+
}
|
64 |
+
#gallery-list .card .card-action,
|
65 |
+
#gallery-list .card .card-content {
|
66 |
+
background: rgba(0, 0, 0, 0.5);
|
67 |
+
transition: all .2s;
|
68 |
+
}
|
69 |
+
#gallery-list .card:hover .card-content {
|
70 |
+
background: rgba(0, 0, 0, 0);
|
71 |
+
}
|
72 |
+
.bulk.options > span {
|
73 |
+
display: inline-block;
|
74 |
+
margin-right: 10px;
|
75 |
+
}
|
76 |
+
.bulk.options > span:after {
|
77 |
+
content:"";
|
78 |
+
display: inline-block;
|
79 |
+
border-right: 1px solid #ccc;
|
80 |
+
width:1px;
|
81 |
+
height: 20px;
|
82 |
+
position: relative;
|
83 |
+
top: 4px;
|
84 |
+
margin-left: 10px;
|
85 |
+
}
|
86 |
+
.bulk.options > span:last-of-type:after {
|
87 |
+
|
88 |
+
}
|
89 |
+
.bulk .options > span .btn {
|
90 |
+
font-size: 11px;
|
91 |
+
line-height: 28px;
|
92 |
+
height: auto;
|
93 |
+
padding: 0 1em;
|
94 |
+
margin-bottom: 0;
|
95 |
+
}
|
96 |
+
.waves-light.btn {
|
97 |
+
color: #fff;
|
98 |
+
}
|
99 |
+
.waves-light.btn:hover {
|
100 |
+
color: #fff;
|
101 |
+
}
|
102 |
+
.card {
|
103 |
+
padding: 0;
|
104 |
+
min-width: 0;
|
105 |
+
max-width: 999em;
|
106 |
+
}
|
107 |
+
#top {
|
108 |
+
padding: 1rem 0 0px 40px;
|
109 |
+
font-family: Roboto, 'sans-serif';
|
110 |
+
}
|
111 |
+
#top h1 {
|
112 |
+
font-size: 3.4rem;
|
113 |
+
margin: 16px 0 0 0;
|
114 |
+
font-weight: 300;
|
115 |
+
color: #333;
|
116 |
+
}
|
117 |
+
#top h1 small {
|
118 |
+
font-size: 1rem;
|
119 |
+
}
|
120 |
+
#top h4 {
|
121 |
+
margin: 0 0 13px 0;
|
122 |
+
color: #666;
|
123 |
+
font-size: 20px;
|
124 |
+
font-weight: 100;
|
125 |
+
}
|
126 |
+
.upgrade-call {
|
127 |
+
display: inline-block;
|
128 |
+
position: absolute;
|
129 |
+
background: yellow;
|
130 |
+
top:20px;
|
131 |
+
right: 20px;
|
132 |
+
border-radius: 4px;
|
133 |
+
color: #111;
|
134 |
+
text-decoration: none;
|
135 |
+
text-transform: uppercase;
|
136 |
+
padding: 4px 6px;
|
137 |
+
}
|
138 |
+
.settings-header {
|
139 |
+
padding:1px 16px;
|
140 |
+
background: #fff;
|
141 |
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
142 |
+
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
143 |
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
144 |
+
margin-bottom: 0;
|
145 |
+
}
|
146 |
+
.settings-header .shortcode {
|
147 |
+
margin-top: 20px;
|
148 |
+
margin-bottom: 0;
|
149 |
+
}
|
150 |
+
.settings-header .shortcode input {
|
151 |
+
height: 30px;
|
152 |
+
}
|
153 |
+
.import-export {
|
154 |
+
margin: 6px 0;
|
155 |
+
}
|
156 |
+
.import-export a {
|
157 |
+
display: inline-block;
|
158 |
+
margin-right: 20px;
|
159 |
+
font-size:14px;
|
160 |
+
color: #333;
|
161 |
+
}
|
162 |
+
.import-export a:hover {
|
163 |
+
color: #666;
|
164 |
+
text-decoration: underline;
|
165 |
+
}
|
166 |
+
#shortcode-shortcut {
|
167 |
+
font-family: Courier, monospace;
|
168 |
+
display: inline-block;
|
169 |
+
width: 200px;
|
170 |
+
background: #fafafa;
|
171 |
+
border:1px solid #999;
|
172 |
+
padding: 0px 10px;
|
173 |
+
height: 20px;
|
174 |
+
font-size:12px;
|
175 |
+
margin: 0 10px;
|
176 |
+
}
|
177 |
+
#support-page {
|
178 |
+
background: #fff;
|
179 |
+
font-family: Roboto, 'sans-serif';
|
180 |
+
padding: 40px;
|
181 |
+
}
|
182 |
+
#support-page p {
|
183 |
+
font-size: 16px;
|
184 |
+
color: #666;
|
185 |
+
}
|
186 |
+
#support-page ul {
|
187 |
+
margin: 40px 20px;
|
188 |
+
}
|
189 |
+
#support-page ul li {
|
190 |
+
list-style-type: circle;
|
191 |
+
font-size: 18px;
|
192 |
+
line-height: 1.5;
|
193 |
+
}
|
194 |
+
#support-page .buttons {
|
195 |
+
margin-top: 40px;
|
196 |
+
}
|
197 |
+
.bd {
|
198 |
+
padding: 0px 40px;
|
199 |
+
}
|
200 |
+
.bd .gallery-hd {
|
201 |
+
margin: 60px 0;
|
202 |
+
}
|
203 |
+
.bd .gallery-hd code {
|
204 |
+
font-size: 1rem;
|
205 |
+
}
|
206 |
+
.input-field {
|
207 |
+
margin-bottom: 20px;
|
208 |
+
}
|
209 |
+
.input-field label {
|
210 |
+
left: 0;
|
211 |
+
}
|
212 |
+
#ftg-wizard {
|
213 |
+
margin: 40px auto;
|
214 |
+
padding: 20px;
|
215 |
+
max-width: 600px;
|
216 |
+
box-shadow: #ccc 0px 0px 40px;
|
217 |
+
border-radius: 4px;
|
218 |
+
background: #fff;
|
219 |
+
}
|
220 |
+
#ftg-wizard fieldset {
|
221 |
+
border: 0;
|
222 |
+
display: none;
|
223 |
+
}
|
224 |
+
#ftg-wizard fieldset label {
|
225 |
+
font-size: 16px;
|
226 |
+
color: #333;
|
227 |
+
display: block;
|
228 |
+
margin-bottom: 4px;
|
229 |
+
}
|
230 |
+
#ftg-wizard fieldset .req {
|
231 |
+
font-size:12px;
|
232 |
+
font-weight: bold;
|
233 |
+
}
|
234 |
+
#ftg-wizard fieldset input[type=text] {
|
235 |
+
border: 1px solid #ccc;
|
236 |
+
display: block;
|
237 |
+
width: 100%;
|
238 |
+
padding: 10px;
|
239 |
+
}
|
240 |
+
#ftg-wizard fieldset textarea {
|
241 |
+
height: 100px;
|
242 |
+
}
|
243 |
+
#ftg-wizard fieldset .ftg-inline label {
|
244 |
+
display: inline-block;
|
245 |
+
}
|
246 |
+
#ftg-wizard .ftg-input {
|
247 |
+
display: inline-block;
|
248 |
+
margin-right: 20px;
|
249 |
+
margin-bottom: 10px;
|
250 |
+
}
|
251 |
+
#ftg-wizard fieldset:first-of-type {
|
252 |
+
display: block;
|
253 |
+
}
|
254 |
+
#ftg-wizard fieldset h5 {
|
255 |
+
font-size: 14px;
|
256 |
+
margin-bottom: 4px;
|
257 |
+
}
|
258 |
+
#ftg-wizard fieldset select {
|
259 |
+
height: 34px;
|
260 |
+
}
|
261 |
+
#ftg-wizard fieldset .select-images {
|
262 |
+
text-align: center;
|
263 |
+
}
|
264 |
+
#ftg-wizard fieldset .select-images .button {
|
265 |
+
font-size: 19px;
|
266 |
+
padding: 10px 20px;
|
267 |
+
height: auto;
|
268 |
+
}
|
269 |
+
#ftg-wizard fieldset .select-images label {
|
270 |
+
margin-top: 20px;
|
271 |
+
}
|
272 |
+
#ftg-wizard h1 {
|
273 |
+
font-size: 32px;
|
274 |
+
text-transform: uppercase;
|
275 |
+
text-align: center;
|
276 |
+
margin: 0;
|
277 |
+
}
|
278 |
+
#ftg-wizard h1 small {
|
279 |
+
font-size: 12px;
|
280 |
+
}
|
281 |
+
#success h4 {
|
282 |
+
font-size: 20px;
|
283 |
+
}
|
284 |
+
#success input[type=text] {
|
285 |
+
width: 100%;
|
286 |
+
display: block;
|
287 |
+
margin:10px 0;
|
288 |
+
}
|
289 |
+
#success .modal-footer {
|
290 |
+
text-align: right;
|
291 |
+
padding: 10px;
|
292 |
+
}
|
293 |
+
h2.ftg-subtitle {
|
294 |
+
font-size:16px;
|
295 |
+
color:#666;
|
296 |
+
margin:0;
|
297 |
+
}
|
298 |
+
#ftg-wizard h2 {
|
299 |
+
font-size: 16px;
|
300 |
+
text-transform: uppercase;
|
301 |
+
text-align: center;
|
302 |
+
margin: 0;
|
303 |
+
margin-bottom: 50px;
|
304 |
+
line-height: 1;
|
305 |
+
}
|
306 |
+
#ftg-wizard h5 {
|
307 |
+
margin-bottom: 20px;
|
308 |
+
}
|
309 |
+
#ftg-wizard .field {
|
310 |
+
margin-bottom: 40px;
|
311 |
+
}
|
312 |
+
#ftg-wizard .images {
|
313 |
+
padding: 10px;
|
314 |
+
max-height: 300px;
|
315 |
+
overflow: auto;
|
316 |
+
}
|
317 |
+
#ftg-wizard .images .tile {
|
318 |
+
margin: 0 10px 10px 0;
|
319 |
+
width: 23%;
|
320 |
+
display: inline-block;
|
321 |
+
position: relative;
|
322 |
+
}
|
323 |
+
#ftg-wizard .images .tile img {
|
324 |
+
width: 100%;
|
325 |
+
}
|
326 |
+
#ftg-wizard .images .tile a {
|
327 |
+
position: absolute;
|
328 |
+
top: -5px;
|
329 |
+
right: -5px;
|
330 |
+
z-index: 10;
|
331 |
+
display: none;
|
332 |
+
width: 26px;
|
333 |
+
height: 26px;
|
334 |
+
line-height: 26px;
|
335 |
+
}
|
336 |
+
#ftg-wizard .images .tile a i {
|
337 |
+
line-height: 26px;
|
338 |
+
font-size: 1.2rem;
|
339 |
+
}
|
340 |
+
#ftg-wizard .images .tile:hover a {
|
341 |
+
display: block;
|
342 |
+
}
|
343 |
+
#ftg-wizard .images .tile:nth-child(4n) {
|
344 |
+
margin-right: 0;
|
345 |
+
}
|
346 |
+
#ftg-wizard footer {
|
347 |
+
background: transparent;
|
348 |
+
text-align: right;
|
349 |
+
}
|
350 |
+
#ftg-wizard footer .prev {
|
351 |
+
visibility: hidden;
|
352 |
+
}
|
353 |
+
#ftg-wizard .loading {
|
354 |
+
display: none;
|
355 |
+
}
|
356 |
+
.modal code {
|
357 |
+
display: block;
|
358 |
+
margin: 20px;
|
359 |
+
padding: 10px;
|
360 |
+
font-size: 16px;
|
361 |
+
}
|
362 |
+
.modal a {
|
363 |
+
outline: 0;
|
364 |
+
}
|
365 |
+
.modal .modal-content,
|
366 |
+
.modal .modal-footer {
|
367 |
+
background: #fff;
|
368 |
+
font-size:18px;
|
369 |
+
}
|
370 |
+
.modal .modal-content h3 {
|
371 |
+
font-size:22px;
|
372 |
+
}
|
373 |
+
.modal .modal-content input[type="text"] {
|
374 |
+
border: 1px solid #ccc;
|
375 |
+
padding: 10px;
|
376 |
+
}
|
377 |
+
.in-table-cta {
|
378 |
+
font-weight: bold;
|
379 |
+
font-size: 18px;
|
380 |
+
}
|
381 |
+
#gallery-list .card p {
|
382 |
+
height: 40px;
|
383 |
+
overflow: hidden;
|
384 |
+
}
|
385 |
+
#gallery-list .card .card-action {
|
386 |
+
padding: 10px 20px;
|
387 |
+
text-align: center;
|
388 |
+
}
|
389 |
+
#gallery-list .card .card-action a {
|
390 |
+
margin: 0 10px;
|
391 |
+
font-size: 20px;
|
392 |
+
color: #fff;
|
393 |
+
}
|
394 |
+
#gallery-list .card .card-image {
|
395 |
+
display: inline-block;
|
396 |
+
width: 150px;
|
397 |
+
height: 150px;
|
398 |
+
overflow: hidden;
|
399 |
+
}
|
400 |
+
#gallery-list .card .card-content {
|
401 |
+
height: 180px;
|
402 |
+
}
|
403 |
+
#gallery-list .card .card-title {
|
404 |
+
line-height: 32px;
|
405 |
+
margin-bottom: 18px;
|
406 |
+
display: block;
|
407 |
+
}
|
408 |
+
#edit-gallery .tab {
|
409 |
+
padding: 20px;
|
410 |
+
}
|
411 |
+
#edit-gallery label {
|
412 |
+
color: #333;
|
413 |
+
font-size: 12px;
|
414 |
+
top: 0.1rem;
|
415 |
+
height: auto;
|
416 |
+
}
|
417 |
+
#edit-gallery .input-field {
|
418 |
+
margin-bottom: 0;
|
419 |
+
}
|
420 |
+
#edit-gallery .field input[type=text],
|
421 |
+
#edit-gallery .field input[type=password],
|
422 |
+
#edit-gallery .field input[type=email],
|
423 |
+
#edit-gallery .field input[type=url],
|
424 |
+
#edit-gallery .field input[type=date],
|
425 |
+
#edit-gallery .field input[type=tel],
|
426 |
+
#edit-gallery .field input[type=number],
|
427 |
+
#edit-gallery .field input[type=search],
|
428 |
+
#edit-gallery .field textarea.materialize-textarea {
|
429 |
+
font-size: 12px;
|
430 |
+
}
|
431 |
+
#edit-gallery .field .dynamic-table input[type=text] {
|
432 |
+
width: calc(100% - 20px);
|
433 |
+
margin: 0;
|
434 |
+
}
|
435 |
+
#edit-gallery .field .dynamic-table.filters input[type=text] {
|
436 |
+
width: 50%;
|
437 |
+
min-width: 100px;
|
438 |
+
}
|
439 |
+
#edit-gallery .field .dynamic-table.filters p {
|
440 |
+
margin-bottom: 10px;
|
441 |
+
}
|
442 |
+
#edit-gallery select {
|
443 |
+
font-size: 12px;
|
444 |
+
background: #fff;
|
445 |
+
border: 1px solid #ccc;
|
446 |
+
width: auto;
|
447 |
+
}
|
448 |
+
#edit-gallery .range-field {
|
449 |
+
padding: 0;
|
450 |
+
display: inline-block;
|
451 |
+
width: 80%;
|
452 |
+
}
|
453 |
+
#edit-gallery .dynamic-table .del-filter,
|
454 |
+
#edit-gallery .dynamic-table table a {
|
455 |
+
width:20px;
|
456 |
+
height:20px;
|
457 |
+
line-height: 1;
|
458 |
+
}
|
459 |
+
#edit-gallery .dynamic-table .del-filter i,
|
460 |
+
#edit-gallery .dynamic-table table a i {
|
461 |
+
font-size:12px;
|
462 |
+
line-height: 20px;
|
463 |
+
}
|
464 |
+
#edit-gallery b.range-preview {
|
465 |
+
display: inline-block;
|
466 |
+
width: 30px;
|
467 |
+
text-align: center;
|
468 |
+
background: #fff;
|
469 |
+
height: 30px;
|
470 |
+
line-height: 28px;
|
471 |
+
border: 1px solid #ccc;
|
472 |
+
border-radius: 6px;
|
473 |
+
font-weight: normal;
|
474 |
+
font-size:12px;
|
475 |
+
}
|
476 |
+
#edit-gallery .range-field input[type="range"] {
|
477 |
+
max-width: 500px;
|
478 |
+
}
|
479 |
+
#edit-gallery .jump-head {
|
480 |
+
border-bottom: 2px solid rgba(0, 0, 0, 0.3);
|
481 |
+
padding: 0 0 10px 0;
|
482 |
+
}
|
483 |
+
#edit-gallery .jump-head select {
|
484 |
+
height: 2rem;
|
485 |
+
display: inline;
|
486 |
+
width: auto;
|
487 |
+
}
|
488 |
+
.bullet-menu {
|
489 |
+
position: fixed;
|
490 |
+
bottom: 20px;
|
491 |
+
right: 50px;
|
492 |
+
}
|
493 |
+
.update-gallery {
|
494 |
+
position: fixed;
|
495 |
+
bottom: 20px;
|
496 |
+
right: 120px;
|
497 |
+
}
|
498 |
+
.collapsible li {
|
499 |
+
margin-bottom: 0;
|
500 |
+
clear: both;
|
501 |
+
}
|
502 |
+
.collapsible li .alternate {
|
503 |
+
background: transparent;
|
504 |
+
}
|
505 |
+
.collapsible li .collapsible-header {
|
506 |
+
font-size: 1.2rem;
|
507 |
+
}
|
508 |
+
.collapsible li .collapsible-header,
|
509 |
+
.collapsible li .collapsible-header i {
|
510 |
+
line-height: 3rem;
|
511 |
+
height: 3rem;
|
512 |
+
}
|
513 |
+
.collapsible-header {
|
514 |
+
padding: 0;
|
515 |
+
}
|
516 |
+
.collapsible li .collapsible-header .ftg-section-icon {
|
517 |
+
width:3rem;
|
518 |
+
border-bottom:1px solid #ccc;
|
519 |
+
}
|
520 |
+
.collapsible li .field .text {
|
521 |
+
padding: 0px;
|
522 |
+
}
|
523 |
+
.collapsible li .field textarea {
|
524 |
+
background: #fff;
|
525 |
+
border: 1px solid #ccc;
|
526 |
+
}
|
527 |
+
.collapsible li .field input[type="text"] {
|
528 |
+
background: #fff;
|
529 |
+
border: 1px solid #ccc;
|
530 |
+
height: 30px;
|
531 |
+
padding: 0 4px;
|
532 |
+
border-radius: 6px;
|
533 |
+
}
|
534 |
+
.collapsible li .field .text .pickColor {
|
535 |
+
height: auto;
|
536 |
+
}
|
537 |
+
.collapsible li .field .text .wp-color-result {
|
538 |
+
border-radius: 0;
|
539 |
+
-webkit-border-radius: 0;
|
540 |
+
height: 24px;
|
541 |
+
}
|
542 |
+
.collapsible li .field .text .wp-color-result::after {
|
543 |
+
border-radius: 0;
|
544 |
+
-webkit-border-radius: 0;
|
545 |
+
}
|
546 |
+
.collapsible-body {
|
547 |
+
clear: both;
|
548 |
+
padding: 10px;
|
549 |
+
}
|
550 |
+
.collapsible li textarea {
|
551 |
+
height: 100px;
|
552 |
+
}
|
553 |
+
.collapsible li th,
|
554 |
+
.collapsible li td {
|
555 |
+
vertical-align: top;
|
556 |
+
}
|
557 |
+
.collapsible li th {
|
558 |
+
border-radius: 0;
|
559 |
+
}
|
560 |
+
.collapsible li th[scope=row] {
|
561 |
+
width: 200px;
|
562 |
+
padding-top: 10px;
|
563 |
+
}
|
564 |
+
.collapsible li tr.slider {
|
565 |
+
height: auto;
|
566 |
+
}
|
567 |
+
.collapsible li tr.filter {
|
568 |
+
float: none;
|
569 |
+
margin: 0;
|
570 |
+
}
|
571 |
+
.collapsible li .toggle div.help p {
|
572 |
+
display: none;
|
573 |
+
}
|
574 |
+
.collapsible li .toggle [type="checkbox"]:not(:checked) + label:before {
|
575 |
+
top: 4px;
|
576 |
+
}
|
577 |
+
.collapsible li div.help {
|
578 |
+
background: rgba(255, 255, 255, 0.5);
|
579 |
+
border-top-left-radius: 0;
|
580 |
+
border-top-right-radius: 0;
|
581 |
+
border-bottom-left-radius: 6px;
|
582 |
+
border-bottom-right-radius: 6px;
|
583 |
+
padding: 10px 10px 0 10px;
|
584 |
+
color: #666;
|
585 |
+
/*display: none;*/
|
586 |
+
}
|
587 |
+
.collapsible li div.help span code {
|
588 |
+
display: none;
|
589 |
+
}
|
590 |
+
.collapsible li div.help span.visible code {
|
591 |
+
display: inline-block;
|
592 |
+
}
|
593 |
+
.collapsible li div.help .ftg-code {
|
594 |
+
display: block;
|
595 |
+
padding-top: 10px;
|
596 |
+
height: 40px;
|
597 |
+
}
|
598 |
+
.collapsible li div.help .ftg-code a {
|
599 |
+
color: #999;
|
600 |
+
font-size: 18px;
|
601 |
+
}
|
602 |
+
.collapsible li div.help .ftg-code a .fa-eye{
|
603 |
+
color:#007cba;
|
604 |
+
}
|
605 |
+
|
606 |
+
.collapsible li div.help .ftg-code a:focus {
|
607 |
+
box-shadow: none;
|
608 |
+
}
|
609 |
+
.collapsible li div.help .ftg-code input[type=text] {
|
610 |
+
font-size:12px;
|
611 |
+
font-family: courier, monospace;
|
612 |
+
width:200px;
|
613 |
+
display: inline-block;
|
614 |
+
padding: 5px;
|
615 |
+
height: auto;
|
616 |
+
border:1px solid #ccc;
|
617 |
+
}
|
618 |
+
.collapsible li div.help p {
|
619 |
+
padding:0 0 10px 0;
|
620 |
+
border-bottom:1px dotted #ccc;
|
621 |
+
}
|
622 |
+
.collapsible li div.help strong {
|
623 |
+
font-weight: 700;
|
624 |
+
}
|
625 |
+
.collapsible li .custom_isf td th {
|
626 |
+
background: #333;
|
627 |
+
color: #fff;
|
628 |
+
padding: 4px;
|
629 |
+
}
|
630 |
+
.collapsible li .custom_isf td td input[type=text] {
|
631 |
+
background: #fff;
|
632 |
+
}
|
633 |
+
.collapsible li .dynamic-table tr {
|
634 |
+
background: #fff;
|
635 |
+
}
|
636 |
+
.collapsible li .dynamic-table .btn {
|
637 |
+
outline: 0;
|
638 |
+
color: #fff;
|
639 |
+
}
|
640 |
+
.collapsible li .dynamic-table .btn:hover {
|
641 |
+
color: #fff;
|
642 |
+
}
|
643 |
+
.collapsible li .dynamic-table .btn.add {
|
644 |
+
width: 100%;
|
645 |
+
}
|
646 |
+
.collapsible li .dynamic-table .del {
|
647 |
+
width: 50px;
|
648 |
+
padding-left: 10px;
|
649 |
+
padding-top: 18px;
|
650 |
+
}
|
651 |
+
.collapsible li td .filters .add {
|
652 |
+
margin: 0;
|
653 |
+
}
|
654 |
+
.collapsible li td .filters .text p {
|
655 |
+
padding: 0;
|
656 |
+
}
|
657 |
+
.collapsible li td .filters .text p a {
|
658 |
+
display: inline-block;
|
659 |
+
margin-right: 20px;
|
660 |
+
}
|
661 |
+
.collapsible li td .filters .text p input[type=text] {
|
662 |
+
width: 77%;
|
663 |
+
}
|
664 |
+
.collapsible li td .filters .text p input[type=radio] {
|
665 |
+
position: static;
|
666 |
+
opacity: 1;
|
667 |
+
pointer-events: all;
|
668 |
+
}
|
669 |
+
.collapsible li td .filters .reset {
|
670 |
+
background-color: #fff;
|
671 |
+
text-align: right;
|
672 |
+
}
|
673 |
+
.collapsible li td .filters .reset button {
|
674 |
+
color: #333;
|
675 |
+
}
|
676 |
+
.collapsible li td .filters .reset button:hover {
|
677 |
+
color: #000;
|
678 |
+
}
|
679 |
+
#tutorial h5 {
|
680 |
+
margin: 60px 0 20px;
|
681 |
+
}
|
682 |
+
#images .images-bar {
|
683 |
+
padding-top:10px;
|
684 |
+
}
|
685 |
+
#images .actions .row.selection-row {
|
686 |
+
margin-top:10px;
|
687 |
+
}
|
688 |
+
#images .images-bar select {
|
689 |
+
max-width: 200px;
|
690 |
+
display: inline-block;
|
691 |
+
}
|
692 |
+
#images .actions {
|
693 |
+
margin: 0 10px;
|
694 |
+
}
|
695 |
+
#images .card .card-content {
|
696 |
+
cursor: pointer;
|
697 |
+
padding: 6px;
|
698 |
+
}
|
699 |
+
#images .actions.source-posts .checkboxes strong,
|
700 |
+
#images .actions.source-woocommerce .checkboxes strong {
|
701 |
+
font-weight: bold;
|
702 |
+
width: 90px;
|
703 |
+
display: inline-block;
|
704 |
+
}
|
705 |
+
#images .actions.source-posts .checkboxes label,
|
706 |
+
#images .actions.source-woocommerce .checkboxes label {
|
707 |
+
display: inline-block;
|
708 |
+
margin-right: 20px;
|
709 |
+
}
|
710 |
+
#images .actions.source-posts .checkboxes [type="checkbox"] + label:before,
|
711 |
+
#images .actions.source-woocommerce .checkboxes [type="checkbox"] + label:before {
|
712 |
+
left: 6px;
|
713 |
+
}
|
714 |
+
#images .actions.source-posts .checkboxes [type=text],
|
715 |
+
#images .actions.source-woocommerce .checkboxes [type=text] {
|
716 |
+
max-width: 200px;
|
717 |
+
}
|
718 |
+
#images .actions label {
|
719 |
+
font-weight: bold;
|
720 |
+
cursor: default;
|
721 |
+
display: block;
|
722 |
+
}
|
723 |
+
#images span.tax-item {
|
724 |
+
display: inline-block;
|
725 |
+
background: #fff;
|
726 |
+
padding: 5px;
|
727 |
+
margin: 0 10px 10px 0;
|
728 |
+
border-radius: 4px;
|
729 |
+
border: 1px solid #ccc;
|
730 |
+
}
|
731 |
+
#images span.tax-item input {
|
732 |
+
position: static;
|
733 |
+
opacity: 1;
|
734 |
+
pointer-events: all;
|
735 |
+
}
|
736 |
+
#images .actions label span {
|
737 |
+
font-weight: normal;
|
738 |
+
padding-left: 10px;
|
739 |
+
}
|
740 |
+
#images .actions .row {
|
741 |
+
margin: 0 0 10px 0;
|
742 |
+
}
|
743 |
+
#images .actions .bulk .panel {
|
744 |
+
display: none;
|
745 |
+
}
|
746 |
+
#images .actions .bulk .panel label {
|
747 |
+
display: inline-block;
|
748 |
+
margin-right: 30px;
|
749 |
+
padding-left: 28px;
|
750 |
+
}
|
751 |
+
#images .actions .bulk .panel p {
|
752 |
+
padding: 1rem 0;
|
753 |
+
}
|
754 |
+
#images .actions .tips {
|
755 |
+
font-style: italic;
|
756 |
+
color: #777;
|
757 |
+
padding: 5px 10px;
|
758 |
+
background: rgba(255, 255, 255, 0.7);
|
759 |
+
border-radius: 4px;
|
760 |
+
}
|
761 |
+
#images .actions .tips strong {
|
762 |
+
font-weight: 700;
|
763 |
+
}
|
764 |
+
#images .source-panel {
|
765 |
+
display: none;
|
766 |
+
}
|
767 |
+
#image-panel-model[data-source=posts] {
|
768 |
+
width: 300px;
|
769 |
+
}
|
770 |
+
#image-panel-model[data-source=posts] .right-side {
|
771 |
+
display: none;
|
772 |
+
}
|
773 |
+
#image-panel-model .figure {
|
774 |
+
margin-bottom: 10px;
|
775 |
+
}
|
776 |
+
#image-panel-model .modal-content {
|
777 |
+
padding-bottom: 0;
|
778 |
+
}
|
779 |
+
#image-panel-model .modal-footer {
|
780 |
+
padding-right: 24px;
|
781 |
+
}
|
782 |
+
#image-panel-model .right-side {
|
783 |
+
margin-left: 170px;
|
784 |
+
}
|
785 |
+
#image-panel-model .right-side .field {
|
786 |
+
margin-bottom: 14px;
|
787 |
+
}
|
788 |
+
#image-panel-model .right-side textarea {
|
789 |
+
height: 3.75rem;
|
790 |
+
}
|
791 |
+
#image-panel-model .right-side input[type=text] {
|
792 |
+
height: 2em;
|
793 |
+
padding: 0 6px;
|
794 |
+
width: 96%;
|
795 |
+
}
|
796 |
+
#image-panel-model .right-side input[type=text],
|
797 |
+
#image-panel-model .right-side textarea {
|
798 |
+
border: 1px solid #ccc;
|
799 |
+
margin-bottom: 0;
|
800 |
+
font-size: 12px;
|
801 |
+
}
|
802 |
+
#image-panel-model .right-side .info {
|
803 |
+
font-size: 11px;
|
804 |
+
margin: 0;
|
805 |
+
}
|
806 |
+
#image-panel-model .right-side .filters {
|
807 |
+
margin-top: 15px;
|
808 |
+
}
|
809 |
+
#image-panel-model .right-side .filters label {
|
810 |
+
margin-right: 30px;
|
811 |
+
}
|
812 |
+
#video-panel-model textarea {
|
813 |
+
height: 160px;
|
814 |
+
font-size: 14px;
|
815 |
+
}
|
816 |
+
#video-panel-model label {
|
817 |
+
margin-right: 14px;
|
818 |
+
}
|
819 |
+
#image-list {
|
820 |
+
padding: 10px;
|
821 |
+
}
|
822 |
+
#image-list .ui-sortable-handle {
|
823 |
+
float: left;
|
824 |
+
}
|
825 |
+
#image-list .item.card {
|
826 |
+
width: 160px;
|
827 |
+
margin: 4px;
|
828 |
+
float: left;
|
829 |
+
}
|
830 |
+
#image-list .item.card.hidden-T {
|
831 |
+
opacity:.5;
|
832 |
+
}
|
833 |
+
#image-list .card .card-image .card-title {
|
834 |
+
position: absolute;
|
835 |
+
bottom: 0;
|
836 |
+
left: 0;
|
837 |
+
padding: 3px 8px;
|
838 |
+
background: rgba(0,0,0,.8);
|
839 |
+
font-size: 12px;
|
840 |
+
border-top-right-radius: 6px;
|
841 |
+
bottom: 0;
|
842 |
+
left: 0;
|
843 |
+
}
|
844 |
+
#image-list .card.selected {
|
845 |
+
border: 2px solid #000;
|
846 |
+
}
|
847 |
+
#image-list .card.hidden-T .card-image {
|
848 |
+
/*&:after {
|
849 |
+
display: block;
|
850 |
+
content:"";
|
851 |
+
position: absolute;
|
852 |
+
top:0;
|
853 |
+
right:0;
|
854 |
+
left:0;
|
855 |
+
bottom:0;
|
856 |
+
z-index: 1;
|
857 |
+
}*/
|
858 |
+
}
|
859 |
+
#image-list .card.hidden-T .card-image .card-title {
|
860 |
+
display: none;
|
861 |
+
}
|
862 |
+
#image-list .card .card-hidden {
|
863 |
+
position: absolute;
|
864 |
+
top: 50%;
|
865 |
+
left: 50%;
|
866 |
+
background: #fff;
|
867 |
+
width: 30px;
|
868 |
+
height: 30px;
|
869 |
+
border-radius: 4px;
|
870 |
+
text-align: center;
|
871 |
+
color: #000;
|
872 |
+
line-height: 30px;
|
873 |
+
font-size: 20px;
|
874 |
+
margin: -15px 0 0 -15px;
|
875 |
+
}
|
876 |
+
#image-list .card .card-image {
|
877 |
+
cursor: move;
|
878 |
+
background-size: cover;
|
879 |
+
}
|
880 |
+
#image-list .card .card-image iframe {
|
881 |
+
width: 100%;
|
882 |
+
}
|
883 |
+
#image-list .card p {
|
884 |
+
padding: 0;
|
885 |
+
min-height: 20px;
|
886 |
+
}
|
887 |
+
#image-list .card a {
|
888 |
+
color: #388E3C;
|
889 |
+
}
|
890 |
+
#image-list .card a.ftg-action-link {
|
891 |
+
color: #333;
|
892 |
+
position: absolute;
|
893 |
+
z-index: 100;
|
894 |
+
top: 10px;
|
895 |
+
right: 4px;
|
896 |
+
background: #fff;
|
897 |
+
margin: 0;
|
898 |
+
width: 20px;
|
899 |
+
height: 20px;
|
900 |
+
text-align: center;
|
901 |
+
border-radius: 3px;
|
902 |
+
opacity: 0;
|
903 |
+
}
|
904 |
+
#image-list .card a.remove {
|
905 |
+
color: #f00;
|
906 |
+
right: 30px;
|
907 |
+
}
|
908 |
+
#image-list .card:hover a {
|
909 |
+
opacity: 1;
|
910 |
+
}
|
911 |
+
#image-list .card .filters {
|
912 |
+
position: absolute;
|
913 |
+
top: 10px;
|
914 |
+
left: 0px;
|
915 |
+
z-index: 10;
|
916 |
+
}
|
917 |
+
#image-list .card .filters li {
|
918 |
+
background: rgba(255,255,255, .8);
|
919 |
+
color: #333;
|
920 |
+
padding: 2px 10px;
|
921 |
+
margin: 0 0 2px 0;
|
922 |
+
border-top-right-radius: 4px;
|
923 |
+
}
|
924 |
+
#delete-gallery-modal span {
|
925 |
+
color: #ff8a0b;
|
926 |
+
font-weight: bold;
|
927 |
+
}
|
928 |
+
#spinner {
|
929 |
+
display: none;
|
930 |
+
position: fixed;
|
931 |
+
top: 50px;
|
932 |
+
right: 50px;
|
933 |
+
}
|
934 |
+
#spinner.shown {
|
935 |
+
display: block;
|
936 |
+
}
|
937 |
+
.listview {
|
938 |
+
font-size: 16px;
|
939 |
+
display: inline;
|
940 |
+
float: left;
|
941 |
+
}
|
942 |
+
.li {
|
943 |
+
cursor: pointer;
|
944 |
+
font-size: 16px;
|
945 |
+
display: inline;
|
946 |
+
float: left;
|
947 |
+
margin-left: 7px;
|
948 |
+
}
|
949 |
+
.filter-item {
|
950 |
+
cursor: pointer;
|
951 |
+
display: inline;
|
952 |
+
margin-left: 10px;
|
953 |
+
}
|
954 |
+
.filter-list {
|
955 |
+
margin-left: 10px;
|
956 |
+
margin-right: 10px;
|
957 |
+
padding: 12px;
|
958 |
+
font-size:12px;
|
959 |
+
line-height: 30px;
|
960 |
+
}
|
961 |
+
/**
|
962 |
+
* For modern browsers
|
963 |
+
* 1. The space content is one way to avoid an Opera bug when the
|
964 |
+
* contenteditable attribute is included anywhere else in the document.
|
965 |
+
* Otherwise it causes space to appear at the top and bottom of elements
|
966 |
+
* that are clearfixed.
|
967 |
+
* 2. The use of `table` rather than `block` is only necessary if using
|
968 |
+
* `:before` to contain the top-margins of child elements.
|
969 |
+
*/
|
970 |
+
.cf:before,
|
971 |
+
.cf:after {
|
972 |
+
content: " ";
|
973 |
+
/* 1 */
|
974 |
+
display: table;
|
975 |
+
/* 2 */
|
976 |
+
}
|
977 |
+
.cf:after {
|
978 |
+
clear: both;
|
979 |
+
}
|
980 |
+
/**
|
981 |
+
* For IE 6/7 only
|
982 |
+
* Include this rule to trigger hasLayout and contain floats.
|
983 |
+
*/
|
984 |
+
.cf {
|
985 |
+
*zoom: 1;
|
986 |
+
}
|
987 |
+
#fs_connect {
|
988 |
+
margin: 60px auto !important;
|
989 |
+
}
|
990 |
+
#fs_connect .fs-visual .dashicons-wordpress {
|
991 |
+
height: 76px !important;
|
992 |
+
width: 76px !important;
|
993 |
+
}
|
994 |
+
#import-modal textarea,
|
995 |
+
#export-modal textarea {
|
996 |
+
height:200px;
|
997 |
+
}
|
998 |
+
.gallery-actions input[type=text] {
|
999 |
+
display: block;
|
1000 |
+
margin-bottom: 10px;
|
1001 |
+
width: 100%;
|
1002 |
+
padding: 6px;
|
1003 |
+
}
|
1004 |
+
.gallery-actions li .collapsible-header {
|
1005 |
+
font-weight: 600;
|
1006 |
+
color: #191e23;
|
1007 |
+
font-size: 13px;
|
1008 |
+
padding: 15px;
|
1009 |
+
line-height: 1;
|
1010 |
+
position: relative;
|
1011 |
+
}
|
1012 |
+
.components-panel__arrow {
|
1013 |
+
position: absolute;
|
1014 |
+
right: 10px;
|
1015 |
+
top: 50%;
|
1016 |
+
transform: translateY(-50%);
|
1017 |
+
color: #191e23;
|
1018 |
+
fill: currentColor;
|
1019 |
+
transition: color .1s ease-in-out;
|
1020 |
+
}
|
1021 |
+
.collapsible-body {
|
1022 |
+
background: #fafafa;
|
1023 |
+
}
|
1024 |
+
.gallery-actions.collapsible li .collapsible-header i {
|
1025 |
+
line-height: 1;
|
1026 |
+
height: auto;
|
1027 |
+
font-size: 15px;
|
1028 |
+
width: auto;
|
1029 |
+
margin-right: 10px;
|
1030 |
+
}
|
1031 |
+
.components-button.is-primary {
|
1032 |
+
background: #0085ba;
|
1033 |
+
border-color: #006a95 #00648c #00648c;
|
1034 |
+
box-shadow: inset 0 -1px 0 #00648c;
|
1035 |
+
color: #fff;
|
1036 |
+
text-decoration: none;
|
1037 |
+
text-shadow: 0 -1px 1px #005d82, 1px 0 1px #005d82, 0 1px 1px #005d82, -1px 0 1px #005d82;
|
1038 |
+
}
|
1039 |
+
.components-button.is-primary:focus,
|
1040 |
+
.components-button.is-primary:active,
|
1041 |
+
.components-button.is-primary:hover {
|
1042 |
+
background: #007eb1;
|
1043 |
+
border-color: #00435d;
|
1044 |
+
color: #fff;
|
1045 |
+
}
|
1046 |
+
.ftg-upsell {
|
1047 |
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb900+1,f79621+100 */
|
1048 |
+
background: #fcb900; /* Old browsers */
|
1049 |
+
background: -moz-linear-gradient(-45deg, #fcb900 1%, #f79621 100%); /* FF3.6-15 */
|
1050 |
+
background: -webkit-linear-gradient(-45deg, #fcb900 1%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
|
1051 |
+
background: linear-gradient(135deg, #fcb900 1%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
1052 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb900', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
1053 |
+
padding: 10px;
|
1054 |
+
}
|
1055 |
+
.ftg-upsell a {
|
1056 |
+
color:#fff;
|
1057 |
+
font-weight: bold;
|
1058 |
+
text-transform: uppercase;
|
1059 |
+
font-size:16px;
|
1060 |
+
}
|
1061 |
+
#upgrade-cta {
|
1062 |
+
background: yellow;
|
1063 |
+
font-size: 18px;
|
1064 |
+
font-weight: bold;
|
1065 |
+
text-transform: uppercase;
|
1066 |
+
padding: 18px;
|
1067 |
+
}
|
1068 |
+
#upgrade-cta a {
|
1069 |
+
color: #000;
|
1070 |
+
}
|
1071 |
+
.modal h4 {
|
1072 |
+
font-size: 14px;
|
1073 |
+
}
|
1074 |
+
.browser-default[type="radio"]:not(:checked),
|
1075 |
+
.browser-default[type="radio"]:checked,
|
1076 |
+
.browser-default[type="checkbox"]:not(:checked),
|
1077 |
+
.browser-default[type="checkbox"]:checked {
|
1078 |
+
opacity: 1;
|
1079 |
+
position: static;
|
1080 |
+
pointer-events: all;
|
1081 |
+
}
|
1082 |
+
.field-help {
|
1083 |
+
width: 16px;
|
1084 |
+
height: 16px;
|
1085 |
+
background: #333;
|
1086 |
+
color: #ffff;
|
1087 |
+
border-radius: 20px;
|
1088 |
+
line-height: 17px;
|
1089 |
+
text-align: center;
|
1090 |
+
opacity: 0;
|
1091 |
+
display: inline-block;
|
1092 |
+
}
|
1093 |
+
.field-row:hover .field-help:active,
|
1094 |
+
.field-row:hover .field-help:focus,
|
1095 |
+
.field-row:hover .field-help:hover {
|
1096 |
+
color: #fff;
|
1097 |
+
opacity: 1;
|
1098 |
+
}
|
1099 |
+
.field-row:hover .field-help {
|
1100 |
+
opacity: .8;
|
1101 |
+
}
|
1102 |
+
.no-thank-you {
|
1103 |
+
float: right;
|
1104 |
+
margin-top: 7px;
|
1105 |
+
}
|
1106 |
+
|
1107 |
+
|
1108 |
+
/* Tabs tooltips */
|
1109 |
+
.ftg-tooltip {
|
1110 |
+
position: relative;
|
1111 |
+
display: inline-block;
|
1112 |
+
}
|
1113 |
+
.ftg-tooltip > span {
|
1114 |
+
cursor: pointer;
|
1115 |
+
color: #0073aa;
|
1116 |
+
text-decoration: underline;
|
1117 |
+
margin-left: 5px;
|
1118 |
+
}
|
1119 |
+
.ftg-tooltip .ftg-tooltip-content {
|
1120 |
+
display: none;
|
1121 |
+
position: absolute;
|
1122 |
+
top: 50%;
|
1123 |
+
right: -10px;
|
1124 |
+
transform: translate( 100% ,-50% );
|
1125 |
+
width: 300px;
|
1126 |
+
background: #000;
|
1127 |
+
color: #fff;
|
1128 |
+
padding: 10px;
|
1129 |
+
box-sizing: border-box;
|
1130 |
+
z-index: 99;
|
1131 |
+
}
|
1132 |
+
.ftg-tooltip .ftg-tooltip-content:before {
|
1133 |
+
content: '';
|
1134 |
+
width: 0px;
|
1135 |
+
height: 0px;
|
1136 |
+
border-style: solid;
|
1137 |
+
border-width: 8px 8px 8px 0;
|
1138 |
+
border-color: transparent #000 transparent transparent;
|
1139 |
+
display: block;
|
1140 |
+
position: absolute;
|
1141 |
+
top: 50%;
|
1142 |
+
left: -8px;
|
1143 |
+
transform: translateY( -50% );
|
1144 |
+
}
|
1145 |
+
.ftg-tooltip:hover .ftg-tooltip-content {
|
1146 |
+
display: block;
|
1147 |
+
}
|
1148 |
+
|
1149 |
+
/* Copy shortcode design */
|
1150 |
+
.gallery-actions .copy-ftg-shortcode {
|
1151 |
+
height: 40px;
|
1152 |
+
line-height: 40px !important;
|
1153 |
+
}
|
1154 |
+
|
1155 |
+
.copy-ftg-shortcode {
|
1156 |
+
height:max-content;
|
1157 |
+
}
|
1158 |
+
|
1159 |
+
/* Color picker fix */
|
1160 |
+
.field.js-update-shortcode .iris-border .iris-picker-inner {
|
1161 |
+
min-width:250px;
|
1162 |
+
min-height:250px;
|
1163 |
+
}
|
1164 |
+
.media-router button.media-menu-item {
|
1165 |
+
height: fit-content;
|
1166 |
}
|
admin/facebook.php
CHANGED
@@ -1,12 +1,12 @@
|
|
1 |
-
<p>Support Final Tiles Grid Gallery, share on Facebook</p>
|
2 |
-
<div class="fb-like" data-href="https://www.facebook.com/machothemes" data-layout="standard" data-action="recommend" data-show-faces="false" data-share="true"></div>
|
3 |
-
|
4 |
-
|
5 |
-
<div id="fb-root"></div>
|
6 |
-
<script>(function(d, s, id) {
|
7 |
-
var js, fjs = d.getElementsByTagName(s)[0];
|
8 |
-
if (d.getElementById(id)) return;
|
9 |
-
js = d.createElement(s); js.id = id;
|
10 |
-
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=369027749840700&version=v2.0";
|
11 |
-
fjs.parentNode.insertBefore(js, fjs);
|
12 |
}(document, 'script', 'facebook-jssdk'));</script>
|
1 |
+
<p>Support Final Tiles Grid Gallery, share on Facebook</p>
|
2 |
+
<div class="fb-like" data-href="https://www.facebook.com/machothemes" data-layout="standard" data-action="recommend" data-show-faces="false" data-share="true"></div>
|
3 |
+
|
4 |
+
|
5 |
+
<div id="fb-root"></div>
|
6 |
+
<script>(function(d, s, id) {
|
7 |
+
var js, fjs = d.getElementsByTagName(s)[0];
|
8 |
+
if (d.getElementById(id)) return;
|
9 |
+
js = d.createElement(s); js.id = id;
|
10 |
+
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=369027749840700&version=v2.0";
|
11 |
+
fjs.parentNode.insertBefore(js, fjs);
|
12 |
}(document, 'script', 'facebook-jssdk'));</script>
|
admin/header.php
CHANGED
@@ -1,9 +1,9 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
$colors = array('indigo', 'blue', 'cyan', 'teal' ,'green', 'lime', 'amber', 'deep-orange');
|
4 |
-
|
5 |
-
?>
|
6 |
-
<header id="top">
|
7 |
-
<h1 class="hidden header center-on-small-only">Final Tiles Grid Gallery <small><?php echo esc_html(FTGVERSION); ?> <?php echo esc_html(FTG_PLAN); ?></small></h1>
|
8 |
-
<h4 class="center-on-small-only"><?php echo esc_html($ftg_subtitle); ?></h4>
|
9 |
-
</header>
|
1 |
+
<?php
|
2 |
+
|
3 |
+
$colors = array('indigo', 'blue', 'cyan', 'teal' ,'green', 'lime', 'amber', 'deep-orange');
|
4 |
+
|
5 |
+
?>
|
6 |
+
<header id="top">
|
7 |
+
<h1 class="hidden header center-on-small-only">Final Tiles Grid Gallery <small><?php echo esc_html(FTGVERSION); ?> <?php echo esc_html(FTG_PLAN); ?></small></h1>
|
8 |
+
<h4 class="center-on-small-only"><?php echo esc_html($ftg_subtitle); ?></h4>
|
9 |
+
</header>
|
admin/images/everlightbox-reviews.png
DELETED
Binary file
|
admin/images/everlightbox.png
DELETED
Binary file
|
admin/images/photoblocks.png
CHANGED
File without changes
|
admin/include/fields.php
CHANGED
@@ -1,1118 +1,1110 @@
|
|
1 |
-
<?php
|
2 |
-
|
3 |
-
$this->fields = array(
|
4 |
-
"General" => array(
|
5 |
-
"icon" => "fa fa-cog",
|
6 |
-
"fields" => array(),
|
7 |
-
),
|
8 |
-
"Links & Lightbox" => array(
|
9 |
-
"icon" => "fa fa-link",
|
10 |
-
"fields" => array(),
|
11 |
-
),
|
12 |
-
"Captions" => array(
|
13 |
-
"icon" => "fa fa-font",
|
14 |
-
"fields" => array(),
|
15 |
-
),
|
16 |
-
"Hover effects" => array(
|
17 |
-
"icon" => "fa fa-diamond",
|
18 |
-
"idx" => 3,
|
19 |
-
"presets" => array(
|
20 |
-
"Slow zoom in" => array(
|
21 |
-
"hoverDuration" => 60000,
|
22 |
-
"hoverZoom" => 400,
|
23 |
-
"hoverRotation" => 0,
|
24 |
-
),
|
25 |
-
"Zoom in" => array(
|
26 |
-
"hoverDuration" => 250,
|
27 |
-
"hoverZoom" => 200,
|
28 |
-
"hoverRotation" => 0,
|
29 |
-
),
|
30 |
-
"Swirl in" => array(
|
31 |
-
"hoverZoom" => 200,
|
32 |
-
"hoverRotation" => 20,
|
33 |
-
),
|
34 |
-
"Swirl in super" => array(
|
35 |
-
"hoverZoom" => 200,
|
36 |
-
"hoverRotation" => 360,
|
37 |
-
),
|
38 |
-
"Zoom out" => array(
|
39 |
-
"hoverZoom" => 50,
|
40 |
-
"hoverRotation" => 0,
|
41 |
-
),
|
42 |
-
"Swirl out" => array(
|
43 |
-
"hoverZoom" => 50,
|
44 |
-
"hoverRotation" => -20,
|
45 |
-
),
|
46 |
-
"Swirl out super" => array(
|
47 |
-
"hoverZoom" => 50,
|
48 |
-
"hoverRotation" => -360,
|
49 |
-
),
|
50 |
-
),
|
51 |
-
"fields" => array(),
|
52 |
-
),
|
53 |
-
"Image loaded effects" => array(
|
54 |
-
"icon" => "fa fa-star",
|
55 |
-
"idx" => 4,
|
56 |
-
"presets" => array(
|
57 |
-
"Wobble" => array(
|
58 |
-
"loadedDuration" => 600,
|
59 |
-
"loadedEasing" => "elastic-out",
|
60 |
-
"loadedScaleY" => 50,
|
61 |
-
"loadedScaleX" => 50,
|
62 |
-
"loadedRotateY" => 0,
|
63 |
-
"loadedRotateX" => 0,
|
64 |
-
"loadedVSlide" => 0,
|
65 |
-
"loadedHSlide" => 0,
|
66 |
-
),
|
67 |
-
"Windows" => array(
|
68 |
-
"loadedDuration" => 600,
|
69 |
-
"loadedEasing" => "elastic-out",
|
70 |
-
"loadedRotateY" => -120,
|
71 |
-
"loadedScaleY" => 100,
|
72 |
-
"loadedScaleX" => 100,
|
73 |
-
"loadedRotateX" => 0,
|
74 |
-
"loadedVSlide" => 0,
|
75 |
-
"loadedHSlide" => 0,
|
76 |
-
),
|
77 |
-
"Cards" => array(
|
78 |
-
"loadedDuration" => 600,
|
79 |
-
"loadedEasing" => "ease-in-out",
|
80 |
-
"loadedRotateX" => -120,
|
81 |
-
"loadedRotateY" => -120,
|
82 |
-
"loadedScaleY" => 100,
|
83 |
-
"loadedScaleX" => 0,
|
84 |
-
"loadedVSlide" => 0,
|
85 |
-
"loadedHSlide" => 0,
|
86 |
-
),
|
87 |
-
"Slide from bottom" => array(
|
88 |
-
"loadedDuration" => 250,
|
89 |
-
"loadedEasing" => "ease-out",
|
90 |
-
"loadedRotateX" => 0,
|
91 |
-
"loadedRotateY" => 0,
|
92 |
-
"loadedScaleY" => 100,
|
93 |
-
"loadedScaleX" => 100,
|
94 |
-
"loadedVSlide" => 100,
|
95 |
-
"loadedHSlide" => 0,
|
96 |
-
),
|
97 |
-
"Slide from left" => array(
|
98 |
-
"loadedDuration" => 250,
|
99 |
-
"loadedEasing" => "ease-out",
|
100 |
-
"loadedRotateX" => 0,
|
101 |
-
"loadedRotateY" => 0,
|
102 |
-
"loadedScaleY" => 100,
|
103 |
-
"loadedScaleX" => 100,
|
104 |
-
"loadedVSlide" => 0,
|
105 |
-
"loadedHSlide" => -100,
|
106 |
-
),
|
107 |
-
"Elastic skew" => array(
|
108 |
-
"loadedDuration" => 800,
|
109 |
-
"loadedEasing" => "elastic-out",
|
110 |
-
"loadedRotateX" => 0,
|
111 |
-
"loadedRotateY" => -180,
|
112 |
-
"loadedScaleY" => 200,
|
113 |
-
"loadedScaleX" => 100,
|
114 |
-
"loadedVSlide" => 300,
|
115 |
-
"loadedHSlide" => 0,
|
116 |
-
),
|
117 |
-
"Flying doors" => array(
|
118 |
-
"loadedDuration" => 800,
|
119 |
-
"loadedEasing" => "ease-out-back",
|
120 |
-
"loadedRotateX" => -180,
|
121 |
-
"loadedRotateY" => 0,
|
122 |
-
"loadedScaleY" => 100,
|
123 |
-
"loadedScaleX" => 300,
|
124 |
-
"loadedVSlide" => -500,
|
125 |
-
"loadedHSlide" => -800,
|
126 |
-
),
|
127 |
-
"Pop" => array(
|
128 |
-
"loadedDuration" => 300,
|
129 |
-
"loadedEasing" => "ease-in-out",
|
130 |
-
"loadedRotateX" => 0,
|
131 |
-
"loadedRotateY" => 0,
|
132 |
-
"loadedScaleY" => 1,
|
133 |
-
"loadedScaleX" => 1,
|
134 |
-
"loadedVSlide" => 0,
|
135 |
-
"loadedHSlide" => 0,
|
136 |
-
),
|
137 |
-
),
|
138 |
-
"fields" => array(),
|
139 |
-
),
|
140 |
-
"Style" => array(
|
141 |
-
"icon" => "fa fa-paint-brush",
|
142 |
-
"fields" => array(),
|
143 |
-
),
|
144 |
-
"Customizations" => array(
|
145 |
-
"icon" => "fa fa-puzzle-piece",
|
146 |
-
"fields" => array(),
|
147 |
-
),
|
148 |
-
"Advanced" => array(
|
149 |
-
"icon" => "fa fa-rocket",
|
150 |
-
"fields" => array(),
|
151 |
-
),
|
152 |
-
);
|
153 |
-
$this->addField( "Advanced", "loadMethod", array(
|
154 |
-
"name" => esc_html__( "Loading method", 'final-tiles-grid-gallery-lite' ),
|
155 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
156 |
-
"type" => "select",
|
157 |
-
"values" => array(
|
158 |
-
"Loading method" => array( "sequential|Sequential", "lazy|Lazy (load images on scroll)" ),
|
159 |
-
),
|
160 |
-
"description" => "",
|
161 |
-
"proCall" => false,
|
162 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
163 |
-
) );
|
164 |
-
$this->addField( "Advanced", "ajaxLoading", array(
|
165 |
-
"name" => esc_html__( "Asynchronous loading", 'final-tiles-grid-gallery-lite' ),
|
166 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
167 |
-
"type" => "select",
|
168 |
-
"values" => array(
|
169 |
-
"Loading method" => array( "F|Complete markup on page", "lazy|Enable ajax loading" ),
|
170 |
-
),
|
171 |
-
"description" => esc_html__( "Don't enable ajax loading if you need to index your images on search engines", "final-tiles-grid-gallery-lite" ),
|
172 |
-
"proCall" => false,
|
173 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
174 |
-
) );
|
175 |
-
$this->addField( "Advanced", "tilesPerPage", array(
|
176 |
-
"name" => esc_html__( "Number of images to load via ajax", 'final-tiles-grid-gallery-lite' ),
|
177 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
178 |
-
"type" => "number",
|
179 |
-
"proCall" => false,
|
180 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
181 |
-
) );
|
182 |
-
$this->addField( "General", "name", array(
|
183 |
-
"name" => esc_html__( "Name", 'final-tiles-grid-gallery-lite' ),
|
184 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
185 |
-
"type" => "text",
|
186 |
-
"description" => esc_html__( "Name of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
187 |
-
"proCall" => false,
|
188 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
189 |
-
) );
|
190 |
-
$this->addField( "General", "description", array(
|
191 |
-
"name" => esc_html__( "Description", 'final-tiles-grid-gallery-lite' ),
|
192 |
-
"hiddenFor" => array( "dashboard", "shortcode" ),
|
193 |
-
"type" => "text",
|
194 |
-
"description" => esc_html__( "Description of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
195 |
-
"proCall" => false,
|
196 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
197 |
-
) );
|
198 |
-
$this->addField( "General", "layout", array(
|
199 |
-
"name" => esc_html__( "Layout", 'final-tiles-grid-gallery-lite' ),
|
200 |
-
"type" => "select",
|
201 |
-
"description" => wp_kses( __( "<strong>Final Tiles</strong>: use images with different sizes<br><strong>Masonry</strong>: multi-column layout, use this one if you need images of the same size.", "final-tiles-grid-gallery-lite" ), array() ),
|
202 |
-
"values" => array(
|
203 |
-
"Layout" => array( "final|Final Tiles", "columns|Masonry" ),
|
204 |
-
),
|
205 |
-
"proCall" => false,
|
206 |
-
"excludeFrom" => array(),
|
207 |
-
) );
|
208 |
-
$this->addField( "General", "width", array(
|
209 |
-
"name" => esc_html__( "Width" ),
|
210 |
-
"type" => "text",
|
211 |
-
"description" => esc_html__( "Width of the gallery in pixels or percentage.", "final-tiles-grid-gallery-lite" ),
|
212 |
-
"proCall" => false,
|
213 |
-
"excludeFrom" => array(),
|
214 |
-
) );
|
215 |
-
$this->addField( "General", "margin", array(
|
216 |
-
"name" => esc_html__( "Margin", "final-tiles-grid-gallery-lite" ),
|
217 |
-
"type" => "number",
|
218 |
-
"description" => esc_html__( "Margin between images", "final-tiles-grid-gallery-lite" ),
|
219 |
-
"mu" => "px",
|
220 |
-
"min" => 0,
|
221 |
-
"max" => 50,
|
222 |
-
"proCall" => false,
|
223 |
-
"excludeFrom" => array(),
|
224 |
-
) );
|
225 |
-
$this->addField( "General", "columns", array(
|
226 |
-
"name" => esc_html__( "Number of columns", "final-tiles-grid-gallery-lite" ),
|
227 |
-
"type" => "number",
|
228 |
-
"description" => "",
|
229 |
-
"mu" => "",
|
230 |
-
"min" => 1,
|
231 |
-
"max" => 50,
|
232 |
-
"proCall" => false,
|
233 |
-
"excludeFrom" => array(),
|
234 |
-
) );
|
235 |
-
$this->addField( "General", "imagesOrder", array(
|
236 |
-
"name" => esc_html__( "Images order", "final-tiles-grid-gallery-lite" ),
|
237 |
-
"type" => "select",
|
238 |
-
"description" => esc_html__( "Choose the order of the images", "final-tiles-grid-gallery-lite" ),
|
239 |
-
"default" => "",
|
240 |
-
"values" => array(
|
241 |
-
"Images order" => array( "user|User", "reverse|Reverse", "random|Random" ),
|
242 |
-
),
|
243 |
-
"proCall" => false,
|
244 |
-
"excludeFrom" => array(),
|
245 |
-
) );
|
246 |
-
$this->addField( "General", "filter", array(
|
247 |
-
"name" => esc_html__( "Filters" ),
|
248 |
-
"type" => FinalTiles_Gallery::getFieldType( "filter" ),
|
249 |
-
"description" => esc_html__( "Manage here all the filters of this gallery", "final-tiles-grid-gallery-lite" ),
|
250 |
-
"proCall" => true,
|
251 |
-
"excludeFrom" => array( "dashboard", "shortcode" ),
|
252 |
-
) );
|
253 |
-
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
254 |
-
$this->addField( "General", "filterClick", array(
|
255 |
-
"name" => esc_html__( "Reload Page on filter click", "final-tiles-grid-gallery-lite" ),
|
256 |
-
"type" => "toggle",
|
257 |
-
"description" => esc_html__( "Turn this feature ON if you want to use filters with most lightboxes", "final-tiles-grid-gallery-lite" ),
|
258 |
-
"proCall" => false,
|
259 |
-
"excludeFrom" => array(),
|
260 |
-
) );
|
261 |
-
}
|
262 |
-
$this->addField( "General", "gridCellSize", array(
|
263 |
-
"name" => esc_html__( "Size of the grid", "final-tiles-grid-gallery-lite" ),
|
264 |
-
"type" => "number",
|
265 |
-
"default" => 25,
|
266 |
-
"min" => 1,
|
267 |
-
"max" => 100,
|
268 |
-
"mu" => "px",
|
269 |
-
"description" => wp_kses( __( "Tiles are snapped to a virtual grid, <strong>the higher this value the higher the chance to get bottom aligned tiles</strong> (but it needs to crop vertically).", "final-tiles-grid-gallery-lite" ), array() ),
|
270 |
-
"proCall" => false,
|
271 |
-
"excludeFrom" => array(),
|
272 |
-
) );
|
273 |
-
$this->addField( "General", "gridCellSizeDisabledBelow", array(
|
274 |
-
"name" => esc_html__( "Disable grid size below resolution", "final-tiles-grid-gallery-lite" ),
|
275 |
-
"type" => "number",
|
276 |
-
"default" => 800,
|
277 |
-
"min" => 0,
|
278 |
-
"max" => 4000,
|
279 |
-
"mu" => "px",
|
280 |
-
"description" => esc_html__( "If you have small tiny images under certain resolutions then you can switch off grid size (image cropping) when the screen resolution is below this value.", "final-tiles-grid-gallery-lite" ),
|
281 |
-
"proCall" => false,
|
282 |
-
"excludeFrom" => array(),
|
283 |
-
) );
|
284 |
-
/*"scrollEffect" , array(
|
285 |
-
"name" => __("Scroll effect"),
|
286 |
-
"type" => "select",
|
287 |
-
"description" => __("Effect on tiles when scrolling the page", "final-tiles-grid-gallery-lite"),
|
288 |
-
"values" => array(
|
289 |
-
"Scroll effect" => array(
|
290 |
-
"none|None", "slide|Sliding tiles", "zoom|Zoom", "rotate-left|Left rotation", "rotate-right|Right rotation"
|
291 |
-
)
|
292 |
-
),
|
293 |
-
"proCall" => false,
|
294 |
-
"excludeFrom" => array()
|
295 |
-
));*/
|
296 |
-
$this->addField( "Links & Lightbox", "lightbox", array(
|
297 |
-
"name" => "Links & Lightbox",
|
298 |
-
"type" => "select",
|
299 |
-
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
300 |
-
"values" => array(
|
301 |
-
"Link" => array( "
|
302 |
-
"Lightboxes" => array(
|
303 |
-
"lightbox2|Lightbox",
|
304 |
-
"everlightbox|EverlightBox + social sharing and comments",
|
305 |
-
"lightgallery|LightGallery|disabled",
|
306 |
-
"magnific|Magnific popup|disabled",
|
307 |
-
"colorbox|ColorBox|disabled",
|
308 |
-
"prettyphoto|PrettyPhoto|disabled",
|
309 |
-
"fancybox|FancyBox|disabled",
|
310 |
-
"swipebox|SwipeBox|disabled"
|
311 |
-
),
|
312 |
-
),
|
313 |
-
"proCall" => true,
|
314 |
-
"excludeFrom" => array(),
|
315 |
-
) );
|
316 |
-
$this->addField( "Links & Lightbox", "mobileLightbox", array(
|
317 |
-
"name" => "Links & Lightbox (mobile)",
|
318 |
-
"type" => "select",
|
319 |
-
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
320 |
-
"values" => array(
|
321 |
-
"Link" => array( "
|
322 |
-
"Lightboxes" => array(
|
323 |
-
"lightbox2|Lightbox",
|
324 |
-
"everlightbox|EverlightBox + social sharing and comments",
|
325 |
-
"lightgallery|LightGallery|disabled",
|
326 |
-
"magnific|Magnific popup|disabled",
|
327 |
-
"colorbox|ColorBox|disabled",
|
328 |
-
"prettyphoto|PrettyPhoto|disabled",
|
329 |
-
"fancybox|FancyBox|disabled",
|
330 |
-
"swipebox|SwipeBox|disabled"
|
331 |
-
),
|
332 |
-
),
|
333 |
-
"proCall" => true,
|
334 |
-
"excludeFrom" => array(),
|
335 |
-
) );
|
336 |
-
$this->addField( "Links & Lightbox", "lightboxImageSize", array(
|
337 |
-
"name" => esc_html__( "Image size for the lightbox", "final-tiles-grid-gallery-lite" ),
|
338 |
-
"type" => "select",
|
339 |
-
"description" => "",
|
340 |
-
"values" => array(
|
341 |
-
"Size" => array(),
|
342 |
-
),
|
343 |
-
"proCall" => false,
|
344 |
-
"excludeFrom" => array(),
|
345 |
-
) );
|
346 |
-
$this->addField( "Links & Lightbox", "disableLightboxGroups", array(
|
347 |
-
"name" => esc_html__( "Disable lightbox grouping", "final-tiles-grid-gallery-lite" ),
|
348 |
-
"type" => "toggle",
|
349 |
-
"description" => esc_html__( "Flag this option if you don't want to group images when opened in a lightbox.", "final-tiles-grid-gallery-lite" ),
|
350 |
-
"default" => "F",
|
351 |
-
"proCall" => false,
|
352 |
-
"excludeFrom" => array(),
|
353 |
-
) );
|
354 |
-
$this->addField( "Links & Lightbox", "blank", array(
|
355 |
-
"name" => esc_html__( "Links target", "final-tiles-grid-gallery-lite" ),
|
356 |
-
"type" => "toggle",
|
357 |
-
"description" => esc_html__( "Open links in a blank page.", "final-tiles-grid-gallery-lite" ),
|
358 |
-
"proCall" => false,
|
359 |
-
"excludeFrom" => array(),
|
360 |
-
) );
|
361 |
-
$this->addField( "Links & Lightbox", "enableTwitter", array(
|
362 |
-
"name" => esc_html__( "Enable Twitter icon", "final-tiles-grid-gallery-lite" ),
|
363 |
-
"type" => "toggle",
|
364 |
-
"description" => esc_html__( "Enable Twitter sharing.", "final-tiles-grid-gallery-lite" ),
|
365 |
-
"default" => "F",
|
366 |
-
"proCall" => false,
|
367 |
-
"excludeFrom" => array(),
|
368 |
-
) );
|
369 |
-
$this->addField( "Links & Lightbox", "enableFacebook", array(
|
370 |
-
"name" => esc_html__( "Enable Facebook icon", "final-tiles-grid-gallery-lite" ),
|
371 |
-
"type" => "toggle",
|
372 |
-
"description" => esc_html__( "Enable Facebook sharing. Note: after the last version of OpenGraph API it's not possible to share a specific image anymore.", "final-tiles-grid-gallery-lite" ),
|
373 |
-
"default" => "F",
|
374 |
-
"proCall" => false,
|
375 |
-
"excludeFrom" => array(),
|
376 |
-
) );
|
377 |
-
$this->addField( "Links & Lightbox", "
|
378 |
-
"name" => esc_html__( "Enable
|
379 |
-
"type" => "toggle",
|
380 |
-
"description" => esc_html__( "Enable
|
381 |
-
"default" => "F",
|
382 |
-
"proCall" => false,
|
383 |
-
"excludeFrom" => array(),
|
384 |
-
) );
|
385 |
-
$this->addField( "Links & Lightbox", "
|
386 |
-
"name" => esc_html__( "
|
387 |
-
"type" => "
|
388 |
-
"description" => esc_html__( "
|
389 |
-
"default" => "
|
390 |
-
"proCall" => false,
|
391 |
-
"excludeFrom" => array(),
|
392 |
-
) );
|
393 |
-
$this->addField( "Links & Lightbox", "
|
394 |
-
"name" => esc_html__( "
|
395 |
-
"type" => "
|
396 |
-
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
397 |
-
"default" => "
|
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 |
-
"excludeFrom" => array()
|
467 |
-
)
|
468 |
-
|
469 |
-
"name"
|
470 |
-
"type"
|
471 |
-
"description" =>
|
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 |
-
"proCall" => false,
|
516 |
-
"excludeFrom" => array(),
|
517 |
-
) );
|
518 |
-
$this->addField( "Captions", "
|
519 |
-
"name" => esc_html__( "Caption icon
|
520 |
-
"type" => "
|
521 |
-
"description" => esc_html__( "
|
522 |
-
"default" =>
|
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 |
-
"proCall" => false,
|
562 |
-
"excludeFrom" => array(),
|
563 |
-
) );
|
564 |
-
$this->addField( "Captions", "
|
565 |
-
"name" => esc_html__( "Caption frame", "final-tiles-grid-gallery-lite" ),
|
566 |
-
"type" => "
|
567 |
-
"description" => esc_html__( "
|
568 |
-
"default" => "
|
569 |
-
"proCall" => false,
|
570 |
-
"excludeFrom" => array(),
|
571 |
-
) );
|
572 |
-
$this->addField( "Captions", "
|
573 |
-
"name" => esc_html__( "Caption
|
574 |
-
"type" => "color",
|
575 |
-
"description" => esc_html__( "
|
576 |
-
"default" => "#ffffff",
|
577 |
-
"proCall" => false,
|
578 |
-
"excludeFrom" => array(),
|
579 |
-
) );
|
580 |
-
$this->addField( "Captions", "
|
581 |
-
"name" => esc_html__( "Caption
|
582 |
-
"type" => "
|
583 |
-
"description" => esc_html__( "
|
584 |
-
"default" =>
|
585 |
-
"
|
586 |
-
"
|
587 |
-
|
588 |
-
|
589 |
-
"
|
590 |
-
|
591 |
-
|
592 |
-
"
|
593 |
-
"
|
594 |
-
"
|
595 |
-
"
|
596 |
-
"proCall" => false,
|
597 |
-
"excludeFrom" => array(),
|
598 |
-
) );
|
599 |
-
$this->addField( "Captions", "
|
600 |
-
"name" => esc_html__( "Caption
|
601 |
-
"type" => "
|
602 |
-
"description" => esc_html__( "
|
603 |
-
"default" =>
|
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 |
-
"excerpt
|
653 |
-
"
|
654 |
-
),
|
655 |
-
|
656 |
-
"proCall" => false,
|
657 |
-
"excludeFrom" => array(
|
658 |
-
) );
|
659 |
-
$this->addField( "Captions", "
|
660 |
-
"name" => esc_html__( "
|
661 |
-
"type" => "
|
662 |
-
"description" =>
|
663 |
-
"
|
664 |
-
"
|
665 |
-
|
666 |
-
|
667 |
-
|
668 |
-
|
669 |
-
|
670 |
-
"
|
671 |
-
"
|
672 |
-
"
|
673 |
-
|
674 |
-
"
|
675 |
-
|
676 |
-
|
677 |
-
|
678 |
-
|
679 |
-
|
680 |
-
"
|
681 |
-
"
|
682 |
-
"
|
683 |
-
|
684 |
-
"
|
685 |
-
"
|
686 |
-
|
687 |
-
|
688 |
-
|
689 |
-
|
690 |
-
"
|
691 |
-
"
|
692 |
-
"
|
693 |
-
"
|
694 |
-
"
|
695 |
-
"
|
696 |
-
|
697 |
-
|
698 |
-
"
|
699 |
-
|
700 |
-
|
701 |
-
"
|
702 |
-
"
|
703 |
-
"
|
704 |
-
"
|
705 |
-
"
|
706 |
-
"
|
707 |
-
|
708 |
-
|
709 |
-
"
|
710 |
-
|
711 |
-
|
712 |
-
"
|
713 |
-
"
|
714 |
-
"
|
715 |
-
"
|
716 |
-
"
|
717 |
-
"
|
718 |
-
|
719 |
-
|
720 |
-
"
|
721 |
-
|
722 |
-
|
723 |
-
"
|
724 |
-
"
|
725 |
-
"
|
726 |
-
"
|
727 |
-
"proCall" => false,
|
728 |
-
"excludeFrom" => array(),
|
729 |
-
) );
|
730 |
-
$this->addField( "
|
731 |
-
"name" => esc_html__( "
|
732 |
-
"
|
733 |
-
"
|
734 |
-
"
|
735 |
-
"
|
736 |
-
"
|
737 |
-
|
738 |
-
|
739 |
-
"
|
740 |
-
|
741 |
-
|
742 |
-
"
|
743 |
-
"
|
744 |
-
"
|
745 |
-
"
|
746 |
-
"
|
747 |
-
"
|
748 |
-
|
749 |
-
|
750 |
-
"
|
751 |
-
"
|
752 |
-
"
|
753 |
-
"
|
754 |
-
"
|
755 |
-
|
756 |
-
|
757 |
-
"
|
758 |
-
"
|
759 |
-
|
760 |
-
|
761 |
-
"
|
762 |
-
"
|
763 |
-
|
764 |
-
|
765 |
-
"
|
766 |
-
"
|
767 |
-
|
768 |
-
|
769 |
-
"
|
770 |
-
|
771 |
-
|
772 |
-
"
|
773 |
-
"
|
774 |
-
"
|
775 |
-
"
|
776 |
-
"
|
777 |
-
"
|
778 |
-
|
779 |
-
|
780 |
-
"
|
781 |
-
|
782 |
-
|
783 |
-
"
|
784 |
-
"
|
785 |
-
"
|
786 |
-
"
|
787 |
-
"
|
788 |
-
"
|
789 |
-
|
790 |
-
|
791 |
-
"
|
792 |
-
|
793 |
-
|
794 |
-
"
|
795 |
-
"
|
796 |
-
"
|
797 |
-
"
|
798 |
-
"
|
799 |
-
"
|
800 |
-
|
801 |
-
|
802 |
-
"
|
803 |
-
|
804 |
-
|
805 |
-
"
|
806 |
-
"
|
807 |
-
"
|
808 |
-
"
|
809 |
-
"
|
810 |
-
"
|
811 |
-
|
812 |
-
|
813 |
-
"
|
814 |
-
|
815 |
-
|
816 |
-
"
|
817 |
-
"
|
818 |
-
"
|
819 |
-
"
|
820 |
-
"
|
821 |
-
"
|
822 |
-
|
823 |
-
|
824 |
-
"
|
825 |
-
|
826 |
-
|
827 |
-
"
|
828 |
-
"
|
829 |
-
"
|
830 |
-
"default" => 0,
|
831 |
-
"
|
832 |
-
"
|
833 |
-
|
834 |
-
|
835 |
-
"
|
836 |
-
|
837 |
-
|
838 |
-
"
|
839 |
-
"
|
840 |
-
"
|
841 |
-
"
|
842 |
-
"
|
843 |
-
"
|
844 |
-
|
845 |
-
|
846 |
-
"
|
847 |
-
|
848 |
-
|
849 |
-
"
|
850 |
-
"
|
851 |
-
"
|
852 |
-
"
|
853 |
-
"proCall" => false,
|
854 |
-
"excludeFrom" => array(),
|
855 |
-
) );
|
856 |
-
$this->addField( "Style", "
|
857 |
-
"name" => esc_html__( "
|
858 |
-
"type" => "color",
|
859 |
-
"description" => esc_html__( "Color of the
|
860 |
-
"default" => "#000000",
|
861 |
-
"proCall" => false,
|
862 |
-
"excludeFrom" => array(),
|
863 |
-
) );
|
864 |
-
$this->addField( "Style", "
|
865 |
-
"name" => esc_html__( "Loading Bar color", "final-tiles-grid-gallery-lite" ),
|
866 |
-
"type" => "color",
|
867 |
-
"description" => esc_html__( "
|
868 |
-
"default" => "#
|
869 |
-
"proCall" => false,
|
870 |
-
"excludeFrom" => array(),
|
871 |
-
) );
|
872 |
-
$this->addField( "Style", "
|
873 |
-
"name" => esc_html__( "
|
874 |
-
"type" => "
|
875 |
-
"description" => esc_html__( "
|
876 |
-
"default" =>
|
877 |
-
"
|
878 |
-
"
|
879 |
-
|
880 |
-
|
881 |
-
"
|
882 |
-
|
883 |
-
|
884 |
-
"
|
885 |
-
"
|
886 |
-
"
|
887 |
-
"
|
888 |
-
"proCall" => false,
|
889 |
-
"excludeFrom" => array(),
|
890 |
-
) );
|
891 |
-
$this->addField( "Style", "
|
892 |
-
"name" => esc_html__( "
|
893 |
-
"type" => "color",
|
894 |
-
"description" => esc_html__( "
|
895 |
-
"default" => "#
|
896 |
-
"proCall" => false,
|
897 |
-
"excludeFrom" => array(),
|
898 |
-
) );
|
899 |
-
$this->addField( "
|
900 |
-
"name" => esc_html__( "
|
901 |
-
"type" => "
|
902 |
-
"description" => esc_html__( "
|
903 |
-
"default" => "
|
904 |
-
"proCall" => false,
|
905 |
-
"excludeFrom" => array(),
|
906 |
-
) );
|
907 |
-
$this->addField( "Customizations", "
|
908 |
-
"name" => esc_html__( "
|
909 |
-
"type" => "text",
|
910 |
-
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
911 |
-
"default" => "",
|
912 |
-
"proCall" => false,
|
913 |
-
"excludeFrom" => array(),
|
914 |
-
) );
|
915 |
-
$this->addField( "Customizations", "
|
916 |
-
"name" => esc_html__( "
|
917 |
-
"type" => "
|
918 |
-
"description" => esc_html__( "Use this field
|
919 |
-
"
|
920 |
-
"
|
921 |
-
|
922 |
-
|
923 |
-
|
924 |
-
"
|
925 |
-
"
|
926 |
-
"
|
927 |
-
"
|
928 |
-
|
929 |
-
|
930 |
-
|
931 |
-
"
|
932 |
-
"
|
933 |
-
"
|
934 |
-
"
|
935 |
-
|
936 |
-
|
937 |
-
|
938 |
-
"
|
939 |
-
"
|
940 |
-
"
|
941 |
-
"
|
942 |
-
|
943 |
-
|
944 |
-
|
945 |
-
"
|
946 |
-
"
|
947 |
-
"
|
948 |
-
"
|
949 |
-
"
|
950 |
-
|
951 |
-
|
952 |
-
"
|
953 |
-
|
954 |
-
|
955 |
-
"
|
956 |
-
"
|
957 |
-
"
|
958 |
-
"default" =>
|
959 |
-
"proCall" => false,
|
960 |
-
"excludeFrom" => array(),
|
961 |
-
|
962 |
-
|
963 |
-
|
964 |
-
|
965 |
-
"
|
966 |
-
"
|
967 |
-
"
|
968 |
-
"
|
969 |
-
"proCall" => false,
|
970 |
-
"excludeFrom" => array(),
|
971 |
-
) );
|
972 |
-
$this->addField( "
|
973 |
-
"name" => esc_html__( "
|
974 |
-
"type" => "
|
975 |
-
"description" =>
|
976 |
-
"
|
977 |
-
"
|
978 |
-
"
|
979 |
-
|
980 |
-
|
981 |
-
|
982 |
-
|
983 |
-
"
|
984 |
-
"
|
985 |
-
"
|
986 |
-
"
|
987 |
-
"
|
988 |
-
"
|
989 |
-
|
990 |
-
|
991 |
-
|
992 |
-
|
993 |
-
"
|
994 |
-
"
|
995 |
-
"
|
996 |
-
"
|
997 |
-
"
|
998 |
-
"
|
999 |
-
|
1000 |
-
|
1001 |
-
|
1002 |
-
|
1003 |
-
"
|
1004 |
-
"
|
1005 |
-
"
|
1006 |
-
"
|
1007 |
-
"
|
1008 |
-
"
|
1009 |
-
|
1010 |
-
|
1011 |
-
|
1012 |
-
|
1013 |
-
"
|
1014 |
-
"
|
1015 |
-
"
|
1016 |
-
"
|
1017 |
-
"
|
1018 |
-
"
|
1019 |
-
|
1020 |
-
|
1021 |
-
"
|
1022 |
-
|
1023 |
-
|
1024 |
-
"
|
1025 |
-
"
|
1026 |
-
"
|
1027 |
-
"
|
1028 |
-
"
|
1029 |
-
"
|
1030 |
-
|
1031 |
-
|
1032 |
-
"
|
1033 |
-
|
1034 |
-
|
1035 |
-
"
|
1036 |
-
"
|
1037 |
-
"
|
1038 |
-
"
|
1039 |
-
"
|
1040 |
-
"
|
1041 |
-
|
1042 |
-
|
1043 |
-
"
|
1044 |
-
|
1045 |
-
|
1046 |
-
"
|
1047 |
-
"
|
1048 |
-
"
|
1049 |
-
"
|
1050 |
-
"
|
1051 |
-
"
|
1052 |
-
|
1053 |
-
|
1054 |
-
"
|
1055 |
-
|
1056 |
-
|
1057 |
-
"
|
1058 |
-
"
|
1059 |
-
"
|
1060 |
-
"
|
1061 |
-
"
|
1062 |
-
"
|
1063 |
-
|
1064 |
-
|
1065 |
-
"
|
1066 |
-
|
1067 |
-
|
1068 |
-
"
|
1069 |
-
"
|
1070 |
-
"
|
1071 |
-
"
|
1072 |
-
"proCall" =>
|
1073 |
-
"excludeFrom" => array(),
|
1074 |
-
) );
|
1075 |
-
$this->addField( "Advanced", "
|
1076 |
-
"name" => esc_html__( "
|
1077 |
-
"
|
1078 |
-
"
|
1079 |
-
"
|
1080 |
-
"proCall" =>
|
1081 |
-
"excludeFrom" => array(
|
1082 |
-
) );
|
1083 |
-
$this->addField( "Advanced", "
|
1084 |
-
"name" => esc_html__( "
|
1085 |
-
"type" => "
|
1086 |
-
"description" =>
|
1087 |
-
"
|
1088 |
-
"
|
1089 |
-
"
|
1090 |
-
|
1091 |
-
|
1092 |
-
"
|
1093 |
-
|
1094 |
-
|
1095 |
-
"
|
1096 |
-
"
|
1097 |
-
"
|
1098 |
-
"default" =>
|
1099 |
-
"proCall" => false,
|
1100 |
-
"excludeFrom" => array(),
|
1101 |
-
) );
|
1102 |
-
|
1103 |
-
|
1104 |
-
|
1105 |
-
|
1106 |
-
|
1107 |
-
|
1108 |
-
|
1109 |
-
) );
|
1110 |
-
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
1111 |
-
$this->addField( "Advanced", "allFilterLabel", array(
|
1112 |
-
"name" => esc_html__( "Text for 'All' filter", "final-tiles-grid-gallery-lite" ),
|
1113 |
-
"type" => "text",
|
1114 |
-
"description" => esc_html__( "Write here the label for the 'All' filter", "final-tiles-grid-gallery-lite" ),
|
1115 |
-
"proCall" => false,
|
1116 |
-
"excludeFrom" => array(),
|
1117 |
-
) );
|
1118 |
}
|
1 |
+
<?php
|
2 |
+
|
3 |
+
$this->fields = array(
|
4 |
+
"General" => array(
|
5 |
+
"icon" => "fa fa-cog",
|
6 |
+
"fields" => array(),
|
7 |
+
),
|
8 |
+
"Links & Lightbox" => array(
|
9 |
+
"icon" => "fa fa-link",
|
10 |
+
"fields" => array(),
|
11 |
+
),
|
12 |
+
"Captions" => array(
|
13 |
+
"icon" => "fa fa-font",
|
14 |
+
"fields" => array(),
|
15 |
+
),
|
16 |
+
"Hover effects" => array(
|
17 |
+
"icon" => "fa fa-diamond",
|
18 |
+
"idx" => 3,
|
19 |
+
"presets" => array(
|
20 |
+
"Slow zoom in" => array(
|
21 |
+
"hoverDuration" => 60000,
|
22 |
+
"hoverZoom" => 400,
|
23 |
+
"hoverRotation" => 0,
|
24 |
+
),
|
25 |
+
"Zoom in" => array(
|
26 |
+
"hoverDuration" => 250,
|
27 |
+
"hoverZoom" => 200,
|
28 |
+
"hoverRotation" => 0,
|
29 |
+
),
|
30 |
+
"Swirl in" => array(
|
31 |
+
"hoverZoom" => 200,
|
32 |
+
"hoverRotation" => 20,
|
33 |
+
),
|
34 |
+
"Swirl in super" => array(
|
35 |
+
"hoverZoom" => 200,
|
36 |
+
"hoverRotation" => 360,
|
37 |
+
),
|
38 |
+
"Zoom out" => array(
|
39 |
+
"hoverZoom" => 50,
|
40 |
+
"hoverRotation" => 0,
|
41 |
+
),
|
42 |
+
"Swirl out" => array(
|
43 |
+
"hoverZoom" => 50,
|
44 |
+
"hoverRotation" => -20,
|
45 |
+
),
|
46 |
+
"Swirl out super" => array(
|
47 |
+
"hoverZoom" => 50,
|
48 |
+
"hoverRotation" => -360,
|
49 |
+
),
|
50 |
+
),
|
51 |
+
"fields" => array(),
|
52 |
+
),
|
53 |
+
"Image loaded effects" => array(
|
54 |
+
"icon" => "fa fa-star",
|
55 |
+
"idx" => 4,
|
56 |
+
"presets" => array(
|
57 |
+
"Wobble" => array(
|
58 |
+
"loadedDuration" => 600,
|
59 |
+
"loadedEasing" => "elastic-out",
|
60 |
+
"loadedScaleY" => 50,
|
61 |
+
"loadedScaleX" => 50,
|
62 |
+
"loadedRotateY" => 0,
|
63 |
+
"loadedRotateX" => 0,
|
64 |
+
"loadedVSlide" => 0,
|
65 |
+
"loadedHSlide" => 0,
|
66 |
+
),
|
67 |
+
"Windows" => array(
|
68 |
+
"loadedDuration" => 600,
|
69 |
+
"loadedEasing" => "elastic-out",
|
70 |
+
"loadedRotateY" => -120,
|
71 |
+
"loadedScaleY" => 100,
|
72 |
+
"loadedScaleX" => 100,
|
73 |
+
"loadedRotateX" => 0,
|
74 |
+
"loadedVSlide" => 0,
|
75 |
+
"loadedHSlide" => 0,
|
76 |
+
),
|
77 |
+
"Cards" => array(
|
78 |
+
"loadedDuration" => 600,
|
79 |
+
"loadedEasing" => "ease-in-out",
|
80 |
+
"loadedRotateX" => -120,
|
81 |
+
"loadedRotateY" => -120,
|
82 |
+
"loadedScaleY" => 100,
|
83 |
+
"loadedScaleX" => 0,
|
84 |
+
"loadedVSlide" => 0,
|
85 |
+
"loadedHSlide" => 0,
|
86 |
+
),
|
87 |
+
"Slide from bottom" => array(
|
88 |
+
"loadedDuration" => 250,
|
89 |
+
"loadedEasing" => "ease-out",
|
90 |
+
"loadedRotateX" => 0,
|
91 |
+
"loadedRotateY" => 0,
|
92 |
+
"loadedScaleY" => 100,
|
93 |
+
"loadedScaleX" => 100,
|
94 |
+
"loadedVSlide" => 100,
|
95 |
+
"loadedHSlide" => 0,
|
96 |
+
),
|
97 |
+
"Slide from left" => array(
|
98 |
+
"loadedDuration" => 250,
|
99 |
+
"loadedEasing" => "ease-out",
|
100 |
+
"loadedRotateX" => 0,
|
101 |
+
"loadedRotateY" => 0,
|
102 |
+
"loadedScaleY" => 100,
|
103 |
+
"loadedScaleX" => 100,
|
104 |
+
"loadedVSlide" => 0,
|
105 |
+
"loadedHSlide" => -100,
|
106 |
+
),
|
107 |
+
"Elastic skew" => array(
|
108 |
+
"loadedDuration" => 800,
|
109 |
+
"loadedEasing" => "elastic-out",
|
110 |
+
"loadedRotateX" => 0,
|
111 |
+
"loadedRotateY" => -180,
|
112 |
+
"loadedScaleY" => 200,
|
113 |
+
"loadedScaleX" => 100,
|
114 |
+
"loadedVSlide" => 300,
|
115 |
+
"loadedHSlide" => 0,
|
116 |
+
),
|
117 |
+
"Flying doors" => array(
|
118 |
+
"loadedDuration" => 800,
|
119 |
+
"loadedEasing" => "ease-out-back",
|
120 |
+
"loadedRotateX" => -180,
|
121 |
+
"loadedRotateY" => 0,
|
122 |
+
"loadedScaleY" => 100,
|
123 |
+
"loadedScaleX" => 300,
|
124 |
+
"loadedVSlide" => -500,
|
125 |
+
"loadedHSlide" => -800,
|
126 |
+
),
|
127 |
+
"Pop" => array(
|
128 |
+
"loadedDuration" => 300,
|
129 |
+
"loadedEasing" => "ease-in-out",
|
130 |
+
"loadedRotateX" => 0,
|
131 |
+
"loadedRotateY" => 0,
|
132 |
+
"loadedScaleY" => 1,
|
133 |
+
"loadedScaleX" => 1,
|
134 |
+
"loadedVSlide" => 0,
|
135 |
+
"loadedHSlide" => 0,
|
136 |
+
),
|
137 |
+
),
|
138 |
+
"fields" => array(),
|
139 |
+
),
|
140 |
+
"Style" => array(
|
141 |
+
"icon" => "fa fa-paint-brush",
|
142 |
+
"fields" => array(),
|
143 |
+
),
|
144 |
+
"Customizations" => array(
|
145 |
+
"icon" => "fa fa-puzzle-piece",
|
146 |
+
"fields" => array(),
|
147 |
+
),
|
148 |
+
"Advanced" => array(
|
149 |
+
"icon" => "fa fa-rocket",
|
150 |
+
"fields" => array(),
|
151 |
+
),
|
152 |
+
);
|
153 |
+
$this->addField( "Advanced", "loadMethod", array(
|
154 |
+
"name" => esc_html__( "Loading method", 'final-tiles-grid-gallery-lite' ),
|
155 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
156 |
+
"type" => "select",
|
157 |
+
"values" => array(
|
158 |
+
"Loading method" => array( "sequential|Sequential", "lazy|Lazy (load images on scroll)" ),
|
159 |
+
),
|
160 |
+
"description" => "",
|
161 |
+
"proCall" => false,
|
162 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
163 |
+
) );
|
164 |
+
$this->addField( "Advanced", "ajaxLoading", array(
|
165 |
+
"name" => esc_html__( "Asynchronous loading", 'final-tiles-grid-gallery-lite' ),
|
166 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
167 |
+
"type" => "select",
|
168 |
+
"values" => array(
|
169 |
+
"Loading method" => array( "F|Complete markup on page", "lazy|Enable ajax loading" ),
|
170 |
+
),
|
171 |
+
"description" => esc_html__( "Don't enable ajax loading if you need to index your images on search engines", "final-tiles-grid-gallery-lite" ),
|
172 |
+
"proCall" => false,
|
173 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
174 |
+
) );
|
175 |
+
$this->addField( "Advanced", "tilesPerPage", array(
|
176 |
+
"name" => esc_html__( "Number of images to load via ajax", 'final-tiles-grid-gallery-lite' ),
|
177 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
178 |
+
"type" => "number",
|
179 |
+
"proCall" => false,
|
180 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
181 |
+
) );
|
182 |
+
$this->addField( "General", "name", array(
|
183 |
+
"name" => esc_html__( "Name", 'final-tiles-grid-gallery-lite' ),
|
184 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
185 |
+
"type" => "text",
|
186 |
+
"description" => esc_html__( "Name of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
187 |
+
"proCall" => false,
|
188 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
189 |
+
) );
|
190 |
+
$this->addField( "General", "description", array(
|
191 |
+
"name" => esc_html__( "Description", 'final-tiles-grid-gallery-lite' ),
|
192 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
193 |
+
"type" => "text",
|
194 |
+
"description" => esc_html__( "Description of the gallery, for internal use.", "final-tiles-grid-gallery-lite" ),
|
195 |
+
"proCall" => false,
|
196 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
197 |
+
) );
|
198 |
+
$this->addField( "General", "layout", array(
|
199 |
+
"name" => esc_html__( "Layout", 'final-tiles-grid-gallery-lite' ),
|
200 |
+
"type" => "select",
|
201 |
+
"description" => wp_kses( __( "<strong>Final Tiles</strong>: use images with different sizes<br><strong>Masonry</strong>: multi-column layout, use this one if you need images of the same size.", "final-tiles-grid-gallery-lite" ), array() ),
|
202 |
+
"values" => array(
|
203 |
+
"Layout" => array( "final|Final Tiles", "columns|Masonry" ),
|
204 |
+
),
|
205 |
+
"proCall" => false,
|
206 |
+
"excludeFrom" => array(),
|
207 |
+
) );
|
208 |
+
$this->addField( "General", "width", array(
|
209 |
+
"name" => esc_html__( "Width" ),
|
210 |
+
"type" => "text",
|
211 |
+
"description" => esc_html__( "Width of the gallery in pixels or percentage.", "final-tiles-grid-gallery-lite" ),
|
212 |
+
"proCall" => false,
|
213 |
+
"excludeFrom" => array(),
|
214 |
+
) );
|
215 |
+
$this->addField( "General", "margin", array(
|
216 |
+
"name" => esc_html__( "Margin", "final-tiles-grid-gallery-lite" ),
|
217 |
+
"type" => "number",
|
218 |
+
"description" => esc_html__( "Margin between images", "final-tiles-grid-gallery-lite" ),
|
219 |
+
"mu" => "px",
|
220 |
+
"min" => 0,
|
221 |
+
"max" => 50,
|
222 |
+
"proCall" => false,
|
223 |
+
"excludeFrom" => array(),
|
224 |
+
) );
|
225 |
+
$this->addField( "General", "columns", array(
|
226 |
+
"name" => esc_html__( "Number of columns", "final-tiles-grid-gallery-lite" ),
|
227 |
+
"type" => "number",
|
228 |
+
"description" => "",
|
229 |
+
"mu" => "",
|
230 |
+
"min" => 1,
|
231 |
+
"max" => 50,
|
232 |
+
"proCall" => false,
|
233 |
+
"excludeFrom" => array(),
|
234 |
+
) );
|
235 |
+
$this->addField( "General", "imagesOrder", array(
|
236 |
+
"name" => esc_html__( "Images order", "final-tiles-grid-gallery-lite" ),
|
237 |
+
"type" => "select",
|
238 |
+
"description" => esc_html__( "Choose the order of the images", "final-tiles-grid-gallery-lite" ),
|
239 |
+
"default" => "",
|
240 |
+
"values" => array(
|
241 |
+
"Images order" => array( "user|User", "reverse|Reverse", "random|Random" ),
|
242 |
+
),
|
243 |
+
"proCall" => false,
|
244 |
+
"excludeFrom" => array(),
|
245 |
+
) );
|
246 |
+
$this->addField( "General", "filter", array(
|
247 |
+
"name" => esc_html__( "Filters" ),
|
248 |
+
"type" => FinalTiles_Gallery::getFieldType( "filter" ),
|
249 |
+
"description" => esc_html__( "Manage here all the filters of this gallery", "final-tiles-grid-gallery-lite" ),
|
250 |
+
"proCall" => true,
|
251 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
252 |
+
) );
|
253 |
+
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
254 |
+
$this->addField( "General", "filterClick", array(
|
255 |
+
"name" => esc_html__( "Reload Page on filter click", "final-tiles-grid-gallery-lite" ),
|
256 |
+
"type" => "toggle",
|
257 |
+
"description" => esc_html__( "Turn this feature ON if you want to use filters with most lightboxes", "final-tiles-grid-gallery-lite" ),
|
258 |
+
"proCall" => false,
|
259 |
+
"excludeFrom" => array(),
|
260 |
+
) );
|
261 |
+
}
|
262 |
+
$this->addField( "General", "gridCellSize", array(
|
263 |
+
"name" => esc_html__( "Size of the grid", "final-tiles-grid-gallery-lite" ),
|
264 |
+
"type" => "number",
|
265 |
+
"default" => 25,
|
266 |
+
"min" => 1,
|
267 |
+
"max" => 100,
|
268 |
+
"mu" => "px",
|
269 |
+
"description" => wp_kses( __( "Tiles are snapped to a virtual grid, <strong>the higher this value the higher the chance to get bottom aligned tiles</strong> (but it needs to crop vertically).", "final-tiles-grid-gallery-lite" ), array() ),
|
270 |
+
"proCall" => false,
|
271 |
+
"excludeFrom" => array(),
|
272 |
+
) );
|
273 |
+
$this->addField( "General", "gridCellSizeDisabledBelow", array(
|
274 |
+
"name" => esc_html__( "Disable grid size below resolution", "final-tiles-grid-gallery-lite" ),
|
275 |
+
"type" => "number",
|
276 |
+
"default" => 800,
|
277 |
+
"min" => 0,
|
278 |
+
"max" => 4000,
|
279 |
+
"mu" => "px",
|
280 |
+
"description" => esc_html__( "If you have small tiny images under certain resolutions then you can switch off grid size (image cropping) when the screen resolution is below this value.", "final-tiles-grid-gallery-lite" ),
|
281 |
+
"proCall" => false,
|
282 |
+
"excludeFrom" => array(),
|
283 |
+
) );
|
284 |
+
/*"scrollEffect" , array(
|
285 |
+
"name" => __("Scroll effect"),
|
286 |
+
"type" => "select",
|
287 |
+
"description" => __("Effect on tiles when scrolling the page", "final-tiles-grid-gallery-lite"),
|
288 |
+
"values" => array(
|
289 |
+
"Scroll effect" => array(
|
290 |
+
"none|None", "slide|Sliding tiles", "zoom|Zoom", "rotate-left|Left rotation", "rotate-right|Right rotation"
|
291 |
+
)
|
292 |
+
),
|
293 |
+
"proCall" => false,
|
294 |
+
"excludeFrom" => array()
|
295 |
+
));*/
|
296 |
+
$this->addField( "Links & Lightbox", "lightbox", array(
|
297 |
+
"name" => "Links & Lightbox",
|
298 |
+
"type" => "select",
|
299 |
+
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
300 |
+
"values" => array(
|
301 |
+
"Link" => array( "none|No lightbox", "direct|Direct link to image (useful for external lightboxes)|disabled", "post|Post or WooCommerce product|disabled" ),
|
302 |
+
"Lightboxes" => array(
|
303 |
+
"lightbox2|Lightbox",
|
304 |
+
"everlightbox|EverlightBox + social sharing and comments",
|
305 |
+
"lightgallery|LightGallery|disabled",
|
306 |
+
"magnific|Magnific popup|disabled",
|
307 |
+
"colorbox|ColorBox|disabled",
|
308 |
+
"prettyphoto|PrettyPhoto|disabled",
|
309 |
+
"fancybox|FancyBox|disabled",
|
310 |
+
"swipebox|SwipeBox|disabled"
|
311 |
+
),
|
312 |
+
),
|
313 |
+
"proCall" => true,
|
314 |
+
"excludeFrom" => array(),
|
315 |
+
) );
|
316 |
+
$this->addField( "Links & Lightbox", "mobileLightbox", array(
|
317 |
+
"name" => "Links & Lightbox (mobile)",
|
318 |
+
"type" => "select",
|
319 |
+
"description" => esc_html__( "Define here what happens when user click on the images. Lightboxes with video support: EverlightBox, LightGallery, Magnific popup, Colorbox (require embed URL)); PrettyPhoto, FancyBox (require embed URL)", "final-tiles-grid-gallery-lite" ),
|
320 |
+
"values" => array(
|
321 |
+
"Link" => array( "none|No lightbox", "direct|Direct link to image (useful for external lightboxes)", "post|Post or WooCommerce product|disabled" ),
|
322 |
+
"Lightboxes" => array(
|
323 |
+
"lightbox2|Lightbox",
|
324 |
+
"everlightbox|EverlightBox + social sharing and comments",
|
325 |
+
"lightgallery|LightGallery|disabled",
|
326 |
+
"magnific|Magnific popup|disabled",
|
327 |
+
"colorbox|ColorBox|disabled",
|
328 |
+
"prettyphoto|PrettyPhoto|disabled",
|
329 |
+
"fancybox|FancyBox|disabled",
|
330 |
+
"swipebox|SwipeBox|disabled"
|
331 |
+
),
|
332 |
+
),
|
333 |
+
"proCall" => true,
|
334 |
+
"excludeFrom" => array(),
|
335 |
+
) );
|
336 |
+
$this->addField( "Links & Lightbox", "lightboxImageSize", array(
|
337 |
+
"name" => esc_html__( "Image size for the lightbox", "final-tiles-grid-gallery-lite" ),
|
338 |
+
"type" => "select",
|
339 |
+
"description" => "",
|
340 |
+
"values" => array(
|
341 |
+
"Size" => array(),
|
342 |
+
),
|
343 |
+
"proCall" => false,
|
344 |
+
"excludeFrom" => array(),
|
345 |
+
) );
|
346 |
+
$this->addField( "Links & Lightbox", "disableLightboxGroups", array(
|
347 |
+
"name" => esc_html__( "Disable lightbox grouping", "final-tiles-grid-gallery-lite" ),
|
348 |
+
"type" => "toggle",
|
349 |
+
"description" => esc_html__( "Flag this option if you don't want to group images when opened in a lightbox.", "final-tiles-grid-gallery-lite" ),
|
350 |
+
"default" => "F",
|
351 |
+
"proCall" => false,
|
352 |
+
"excludeFrom" => array(),
|
353 |
+
) );
|
354 |
+
$this->addField( "Links & Lightbox", "blank", array(
|
355 |
+
"name" => esc_html__( "Links target", "final-tiles-grid-gallery-lite" ),
|
356 |
+
"type" => "toggle",
|
357 |
+
"description" => esc_html__( "Open links in a blank page.", "final-tiles-grid-gallery-lite" ),
|
358 |
+
"proCall" => false,
|
359 |
+
"excludeFrom" => array(),
|
360 |
+
) );
|
361 |
+
$this->addField( "Links & Lightbox", "enableTwitter", array(
|
362 |
+
"name" => esc_html__( "Enable Twitter icon", "final-tiles-grid-gallery-lite" ),
|
363 |
+
"type" => "toggle",
|
364 |
+
"description" => esc_html__( "Enable Twitter sharing.", "final-tiles-grid-gallery-lite" ),
|
365 |
+
"default" => "F",
|
366 |
+
"proCall" => false,
|
367 |
+
"excludeFrom" => array(),
|
368 |
+
) );
|
369 |
+
$this->addField( "Links & Lightbox", "enableFacebook", array(
|
370 |
+
"name" => esc_html__( "Enable Facebook icon", "final-tiles-grid-gallery-lite" ),
|
371 |
+
"type" => "toggle",
|
372 |
+
"description" => esc_html__( "Enable Facebook sharing. Note: after the last version of OpenGraph API it's not possible to share a specific image anymore.", "final-tiles-grid-gallery-lite" ),
|
373 |
+
"default" => "F",
|
374 |
+
"proCall" => false,
|
375 |
+
"excludeFrom" => array(),
|
376 |
+
) );
|
377 |
+
$this->addField( "Links & Lightbox", "enablePinterest", array(
|
378 |
+
"name" => esc_html__( "Enable Pinterest icon", "final-tiles-grid-gallery-lite" ),
|
379 |
+
"type" => "toggle",
|
380 |
+
"description" => esc_html__( "Enable Pinterest sharing", "final-tiles-grid-gallery-lite" ),
|
381 |
+
"default" => "F",
|
382 |
+
"proCall" => false,
|
383 |
+
"excludeFrom" => array(),
|
384 |
+
) );
|
385 |
+
$this->addField( "Links & Lightbox", "socialIconColor", array(
|
386 |
+
"name" => esc_html__( "Color of social sharing icons", "final-tiles-grid-gallery-lite" ),
|
387 |
+
"type" => "color",
|
388 |
+
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
389 |
+
"default" => "#ffffff",
|
390 |
+
"proCall" => false,
|
391 |
+
"excludeFrom" => array(),
|
392 |
+
) );
|
393 |
+
$this->addField( "Links & Lightbox", "socialIconStyle", array(
|
394 |
+
"name" => esc_html__( "Style of the social icons panel", "final-tiles-grid-gallery-lite" ),
|
395 |
+
"type" => "select",
|
396 |
+
"description" => esc_html__( "Set the color of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
397 |
+
"default" => "none",
|
398 |
+
"values" => array(
|
399 |
+
"Style" => array( "none|None", "circle|Circles", "bar|Bar" ),
|
400 |
+
),
|
401 |
+
"proCall" => false,
|
402 |
+
"excludeFrom" => array(),
|
403 |
+
) );
|
404 |
+
$this->addField( "Links & Lightbox", "socialIconPosition", array(
|
405 |
+
"name" => esc_html__( "Position of the social icons panel", "final-tiles-grid-gallery-lite" ),
|
406 |
+
"type" => "select",
|
407 |
+
"description" => esc_html__( "Set the position of the social sharing icons", "final-tiles-grid-gallery-lite" ),
|
408 |
+
"default" => "bottom",
|
409 |
+
"values" => array(
|
410 |
+
"Position" => array( "bottom|Bottom", "right|Right" ),
|
411 |
+
),
|
412 |
+
"proCall" => false,
|
413 |
+
"excludeFrom" => array(),
|
414 |
+
) );
|
415 |
+
$this->addField( "Captions", "captionBehavior", array(
|
416 |
+
"name" => esc_html__( "Caption behavior", "final-tiles-grid-gallery-lite" ),
|
417 |
+
"type" => "select",
|
418 |
+
"description" => esc_html__( "Effect used to show the captions.", "final-tiles-grid-gallery-lite" ),
|
419 |
+
"values" => array(
|
420 |
+
"Effect" => array(
|
421 |
+
"none|Fade in",
|
422 |
+
"fixed|Fixed|disabled",
|
423 |
+
"fixed-bg|Fixed with background|disabled",
|
424 |
+
"fixed-then-hidden|Fixed, hidden on mouse hover|disabled",
|
425 |
+
"fixed-bottom|Fixed at bottom|disabled",
|
426 |
+
"slide-from-top|Slide from top|disabled",
|
427 |
+
"slide-from-bottom|Slide from bottom|disabled",
|
428 |
+
"flip-h|Flip horizontally|disabled"
|
429 |
+
),
|
430 |
+
),
|
431 |
+
"proCall" => true,
|
432 |
+
"excludeFrom" => array(),
|
433 |
+
) );
|
434 |
+
$this->addField( "Captions", "captionMobileBehavior", array(
|
435 |
+
"name" => esc_html__( "Caption mobile behavior", "final-tiles-grid-gallery-lite" ),
|
436 |
+
"type" => "select",
|
437 |
+
"description" => esc_html__( "Caption behavior for mobile devices.", "final-tiles-grid-gallery-lite" ),
|
438 |
+
"values" => array(
|
439 |
+
"Behavior" => array(
|
440 |
+
"desktop|Same as desktop",
|
441 |
+
"none|Never show captions|disabled",
|
442 |
+
"fixed-bg|Fixed with background|disabled",
|
443 |
+
"fixed-bottom|Fixed at bottom|disabled",
|
444 |
+
"fixed-then-hidden|Visible, hidden on touch|disabled"
|
445 |
+
),
|
446 |
+
),
|
447 |
+
"proCall" => false,
|
448 |
+
"excludeFrom" => array(),
|
449 |
+
) );
|
450 |
+
$this->addField( "Captions", "captionPosition", array(
|
451 |
+
"name" => esc_html__( "Position", "final-tiles-grid-gallery-lite" ),
|
452 |
+
"type" => "select",
|
453 |
+
"description" => esc_html__( "Choose the position of the caption.", "final-tiles-grid-gallery-lite" ),
|
454 |
+
"values" => array(
|
455 |
+
"Behavior" => array( "inside|Inside", "outside|Outside (EXPERIMENTAL)" ),
|
456 |
+
),
|
457 |
+
"proCall" => false,
|
458 |
+
"excludeFrom" => array(),
|
459 |
+
) );
|
460 |
+
/*"captionFullHeight" , array(
|
461 |
+
"name" => __("Caption full height"),
|
462 |
+
"type" => "toggle",
|
463 |
+
"description" => __("Enable this option for full height captions. <strong>This is required if you want to use caption icons and caption effects other than <i>fade</i>.</strong>", "final-tiles-grid-gallery-lite"),
|
464 |
+
"default" => "T",
|
465 |
+
"proCall" => false,
|
466 |
+
"excludeFrom" => array()
|
467 |
+
));*/
|
468 |
+
$this->addField( "Captions", "captionEmpty", array(
|
469 |
+
"name" => esc_html__( "Empty captions", "final-tiles-grid-gallery-lite" ),
|
470 |
+
"type" => "select",
|
471 |
+
"description" => esc_html__( "Choose if empty caption has to be shown.", "final-tiles-grid-gallery-lite" ),
|
472 |
+
"values" => array(
|
473 |
+
"Empty captions" => array( "hide|Don't show empty captions", "show|Show empty captions|disabled" ),
|
474 |
+
),
|
475 |
+
"proCall" => false,
|
476 |
+
"excludeFrom" => array(),
|
477 |
+
) );
|
478 |
+
$this->addField( "Captions", "captionIcon", array(
|
479 |
+
"name" => esc_html__( "Caption icon", "final-tiles-grid-gallery-lite" ),
|
480 |
+
"type" => "select",
|
481 |
+
"description" => esc_html__( "Choose the icon for the captions.", "final-tiles-grid-gallery-lite" ),
|
482 |
+
"values" => array(
|
483 |
+
"Icon" => array(
|
484 |
+
"|None",
|
485 |
+
"search|Lens",
|
486 |
+
"search-plus|Lens (plus)",
|
487 |
+
"link|Link",
|
488 |
+
"heart|Heart",
|
489 |
+
"heart-o|Heart empty",
|
490 |
+
"camera|Camera",
|
491 |
+
"camera-retro|Camera retro",
|
492 |
+
"picture-o|Picture",
|
493 |
+
"star|Star",
|
494 |
+
"star-o|Star empty",
|
495 |
+
"sun-o|Sun",
|
496 |
+
"arrows-alt|Arrows",
|
497 |
+
"hand-o-right|Hand"
|
498 |
+
),
|
499 |
+
),
|
500 |
+
"proCall" => false,
|
501 |
+
"excludeFrom" => array(),
|
502 |
+
) );
|
503 |
+
$this->addField( "Captions", "customCaptionIcon", array(
|
504 |
+
"name" => esc_html__( "Custom caption icon", "final-tiles-grid-gallery-lite" ),
|
505 |
+
"type" => FinalTiles_Gallery::getFieldType( "customCaptionIcon" ),
|
506 |
+
"description" => wp_kses( __( "Use this field to insert the class of a FontAwesome icon (i.e.: fa-heart). <a href='https://fontawesome.com/v4.7.0/icons/' target='blank'>See all available icons</a>. <strong>This value override the <i>Caption icon</i> value</strong>.", "final-tiles-grid-gallery-lite" ), array() ),
|
507 |
+
"proCall" => false,
|
508 |
+
"excludeFrom" => array(),
|
509 |
+
) );
|
510 |
+
$this->addField( "Captions", "captionIconColor", array(
|
511 |
+
"name" => esc_html__( "Caption icon color", "final-tiles-grid-gallery-lite" ),
|
512 |
+
"type" => "color",
|
513 |
+
"description" => esc_html__( "Color of the icon in captions.", "final-tiles-grid-gallery-lite" ),
|
514 |
+
"default" => "#ffffff",
|
515 |
+
"proCall" => false,
|
516 |
+
"excludeFrom" => array(),
|
517 |
+
) );
|
518 |
+
$this->addField( "Captions", "captionIconSize", array(
|
519 |
+
"name" => esc_html__( "Caption icon size", "final-tiles-grid-gallery-lite" ),
|
520 |
+
"type" => "number",
|
521 |
+
"description" => esc_html__( "Size of the icon in captions.", "final-tiles-grid-gallery-lite" ),
|
522 |
+
"default" => 12,
|
523 |
+
"min" => 10,
|
524 |
+
"max" => 96,
|
525 |
+
"mu" => "px",
|
526 |
+
"proCall" => false,
|
527 |
+
"excludeFrom" => array(),
|
528 |
+
) );
|
529 |
+
$this->addField( "Captions", "captionFontSize", array(
|
530 |
+
"name" => esc_html__( "Caption font size", "final-tiles-grid-gallery-lite" ),
|
531 |
+
"type" => "number",
|
532 |
+
"description" => esc_html__( "Size of the font in captions.", "final-tiles-grid-gallery-lite" ),
|
533 |
+
"default" => 12,
|
534 |
+
"min" => 10,
|
535 |
+
"max" => 96,
|
536 |
+
"mu" => "px",
|
537 |
+
"proCall" => false,
|
538 |
+
"excludeFrom" => array(),
|
539 |
+
) );
|
540 |
+
$this->addField( "Captions", "captionEasing", array(
|
541 |
+
"name" => esc_html__( "Caption effect easing", "final-tiles-grid-gallery-lite" ),
|
542 |
+
"type" => "select",
|
543 |
+
"description" => esc_html__( "Easing function for the caption animation, works better with sliding animations.", "final-tiles-grid-gallery-lite" ),
|
544 |
+
"values" => array(
|
545 |
+
"Easing" => array(
|
546 |
+
"ease|Ease",
|
547 |
+
"linear|Linear|disabled",
|
548 |
+
"ease-in|Ease in|disabled",
|
549 |
+
"ease-out|Ease out|disabled",
|
550 |
+
"ease-in-out|Ease in and out|disabled"
|
551 |
+
),
|
552 |
+
),
|
553 |
+
"proCall" => false,
|
554 |
+
"excludeFrom" => array(),
|
555 |
+
) );
|
556 |
+
$this->addField( "Captions", "captionFrame", array(
|
557 |
+
"name" => esc_html__( "Caption frame", "final-tiles-grid-gallery-lite" ),
|
558 |
+
"type" => "toggle",
|
559 |
+
"description" => esc_html__( "Add a frame around the caption", "final-tiles-grid-gallery-lite" ),
|
560 |
+
"default" => "F",
|
561 |
+
"proCall" => false,
|
562 |
+
"excludeFrom" => array(),
|
563 |
+
) );
|
564 |
+
$this->addField( "Captions", "captionFrameColor", array(
|
565 |
+
"name" => esc_html__( "Caption frame color", "final-tiles-grid-gallery-lite" ),
|
566 |
+
"type" => "color",
|
567 |
+
"description" => esc_html__( "Color of the frame around the caption", "final-tiles-grid-gallery-lite" ),
|
568 |
+
"default" => "#ffffff",
|
569 |
+
"proCall" => false,
|
570 |
+
"excludeFrom" => array(),
|
571 |
+
) );
|
572 |
+
$this->addField( "Captions", "captionColor", array(
|
573 |
+
"name" => esc_html__( "Caption color", "final-tiles-grid-gallery-lite" ),
|
574 |
+
"type" => "color",
|
575 |
+
"description" => esc_html__( "Text color of the captions.", "final-tiles-grid-gallery-lite" ),
|
576 |
+
"default" => "#ffffff",
|
577 |
+
"proCall" => false,
|
578 |
+
"excludeFrom" => array(),
|
579 |
+
) );
|
580 |
+
$this->addField( "Captions", "captionEffectDuration", array(
|
581 |
+
"name" => esc_html__( "Caption effect duration", "final-tiles-grid-gallery-lite" ),
|
582 |
+
"type" => "text",
|
583 |
+
"description" => esc_html__( "Duration of the caption animation.", "final-tiles-grid-gallery-lite" ),
|
584 |
+
"default" => 250,
|
585 |
+
"mu" => "ms",
|
586 |
+
"min" => 0,
|
587 |
+
"max" => 1000,
|
588 |
+
"proCall" => false,
|
589 |
+
"excludeFrom" => array(),
|
590 |
+
) );
|
591 |
+
$this->addField( "Captions", "captionBackgroundColor", array(
|
592 |
+
"name" => esc_html__( "Caption background color", "final-tiles-grid-gallery-lite" ),
|
593 |
+
"type" => "color",
|
594 |
+
"description" => esc_html__( "Caption background color", "final-tiles-grid-gallery-lite" ),
|
595 |
+
"default" => "#000000",
|
596 |
+
"proCall" => false,
|
597 |
+
"excludeFrom" => array(),
|
598 |
+
) );
|
599 |
+
$this->addField( "Captions", "captionOpacity", array(
|
600 |
+
"name" => esc_html__( "Caption opacity", "final-tiles-grid-gallery-lite" ),
|
601 |
+
"type" => "text",
|
602 |
+
"description" => esc_html__( "Opacity of the caption, 0% means 'invisible' while 100% is a plain color without opacity.", "final-tiles-grid-gallery-lite" ),
|
603 |
+
"default" => 80,
|
604 |
+
"min" => 0,
|
605 |
+
"max" => 100,
|
606 |
+
"mu" => "%",
|
607 |
+
"proCall" => false,
|
608 |
+
"excludeFrom" => array(),
|
609 |
+
) );
|
610 |
+
$this->addField( "Captions", "wp_field_caption", array(
|
611 |
+
"name" => esc_html__( "WordPress caption field", "final-tiles-grid-gallery-lite" ),
|
612 |
+
"type" => "select",
|
613 |
+
"description" => wp_kses( __( "WordPress field used for captions. <strong>This field is used ONLY when images are added to the gallery, </strong> however, if you want to ignore captions just set it to '<i>Don't use captions</i>'.", "final-tiles-grid-gallery-lite" ), array() ),
|
614 |
+
"values" => array(
|
615 |
+
"Field" => array(
|
616 |
+
"none|Don't use captions",
|
617 |
+
"title|Title",
|
618 |
+
"caption|Caption",
|
619 |
+
"description|Description"
|
620 |
+
),
|
621 |
+
),
|
622 |
+
"proCall" => false,
|
623 |
+
"excludeFrom" => array( "shortcode" ),
|
624 |
+
) );
|
625 |
+
$this->addField( "Captions", "wp_field_title", array(
|
626 |
+
"name" => esc_html__( "WordPress title field", "final-tiles-grid-gallery-lite" ),
|
627 |
+
"type" => "select",
|
628 |
+
"description" => wp_kses( __( "WordPress field used for titles. <strong>This field is used ONLY when images are added to the gallery, </strong> however, if you want to ignore titles just set it to '<i>Don't use titles</i>'.", "final-tiles-grid-gallery-lite" ), array() ),
|
629 |
+
"values" => array(
|
630 |
+
"Field" => array( "none|Don't use titles", "title|Title", "description|Description" ),
|
631 |
+
),
|
632 |
+
"proCall" => false,
|
633 |
+
"excludeFrom" => array( "shortcode" ),
|
634 |
+
) );
|
635 |
+
$this->addField( "Captions", "recentPostsCaption", array(
|
636 |
+
"name" => esc_html__( "Recent posts caption", "final-tiles-grid-gallery-lite" ),
|
637 |
+
"type" => "select",
|
638 |
+
"description" => esc_html__( "Field of the post used for captions when using \"Recent posts\" as source.", "final-tiles-grid-gallery-lite" ),
|
639 |
+
"values" => array(
|
640 |
+
"Field" => array(
|
641 |
+
"none|Don't use captions",
|
642 |
+
"custom|Use custom fields",
|
643 |
+
"title|Title",
|
644 |
+
"excerpt|Excerpt",
|
645 |
+
"auto-excerpt|Auto excerpt"
|
646 |
+
),
|
647 |
+
),
|
648 |
+
"proCall" => false,
|
649 |
+
"excludeFrom" => array( "shortcode" ),
|
650 |
+
) );
|
651 |
+
$this->addField( "Captions", "recentPostsCaptionAutoExcerptLength", array(
|
652 |
+
"name" => esc_html__( "Max number of words for 'Auto excerpt'", "final-tiles-grid-gallery-lite" ),
|
653 |
+
"type" => "text",
|
654 |
+
"description" => wp_kses( __( "Define the max number of words of the caption when <i>Recent posts caption</i> is set to <i>Auto excerpt</i>.", "final-tiles-grid-gallery-lite" ), array() ),
|
655 |
+
"default" => "20",
|
656 |
+
"proCall" => false,
|
657 |
+
"excludeFrom" => array(),
|
658 |
+
) );
|
659 |
+
$this->addField( "Captions", "captionVerticalAlignment", array(
|
660 |
+
"name" => esc_html__( "Caption Vertical Alignment", "final-tiles-grid-gallery-lite" ),
|
661 |
+
"type" => "select",
|
662 |
+
"description" => esc_html__( "Choose the vertical alignment of the caption", "final-tiles-grid-gallery-lite" ),
|
663 |
+
"values" => array(
|
664 |
+
"Caption vertical alignment" => array( "top|Top", "middle|Middle", "bottom|Bottom" ),
|
665 |
+
),
|
666 |
+
"proCall" => false,
|
667 |
+
"excludeFrom" => array(),
|
668 |
+
) );
|
669 |
+
$this->addField( "Captions", "captionHorizontalAlignment", array(
|
670 |
+
"name" => esc_html__( "Caption Horizontal Alignment", "final-tiles-grid-gallery-lite" ),
|
671 |
+
"type" => "select",
|
672 |
+
"description" => esc_html__( "Choose the horizontal alignment of the caption", "final-tiles-grid-gallery-lite" ),
|
673 |
+
"values" => array(
|
674 |
+
"Caption horizontal alignment" => array( "left|Left", "center|Center", "right|Right" ),
|
675 |
+
),
|
676 |
+
"proCall" => false,
|
677 |
+
"excludeFrom" => array(),
|
678 |
+
) );
|
679 |
+
$this->addField( "Captions", "titleFontSize", array(
|
680 |
+
"name" => esc_html__( "Title font size", "final-tiles-grid-gallery-lite" ),
|
681 |
+
"type" => "number",
|
682 |
+
"description" => esc_html__( "Size of the font in captions.", "final-tiles-grid-gallery-lite" ),
|
683 |
+
"min" => 10,
|
684 |
+
"max" => 96,
|
685 |
+
"mu" => "px",
|
686 |
+
"proCall" => false,
|
687 |
+
"excludeFrom" => array(),
|
688 |
+
) );
|
689 |
+
$this->addField( "Hover effects", "hoverZoom", array(
|
690 |
+
"name" => esc_html__( "Zoom", "final-tiles-grid-gallery-lite" ),
|
691 |
+
"type" => FinalTiles_gallery::getFieldType( "hoverZoom" ),
|
692 |
+
"description" => esc_html__( "Scale value.", "final-tiles-grid-gallery-lite" ),
|
693 |
+
"default" => 100,
|
694 |
+
"min" => 0,
|
695 |
+
"max" => 600,
|
696 |
+
"mu" => "%",
|
697 |
+
"proCall" => false,
|
698 |
+
"excludeFrom" => array(),
|
699 |
+
) );
|
700 |
+
$this->addField( "Hover effects", "hoverRotation", array(
|
701 |
+
"name" => esc_html__( "Rotation", "final-tiles-grid-gallery-lite" ),
|
702 |
+
"type" => FinalTiles_gallery::getFieldType( "hoverRotation" ),
|
703 |
+
"description" => esc_html__( "Rotation value in degrees.", "final-tiles-grid-gallery-lite" ),
|
704 |
+
"min" => 0,
|
705 |
+
"max" => 360,
|
706 |
+
"mu" => "deg",
|
707 |
+
"default" => 0,
|
708 |
+
"proCall" => false,
|
709 |
+
"excludeFrom" => array(),
|
710 |
+
) );
|
711 |
+
$this->addField( "Hover effects", "hoverDuration", array(
|
712 |
+
"name" => esc_html__( "Duration", "final-tiles-grid-gallery-lite" ),
|
713 |
+
"description" => "",
|
714 |
+
"type" => FinalTiles_gallery::getFieldType( "hoverDuration" ),
|
715 |
+
"min" => 10,
|
716 |
+
"max" => 60000,
|
717 |
+
"mu" => "ms",
|
718 |
+
"default" => 500,
|
719 |
+
"proCall" => false,
|
720 |
+
"excludeFrom" => array(),
|
721 |
+
) );
|
722 |
+
$this->addField( "Hover effects", "hoverIconRotation", array(
|
723 |
+
"name" => esc_html__( "Rotate icon", "final-tiles-grid-gallery-lite" ),
|
724 |
+
"type" => "toggle",
|
725 |
+
"default" => "F",
|
726 |
+
"description" => esc_html__( "Enable rotation of the icon.", "final-tiles-grid-gallery-lite" ),
|
727 |
+
"proCall" => false,
|
728 |
+
"excludeFrom" => array(),
|
729 |
+
) );
|
730 |
+
$this->addField( "Image loaded effects", "loadedDuration", array(
|
731 |
+
"name" => esc_html__( "Duration", "final-tiles-grid-gallery-lite" ),
|
732 |
+
"description" => "",
|
733 |
+
"type" => "slider",
|
734 |
+
"min" => 10,
|
735 |
+
"max" => 1000,
|
736 |
+
"mu" => "ms",
|
737 |
+
"default" => 500,
|
738 |
+
"proCall" => false,
|
739 |
+
"excludeFrom" => array(),
|
740 |
+
) );
|
741 |
+
$this->addField( "Image loaded effects", "loadedEasing", array(
|
742 |
+
"name" => esc_html__( "Easing curve", "final-tiles-grid-gallery-lite" ),
|
743 |
+
"type" => "select",
|
744 |
+
"description" => esc_html__( "Choose the easing curve for the loading effect animation", "final-tiles-grid-gallery-lite" ),
|
745 |
+
"values" => array(
|
746 |
+
"Easing curve" => array(
|
747 |
+
"linear|Linear",
|
748 |
+
"ease-in|Ease in",
|
749 |
+
"ease-out|Ease out",
|
750 |
+
"ease-in-out|Ease in and out",
|
751 |
+
"ease-out-back|Ease out back",
|
752 |
+
"ease-in-out-back|Ease in and out back",
|
753 |
+
"ease-out-back-accent|Ease out back (accent)",
|
754 |
+
"elastic-out|Elastic out"
|
755 |
+
),
|
756 |
+
),
|
757 |
+
"proCall" => false,
|
758 |
+
"excludeFrom" => array(),
|
759 |
+
) );
|
760 |
+
$this->addField( "Image loaded effects", "loadedScaleY", array(
|
761 |
+
"name" => esc_html__( "Vertical scaling", "final-tiles-grid-gallery-lite" ),
|
762 |
+
"description" => "",
|
763 |
+
"type" => "slider",
|
764 |
+
"min" => 1,
|
765 |
+
"max" => 300,
|
766 |
+
"mu" => "%",
|
767 |
+
"default" => 100,
|
768 |
+
"proCall" => false,
|
769 |
+
"excludeFrom" => array(),
|
770 |
+
) );
|
771 |
+
$this->addField( "Image loaded effects", "loadedScaleX", array(
|
772 |
+
"name" => esc_html__( "Horizontal scaling", "final-tiles-grid-gallery-lite" ),
|
773 |
+
"description" => "",
|
774 |
+
"type" => "slider",
|
775 |
+
"min" => 1,
|
776 |
+
"max" => 300,
|
777 |
+
"mu" => "%",
|
778 |
+
"default" => 100,
|
779 |
+
"proCall" => false,
|
780 |
+
"excludeFrom" => array(),
|
781 |
+
) );
|
782 |
+
$this->addField( "Image loaded effects", "loadedRotateY", array(
|
783 |
+
"name" => esc_html__( "Vertical rotation", "final-tiles-grid-gallery-lite" ),
|
784 |
+
"description" => "",
|
785 |
+
"type" => "slider",
|
786 |
+
"min" => -180,
|
787 |
+
"max" => 180,
|
788 |
+
"default" => 0,
|
789 |
+
"mu" => "deg",
|
790 |
+
"proCall" => false,
|
791 |
+
"excludeFrom" => array(),
|
792 |
+
) );
|
793 |
+
$this->addField( "Image loaded effects", "loadedRotateX", array(
|
794 |
+
"name" => esc_html__( "Horizontal rotation", "final-tiles-grid-gallery-lite" ),
|
795 |
+
"description" => "",
|
796 |
+
"type" => "slider",
|
797 |
+
"min" => -180,
|
798 |
+
"max" => 180,
|
799 |
+
"default" => 0,
|
800 |
+
"mu" => "deg",
|
801 |
+
"proCall" => false,
|
802 |
+
"excludeFrom" => array(),
|
803 |
+
) );
|
804 |
+
$this->addField( "Image loaded effects", "loadedHSlide", array(
|
805 |
+
"name" => esc_html__( "Horizontal slide", "final-tiles-grid-gallery-lite" ),
|
806 |
+
"description" => "",
|
807 |
+
"type" => "slider",
|
808 |
+
"min" => -1000,
|
809 |
+
"max" => 1000,
|
810 |
+
"mu" => "px",
|
811 |
+
"default" => 0,
|
812 |
+
"proCall" => false,
|
813 |
+
"excludeFrom" => array(),
|
814 |
+
) );
|
815 |
+
$this->addField( "Image loaded effects", "loadedVSlide", array(
|
816 |
+
"name" => esc_html__( "Vertical slide", "final-tiles-grid-gallery-lite" ),
|
817 |
+
"description" => "",
|
818 |
+
"type" => "slider",
|
819 |
+
"min" => -1000,
|
820 |
+
"max" => 1000,
|
821 |
+
"mu" => "px",
|
822 |
+
"default" => 0,
|
823 |
+
"proCall" => false,
|
824 |
+
"excludeFrom" => array(),
|
825 |
+
) );
|
826 |
+
$this->addField( "Style", "borderSize", array(
|
827 |
+
"name" => esc_html__( "Border size", "final-tiles-grid-gallery-lite" ),
|
828 |
+
"type" => "number",
|
829 |
+
"description" => esc_html__( "Size of the border of each image.", "final-tiles-grid-gallery-lite" ),
|
830 |
+
"default" => 0,
|
831 |
+
"min" => 0,
|
832 |
+
"max" => 10,
|
833 |
+
"mu" => "px",
|
834 |
+
"proCall" => false,
|
835 |
+
"excludeFrom" => array(),
|
836 |
+
) );
|
837 |
+
$this->addField( "Style", "borderRadius", array(
|
838 |
+
"name" => esc_html__( "Border radius", "final-tiles-grid-gallery-lite" ),
|
839 |
+
"type" => "number",
|
840 |
+
"description" => esc_html__( "Border radius of the images.", "final-tiles-grid-gallery-lite" ),
|
841 |
+
"default" => 0,
|
842 |
+
"min" => 0,
|
843 |
+
"max" => 100,
|
844 |
+
"mu" => "px",
|
845 |
+
"proCall" => false,
|
846 |
+
"excludeFrom" => array(),
|
847 |
+
) );
|
848 |
+
$this->addField( "Style", "borderColor", array(
|
849 |
+
"name" => esc_html__( "Border color", "final-tiles-grid-gallery-lite" ),
|
850 |
+
"type" => "color",
|
851 |
+
"description" => esc_html__( "Color of the border when size is greater than 0.", "final-tiles-grid-gallery-lite" ),
|
852 |
+
"default" => "#000000",
|
853 |
+
"proCall" => false,
|
854 |
+
"excludeFrom" => array(),
|
855 |
+
) );
|
856 |
+
$this->addField( "Style", "loadingBarColor", array(
|
857 |
+
"name" => esc_html__( "Loading Bar color", "final-tiles-grid-gallery-lite" ),
|
858 |
+
"type" => "color",
|
859 |
+
"description" => esc_html__( "Color of the loading bar", "final-tiles-grid-gallery-lite" ),
|
860 |
+
"default" => "#000000",
|
861 |
+
"proCall" => false,
|
862 |
+
"excludeFrom" => array(),
|
863 |
+
) );
|
864 |
+
$this->addField( "Style", "loadingBarBackgroundColor", array(
|
865 |
+
"name" => esc_html__( "Loading Bar background color", "final-tiles-grid-gallery-lite" ),
|
866 |
+
"type" => "color",
|
867 |
+
"description" => esc_html__( "Background color of the loading bar", "final-tiles-grid-gallery-lite" ),
|
868 |
+
"default" => "#cccccc",
|
869 |
+
"proCall" => false,
|
870 |
+
"excludeFrom" => array(),
|
871 |
+
) );
|
872 |
+
$this->addField( "Style", "shadowSize", array(
|
873 |
+
"name" => esc_html__( "Shadow size", "final-tiles-grid-gallery-lite" ),
|
874 |
+
"type" => "number",
|
875 |
+
"description" => esc_html__( "Shadow size of the images.", "final-tiles-grid-gallery-lite" ),
|
876 |
+
"default" => 0,
|
877 |
+
"min" => 0,
|
878 |
+
"max" => 20,
|
879 |
+
"mu" => "px",
|
880 |
+
"proCall" => false,
|
881 |
+
"excludeFrom" => array(),
|
882 |
+
) );
|
883 |
+
$this->addField( "Style", "shadowColor", array(
|
884 |
+
"name" => esc_html__( "Shadow color", "final-tiles-grid-gallery-lite" ),
|
885 |
+
"type" => "color",
|
886 |
+
"description" => esc_html__( "Color of the shadow when size is greater than 0.", "final-tiles-grid-gallery-lite" ),
|
887 |
+
"default" => "#000000",
|
888 |
+
"proCall" => false,
|
889 |
+
"excludeFrom" => array(),
|
890 |
+
) );
|
891 |
+
$this->addField( "Style", "backgroundColor", array(
|
892 |
+
"name" => esc_html__( "Tile background color", "final-tiles-grid-gallery-lite" ),
|
893 |
+
"type" => "color",
|
894 |
+
"description" => esc_html__( "Background color of tiles", "final-tiles-grid-gallery-lite" ),
|
895 |
+
"default" => "#fafafa",
|
896 |
+
"proCall" => false,
|
897 |
+
"excludeFrom" => array(),
|
898 |
+
) );
|
899 |
+
$this->addField( "Customizations", "aClass", array(
|
900 |
+
"name" => esc_html__( "Additional CSS class on A tag", "final-tiles-grid-gallery-lite" ),
|
901 |
+
"type" => "text",
|
902 |
+
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
903 |
+
"default" => "",
|
904 |
+
"proCall" => false,
|
905 |
+
"excludeFrom" => array(),
|
906 |
+
) );
|
907 |
+
$this->addField( "Customizations", "rel", array(
|
908 |
+
"name" => esc_html__( "Value of 'rel' attribute on the link that contains the image.", "final-tiles-grid-gallery-lite" ),
|
909 |
+
"type" => "text",
|
910 |
+
"description" => esc_html__( "Use this field if you need to add additional CSS classes to the link that contains the image. This is useful mostly to integrate the gallery with other lightbox plugins.", "final-tiles-grid-gallery-lite" ),
|
911 |
+
"default" => "",
|
912 |
+
"proCall" => false,
|
913 |
+
"excludeFrom" => array(),
|
914 |
+
) );
|
915 |
+
$this->addField( "Customizations", "beforeGalleryText", array(
|
916 |
+
"name" => esc_html__( "Text before gallery", "final-tiles-grid-gallery-lite" ),
|
917 |
+
"type" => "textarea",
|
918 |
+
"description" => esc_html__( "Use this field to add text/html to be placed just before your gallery.", "final-tiles-grid-gallery-lite" ),
|
919 |
+
"proCall" => false,
|
920 |
+
"excludeFrom" => array( "shortcode" ),
|
921 |
+
) );
|
922 |
+
$this->addField( "Customizations", "afterGalleryText", array(
|
923 |
+
"name" => esc_html__( "Text after gallery", "final-tiles-grid-gallery-lite" ),
|
924 |
+
"type" => "textarea",
|
925 |
+
"description" => esc_html__( "Use this field to add text/html to be placed just after your gallery.", "final-tiles-grid-gallery-lite" ),
|
926 |
+
"proCall" => false,
|
927 |
+
"excludeFrom" => array( "shortcode" ),
|
928 |
+
) );
|
929 |
+
$this->addField( "Customizations", "style", array(
|
930 |
+
"name" => __( "Custom CSS", "final-tiles-grid-gallery-lite" ),
|
931 |
+
"type" => "textarea",
|
932 |
+
"description" => wp_kses( __( "<strong>Write just the code without using the <style> tag.</strong><br>List of useful selectors:<br>\r\n <br>\r\n <ul>\r\n <li>\r\n <em>.final-tiles-gallery</em> : gallery container;\r\n </li>\r\n <li>\r\n <em>.final-tiles-gallery .tile-inner</em> : tile content;\r\n </li>\r\n <li>\r\n <em>.final-tiles-gallery .tile-inner .item</em> : image of the tile;\r\n </li>\r\n <li>\r\n <em>.final-tiles-gallery .tile-inner .caption</em> : caption of the tile;\r\n </li>\r\n <li>\r\n <em>.final-tiles-gallery .ftg-filters</em> : filters container\r\n </li>\r\n <li>\r\n <em>.final-tiles-gallery .ftg-filters a</em> : filter\r\n </li>\r\n <li>\r\n <em>.final-tiles-gallery .ftg-filters a.selected</em> : selected filter\r\n </li>\r\n </ul>", "final-tiles-grid-gallery-lite" ), array() ),
|
933 |
+
"proCall" => false,
|
934 |
+
"excludeFrom" => array( "shortcode" ),
|
935 |
+
) );
|
936 |
+
$this->addField( "Customizations", "script", array(
|
937 |
+
"name" => esc_html__( "Custom scripts", "final-tiles-grid-gallery-lite" ),
|
938 |
+
"type" => "textarea",
|
939 |
+
"description" => wp_kses( __( "This script will be called after the gallery initialization. Useful for custom lightboxes.\r\n <br />\r\n <br />\r\n <strong>Write just the code without using the <script></script> tags</strong>", "final-tiles-grid-gallery-lite" ), array() ),
|
940 |
+
"proCall" => false,
|
941 |
+
"excludeFrom" => array( "shortcode" ),
|
942 |
+
) );
|
943 |
+
$this->addField( "Customizations", "delay", array(
|
944 |
+
"name" => esc_html__( "Delay", "final-tiles-grid-gallery-lite" ),
|
945 |
+
"type" => "text",
|
946 |
+
"description" => esc_html__( "Delay (in milliseconds) before firing the gallery. Sometimes it's needed to avoid conflicts with other plugins.", "final-tiles-grid-gallery-lite" ),
|
947 |
+
"min" => 0,
|
948 |
+
"max" => 5000,
|
949 |
+
"mu" => "ms",
|
950 |
+
"default" => 0,
|
951 |
+
"proCall" => false,
|
952 |
+
"excludeFrom" => array(),
|
953 |
+
) );
|
954 |
+
$this->addField( "Customizations", "support", array(
|
955 |
+
"name" => esc_html__( "Show developer link", "final-tiles-grid-gallery-lite" ),
|
956 |
+
"type" => "toggle",
|
957 |
+
"description" => esc_html__( "I want to support this plugin, show the developer link!", "final-tiles-grid-gallery-lite" ),
|
958 |
+
"default" => "F",
|
959 |
+
"proCall" => false,
|
960 |
+
"excludeFrom" => array(),
|
961 |
+
"proCall" => false,
|
962 |
+
"excludeFrom" => array(),
|
963 |
+
) );
|
964 |
+
$this->addField( "Customizations", "supportText", array(
|
965 |
+
"name" => esc_html__( "Developer link text", "final-tiles-grid-gallery-lite" ),
|
966 |
+
"type" => "text",
|
967 |
+
"description" => esc_html__( "Text for the developer link", "final-tiles-grid-gallery-lite" ),
|
968 |
+
"default" => "powered by Final Tiles Grid Gallery",
|
969 |
+
"proCall" => false,
|
970 |
+
"excludeFrom" => array(),
|
971 |
+
) );
|
972 |
+
$this->addField( "Advanced", "columnsTabletLandscape", array(
|
973 |
+
"name" => esc_html__( "Number of columns (Tablet landscape)", "final-tiles-grid-gallery-lite" ),
|
974 |
+
"type" => "number",
|
975 |
+
"description" => "",
|
976 |
+
"mu" => "",
|
977 |
+
"min" => 1,
|
978 |
+
"max" => 50,
|
979 |
+
"proCall" => false,
|
980 |
+
"excludeFrom" => array(),
|
981 |
+
) );
|
982 |
+
$this->addField( "Advanced", "columnsTabletPortrait", array(
|
983 |
+
"name" => esc_html__( "Number of columns (Tablet portrait)", "final-tiles-grid-gallery-lite" ),
|
984 |
+
"type" => "number",
|
985 |
+
"description" => "",
|
986 |
+
"mu" => "",
|
987 |
+
"min" => 1,
|
988 |
+
"max" => 50,
|
989 |
+
"proCall" => false,
|
990 |
+
"excludeFrom" => array(),
|
991 |
+
) );
|
992 |
+
$this->addField( "Advanced", "columnsPhoneLandscape", array(
|
993 |
+
"name" => esc_html__( "Number of columns (Phone landscape)", "final-tiles-grid-gallery-lite" ),
|
994 |
+
"type" => "number",
|
995 |
+
"description" => "",
|
996 |
+
"mu" => "",
|
997 |
+
"min" => 1,
|
998 |
+
"max" => 50,
|
999 |
+
"proCall" => false,
|
1000 |
+
"excludeFrom" => array(),
|
1001 |
+
) );
|
1002 |
+
$this->addField( "Advanced", "columnsPhonePortrait", array(
|
1003 |
+
"name" => esc_html__( "Number of columns (Phone portrait)", "final-tiles-grid-gallery-lite" ),
|
1004 |
+
"type" => "number",
|
1005 |
+
"description" => "",
|
1006 |
+
"mu" => "",
|
1007 |
+
"min" => 1,
|
1008 |
+
"max" => 50,
|
1009 |
+
"proCall" => false,
|
1010 |
+
"excludeFrom" => array(),
|
1011 |
+
) );
|
1012 |
+
$this->addField( "Advanced", "imageSizeFactor", array(
|
1013 |
+
"name" => esc_html__( "Image size factor", "final-tiles-grid-gallery-lite" ),
|
1014 |
+
"type" => "slider",
|
1015 |
+
"description" => esc_html__( "Percentage of image size, i.e.: if an image of the gallery is 300x200 and the size factor is 50% then the resulting image will be 150x100.\r\n 90% is a suggested default value, because under some circumstances, the images could be enlarged by the script (to fill gaps and avoid blank spaces between tiles).", "final-tiles-grid-gallery-lite" ),
|
1016 |
+
"default" => 90,
|
1017 |
+
"min" => 1,
|
1018 |
+
"max" => 100,
|
1019 |
+
"mu" => "%",
|
1020 |
+
"proCall" => false,
|
1021 |
+
"excludeFrom" => array(),
|
1022 |
+
) );
|
1023 |
+
$this->addField( "Advanced", "imageSizeFactorTabletLandscape", array(
|
1024 |
+
"name" => esc_html__( "Image size factor (Tablet Landscape)", "final-tiles-grid-gallery-lite" ),
|
1025 |
+
"type" => "slider",
|
1026 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 1024px, typically for tablets with landscape orientation", "final-tiles-grid-gallery-lite" ),
|
1027 |
+
"default" => 80,
|
1028 |
+
"min" => 1,
|
1029 |
+
"max" => 100,
|
1030 |
+
"mu" => "%",
|
1031 |
+
"proCall" => false,
|
1032 |
+
"excludeFrom" => array(),
|
1033 |
+
) );
|
1034 |
+
$this->addField( "Advanced", "imageSizeFactorTabletPortrait", array(
|
1035 |
+
"name" => esc_html__( "Image size factor Tablet Portrait", "final-tiles-grid-gallery-lite" ),
|
1036 |
+
"type" => "slider",
|
1037 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 768px, typically for tablets with portrait orientation", "final-tiles-grid-gallery-lite" ),
|
1038 |
+
"default" => 70,
|
1039 |
+
"min" => 1,
|
1040 |
+
"max" => 100,
|
1041 |
+
"mu" => "%",
|
1042 |
+
"proCall" => false,
|
1043 |
+
"excludeFrom" => array(),
|
1044 |
+
) );
|
1045 |
+
$this->addField( "Advanced", "imageSizeFactorPhoneLandscape", array(
|
1046 |
+
"name" => esc_html__( "Image size factor Smartphone Landscape", "final-tiles-grid-gallery-lite" ),
|
1047 |
+
"type" => "slider",
|
1048 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 640px, typically for smartphones with landscape orientation", "final-tiles-grid-gallery-lite" ),
|
1049 |
+
"default" => 60,
|
1050 |
+
"min" => 1,
|
1051 |
+
"max" => 100,
|
1052 |
+
"mu" => "%",
|
1053 |
+
"proCall" => false,
|
1054 |
+
"excludeFrom" => array(),
|
1055 |
+
) );
|
1056 |
+
$this->addField( "Advanced", "imageSizeFactorPhonePortrait", array(
|
1057 |
+
"name" => esc_html__( "Image size factor Phone Portrait", "final-tiles-grid-gallery-lite" ),
|
1058 |
+
"type" => "slider",
|
1059 |
+
"description" => esc_html__( "Image size factor to apply when the viewport is 320px, typically for smartphones with portrait orientation", "final-tiles-grid-gallery-lite" ),
|
1060 |
+
"default" => 50,
|
1061 |
+
"min" => 1,
|
1062 |
+
"max" => 100,
|
1063 |
+
"mu" => "%",
|
1064 |
+
"proCall" => false,
|
1065 |
+
"excludeFrom" => array(),
|
1066 |
+
) );
|
1067 |
+
$this->addField( "Advanced", "imageSizeFactorCustom", array(
|
1068 |
+
"name" => esc_html__( "Custom image size factor", "final-tiles-grid-gallery-lite" ),
|
1069 |
+
"hiddenFor" => array( "dashboard", "shortcode" ),
|
1070 |
+
"type" => FinalTiles_Gallery::getFieldType( "custom_isf" ),
|
1071 |
+
"description" => __( "Use this field if you need further resolutions. Make custom layout for any device and resolution.", "final-tiles-grid-gallery-lite" ),
|
1072 |
+
"proCall" => true,
|
1073 |
+
"excludeFrom" => array( "dashboard", "shortcode" ),
|
1074 |
+
) );
|
1075 |
+
$this->addField( "Advanced", "compressHTML", array(
|
1076 |
+
"name" => esc_html__( "Compress HTML", "final-tiles-grid-gallery-lite" ),
|
1077 |
+
"type" => "toggle",
|
1078 |
+
"description" => esc_html__( "Enable or disable HTML compression, some themes prefer uncompressed, switch it off in case of problems.", "final-tiles-grid-gallery-lite" ),
|
1079 |
+
"default" => "T",
|
1080 |
+
"proCall" => false,
|
1081 |
+
"excludeFrom" => array(),
|
1082 |
+
) );
|
1083 |
+
$this->addField( "Advanced", "minTileWidth", array(
|
1084 |
+
"name" => esc_html__( "Tile minimum width", "final-tiles-grid-gallery-lite" ),
|
1085 |
+
"type" => "number",
|
1086 |
+
"description" => wp_kses( __( "Minimum width of each tile, <strong>multiply this value for the image size factor to get the real size</strong>.", "final-tiles-grid-gallery-lite" ), array() ),
|
1087 |
+
"mu" => "px",
|
1088 |
+
"min" => 50,
|
1089 |
+
"max" => 500,
|
1090 |
+
"default" => 200,
|
1091 |
+
"proCall" => false,
|
1092 |
+
"excludeFrom" => array(),
|
1093 |
+
) );
|
1094 |
+
$this->addField( "Advanced", "enlargeImages", array(
|
1095 |
+
"name" => esc_html__( "Allow image enlargement", "final-tiles-grid-gallery-lite" ),
|
1096 |
+
"type" => "toggle",
|
1097 |
+
"description" => wp_kses( __( "Images can be occasionally enlarged to avoid gaps. If you notice a quality loss try to reduce the <strong>Image size factor</strong> parameter.", "final-tiles-grid-gallery-lite" ), array() ),
|
1098 |
+
"default" => "T",
|
1099 |
+
"proCall" => false,
|
1100 |
+
"excludeFrom" => array(),
|
1101 |
+
) );
|
1102 |
+
if ( ftg_fs()->is_plan_or_trial( 'ultimate' ) ) {
|
1103 |
+
$this->addField( "Advanced", "allFilterLabel", array(
|
1104 |
+
"name" => esc_html__( "Text for 'All' filter", "final-tiles-grid-gallery-lite" ),
|
1105 |
+
"type" => "text",
|
1106 |
+
"description" => esc_html__( "Write here the label for the 'All' filter", "final-tiles-grid-gallery-lite" ),
|
1107 |
+
"proCall" => false,
|
1108 |
+
"excludeFrom" => array(),
|
1109 |
+
) );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1110 |
}
|
admin/include/tinymce-galleries.php
CHANGED
@@ -1,87 +1,87 @@
|
|
1 |
-
<?php global $wp_version, $wpdb, $wp_post_types; ?>
|
2 |
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3 |
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
4 |
-
<head>
|
5 |
-
<title>Final Tiles Gallery</title>
|
6 |
-
<!--<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>-->
|
7 |
-
<script>
|
8 |
-
var wpColorPickerL10n = {"clear":"Clear","defaultString":"Default","pick":"Select Color","current":"Current Color"};
|
9 |
-
</script>
|
10 |
-
<script type="text/javascript" src="<?php print $admin_url ?>/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-tou&load%5B%5D=ch-punch,iris,wp-color-picker"></script>
|
11 |
-
<link rel="stylesheet" href="<?php print admin_url( 'load-styles.php?c=1&dir=ltr&load=buttons,wp-admin,iris,wp-color-picker'); ?>" type="text/css" media="all">
|
12 |
-
<link rel="stylesheet" href="<?php print $css_path ?>">
|
13 |
-
<script language="javascript" type="text/javascript" src="<?php echo includes_url( 'js/tinymce/tiny_mce_popup.js' ).'?ver='.$wp_version; ?>"></script>
|
14 |
-
<style type="text/css">
|
15 |
-
h1
|
16 |
-
{
|
17 |
-
color: black;
|
18 |
-
}
|
19 |
-
body {
|
20 |
-
overflow-y:scroll;
|
21 |
-
padding: 5px 20px 100px 20px;
|
22 |
-
height: auto;
|
23 |
-
}
|
24 |
-
#galleries{
|
25 |
-
width: 100%;
|
26 |
-
border-collapse: collapse;
|
27 |
-
}
|
28 |
-
tr:nth-child(1){
|
29 |
-
background-color: #90caf9;
|
30 |
-
}
|
31 |
-
tr{
|
32 |
-
background-color: #e3f2fd;
|
33 |
-
cursor: pointer;
|
34 |
-
}
|
35 |
-
tr:not(:nth-child(1)):hover{
|
36 |
-
background-color: #bbdefb;
|
37 |
-
}
|
38 |
-
|
39 |
-
#galleries td, #galleries th{
|
40 |
-
border: 1px solid white;
|
41 |
-
padding: 10px;
|
42 |
-
}
|
43 |
-
</style>
|
44 |
-
</head>
|
45 |
-
<body class="popup">
|
46 |
-
<h1> YOUR GALLERIES: </h1>
|
47 |
-
<br>
|
48 |
-
<table id="galleries">
|
49 |
-
<!-- list here galleries -->
|
50 |
-
<!-- loop variable $galleries -->
|
51 |
-
<tr>
|
52 |
-
<td>
|
53 |
-
<b> Name </b>
|
54 |
-
</td>
|
55 |
-
<td>
|
56 |
-
<b> Type </b>
|
57 |
-
</td>
|
58 |
-
<td>
|
59 |
-
<b> ID </b>
|
60 |
-
</td>
|
61 |
-
</tr>
|
62 |
-
<?php foreach($galleries as $gallery): ?>
|
63 |
-
<tr>
|
64 |
-
<td>
|
65 |
-
<label id="<?php print 'gall_' . $gallery->Id ?>"> <?php print $gallery->name ?> </label>
|
66 |
-
</td>
|
67 |
-
|
68 |
-
<td>
|
69 |
-
<?php print !empty($gallery->source) ? $gallery->source : "images"; ?>
|
70 |
-
</td>
|
71 |
-
|
72 |
-
<td>
|
73 |
-
<?php print $gallery->Id ?>
|
74 |
-
</td>
|
75 |
-
</tr>
|
76 |
-
<?php endforeach ?>
|
77 |
-
</table>
|
78 |
-
<script>
|
79 |
-
jQuery("#galleries tr").click(function (e) {
|
80 |
-
var id = jQuery(this).find('label').attr('id').split('gall_');
|
81 |
-
id.shift();
|
82 |
-
top.tinymce.activeEditor.insertContent('[FinalTilesGallery id="'+ id +'"]');
|
83 |
-
top.tinymce.activeEditor.windowManager.close();
|
84 |
-
});
|
85 |
-
</script>
|
86 |
-
</body>
|
87 |
-
</html>
|
1 |
+
<?php global $wp_version, $wpdb, $wp_post_types; ?>
|
2 |
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3 |
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
4 |
+
<head>
|
5 |
+
<title>Final Tiles Gallery</title>
|
6 |
+
<!--<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>-->
|
7 |
+
<script>
|
8 |
+
var wpColorPickerL10n = {"clear":"Clear","defaultString":"Default","pick":"Select Color","current":"Current Color"};
|
9 |
+
</script>
|
10 |
+
<script type="text/javascript" src="<?php print $admin_url ?>/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-draggable,jquery-ui-slider,jquery-tou&load%5B%5D=ch-punch,iris,wp-color-picker"></script>
|
11 |
+
<link rel="stylesheet" href="<?php print admin_url( 'load-styles.php?c=1&dir=ltr&load=buttons,wp-admin,iris,wp-color-picker'); ?>" type="text/css" media="all">
|
12 |
+
<link rel="stylesheet" href="<?php print $css_path ?>">
|
13 |
+
<script language="javascript" type="text/javascript" src="<?php echo includes_url( 'js/tinymce/tiny_mce_popup.js' ).'?ver='.$wp_version; ?>"></script>
|
14 |
+
<style type="text/css">
|
15 |
+
h1
|
16 |
+
{
|
17 |
+
color: black;
|
18 |
+
}
|
19 |
+
body {
|
20 |
+
overflow-y:scroll;
|
21 |
+
padding: 5px 20px 100px 20px;
|
22 |
+
height: auto;
|
23 |
+
}
|
24 |
+
#galleries{
|
25 |
+
width: 100%;
|
26 |
+
border-collapse: collapse;
|
27 |
+
}
|
28 |
+
tr:nth-child(1){
|
29 |
+
background-color: #90caf9;
|
30 |
+
}
|
31 |
+
tr{
|
32 |
+
background-color: #e3f2fd;
|
33 |
+
cursor: pointer;
|
34 |
+
}
|
35 |
+
tr:not(:nth-child(1)):hover{
|
36 |
+
background-color: #bbdefb;
|
37 |
+
}
|
38 |
+
|
39 |
+
#galleries td, #galleries th{
|
40 |
+
border: 1px solid white;
|
41 |
+
padding: 10px;
|
42 |
+
}
|
43 |
+
</style>
|
44 |
+
</head>
|
45 |
+
<body class="popup">
|
46 |
+
<h1> YOUR GALLERIES: </h1>
|
47 |
+
<br>
|
48 |
+
<table id="galleries">
|
49 |
+
<!-- list here galleries -->
|
50 |
+
<!-- loop variable $galleries -->
|
51 |
+
<tr>
|
52 |
+
<td>
|
53 |
+
<b> Name </b>
|
54 |
+
</td>
|
55 |
+
<td>
|
56 |
+
<b> Type </b>
|
57 |
+
</td>
|
58 |
+
<td>
|
59 |
+
<b> ID </b>
|
60 |
+
</td>
|
61 |
+
</tr>
|
62 |
+
<?php foreach($galleries as $gallery): ?>
|
63 |
+
<tr>
|
64 |
+
<td>
|
65 |
+
<label id="<?php print 'gall_' . $gallery->Id ?>"> <?php print $gallery->name ?> </label>
|
66 |
+
</td>
|
67 |
+
|
68 |
+
<td>
|
69 |
+
<?php print !empty($gallery->source) ? $gallery->source : "images"; ?>
|
70 |
+
</td>
|
71 |
+
|
72 |
+
<td>
|
73 |
+
<?php print $gallery->Id ?>
|
74 |
+
</td>
|
75 |
+
</tr>
|
76 |
+
<?php endforeach ?>
|
77 |
+
</table>
|
78 |
+
<script>
|
79 |
+
jQuery("#galleries tr").click(function (e) {
|
80 |
+
var id = jQuery(this).find('label').attr('id').split('gall_');
|
81 |
+
id.shift();
|
82 |
+
top.tinymce.activeEditor.insertContent('[FinalTilesGallery id="'+ id +'"]');
|
83 |
+
top.tinymce.activeEditor.windowManager.close();
|
84 |
+
});
|
85 |
+
</script>
|
86 |
+
</body>
|
87 |
+
</html>
|
admin/overview.php
CHANGED
@@ -1,239 +1,239 @@
|
|
1 |
-
<?php if(preg_match('#' . basename(__FILE__) . '#', $_SERVER['PHP_SELF'])) { die(esc_html_e('You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite')); } ?>
|
2 |
-
|
3 |
-
<?php $ftg_subtitle = "Dashboard" ?>
|
4 |
-
|
5 |
-
<?php
|
6 |
-
$galleries = $this->FinalTilesdb->getGalleries();
|
7 |
-
?>
|
8 |
-
|
9 |
-
<div class="bd wrap">
|
10 |
-
<h1 class="wp-heading-inline"><?php echo esc_html('Final Tiles Gallery') ?> <small><?php echo FTGVERSION . " " . FTG_PLAN ?></small></h1>
|
11 |
-
<h2 class="ftg-subtitle"><?php _e('Galleries','final-tiles-grid-gallery-lite') ?></h2>
|
12 |
-
<hr class="wp-header-end">
|
13 |
-
<?php if(count($galleries) == 0) : ?>
|
14 |
-
<div class="row ">
|
15 |
-
<div class="col s9">
|
16 |
-
<div class="card-panel light-green lighten-4">
|
17 |
-
<h5 class="cyan-text text-darken-3"><?php esc_html_e('Welcome to Final Tiles Grid Gallery!', 'final-tiles-grid-gallery-lite')?></h5>
|
18 |
-
<p>
|
19 |
-
<?php esc_html_e('Create your first awesome gallery, click', 'final-tiles-grid-gallery-lite')?> <a href="<?php echo admin_url('admin.php?page=ftg-add-gallery'); ?>"><?php esc_html_e('here', 'final-tiles-grid-gallery-lite')?></a>.
|
20 |
-
</p>
|
21 |
-
</div>
|
22 |
-
</div>
|
23 |
-
<div class="col s3">
|
24 |
-
<?php if ( ftg_fs()->is_not_paying()) : ?>
|
25 |
-
<ul class="collapsible gallery-actions">
|
26 |
-
<li class="active">
|
27 |
-
<div class="collapsible-header"><?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
28 |
-
<div class="collapsible-body">
|
29 |
-
<div class="ftg-upsell">
|
30 |
-
<a href="<?php echo ftg_fs()->get_upgrade_url() ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
31 |
-
</div>
|
32 |
-
</div>
|
33 |
-
</li>
|
34 |
-
</ul>
|
35 |
-
<?php endif ?>
|
36 |
-
</div>
|
37 |
-
</div>
|
38 |
-
<?php else : ?>
|
39 |
-
<div id="gallery-list" class="row">
|
40 |
-
<form id="reloadform"></form>
|
41 |
-
<div class="col s9">
|
42 |
-
<?php wp_nonce_field('FinalTiles_gallery', 'FinalTiles_gallery'); ?>
|
43 |
-
|
44 |
-
<table class="wp-list-table widefat fixed striped posts">
|
45 |
-
<thead>
|
46 |
-
<tr>
|
47 |
-
<td scope="col" class="manage-column column-title column-primary">
|
48 |
-
<?php esc_html_e('Title', 'final-tiles-grid-gallery-lite') ?>
|
49 |
-
</td>
|
50 |
-
<td scope="col" class="manage-column column-title column-primary">
|
51 |
-
<?php esc_html_e('Description', 'final-tiles-grid-gallery-lite') ?>
|
52 |
-
</td>
|
53 |
-
<td scope="col" class="manage-column column-title column-primary">
|
54 |
-
<?php esc_html_e('type', 'final-tiles-grid-gallery-lite') ?>
|
55 |
-
</td>
|
56 |
-
<td scope="col" class="manage-column column-title column-primary">
|
57 |
-
<?php esc_html_e('Shortcode', 'final-tiles-grid-gallery-lite') ?>
|
58 |
-
</td>
|
59 |
-
</thead>
|
60 |
-
|
61 |
-
<tbody id="the-list">
|
62 |
-
<?php foreach($galleries as $gallery) : ?>
|
63 |
-
<tr id="gallery-<?php echo absint($gallery->Id); ?>" class="iedit author-self level-0 post-10 type-post status-publish format-standard hentry">
|
64 |
-
<td class="title column-title has-row-actions column-primary page-title" data-colname="Title">
|
65 |
-
<strong>
|
66 |
-
<a href="<?php echo admin_url('?page=ftg-lite-gallery-admin&id='.absint($gallery->Id)); ?>"><?php echo esc_html($gallery->name); ?></a>
|
67 |
-
</strong>
|
68 |
-
<div class="row-actions">
|
69 |
-
<span class="edit">
|
70 |
-
<a href="<?php echo admin_url('?page=ftg-lite-gallery-admin&id=' . absint( $gallery->Id ) ); ?>" aria-label="Edit"><?php esc_html_e("Edit","final-tiles-grid-gallery-lite") ?></a> |
|
71 |
-
</span>
|
72 |
-
<span class="edit">
|
73 |
-
<a href="#" class="clone-gallery" data-gid="<?php echo absint($gallery->Id); ?>" aria-label="Clone"><?php esc_html_e("Clone gallery","final-tiles-grid-gallery-lite") ?></a> |
|
74 |
-
</span>
|
75 |
-
<span class="trash">
|
76 |
-
<a href="#delete-gallery-modal" data-gid="<?php echo absint($gallery->Id); ?>" class="modal-trigger submitdelete"><?php esc_html_e("Delete gallery", "final-tiles-grid-gallery-lite") ?></a>
|
77 |
-
</span>
|
78 |
-
</div>
|
79 |
-
</td>
|
80 |
-
<td class="title column-title has-row-actions column-primary">
|
81 |
-
<?php echo wp_kses_post($gallery->description); ?>
|
82 |
-
</td>
|
83 |
-
<td class="title column-title has-row-actions column-primary">
|
84 |
-
<?php echo wp_kses_post($gallery->source); ?>
|
85 |
-
</td>
|
86 |
-
<td class="title column-title has-row-actions column-primary">
|
87 |
-
<input readonly type="text" value="[FinalTilesGallery id='<?php echo absint($gallery->Id); ?>']" style="height:30px;">
|
88 |
-
<a href="#" title="Click to copy shortcode" class="copy-ftg-shortcode button button-primary dashicons dashicons-format-gallery" style="width:40px;"></a><span style="margin-left:15px;"></span>
|
89 |
-
</td>
|
90 |
-
</tr>
|
91 |
-
<?php endforeach ?>
|
92 |
-
</tbody>
|
93 |
-
</table>
|
94 |
-
</div>
|
95 |
-
<div class="col s3">
|
96 |
-
<?php if (ftg_fs()->is_not_paying() ) : ?>
|
97 |
-
<ul class="collapsible gallery-actions">
|
98 |
-
<li class="active">
|
99 |
-
<div class="collapsible-header"><?php _e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
100 |
-
<div class="collapsible-body">
|
101 |
-
<div class="ftg-upsell">
|
102 |
-
<a href="<?php echo ftg_fs()->get_upgrade_url() ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
103 |
-
</div>
|
104 |
-
</div>
|
105 |
-
</li>
|
106 |
-
</ul>
|
107 |
-
<?php endif ?>
|
108 |
-
<?php if (ftg_fs()->is_paying() && false) : ?>
|
109 |
-
<ul class="collapsible gallery-actions">
|
110 |
-
<li class="active">
|
111 |
-
<div class="collapsible-header">
|
112 |
-
<?php esc_html_e('Redeem your coupon', 'final-tiles-grid-gallery-lite')?>
|
113 |
-
</div>
|
114 |
-
<div class="collapsible-body">
|
115 |
-
<a href="<?php echo admin_url('admin.php?page=ftg-add-gallery'); ?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
116 |
-
<a href="#" class="no-thank-you"><?php esc_html_e('No, thank you', 'final-tiles-grid-gallery-lite') ?></a>
|
117 |
-
</div>
|
118 |
-
</li>
|
119 |
-
</ul>
|
120 |
-
<?php endif ?>
|
121 |
-
<ul class="collapsible gallery-actions">
|
122 |
-
<li class="active">
|
123 |
-
<div class="collapsible-header">
|
124 |
-
<?php esc_html_e('Galleries', 'final-tiles-grid-gallery-lite')?>
|
125 |
-
</div>
|
126 |
-
<div class="collapsible-body">
|
127 |
-
<a href="<?php echo admin_url('admin.php?page=ftg-add-gallery');?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
128 |
-
</div>
|
129 |
-
</li>
|
130 |
-
</ul>
|
131 |
-
</div>
|
132 |
-
|
133 |
-
</div>
|
134 |
-
<?php endif ?>
|
135 |
-
</div>
|
136 |
-
|
137 |
-
<!-- Delete gallery modal -->
|
138 |
-
<div id="delete-gallery-modal" class="modal">
|
139 |
-
<div class="modal-content">
|
140 |
-
<h4><?php esc_html_e('Confirmation', 'final-tiles-grid-gallery-lite')?></h4>
|
141 |
-
<p><?php esc_html_e('Do you really want to delete the gallery', 'final-tiles-grid-gallery-lite')?> <span></span> ?</p>
|
142 |
-
</div>
|
143 |
-
<div class="modal-footer">
|
144 |
-
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat yes"><?php esc_html_e('Yes', 'final-tiles-grid-gallery-lite')?></a>
|
145 |
-
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('No', 'final-tiles-grid-gallery-lite')?></a>
|
146 |
-
</div>
|
147 |
-
</div>
|
148 |
-
<!-- Shortcode gallery modal -->
|
149 |
-
<div id="shortcode-gallery-modal" class="modal">
|
150 |
-
<div class="modal-content">
|
151 |
-
<h4></h4>
|
152 |
-
<p><?php esc_html_e('Copy and paste the following shortcode inside a post, page or widget:', 'final-tiles-grid-gallery-lite')?></p>
|
153 |
-
<code></code>
|
154 |
-
</div>
|
155 |
-
<div class="modal-footer">
|
156 |
-
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('Close', 'final-tiles-grid-gallery-lite')?></a>
|
157 |
-
</div>
|
158 |
-
</div>
|
159 |
-
|
160 |
-
<div class="preloader-wrapper big active" id="spinner">
|
161 |
-
<div class="spinner-layer spinner-blue-only">
|
162 |
-
<div class="circle-clipper left">
|
163 |
-
<div class="circle"></div>
|
164 |
-
</div><div class="gap-patch">
|
165 |
-
<div class="circle"></div>
|
166 |
-
</div><div class="circle-clipper right">
|
167 |
-
<div class="circle"></div>
|
168 |
-
</div>
|
169 |
-
</div>
|
170 |
-
</div>
|
171 |
-
<script>
|
172 |
-
(function ($){
|
173 |
-
var galleryId;
|
174 |
-
var galleryName;
|
175 |
-
|
176 |
-
$("[data-gid]").click(function () {
|
177 |
-
galleryId = $(this).data("gid");
|
178 |
-
});
|
179 |
-
|
180 |
-
$(".delete-gallery").click(function (e) {
|
181 |
-
e.preventDefault();
|
182 |
-
|
183 |
-
galleryName = $(this).parents(".data").find(".card-title").text();
|
184 |
-
$("#delete-gallery-modal span").text(galleryName);
|
185 |
-
});
|
186 |
-
$(".clone-gallery").click(function (e) {
|
187 |
-
e.preventDefault();
|
188 |
-
var id = $(this).data("gid");
|
189 |
-
FTG.show_loading();
|
190 |
-
|
191 |
-
$.ajax({
|
192 |
-
url: ajaxurl,
|
193 |
-
data: {
|
194 |
-
action: 'clone_gallery',
|
195 |
-
id: id,
|
196 |
-
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
197 |
-
},
|
198 |
-
dataType: "json",
|
199 |
-
type: "post",
|
200 |
-
error: function(a, b, c) {
|
201 |
-
FTG.hide_loading();
|
202 |
-
},
|
203 |
-
success: function(r) {
|
204 |
-
location.href = "?page=ftg-lite-gallery-admin";
|
205 |
-
}
|
206 |
-
});
|
207 |
-
});
|
208 |
-
$(".show-shortcode").click(function(e) {
|
209 |
-
e.preventDefault();
|
210 |
-
|
211 |
-
var id = $(this).data("gid");
|
212 |
-
var name = $(this).parents(".data").find(".card-title").text();
|
213 |
-
$("#shortcode-gallery-modal h4").text(name);
|
214 |
-
$("#shortcode-gallery-modal code").text("[FinalTilesGallery id='"+id+"']");
|
215 |
-
$("#shortcode-gallery-modal").openModal();
|
216 |
-
});
|
217 |
-
$("body").on("click", "#delete-gallery-modal .yes", function () {
|
218 |
-
FTG.show_loading();
|
219 |
-
$.ajax({
|
220 |
-
url: ajaxurl,
|
221 |
-
data: {
|
222 |
-
action: 'delete_gallery',
|
223 |
-
id: galleryId,
|
224 |
-
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
225 |
-
},
|
226 |
-
dataType: "json",
|
227 |
-
type: "post",
|
228 |
-
error: function(a, b, c) {
|
229 |
-
console.log(a, b, c);
|
230 |
-
FTG.hide_loading();
|
231 |
-
},
|
232 |
-
success: function(r) {
|
233 |
-
$("#gallery-" + galleryId).remove();
|
234 |
-
FTG.hide_loading();
|
235 |
-
}
|
236 |
-
});
|
237 |
-
});
|
238 |
-
})(jQuery);
|
239 |
</script>
|
1 |
+
<?php if(preg_match('#' . basename(__FILE__) . '#', $_SERVER['PHP_SELF'])) { die(esc_html_e('You are not allowed to call this page directly.', 'final-tiles-grid-gallery-lite')); } ?>
|
2 |
+
|
3 |
+
<?php $ftg_subtitle = "Dashboard" ?>
|
4 |
+
|
5 |
+
<?php
|
6 |
+
$galleries = $this->FinalTilesdb->getGalleries();
|
7 |
+
?>
|
8 |
+
|
9 |
+
<div class="bd wrap">
|
10 |
+
<h1 class="wp-heading-inline"><?php echo esc_html('Final Tiles Gallery') ?> <small><?php echo FTGVERSION . " " . FTG_PLAN ?></small></h1>
|
11 |
+
<h2 class="ftg-subtitle"><?php _e('Galleries','final-tiles-grid-gallery-lite') ?></h2>
|
12 |
+
<hr class="wp-header-end">
|
13 |
+
<?php if(count($galleries) == 0) : ?>
|
14 |
+
<div class="row ">
|
15 |
+
<div class="col s9">
|
16 |
+
<div class="card-panel light-green lighten-4">
|
17 |
+
<h5 class="cyan-text text-darken-3"><?php esc_html_e('Welcome to Final Tiles Grid Gallery!', 'final-tiles-grid-gallery-lite')?></h5>
|
18 |
+
<p>
|
19 |
+
<?php esc_html_e('Create your first awesome gallery, click', 'final-tiles-grid-gallery-lite')?> <a href="<?php echo admin_url('admin.php?page=ftg-add-gallery'); ?>"><?php esc_html_e('here', 'final-tiles-grid-gallery-lite')?></a>.
|
20 |
+
</p>
|
21 |
+
</div>
|
22 |
+
</div>
|
23 |
+
<div class="col s3">
|
24 |
+
<?php if ( ftg_fs()->is_not_paying()) : ?>
|
25 |
+
<ul class="collapsible gallery-actions">
|
26 |
+
<li class="active">
|
27 |
+
<div class="collapsible-header"><?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
28 |
+
<div class="collapsible-body">
|
29 |
+
<div class="ftg-upsell">
|
30 |
+
<a href="<?php echo ftg_fs()->get_upgrade_url() ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
31 |
+
</div>
|
32 |
+
</div>
|
33 |
+
</li>
|
34 |
+
</ul>
|
35 |
+
<?php endif ?>
|
36 |
+
</div>
|
37 |
+
</div>
|
38 |
+
<?php else : ?>
|
39 |
+
<div id="gallery-list" class="row">
|
40 |
+
<form id="reloadform"></form>
|
41 |
+
<div class="col s9">
|
42 |
+
<?php wp_nonce_field('FinalTiles_gallery', 'FinalTiles_gallery'); ?>
|
43 |
+
|
44 |
+
<table class="wp-list-table widefat fixed striped posts">
|
45 |
+
<thead>
|
46 |
+
<tr>
|
47 |
+
<td scope="col" class="manage-column column-title column-primary">
|
48 |
+
<?php esc_html_e('Title', 'final-tiles-grid-gallery-lite') ?>
|
49 |
+
</td>
|
50 |
+
<td scope="col" class="manage-column column-title column-primary">
|
51 |
+
<?php esc_html_e('Description', 'final-tiles-grid-gallery-lite') ?>
|
52 |
+
</td>
|
53 |
+
<td scope="col" class="manage-column column-title column-primary">
|
54 |
+
<?php esc_html_e('type', 'final-tiles-grid-gallery-lite') ?>
|
55 |
+
</td>
|
56 |
+
<td scope="col" class="manage-column column-title column-primary">
|
57 |
+
<?php esc_html_e('Shortcode', 'final-tiles-grid-gallery-lite') ?>
|
58 |
+
</td>
|
59 |
+
</thead>
|
60 |
+
|
61 |
+
<tbody id="the-list">
|
62 |
+
<?php foreach($galleries as $gallery) : ?>
|
63 |
+
<tr id="gallery-<?php echo absint($gallery->Id); ?>" class="iedit author-self level-0 post-10 type-post status-publish format-standard hentry">
|
64 |
+
<td class="title column-title has-row-actions column-primary page-title" data-colname="Title">
|
65 |
+
<strong>
|
66 |
+
<a href="<?php echo admin_url('?page=ftg-lite-gallery-admin&id='.absint($gallery->Id)); ?>"><?php echo esc_html($gallery->name); ?></a>
|
67 |
+
</strong>
|
68 |
+
<div class="row-actions">
|
69 |
+
<span class="edit">
|
70 |
+
<a href="<?php echo admin_url('?page=ftg-lite-gallery-admin&id=' . absint( $gallery->Id ) ); ?>" aria-label="Edit"><?php esc_html_e("Edit","final-tiles-grid-gallery-lite") ?></a> |
|
71 |
+
</span>
|
72 |
+
<span class="edit">
|
73 |
+
<a href="#" class="clone-gallery" data-gid="<?php echo absint($gallery->Id); ?>" aria-label="Clone"><?php esc_html_e("Clone gallery","final-tiles-grid-gallery-lite") ?></a> |
|
74 |
+
</span>
|
75 |
+
<span class="trash">
|
76 |
+
<a href="#delete-gallery-modal" data-gid="<?php echo absint($gallery->Id); ?>" class="modal-trigger submitdelete"><?php esc_html_e("Delete gallery", "final-tiles-grid-gallery-lite") ?></a>
|
77 |
+
</span>
|
78 |
+
</div>
|
79 |
+
</td>
|
80 |
+
<td class="title column-title has-row-actions column-primary">
|
81 |
+
<?php echo wp_kses_post($gallery->description); ?>
|
82 |
+
</td>
|
83 |
+
<td class="title column-title has-row-actions column-primary">
|
84 |
+
<?php echo wp_kses_post($gallery->source); ?>
|
85 |
+
</td>
|
86 |
+
<td class="title column-title has-row-actions column-primary">
|
87 |
+
<input readonly type="text" value="[FinalTilesGallery id='<?php echo absint($gallery->Id); ?>']" style="height:30px;">
|
88 |
+
<a href="#" title="Click to copy shortcode" class="copy-ftg-shortcode button button-primary dashicons dashicons-format-gallery" style="width:40px;"></a><span style="margin-left:15px;"></span>
|
89 |
+
</td>
|
90 |
+
</tr>
|
91 |
+
<?php endforeach ?>
|
92 |
+
</tbody>
|
93 |
+
</table>
|
94 |
+
</div>
|
95 |
+
<div class="col s3">
|
96 |
+
<?php if (ftg_fs()->is_not_paying() ) : ?>
|
97 |
+
<ul class="collapsible gallery-actions">
|
98 |
+
<li class="active">
|
99 |
+
<div class="collapsible-header"><?php _e('Upgrade', 'final-tiles-grid-gallery-lite') ?>: <?php esc_html_e('unlock features', 'final-tiles-grid-gallery-lite') ?></div>
|
100 |
+
<div class="collapsible-body">
|
101 |
+
<div class="ftg-upsell">
|
102 |
+
<a href="<?php echo ftg_fs()->get_upgrade_url() ?>"><i class="fa fa-hand-o-right"></i> <?php esc_html_e('Upgrade', 'final-tiles-grid-gallery-lite') ?></a>
|
103 |
+
</div>
|
104 |
+
</div>
|
105 |
+
</li>
|
106 |
+
</ul>
|
107 |
+
<?php endif ?>
|
108 |
+
<?php if (ftg_fs()->is_paying() && false) : ?>
|
109 |
+
<ul class="collapsible gallery-actions">
|
110 |
+
<li class="active">
|
111 |
+
<div class="collapsible-header">
|
112 |
+
<?php esc_html_e('Redeem your coupon', 'final-tiles-grid-gallery-lite')?>
|
113 |
+
</div>
|
114 |
+
<div class="collapsible-body">
|
115 |
+
<a href="<?php echo admin_url('admin.php?page=ftg-add-gallery'); ?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
116 |
+
<a href="#" class="no-thank-you"><?php esc_html_e('No, thank you', 'final-tiles-grid-gallery-lite') ?></a>
|
117 |
+
</div>
|
118 |
+
</li>
|
119 |
+
</ul>
|
120 |
+
<?php endif ?>
|
121 |
+
<ul class="collapsible gallery-actions">
|
122 |
+
<li class="active">
|
123 |
+
<div class="collapsible-header">
|
124 |
+
<?php esc_html_e('Galleries', 'final-tiles-grid-gallery-lite')?>
|
125 |
+
</div>
|
126 |
+
<div class="collapsible-body">
|
127 |
+
<a href="<?php echo admin_url('admin.php?page=ftg-add-gallery');?>" class="button components-button is-primary"><?php esc_html_e('Add gallery', 'final-tiles-grid-gallery-lite')?></a>
|
128 |
+
</div>
|
129 |
+
</li>
|
130 |
+
</ul>
|
131 |
+
</div>
|
132 |
+
|
133 |
+
</div>
|
134 |
+
<?php endif ?>
|
135 |
+
</div>
|
136 |
+
|
137 |
+
<!-- Delete gallery modal -->
|
138 |
+
<div id="delete-gallery-modal" class="modal">
|
139 |
+
<div class="modal-content">
|
140 |
+
<h4><?php esc_html_e('Confirmation', 'final-tiles-grid-gallery-lite')?></h4>
|
141 |
+
<p><?php esc_html_e('Do you really want to delete the gallery', 'final-tiles-grid-gallery-lite')?> <span></span> ?</p>
|
142 |
+
</div>
|
143 |
+
<div class="modal-footer">
|
144 |
+
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat yes"><?php esc_html_e('Yes', 'final-tiles-grid-gallery-lite')?></a>
|
145 |
+
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('No', 'final-tiles-grid-gallery-lite')?></a>
|
146 |
+
</div>
|
147 |
+
</div>
|
148 |
+
<!-- Shortcode gallery modal -->
|
149 |
+
<div id="shortcode-gallery-modal" class="modal">
|
150 |
+
<div class="modal-content">
|
151 |
+
<h4></h4>
|
152 |
+
<p><?php esc_html_e('Copy and paste the following shortcode inside a post, page or widget:', 'final-tiles-grid-gallery-lite')?></p>
|
153 |
+
<code></code>
|
154 |
+
</div>
|
155 |
+
<div class="modal-footer">
|
156 |
+
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"><?php esc_html_e('Close', 'final-tiles-grid-gallery-lite')?></a>
|
157 |
+
</div>
|
158 |
+
</div>
|
159 |
+
|
160 |
+
<div class="preloader-wrapper big active" id="spinner">
|
161 |
+
<div class="spinner-layer spinner-blue-only">
|
162 |
+
<div class="circle-clipper left">
|
163 |
+
<div class="circle"></div>
|
164 |
+
</div><div class="gap-patch">
|
165 |
+
<div class="circle"></div>
|
166 |
+
</div><div class="circle-clipper right">
|
167 |
+
<div class="circle"></div>
|
168 |
+
</div>
|
169 |
+
</div>
|
170 |
+
</div>
|
171 |
+
<script>
|
172 |
+
(function ($){
|
173 |
+
var galleryId;
|
174 |
+
var galleryName;
|
175 |
+
|
176 |
+
$("[data-gid]").click(function () {
|
177 |
+
galleryId = $(this).data("gid");
|
178 |
+
});
|
179 |
+
|
180 |
+
$(".delete-gallery").click(function (e) {
|
181 |
+
e.preventDefault();
|
182 |
+
|
183 |
+
galleryName = $(this).parents(".data").find(".card-title").text();
|
184 |
+
$("#delete-gallery-modal span").text(galleryName);
|
185 |
+
});
|
186 |
+
$(".clone-gallery").click(function (e) {
|
187 |
+
e.preventDefault();
|
188 |
+
var id = $(this).data("gid");
|
189 |
+
FTG.show_loading();
|
190 |
+
|
191 |
+
$.ajax({
|
192 |
+
url: ajaxurl,
|
193 |
+
data: {
|
194 |
+
action: 'clone_gallery',
|
195 |
+
id: id,
|
196 |
+
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
197 |
+
},
|
198 |
+
dataType: "json",
|
199 |
+
type: "post",
|
200 |
+
error: function(a, b, c) {
|
201 |
+
FTG.hide_loading();
|
202 |
+
},
|
203 |
+
success: function(r) {
|
204 |
+
location.href = "?page=ftg-lite-gallery-admin";
|
205 |
+
}
|
206 |
+
});
|
207 |
+
});
|
208 |
+
$(".show-shortcode").click(function(e) {
|
209 |
+
e.preventDefault();
|
210 |
+
|
211 |
+
var id = $(this).data("gid");
|
212 |
+
var name = $(this).parents(".data").find(".card-title").text();
|
213 |
+
$("#shortcode-gallery-modal h4").text(name);
|
214 |
+
$("#shortcode-gallery-modal code").text("[FinalTilesGallery id='"+id+"']");
|
215 |
+
$("#shortcode-gallery-modal").openModal();
|
216 |
+
});
|
217 |
+
$("body").on("click", "#delete-gallery-modal .yes", function () {
|
218 |
+
FTG.show_loading();
|
219 |
+
$.ajax({
|
220 |
+
url: ajaxurl,
|
221 |
+
data: {
|
222 |
+
action: 'delete_gallery',
|
223 |
+
id: galleryId,
|
224 |
+
FinalTiles_gallery: $('#FinalTiles_gallery').val()
|
225 |
+
},
|
226 |
+
dataType: "json",
|
227 |
+
type: "post",
|
228 |
+
error: function(a, b, c) {
|
229 |
+
console.log(a, b, c);
|
230 |
+
FTG.hide_loading();
|
231 |
+
},
|
232 |
+
success: function(r) {
|
233 |
+
$("#gallery-" + galleryId).remove();
|
234 |
+
FTG.hide_loading();
|
235 |
+
}
|
236 |
+
});
|
237 |
+
});
|
238 |
+
})(jQuery);
|
239 |
</script>
|
admin/scripts/admin.js
CHANGED
@@ -1,21 +1,21 @@
|
|
1 |
-
jQuery(function () {
|
2 |
-
var $ = jQuery;
|
3 |
-
|
4 |
-
$(".fs-modal").on("click", 'input', function () {
|
5 |
-
if($(this).val() == "2" || $(this).val() == "7") {
|
6 |
-
$(this).parents(".reason").find('input[type="text"], .message').hide();
|
7 |
-
$(this).parents(".reason").addClass("other-plugin").find(".reason-input").prepend("<p class='photoblocks-tip'>👉 Maybe <a href='plugin-install.php?s=photoblocks&tab=search&type=term'>PhotoBlocks</a> could be the right gallery for you!</p>");
|
8 |
-
}
|
9 |
-
});
|
10 |
-
|
11 |
-
// Copy shortcode functionality
|
12 |
-
$('.copy-ftg-shortcode').click(function (e) {
|
13 |
-
e.preventDefault();
|
14 |
-
var gallery_shortcode = $(this).parent().find('input');
|
15 |
-
gallery_shortcode.focus();
|
16 |
-
gallery_shortcode.select();
|
17 |
-
document.execCommand("copy");
|
18 |
-
$(this).next('span').text('Copied');
|
19 |
-
setTimeout( function() { $('.copy-ftg-shortcode ~ span').text('') }, 1000) ;
|
20 |
-
});
|
21 |
});
|
1 |
+
jQuery(function () {
|
2 |
+
var $ = jQuery;
|
3 |
+
|
4 |
+
$(".fs-modal").on("click", 'input', function () {
|
5 |
+
if($(this).val() == "2" || $(this).val() == "7") {
|
6 |
+
$(this).parents(".reason").find('input[type="text"], .message').hide();
|
7 |
+
$(this).parents(".reason").addClass("other-plugin").find(".reason-input").prepend("<p class='photoblocks-tip'>👉 Maybe <a href='plugin-install.php?s=photoblocks&tab=search&type=term'>PhotoBlocks</a> could be the right gallery for you!</p>");
|
8 |
+
}
|
9 |
+
});
|
10 |
+
|
11 |
+
// Copy shortcode functionality
|
12 |
+
$('.copy-ftg-shortcode').click(function (e) {
|
13 |
+
e.preventDefault();
|
14 |
+
var gallery_shortcode = $(this).parent().find('input');
|
15 |
+
gallery_shortcode.focus();
|
16 |
+
gallery_shortcode.select();
|
17 |
+
document.execCommand("copy");
|
18 |
+
$(this).next('span').text('Copied');
|
19 |
+
setTimeout( function() { $('.copy-ftg-shortcode ~ span').text('') }, 1000) ;
|
20 |
+
});
|
21 |
});
|
admin/scripts/editor-plugin.js
CHANGED
@@ -1,32 +1,32 @@
|
|
1 |
-
(function() {
|
2 |
-
tinymce.create('tinymce.plugins.FinalTilesGallery', {
|
3 |
-
init : function(ed, url)
|
4 |
-
{
|
5 |
-
ed.addCommand('ftg_shortcode_editor_button', function()
|
6 |
-
{
|
7 |
-
ed.windowManager.open(
|
8 |
-
{
|
9 |
-
file: ajaxurl + '?action=ftg_shortcode_editor',
|
10 |
-
width : 900 + parseInt(ed.getLang('button.delta_width', 0)),
|
11 |
-
height : 500 + parseInt(ed.getLang('button.delta_height', 0)),
|
12 |
-
inline : 1
|
13 |
-
}, {
|
14 |
-
plugin_url : url
|
15 |
-
});
|
16 |
-
});
|
17 |
-
|
18 |
-
ed.addButton('ftg_shortcode_editor', {title : 'Final Tiles Gallery', cmd : 'ftg_shortcode_editor_button', image: url.substring(0,url.lastIndexOf("/admin/scripts")) + '/admin/icon.png' });
|
19 |
-
},
|
20 |
-
getInfo : function()
|
21 |
-
{
|
22 |
-
return {
|
23 |
-
longname : 'Final Tiles Gallery',
|
24 |
-
author : 'MachoThemes',
|
25 |
-
authorurl : 'https://machothemes.com',
|
26 |
-
infourl : 'https://machothemes.com',
|
27 |
-
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
28 |
-
};
|
29 |
-
}
|
30 |
-
});
|
31 |
-
tinymce.PluginManager.add('ftg_shortcode_editor', tinymce.plugins.FinalTilesGallery);
|
32 |
})();
|
1 |
+
(function() {
|
2 |
+
tinymce.create('tinymce.plugins.FinalTilesGallery', {
|
3 |
+
init : function(ed, url)
|
4 |
+
{
|
5 |
+
ed.addCommand('ftg_shortcode_editor_button', function()
|
6 |
+
{
|
7 |
+
ed.windowManager.open(
|
8 |
+
{
|
9 |
+
file: ajaxurl + '?action=ftg_shortcode_editor',
|
10 |
+
width : 900 + parseInt(ed.getLang('button.delta_width', 0)),
|
11 |
+
height : 500 + parseInt(ed.getLang('button.delta_height', 0)),
|
12 |
+
inline : 1
|
13 |
+
}, {
|
14 |
+
plugin_url : url
|
15 |
+
});
|
16 |
+
});
|
17 |
+
|
18 |
+
ed.addButton('ftg_shortcode_editor', {title : 'Final Tiles Gallery', cmd : 'ftg_shortcode_editor_button', image: url.substring(0,url.lastIndexOf("/admin/scripts")) + '/admin/icon.png' });
|
19 |
+
},
|
20 |
+
getInfo : function()
|
21 |
+
{
|
22 |
+
return {
|
23 |
+
longname : 'Final Tiles Gallery',
|
24 |
+
author : 'MachoThemes',
|
25 |
+
authorurl : 'https://machothemes.com',
|
26 |
+
infourl : 'https://machothemes.com',
|
27 |
+
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
28 |
+
};
|
29 |
+
}
|
30 |
+
});
|
31 |
+
tinymce.PluginManager.add('ftg_shortcode_editor', tinymce.plugins.FinalTilesGallery);
|
32 |
})();
|
admin/scripts/final-tiles-gallery-admin.js
CHANGED
@@ -49,7 +49,7 @@ var FTG = function($) {
|
|
49 |
|
50 |
$.post(ajaxurl, data, function(html) {
|
51 |
$("#image-list").empty().append(html);
|
52 |
-
|
53 |
if (source == 'images') {
|
54 |
$("#image-list").sortable({
|
55 |
cancel: ".nosort",
|
@@ -333,7 +333,7 @@ var FTG = function($) {
|
|
333 |
$("body").on("keyup", ".filters .f", function() {
|
334 |
$(this).siblings("input").val(this.value);
|
335 |
});
|
336 |
-
|
337 |
$('[name="ftg_lightbox"]').change(function () {
|
338 |
if($(this).val() == "everlightbox")
|
339 |
$(".ftg-everlightbox-settings").show();
|
@@ -367,8 +367,8 @@ var FTG = function($) {
|
|
367 |
});
|
368 |
if (selected.length == 0) {
|
369 |
return
|
370 |
-
} else {
|
371 |
-
|
372 |
var data = {
|
373 |
action: 'assign_group',
|
374 |
FinalTiles_gallery: $('#FinalTiles_gallery').val(),
|
@@ -392,8 +392,8 @@ var FTG = function($) {
|
|
392 |
});
|
393 |
if (selected.length == 0) {
|
394 |
return
|
395 |
-
} else {
|
396 |
-
|
397 |
var filters = [];
|
398 |
$("#filters-to-assign :checked").each(function(i, o) {
|
399 |
filters.push($(o).val());
|
@@ -439,7 +439,7 @@ var FTG = function($) {
|
|
439 |
});
|
440 |
}
|
441 |
});
|
442 |
-
|
443 |
|
444 |
$("[name=ftg_layout]").change(function() {
|
445 |
|
@@ -500,14 +500,14 @@ var FTG = function($) {
|
|
500 |
if($(this).val() == "F")
|
501 |
{
|
502 |
$(".js-ajax-loading").hide();
|
503 |
-
}
|
504 |
else
|
505 |
{
|
506 |
var val = parseInt($('[name="ftg_tilesPerPage"]').val());
|
507 |
if(val == 0)
|
508 |
$('[name="ftg_tilesPerPage"]').val(20);
|
509 |
$(".js-ajax-loading").show();
|
510 |
-
}
|
511 |
}).change();
|
512 |
|
513 |
$(".field .text .integer-only").keypress(function(e) {
|
@@ -701,7 +701,7 @@ var FTG = function($) {
|
|
701 |
}
|
702 |
});
|
703 |
$("body").on("change", ".presets", function () {
|
704 |
-
var idx = $(this).data("field-idx");
|
705 |
for(p in presets["preset_" + idx + "_" + $(this).val()]) {
|
706 |
$('[name="ftg_'+ p +'"]').val(presets["preset_" + idx + "_" + $(this).val()][p]).change();
|
707 |
}
|
@@ -758,7 +758,7 @@ var FTG = function($) {
|
|
758 |
});
|
759 |
if (selected.length == 0) {
|
760 |
alert("No images selected");
|
761 |
-
} else {
|
762 |
$("#groups-modal").data("ids", selected);
|
763 |
|
764 |
//var instance = M.Modal.getInstance($("#groups-modal"));
|
@@ -846,7 +846,7 @@ var FTG = function($) {
|
|
846 |
|
847 |
$(".panel", $bulk).slideDown();
|
848 |
}
|
849 |
-
break;
|
850 |
}
|
851 |
});
|
852 |
$("body").on("click", "[data-remove-images]", function () {
|
@@ -891,7 +891,7 @@ var FTG = function($) {
|
|
891 |
var val = this.checked ? "T" : "F";
|
892 |
|
893 |
} else {
|
894 |
-
var val = $(this).val();
|
895 |
}
|
896 |
if($("#preview-" + code).length) {
|
897 |
$("#preview-" + code).text(val);
|
@@ -988,14 +988,16 @@ var FTG = function($) {
|
|
988 |
$(".open-checkout").click(function (e) {
|
989 |
e.preventDefault();
|
990 |
var url = $(this).attr("href");
|
991 |
-
|
992 |
var strWindowFeatures = "menubar=no,location=no,resizable=yes,scrollbars=yes,status=yes,width=650";
|
993 |
-
window.open(url, "EverlightBox", strWindowFeatures);
|
994 |
});
|
995 |
},
|
996 |
init: function() {
|
997 |
$backToTop = $(".back-to-top");
|
998 |
FTG.bind();
|
|
|
|
|
999 |
// $("[name=ftg_source]").change();
|
1000 |
$imageList = $("#image-list");
|
1001 |
setInterval(function() {
|
@@ -1141,14 +1143,13 @@ var FTGWizard = function($) {
|
|
1141 |
|
1142 |
$_wizard.find("footer a").addClass("disabled");
|
1143 |
$_wizard.find(".loading").show();
|
1144 |
-
|
1145 |
$.ajax({
|
1146 |
url: ajaxurl,
|
1147 |
data: data,
|
1148 |
dataType: "json",
|
1149 |
type: "post",
|
1150 |
error: function(a, b, c) {
|
1151 |
-
M.Modal.getInstance($("#error")).open();
|
1152 |
},
|
1153 |
success: function(id) {
|
1154 |
id = $.trim(id);
|
49 |
|
50 |
$.post(ajaxurl, data, function(html) {
|
51 |
$("#image-list").empty().append(html);
|
52 |
+
|
53 |
if (source == 'images') {
|
54 |
$("#image-list").sortable({
|
55 |
cancel: ".nosort",
|
333 |
$("body").on("keyup", ".filters .f", function() {
|
334 |
$(this).siblings("input").val(this.value);
|
335 |
});
|
336 |
+
|
337 |
$('[name="ftg_lightbox"]').change(function () {
|
338 |
if($(this).val() == "everlightbox")
|
339 |
$(".ftg-everlightbox-settings").show();
|
367 |
});
|
368 |
if (selected.length == 0) {
|
369 |
return
|
370 |
+
} else {
|
371 |
+
|
372 |
var data = {
|
373 |
action: 'assign_group',
|
374 |
FinalTiles_gallery: $('#FinalTiles_gallery').val(),
|
392 |
});
|
393 |
if (selected.length == 0) {
|
394 |
return
|
395 |
+
} else {
|
396 |
+
|
397 |
var filters = [];
|
398 |
$("#filters-to-assign :checked").each(function(i, o) {
|
399 |
filters.push($(o).val());
|
439 |
});
|
440 |
}
|
441 |
});
|
442 |
+
|
443 |
|
444 |
$("[name=ftg_layout]").change(function() {
|
445 |
|
500 |
if($(this).val() == "F")
|
501 |
{
|
502 |
$(".js-ajax-loading").hide();
|
503 |
+
}
|
504 |
else
|
505 |
{
|
506 |
var val = parseInt($('[name="ftg_tilesPerPage"]').val());
|
507 |
if(val == 0)
|
508 |
$('[name="ftg_tilesPerPage"]').val(20);
|
509 |
$(".js-ajax-loading").show();
|
510 |
+
}
|
511 |
}).change();
|
512 |
|
513 |
$(".field .text .integer-only").keypress(function(e) {
|
701 |
}
|
702 |
});
|
703 |
$("body").on("change", ".presets", function () {
|
704 |
+
var idx = $(this).data("field-idx");
|
705 |
for(p in presets["preset_" + idx + "_" + $(this).val()]) {
|
706 |
$('[name="ftg_'+ p +'"]').val(presets["preset_" + idx + "_" + $(this).val()][p]).change();
|
707 |
}
|
758 |
});
|
759 |
if (selected.length == 0) {
|
760 |
alert("No images selected");
|
761 |
+
} else {
|
762 |
$("#groups-modal").data("ids", selected);
|
763 |
|
764 |
//var instance = M.Modal.getInstance($("#groups-modal"));
|
846 |
|
847 |
$(".panel", $bulk).slideDown();
|
848 |
}
|
849 |
+
break;
|
850 |
}
|
851 |
});
|
852 |
$("body").on("click", "[data-remove-images]", function () {
|
891 |
var val = this.checked ? "T" : "F";
|
892 |
|
893 |
} else {
|
894 |
+
var val = $(this).val();
|
895 |
}
|
896 |
if($("#preview-" + code).length) {
|
897 |
$("#preview-" + code).text(val);
|
988 |
$(".open-checkout").click(function (e) {
|
989 |
e.preventDefault();
|
990 |
var url = $(this).attr("href");
|
991 |
+
|
992 |
var strWindowFeatures = "menubar=no,location=no,resizable=yes,scrollbars=yes,status=yes,width=650";
|
993 |
+
window.open(url, "EverlightBox", strWindowFeatures);
|
994 |
});
|
995 |
},
|
996 |
init: function() {
|
997 |
$backToTop = $(".back-to-top");
|
998 |
FTG.bind();
|
999 |
+
// Adding the load_images here will trigger 2 identical requests on PHP8 but solves the problem on PHP 7.3^ and triggers only 1 request
|
1000 |
+
FTG.load_images();
|
1001 |
// $("[name=ftg_source]").change();
|
1002 |
$imageList = $("#image-list");
|
1003 |
setInterval(function() {
|
1143 |
|
1144 |
$_wizard.find("footer a").addClass("disabled");
|
1145 |
$_wizard.find(".loading").show();
|
|
|
1146 |
$.ajax({
|
1147 |
url: ajaxurl,
|
1148 |
data: data,
|
1149 |
dataType: "json",
|
1150 |
type: "post",
|
1151 |
error: function(a, b, c) {
|
1152 |
+
M.Modal.getInstance($("#error")).open();
|
1153 |
},
|
1154 |
success: function(id) {
|
1155 |
id = $.trim(id);
|
admin/scripts/materialize.min.js
CHANGED
@@ -1,11961 +1,11961 @@
|
|
1 |
-
/*!
|
2 |
-
* Materialize v1.0.0 (http://materializecss.com)
|
3 |
-
* Copyright 2014-2017 Materialize
|
4 |
-
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
5 |
-
*/
|
6 |
-
var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
7 |
-
|
8 |
-
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
9 |
-
|
10 |
-
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
11 |
-
|
12 |
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
13 |
-
|
14 |
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15 |
-
|
16 |
-
/*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */
|
17 |
-
(function (factory) {
|
18 |
-
window.cash = factory();
|
19 |
-
})(function () {
|
20 |
-
var doc = document,
|
21 |
-
win = window,
|
22 |
-
ArrayProto = Array.prototype,
|
23 |
-
slice = ArrayProto.slice,
|
24 |
-
filter = ArrayProto.filter,
|
25 |
-
push = ArrayProto.push;
|
26 |
-
|
27 |
-
var noop = function () {},
|
28 |
-
isFunction = function (item) {
|
29 |
-
// @see https://crbug.com/568448
|
30 |
-
return typeof item === typeof noop && item.call;
|
31 |
-
},
|
32 |
-
isString = function (item) {
|
33 |
-
return typeof item === typeof "";
|
34 |
-
};
|
35 |
-
|
36 |
-
var idMatch = /^#[\w-]*$/,
|
37 |
-
classMatch = /^\.[\w-]*$/,
|
38 |
-
htmlMatch = /<.+>/,
|
39 |
-
singlet = /^\w+$/;
|
40 |
-
|
41 |
-
function find(selector, context) {
|
42 |
-
context = context || doc;
|
43 |
-
var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector);
|
44 |
-
return elems;
|
45 |
-
}
|
46 |
-
|
47 |
-
var frag;
|
48 |
-
function parseHTML(str) {
|
49 |
-
if (!frag) {
|
50 |
-
frag = doc.implementation.createHTMLDocument(null);
|
51 |
-
var base = frag.createElement("base");
|
52 |
-
base.href = doc.location.href;
|
53 |
-
frag.head.appendChild(base);
|
54 |
-
}
|
55 |
-
|
56 |
-
frag.body.innerHTML = str;
|
57 |
-
|
58 |
-
return frag.body.childNodes;
|
59 |
-
}
|
60 |
-
|
61 |
-
function onReady(fn) {
|
62 |
-
if (doc.readyState !== "loading") {
|
63 |
-
fn();
|
64 |
-
} else {
|
65 |
-
doc.addEventListener("DOMContentLoaded", fn);
|
66 |
-
}
|
67 |
-
}
|
68 |
-
|
69 |
-
function Init(selector, context) {
|
70 |
-
if (!selector) {
|
71 |
-
return this;
|
72 |
-
}
|
73 |
-
|
74 |
-
// If already a cash collection, don't do any further processing
|
75 |
-
if (selector.cash && selector !== win) {
|
76 |
-
return selector;
|
77 |
-
}
|
78 |
-
|
79 |
-
var elems = selector,
|
80 |
-
i = 0,
|
81 |
-
length;
|
82 |
-
|
83 |
-
if (isString(selector)) {
|
84 |
-
elems = idMatch.test(selector) ?
|
85 |
-
// If an ID use the faster getElementById check
|
86 |
-
doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ?
|
87 |
-
// If HTML, parse it into real elements
|
88 |
-
parseHTML(selector) :
|
89 |
-
// else use `find`
|
90 |
-
find(selector, context);
|
91 |
-
|
92 |
-
// If function, use as shortcut for DOM ready
|
93 |
-
} else if (isFunction(selector)) {
|
94 |
-
onReady(selector);return this;
|
95 |
-
}
|
96 |
-
|
97 |
-
if (!elems) {
|
98 |
-
return this;
|
99 |
-
}
|
100 |
-
|
101 |
-
// If a single DOM element is passed in or received via ID, return the single element
|
102 |
-
if (elems.nodeType || elems === win) {
|
103 |
-
this[0] = elems;
|
104 |
-
this.length = 1;
|
105 |
-
} else {
|
106 |
-
// Treat like an array and loop through each item.
|
107 |
-
length = this.length = elems.length;
|
108 |
-
for (; i < length; i++) {
|
109 |
-
this[i] = elems[i];
|
110 |
-
}
|
111 |
-
}
|
112 |
-
|
113 |
-
return this;
|
114 |
-
}
|
115 |
-
|
116 |
-
function cash(selector, context) {
|
117 |
-
return new Init(selector, context);
|
118 |
-
}
|
119 |
-
|
120 |
-
var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line
|
121 |
-
cash: true,
|
122 |
-
length: 0,
|
123 |
-
push: push,
|
124 |
-
splice: ArrayProto.splice,
|
125 |
-
map: ArrayProto.map,
|
126 |
-
init: Init
|
127 |
-
};
|
128 |
-
|
129 |
-
Object.defineProperty(fn, "constructor", { value: cash });
|
130 |
-
|
131 |
-
cash.parseHTML = parseHTML;
|
132 |
-
cash.noop = noop;
|
133 |
-
cash.isFunction = isFunction;
|
134 |
-
cash.isString = isString;
|
135 |
-
|
136 |
-
cash.extend = fn.extend = function (target) {
|
137 |
-
target = target || {};
|
138 |
-
|
139 |
-
var args = slice.call(arguments),
|
140 |
-
length = args.length,
|
141 |
-
i = 1;
|
142 |
-
|
143 |
-
if (args.length === 1) {
|
144 |
-
target = this;
|
145 |
-
i = 0;
|
146 |
-
}
|
147 |
-
|
148 |
-
for (; i < length; i++) {
|
149 |
-
if (!args[i]) {
|
150 |
-
continue;
|
151 |
-
}
|
152 |
-
for (var key in args[i]) {
|
153 |
-
if (args[i].hasOwnProperty(key)) {
|
154 |
-
target[key] = args[i][key];
|
155 |
-
}
|
156 |
-
}
|
157 |
-
}
|
158 |
-
|
159 |
-
return target;
|
160 |
-
};
|
161 |
-
|
162 |
-
function each(collection, callback) {
|
163 |
-
var l = collection.length,
|
164 |
-
i = 0;
|
165 |
-
|
166 |
-
for (; i < l; i++) {
|
167 |
-
if (callback.call(collection[i], collection[i], i, collection) === false) {
|
168 |
-
break;
|
169 |
-
}
|
170 |
-
}
|
171 |
-
}
|
172 |
-
|
173 |
-
function matches(el, selector) {
|
174 |
-
var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
|
175 |
-
return !!m && m.call(el, selector);
|
176 |
-
}
|
177 |
-
|
178 |
-
function getCompareFunction(selector) {
|
179 |
-
return (
|
180 |
-
/* Use browser's `matches` function if string */
|
181 |
-
isString(selector) ? matches :
|
182 |
-
/* Match a cash element */
|
183 |
-
selector.cash ? function (el) {
|
184 |
-
return selector.is(el);
|
185 |
-
} :
|
186 |
-
/* Direct comparison */
|
187 |
-
function (el, selector) {
|
188 |
-
return el === selector;
|
189 |
-
}
|
190 |
-
);
|
191 |
-
}
|
192 |
-
|
193 |
-
function unique(collection) {
|
194 |
-
return cash(slice.call(collection).filter(function (item, index, self) {
|
195 |
-
return self.indexOf(item) === index;
|
196 |
-
}));
|
197 |
-
}
|
198 |
-
|
199 |
-
cash.extend({
|
200 |
-
merge: function (first, second) {
|
201 |
-
var len = +second.length,
|
202 |
-
i = first.length,
|
203 |
-
j = 0;
|
204 |
-
|
205 |
-
for (; j < len; i++, j++) {
|
206 |
-
first[i] = second[j];
|
207 |
-
}
|
208 |
-
|
209 |
-
first.length = i;
|
210 |
-
return first;
|
211 |
-
},
|
212 |
-
|
213 |
-
each: each,
|
214 |
-
matches: matches,
|
215 |
-
unique: unique,
|
216 |
-
isArray: Array.isArray,
|
217 |
-
isNumeric: function (n) {
|
218 |
-
return !isNaN(parseFloat(n)) && isFinite(n);
|
219 |
-
}
|
220 |
-
|
221 |
-
});
|
222 |
-
|
223 |
-
var uid = cash.uid = "_cash" + Date.now();
|
224 |
-
|
225 |
-
function getDataCache(node) {
|
226 |
-
return node[uid] = node[uid] || {};
|
227 |
-
}
|
228 |
-
|
229 |
-
function setData(node, key, value) {
|
230 |
-
return getDataCache(node)[key] = value;
|
231 |
-
}
|
232 |
-
|
233 |
-
function getData(node, key) {
|
234 |
-
var c = getDataCache(node);
|
235 |
-
if (c[key] === undefined) {
|
236 |
-
c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key);
|
237 |
-
}
|
238 |
-
return c[key];
|
239 |
-
}
|
240 |
-
|
241 |
-
function removeData(node, key) {
|
242 |
-
var c = getDataCache(node);
|
243 |
-
if (c) {
|
244 |
-
delete c[key];
|
245 |
-
} else if (node.dataset) {
|
246 |
-
delete node.dataset[key];
|
247 |
-
} else {
|
248 |
-
cash(node).removeAttr("data-" + name);
|
249 |
-
}
|
250 |
-
}
|
251 |
-
|
252 |
-
fn.extend({
|
253 |
-
data: function (name, value) {
|
254 |
-
if (isString(name)) {
|
255 |
-
return value === undefined ? getData(this[0], name) : this.each(function (v) {
|
256 |
-
return setData(v, name, value);
|
257 |
-
});
|
258 |
-
}
|
259 |
-
|
260 |
-
for (var key in name) {
|
261 |
-
this.data(key, name[key]);
|
262 |
-
}
|
263 |
-
|
264 |
-
return this;
|
265 |
-
},
|
266 |
-
|
267 |
-
removeData: function (key) {
|
268 |
-
return this.each(function (v) {
|
269 |
-
return removeData(v, key);
|
270 |
-
});
|
271 |
-
}
|
272 |
-
|
273 |
-
});
|
274 |
-
|
275 |
-
var notWhiteMatch = /\S+/g;
|
276 |
-
|
277 |
-
function getClasses(c) {
|
278 |
-
return isString(c) && c.match(notWhiteMatch);
|
279 |
-
}
|
280 |
-
|
281 |
-
function hasClass(v, c) {
|
282 |
-
return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)", "gi").test(v.className);
|
283 |
-
}
|
284 |
-
|
285 |
-
function addClass(v, c, spacedName) {
|
286 |
-
if (v.classList) {
|
287 |
-
v.classList.add(c);
|
288 |
-
} else if (spacedName.indexOf(" " + c + " ")) {
|
289 |
-
v.className += " " + c;
|
290 |
-
}
|
291 |
-
}
|
292 |
-
|
293 |
-
function removeClass(v, c) {
|
294 |
-
if (v.classList) {
|
295 |
-
v.classList.remove(c);
|
296 |
-
} else {
|
297 |
-
v.className = v.className.replace(c, "");
|
298 |
-
}
|
299 |
-
}
|
300 |
-
|
301 |
-
fn.extend({
|
302 |
-
addClass: function (c) {
|
303 |
-
var classes = getClasses(c);
|
304 |
-
|
305 |
-
return classes ? this.each(function (v) {
|
306 |
-
var spacedName = " " + v.className + " ";
|
307 |
-
each(classes, function (c) {
|
308 |
-
addClass(v, c, spacedName);
|
309 |
-
});
|
310 |
-
}) : this;
|
311 |
-
},
|
312 |
-
|
313 |
-
attr: function (name, value) {
|
314 |
-
if (!name) {
|
315 |
-
return undefined;
|
316 |
-
}
|
317 |
-
|
318 |
-
if (isString(name)) {
|
319 |
-
if (value === undefined) {
|
320 |
-
return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined;
|
321 |
-
}
|
322 |
-
|
323 |
-
return this.each(function (v) {
|
324 |
-
if (v.setAttribute) {
|
325 |
-
v.setAttribute(name, value);
|
326 |
-
} else {
|
327 |
-
v[name] = value;
|
328 |
-
}
|
329 |
-
});
|
330 |
-
}
|
331 |
-
|
332 |
-
for (var key in name) {
|
333 |
-
this.attr(key, name[key]);
|
334 |
-
}
|
335 |
-
|
336 |
-
return this;
|
337 |
-
},
|
338 |
-
|
339 |
-
hasClass: function (c) {
|
340 |
-
var check = false,
|
341 |
-
classes = getClasses(c);
|
342 |
-
if (classes && classes.length) {
|
343 |
-
this.each(function (v) {
|
344 |
-
check = hasClass(v, classes[0]);
|
345 |
-
return !check;
|
346 |
-
});
|
347 |
-
}
|
348 |
-
return check;
|
349 |
-
},
|
350 |
-
|
351 |
-
prop: function (name, value) {
|
352 |
-
if (isString(name)) {
|
353 |
-
return value === undefined ? this[0][name] : this.each(function (v) {
|
354 |
-
v[name] = value;
|
355 |
-
});
|
356 |
-
}
|
357 |
-
|
358 |
-
for (var key in name) {
|
359 |
-
this.prop(key, name[key]);
|
360 |
-
}
|
361 |
-
|
362 |
-
return this;
|
363 |
-
},
|
364 |
-
|
365 |
-
removeAttr: function (name) {
|
366 |
-
return this.each(function (v) {
|
367 |
-
if (v.removeAttribute) {
|
368 |
-
v.removeAttribute(name);
|
369 |
-
} else {
|
370 |
-
delete v[name];
|
371 |
-
}
|
372 |
-
});
|
373 |
-
},
|
374 |
-
|
375 |
-
removeClass: function (c) {
|
376 |
-
if (!arguments.length) {
|
377 |
-
return this.attr("class", "");
|
378 |
-
}
|
379 |
-
var classes = getClasses(c);
|
380 |
-
return classes ? this.each(function (v) {
|
381 |
-
each(classes, function (c) {
|
382 |
-
removeClass(v, c);
|
383 |
-
});
|
384 |
-
}) : this;
|
385 |
-
},
|
386 |
-
|
387 |
-
removeProp: function (name) {
|
388 |
-
return this.each(function (v) {
|
389 |
-
delete v[name];
|
390 |
-
});
|
391 |
-
},
|
392 |
-
|
393 |
-
toggleClass: function (c, state) {
|
394 |
-
if (state !== undefined) {
|
395 |
-
return this[state ? "addClass" : "removeClass"](c);
|
396 |
-
}
|
397 |
-
var classes = getClasses(c);
|
398 |
-
return classes ? this.each(function (v) {
|
399 |
-
var spacedName = " " + v.className + " ";
|
400 |
-
each(classes, function (c) {
|
401 |
-
if (hasClass(v, c)) {
|
402 |
-
removeClass(v, c);
|
403 |
-
} else {
|
404 |
-
addClass(v, c, spacedName);
|
405 |
-
}
|
406 |
-
});
|
407 |
-
}) : this;
|
408 |
-
} });
|
409 |
-
|
410 |
-
fn.extend({
|
411 |
-
add: function (selector, context) {
|
412 |
-
return unique(cash.merge(this, cash(selector, context)));
|
413 |
-
},
|
414 |
-
|
415 |
-
each: function (callback) {
|
416 |
-
each(this, callback);
|
417 |
-
return this;
|
418 |
-
},
|
419 |
-
|
420 |
-
eq: function (index) {
|
421 |
-
return cash(this.get(index));
|
422 |
-
},
|
423 |
-
|
424 |
-
filter: function (selector) {
|
425 |
-
if (!selector) {
|
426 |
-
return this;
|
427 |
-
}
|
428 |
-
|
429 |
-
var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
|
430 |
-
|
431 |
-
return cash(filter.call(this, function (e) {
|
432 |
-
return comparator(e, selector);
|
433 |
-
}));
|
434 |
-
},
|
435 |
-
|
436 |
-
first: function () {
|
437 |
-
return this.eq(0);
|
438 |
-
},
|
439 |
-
|
440 |
-
get: function (index) {
|
441 |
-
if (index === undefined) {
|
442 |
-
return slice.call(this);
|
443 |
-
}
|
444 |
-
return index < 0 ? this[index + this.length] : this[index];
|
445 |
-
},
|
446 |
-
|
447 |
-
index: function (elem) {
|
448 |
-
var child = elem ? cash(elem)[0] : this[0],
|
449 |
-
collection = elem ? this : cash(child).parent().children();
|
450 |
-
return slice.call(collection).indexOf(child);
|
451 |
-
},
|
452 |
-
|
453 |
-
last: function () {
|
454 |
-
return this.eq(-1);
|
455 |
-
}
|
456 |
-
|
457 |
-
});
|
458 |
-
|
459 |
-
var camelCase = function () {
|
460 |
-
var camelRegex = /(?:^\w|[A-Z]|\b\w)/g,
|
461 |
-
whiteSpace = /[\s-_]+/g;
|
462 |
-
return function (str) {
|
463 |
-
return str.replace(camelRegex, function (letter, index) {
|
464 |
-
return letter[index === 0 ? "toLowerCase" : "toUpperCase"]();
|
465 |
-
}).replace(whiteSpace, "");
|
466 |
-
};
|
467 |
-
}();
|
468 |
-
|
469 |
-
var getPrefixedProp = function () {
|
470 |
-
var cache = {},
|
471 |
-
doc = document,
|
472 |
-
div = doc.createElement("div"),
|
473 |
-
style = div.style;
|
474 |
-
|
475 |
-
return function (prop) {
|
476 |
-
prop = camelCase(prop);
|
477 |
-
if (cache[prop]) {
|
478 |
-
return cache[prop];
|
479 |
-
}
|
480 |
-
|
481 |
-
var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
|
482 |
-
prefixes = ["webkit", "moz", "ms", "o"],
|
483 |
-
props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" ");
|
484 |
-
|
485 |
-
each(props, function (p) {
|
486 |
-
if (p in style) {
|
487 |
-
cache[p] = prop = cache[prop] = p;
|
488 |
-
return false;
|
489 |
-
}
|
490 |
-
});
|
491 |
-
|
492 |
-
return cache[prop];
|
493 |
-
};
|
494 |
-
}();
|
495 |
-
|
496 |
-
cash.prefixedProp = getPrefixedProp;
|
497 |
-
cash.camelCase = camelCase;
|
498 |
-
|
499 |
-
fn.extend({
|
500 |
-
css: function (prop, value) {
|
501 |
-
if (isString(prop)) {
|
502 |
-
prop = getPrefixedProp(prop);
|
503 |
-
return arguments.length > 1 ? this.each(function (v) {
|
504 |
-
return v.style[prop] = value;
|
505 |
-
}) : win.getComputedStyle(this[0])[prop];
|
506 |
-
}
|
507 |
-
|
508 |
-
for (var key in prop) {
|
509 |
-
this.css(key, prop[key]);
|
510 |
-
}
|
511 |
-
|
512 |
-
return this;
|
513 |
-
}
|
514 |
-
|
515 |
-
});
|
516 |
-
|
517 |
-
function compute(el, prop) {
|
518 |
-
return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
|
519 |
-
}
|
520 |
-
|
521 |
-
each(["Width", "Height"], function (v) {
|
522 |
-
var lower = v.toLowerCase();
|
523 |
-
|
524 |
-
fn[lower] = function () {
|
525 |
-
return this[0].getBoundingClientRect()[lower];
|
526 |
-
};
|
527 |
-
|
528 |
-
fn["inner" + v] = function () {
|
529 |
-
return this[0]["client" + v];
|
530 |
-
};
|
531 |
-
|
532 |
-
fn["outer" + v] = function (margins) {
|
533 |
-
return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0);
|
534 |
-
};
|
535 |
-
});
|
536 |
-
|
537 |
-
function registerEvent(node, eventName, callback) {
|
538 |
-
var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {});
|
539 |
-
eventCache[eventName] = eventCache[eventName] || [];
|
540 |
-
eventCache[eventName].push(callback);
|
541 |
-
node.addEventListener(eventName, callback);
|
542 |
-
}
|
543 |
-
|
544 |
-
function removeEvent(node, eventName, callback) {
|
545 |
-
var events = getData(node, "_cashEvents"),
|
546 |
-
eventCache = events && events[eventName],
|
547 |
-
index;
|
548 |
-
|
549 |
-
if (!eventCache) {
|
550 |
-
return;
|
551 |
-
}
|
552 |
-
|
553 |
-
if (callback) {
|
554 |
-
node.removeEventListener(eventName, callback);
|
555 |
-
index = eventCache.indexOf(callback);
|
556 |
-
if (index >= 0) {
|
557 |
-
eventCache.splice(index, 1);
|
558 |
-
}
|
559 |
-
} else {
|
560 |
-
each(eventCache, function (event) {
|
561 |
-
node.removeEventListener(eventName, event);
|
562 |
-
});
|
563 |
-
eventCache = [];
|
564 |
-
}
|
565 |
-
}
|
566 |
-
|
567 |
-
fn.extend({
|
568 |
-
off: function (eventName, callback) {
|
569 |
-
return this.each(function (v) {
|
570 |
-
return removeEvent(v, eventName, callback);
|
571 |
-
});
|
572 |
-
},
|
573 |
-
|
574 |
-
on: function (eventName, delegate, callback, runOnce) {
|
575 |
-
// jshint ignore:line
|
576 |
-
var originalCallback;
|
577 |
-
if (!isString(eventName)) {
|
578 |
-
for (var key in eventName) {
|
579 |
-
this.on(key, delegate, eventName[key]);
|
580 |
-
}
|
581 |
-
return this;
|
582 |
-
}
|
583 |
-
|
584 |
-
if (isFunction(delegate)) {
|
585 |
-
callback = delegate;
|
586 |
-
delegate = null;
|
587 |
-
}
|
588 |
-
|
589 |
-
if (eventName === "ready") {
|
590 |
-
onReady(callback);
|
591 |
-
return this;
|
592 |
-
}
|
593 |
-
|
594 |
-
if (delegate) {
|
595 |
-
originalCallback = callback;
|
596 |
-
callback = function (e) {
|
597 |
-
var t = e.target;
|
598 |
-
while (!matches(t, delegate)) {
|
599 |
-
if (t === this || t === null) {
|
600 |
-
return t = false;
|
601 |
-
}
|
602 |
-
|
603 |
-
t = t.parentNode;
|
604 |
-
}
|
605 |
-
|
606 |
-
if (t) {
|
607 |
-
originalCallback.call(t, e);
|
608 |
-
}
|
609 |
-
};
|
610 |
-
}
|
611 |
-
|
612 |
-
return this.each(function (v) {
|
613 |
-
var finalCallback = callback;
|
614 |
-
if (runOnce) {
|
615 |
-
finalCallback = function () {
|
616 |
-
callback.apply(this, arguments);
|
617 |
-
removeEvent(v, eventName, finalCallback);
|
618 |
-
};
|
619 |
-
}
|
620 |
-
registerEvent(v, eventName, finalCallback);
|
621 |
-
});
|
622 |
-
},
|
623 |
-
|
624 |
-
one: function (eventName, delegate, callback) {
|
625 |
-
return this.on(eventName, delegate, callback, true);
|
626 |
-
},
|
627 |
-
|
628 |
-
ready: onReady,
|
629 |
-
|
630 |
-
/**
|
631 |
-
* Modified
|
632 |
-
* Triggers browser event
|
633 |
-
* @param String eventName
|
634 |
-
* @param Object data - Add properties to event object
|
635 |
-
*/
|
636 |
-
trigger: function (eventName, data) {
|
637 |
-
if (document.createEvent) {
|
638 |
-
var evt = document.createEvent('HTMLEvents');
|
639 |
-
evt.initEvent(eventName, true, false);
|
640 |
-
evt = this.extend(evt, data);
|
641 |
-
return this.each(function (v) {
|
642 |
-
return v.dispatchEvent(evt);
|
643 |
-
});
|
644 |
-
}
|
645 |
-
}
|
646 |
-
|
647 |
-
});
|
648 |
-
|
649 |
-
function encode(name, value) {
|
650 |
-
return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
|
651 |
-
}
|
652 |
-
|
653 |
-
function getSelectMultiple_(el) {
|
654 |
-
var values = [];
|
655 |
-
each(el.options, function (o) {
|
656 |
-
if (o.selected) {
|
657 |
-
values.push(o.value);
|
658 |
-
}
|
659 |
-
});
|
660 |
-
return values.length ? values : null;
|
661 |
-
}
|
662 |
-
|
663 |
-
function getSelectSingle_(el) {
|
664 |
-
var selectedIndex = el.selectedIndex;
|
665 |
-
return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
|
666 |
-
}
|
667 |
-
|
668 |
-
function getValue(el) {
|
669 |
-
var type = el.type;
|
670 |
-
if (!type) {
|
671 |
-
return null;
|
672 |
-
}
|
673 |
-
switch (type.toLowerCase()) {
|
674 |
-
case "select-one":
|
675 |
-
return getSelectSingle_(el);
|
676 |
-
case "select-multiple":
|
677 |
-
return getSelectMultiple_(el);
|
678 |
-
case "radio":
|
679 |
-
return el.checked ? el.value : null;
|
680 |
-
case "checkbox":
|
681 |
-
return el.checked ? el.value : null;
|
682 |
-
default:
|
683 |
-
return el.value ? el.value : null;
|
684 |
-
}
|
685 |
-
}
|
686 |
-
|
687 |
-
fn.extend({
|
688 |
-
serialize: function () {
|
689 |
-
var query = "";
|
690 |
-
|
691 |
-
each(this[0].elements || this, function (el) {
|
692 |
-
if (el.disabled || el.tagName === "FIELDSET") {
|
693 |
-
return;
|
694 |
-
}
|
695 |
-
var name = el.name;
|
696 |
-
switch (el.type.toLowerCase()) {
|
697 |
-
case "file":
|
698 |
-
case "reset":
|
699 |
-
case "submit":
|
700 |
-
case "button":
|
701 |
-
break;
|
702 |
-
case "select-multiple":
|
703 |
-
var values = getValue(el);
|
704 |
-
if (values !== null) {
|
705 |
-
each(values, function (value) {
|
706 |
-
query += encode(name, value);
|
707 |
-
});
|
708 |
-
}
|
709 |
-
break;
|
710 |
-
default:
|
711 |
-
var value = getValue(el);
|
712 |
-
if (value !== null) {
|
713 |
-
query += encode(name, value);
|
714 |
-
}
|
715 |
-
}
|
716 |
-
});
|
717 |
-
|
718 |
-
return query.substr(1);
|
719 |
-
},
|
720 |
-
|
721 |
-
val: function (value) {
|
722 |
-
if (value === undefined) {
|
723 |
-
return getValue(this[0]);
|
724 |
-
}
|
725 |
-
|
726 |
-
return this.each(function (v) {
|
727 |
-
return v.value = value;
|
728 |
-
});
|
729 |
-
}
|
730 |
-
|
731 |
-
});
|
732 |
-
|
733 |
-
function insertElement(el, child, prepend) {
|
734 |
-
if (prepend) {
|
735 |
-
var first = el.childNodes[0];
|
736 |
-
el.insertBefore(child, first);
|
737 |
-
} else {
|
738 |
-
el.appendChild(child);
|
739 |
-
}
|
740 |
-
}
|
741 |
-
|
742 |
-
function insertContent(parent, child, prepend) {
|
743 |
-
var str = isString(child);
|
744 |
-
|
745 |
-
if (!str && child.length) {
|
746 |
-
each(child, function (v) {
|
747 |
-
return insertContent(parent, v, prepend);
|
748 |
-
});
|
749 |
-
return;
|
750 |
-
}
|
751 |
-
|
752 |
-
each(parent, str ? function (v) {
|
753 |
-
return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child);
|
754 |
-
} : function (v, i) {
|
755 |
-
return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend);
|
756 |
-
});
|
757 |
-
}
|
758 |
-
|
759 |
-
fn.extend({
|
760 |
-
after: function (selector) {
|
761 |
-
cash(selector).insertAfter(this);
|
762 |
-
return this;
|
763 |
-
},
|
764 |
-
|
765 |
-
append: function (content) {
|
766 |
-
insertContent(this, content);
|
767 |
-
return this;
|
768 |
-
},
|
769 |
-
|
770 |
-
appendTo: function (parent) {
|
771 |
-
insertContent(cash(parent), this);
|
772 |
-
return this;
|
773 |
-
},
|
774 |
-
|
775 |
-
before: function (selector) {
|
776 |
-
cash(selector).insertBefore(this);
|
777 |
-
return this;
|
778 |
-
},
|
779 |
-
|
780 |
-
clone: function () {
|
781 |
-
return cash(this.map(function (v) {
|
782 |
-
return v.cloneNode(true);
|
783 |
-
}));
|
784 |
-
},
|
785 |
-
|
786 |
-
empty: function () {
|
787 |
-
this.html("");
|
788 |
-
return this;
|
789 |
-
},
|
790 |
-
|
791 |
-
html: function (content) {
|
792 |
-
if (content === undefined) {
|
793 |
-
return this[0].innerHTML;
|
794 |
-
}
|
795 |
-
var source = content.nodeType ? content[0].outerHTML : content;
|
796 |
-
return this.each(function (v) {
|
797 |
-
return v.innerHTML = source;
|
798 |
-
});
|
799 |
-
},
|
800 |
-
|
801 |
-
insertAfter: function (selector) {
|
802 |
-
var _this = this;
|
803 |
-
|
804 |
-
cash(selector).each(function (el, i) {
|
805 |
-
var parent = el.parentNode,
|
806 |
-
sibling = el.nextSibling;
|
807 |
-
_this.each(function (v) {
|
808 |
-
parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling);
|
809 |
-
});
|
810 |
-
});
|
811 |
-
|
812 |
-
return this;
|
813 |
-
},
|
814 |
-
|
815 |
-
insertBefore: function (selector) {
|
816 |
-
var _this2 = this;
|
817 |
-
cash(selector).each(function (el, i) {
|
818 |
-
var parent = el.parentNode;
|
819 |
-
_this2.each(function (v) {
|
820 |
-
parent.insertBefore(i === 0 ? v : v.cloneNode(true), el);
|
821 |
-
});
|
822 |
-
});
|
823 |
-
return this;
|
824 |
-
},
|
825 |
-
|
826 |
-
prepend: function (content) {
|
827 |
-
insertContent(this, content, true);
|
828 |
-
return this;
|
829 |
-
},
|
830 |
-
|
831 |
-
prependTo: function (parent) {
|
832 |
-
insertContent(cash(parent), this, true);
|
833 |
-
return this;
|
834 |
-
},
|
835 |
-
|
836 |
-
remove: function () {
|
837 |
-
return this.each(function (v) {
|
838 |
-
if (!!v.parentNode) {
|
839 |
-
return v.parentNode.removeChild(v);
|
840 |
-
}
|
841 |
-
});
|
842 |
-
},
|
843 |
-
|
844 |
-
text: function (content) {
|
845 |
-
if (content === undefined) {
|
846 |
-
return this[0].textContent;
|
847 |
-
}
|
848 |
-
return this.each(function (v) {
|
849 |
-
return v.textContent = content;
|
850 |
-
});
|
851 |
-
}
|
852 |
-
|
853 |
-
});
|
854 |
-
|
855 |
-
var docEl = doc.documentElement;
|
856 |
-
|
857 |
-
fn.extend({
|
858 |
-
position: function () {
|
859 |
-
var el = this[0];
|
860 |
-
return {
|
861 |
-
left: el.offsetLeft,
|
862 |
-
top: el.offsetTop
|
863 |
-
};
|
864 |
-
},
|
865 |
-
|
866 |
-
offset: function () {
|
867 |
-
var rect = this[0].getBoundingClientRect();
|
868 |
-
return {
|
869 |
-
top: rect.top + win.pageYOffset - docEl.clientTop,
|
870 |
-
left: rect.left + win.pageXOffset - docEl.clientLeft
|
871 |
-
};
|
872 |
-
},
|
873 |
-
|
874 |
-
offsetParent: function () {
|
875 |
-
return cash(this[0].offsetParent);
|
876 |
-
}
|
877 |
-
|
878 |
-
});
|
879 |
-
|
880 |
-
fn.extend({
|
881 |
-
children: function (selector) {
|
882 |
-
var elems = [];
|
883 |
-
this.each(function (el) {
|
884 |
-
push.apply(elems, el.children);
|
885 |
-
});
|
886 |
-
elems = unique(elems);
|
887 |
-
|
888 |
-
return !selector ? elems : elems.filter(function (v) {
|
889 |
-
return matches(v, selector);
|
890 |
-
});
|
891 |
-
},
|
892 |
-
|
893 |
-
closest: function (selector) {
|
894 |
-
if (!selector || this.length < 1) {
|
895 |
-
return cash();
|
896 |
-
}
|
897 |
-
if (this.is(selector)) {
|
898 |
-
return this.filter(selector);
|
899 |
-
}
|
900 |
-
return this.parent().closest(selector);
|
901 |
-
},
|
902 |
-
|
903 |
-
is: function (selector) {
|
904 |
-
if (!selector) {
|
905 |
-
return false;
|
906 |
-
}
|
907 |
-
|
908 |
-
var match = false,
|
909 |
-
comparator = getCompareFunction(selector);
|
910 |
-
|
911 |
-
this.each(function (el) {
|
912 |
-
match = comparator(el, selector);
|
913 |
-
return !match;
|
914 |
-
});
|
915 |
-
|
916 |
-
return match;
|
917 |
-
},
|
918 |
-
|
919 |
-
find: function (selector) {
|
920 |
-
if (!selector || selector.nodeType) {
|
921 |
-
return cash(selector && this.has(selector).length ? selector : null);
|
922 |
-
}
|
923 |
-
|
924 |
-
var elems = [];
|
925 |
-
this.each(function (el) {
|
926 |
-
push.apply(elems, find(selector, el));
|
927 |
-
});
|
928 |
-
|
929 |
-
return unique(elems);
|
930 |
-
},
|
931 |
-
|
932 |
-
has: function (selector) {
|
933 |
-
var comparator = isString(selector) ? function (el) {
|
934 |
-
return find(selector, el).length !== 0;
|
935 |
-
} : function (el) {
|
936 |
-
return el.contains(selector);
|
937 |
-
};
|
938 |
-
|
939 |
-
return this.filter(comparator);
|
940 |
-
},
|
941 |
-
|
942 |
-
next: function () {
|
943 |
-
return cash(this[0].nextElementSibling);
|
944 |
-
},
|
945 |
-
|
946 |
-
not: function (selector) {
|
947 |
-
if (!selector) {
|
948 |
-
return this;
|
949 |
-
}
|
950 |
-
|
951 |
-
var comparator = getCompareFunction(selector);
|
952 |
-
|
953 |
-
return this.filter(function (el) {
|
954 |
-
return !comparator(el, selector);
|
955 |
-
});
|
956 |
-
},
|
957 |
-
|
958 |
-
parent: function () {
|
959 |
-
var result = [];
|
960 |
-
|
961 |
-
this.each(function (item) {
|
962 |
-
if (item && item.parentNode) {
|
963 |
-
result.push(item.parentNode);
|
964 |
-
}
|
965 |
-
});
|
966 |
-
|
967 |
-
return unique(result);
|
968 |
-
},
|
969 |
-
|
970 |
-
parents: function (selector) {
|
971 |
-
var last,
|
972 |
-
result = [];
|
973 |
-
|
974 |
-
this.each(function (item) {
|
975 |
-
last = item;
|
976 |
-
|
977 |
-
while (last && last.parentNode && last !== doc.body.parentNode) {
|
978 |
-
last = last.parentNode;
|
979 |
-
|
980 |
-
if (!selector || selector && matches(last, selector)) {
|
981 |
-
result.push(last);
|
982 |
-
}
|
983 |
-
}
|
984 |
-
});
|
985 |
-
|
986 |
-
return unique(result);
|
987 |
-
},
|
988 |
-
|
989 |
-
prev: function () {
|
990 |
-
return cash(this[0].previousElementSibling);
|
991 |
-
},
|
992 |
-
|
993 |
-
siblings: function (selector) {
|
994 |
-
var collection = this.parent().children(selector),
|
995 |
-
el = this[0];
|
996 |
-
|
997 |
-
return collection.filter(function (i) {
|
998 |
-
return i !== el;
|
999 |
-
});
|
1000 |
-
}
|
1001 |
-
|
1002 |
-
});
|
1003 |
-
|
1004 |
-
return cash;
|
1005 |
-
});
|
1006 |
-
;
|
1007 |
-
var Component = function () {
|
1008 |
-
/**
|
1009 |
-
* Generic constructor for all components
|
1010 |
-
* @constructor
|
1011 |
-
* @param {Element} el
|
1012 |
-
* @param {Object} options
|
1013 |
-
*/
|
1014 |
-
function Component(classDef, el, options) {
|
1015 |
-
_classCallCheck(this, Component);
|
1016 |
-
|
1017 |
-
// Display error if el is valid HTML Element
|
1018 |
-
if (!(el instanceof Element)) {
|
1019 |
-
console.error(Error(el + ' is not an HTML Element'));
|
1020 |
-
}
|
1021 |
-
|
1022 |
-
// If exists, destroy and reinitialize in child
|
1023 |
-
var ins = classDef.getInstance(el);
|
1024 |
-
if (!!ins) {
|
1025 |
-
ins.destroy();
|
1026 |
-
}
|
1027 |
-
|
1028 |
-
this.el = el;
|
1029 |
-
this.$el = cash(el);
|
1030 |
-
}
|
1031 |
-
|
1032 |
-
/**
|
1033 |
-
* Initializes components
|
1034 |
-
* @param {class} classDef
|
1035 |
-
* @param {Element | NodeList | jQuery} els
|
1036 |
-
* @param {Object} options
|
1037 |
-
*/
|
1038 |
-
|
1039 |
-
|
1040 |
-
_createClass(Component, null, [{
|
1041 |
-
key: "init",
|
1042 |
-
value: function init(classDef, els, options) {
|
1043 |
-
var instances = null;
|
1044 |
-
if (els instanceof Element) {
|
1045 |
-
instances = new classDef(els, options);
|
1046 |
-
} else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) {
|
1047 |
-
var instancesArr = [];
|
1048 |
-
for (var i = 0; i < els.length; i++) {
|
1049 |
-
instancesArr.push(new classDef(els[i], options));
|
1050 |
-
}
|
1051 |
-
instances = instancesArr;
|
1052 |
-
}
|
1053 |
-
|
1054 |
-
return instances;
|
1055 |
-
}
|
1056 |
-
}]);
|
1057 |
-
|
1058 |
-
return Component;
|
1059 |
-
}();
|
1060 |
-
|
1061 |
-
; // Required for Meteor package, the use of window prevents export by Meteor
|
1062 |
-
(function (window) {
|
1063 |
-
if (window.Package) {
|
1064 |
-
M = {};
|
1065 |
-
} else {
|
1066 |
-
window.M = {};
|
1067 |
-
}
|
1068 |
-
|
1069 |
-
// Check for jQuery
|
1070 |
-
M.jQueryLoaded = !!window.jQuery;
|
1071 |
-
})(window);
|
1072 |
-
|
1073 |
-
// AMD
|
1074 |
-
if (typeof define === 'function' && define.amd) {
|
1075 |
-
define('M', [], function () {
|
1076 |
-
return M;
|
1077 |
-
});
|
1078 |
-
|
1079 |
-
// Common JS
|
1080 |
-
} else if (typeof exports !== 'undefined' && !exports.nodeType) {
|
1081 |
-
if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
|
1082 |
-
exports = module.exports = M;
|
1083 |
-
}
|
1084 |
-
exports.default = M;
|
1085 |
-
}
|
1086 |
-
|
1087 |
-
M.version = '1.0.0';
|
1088 |
-
|
1089 |
-
M.keys = {
|
1090 |
-
TAB: 9,
|
1091 |
-
ENTER: 13,
|
1092 |
-
ESC: 27,
|
1093 |
-
ARROW_UP: 38,
|
1094 |
-
ARROW_DOWN: 40
|
1095 |
-
};
|
1096 |
-
|
1097 |
-
/**
|
1098 |
-
* TabPress Keydown handler
|
1099 |
-
*/
|
1100 |
-
M.tabPressed = false;
|
1101 |
-
M.keyDown = false;
|
1102 |
-
var docHandleKeydown = function (e) {
|
1103 |
-
M.keyDown = true;
|
1104 |
-
if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
|
1105 |
-
M.tabPressed = true;
|
1106 |
-
}
|
1107 |
-
};
|
1108 |
-
var docHandleKeyup = function (e) {
|
1109 |
-
M.keyDown = false;
|
1110 |
-
if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
|
1111 |
-
M.tabPressed = false;
|
1112 |
-
}
|
1113 |
-
};
|
1114 |
-
var docHandleFocus = function (e) {
|
1115 |
-
if (M.keyDown) {
|
1116 |
-
document.body.classList.add('keyboard-focused');
|
1117 |
-
}
|
1118 |
-
};
|
1119 |
-
var docHandleBlur = function (e) {
|
1120 |
-
document.body.classList.remove('keyboard-focused');
|
1121 |
-
};
|
1122 |
-
document.addEventListener('keydown', docHandleKeydown, true);
|
1123 |
-
document.addEventListener('keyup', docHandleKeyup, true);
|
1124 |
-
document.addEventListener('focus', docHandleFocus, true);
|
1125 |
-
document.addEventListener('blur', docHandleBlur, true);
|
1126 |
-
|
1127 |
-
/**
|
1128 |
-
* Initialize jQuery wrapper for plugin
|
1129 |
-
* @param {Class} plugin javascript class
|
1130 |
-
* @param {string} pluginName jQuery plugin name
|
1131 |
-
* @param {string} classRef Class reference name
|
1132 |
-
*/
|
1133 |
-
M.initializeJqueryWrapper = function (plugin, pluginName, classRef) {
|
1134 |
-
jQuery.fn[pluginName] = function (methodOrOptions) {
|
1135 |
-
// Call plugin method if valid method name is passed in
|
1136 |
-
if (plugin.prototype[methodOrOptions]) {
|
1137 |
-
var params = Array.prototype.slice.call(arguments, 1);
|
1138 |
-
|
1139 |
-
// Getter methods
|
1140 |
-
if (methodOrOptions.slice(0, 3) === 'get') {
|
1141 |
-
var instance = this.first()[0][classRef];
|
1142 |
-
return instance[methodOrOptions].apply(instance, params);
|
1143 |
-
}
|
1144 |
-
|
1145 |
-
// Void methods
|
1146 |
-
return this.each(function () {
|
1147 |
-
var instance = this[classRef];
|
1148 |
-
instance[methodOrOptions].apply(instance, params);
|
1149 |
-
});
|
1150 |
-
|
1151 |
-
// Initialize plugin if options or no argument is passed in
|
1152 |
-
} else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
|
1153 |
-
plugin.init(this, arguments[0]);
|
1154 |
-
return this;
|
1155 |
-
}
|
1156 |
-
|
1157 |
-
// Return error if an unrecognized method name is passed in
|
1158 |
-
jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
|
1159 |
-
};
|
1160 |
-
};
|
1161 |
-
|
1162 |
-
/**
|
1163 |
-
* Automatically initialize components
|
1164 |
-
* @param {Element} context DOM Element to search within for components
|
1165 |
-
*/
|
1166 |
-
M.AutoInit = function (context) {
|
1167 |
-
// Use document.body if no context is given
|
1168 |
-
var root = !!context ? context : document.body;
|
1169 |
-
|
1170 |
-
var registry = {
|
1171 |
-
Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'),
|
1172 |
-
Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'),
|
1173 |
-
Chips: root.querySelectorAll('.chips:not(.no-autoinit)'),
|
1174 |
-
Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'),
|
1175 |
-
Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'),
|
1176 |
-
Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'),
|
1177 |
-
Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'),
|
1178 |
-
Modal: root.querySelectorAll('.modal:not(.no-autoinit)'),
|
1179 |
-
Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'),
|
1180 |
-
Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'),
|
1181 |
-
ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'),
|
1182 |
-
FormSelect: root.querySelectorAll('select:not(.no-autoinit)'),
|
1183 |
-
Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'),
|
1184 |
-
Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'),
|
1185 |
-
TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'),
|
1186 |
-
Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'),
|
1187 |
-
Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'),
|
1188 |
-
FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)')
|
1189 |
-
};
|
1190 |
-
|
1191 |
-
for (var pluginName in registry) {
|
1192 |
-
var plugin = M[pluginName];
|
1193 |
-
plugin.init(registry[pluginName]);
|
1194 |
-
}
|
1195 |
-
};
|
1196 |
-
|
1197 |
-
/**
|
1198 |
-
* Generate approximated selector string for a jQuery object
|
1199 |
-
* @param {jQuery} obj jQuery object to be parsed
|
1200 |
-
* @returns {string}
|
1201 |
-
*/
|
1202 |
-
M.objectSelectorString = function (obj) {
|
1203 |
-
var tagStr = obj.prop('tagName') || '';
|
1204 |
-
var idStr = obj.attr('id') || '';
|
1205 |
-
var classStr = obj.attr('class') || '';
|
1206 |
-
return (tagStr + idStr + classStr).replace(/\s/g, '');
|
1207 |
-
};
|
1208 |
-
|
1209 |
-
// Unique Random ID
|
1210 |
-
M.guid = function () {
|
1211 |
-
function s4() {
|
1212 |
-
return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
|
1213 |
-
}
|
1214 |
-
return function () {
|
1215 |
-
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
|
1216 |
-
};
|
1217 |
-
}();
|
1218 |
-
|
1219 |
-
/**
|
1220 |
-
* Escapes hash from special characters
|
1221 |
-
* @param {string} hash String returned from this.hash
|
1222 |
-
* @returns {string}
|
1223 |
-
*/
|
1224 |
-
M.escapeHash = function (hash) {
|
1225 |
-
return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1');
|
1226 |
-
};
|
1227 |
-
|
1228 |
-
M.elementOrParentIsFixed = function (element) {
|
1229 |
-
var $element = $(element);
|
1230 |
-
var $checkElements = $element.add($element.parents());
|
1231 |
-
var isFixed = false;
|
1232 |
-
$checkElements.each(function () {
|
1233 |
-
if ($(this).css('position') === 'fixed') {
|
1234 |
-
isFixed = true;
|
1235 |
-
return false;
|
1236 |
-
}
|
1237 |
-
});
|
1238 |
-
return isFixed;
|
1239 |
-
};
|
1240 |
-
|
1241 |
-
/**
|
1242 |
-
* @typedef {Object} Edges
|
1243 |
-
* @property {Boolean} top If the top edge was exceeded
|
1244 |
-
* @property {Boolean} right If the right edge was exceeded
|
1245 |
-
* @property {Boolean} bottom If the bottom edge was exceeded
|
1246 |
-
* @property {Boolean} left If the left edge was exceeded
|
1247 |
-
*/
|
1248 |
-
|
1249 |
-
/**
|
1250 |
-
* @typedef {Object} Bounding
|
1251 |
-
* @property {Number} left left offset coordinate
|
1252 |
-
* @property {Number} top top offset coordinate
|
1253 |
-
* @property {Number} width
|
1254 |
-
* @property {Number} height
|
1255 |
-
*/
|
1256 |
-
|
1257 |
-
/**
|
1258 |
-
* Escapes hash from special characters
|
1259 |
-
* @param {Element} container Container element that acts as the boundary
|
1260 |
-
* @param {Bounding} bounding element bounding that is being checked
|
1261 |
-
* @param {Number} offset offset from edge that counts as exceeding
|
1262 |
-
* @returns {Edges}
|
1263 |
-
*/
|
1264 |
-
M.checkWithinContainer = function (container, bounding, offset) {
|
1265 |
-
var edges = {
|
1266 |
-
top: false,
|
1267 |
-
right: false,
|
1268 |
-
bottom: false,
|
1269 |
-
left: false
|
1270 |
-
};
|
1271 |
-
|
1272 |
-
var containerRect = container.getBoundingClientRect();
|
1273 |
-
// If body element is smaller than viewport, use viewport height instead.
|
1274 |
-
var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom;
|
1275 |
-
|
1276 |
-
var scrollLeft = container.scrollLeft;
|
1277 |
-
var scrollTop = container.scrollTop;
|
1278 |
-
|
1279 |
-
var scrolledX = bounding.left - scrollLeft;
|
1280 |
-
var scrolledY = bounding.top - scrollTop;
|
1281 |
-
|
1282 |
-
// Check for container and viewport for each edge
|
1283 |
-
if (scrolledX < containerRect.left + offset || scrolledX < offset) {
|
1284 |
-
edges.left = true;
|
1285 |
-
}
|
1286 |
-
|
1287 |
-
if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
|
1288 |
-
edges.right = true;
|
1289 |
-
}
|
1290 |
-
|
1291 |
-
if (scrolledY < containerRect.top + offset || scrolledY < offset) {
|
1292 |
-
edges.top = true;
|
1293 |
-
}
|
1294 |
-
|
1295 |
-
if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
|
1296 |
-
edges.bottom = true;
|
1297 |
-
}
|
1298 |
-
|
1299 |
-
return edges;
|
1300 |
-
};
|
1301 |
-
|
1302 |
-
M.checkPossibleAlignments = function (el, container, bounding, offset) {
|
1303 |
-
var canAlign = {
|
1304 |
-
top: true,
|
1305 |
-
right: true,
|
1306 |
-
bottom: true,
|
1307 |
-
left: true,
|
1308 |
-
spaceOnTop: null,
|
1309 |
-
spaceOnRight: null,
|
1310 |
-
spaceOnBottom: null,
|
1311 |
-
spaceOnLeft: null
|
1312 |
-
};
|
1313 |
-
|
1314 |
-
var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
|
1315 |
-
var containerRect = container.getBoundingClientRect();
|
1316 |
-
var containerHeight = Math.min(containerRect.height, window.innerHeight);
|
1317 |
-
var containerWidth = Math.min(containerRect.width, window.innerWidth);
|
1318 |
-
var elOffsetRect = el.getBoundingClientRect();
|
1319 |
-
|
1320 |
-
var scrollLeft = container.scrollLeft;
|
1321 |
-
var scrollTop = container.scrollTop;
|
1322 |
-
|
1323 |
-
var scrolledX = bounding.left - scrollLeft;
|
1324 |
-
var scrolledYTopEdge = bounding.top - scrollTop;
|
1325 |
-
var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
|
1326 |
-
|
1327 |
-
// Check for container and viewport for left
|
1328 |
-
canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width);
|
1329 |
-
if (canAlign.spaceOnRight < 0) {
|
1330 |
-
canAlign.left = false;
|
1331 |
-
}
|
1332 |
-
|
1333 |
-
// Check for container and viewport for Right
|
1334 |
-
canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width;
|
1335 |
-
if (canAlign.spaceOnLeft < 0) {
|
1336 |
-
canAlign.right = false;
|
1337 |
-
}
|
1338 |
-
|
1339 |
-
// Check for container and viewport for Top
|
1340 |
-
canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset);
|
1341 |
-
if (canAlign.spaceOnBottom < 0) {
|
1342 |
-
canAlign.top = false;
|
1343 |
-
}
|
1344 |
-
|
1345 |
-
// Check for container and viewport for Bottom
|
1346 |
-
canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset);
|
1347 |
-
if (canAlign.spaceOnTop < 0) {
|
1348 |
-
canAlign.bottom = false;
|
1349 |
-
}
|
1350 |
-
|
1351 |
-
return canAlign;
|
1352 |
-
};
|
1353 |
-
|
1354 |
-
M.getOverflowParent = function (element) {
|
1355 |
-
if (element == null) {
|
1356 |
-
return null;
|
1357 |
-
}
|
1358 |
-
|
1359 |
-
if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
|
1360 |
-
return element;
|
1361 |
-
}
|
1362 |
-
|
1363 |
-
return M.getOverflowParent(element.parentElement);
|
1364 |
-
};
|
1365 |
-
|
1366 |
-
/**
|
1367 |
-
* Gets id of component from a trigger
|
1368 |
-
* @param {Element} trigger trigger
|
1369 |
-
* @returns {string}
|
1370 |
-
*/
|
1371 |
-
M.getIdFromTrigger = function (trigger) {
|
1372 |
-
var id = trigger.getAttribute('data-target');
|
1373 |
-
if (!id) {
|
1374 |
-
id = trigger.getAttribute('href');
|
1375 |
-
if (id) {
|
1376 |
-
id = id.slice(1);
|
1377 |
-
} else {
|
1378 |
-
id = '';
|
1379 |
-
}
|
1380 |
-
}
|
1381 |
-
return id;
|
1382 |
-
};
|
1383 |
-
|
1384 |
-
/**
|
1385 |
-
* Multi browser support for document scroll top
|
1386 |
-
* @returns {Number}
|
1387 |
-
*/
|
1388 |
-
M.getDocumentScrollTop = function () {
|
1389 |
-
return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
|
1390 |
-
};
|
1391 |
-
|
1392 |
-
/**
|
1393 |
-
* Multi browser support for document scroll left
|
1394 |
-
* @returns {Number}
|
1395 |
-
*/
|
1396 |
-
M.getDocumentScrollLeft = function () {
|
1397 |
-
return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
|
1398 |
-
};
|
1399 |
-
|
1400 |
-
/**
|
1401 |
-
* @typedef {Object} Edges
|
1402 |
-
* @property {Boolean} top If the top edge was exceeded
|
1403 |
-
* @property {Boolean} right If the right edge was exceeded
|
1404 |
-
* @property {Boolean} bottom If the bottom edge was exceeded
|
1405 |
-
* @property {Boolean} left If the left edge was exceeded
|
1406 |
-
*/
|
1407 |
-
|
1408 |
-
/**
|
1409 |
-
* @typedef {Object} Bounding
|
1410 |
-
* @property {Number} left left offset coordinate
|
1411 |
-
* @property {Number} top top offset coordinate
|
1412 |
-
* @property {Number} width
|
1413 |
-
* @property {Number} height
|
1414 |
-
*/
|
1415 |
-
|
1416 |
-
/**
|
1417 |
-
* Get time in ms
|
1418 |
-
* @license https://raw.github.com/jashkenas/underscore/master/LICENSE
|
1419 |
-
* @type {function}
|
1420 |
-
* @return {number}
|
1421 |
-
*/
|
1422 |
-
var getTime = Date.now || function () {
|
1423 |
-
return new Date().getTime();
|
1424 |
-
};
|
1425 |
-
|
1426 |
-
/**
|
1427 |
-
* Returns a function, that, when invoked, will only be triggered at most once
|
1428 |
-
* during a given window of time. Normally, the throttled function will run
|
1429 |
-
* as much as it can, without ever going more than once per `wait` duration;
|
1430 |
-
* but if you'd like to disable the execution on the leading edge, pass
|
1431 |
-
* `{leading: false}`. To disable execution on the trailing edge, ditto.
|
1432 |
-
* @license https://raw.github.com/jashkenas/underscore/master/LICENSE
|
1433 |
-
* @param {function} func
|
1434 |
-
* @param {number} wait
|
1435 |
-
* @param {Object=} options
|
1436 |
-
* @returns {Function}
|
1437 |
-
*/
|
1438 |
-
M.throttle = function (func, wait, options) {
|
1439 |
-
var context = void 0,
|
1440 |
-
args = void 0,
|
1441 |
-
result = void 0;
|
1442 |
-
var timeout = null;
|
1443 |
-
var previous = 0;
|
1444 |
-
options || (options = {});
|
1445 |
-
var later = function () {
|
1446 |
-
previous = options.leading === false ? 0 : getTime();
|
1447 |
-
timeout = null;
|
1448 |
-
result = func.apply(context, args);
|
1449 |
-
context = args = null;
|
1450 |
-
};
|
1451 |
-
return function () {
|
1452 |
-
var now = getTime();
|
1453 |
-
if (!previous && options.leading === false) previous = now;
|
1454 |
-
var remaining = wait - (now - previous);
|
1455 |
-
context = this;
|
1456 |
-
args = arguments;
|
1457 |
-
if (remaining <= 0) {
|
1458 |
-
clearTimeout(timeout);
|
1459 |
-
timeout = null;
|
1460 |
-
previous = now;
|
1461 |
-
result = func.apply(context, args);
|
1462 |
-
context = args = null;
|
1463 |
-
} else if (!timeout && options.trailing !== false) {
|
1464 |
-
timeout = setTimeout(later, remaining);
|
1465 |
-
}
|
1466 |
-
return result;
|
1467 |
-
};
|
1468 |
-
};
|
1469 |
-
; /*
|
1470 |
-
v2.2.0
|
1471 |
-
2017 Julian Garnier
|
1472 |
-
Released under the MIT license
|
1473 |
-
*/
|
1474 |
-
var $jscomp = { scope: {} };$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function (e, r, p) {
|
1475 |
-
if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");e != Array.prototype && e != Object.prototype && (e[r] = p.value);
|
1476 |
-
};$jscomp.getGlobal = function (e) {
|
1477 |
-
return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e;
|
1478 |
-
};$jscomp.global = $jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
|
1479 |
-
$jscomp.initSymbol = function () {
|
1480 |
-
$jscomp.initSymbol = function () {};$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
|
1481 |
-
};$jscomp.symbolCounter_ = 0;$jscomp.Symbol = function (e) {
|
1482 |
-
return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++;
|
1483 |
-
};
|
1484 |
-
$jscomp.initSymbolIterator = function () {
|
1485 |
-
$jscomp.initSymbol();var e = $jscomp.global.Symbol.iterator;e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));"function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function () {
|
1486 |
-
return $jscomp.arrayIterator(this);
|
1487 |
-
} });$jscomp.initSymbolIterator = function () {};
|
1488 |
-
};$jscomp.arrayIterator = function (e) {
|
1489 |
-
var r = 0;return $jscomp.iteratorPrototype(function () {
|
1490 |
-
return r < e.length ? { done: !1, value: e[r++] } : { done: !0 };
|
1491 |
-
});
|
1492 |
-
};
|
1493 |
-
$jscomp.iteratorPrototype = function (e) {
|
1494 |
-
$jscomp.initSymbolIterator();e = { next: e };e[$jscomp.global.Symbol.iterator] = function () {
|
1495 |
-
return this;
|
1496 |
-
};return e;
|
1497 |
-
};$jscomp.array = $jscomp.array || {};$jscomp.iteratorFromArray = function (e, r) {
|
1498 |
-
$jscomp.initSymbolIterator();e instanceof String && (e += "");var p = 0,
|
1499 |
-
m = { next: function () {
|
1500 |
-
if (p < e.length) {
|
1501 |
-
var u = p++;return { value: r(u, e[u]), done: !1 };
|
1502 |
-
}m.next = function () {
|
1503 |
-
return { done: !0, value: void 0 };
|
1504 |
-
};return m.next();
|
1505 |
-
} };m[Symbol.iterator] = function () {
|
1506 |
-
return m;
|
1507 |
-
};return m;
|
1508 |
-
};
|
1509 |
-
$jscomp.polyfill = function (e, r, p, m) {
|
1510 |
-
if (r) {
|
1511 |
-
p = $jscomp.global;e = e.split(".");for (m = 0; m < e.length - 1; m++) {
|
1512 |
-
var u = e[m];u in p || (p[u] = {});p = p[u];
|
1513 |
-
}e = e[e.length - 1];m = p[e];r = r(m);r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r });
|
1514 |
-
}
|
1515 |
-
};$jscomp.polyfill("Array.prototype.keys", function (e) {
|
1516 |
-
return e ? e : function () {
|
1517 |
-
return $jscomp.iteratorFromArray(this, function (e) {
|
1518 |
-
return e;
|
1519 |
-
});
|
1520 |
-
};
|
1521 |
-
}, "es6-impl", "es3");var $jscomp$this = this;
|
1522 |
-
(function (r) {
|
1523 |
-
M.anime = r();
|
1524 |
-
})(function () {
|
1525 |
-
function e(a) {
|
1526 |
-
if (!h.col(a)) try {
|
1527 |
-
return document.querySelectorAll(a);
|
1528 |
-
} catch (c) {}
|
1529 |
-
}function r(a, c) {
|
1530 |
-
for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) {
|
1531 |
-
if (n in a) {
|
1532 |
-
var k = a[n];c.call(b, k, n, a) && f.push(k);
|
1533 |
-
}
|
1534 |
-
}return f;
|
1535 |
-
}function p(a) {
|
1536 |
-
return a.reduce(function (a, d) {
|
1537 |
-
return a.concat(h.arr(d) ? p(d) : d);
|
1538 |
-
}, []);
|
1539 |
-
}function m(a) {
|
1540 |
-
if (h.arr(a)) return a;
|
1541 |
-
h.str(a) && (a = e(a) || a);return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a];
|
1542 |
-
}function u(a, c) {
|
1543 |
-
return a.some(function (a) {
|
1544 |
-
return a === c;
|
1545 |
-
});
|
1546 |
-
}function C(a) {
|
1547 |
-
var c = {},
|
1548 |
-
d;for (d in a) {
|
1549 |
-
c[d] = a[d];
|
1550 |
-
}return c;
|
1551 |
-
}function D(a, c) {
|
1552 |
-
var d = C(a),
|
1553 |
-
b;for (b in a) {
|
1554 |
-
d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
|
1555 |
-
}return d;
|
1556 |
-
}function z(a, c) {
|
1557 |
-
var d = C(a),
|
1558 |
-
b;for (b in c) {
|
1559 |
-
d[b] = h.und(a[b]) ? c[b] : a[b];
|
1560 |
-
}return d;
|
1561 |
-
}function T(a) {
|
1562 |
-
a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (a, c, d, k) {
|
1563 |
-
return c + c + d + d + k + k;
|
1564 |
-
});var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
|
1565 |
-
a = parseInt(c[1], 16);var d = parseInt(c[2], 16),
|
1566 |
-
c = parseInt(c[3], 16);return "rgba(" + a + "," + d + "," + c + ",1)";
|
1567 |
-
}function U(a) {
|
1568 |
-
function c(a, c, b) {
|
1569 |
-
0 > b && (b += 1);1 < b && --b;return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a;
|
1570 |
-
}var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a = parseInt(d[1]) / 360;var b = parseInt(d[2]) / 100,
|
1571 |
-
f = parseInt(d[3]) / 100,
|
1572 |
-
d = d[4] || 1;if (0 == b) f = b = a = f;else {
|
1573 |
-
var n = .5 > f ? f * (1 + b) : f + b - f * b,
|
1574 |
-
k = 2 * f - n,
|
1575 |
-
f = c(k, n, a + 1 / 3),
|
1576 |
-
b = c(k, n, a);a = c(k, n, a - 1 / 3);
|
1577 |
-
}return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")";
|
1578 |
-
}function y(a) {
|
1579 |
-
if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2];
|
1580 |
-
}function V(a) {
|
1581 |
-
if (-1 < a.indexOf("translate") || "perspective" === a) return "px";if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
|
1582 |
-
}function I(a, c) {
|
1583 |
-
return h.fnc(a) ? a(c.target, c.id, c.total) : a;
|
1584 |
-
}function E(a, c) {
|
1585 |
-
if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
|
1586 |
-
}function J(a, c) {
|
1587 |
-
if (h.dom(a) && u(W, c)) return "transform";if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";if (h.dom(a) && "transform" !== c && E(a, c)) return "css";if (null != a[c]) return "object";
|
1588 |
-
}function X(a, c) {
|
1589 |
-
var d = V(c),
|
1590 |
-
d = -1 < c.indexOf("scale") ? 1 : 0 + d;a = a.style.transform;if (!a) return d;for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) {
|
1591 |
-
f.push(b[1]), n.push(b[2]);
|
1592 |
-
}a = r(n, function (a, b) {
|
1593 |
-
return f[b] === c;
|
1594 |
-
});return a.length ? a[0] : d;
|
1595 |
-
}function K(a, c) {
|
1596 |
-
switch (J(a, c)) {case "transform":
|
1597 |
-
return X(a, c);case "css":
|
1598 |
-
return E(a, c);case "attribute":
|
1599 |
-
return a.getAttribute(c);}return a[c] || 0;
|
1600 |
-
}function L(a, c) {
|
1601 |
-
var d = /^(\*=|\+=|-=)/.exec(a);if (!d) return a;var b = y(a) || 0;c = parseFloat(c);a = parseFloat(a.replace(d[0], ""));switch (d[0][0]) {case "+":
|
1602 |
-
return c + a + b;case "-":
|
1603 |
-
return c - a + b;case "*":
|
1604 |
-
return c * a + b;}
|
1605 |
-
}function F(a, c) {
|
1606 |
-
return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
|
1607 |
-
}function M(a) {
|
1608 |
-
a = a.points;for (var c = 0, d, b = 0; b < a.numberOfItems; b++) {
|
1609 |
-
var f = a.getItem(b);0 < b && (c += F(d, f));d = f;
|
1610 |
-
}return c;
|
1611 |
-
}function N(a) {
|
1612 |
-
if (a.getTotalLength) return a.getTotalLength();switch (a.tagName.toLowerCase()) {case "circle":
|
1613 |
-
return 2 * Math.PI * a.getAttribute("r");case "rect":
|
1614 |
-
return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");case "line":
|
1615 |
-
return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });case "polyline":
|
1616 |
-
return M(a);case "polygon":
|
1617 |
-
var c = a.points;return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0));}
|
1618 |
-
}function Y(a, c) {
|
1619 |
-
function d(b) {
|
1620 |
-
b = void 0 === b ? 0 : b;return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
|
1621 |
-
}var b = d(),
|
1622 |
-
f = d(-1),
|
1623 |
-
n = d(1);switch (a.property) {case "x":
|
1624 |
-
return b.x;case "y":
|
1625 |
-
return b.y;
|
1626 |
-
case "angle":
|
1627 |
-
return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI;}
|
1628 |
-
}function O(a, c) {
|
1629 |
-
var d = /-?\d*\.?\d+/g,
|
1630 |
-
b;b = h.pth(a) ? a.totalLength : a;if (h.col(b)) {
|
1631 |
-
if (h.rgb(b)) {
|
1632 |
-
var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b = f ? "rgba(" + f[1] + ",1)" : b;
|
1633 |
-
} else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
|
1634 |
-
} else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;b += "";return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] };
|
1635 |
-
}function P(a) {
|
1636 |
-
a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];return r(a, function (a, d, b) {
|
1637 |
-
return b.indexOf(a) === d;
|
1638 |
-
});
|
1639 |
-
}function Z(a) {
|
1640 |
-
var c = P(a);return c.map(function (a, b) {
|
1641 |
-
return { target: a, id: b, total: c.length };
|
1642 |
-
});
|
1643 |
-
}function aa(a, c) {
|
1644 |
-
var d = C(c);if (h.arr(a)) {
|
1645 |
-
var b = a.length;2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a };
|
1646 |
-
}return m(a).map(function (a, b) {
|
1647 |
-
b = b ? 0 : c.delay;a = h.obj(a) && !h.pth(a) ? a : { value: a };h.und(a.delay) && (a.delay = b);return a;
|
1648 |
-
}).map(function (a) {
|
1649 |
-
return z(a, d);
|
1650 |
-
});
|
1651 |
-
}function ba(a, c) {
|
1652 |
-
var d = {},
|
1653 |
-
b;for (b in a) {
|
1654 |
-
var f = I(a[b], c);h.arr(f) && (f = f.map(function (a) {
|
1655 |
-
return I(a, c);
|
1656 |
-
}), 1 === f.length && (f = f[0]));d[b] = f;
|
1657 |
-
}d.duration = parseFloat(d.duration);d.delay = parseFloat(d.delay);return d;
|
1658 |
-
}function ca(a) {
|
1659 |
-
return h.arr(a) ? A.apply(this, a) : Q[a];
|
1660 |
-
}function da(a, c) {
|
1661 |
-
var d;return a.tweens.map(function (b) {
|
1662 |
-
b = ba(b, c);var f = b.value,
|
1663 |
-
e = K(c.target, a.name),
|
1664 |
-
k = d ? d.to.original : e,
|
1665 |
-
k = h.arr(f) ? f[0] : k,
|
1666 |
-
w = L(h.arr(f) ? f[1] : f, k),
|
1667 |
-
e = y(w) || y(k) || y(e);b.from = O(k, e);b.to = O(w, e);b.start = d ? d.end : a.offset;b.end = b.start + b.delay + b.duration;b.easing = ca(b.easing);b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3;b.isPath = h.pth(f);b.isColor = h.col(b.from.original);b.isColor && (b.round = 1);return d = b;
|
1668 |
-
});
|
1669 |
-
}function ea(a, c) {
|
1670 |
-
return r(p(a.map(function (a) {
|
1671 |
-
return c.map(function (b) {
|
1672 |
-
var c = J(a.target, b.name);if (c) {
|
1673 |
-
var d = da(b, a);b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay };
|
1674 |
-
} else b = void 0;return b;
|
1675 |
-
});
|
1676 |
-
})), function (a) {
|
1677 |
-
return !h.und(a);
|
1678 |
-
});
|
1679 |
-
}function R(a, c, d, b) {
|
1680 |
-
var f = "delay" === a;return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function (b) {
|
1681 |
-
return b[a];
|
1682 |
-
})) : f ? b.delay : d.offset + b.delay + b.duration;
|
1683 |
-
}function fa(a) {
|
1684 |
-
var c = D(ga, a),
|
1685 |
-
d = D(S, a),
|
1686 |
-
b = Z(a.targets),
|
1687 |
-
f = [],
|
1688 |
-
e = z(c, d),
|
1689 |
-
k;for (k in a) {
|
1690 |
-
e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
|
1691 |
-
}a = ea(b, f);return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) });
|
1692 |
-
}function q(a) {
|
1693 |
-
function c() {
|
1694 |
-
return window.Promise && new Promise(function (a) {
|
1695 |
-
return p = a;
|
1696 |
-
});
|
1697 |
-
}function d(a) {
|
1698 |
-
return g.reversed ? g.duration - a : a;
|
1699 |
-
}function b(a) {
|
1700 |
-
for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
|
1701 |
-
var e = d[b],
|
1702 |
-
k = e.animatable,
|
1703 |
-
h = e.tweens,
|
1704 |
-
n = h.length - 1,
|
1705 |
-
l = h[n];n && (l = r(h, function (b) {
|
1706 |
-
return a < b.end;
|
1707 |
-
})[0] || l);for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) {
|
1708 |
-
var x = void 0,
|
1709 |
-
x = l.to.numbers[t],
|
1710 |
-
q = l.from.numbers[t],
|
1711 |
-
x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));n.push(x);
|
1712 |
-
}if (l = h.length) for (m = h[0], w = 0; w < l; w++) {
|
1713 |
-
p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
|
1714 |
-
} else m = n[0];ha[e.type](k.target, e.property, m, c, k.id);e.currentValue = m;b++;
|
1715 |
-
}if (b = Object.keys(c).length) for (d = 0; d < b; d++) {
|
1716 |
-
H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
|
1717 |
-
}g.currentTime = a;g.progress = a / g.duration * 100;
|
1718 |
-
}function f(a) {
|
1719 |
-
if (g[a]) g[a](g);
|
1720 |
-
}function e() {
|
1721 |
-
g.remaining && !0 !== g.remaining && g.remaining--;
|
1722 |
-
}function k(a) {
|
1723 |
-
var k = g.duration,
|
1724 |
-
n = g.offset,
|
1725 |
-
w = n + g.delay,
|
1726 |
-
r = g.currentTime,
|
1727 |
-
x = g.reversed,
|
1728 |
-
q = d(a);if (g.children.length) {
|
1729 |
-
var u = g.children,
|
1730 |
-
v = u.length;
|
1731 |
-
if (q >= g.currentTime) for (var G = 0; G < v; G++) {
|
1732 |
-
u[G].seek(q);
|
1733 |
-
} else for (; v--;) {
|
1734 |
-
u[v].seek(q);
|
1735 |
-
}
|
1736 |
-
}if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");if (q > n && q < k) b(q);else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();f("update");a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0);
|
1737 |
-
}a = void 0 === a ? {} : a;var h,
|
1738 |
-
t,
|
1739 |
-
l = 0,
|
1740 |
-
p = null,
|
1741 |
-
m = c(),
|
1742 |
-
g = fa(a);g.reset = function () {
|
1743 |
-
var a = g.direction,
|
1744 |
-
c = g.loop;g.currentTime = 0;g.progress = 0;g.paused = !0;g.began = !1;g.completed = !1;g.reversed = "reverse" === a;g.remaining = "alternate" === a && 1 === c ? 2 : c;b(0);for (a = g.children.length; a--;) {
|
1745 |
-
g.children[a].reset();
|
1746 |
-
}
|
1747 |
-
};g.tick = function (a) {
|
1748 |
-
h = a;t || (t = h);k((l + h - t) * q.speed);
|
1749 |
-
};g.seek = function (a) {
|
1750 |
-
k(d(a));
|
1751 |
-
};g.pause = function () {
|
1752 |
-
var a = v.indexOf(g);-1 < a && v.splice(a, 1);g.paused = !0;
|
1753 |
-
};g.play = function () {
|
1754 |
-
g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia());
|
1755 |
-
};g.reverse = function () {
|
1756 |
-
g.reversed = !g.reversed;t = 0;l = d(g.currentTime);
|
1757 |
-
};g.restart = function () {
|
1758 |
-
g.pause();
|
1759 |
-
g.reset();g.play();
|
1760 |
-
};g.finished = m;g.reset();g.autoplay && g.play();return g;
|
1761 |
-
}var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
|
1762 |
-
S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
|
1763 |
-
W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
|
1764 |
-
H,
|
1765 |
-
h = { arr: function (a) {
|
1766 |
-
return Array.isArray(a);
|
1767 |
-
}, obj: function (a) {
|
1768 |
-
return -1 < Object.prototype.toString.call(a).indexOf("Object");
|
1769 |
-
},
|
1770 |
-
pth: function (a) {
|
1771 |
-
return h.obj(a) && a.hasOwnProperty("totalLength");
|
1772 |
-
}, svg: function (a) {
|
1773 |
-
return a instanceof SVGElement;
|
1774 |
-
}, dom: function (a) {
|
1775 |
-
return a.nodeType || h.svg(a);
|
1776 |
-
}, str: function (a) {
|
1777 |
-
return "string" === typeof a;
|
1778 |
-
}, fnc: function (a) {
|
1779 |
-
return "function" === typeof a;
|
1780 |
-
}, und: function (a) {
|
1781 |
-
return "undefined" === typeof a;
|
1782 |
-
}, hex: function (a) {
|
1783 |
-
return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)
|
1784 |
-
);
|
1785 |
-
}, rgb: function (a) {
|
1786 |
-
return (/^rgb/.test(a)
|
1787 |
-
);
|
1788 |
-
}, hsl: function (a) {
|
1789 |
-
return (/^hsl/.test(a)
|
1790 |
-
);
|
1791 |
-
}, col: function (a) {
|
1792 |
-
return h.hex(a) || h.rgb(a) || h.hsl(a);
|
1793 |
-
} },
|
1794 |
-
A = function () {
|
1795 |
-
function a(a, d, b) {
|
1796 |
-
return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a;
|
1797 |
-
}return function (c, d, b, f) {
|
1798 |
-
if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
|
1799 |
-
var e = new Float32Array(11);if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) {
|
1800 |
-
e[k] = a(.1 * k, c, b);
|
1801 |
-
}return function (k) {
|
1802 |
-
if (c === d && b === f) return k;if (0 === k) return 0;if (1 === k) return 1;for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) {
|
1803 |
-
h += .1;
|
1804 |
-
}--l;var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
|
1805 |
-
n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (.001 <= n) {
|
1806 |
-
for (h = 0; 4 > h; ++h) {
|
1807 |
-
n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (0 === n) break;var m = a(l, c, b) - k,
|
1808 |
-
l = l - m / n;
|
1809 |
-
}k = l;
|
1810 |
-
} else if (0 === n) k = l;else {
|
1811 |
-
var l = h,
|
1812 |
-
h = h + .1,
|
1813 |
-
g = 0;do {
|
1814 |
-
m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m;
|
1815 |
-
} while (1e-7 < Math.abs(n) && 10 > ++g);k = m;
|
1816 |
-
}return a(k, d, f);
|
1817 |
-
};
|
1818 |
-
}
|
1819 |
-
};
|
1820 |
-
}(),
|
1821 |
-
Q = function () {
|
1822 |
-
function a(a, b) {
|
1823 |
-
return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b);
|
1824 |
-
}var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
|
1825 |
-
d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function (b, c) {
|
1826 |
-
return 1 - a(1 - b, c);
|
1827 |
-
}], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function (b, c) {
|
1828 |
-
return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2;
|
1829 |
-
}] },
|
1830 |
-
b = { linear: A(.25, .25, .75, .75) },
|
1831 |
-
f = {},
|
1832 |
-
e;for (e in d) {
|
1833 |
-
f.type = e, d[f.type].forEach(function (a) {
|
1834 |
-
return function (d, f) {
|
1835 |
-
b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d);
|
1836 |
-
};
|
1837 |
-
}(f)), f = { type: f.type };
|
1838 |
-
}return b;
|
1839 |
-
}(),
|
1840 |
-
ha = { css: function (a, c, d) {
|
1841 |
-
return a.style[c] = d;
|
1842 |
-
}, attribute: function (a, c, d) {
|
1843 |
-
return a.setAttribute(c, d);
|
1844 |
-
}, object: function (a, c, d) {
|
1845 |
-
return a[c] = d;
|
1846 |
-
}, transform: function (a, c, d, b, f) {
|
1847 |
-
b[f] || (b[f] = []);b[f].push(c + "(" + d + ")");
|
1848 |
-
} },
|
1849 |
-
v = [],
|
1850 |
-
B = 0,
|
1851 |
-
ia = function () {
|
1852 |
-
function a() {
|
1853 |
-
B = requestAnimationFrame(c);
|
1854 |
-
}function c(c) {
|
1855 |
-
var b = v.length;if (b) {
|
1856 |
-
for (var d = 0; d < b;) {
|
1857 |
-
v[d] && v[d].tick(c), d++;
|
1858 |
-
}a();
|
1859 |
-
} else cancelAnimationFrame(B), B = 0;
|
1860 |
-
}return a;
|
1861 |
-
}();q.version = "2.2.0";q.speed = 1;q.running = v;q.remove = function (a) {
|
1862 |
-
a = P(a);for (var c = v.length; c--;) {
|
1863 |
-
for (var d = v[c], b = d.animations, f = b.length; f--;) {
|
1864 |
-
u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause());
|
1865 |
-
}
|
1866 |
-
}
|
1867 |
-
};q.getValue = K;q.path = function (a, c) {
|
1868 |
-
var d = h.str(a) ? e(a)[0] : a,
|
1869 |
-
b = c || 100;return function (a) {
|
1870 |
-
return { el: d, property: a, totalLength: N(d) * (b / 100) };
|
1871 |
-
};
|
1872 |
-
};q.setDashoffset = function (a) {
|
1873 |
-
var c = N(a);a.setAttribute("stroke-dasharray", c);return c;
|
1874 |
-
};q.bezier = A;q.easings = Q;q.timeline = function (a) {
|
1875 |
-
var c = q(a);c.pause();c.duration = 0;c.add = function (d) {
|
1876 |
-
c.children.forEach(function (a) {
|
1877 |
-
a.began = !0;a.completed = !0;
|
1878 |
-
});m(d).forEach(function (b) {
|
1879 |
-
var d = z(b, D(S, a || {}));d.targets = d.targets || a.targets;b = c.duration;var e = d.offset;d.autoplay = !1;d.direction = c.direction;d.offset = h.und(e) ? b : L(e, b);c.began = !0;c.completed = !0;c.seek(d.offset);d = q(d);d.began = !0;d.completed = !0;d.duration > b && (c.duration = d.duration);c.children.push(d);
|
1880 |
-
});c.seek(0);c.reset();c.autoplay && c.restart();return c;
|
1881 |
-
};return c;
|
1882 |
-
};q.random = function (a, c) {
|
1883 |
-
return Math.floor(Math.random() * (c - a + 1)) + a;
|
1884 |
-
};return q;
|
1885 |
-
});
|
1886 |
-
;(function ($, anim) {
|
1887 |
-
'use strict';
|
1888 |
-
|
1889 |
-
var _defaults = {
|
1890 |
-
accordion: true,
|
1891 |
-
onOpenStart: undefined,
|
1892 |
-
onOpenEnd: undefined,
|
1893 |
-
onCloseStart: undefined,
|
1894 |
-
onCloseEnd: undefined,
|
1895 |
-
inDuration: 300,
|
1896 |
-
outDuration: 300
|
1897 |
-
};
|
1898 |
-
|
1899 |
-
/**
|
1900 |
-
* @class
|
1901 |
-
*
|
1902 |
-
*/
|
1903 |
-
|
1904 |
-
var Collapsible = function (_Component) {
|
1905 |
-
_inherits(Collapsible, _Component);
|
1906 |
-
|
1907 |
-
/**
|
1908 |
-
* Construct Collapsible instance
|
1909 |
-
* @constructor
|
1910 |
-
* @param {Element} el
|
1911 |
-
* @param {Object} options
|
1912 |
-
*/
|
1913 |
-
function Collapsible(el, options) {
|
1914 |
-
_classCallCheck(this, Collapsible);
|
1915 |
-
|
1916 |
-
var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options));
|
1917 |
-
|
1918 |
-
_this3.el.M_Collapsible = _this3;
|
1919 |
-
|
1920 |
-
/**
|
1921 |
-
* Options for the collapsible
|
1922 |
-
* @member Collapsible#options
|
1923 |
-
* @prop {Boolean} [accordion=false] - Type of the collapsible
|
1924 |
-
* @prop {Function} onOpenStart - Callback function called before collapsible is opened
|
1925 |
-
* @prop {Function} onOpenEnd - Callback function called after collapsible is opened
|
1926 |
-
* @prop {Function} onCloseStart - Callback function called before collapsible is closed
|
1927 |
-
* @prop {Function} onCloseEnd - Callback function called after collapsible is closed
|
1928 |
-
* @prop {Number} inDuration - Transition in duration in milliseconds.
|
1929 |
-
* @prop {Number} outDuration - Transition duration in milliseconds.
|
1930 |
-
*/
|
1931 |
-
_this3.options = $.extend({}, Collapsible.defaults, options);
|
1932 |
-
|
1933 |
-
// Setup tab indices
|
1934 |
-
_this3.$headers = _this3.$el.children('li').children('.collapsible-header');
|
1935 |
-
_this3.$headers.attr('tabindex', 0);
|
1936 |
-
|
1937 |
-
_this3._setupEventHandlers();
|
1938 |
-
|
1939 |
-
// Open first active
|
1940 |
-
var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body');
|
1941 |
-
if (_this3.options.accordion) {
|
1942 |
-
// Handle Accordion
|
1943 |
-
$activeBodies.first().css('display', 'block');
|
1944 |
-
} else {
|
1945 |
-
// Handle Expandables
|
1946 |
-
$activeBodies.css('display', 'block');
|
1947 |
-
}
|
1948 |
-
return _this3;
|
1949 |
-
}
|
1950 |
-
|
1951 |
-
_createClass(Collapsible, [{
|
1952 |
-
key: "destroy",
|
1953 |
-
|
1954 |
-
|
1955 |
-
/**
|
1956 |
-
* Teardown component
|
1957 |
-
*/
|
1958 |
-
value: function destroy() {
|
1959 |
-
this._removeEventHandlers();
|
1960 |
-
this.el.M_Collapsible = undefined;
|
1961 |
-
}
|
1962 |
-
|
1963 |
-
/**
|
1964 |
-
* Setup Event Handlers
|
1965 |
-
*/
|
1966 |
-
|
1967 |
-
}, {
|
1968 |
-
key: "_setupEventHandlers",
|
1969 |
-
value: function _setupEventHandlers() {
|
1970 |
-
var _this4 = this;
|
1971 |
-
|
1972 |
-
this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this);
|
1973 |
-
this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this);
|
1974 |
-
this.el.addEventListener('click', this._handleCollapsibleClickBound);
|
1975 |
-
this.$headers.each(function (header) {
|
1976 |
-
header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound);
|
1977 |
-
});
|
1978 |
-
}
|
1979 |
-
|
1980 |
-
/**
|
1981 |
-
* Remove Event Handlers
|
1982 |
-
*/
|
1983 |
-
|
1984 |
-
}, {
|
1985 |
-
key: "_removeEventHandlers",
|
1986 |
-
value: function _removeEventHandlers() {
|
1987 |
-
var _this5 = this;
|
1988 |
-
|
1989 |
-
this.el.removeEventListener('click', this._handleCollapsibleClickBound);
|
1990 |
-
this.$headers.each(function (header) {
|
1991 |
-
header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound);
|
1992 |
-
});
|
1993 |
-
}
|
1994 |
-
|
1995 |
-
/**
|
1996 |
-
* Handle Collapsible Click
|
1997 |
-
* @param {Event} e
|
1998 |
-
*/
|
1999 |
-
|
2000 |
-
}, {
|
2001 |
-
key: "_handleCollapsibleClick",
|
2002 |
-
value: function _handleCollapsibleClick(e) {
|
2003 |
-
var $header = $(e.target).closest('.collapsible-header');
|
2004 |
-
if (e.target && $header.length) {
|
2005 |
-
var $collapsible = $header.closest('.collapsible');
|
2006 |
-
if ($collapsible[0] === this.el) {
|
2007 |
-
var $collapsibleLi = $header.closest('li');
|
2008 |
-
var $collapsibleLis = $collapsible.children('li');
|
2009 |
-
var isActive = $collapsibleLi[0].classList.contains('active');
|
2010 |
-
var index = $collapsibleLis.index($collapsibleLi);
|
2011 |
-
|
2012 |
-
if (isActive) {
|
2013 |
-
this.close(index);
|
2014 |
-
} else {
|
2015 |
-
this.open(index);
|
2016 |
-
}
|
2017 |
-
}
|
2018 |
-
}
|
2019 |
-
}
|
2020 |
-
|
2021 |
-
/**
|
2022 |
-
* Handle Collapsible Keydown
|
2023 |
-
* @param {Event} e
|
2024 |
-
*/
|
2025 |
-
|
2026 |
-
}, {
|
2027 |
-
key: "_handleCollapsibleKeydown",
|
2028 |
-
value: function _handleCollapsibleKeydown(e) {
|
2029 |
-
if (e.keyCode === 13) {
|
2030 |
-
this._handleCollapsibleClickBound(e);
|
2031 |
-
}
|
2032 |
-
}
|
2033 |
-
|
2034 |
-
/**
|
2035 |
-
* Animate in collapsible slide
|
2036 |
-
* @param {Number} index - 0th index of slide
|
2037 |
-
*/
|
2038 |
-
|
2039 |
-
}, {
|
2040 |
-
key: "_animateIn",
|
2041 |
-
value: function _animateIn(index) {
|
2042 |
-
var _this6 = this;
|
2043 |
-
|
2044 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
2045 |
-
if ($collapsibleLi.length) {
|
2046 |
-
var $body = $collapsibleLi.children('.collapsible-body');
|
2047 |
-
|
2048 |
-
anim.remove($body[0]);
|
2049 |
-
$body.css({
|
2050 |
-
display: 'block',
|
2051 |
-
overflow: 'hidden',
|
2052 |
-
height: 0,
|
2053 |
-
paddingTop: '',
|
2054 |
-
paddingBottom: ''
|
2055 |
-
});
|
2056 |
-
|
2057 |
-
var pTop = $body.css('padding-top');
|
2058 |
-
var pBottom = $body.css('padding-bottom');
|
2059 |
-
var finalHeight = $body[0].scrollHeight;
|
2060 |
-
$body.css({
|
2061 |
-
paddingTop: 0,
|
2062 |
-
paddingBottom: 0
|
2063 |
-
});
|
2064 |
-
|
2065 |
-
anim({
|
2066 |
-
targets: $body[0],
|
2067 |
-
height: finalHeight,
|
2068 |
-
paddingTop: pTop,
|
2069 |
-
paddingBottom: pBottom,
|
2070 |
-
duration: this.options.inDuration,
|
2071 |
-
easing: 'easeInOutCubic',
|
2072 |
-
complete: function (anim) {
|
2073 |
-
$body.css({
|
2074 |
-
overflow: '',
|
2075 |
-
paddingTop: '',
|
2076 |
-
paddingBottom: '',
|
2077 |
-
height: ''
|
2078 |
-
});
|
2079 |
-
|
2080 |
-
// onOpenEnd callback
|
2081 |
-
if (typeof _this6.options.onOpenEnd === 'function') {
|
2082 |
-
_this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]);
|
2083 |
-
}
|
2084 |
-
}
|
2085 |
-
});
|
2086 |
-
}
|
2087 |
-
}
|
2088 |
-
|
2089 |
-
/**
|
2090 |
-
* Animate out collapsible slide
|
2091 |
-
* @param {Number} index - 0th index of slide to open
|
2092 |
-
*/
|
2093 |
-
|
2094 |
-
}, {
|
2095 |
-
key: "_animateOut",
|
2096 |
-
value: function _animateOut(index) {
|
2097 |
-
var _this7 = this;
|
2098 |
-
|
2099 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
2100 |
-
if ($collapsibleLi.length) {
|
2101 |
-
var $body = $collapsibleLi.children('.collapsible-body');
|
2102 |
-
anim.remove($body[0]);
|
2103 |
-
$body.css('overflow', 'hidden');
|
2104 |
-
anim({
|
2105 |
-
targets: $body[0],
|
2106 |
-
height: 0,
|
2107 |
-
paddingTop: 0,
|
2108 |
-
paddingBottom: 0,
|
2109 |
-
duration: this.options.outDuration,
|
2110 |
-
easing: 'easeInOutCubic',
|
2111 |
-
complete: function () {
|
2112 |
-
$body.css({
|
2113 |
-
height: '',
|
2114 |
-
overflow: '',
|
2115 |
-
padding: '',
|
2116 |
-
display: ''
|
2117 |
-
});
|
2118 |
-
|
2119 |
-
// onCloseEnd callback
|
2120 |
-
if (typeof _this7.options.onCloseEnd === 'function') {
|
2121 |
-
_this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]);
|
2122 |
-
}
|
2123 |
-
}
|
2124 |
-
});
|
2125 |
-
}
|
2126 |
-
}
|
2127 |
-
|
2128 |
-
/**
|
2129 |
-
* Open Collapsible
|
2130 |
-
* @param {Number} index - 0th index of slide
|
2131 |
-
*/
|
2132 |
-
|
2133 |
-
}, {
|
2134 |
-
key: "open",
|
2135 |
-
value: function open(index) {
|
2136 |
-
var _this8 = this;
|
2137 |
-
|
2138 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
2139 |
-
if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
|
2140 |
-
// onOpenStart callback
|
2141 |
-
if (typeof this.options.onOpenStart === 'function') {
|
2142 |
-
this.options.onOpenStart.call(this, $collapsibleLi[0]);
|
2143 |
-
}
|
2144 |
-
|
2145 |
-
// Handle accordion behavior
|
2146 |
-
if (this.options.accordion) {
|
2147 |
-
var $collapsibleLis = this.$el.children('li');
|
2148 |
-
var $activeLis = this.$el.children('li.active');
|
2149 |
-
$activeLis.each(function (el) {
|
2150 |
-
var index = $collapsibleLis.index($(el));
|
2151 |
-
_this8.close(index);
|
2152 |
-
});
|
2153 |
-
}
|
2154 |
-
|
2155 |
-
// Animate in
|
2156 |
-
$collapsibleLi[0].classList.add('active');
|
2157 |
-
this._animateIn(index);
|
2158 |
-
}
|
2159 |
-
}
|
2160 |
-
|
2161 |
-
/**
|
2162 |
-
* Close Collapsible
|
2163 |
-
* @param {Number} index - 0th index of slide
|
2164 |
-
*/
|
2165 |
-
|
2166 |
-
}, {
|
2167 |
-
key: "close",
|
2168 |
-
value: function close(index) {
|
2169 |
-
var $collapsibleLi = this.$el.children('li').eq(index);
|
2170 |
-
if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
|
2171 |
-
// onCloseStart callback
|
2172 |
-
if (typeof this.options.onCloseStart === 'function') {
|
2173 |
-
this.options.onCloseStart.call(this, $collapsibleLi[0]);
|
2174 |
-
}
|
2175 |
-
|
2176 |
-
// Animate out
|
2177 |
-
$collapsibleLi[0].classList.remove('active');
|
2178 |
-
this._animateOut(index);
|
2179 |
-
}
|
2180 |
-
}
|
2181 |
-
}], [{
|
2182 |
-
key: "init",
|
2183 |
-
value: function init(els, options) {
|
2184 |
-
return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options);
|
2185 |
-
}
|
2186 |
-
|
2187 |
-
/**
|
2188 |
-
* Get Instance
|
2189 |
-
*/
|
2190 |
-
|
2191 |
-
}, {
|
2192 |
-
key: "getInstance",
|
2193 |
-
value: function getInstance(el) {
|
2194 |
-
var domElem = !!el.jquery ? el[0] : el;
|
2195 |
-
return domElem.M_Collapsible;
|
2196 |
-
}
|
2197 |
-
}, {
|
2198 |
-
key: "defaults",
|
2199 |
-
get: function () {
|
2200 |
-
return _defaults;
|
2201 |
-
}
|
2202 |
-
}]);
|
2203 |
-
|
2204 |
-
return Collapsible;
|
2205 |
-
}(Component);
|
2206 |
-
|
2207 |
-
M.Collapsible = Collapsible;
|
2208 |
-
|
2209 |
-
if (M.jQueryLoaded) {
|
2210 |
-
M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible');
|
2211 |
-
}
|
2212 |
-
})(cash, M.anime);
|
2213 |
-
;(function ($, anim) {
|
2214 |
-
'use strict';
|
2215 |
-
|
2216 |
-
var _defaults = {
|
2217 |
-
alignment: 'left',
|
2218 |
-
autoFocus: true,
|
2219 |
-
constrainWidth: true,
|
2220 |
-
container: null,
|
2221 |
-
coverTrigger: true,
|
2222 |
-
closeOnClick: true,
|
2223 |
-
hover: false,
|
2224 |
-
inDuration: 150,
|
2225 |
-
outDuration: 250,
|
2226 |
-
onOpenStart: null,
|
2227 |
-
onOpenEnd: null,
|
2228 |
-
onCloseStart: null,
|
2229 |
-
onCloseEnd: null,
|
2230 |
-
onItemClick: null
|
2231 |
-
};
|
2232 |
-
|
2233 |
-
/**
|
2234 |
-
* @class
|
2235 |
-
*/
|
2236 |
-
|
2237 |
-
var Dropdown = function (_Component2) {
|
2238 |
-
_inherits(Dropdown, _Component2);
|
2239 |
-
|
2240 |
-
function Dropdown(el, options) {
|
2241 |
-
_classCallCheck(this, Dropdown);
|
2242 |
-
|
2243 |
-
var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options));
|
2244 |
-
|
2245 |
-
_this9.el.M_Dropdown = _this9;
|
2246 |
-
Dropdown._dropdowns.push(_this9);
|
2247 |
-
|
2248 |
-
_this9.id = M.getIdFromTrigger(el);
|
2249 |
-
_this9.dropdownEl = document.getElementById(_this9.id);
|
2250 |
-
_this9.$dropdownEl = $(_this9.dropdownEl);
|
2251 |
-
|
2252 |
-
/**
|
2253 |
-
* Options for the dropdown
|
2254 |
-
* @member Dropdown#options
|
2255 |
-
* @prop {String} [alignment='left'] - Edge which the dropdown is aligned to
|
2256 |
-
* @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard
|
2257 |
-
* @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button
|
2258 |
-
* @prop {Element} container - Container element to attach dropdown to (optional)
|
2259 |
-
* @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger
|
2260 |
-
* @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item
|
2261 |
-
* @prop {Boolean} [hover=false] - Open dropdown on hover
|
2262 |
-
* @prop {Number} [inDuration=150] - Duration of open animation in ms
|
2263 |
-
* @prop {Number} [outDuration=250] - Duration of close animation in ms
|
2264 |
-
* @prop {Function} onOpenStart - Function called when dropdown starts opening
|
2265 |
-
* @prop {Function} onOpenEnd - Function called when dropdown finishes opening
|
2266 |
-
* @prop {Function} onCloseStart - Function called when dropdown starts closing
|
2267 |
-
* @prop {Function} onCloseEnd - Function called when dropdown finishes closing
|
2268 |
-
*/
|
2269 |
-
_this9.options = $.extend({}, Dropdown.defaults, options);
|
2270 |
-
|
2271 |
-
/**
|
2272 |
-
* Describes open/close state of dropdown
|
2273 |
-
* @type {Boolean}
|
2274 |
-
*/
|
2275 |
-
_this9.isOpen = false;
|
2276 |
-
|
2277 |
-
/**
|
2278 |
-
* Describes if dropdown content is scrollable
|
2279 |
-
* @type {Boolean}
|
2280 |
-
*/
|
2281 |
-
_this9.isScrollable = false;
|
2282 |
-
|
2283 |
-
/**
|
2284 |
-
* Describes if touch moving on dropdown content
|
2285 |
-
* @type {Boolean}
|
2286 |
-
*/
|
2287 |
-
_this9.isTouchMoving = false;
|
2288 |
-
|
2289 |
-
_this9.focusedIndex = -1;
|
2290 |
-
_this9.filterQuery = [];
|
2291 |
-
|
2292 |
-
// Move dropdown-content after dropdown-trigger
|
2293 |
-
if (!!_this9.options.container) {
|
2294 |
-
$(_this9.options.container).append(_this9.dropdownEl);
|
2295 |
-
} else {
|
2296 |
-
_this9.$el.after(_this9.dropdownEl);
|
2297 |
-
}
|
2298 |
-
|
2299 |
-
_this9._makeDropdownFocusable();
|
2300 |
-
_this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9);
|
2301 |
-
_this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9);
|
2302 |
-
_this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9);
|
2303 |
-
_this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9);
|
2304 |
-
_this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9);
|
2305 |
-
_this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9);
|
2306 |
-
_this9._setupEventHandlers();
|
2307 |
-
return _this9;
|
2308 |
-
}
|
2309 |
-
|
2310 |
-
_createClass(Dropdown, [{
|
2311 |
-
key: "destroy",
|
2312 |
-
|
2313 |
-
|
2314 |
-
/**
|
2315 |
-
* Teardown component
|
2316 |
-
*/
|
2317 |
-
value: function destroy() {
|
2318 |
-
this._resetDropdownStyles();
|
2319 |
-
this._removeEventHandlers();
|
2320 |
-
Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1);
|
2321 |
-
this.el.M_Dropdown = undefined;
|
2322 |
-
}
|
2323 |
-
|
2324 |
-
/**
|
2325 |
-
* Setup Event Handlers
|
2326 |
-
*/
|
2327 |
-
|
2328 |
-
}, {
|
2329 |
-
key: "_setupEventHandlers",
|
2330 |
-
value: function _setupEventHandlers() {
|
2331 |
-
// Trigger keydown handler
|
2332 |
-
this.el.addEventListener('keydown', this._handleTriggerKeydownBound);
|
2333 |
-
|
2334 |
-
// Item click handler
|
2335 |
-
this.dropdownEl.addEventListener('click', this._handleDropdownClickBound);
|
2336 |
-
|
2337 |
-
// Hover event handlers
|
2338 |
-
if (this.options.hover) {
|
2339 |
-
this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
|
2340 |
-
this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
|
2341 |
-
this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
|
2342 |
-
this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
2343 |
-
this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
2344 |
-
|
2345 |
-
// Click event handlers
|
2346 |
-
} else {
|
2347 |
-
this._handleClickBound = this._handleClick.bind(this);
|
2348 |
-
this.el.addEventListener('click', this._handleClickBound);
|
2349 |
-
}
|
2350 |
-
}
|
2351 |
-
|
2352 |
-
/**
|
2353 |
-
* Remove Event Handlers
|
2354 |
-
*/
|
2355 |
-
|
2356 |
-
}, {
|
2357 |
-
key: "_removeEventHandlers",
|
2358 |
-
value: function _removeEventHandlers() {
|
2359 |
-
this.el.removeEventListener('keydown', this._handleTriggerKeydownBound);
|
2360 |
-
this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound);
|
2361 |
-
|
2362 |
-
if (this.options.hover) {
|
2363 |
-
this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
|
2364 |
-
this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
2365 |
-
this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
2366 |
-
} else {
|
2367 |
-
this.el.removeEventListener('click', this._handleClickBound);
|
2368 |
-
}
|
2369 |
-
}
|
2370 |
-
}, {
|
2371 |
-
key: "_setupTemporaryEventHandlers",
|
2372 |
-
value: function _setupTemporaryEventHandlers() {
|
2373 |
-
// Use capture phase event handler to prevent click
|
2374 |
-
document.body.addEventListener('click', this._handleDocumentClickBound, true);
|
2375 |
-
document.body.addEventListener('touchend', this._handleDocumentClickBound);
|
2376 |
-
document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound);
|
2377 |
-
this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound);
|
2378 |
-
}
|
2379 |
-
}, {
|
2380 |
-
key: "_removeTemporaryEventHandlers",
|
2381 |
-
value: function _removeTemporaryEventHandlers() {
|
2382 |
-
// Use capture phase event handler to prevent click
|
2383 |
-
document.body.removeEventListener('click', this._handleDocumentClickBound, true);
|
2384 |
-
document.body.removeEventListener('touchend', this._handleDocumentClickBound);
|
2385 |
-
document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound);
|
2386 |
-
this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound);
|
2387 |
-
}
|
2388 |
-
}, {
|
2389 |
-
key: "_handleClick",
|
2390 |
-
value: function _handleClick(e) {
|
2391 |
-
e.preventDefault();
|
2392 |
-
this.open();
|
2393 |
-
}
|
2394 |
-
}, {
|
2395 |
-
key: "_handleMouseEnter",
|
2396 |
-
value: function _handleMouseEnter() {
|
2397 |
-
this.open();
|
2398 |
-
}
|
2399 |
-
}, {
|
2400 |
-
key: "_handleMouseLeave",
|
2401 |
-
value: function _handleMouseLeave(e) {
|
2402 |
-
var toEl = e.toElement || e.relatedTarget;
|
2403 |
-
var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length;
|
2404 |
-
var leaveToActiveDropdownTrigger = false;
|
2405 |
-
|
2406 |
-
var $closestTrigger = $(toEl).closest('.dropdown-trigger');
|
2407 |
-
if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) {
|
2408 |
-
leaveToActiveDropdownTrigger = true;
|
2409 |
-
}
|
2410 |
-
|
2411 |
-
// Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content
|
2412 |
-
if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) {
|
2413 |
-
this.close();
|
2414 |
-
}
|
2415 |
-
}
|
2416 |
-
}, {
|
2417 |
-
key: "_handleDocumentClick",
|
2418 |
-
value: function _handleDocumentClick(e) {
|
2419 |
-
var _this10 = this;
|
2420 |
-
|
2421 |
-
var $target = $(e.target);
|
2422 |
-
if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) {
|
2423 |
-
// isTouchMoving to check if scrolling on mobile.
|
2424 |
-
setTimeout(function () {
|
2425 |
-
_this10.close();
|
2426 |
-
}, 0);
|
2427 |
-
} else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) {
|
2428 |
-
setTimeout(function () {
|
2429 |
-
_this10.close();
|
2430 |
-
}, 0);
|
2431 |
-
}
|
2432 |
-
this.isTouchMoving = false;
|
2433 |
-
}
|
2434 |
-
}, {
|
2435 |
-
key: "_handleTriggerKeydown",
|
2436 |
-
value: function _handleTriggerKeydown(e) {
|
2437 |
-
// ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown
|
2438 |
-
if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) {
|
2439 |
-
e.preventDefault();
|
2440 |
-
this.open();
|
2441 |
-
}
|
2442 |
-
}
|
2443 |
-
|
2444 |
-
/**
|
2445 |
-
* Handle Document Touchmove
|
2446 |
-
* @param {Event} e
|
2447 |
-
*/
|
2448 |
-
|
2449 |
-
}, {
|
2450 |
-
key: "_handleDocumentTouchmove",
|
2451 |
-
value: function _handleDocumentTouchmove(e) {
|
2452 |
-
var $target = $(e.target);
|
2453 |
-
if ($target.closest('.dropdown-content').length) {
|
2454 |
-
this.isTouchMoving = true;
|
2455 |
-
}
|
2456 |
-
}
|
2457 |
-
|
2458 |
-
/**
|
2459 |
-
* Handle Dropdown Click
|
2460 |
-
* @param {Event} e
|
2461 |
-
*/
|
2462 |
-
|
2463 |
-
}, {
|
2464 |
-
key: "_handleDropdownClick",
|
2465 |
-
value: function _handleDropdownClick(e) {
|
2466 |
-
// onItemClick callback
|
2467 |
-
if (typeof this.options.onItemClick === 'function') {
|
2468 |
-
var itemEl = $(e.target).closest('li')[0];
|
2469 |
-
this.options.onItemClick.call(this, itemEl);
|
2470 |
-
}
|
2471 |
-
}
|
2472 |
-
|
2473 |
-
/**
|
2474 |
-
* Handle Dropdown Keydown
|
2475 |
-
* @param {Event} e
|
2476 |
-
*/
|
2477 |
-
|
2478 |
-
}, {
|
2479 |
-
key: "_handleDropdownKeydown",
|
2480 |
-
value: function _handleDropdownKeydown(e) {
|
2481 |
-
if (e.which === M.keys.TAB) {
|
2482 |
-
e.preventDefault();
|
2483 |
-
this.close();
|
2484 |
-
|
2485 |
-
// Navigate down dropdown list
|
2486 |
-
} else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) {
|
2487 |
-
e.preventDefault();
|
2488 |
-
var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1;
|
2489 |
-
var newFocusedIndex = this.focusedIndex;
|
2490 |
-
var foundNewIndex = false;
|
2491 |
-
do {
|
2492 |
-
newFocusedIndex = newFocusedIndex + direction;
|
2493 |
-
|
2494 |
-
if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) {
|
2495 |
-
foundNewIndex = true;
|
2496 |
-
break;
|
2497 |
-
}
|
2498 |
-
} while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0);
|
2499 |
-
|
2500 |
-
if (foundNewIndex) {
|
2501 |
-
this.focusedIndex = newFocusedIndex;
|
2502 |
-
this._focusFocusedItem();
|
2503 |
-
}
|
2504 |
-
|
2505 |
-
// ENTER selects choice on focused item
|
2506 |
-
} else if (e.which === M.keys.ENTER && this.isOpen) {
|
2507 |
-
// Search for <a> and <button>
|
2508 |
-
var focusedElement = this.dropdownEl.children[this.focusedIndex];
|
2509 |
-
var $activatableElement = $(focusedElement).find('a, button').first();
|
2510 |
-
|
2511 |
-
// Click a or button tag if exists, otherwise click li tag
|
2512 |
-
if (!!$activatableElement.length) {
|
2513 |
-
$activatableElement[0].click();
|
2514 |
-
} else if (!!focusedElement) {
|
2515 |
-
focusedElement.click();
|
2516 |
-
}
|
2517 |
-
|
2518 |
-
// Close dropdown on ESC
|
2519 |
-
} else if (e.which === M.keys.ESC && this.isOpen) {
|
2520 |
-
e.preventDefault();
|
2521 |
-
this.close();
|
2522 |
-
}
|
2523 |
-
|
2524 |
-
// CASE WHEN USER TYPE LETTERS
|
2525 |
-
var letter = String.fromCharCode(e.which).toLowerCase(),
|
2526 |
-
nonLetters = [9, 13, 27, 38, 40];
|
2527 |
-
if (letter && nonLetters.indexOf(e.which) === -1) {
|
2528 |
-
this.filterQuery.push(letter);
|
2529 |
-
|
2530 |
-
var string = this.filterQuery.join(''),
|
2531 |
-
newOptionEl = $(this.dropdownEl).find('li').filter(function (el) {
|
2532 |
-
return $(el).text().toLowerCase().indexOf(string) === 0;
|
2533 |
-
})[0];
|
2534 |
-
|
2535 |
-
if (newOptionEl) {
|
2536 |
-
this.focusedIndex = $(newOptionEl).index();
|
2537 |
-
this._focusFocusedItem();
|
2538 |
-
}
|
2539 |
-
}
|
2540 |
-
|
2541 |
-
this.filterTimeout = setTimeout(this._resetFilterQueryBound, 1000);
|
2542 |
-
}
|
2543 |
-
|
2544 |
-
/**
|
2545 |
-
* Setup dropdown
|
2546 |
-
*/
|
2547 |
-
|
2548 |
-
}, {
|
2549 |
-
key: "_resetFilterQuery",
|
2550 |
-
value: function _resetFilterQuery() {
|
2551 |
-
this.filterQuery = [];
|
2552 |
-
}
|
2553 |
-
}, {
|
2554 |
-
key: "_resetDropdownStyles",
|
2555 |
-
value: function _resetDropdownStyles() {
|
2556 |
-
this.$dropdownEl.css({
|
2557 |
-
display: '',
|
2558 |
-
width: '',
|
2559 |
-
height: '',
|
2560 |
-
left: '',
|
2561 |
-
top: '',
|
2562 |
-
'transform-origin': '',
|
2563 |
-
transform: '',
|
2564 |
-
opacity: ''
|
2565 |
-
});
|
2566 |
-
}
|
2567 |
-
}, {
|
2568 |
-
key: "_makeDropdownFocusable",
|
2569 |
-
value: function _makeDropdownFocusable() {
|
2570 |
-
// Needed for arrow key navigation
|
2571 |
-
this.dropdownEl.tabIndex = 0;
|
2572 |
-
|
2573 |
-
// Only set tabindex if it hasn't been set by user
|
2574 |
-
$(this.dropdownEl).children().each(function (el) {
|
2575 |
-
if (!el.getAttribute('tabindex')) {
|
2576 |
-
el.setAttribute('tabindex', 0);
|
2577 |
-
}
|
2578 |
-
});
|
2579 |
-
}
|
2580 |
-
}, {
|
2581 |
-
key: "_focusFocusedItem",
|
2582 |
-
value: function _focusFocusedItem() {
|
2583 |
-
if (this.focusedIndex >= 0 && this.focusedIndex < this.dropdownEl.children.length && this.options.autoFocus) {
|
2584 |
-
this.dropdownEl.children[this.focusedIndex].focus();
|
2585 |
-
}
|
2586 |
-
}
|
2587 |
-
}, {
|
2588 |
-
key: "_getDropdownPosition",
|
2589 |
-
value: function _getDropdownPosition() {
|
2590 |
-
var offsetParentBRect = this.el.offsetParent.getBoundingClientRect();
|
2591 |
-
var triggerBRect = this.el.getBoundingClientRect();
|
2592 |
-
var dropdownBRect = this.dropdownEl.getBoundingClientRect();
|
2593 |
-
|
2594 |
-
var idealHeight = dropdownBRect.height;
|
2595 |
-
var idealWidth = dropdownBRect.width;
|
2596 |
-
var idealXPos = triggerBRect.left - dropdownBRect.left;
|
2597 |
-
var idealYPos = triggerBRect.top - dropdownBRect.top;
|
2598 |
-
|
2599 |
-
var dropdownBounds = {
|
2600 |
-
left: idealXPos,
|
2601 |
-
top: idealYPos,
|
2602 |
-
height: idealHeight,
|
2603 |
-
width: idealWidth
|
2604 |
-
};
|
2605 |
-
|
2606 |
-
// Countainer here will be closest ancestor with overflow: hidden
|
2607 |
-
var closestOverflowParent = !!this.dropdownEl.offsetParent ? this.dropdownEl.offsetParent : this.dropdownEl.parentNode;
|
2608 |
-
|
2609 |
-
var alignments = M.checkPossibleAlignments(this.el, closestOverflowParent, dropdownBounds, this.options.coverTrigger ? 0 : triggerBRect.height);
|
2610 |
-
|
2611 |
-
var verticalAlignment = 'top';
|
2612 |
-
var horizontalAlignment = this.options.alignment;
|
2613 |
-
idealYPos += this.options.coverTrigger ? 0 : triggerBRect.height;
|
2614 |
-
|
2615 |
-
// Reset isScrollable
|
2616 |
-
this.isScrollable = false;
|
2617 |
-
|
2618 |
-
if (!alignments.top) {
|
2619 |
-
if (alignments.bottom) {
|
2620 |
-
verticalAlignment = 'bottom';
|
2621 |
-
} else {
|
2622 |
-
this.isScrollable = true;
|
2623 |
-
|
2624 |
-
// Determine which side has most space and cutoff at correct height
|
2625 |
-
if (alignments.spaceOnTop > alignments.spaceOnBottom) {
|
2626 |
-
verticalAlignment = 'bottom';
|
2627 |
-
idealHeight += alignments.spaceOnTop;
|
2628 |
-
idealYPos -= alignments.spaceOnTop;
|
2629 |
-
} else {
|
2630 |
-
idealHeight += alignments.spaceOnBottom;
|
2631 |
-
}
|
2632 |
-
}
|
2633 |
-
}
|
2634 |
-
|
2635 |
-
// If preferred horizontal alignment is possible
|
2636 |
-
if (!alignments[horizontalAlignment]) {
|
2637 |
-
var oppositeAlignment = horizontalAlignment === 'left' ? 'right' : 'left';
|
2638 |
-
if (alignments[oppositeAlignment]) {
|
2639 |
-
horizontalAlignment = oppositeAlignment;
|
2640 |
-
} else {
|
2641 |
-
// Determine which side has most space and cutoff at correct height
|
2642 |
-
if (alignments.spaceOnLeft > alignments.spaceOnRight) {
|
2643 |
-
horizontalAlignment = 'right';
|
2644 |
-
idealWidth += alignments.spaceOnLeft;
|
2645 |
-
idealXPos -= alignments.spaceOnLeft;
|
2646 |
-
} else {
|
2647 |
-
horizontalAlignment = 'left';
|
2648 |
-
idealWidth += alignments.spaceOnRight;
|
2649 |
-
}
|
2650 |
-
}
|
2651 |
-
}
|
2652 |
-
|
2653 |
-
if (verticalAlignment === 'bottom') {
|
2654 |
-
idealYPos = idealYPos - dropdownBRect.height + (this.options.coverTrigger ? triggerBRect.height : 0);
|
2655 |
-
}
|
2656 |
-
if (horizontalAlignment === 'right') {
|
2657 |
-
idealXPos = idealXPos - dropdownBRect.width + triggerBRect.width;
|
2658 |
-
}
|
2659 |
-
return {
|
2660 |
-
x: idealXPos,
|
2661 |
-
y: idealYPos,
|
2662 |
-
verticalAlignment: verticalAlignment,
|
2663 |
-
horizontalAlignment: horizontalAlignment,
|
2664 |
-
height: idealHeight,
|
2665 |
-
width: idealWidth
|
2666 |
-
};
|
2667 |
-
}
|
2668 |
-
|
2669 |
-
/**
|
2670 |
-
* Animate in dropdown
|
2671 |
-
*/
|
2672 |
-
|
2673 |
-
}, {
|
2674 |
-
key: "_animateIn",
|
2675 |
-
value: function _animateIn() {
|
2676 |
-
var _this11 = this;
|
2677 |
-
|
2678 |
-
anim.remove(this.dropdownEl);
|
2679 |
-
anim({
|
2680 |
-
targets: this.dropdownEl,
|
2681 |
-
opacity: {
|
2682 |
-
value: [0, 1],
|
2683 |
-
easing: 'easeOutQuad'
|
2684 |
-
},
|
2685 |
-
scaleX: [0.3, 1],
|
2686 |
-
scaleY: [0.3, 1],
|
2687 |
-
duration: this.options.inDuration,
|
2688 |
-
easing: 'easeOutQuint',
|
2689 |
-
complete: function (anim) {
|
2690 |
-
if (_this11.options.autoFocus) {
|
2691 |
-
_this11.dropdownEl.focus();
|
2692 |
-
}
|
2693 |
-
|
2694 |
-
// onOpenEnd callback
|
2695 |
-
if (typeof _this11.options.onOpenEnd === 'function') {
|
2696 |
-
_this11.options.onOpenEnd.call(_this11, _this11.el);
|
2697 |
-
}
|
2698 |
-
}
|
2699 |
-
});
|
2700 |
-
}
|
2701 |
-
|
2702 |
-
/**
|
2703 |
-
* Animate out dropdown
|
2704 |
-
*/
|
2705 |
-
|
2706 |
-
}, {
|
2707 |
-
key: "_animateOut",
|
2708 |
-
value: function _animateOut() {
|
2709 |
-
var _this12 = this;
|
2710 |
-
|
2711 |
-
anim.remove(this.dropdownEl);
|
2712 |
-
anim({
|
2713 |
-
targets: this.dropdownEl,
|
2714 |
-
opacity: {
|
2715 |
-
value: 0,
|
2716 |
-
easing: 'easeOutQuint'
|
2717 |
-
},
|
2718 |
-
scaleX: 0.3,
|
2719 |
-
scaleY: 0.3,
|
2720 |
-
duration: this.options.outDuration,
|
2721 |
-
easing: 'easeOutQuint',
|
2722 |
-
complete: function (anim) {
|
2723 |
-
_this12._resetDropdownStyles();
|
2724 |
-
|
2725 |
-
// onCloseEnd callback
|
2726 |
-
if (typeof _this12.options.onCloseEnd === 'function') {
|
2727 |
-
_this12.options.onCloseEnd.call(_this12, _this12.el);
|
2728 |
-
}
|
2729 |
-
}
|
2730 |
-
});
|
2731 |
-
}
|
2732 |
-
|
2733 |
-
/**
|
2734 |
-
* Place dropdown
|
2735 |
-
*/
|
2736 |
-
|
2737 |
-
}, {
|
2738 |
-
key: "_placeDropdown",
|
2739 |
-
value: function _placeDropdown() {
|
2740 |
-
// Set width before calculating positionInfo
|
2741 |
-
var idealWidth = this.options.constrainWidth ? this.el.getBoundingClientRect().width : this.dropdownEl.getBoundingClientRect().width;
|
2742 |
-
this.dropdownEl.style.width = idealWidth + 'px';
|
2743 |
-
|
2744 |
-
var positionInfo = this._getDropdownPosition();
|
2745 |
-
this.dropdownEl.style.left = positionInfo.x + 'px';
|
2746 |
-
this.dropdownEl.style.top = positionInfo.y + 'px';
|
2747 |
-
this.dropdownEl.style.height = positionInfo.height + 'px';
|
2748 |
-
this.dropdownEl.style.width = positionInfo.width + 'px';
|
2749 |
-
this.dropdownEl.style.transformOrigin = (positionInfo.horizontalAlignment === 'left' ? '0' : '100%') + " " + (positionInfo.verticalAlignment === 'top' ? '0' : '100%');
|
2750 |
-
}
|
2751 |
-
|
2752 |
-
/**
|
2753 |
-
* Open Dropdown
|
2754 |
-
*/
|
2755 |
-
|
2756 |
-
}, {
|
2757 |
-
key: "open",
|
2758 |
-
value: function open() {
|
2759 |
-
if (this.isOpen) {
|
2760 |
-
return;
|
2761 |
-
}
|
2762 |
-
this.isOpen = true;
|
2763 |
-
|
2764 |
-
// onOpenStart callback
|
2765 |
-
if (typeof this.options.onOpenStart === 'function') {
|
2766 |
-
this.options.onOpenStart.call(this, this.el);
|
2767 |
-
}
|
2768 |
-
|
2769 |
-
// Reset styles
|
2770 |
-
this._resetDropdownStyles();
|
2771 |
-
this.dropdownEl.style.display = 'block';
|
2772 |
-
|
2773 |
-
this._placeDropdown();
|
2774 |
-
this._animateIn();
|
2775 |
-
this._setupTemporaryEventHandlers();
|
2776 |
-
}
|
2777 |
-
|
2778 |
-
/**
|
2779 |
-
* Close Dropdown
|
2780 |
-
*/
|
2781 |
-
|
2782 |
-
}, {
|
2783 |
-
key: "close",
|
2784 |
-
value: function close() {
|
2785 |
-
if (!this.isOpen) {
|
2786 |
-
return;
|
2787 |
-
}
|
2788 |
-
this.isOpen = false;
|
2789 |
-
this.focusedIndex = -1;
|
2790 |
-
|
2791 |
-
// onCloseStart callback
|
2792 |
-
if (typeof this.options.onCloseStart === 'function') {
|
2793 |
-
this.options.onCloseStart.call(this, this.el);
|
2794 |
-
}
|
2795 |
-
|
2796 |
-
this._animateOut();
|
2797 |
-
this._removeTemporaryEventHandlers();
|
2798 |
-
|
2799 |
-
if (this.options.autoFocus) {
|
2800 |
-
this.el.focus();
|
2801 |
-
}
|
2802 |
-
}
|
2803 |
-
|
2804 |
-
/**
|
2805 |
-
* Recalculate dimensions
|
2806 |
-
*/
|
2807 |
-
|
2808 |
-
}, {
|
2809 |
-
key: "recalculateDimensions",
|
2810 |
-
value: function recalculateDimensions() {
|
2811 |
-
if (this.isOpen) {
|
2812 |
-
this.$dropdownEl.css({
|
2813 |
-
width: '',
|
2814 |
-
height: '',
|
2815 |
-
left: '',
|
2816 |
-
top: '',
|
2817 |
-
'transform-origin': ''
|
2818 |
-
});
|
2819 |
-
this._placeDropdown();
|
2820 |
-
}
|
2821 |
-
}
|
2822 |
-
}], [{
|
2823 |
-
key: "init",
|
2824 |
-
value: function init(els, options) {
|
2825 |
-
return _get(Dropdown.__proto__ || Object.getPrototypeOf(Dropdown), "init", this).call(this, this, els, options);
|
2826 |
-
}
|
2827 |
-
|
2828 |
-
/**
|
2829 |
-
* Get Instance
|
2830 |
-
*/
|
2831 |
-
|
2832 |
-
}, {
|
2833 |
-
key: "getInstance",
|
2834 |
-
value: function getInstance(el) {
|
2835 |
-
var domElem = !!el.jquery ? el[0] : el;
|
2836 |
-
return domElem.M_Dropdown;
|
2837 |
-
}
|
2838 |
-
}, {
|
2839 |
-
key: "defaults",
|
2840 |
-
get: function () {
|
2841 |
-
return _defaults;
|
2842 |
-
}
|
2843 |
-
}]);
|
2844 |
-
|
2845 |
-
return Dropdown;
|
2846 |
-
}(Component);
|
2847 |
-
|
2848 |
-
/**
|
2849 |
-
* @static
|
2850 |
-
* @memberof Dropdown
|
2851 |
-
*/
|
2852 |
-
|
2853 |
-
|
2854 |
-
Dropdown._dropdowns = [];
|
2855 |
-
|
2856 |
-
M.Dropdown = Dropdown;
|
2857 |
-
|
2858 |
-
if (M.jQueryLoaded) {
|
2859 |
-
M.initializeJqueryWrapper(Dropdown, 'dropdown', 'M_Dropdown');
|
2860 |
-
}
|
2861 |
-
})(cash, M.anime);
|
2862 |
-
;(function ($, anim) {
|
2863 |
-
'use strict';
|
2864 |
-
|
2865 |
-
var _defaults = {
|
2866 |
-
opacity: 0.5,
|
2867 |
-
inDuration: 250,
|
2868 |
-
outDuration: 250,
|
2869 |
-
onOpenStart: null,
|
2870 |
-
onOpenEnd: null,
|
2871 |
-
onCloseStart: null,
|
2872 |
-
onCloseEnd: null,
|
2873 |
-
preventScrolling: true,
|
2874 |
-
dismissible: true,
|
2875 |
-
startingTop: '4%',
|
2876 |
-
endingTop: '10%'
|
2877 |
-
};
|
2878 |
-
|
2879 |
-
/**
|
2880 |
-
* @class
|
2881 |
-
*
|
2882 |
-
*/
|
2883 |
-
|
2884 |
-
var Modal = function (_Component3) {
|
2885 |
-
_inherits(Modal, _Component3);
|
2886 |
-
|
2887 |
-
/**
|
2888 |
-
* Construct Modal instance and set up overlay
|
2889 |
-
* @constructor
|
2890 |
-
* @param {Element} el
|
2891 |
-
* @param {Object} options
|
2892 |
-
*/
|
2893 |
-
function Modal(el, options) {
|
2894 |
-
_classCallCheck(this, Modal);
|
2895 |
-
|
2896 |
-
var _this13 = _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this, Modal, el, options));
|
2897 |
-
|
2898 |
-
_this13.el.M_Modal = _this13;
|
2899 |
-
|
2900 |
-
/**
|
2901 |
-
* Options for the modal
|
2902 |
-
* @member Modal#options
|
2903 |
-
* @prop {Number} [opacity=0.5] - Opacity of the modal overlay
|
2904 |
-
* @prop {Number} [inDuration=250] - Length in ms of enter transition
|
2905 |
-
* @prop {Number} [outDuration=250] - Length in ms of exit transition
|
2906 |
-
* @prop {Function} onOpenStart - Callback function called before modal is opened
|
2907 |
-
* @prop {Function} onOpenEnd - Callback function called after modal is opened
|
2908 |
-
* @prop {Function} onCloseStart - Callback function called before modal is closed
|
2909 |
-
* @prop {Function} onCloseEnd - Callback function called after modal is closed
|
2910 |
-
* @prop {Boolean} [dismissible=true] - Allow modal to be dismissed by keyboard or overlay click
|
2911 |
-
* @prop {String} [startingTop='4%'] - startingTop
|
2912 |
-
* @prop {String} [endingTop='10%'] - endingTop
|
2913 |
-
*/
|
2914 |
-
_this13.options = $.extend({}, Modal.defaults, options);
|
2915 |
-
|
2916 |
-
/**
|
2917 |
-
* Describes open/close state of modal
|
2918 |
-
* @type {Boolean}
|
2919 |
-
*/
|
2920 |
-
_this13.isOpen = false;
|
2921 |
-
|
2922 |
-
_this13.id = _this13.$el.attr('id');
|
2923 |
-
_this13._openingTrigger = undefined;
|
2924 |
-
_this13.$overlay = $('<div class="modal-overlay"></div>');
|
2925 |
-
_this13.el.tabIndex = 0;
|
2926 |
-
_this13._nthModalOpened = 0;
|
2927 |
-
|
2928 |
-
Modal._count++;
|
2929 |
-
_this13._setupEventHandlers();
|
2930 |
-
return _this13;
|
2931 |
-
}
|
2932 |
-
|
2933 |
-
_createClass(Modal, [{
|
2934 |
-
key: "destroy",
|
2935 |
-
|
2936 |
-
|
2937 |
-
/**
|
2938 |
-
* Teardown component
|
2939 |
-
*/
|
2940 |
-
value: function destroy() {
|
2941 |
-
Modal._count--;
|
2942 |
-
this._removeEventHandlers();
|
2943 |
-
this.el.removeAttribute('style');
|
2944 |
-
this.$overlay.remove();
|
2945 |
-
this.el.M_Modal = undefined;
|
2946 |
-
}
|
2947 |
-
|
2948 |
-
/**
|
2949 |
-
* Setup Event Handlers
|
2950 |
-
*/
|
2951 |
-
|
2952 |
-
}, {
|
2953 |
-
key: "_setupEventHandlers",
|
2954 |
-
value: function _setupEventHandlers() {
|
2955 |
-
this._handleOverlayClickBound = this._handleOverlayClick.bind(this);
|
2956 |
-
this._handleModalCloseClickBound = this._handleModalCloseClick.bind(this);
|
2957 |
-
|
2958 |
-
if (Modal._count === 1) {
|
2959 |
-
document.body.addEventListener('click', this._handleTriggerClick);
|
2960 |
-
}
|
2961 |
-
this.$overlay[0].addEventListener('click', this._handleOverlayClickBound);
|
2962 |
-
this.el.addEventListener('click', this._handleModalCloseClickBound);
|
2963 |
-
}
|
2964 |
-
|
2965 |
-
/**
|
2966 |
-
* Remove Event Handlers
|
2967 |
-
*/
|
2968 |
-
|
2969 |
-
}, {
|
2970 |
-
key: "_removeEventHandlers",
|
2971 |
-
value: function _removeEventHandlers() {
|
2972 |
-
if (Modal._count === 0) {
|
2973 |
-
document.body.removeEventListener('click', this._handleTriggerClick);
|
2974 |
-
}
|
2975 |
-
this.$overlay[0].removeEventListener('click', this._handleOverlayClickBound);
|
2976 |
-
this.el.removeEventListener('click', this._handleModalCloseClickBound);
|
2977 |
-
}
|
2978 |
-
|
2979 |
-
/**
|
2980 |
-
* Handle Trigger Click
|
2981 |
-
* @param {Event} e
|
2982 |
-
*/
|
2983 |
-
|
2984 |
-
}, {
|
2985 |
-
key: "_handleTriggerClick",
|
2986 |
-
value: function _handleTriggerClick(e) {
|
2987 |
-
var $trigger = $(e.target).closest('.modal-trigger');
|
2988 |
-
if ($trigger.length) {
|
2989 |
-
var modalId = M.getIdFromTrigger($trigger[0]);
|
2990 |
-
var modalInstance = document.getElementById(modalId).M_Modal;
|
2991 |
-
if (modalInstance) {
|
2992 |
-
modalInstance.open($trigger);
|
2993 |
-
}
|
2994 |
-
e.preventDefault();
|
2995 |
-
}
|
2996 |
-
}
|
2997 |
-
|
2998 |
-
/**
|
2999 |
-
* Handle Overlay Click
|
3000 |
-
*/
|
3001 |
-
|
3002 |
-
}, {
|
3003 |
-
key: "_handleOverlayClick",
|
3004 |
-
value: function _handleOverlayClick() {
|
3005 |
-
if (this.options.dismissible) {
|
3006 |
-
this.close();
|
3007 |
-
}
|
3008 |
-
}
|
3009 |
-
|
3010 |
-
/**
|
3011 |
-
* Handle Modal Close Click
|
3012 |
-
* @param {Event} e
|
3013 |
-
*/
|
3014 |
-
|
3015 |
-
}, {
|
3016 |
-
key: "_handleModalCloseClick",
|
3017 |
-
value: function _handleModalCloseClick(e) {
|
3018 |
-
var $closeTrigger = $(e.target).closest('.modal-close');
|
3019 |
-
if ($closeTrigger.length) {
|
3020 |
-
this.close();
|
3021 |
-
}
|
3022 |
-
}
|
3023 |
-
|
3024 |
-
/**
|
3025 |
-
* Handle Keydown
|
3026 |
-
* @param {Event} e
|
3027 |
-
*/
|
3028 |
-
|
3029 |
-
}, {
|
3030 |
-
key: "_handleKeydown",
|
3031 |
-
value: function _handleKeydown(e) {
|
3032 |
-
// ESC key
|
3033 |
-
if (e.keyCode === 27 && this.options.dismissible) {
|
3034 |
-
this.close();
|
3035 |
-
}
|
3036 |
-
}
|
3037 |
-
|
3038 |
-
/**
|
3039 |
-
* Handle Focus
|
3040 |
-
* @param {Event} e
|
3041 |
-
*/
|
3042 |
-
|
3043 |
-
}, {
|
3044 |
-
key: "_handleFocus",
|
3045 |
-
value: function _handleFocus(e) {
|
3046 |
-
// Only trap focus if this modal is the last model opened (prevents loops in nested modals).
|
3047 |
-
if (!this.el.contains(e.target) && this._nthModalOpened === Modal._modalsOpen) {
|
3048 |
-
this.el.focus();
|
3049 |
-
}
|
3050 |
-
}
|
3051 |
-
|
3052 |
-
/**
|
3053 |
-
* Animate in modal
|
3054 |
-
*/
|
3055 |
-
|
3056 |
-
}, {
|
3057 |
-
key: "_animateIn",
|
3058 |
-
value: function _animateIn() {
|
3059 |
-
var _this14 = this;
|
3060 |
-
|
3061 |
-
// Set initial styles
|
3062 |
-
$.extend(this.el.style, {
|
3063 |
-
display: 'block',
|
3064 |
-
opacity: 0
|
3065 |
-
});
|
3066 |
-
$.extend(this.$overlay[0].style, {
|
3067 |
-
display: 'block',
|
3068 |
-
opacity: 0
|
3069 |
-
});
|
3070 |
-
|
3071 |
-
// Animate overlay
|
3072 |
-
anim({
|
3073 |
-
targets: this.$overlay[0],
|
3074 |
-
opacity: this.options.opacity,
|
3075 |
-
duration: this.options.inDuration,
|
3076 |
-
easing: 'easeOutQuad'
|
3077 |
-
});
|
3078 |
-
|
3079 |
-
// Define modal animation options
|
3080 |
-
var enterAnimOptions = {
|
3081 |
-
targets: this.el,
|
3082 |
-
duration: this.options.inDuration,
|
3083 |
-
easing: 'easeOutCubic',
|
3084 |
-
// Handle modal onOpenEnd callback
|
3085 |
-
complete: function () {
|
3086 |
-
if (typeof _this14.options.onOpenEnd === 'function') {
|
3087 |
-
_this14.options.onOpenEnd.call(_this14, _this14.el, _this14._openingTrigger);
|
3088 |
-
}
|
3089 |
-
}
|
3090 |
-
};
|
3091 |
-
|
3092 |
-
// Bottom sheet animation
|
3093 |
-
if (this.el.classList.contains('bottom-sheet')) {
|
3094 |
-
$.extend(enterAnimOptions, {
|
3095 |
-
bottom: 0,
|
3096 |
-
opacity: 1
|
3097 |
-
});
|
3098 |
-
anim(enterAnimOptions);
|
3099 |
-
|
3100 |
-
// Normal modal animation
|
3101 |
-
} else {
|
3102 |
-
$.extend(enterAnimOptions, {
|
3103 |
-
top: [this.options.startingTop, this.options.endingTop],
|
3104 |
-
opacity: 1,
|
3105 |
-
scaleX: [0.8, 1],
|
3106 |
-
scaleY: [0.8, 1]
|
3107 |
-
});
|
3108 |
-
anim(enterAnimOptions);
|
3109 |
-
}
|
3110 |
-
}
|
3111 |
-
|
3112 |
-
/**
|
3113 |
-
* Animate out modal
|
3114 |
-
*/
|
3115 |
-
|
3116 |
-
}, {
|
3117 |
-
key: "_animateOut",
|
3118 |
-
value: function _animateOut() {
|
3119 |
-
var _this15 = this;
|
3120 |
-
|
3121 |
-
// Animate overlay
|
3122 |
-
anim({
|
3123 |
-
targets: this.$overlay[0],
|
3124 |
-
opacity: 0,
|
3125 |
-
duration: this.options.outDuration,
|
3126 |
-
easing: 'easeOutQuart'
|
3127 |
-
});
|
3128 |
-
|
3129 |
-
// Define modal animation options
|
3130 |
-
var exitAnimOptions = {
|
3131 |
-
targets: this.el,
|
3132 |
-
duration: this.options.outDuration,
|
3133 |
-
easing: 'easeOutCubic',
|
3134 |
-
// Handle modal ready callback
|
3135 |
-
complete: function () {
|
3136 |
-
_this15.el.style.display = 'none';
|
3137 |
-
_this15.$overlay.remove();
|
3138 |
-
|
3139 |
-
// Call onCloseEnd callback
|
3140 |
-
if (typeof _this15.options.onCloseEnd === 'function') {
|
3141 |
-
_this15.options.onCloseEnd.call(_this15, _this15.el);
|
3142 |
-
}
|
3143 |
-
}
|
3144 |
-
};
|
3145 |
-
|
3146 |
-
// Bottom sheet animation
|
3147 |
-
if (this.el.classList.contains('bottom-sheet')) {
|
3148 |
-
$.extend(exitAnimOptions, {
|
3149 |
-
bottom: '-100%',
|
3150 |
-
opacity: 0
|
3151 |
-
});
|
3152 |
-
anim(exitAnimOptions);
|
3153 |
-
|
3154 |
-
// Normal modal animation
|
3155 |
-
} else {
|
3156 |
-
$.extend(exitAnimOptions, {
|
3157 |
-
top: [this.options.endingTop, this.options.startingTop],
|
3158 |
-
opacity: 0,
|
3159 |
-
scaleX: 0.8,
|
3160 |
-
scaleY: 0.8
|
3161 |
-
});
|
3162 |
-
anim(exitAnimOptions);
|
3163 |
-
}
|
3164 |
-
}
|
3165 |
-
|
3166 |
-
/**
|
3167 |
-
* Open Modal
|
3168 |
-
* @param {cash} [$trigger]
|
3169 |
-
*/
|
3170 |
-
|
3171 |
-
}, {
|
3172 |
-
key: "open",
|
3173 |
-
value: function open($trigger) {
|
3174 |
-
if (this.isOpen) {
|
3175 |
-
return;
|
3176 |
-
}
|
3177 |
-
|
3178 |
-
this.isOpen = true;
|
3179 |
-
Modal._modalsOpen++;
|
3180 |
-
this._nthModalOpened = Modal._modalsOpen;
|
3181 |
-
|
3182 |
-
// Set Z-Index based on number of currently open modals
|
3183 |
-
this.$overlay[0].style.zIndex = 1000 + Modal._modalsOpen * 2;
|
3184 |
-
this.el.style.zIndex = 1000 + Modal._modalsOpen * 2 + 1;
|
3185 |
-
|
3186 |
-
// Set opening trigger, undefined indicates modal was opened by javascript
|
3187 |
-
this._openingTrigger = !!$trigger ? $trigger[0] : undefined;
|
3188 |
-
|
3189 |
-
// onOpenStart callback
|
3190 |
-
if (typeof this.options.onOpenStart === 'function') {
|
3191 |
-
this.options.onOpenStart.call(this, this.el, this._openingTrigger);
|
3192 |
-
}
|
3193 |
-
|
3194 |
-
if (this.options.preventScrolling) {
|
3195 |
-
document.body.style.overflow = 'hidden';
|
3196 |
-
}
|
3197 |
-
|
3198 |
-
this.el.classList.add('open');
|
3199 |
-
this.el.insertAdjacentElement('afterend', this.$overlay[0]);
|
3200 |
-
|
3201 |
-
if (this.options.dismissible) {
|
3202 |
-
this._handleKeydownBound = this._handleKeydown.bind(this);
|
3203 |
-
this._handleFocusBound = this._handleFocus.bind(this);
|
3204 |
-
document.addEventListener('keydown', this._handleKeydownBound);
|
3205 |
-
document.addEventListener('focus', this._handleFocusBound, true);
|
3206 |
-
}
|
3207 |
-
|
3208 |
-
anim.remove(this.el);
|
3209 |
-
anim.remove(this.$overlay[0]);
|
3210 |
-
this._animateIn();
|
3211 |
-
|
3212 |
-
// Focus modal
|
3213 |
-
this.el.focus();
|
3214 |
-
|
3215 |
-
return this;
|
3216 |
-
}
|
3217 |
-
|
3218 |
-
/**
|
3219 |
-
* Close Modal
|
3220 |
-
*/
|
3221 |
-
|
3222 |
-
}, {
|
3223 |
-
key: "close",
|
3224 |
-
value: function close() {
|
3225 |
-
if (!this.isOpen) {
|
3226 |
-
return;
|
3227 |
-
}
|
3228 |
-
|
3229 |
-
this.isOpen = false;
|
3230 |
-
Modal._modalsOpen--;
|
3231 |
-
this._nthModalOpened = 0;
|
3232 |
-
|
3233 |
-
// Call onCloseStart callback
|
3234 |
-
if (typeof this.options.onCloseStart === 'function') {
|
3235 |
-
this.options.onCloseStart.call(this, this.el);
|
3236 |
-
}
|
3237 |
-
|
3238 |
-
this.el.classList.remove('open');
|
3239 |
-
|
3240 |
-
// Enable body scrolling only if there are no more modals open.
|
3241 |
-
if (Modal._modalsOpen === 0) {
|
3242 |
-
document.body.style.overflow = '';
|
3243 |
-
}
|
3244 |
-
|
3245 |
-
if (this.options.dismissible) {
|
3246 |
-
document.removeEventListener('keydown', this._handleKeydownBound);
|
3247 |
-
document.removeEventListener('focus', this._handleFocusBound, true);
|
3248 |
-
}
|
3249 |
-
|
3250 |
-
anim.remove(this.el);
|
3251 |
-
anim.remove(this.$overlay[0]);
|
3252 |
-
this._animateOut();
|
3253 |
-
return this;
|
3254 |
-
}
|
3255 |
-
}], [{
|
3256 |
-
key: "init",
|
3257 |
-
value: function init(els, options) {
|
3258 |
-
return _get(Modal.__proto__ || Object.getPrototypeOf(Modal), "init", this).call(this, this, els, options);
|
3259 |
-
}
|
3260 |
-
|
3261 |
-
/**
|
3262 |
-
* Get Instance
|
3263 |
-
*/
|
3264 |
-
|
3265 |
-
}, {
|
3266 |
-
key: "getInstance",
|
3267 |
-
value: function getInstance(el) {
|
3268 |
-
var domElem = !!el.jquery ? el[0] : el;
|
3269 |
-
return domElem.M_Modal;
|
3270 |
-
}
|
3271 |
-
}, {
|
3272 |
-
key: "defaults",
|
3273 |
-
get: function () {
|
3274 |
-
return _defaults;
|
3275 |
-
}
|
3276 |
-
}]);
|
3277 |
-
|
3278 |
-
return Modal;
|
3279 |
-
}(Component);
|
3280 |
-
|
3281 |
-
/**
|
3282 |
-
* @static
|
3283 |
-
* @memberof Modal
|
3284 |
-
*/
|
3285 |
-
|
3286 |
-
|
3287 |
-
Modal._modalsOpen = 0;
|
3288 |
-
|
3289 |
-
/**
|
3290 |
-
* @static
|
3291 |
-
* @memberof Modal
|
3292 |
-
*/
|
3293 |
-
Modal._count = 0;
|
3294 |
-
|
3295 |
-
M.Modal = Modal;
|
3296 |
-
|
3297 |
-
if (M.jQueryLoaded) {
|
3298 |
-
M.initializeJqueryWrapper(Modal, 'modal', 'M_Modal');
|
3299 |
-
}
|
3300 |
-
})(cash, M.anime);
|
3301 |
-
;(function ($, anim) {
|
3302 |
-
'use strict';
|
3303 |
-
|
3304 |
-
var _defaults = {
|
3305 |
-
inDuration: 275,
|
3306 |
-
outDuration: 200,
|
3307 |
-
onOpenStart: null,
|
3308 |
-
onOpenEnd: null,
|
3309 |
-
onCloseStart: null,
|
3310 |
-
onCloseEnd: null
|
3311 |
-
};
|
3312 |
-
|
3313 |
-
/**
|
3314 |
-
* @class
|
3315 |
-
*
|
3316 |
-
*/
|
3317 |
-
|
3318 |
-
var Materialbox = function (_Component4) {
|
3319 |
-
_inherits(Materialbox, _Component4);
|
3320 |
-
|
3321 |
-
/**
|
3322 |
-
* Construct Materialbox instance
|
3323 |
-
* @constructor
|
3324 |
-
* @param {Element} el
|
3325 |
-
* @param {Object} options
|
3326 |
-
*/
|
3327 |
-
function Materialbox(el, options) {
|
3328 |
-
_classCallCheck(this, Materialbox);
|
3329 |
-
|
3330 |
-
var _this16 = _possibleConstructorReturn(this, (Materialbox.__proto__ || Object.getPrototypeOf(Materialbox)).call(this, Materialbox, el, options));
|
3331 |
-
|
3332 |
-
_this16.el.M_Materialbox = _this16;
|
3333 |
-
|
3334 |
-
/**
|
3335 |
-
* Options for the modal
|
3336 |
-
* @member Materialbox#options
|
3337 |
-
* @prop {Number} [inDuration=275] - Length in ms of enter transition
|
3338 |
-
* @prop {Number} [outDuration=200] - Length in ms of exit transition
|
3339 |
-
* @prop {Function} onOpenStart - Callback function called before materialbox is opened
|
3340 |
-
* @prop {Function} onOpenEnd - Callback function called after materialbox is opened
|
3341 |
-
* @prop {Function} onCloseStart - Callback function called before materialbox is closed
|
3342 |
-
* @prop {Function} onCloseEnd - Callback function called after materialbox is closed
|
3343 |
-
*/
|
3344 |
-
_this16.options = $.extend({}, Materialbox.defaults, options);
|
3345 |
-
|
3346 |
-
_this16.overlayActive = false;
|
3347 |
-
_this16.doneAnimating = true;
|
3348 |
-
_this16.placeholder = $('<div></div>').addClass('material-placeholder');
|
3349 |
-
_this16.originalWidth = 0;
|
3350 |
-
_this16.originalHeight = 0;
|
3351 |
-
_this16.originInlineStyles = _this16.$el.attr('style');
|
3352 |
-
_this16.caption = _this16.el.getAttribute('data-caption') || '';
|
3353 |
-
|
3354 |
-
// Wrap
|
3355 |
-
_this16.$el.before(_this16.placeholder);
|
3356 |
-
_this16.placeholder.append(_this16.$el);
|
3357 |
-
|
3358 |
-
_this16._setupEventHandlers();
|
3359 |
-
return _this16;
|
3360 |
-
}
|
3361 |
-
|
3362 |
-
_createClass(Materialbox, [{
|
3363 |
-
key: "destroy",
|
3364 |
-
|
3365 |
-
|
3366 |
-
/**
|
3367 |
-
* Teardown component
|
3368 |
-
*/
|
3369 |
-
value: function destroy() {
|
3370 |
-
this._removeEventHandlers();
|
3371 |
-
this.el.M_Materialbox = undefined;
|
3372 |
-
|
3373 |
-
// Unwrap image
|
3374 |
-
$(this.placeholder).after(this.el).remove();
|
3375 |
-
|
3376 |
-
this.$el.removeAttr('style');
|
3377 |
-
}
|
3378 |
-
|
3379 |
-
/**
|
3380 |
-
* Setup Event Handlers
|
3381 |
-
*/
|
3382 |
-
|
3383 |
-
}, {
|
3384 |
-
key: "_setupEventHandlers",
|
3385 |
-
value: function _setupEventHandlers() {
|
3386 |
-
this._handleMaterialboxClickBound = this._handleMaterialboxClick.bind(this);
|
3387 |
-
this.el.addEventListener('click', this._handleMaterialboxClickBound);
|
3388 |
-
}
|
3389 |
-
|
3390 |
-
/**
|
3391 |
-
* Remove Event Handlers
|
3392 |
-
*/
|
3393 |
-
|
3394 |
-
}, {
|
3395 |
-
key: "_removeEventHandlers",
|
3396 |
-
value: function _removeEventHandlers() {
|
3397 |
-
this.el.removeEventListener('click', this._handleMaterialboxClickBound);
|
3398 |
-
}
|
3399 |
-
|
3400 |
-
/**
|
3401 |
-
* Handle Materialbox Click
|
3402 |
-
* @param {Event} e
|
3403 |
-
*/
|
3404 |
-
|
3405 |
-
}, {
|
3406 |
-
key: "_handleMaterialboxClick",
|
3407 |
-
value: function _handleMaterialboxClick(e) {
|
3408 |
-
// If already modal, return to original
|
3409 |
-
if (this.doneAnimating === false || this.overlayActive && this.doneAnimating) {
|
3410 |
-
this.close();
|
3411 |
-
} else {
|
3412 |
-
this.open();
|
3413 |
-
}
|
3414 |
-
}
|
3415 |
-
|
3416 |
-
/**
|
3417 |
-
* Handle Window Scroll
|
3418 |
-
*/
|
3419 |
-
|
3420 |
-
}, {
|
3421 |
-
key: "_handleWindowScroll",
|
3422 |
-
value: function _handleWindowScroll() {
|
3423 |
-
if (this.overlayActive) {
|
3424 |
-
this.close();
|
3425 |
-
}
|
3426 |
-
}
|
3427 |
-
|
3428 |
-
/**
|
3429 |
-
* Handle Window Resize
|
3430 |
-
*/
|
3431 |
-
|
3432 |
-
}, {
|
3433 |
-
key: "_handleWindowResize",
|
3434 |
-
value: function _handleWindowResize() {
|
3435 |
-
if (this.overlayActive) {
|
3436 |
-
this.close();
|
3437 |
-
}
|
3438 |
-
}
|
3439 |
-
|
3440 |
-
/**
|
3441 |
-
* Handle Window Resize
|
3442 |
-
* @param {Event} e
|
3443 |
-
*/
|
3444 |
-
|
3445 |
-
}, {
|
3446 |
-
key: "_handleWindowEscape",
|
3447 |
-
value: function _handleWindowEscape(e) {
|
3448 |
-
// ESC key
|
3449 |
-
if (e.keyCode === 27 && this.doneAnimating && this.overlayActive) {
|
3450 |
-
this.close();
|
3451 |
-
}
|
3452 |
-
}
|
3453 |
-
|
3454 |
-
/**
|
3455 |
-
* Find ancestors with overflow: hidden; and make visible
|
3456 |
-
*/
|
3457 |
-
|
3458 |
-
}, {
|
3459 |
-
key: "_makeAncestorsOverflowVisible",
|
3460 |
-
value: function _makeAncestorsOverflowVisible() {
|
3461 |
-
this.ancestorsChanged = $();
|
3462 |
-
var ancestor = this.placeholder[0].parentNode;
|
3463 |
-
while (ancestor !== null && !$(ancestor).is(document)) {
|
3464 |
-
var curr = $(ancestor);
|
3465 |
-
if (curr.css('overflow') !== 'visible') {
|
3466 |
-
curr.css('overflow', 'visible');
|
3467 |
-
if (this.ancestorsChanged === undefined) {
|
3468 |
-
this.ancestorsChanged = curr;
|
3469 |
-
} else {
|
3470 |
-
this.ancestorsChanged = this.ancestorsChanged.add(curr);
|
3471 |
-
}
|
3472 |
-
}
|
3473 |
-
ancestor = ancestor.parentNode;
|
3474 |
-
}
|
3475 |
-
}
|
3476 |
-
|
3477 |
-
/**
|
3478 |
-
* Animate image in
|
3479 |
-
*/
|
3480 |
-
|
3481 |
-
}, {
|
3482 |
-
key: "_animateImageIn",
|
3483 |
-
value: function _animateImageIn() {
|
3484 |
-
var _this17 = this;
|
3485 |
-
|
3486 |
-
var animOptions = {
|
3487 |
-
targets: this.el,
|
3488 |
-
height: [this.originalHeight, this.newHeight],
|
3489 |
-
width: [this.originalWidth, this.newWidth],
|
3490 |
-
left: M.getDocumentScrollLeft() + this.windowWidth / 2 - this.placeholder.offset().left - this.newWidth / 2,
|
3491 |
-
top: M.getDocumentScrollTop() + this.windowHeight / 2 - this.placeholder.offset().top - this.newHeight / 2,
|
3492 |
-
duration: this.options.inDuration,
|
3493 |
-
easing: 'easeOutQuad',
|
3494 |
-
complete: function () {
|
3495 |
-
_this17.doneAnimating = true;
|
3496 |
-
|
3497 |
-
// onOpenEnd callback
|
3498 |
-
if (typeof _this17.options.onOpenEnd === 'function') {
|
3499 |
-
_this17.options.onOpenEnd.call(_this17, _this17.el);
|
3500 |
-
}
|
3501 |
-
}
|
3502 |
-
};
|
3503 |
-
|
3504 |
-
// Override max-width or max-height if needed
|
3505 |
-
this.maxWidth = this.$el.css('max-width');
|
3506 |
-
this.maxHeight = this.$el.css('max-height');
|
3507 |
-
if (this.maxWidth !== 'none') {
|
3508 |
-
animOptions.maxWidth = this.newWidth;
|
3509 |
-
}
|
3510 |
-
if (this.maxHeight !== 'none') {
|
3511 |
-
animOptions.maxHeight = this.newHeight;
|
3512 |
-
}
|
3513 |
-
|
3514 |
-
anim(animOptions);
|
3515 |
-
}
|
3516 |
-
|
3517 |
-
/**
|
3518 |
-
* Animate image out
|
3519 |
-
*/
|
3520 |
-
|
3521 |
-
}, {
|
3522 |
-
key: "_animateImageOut",
|
3523 |
-
value: function _animateImageOut() {
|
3524 |
-
var _this18 = this;
|
3525 |
-
|
3526 |
-
var animOptions = {
|
3527 |
-
targets: this.el,
|
3528 |
-
width: this.originalWidth,
|
3529 |
-
height: this.originalHeight,
|
3530 |
-
left: 0,
|
3531 |
-
top: 0,
|
3532 |
-
duration: this.options.outDuration,
|
3533 |
-
easing: 'easeOutQuad',
|
3534 |
-
complete: function () {
|
3535 |
-
_this18.placeholder.css({
|
3536 |
-
height: '',
|
3537 |
-
width: '',
|
3538 |
-
position: '',
|
3539 |
-
top: '',
|
3540 |
-
left: ''
|
3541 |
-
});
|
3542 |
-
|
3543 |
-
// Revert to width or height attribute
|
3544 |
-
if (_this18.attrWidth) {
|
3545 |
-
_this18.$el.attr('width', _this18.attrWidth);
|
3546 |
-
}
|
3547 |
-
if (_this18.attrHeight) {
|
3548 |
-
_this18.$el.attr('height', _this18.attrHeight);
|
3549 |
-
}
|
3550 |
-
|
3551 |
-
_this18.$el.removeAttr('style');
|
3552 |
-
_this18.originInlineStyles && _this18.$el.attr('style', _this18.originInlineStyles);
|
3553 |
-
|
3554 |
-
// Remove class
|
3555 |
-
_this18.$el.removeClass('active');
|
3556 |
-
_this18.doneAnimating = true;
|
3557 |
-
|
3558 |
-
// Remove overflow overrides on ancestors
|
3559 |
-
if (_this18.ancestorsChanged.length) {
|
3560 |
-
_this18.ancestorsChanged.css('overflow', '');
|
3561 |
-
}
|
3562 |
-
|
3563 |
-
// onCloseEnd callback
|
3564 |
-
if (typeof _this18.options.onCloseEnd === 'function') {
|
3565 |
-
_this18.options.onCloseEnd.call(_this18, _this18.el);
|
3566 |
-
}
|
3567 |
-
}
|
3568 |
-
};
|
3569 |
-
|
3570 |
-
anim(animOptions);
|
3571 |
-
}
|
3572 |
-
|
3573 |
-
/**
|
3574 |
-
* Update open and close vars
|
3575 |
-
*/
|
3576 |
-
|
3577 |
-
}, {
|
3578 |
-
key: "_updateVars",
|
3579 |
-
value: function _updateVars() {
|
3580 |
-
this.windowWidth = window.innerWidth;
|
3581 |
-
this.windowHeight = window.innerHeight;
|
3582 |
-
this.caption = this.el.getAttribute('data-caption') || '';
|
3583 |
-
}
|
3584 |
-
|
3585 |
-
/**
|
3586 |
-
* Open Materialbox
|
3587 |
-
*/
|
3588 |
-
|
3589 |
-
}, {
|
3590 |
-
key: "open",
|
3591 |
-
value: function open() {
|
3592 |
-
var _this19 = this;
|
3593 |
-
|
3594 |
-
this._updateVars();
|
3595 |
-
this.originalWidth = this.el.getBoundingClientRect().width;
|
3596 |
-
this.originalHeight = this.el.getBoundingClientRect().height;
|
3597 |
-
|
3598 |
-
// Set states
|
3599 |
-
this.doneAnimating = false;
|
3600 |
-
this.$el.addClass('active');
|
3601 |
-
this.overlayActive = true;
|
3602 |
-
|
3603 |
-
// onOpenStart callback
|
3604 |
-
if (typeof this.options.onOpenStart === 'function') {
|
3605 |
-
this.options.onOpenStart.call(this, this.el);
|
3606 |
-
}
|
3607 |
-
|
3608 |
-
// Set positioning for placeholder
|
3609 |
-
this.placeholder.css({
|
3610 |
-
width: this.placeholder[0].getBoundingClientRect().width + 'px',
|
3611 |
-
height: this.placeholder[0].getBoundingClientRect().height + 'px',
|
3612 |
-
position: 'relative',
|
3613 |
-
top: 0,
|
3614 |
-
left: 0
|
3615 |
-
});
|
3616 |
-
|
3617 |
-
this._makeAncestorsOverflowVisible();
|
3618 |
-
|
3619 |
-
// Set css on origin
|
3620 |
-
this.$el.css({
|
3621 |
-
position: 'absolute',
|
3622 |
-
'z-index': 1000,
|
3623 |
-
'will-change': 'left, top, width, height'
|
3624 |
-
});
|
3625 |
-
|
3626 |
-
// Change from width or height attribute to css
|
3627 |
-
this.attrWidth = this.$el.attr('width');
|
3628 |
-
this.attrHeight = this.$el.attr('height');
|
3629 |
-
if (this.attrWidth) {
|
3630 |
-
this.$el.css('width', this.attrWidth + 'px');
|
3631 |
-
this.$el.removeAttr('width');
|
3632 |
-
}
|
3633 |
-
if (this.attrHeight) {
|
3634 |
-
this.$el.css('width', this.attrHeight + 'px');
|
3635 |
-
this.$el.removeAttr('height');
|
3636 |
-
}
|
3637 |
-
|
3638 |
-
// Add overlay
|
3639 |
-
this.$overlay = $('<div id="materialbox-overlay"></div>').css({
|
3640 |
-
opacity: 0
|
3641 |
-
}).one('click', function () {
|
3642 |
-
if (_this19.doneAnimating) {
|
3643 |
-
_this19.close();
|
3644 |
-
}
|
3645 |
-
});
|
3646 |
-
|
3647 |
-
// Put before in origin image to preserve z-index layering.
|
3648 |
-
this.$el.before(this.$overlay);
|
3649 |
-
|
3650 |
-
// Set dimensions if needed
|
3651 |
-
var overlayOffset = this.$overlay[0].getBoundingClientRect();
|
3652 |
-
this.$overlay.css({
|
3653 |
-
width: this.windowWidth + 'px',
|
3654 |
-
height: this.windowHeight + 'px',
|
3655 |
-
left: -1 * overlayOffset.left + 'px',
|
3656 |
-
top: -1 * overlayOffset.top + 'px'
|
3657 |
-
});
|
3658 |
-
|
3659 |
-
anim.remove(this.el);
|
3660 |
-
anim.remove(this.$overlay[0]);
|
3661 |
-
|
3662 |
-
// Animate Overlay
|
3663 |
-
anim({
|
3664 |
-
targets: this.$overlay[0],
|
3665 |
-
opacity: 1,
|
3666 |
-
duration: this.options.inDuration,
|
3667 |
-
easing: 'easeOutQuad'
|
3668 |
-
});
|
3669 |
-
|
3670 |
-
// Add and animate caption if it exists
|
3671 |
-
if (this.caption !== '') {
|
3672 |
-
if (this.$photocaption) {
|
3673 |
-
anim.remove(this.$photoCaption[0]);
|
3674 |
-
}
|
3675 |
-
this.$photoCaption = $('<div class="materialbox-caption"></div>');
|
3676 |
-
this.$photoCaption.text(this.caption);
|
3677 |
-
$('body').append(this.$photoCaption);
|
3678 |
-
this.$photoCaption.css({ display: 'inline' });
|
3679 |
-
|
3680 |
-
anim({
|
3681 |
-
targets: this.$photoCaption[0],
|
3682 |
-
opacity: 1,
|
3683 |
-
duration: this.options.inDuration,
|
3684 |
-
easing: 'easeOutQuad'
|
3685 |
-
});
|
3686 |
-
}
|
3687 |
-
|
3688 |
-
// Resize Image
|
3689 |
-
var ratio = 0;
|
3690 |
-
var widthPercent = this.originalWidth / this.windowWidth;
|
3691 |
-
var heightPercent = this.originalHeight / this.windowHeight;
|
3692 |
-
this.newWidth = 0;
|
3693 |
-
this.newHeight = 0;
|
3694 |
-
|
3695 |
-
if (widthPercent > heightPercent) {
|
3696 |
-
ratio = this.originalHeight / this.originalWidth;
|
3697 |
-
this.newWidth = this.windowWidth * 0.9;
|
3698 |
-
this.newHeight = this.windowWidth * 0.9 * ratio;
|
3699 |
-
} else {
|
3700 |
-
ratio = this.originalWidth / this.originalHeight;
|
3701 |
-
this.newWidth = this.windowHeight * 0.9 * ratio;
|
3702 |
-
this.newHeight = this.windowHeight * 0.9;
|
3703 |
-
}
|
3704 |
-
|
3705 |
-
this._animateImageIn();
|
3706 |
-
|
3707 |
-
// Handle Exit triggers
|
3708 |
-
this._handleWindowScrollBound = this._handleWindowScroll.bind(this);
|
3709 |
-
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
3710 |
-
this._handleWindowEscapeBound = this._handleWindowEscape.bind(this);
|
3711 |
-
|
3712 |
-
window.addEventListener('scroll', this._handleWindowScrollBound);
|
3713 |
-
window.addEventListener('resize', this._handleWindowResizeBound);
|
3714 |
-
window.addEventListener('keyup', this._handleWindowEscapeBound);
|
3715 |
-
}
|
3716 |
-
|
3717 |
-
/**
|
3718 |
-
* Close Materialbox
|
3719 |
-
*/
|
3720 |
-
|
3721 |
-
}, {
|
3722 |
-
key: "close",
|
3723 |
-
value: function close() {
|
3724 |
-
var _this20 = this;
|
3725 |
-
|
3726 |
-
this._updateVars();
|
3727 |
-
this.doneAnimating = false;
|
3728 |
-
|
3729 |
-
// onCloseStart callback
|
3730 |
-
if (typeof this.options.onCloseStart === 'function') {
|
3731 |
-
this.options.onCloseStart.call(this, this.el);
|
3732 |
-
}
|
3733 |
-
|
3734 |
-
anim.remove(this.el);
|
3735 |
-
anim.remove(this.$overlay[0]);
|
3736 |
-
|
3737 |
-
if (this.caption !== '') {
|
3738 |
-
anim.remove(this.$photoCaption[0]);
|
3739 |
-
}
|
3740 |
-
|
3741 |
-
// disable exit handlers
|
3742 |
-
window.removeEventListener('scroll', this._handleWindowScrollBound);
|
3743 |
-
window.removeEventListener('resize', this._handleWindowResizeBound);
|
3744 |
-
window.removeEventListener('keyup', this._handleWindowEscapeBound);
|
3745 |
-
|
3746 |
-
anim({
|
3747 |
-
targets: this.$overlay[0],
|
3748 |
-
opacity: 0,
|
3749 |
-
duration: this.options.outDuration,
|
3750 |
-
easing: 'easeOutQuad',
|
3751 |
-
complete: function () {
|
3752 |
-
_this20.overlayActive = false;
|
3753 |
-
_this20.$overlay.remove();
|
3754 |
-
}
|
3755 |
-
});
|
3756 |
-
|
3757 |
-
this._animateImageOut();
|
3758 |
-
|
3759 |
-
// Remove Caption + reset css settings on image
|
3760 |
-
if (this.caption !== '') {
|
3761 |
-
anim({
|
3762 |
-
targets: this.$photoCaption[0],
|
3763 |
-
opacity: 0,
|
3764 |
-
duration: this.options.outDuration,
|
3765 |
-
easing: 'easeOutQuad',
|
3766 |
-
complete: function () {
|
3767 |
-
_this20.$photoCaption.remove();
|
3768 |
-
}
|
3769 |
-
});
|
3770 |
-
}
|
3771 |
-
}
|
3772 |
-
}], [{
|
3773 |
-
key: "init",
|
3774 |
-
value: function init(els, options) {
|
3775 |
-
return _get(Materialbox.__proto__ || Object.getPrototypeOf(Materialbox), "init", this).call(this, this, els, options);
|
3776 |
-
}
|
3777 |
-
|
3778 |
-
/**
|
3779 |
-
* Get Instance
|
3780 |
-
*/
|
3781 |
-
|
3782 |
-
}, {
|
3783 |
-
key: "getInstance",
|
3784 |
-
value: function getInstance(el) {
|
3785 |
-
var domElem = !!el.jquery ? el[0] : el;
|
3786 |
-
return domElem.M_Materialbox;
|
3787 |
-
}
|
3788 |
-
}, {
|
3789 |
-
key: "defaults",
|
3790 |
-
get: function () {
|
3791 |
-
return _defaults;
|
3792 |
-
}
|
3793 |
-
}]);
|
3794 |
-
|
3795 |
-
return Materialbox;
|
3796 |
-
}(Component);
|
3797 |
-
|
3798 |
-
M.Materialbox = Materialbox;
|
3799 |
-
|
3800 |
-
if (M.jQueryLoaded) {
|
3801 |
-
M.initializeJqueryWrapper(Materialbox, 'materialbox', 'M_Materialbox');
|
3802 |
-
}
|
3803 |
-
})(cash, M.anime);
|
3804 |
-
;(function ($) {
|
3805 |
-
'use strict';
|
3806 |
-
|
3807 |
-
var _defaults = {
|
3808 |
-
responsiveThreshold: 0 // breakpoint for swipeable
|
3809 |
-
};
|
3810 |
-
|
3811 |
-
var Parallax = function (_Component5) {
|
3812 |
-
_inherits(Parallax, _Component5);
|
3813 |
-
|
3814 |
-
function Parallax(el, options) {
|
3815 |
-
_classCallCheck(this, Parallax);
|
3816 |
-
|
3817 |
-
var _this21 = _possibleConstructorReturn(this, (Parallax.__proto__ || Object.getPrototypeOf(Parallax)).call(this, Parallax, el, options));
|
3818 |
-
|
3819 |
-
_this21.el.M_Parallax = _this21;
|
3820 |
-
|
3821 |
-
/**
|
3822 |
-
* Options for the Parallax
|
3823 |
-
* @member Parallax#options
|
3824 |
-
* @prop {Number} responsiveThreshold
|
3825 |
-
*/
|
3826 |
-
_this21.options = $.extend({}, Parallax.defaults, options);
|
3827 |
-
_this21._enabled = window.innerWidth > _this21.options.responsiveThreshold;
|
3828 |
-
|
3829 |
-
_this21.$img = _this21.$el.find('img').first();
|
3830 |
-
_this21.$img.each(function () {
|
3831 |
-
var el = this;
|
3832 |
-
if (el.complete) $(el).trigger('load');
|
3833 |
-
});
|
3834 |
-
|
3835 |
-
_this21._updateParallax();
|
3836 |
-
_this21._setupEventHandlers();
|
3837 |
-
_this21._setupStyles();
|
3838 |
-
|
3839 |
-
Parallax._parallaxes.push(_this21);
|
3840 |
-
return _this21;
|
3841 |
-
}
|
3842 |
-
|
3843 |
-
_createClass(Parallax, [{
|
3844 |
-
key: "destroy",
|
3845 |
-
|
3846 |
-
|
3847 |
-
/**
|
3848 |
-
* Teardown component
|
3849 |
-
*/
|
3850 |
-
value: function destroy() {
|
3851 |
-
Parallax._parallaxes.splice(Parallax._parallaxes.indexOf(this), 1);
|
3852 |
-
this.$img[0].style.transform = '';
|
3853 |
-
this._removeEventHandlers();
|
3854 |
-
|
3855 |
-
this.$el[0].M_Parallax = undefined;
|
3856 |
-
}
|
3857 |
-
}, {
|
3858 |
-
key: "_setupEventHandlers",
|
3859 |
-
value: function _setupEventHandlers() {
|
3860 |
-
this._handleImageLoadBound = this._handleImageLoad.bind(this);
|
3861 |
-
this.$img[0].addEventListener('load', this._handleImageLoadBound);
|
3862 |
-
|
3863 |
-
if (Parallax._parallaxes.length === 0) {
|
3864 |
-
Parallax._handleScrollThrottled = M.throttle(Parallax._handleScroll, 5);
|
3865 |
-
window.addEventListener('scroll', Parallax._handleScrollThrottled);
|
3866 |
-
|
3867 |
-
Parallax._handleWindowResizeThrottled = M.throttle(Parallax._handleWindowResize, 5);
|
3868 |
-
window.addEventListener('resize', Parallax._handleWindowResizeThrottled);
|
3869 |
-
}
|
3870 |
-
}
|
3871 |
-
}, {
|
3872 |
-
key: "_removeEventHandlers",
|
3873 |
-
value: function _removeEventHandlers() {
|
3874 |
-
this.$img[0].removeEventListener('load', this._handleImageLoadBound);
|
3875 |
-
|
3876 |
-
if (Parallax._parallaxes.length === 0) {
|
3877 |
-
window.removeEventListener('scroll', Parallax._handleScrollThrottled);
|
3878 |
-
window.removeEventListener('resize', Parallax._handleWindowResizeThrottled);
|
3879 |
-
}
|
3880 |
-
}
|
3881 |
-
}, {
|
3882 |
-
key: "_setupStyles",
|
3883 |
-
value: function _setupStyles() {
|
3884 |
-
this.$img[0].style.opacity = 1;
|
3885 |
-
}
|
3886 |
-
}, {
|
3887 |
-
key: "_handleImageLoad",
|
3888 |
-
value: function _handleImageLoad() {
|
3889 |
-
this._updateParallax();
|
3890 |
-
}
|
3891 |
-
}, {
|
3892 |
-
key: "_updateParallax",
|
3893 |
-
value: function _updateParallax() {
|
3894 |
-
var containerHeight = this.$el.height() > 0 ? this.el.parentNode.offsetHeight : 500;
|
3895 |
-
var imgHeight = this.$img[0].offsetHeight;
|
3896 |
-
var parallaxDist = imgHeight - containerHeight;
|
3897 |
-
var bottom = this.$el.offset().top + containerHeight;
|
3898 |
-
var top = this.$el.offset().top;
|
3899 |
-
var scrollTop = M.getDocumentScrollTop();
|
3900 |
-
var windowHeight = window.innerHeight;
|
3901 |
-
var windowBottom = scrollTop + windowHeight;
|
3902 |
-
var percentScrolled = (windowBottom - top) / (containerHeight + windowHeight);
|
3903 |
-
var parallax = parallaxDist * percentScrolled;
|
3904 |
-
|
3905 |
-
if (!this._enabled) {
|
3906 |
-
this.$img[0].style.transform = '';
|
3907 |
-
} else if (bottom > scrollTop && top < scrollTop + windowHeight) {
|
3908 |
-
this.$img[0].style.transform = "translate3D(-50%, " + parallax + "px, 0)";
|
3909 |
-
}
|
3910 |
-
}
|
3911 |
-
}], [{
|
3912 |
-
key: "init",
|
3913 |
-
value: function init(els, options) {
|
3914 |
-
return _get(Parallax.__proto__ || Object.getPrototypeOf(Parallax), "init", this).call(this, this, els, options);
|
3915 |
-
}
|
3916 |
-
|
3917 |
-
/**
|
3918 |
-
* Get Instance
|
3919 |
-
*/
|
3920 |
-
|
3921 |
-
}, {
|
3922 |
-
key: "getInstance",
|
3923 |
-
value: function getInstance(el) {
|
3924 |
-
var domElem = !!el.jquery ? el[0] : el;
|
3925 |
-
return domElem.M_Parallax;
|
3926 |
-
}
|
3927 |
-
}, {
|
3928 |
-
key: "_handleScroll",
|
3929 |
-
value: function _handleScroll() {
|
3930 |
-
for (var i = 0; i < Parallax._parallaxes.length; i++) {
|
3931 |
-
var parallaxInstance = Parallax._parallaxes[i];
|
3932 |
-
parallaxInstance._updateParallax.call(parallaxInstance);
|
3933 |
-
}
|
3934 |
-
}
|
3935 |
-
}, {
|
3936 |
-
key: "_handleWindowResize",
|
3937 |
-
value: function _handleWindowResize() {
|
3938 |
-
for (var i = 0; i < Parallax._parallaxes.length; i++) {
|
3939 |
-
var parallaxInstance = Parallax._parallaxes[i];
|
3940 |
-
parallaxInstance._enabled = window.innerWidth > parallaxInstance.options.responsiveThreshold;
|
3941 |
-
}
|
3942 |
-
}
|
3943 |
-
}, {
|
3944 |
-
key: "defaults",
|
3945 |
-
get: function () {
|
3946 |
-
return _defaults;
|
3947 |
-
}
|
3948 |
-
}]);
|
3949 |
-
|
3950 |
-
return Parallax;
|
3951 |
-
}(Component);
|
3952 |
-
|
3953 |
-
/**
|
3954 |
-
* @static
|
3955 |
-
* @memberof Parallax
|
3956 |
-
*/
|
3957 |
-
|
3958 |
-
|
3959 |
-
Parallax._parallaxes = [];
|
3960 |
-
|
3961 |
-
M.Parallax = Parallax;
|
3962 |
-
|
3963 |
-
if (M.jQueryLoaded) {
|
3964 |
-
M.initializeJqueryWrapper(Parallax, 'parallax', 'M_Parallax');
|
3965 |
-
}
|
3966 |
-
})(cash);
|
3967 |
-
;(function ($, anim) {
|
3968 |
-
'use strict';
|
3969 |
-
|
3970 |
-
var _defaults = {
|
3971 |
-
duration: 300,
|
3972 |
-
onShow: null,
|
3973 |
-
swipeable: false,
|
3974 |
-
responsiveThreshold: Infinity // breakpoint for swipeable
|
3975 |
-
};
|
3976 |
-
|
3977 |
-
/**
|
3978 |
-
* @class
|
3979 |
-
*
|
3980 |
-
*/
|
3981 |
-
|
3982 |
-
var Tabs = function (_Component6) {
|
3983 |
-
_inherits(Tabs, _Component6);
|
3984 |
-
|
3985 |
-
/**
|
3986 |
-
* Construct Tabs instance
|
3987 |
-
* @constructor
|
3988 |
-
* @param {Element} el
|
3989 |
-
* @param {Object} options
|
3990 |
-
*/
|
3991 |
-
function Tabs(el, options) {
|
3992 |
-
_classCallCheck(this, Tabs);
|
3993 |
-
|
3994 |
-
var _this22 = _possibleConstructorReturn(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this, Tabs, el, options));
|
3995 |
-
|
3996 |
-
_this22.el.M_Tabs = _this22;
|
3997 |
-
|
3998 |
-
/**
|
3999 |
-
* Options for the Tabs
|
4000 |
-
* @member Tabs#options
|
4001 |
-
* @prop {Number} duration
|
4002 |
-
* @prop {Function} onShow
|
4003 |
-
* @prop {Boolean} swipeable
|
4004 |
-
* @prop {Number} responsiveThreshold
|
4005 |
-
*/
|
4006 |
-
_this22.options = $.extend({}, Tabs.defaults, options);
|
4007 |
-
|
4008 |
-
// Setup
|
4009 |
-
_this22.$tabLinks = _this22.$el.children('li.tab').children('a');
|
4010 |
-
_this22.index = 0;
|
4011 |
-
_this22._setupActiveTabLink();
|
4012 |
-
|
4013 |
-
// Setup tabs content
|
4014 |
-
if (_this22.options.swipeable) {
|
4015 |
-
_this22._setupSwipeableTabs();
|
4016 |
-
} else {
|
4017 |
-
_this22._setupNormalTabs();
|
4018 |
-
}
|
4019 |
-
|
4020 |
-
// Setup tabs indicator after content to ensure accurate widths
|
4021 |
-
_this22._setTabsAndTabWidth();
|
4022 |
-
_this22._createIndicator();
|
4023 |
-
|
4024 |
-
_this22._setupEventHandlers();
|
4025 |
-
return _this22;
|
4026 |
-
}
|
4027 |
-
|
4028 |
-
_createClass(Tabs, [{
|
4029 |
-
key: "destroy",
|
4030 |
-
|
4031 |
-
|
4032 |
-
/**
|
4033 |
-
* Teardown component
|
4034 |
-
*/
|
4035 |
-
value: function destroy() {
|
4036 |
-
this._removeEventHandlers();
|
4037 |
-
this._indicator.parentNode.removeChild(this._indicator);
|
4038 |
-
|
4039 |
-
if (this.options.swipeable) {
|
4040 |
-
this._teardownSwipeableTabs();
|
4041 |
-
} else {
|
4042 |
-
this._teardownNormalTabs();
|
4043 |
-
}
|
4044 |
-
|
4045 |
-
this.$el[0].M_Tabs = undefined;
|
4046 |
-
}
|
4047 |
-
|
4048 |
-
/**
|
4049 |
-
* Setup Event Handlers
|
4050 |
-
*/
|
4051 |
-
|
4052 |
-
}, {
|
4053 |
-
key: "_setupEventHandlers",
|
4054 |
-
value: function _setupEventHandlers() {
|
4055 |
-
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
4056 |
-
window.addEventListener('resize', this._handleWindowResizeBound);
|
4057 |
-
|
4058 |
-
this._handleTabClickBound = this._handleTabClick.bind(this);
|
4059 |
-
this.el.addEventListener('click', this._handleTabClickBound);
|
4060 |
-
}
|
4061 |
-
|
4062 |
-
/**
|
4063 |
-
* Remove Event Handlers
|
4064 |
-
*/
|
4065 |
-
|
4066 |
-
}, {
|
4067 |
-
key: "_removeEventHandlers",
|
4068 |
-
value: function _removeEventHandlers() {
|
4069 |
-
window.removeEventListener('resize', this._handleWindowResizeBound);
|
4070 |
-
this.el.removeEventListener('click', this._handleTabClickBound);
|
4071 |
-
}
|
4072 |
-
|
4073 |
-
/**
|
4074 |
-
* Handle window Resize
|
4075 |
-
*/
|
4076 |
-
|
4077 |
-
}, {
|
4078 |
-
key: "_handleWindowResize",
|
4079 |
-
value: function _handleWindowResize() {
|
4080 |
-
this._setTabsAndTabWidth();
|
4081 |
-
|
4082 |
-
if (this.tabWidth !== 0 && this.tabsWidth !== 0) {
|
4083 |
-
this._indicator.style.left = this._calcLeftPos(this.$activeTabLink) + 'px';
|
4084 |
-
this._indicator.style.right = this._calcRightPos(this.$activeTabLink) + 'px';
|
4085 |
-
}
|
4086 |
-
}
|
4087 |
-
|
4088 |
-
/**
|
4089 |
-
* Handle tab click
|
4090 |
-
* @param {Event} e
|
4091 |
-
*/
|
4092 |
-
|
4093 |
-
}, {
|
4094 |
-
key: "_handleTabClick",
|
4095 |
-
value: function _handleTabClick(e) {
|
4096 |
-
var _this23 = this;
|
4097 |
-
|
4098 |
-
var tab = $(e.target).closest('li.tab');
|
4099 |
-
var tabLink = $(e.target).closest('a');
|
4100 |
-
|
4101 |
-
// Handle click on tab link only
|
4102 |
-
if (!tabLink.length || !tabLink.parent().hasClass('tab')) {
|
4103 |
-
return;
|
4104 |
-
}
|
4105 |
-
|
4106 |
-
if (tab.hasClass('disabled')) {
|
4107 |
-
e.preventDefault();
|
4108 |
-
return;
|
4109 |
-
}
|
4110 |
-
|
4111 |
-
// Act as regular link if target attribute is specified.
|
4112 |
-
if (!!tabLink.attr('target')) {
|
4113 |
-
return;
|
4114 |
-
}
|
4115 |
-
|
4116 |
-
// Make the old tab inactive.
|
4117 |
-
this.$activeTabLink.removeClass('active');
|
4118 |
-
var $oldContent = this.$content;
|
4119 |
-
|
4120 |
-
// Update the variables with the new link and content
|
4121 |
-
this.$activeTabLink = tabLink;
|
4122 |
-
this.$content = $(M.escapeHash(tabLink[0].hash));
|
4123 |
-
this.$tabLinks = this.$el.children('li.tab').children('a');
|
4124 |
-
|
4125 |
-
// Make the tab active.
|
4126 |
-
this.$activeTabLink.addClass('active');
|
4127 |
-
var prevIndex = this.index;
|
4128 |
-
this.index = Math.max(this.$tabLinks.index(tabLink), 0);
|
4129 |
-
|
4130 |
-
// Swap content
|
4131 |
-
if (this.options.swipeable) {
|
4132 |
-
if (this._tabsCarousel) {
|
4133 |
-
this._tabsCarousel.set(this.index, function () {
|
4134 |
-
if (typeof _this23.options.onShow === 'function') {
|
4135 |
-
_this23.options.onShow.call(_this23, _this23.$content[0]);
|
4136 |
-
}
|
4137 |
-
});
|
4138 |
-
}
|
4139 |
-
} else {
|
4140 |
-
if (this.$content.length) {
|
4141 |
-
this.$content[0].style.display = 'block';
|
4142 |
-
this.$content.addClass('active');
|
4143 |
-
if (typeof this.options.onShow === 'function') {
|
4144 |
-
this.options.onShow.call(this, this.$content[0]);
|
4145 |
-
}
|
4146 |
-
|
4147 |
-
if ($oldContent.length && !$oldContent.is(this.$content)) {
|
4148 |
-
$oldContent[0].style.display = 'none';
|
4149 |
-
$oldContent.removeClass('active');
|
4150 |
-
}
|
4151 |
-
}
|
4152 |
-
}
|
4153 |
-
|
4154 |
-
// Update widths after content is swapped (scrollbar bugfix)
|
4155 |
-
this._setTabsAndTabWidth();
|
4156 |
-
|
4157 |
-
// Update indicator
|
4158 |
-
this._animateIndicator(prevIndex);
|
4159 |
-
|
4160 |
-
// Prevent the anchor's default click action
|
4161 |
-
e.preventDefault();
|
4162 |
-
}
|
4163 |
-
|
4164 |
-
/**
|
4165 |
-
* Generate elements for tab indicator.
|
4166 |
-
*/
|
4167 |
-
|
4168 |
-
}, {
|
4169 |
-
key: "_createIndicator",
|
4170 |
-
value: function _createIndicator() {
|
4171 |
-
var _this24 = this;
|
4172 |
-
|
4173 |
-
var indicator = document.createElement('li');
|
4174 |
-
indicator.classList.add('indicator');
|
4175 |
-
|
4176 |
-
this.el.appendChild(indicator);
|
4177 |
-
this._indicator = indicator;
|
4178 |
-
|
4179 |
-
setTimeout(function () {
|
4180 |
-
_this24._indicator.style.left = _this24._calcLeftPos(_this24.$activeTabLink) + 'px';
|
4181 |
-
_this24._indicator.style.right = _this24._calcRightPos(_this24.$activeTabLink) + 'px';
|
4182 |
-
}, 0);
|
4183 |
-
}
|
4184 |
-
|
4185 |
-
/**
|
4186 |
-
* Setup first active tab link.
|
4187 |
-
*/
|
4188 |
-
|
4189 |
-
}, {
|
4190 |
-
key: "_setupActiveTabLink",
|
4191 |
-
value: function _setupActiveTabLink() {
|
4192 |
-
// If the location.hash matches one of the links, use that as the active tab.
|
4193 |
-
this.$activeTabLink = $(this.$tabLinks.filter('[href="' + location.hash + '"]'));
|
4194 |
-
|
4195 |
-
// If no match is found, use the first link or any with class 'active' as the initial active tab.
|
4196 |
-
if (this.$activeTabLink.length === 0) {
|
4197 |
-
this.$activeTabLink = this.$el.children('li.tab').children('a.active').first();
|
4198 |
-
}
|
4199 |
-
if (this.$activeTabLink.length === 0) {
|
4200 |
-
this.$activeTabLink = this.$el.children('li.tab').children('a').first();
|
4201 |
-
}
|
4202 |
-
|
4203 |
-
this.$tabLinks.removeClass('active');
|
4204 |
-
this.$activeTabLink[0].classList.add('active');
|
4205 |
-
|
4206 |
-
this.index = Math.max(this.$tabLinks.index(this.$activeTabLink), 0);
|
4207 |
-
|
4208 |
-
if (this.$activeTabLink.length) {
|
4209 |
-
this.$content = $(M.escapeHash(this.$activeTabLink[0].hash));
|
4210 |
-
this.$content.addClass('active');
|
4211 |
-
}
|
4212 |
-
}
|
4213 |
-
|
4214 |
-
/**
|
4215 |
-
* Setup swipeable tabs
|
4216 |
-
*/
|
4217 |
-
|
4218 |
-
}, {
|
4219 |
-
key: "_setupSwipeableTabs",
|
4220 |
-
value: function _setupSwipeableTabs() {
|
4221 |
-
var _this25 = this;
|
4222 |
-
|
4223 |
-
// Change swipeable according to responsive threshold
|
4224 |
-
if (window.innerWidth > this.options.responsiveThreshold) {
|
4225 |
-
this.options.swipeable = false;
|
4226 |
-
}
|
4227 |
-
|
4228 |
-
var $tabsContent = $();
|
4229 |
-
this.$tabLinks.each(function (link) {
|
4230 |
-
var $currContent = $(M.escapeHash(link.hash));
|
4231 |
-
$currContent.addClass('carousel-item');
|
4232 |
-
$tabsContent = $tabsContent.add($currContent);
|
4233 |
-
});
|
4234 |
-
|
4235 |
-
var $tabsWrapper = $('<div class="tabs-content carousel carousel-slider"></div>');
|
4236 |
-
$tabsContent.first().before($tabsWrapper);
|
4237 |
-
$tabsWrapper.append($tabsContent);
|
4238 |
-
$tabsContent[0].style.display = '';
|
4239 |
-
|
4240 |
-
// Keep active tab index to set initial carousel slide
|
4241 |
-
var activeTabIndex = this.$activeTabLink.closest('.tab').index();
|
4242 |
-
|
4243 |
-
this._tabsCarousel = M.Carousel.init($tabsWrapper[0], {
|
4244 |
-
fullWidth: true,
|
4245 |
-
noWrap: true,
|
4246 |
-
onCycleTo: function (item) {
|
4247 |
-
var prevIndex = _this25.index;
|
4248 |
-
_this25.index = $(item).index();
|
4249 |
-
_this25.$activeTabLink.removeClass('active');
|
4250 |
-
_this25.$activeTabLink = _this25.$tabLinks.eq(_this25.index);
|
4251 |
-
_this25.$activeTabLink.addClass('active');
|
4252 |
-
_this25._animateIndicator(prevIndex);
|
4253 |
-
if (typeof _this25.options.onShow === 'function') {
|
4254 |
-
_this25.options.onShow.call(_this25, _this25.$content[0]);
|
4255 |
-
}
|
4256 |
-
}
|
4257 |
-
});
|
4258 |
-
|
4259 |
-
// Set initial carousel slide to active tab
|
4260 |
-
this._tabsCarousel.set(activeTabIndex);
|
4261 |
-
}
|
4262 |
-
|
4263 |
-
/**
|
4264 |
-
* Teardown normal tabs.
|
4265 |
-
*/
|
4266 |
-
|
4267 |
-
}, {
|
4268 |
-
key: "_teardownSwipeableTabs",
|
4269 |
-
value: function _teardownSwipeableTabs() {
|
4270 |
-
var $tabsWrapper = this._tabsCarousel.$el;
|
4271 |
-
this._tabsCarousel.destroy();
|
4272 |
-
|
4273 |
-
// Unwrap
|
4274 |
-
$tabsWrapper.after($tabsWrapper.children());
|
4275 |
-
$tabsWrapper.remove();
|
4276 |
-
}
|
4277 |
-
|
4278 |
-
/**
|
4279 |
-
* Setup normal tabs.
|
4280 |
-
*/
|
4281 |
-
|
4282 |
-
}, {
|
4283 |
-
key: "_setupNormalTabs",
|
4284 |
-
value: function _setupNormalTabs() {
|
4285 |
-
// Hide Tabs Content
|
4286 |
-
this.$tabLinks.not(this.$activeTabLink).each(function (link) {
|
4287 |
-
if (!!link.hash) {
|
4288 |
-
var $currContent = $(M.escapeHash(link.hash));
|
4289 |
-
if ($currContent.length) {
|
4290 |
-
$currContent[0].style.display = 'none';
|
4291 |
-
}
|
4292 |
-
}
|
4293 |
-
});
|
4294 |
-
}
|
4295 |
-
|
4296 |
-
/**
|
4297 |
-
* Teardown normal tabs.
|
4298 |
-
*/
|
4299 |
-
|
4300 |
-
}, {
|
4301 |
-
key: "_teardownNormalTabs",
|
4302 |
-
value: function _teardownNormalTabs() {
|
4303 |
-
// show Tabs Content
|
4304 |
-
this.$tabLinks.each(function (link) {
|
4305 |
-
if (!!link.hash) {
|
4306 |
-
var $currContent = $(M.escapeHash(link.hash));
|
4307 |
-
if ($currContent.length) {
|
4308 |
-
$currContent[0].style.display = '';
|
4309 |
-
}
|
4310 |
-
}
|
4311 |
-
});
|
4312 |
-
}
|
4313 |
-
|
4314 |
-
/**
|
4315 |
-
* set tabs and tab width
|
4316 |
-
*/
|
4317 |
-
|
4318 |
-
}, {
|
4319 |
-
key: "_setTabsAndTabWidth",
|
4320 |
-
value: function _setTabsAndTabWidth() {
|
4321 |
-
this.tabsWidth = this.$el.width();
|
4322 |
-
this.tabWidth = Math.max(this.tabsWidth, this.el.scrollWidth) / this.$tabLinks.length;
|
4323 |
-
}
|
4324 |
-
|
4325 |
-
/**
|
4326 |
-
* Finds right attribute for indicator based on active tab.
|
4327 |
-
* @param {cash} el
|
4328 |
-
*/
|
4329 |
-
|
4330 |
-
}, {
|
4331 |
-
key: "_calcRightPos",
|
4332 |
-
value: function _calcRightPos(el) {
|
4333 |
-
return Math.ceil(this.tabsWidth - el.position().left - el[0].getBoundingClientRect().width);
|
4334 |
-
}
|
4335 |
-
|
4336 |
-
/**
|
4337 |
-
* Finds left attribute for indicator based on active tab.
|
4338 |
-
* @param {cash} el
|
4339 |
-
*/
|
4340 |
-
|
4341 |
-
}, {
|
4342 |
-
key: "_calcLeftPos",
|
4343 |
-
value: function _calcLeftPos(el) {
|
4344 |
-
return Math.floor(el.position().left);
|
4345 |
-
}
|
4346 |
-
}, {
|
4347 |
-
key: "updateTabIndicator",
|
4348 |
-
value: function updateTabIndicator() {
|
4349 |
-
this._setTabsAndTabWidth();
|
4350 |
-
this._animateIndicator(this.index);
|
4351 |
-
}
|
4352 |
-
|
4353 |
-
/**
|
4354 |
-
* Animates Indicator to active tab.
|
4355 |
-
* @param {Number} prevIndex
|
4356 |
-
*/
|
4357 |
-
|
4358 |
-
}, {
|
4359 |
-
key: "_animateIndicator",
|
4360 |
-
value: function _animateIndicator(prevIndex) {
|
4361 |
-
var leftDelay = 0,
|
4362 |
-
rightDelay = 0;
|
4363 |
-
|
4364 |
-
if (this.index - prevIndex >= 0) {
|
4365 |
-
leftDelay = 90;
|
4366 |
-
} else {
|
4367 |
-
rightDelay = 90;
|
4368 |
-
}
|
4369 |
-
|
4370 |
-
// Animate
|
4371 |
-
var animOptions = {
|
4372 |
-
targets: this._indicator,
|
4373 |
-
left: {
|
4374 |
-
value: this._calcLeftPos(this.$activeTabLink),
|
4375 |
-
delay: leftDelay
|
4376 |
-
},
|
4377 |
-
right: {
|
4378 |
-
value: this._calcRightPos(this.$activeTabLink),
|
4379 |
-
delay: rightDelay
|
4380 |
-
},
|
4381 |
-
duration: this.options.duration,
|
4382 |
-
easing: 'easeOutQuad'
|
4383 |
-
};
|
4384 |
-
anim.remove(this._indicator);
|
4385 |
-
anim(animOptions);
|
4386 |
-
}
|
4387 |
-
|
4388 |
-
/**
|
4389 |
-
* Select tab.
|
4390 |
-
* @param {String} tabId
|
4391 |
-
*/
|
4392 |
-
|
4393 |
-
}, {
|
4394 |
-
key: "select",
|
4395 |
-
value: function select(tabId) {
|
4396 |
-
var tab = this.$tabLinks.filter('[href="#' + tabId + '"]');
|
4397 |
-
if (tab.length) {
|
4398 |
-
tab.trigger('click');
|
4399 |
-
}
|
4400 |
-
}
|
4401 |
-
}], [{
|
4402 |
-
key: "init",
|
4403 |
-
value: function init(els, options) {
|
4404 |
-
return _get(Tabs.__proto__ || Object.getPrototypeOf(Tabs), "init", this).call(this, this, els, options);
|
4405 |
-
}
|
4406 |
-
|
4407 |
-
/**
|
4408 |
-
* Get Instance
|
4409 |
-
*/
|
4410 |
-
|
4411 |
-
}, {
|
4412 |
-
key: "getInstance",
|
4413 |
-
value: function getInstance(el) {
|
4414 |
-
var domElem = !!el.jquery ? el[0] : el;
|
4415 |
-
return domElem.M_Tabs;
|
4416 |
-
}
|
4417 |
-
}, {
|
4418 |
-
key: "defaults",
|
4419 |
-
get: function () {
|
4420 |
-
return _defaults;
|
4421 |
-
}
|
4422 |
-
}]);
|
4423 |
-
|
4424 |
-
return Tabs;
|
4425 |
-
}(Component);
|
4426 |
-
|
4427 |
-
M.Tabs = Tabs;
|
4428 |
-
|
4429 |
-
if (M.jQueryLoaded) {
|
4430 |
-
M.initializeJqueryWrapper(Tabs, 'tabs', 'M_Tabs');
|
4431 |
-
}
|
4432 |
-
})(cash, M.anime);
|
4433 |
-
;(function ($, anim) {
|
4434 |
-
'use strict';
|
4435 |
-
|
4436 |
-
var _defaults = {
|
4437 |
-
exitDelay: 200,
|
4438 |
-
enterDelay: 0,
|
4439 |
-
html: null,
|
4440 |
-
margin: 5,
|
4441 |
-
inDuration: 250,
|
4442 |
-
outDuration: 200,
|
4443 |
-
position: 'bottom',
|
4444 |
-
transitionMovement: 10
|
4445 |
-
};
|
4446 |
-
|
4447 |
-
/**
|
4448 |
-
* @class
|
4449 |
-
*
|
4450 |
-
*/
|
4451 |
-
|
4452 |
-
var Tooltip = function (_Component7) {
|
4453 |
-
_inherits(Tooltip, _Component7);
|
4454 |
-
|
4455 |
-
/**
|
4456 |
-
* Construct Tooltip instance
|
4457 |
-
* @constructor
|
4458 |
-
* @param {Element} el
|
4459 |
-
* @param {Object} options
|
4460 |
-
*/
|
4461 |
-
function Tooltip(el, options) {
|
4462 |
-
_classCallCheck(this, Tooltip);
|
4463 |
-
|
4464 |
-
var _this26 = _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).call(this, Tooltip, el, options));
|
4465 |
-
|
4466 |
-
_this26.el.M_Tooltip = _this26;
|
4467 |
-
_this26.options = $.extend({}, Tooltip.defaults, options);
|
4468 |
-
|
4469 |
-
_this26.isOpen = false;
|
4470 |
-
_this26.isHovered = false;
|
4471 |
-
_this26.isFocused = false;
|
4472 |
-
_this26._appendTooltipEl();
|
4473 |
-
_this26._setupEventHandlers();
|
4474 |
-
return _this26;
|
4475 |
-
}
|
4476 |
-
|
4477 |
-
_createClass(Tooltip, [{
|
4478 |
-
key: "destroy",
|
4479 |
-
|
4480 |
-
|
4481 |
-
/**
|
4482 |
-
* Teardown component
|
4483 |
-
*/
|
4484 |
-
value: function destroy() {
|
4485 |
-
$(this.tooltipEl).remove();
|
4486 |
-
this._removeEventHandlers();
|
4487 |
-
this.el.M_Tooltip = undefined;
|
4488 |
-
}
|
4489 |
-
}, {
|
4490 |
-
key: "_appendTooltipEl",
|
4491 |
-
value: function _appendTooltipEl() {
|
4492 |
-
var tooltipEl = document.createElement('div');
|
4493 |
-
tooltipEl.classList.add('material-tooltip');
|
4494 |
-
this.tooltipEl = tooltipEl;
|
4495 |
-
|
4496 |
-
var tooltipContentEl = document.createElement('div');
|
4497 |
-
tooltipContentEl.classList.add('tooltip-content');
|
4498 |
-
tooltipContentEl.innerHTML = this.options.html;
|
4499 |
-
tooltipEl.appendChild(tooltipContentEl);
|
4500 |
-
document.body.appendChild(tooltipEl);
|
4501 |
-
}
|
4502 |
-
}, {
|
4503 |
-
key: "_updateTooltipContent",
|
4504 |
-
value: function _updateTooltipContent() {
|
4505 |
-
this.tooltipEl.querySelector('.tooltip-content').innerHTML = this.options.html;
|
4506 |
-
}
|
4507 |
-
}, {
|
4508 |
-
key: "_setupEventHandlers",
|
4509 |
-
value: function _setupEventHandlers() {
|
4510 |
-
this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
|
4511 |
-
this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
|
4512 |
-
this._handleFocusBound = this._handleFocus.bind(this);
|
4513 |
-
this._handleBlurBound = this._handleBlur.bind(this);
|
4514 |
-
this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
|
4515 |
-
this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
|
4516 |
-
this.el.addEventListener('focus', this._handleFocusBound, true);
|
4517 |
-
this.el.addEventListener('blur', this._handleBlurBound, true);
|
4518 |
-
}
|
4519 |
-
}, {
|
4520 |
-
key: "_removeEventHandlers",
|
4521 |
-
value: function _removeEventHandlers() {
|
4522 |
-
this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
|
4523 |
-
this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
|
4524 |
-
this.el.removeEventListener('focus', this._handleFocusBound, true);
|
4525 |
-
this.el.removeEventListener('blur', this._handleBlurBound, true);
|
4526 |
-
}
|
4527 |
-
}, {
|
4528 |
-
key: "open",
|
4529 |
-
value: function open(isManual) {
|
4530 |
-
if (this.isOpen) {
|
4531 |
-
return;
|
4532 |
-
}
|
4533 |
-
isManual = isManual === undefined ? true : undefined; // Default value true
|
4534 |
-
this.isOpen = true;
|
4535 |
-
// Update tooltip content with HTML attribute options
|
4536 |
-
this.options = $.extend({}, this.options, this._getAttributeOptions());
|
4537 |
-
this._updateTooltipContent();
|
4538 |
-
this._setEnterDelayTimeout(isManual);
|
4539 |
-
}
|
4540 |
-
}, {
|
4541 |
-
key: "close",
|
4542 |
-
value: function close() {
|
4543 |
-
if (!this.isOpen) {
|
4544 |
-
return;
|
4545 |
-
}
|
4546 |
-
|
4547 |
-
this.isHovered = false;
|
4548 |
-
this.isFocused = false;
|
4549 |
-
this.isOpen = false;
|
4550 |
-
this._setExitDelayTimeout();
|
4551 |
-
}
|
4552 |
-
|
4553 |
-
/**
|
4554 |
-
* Create timeout which delays when the tooltip closes
|
4555 |
-
*/
|
4556 |
-
|
4557 |
-
}, {
|
4558 |
-
key: "_setExitDelayTimeout",
|
4559 |
-
value: function _setExitDelayTimeout() {
|
4560 |
-
var _this27 = this;
|
4561 |
-
|
4562 |
-
clearTimeout(this._exitDelayTimeout);
|
4563 |
-
|
4564 |
-
this._exitDelayTimeout = setTimeout(function () {
|
4565 |
-
if (_this27.isHovered || _this27.isFocused) {
|
4566 |
-
return;
|
4567 |
-
}
|
4568 |
-
|
4569 |
-
_this27._animateOut();
|
4570 |
-
}, this.options.exitDelay);
|
4571 |
-
}
|
4572 |
-
|
4573 |
-
/**
|
4574 |
-
* Create timeout which delays when the toast closes
|
4575 |
-
*/
|
4576 |
-
|
4577 |
-
}, {
|
4578 |
-
key: "_setEnterDelayTimeout",
|
4579 |
-
value: function _setEnterDelayTimeout(isManual) {
|
4580 |
-
var _this28 = this;
|
4581 |
-
|
4582 |
-
clearTimeout(this._enterDelayTimeout);
|
4583 |
-
|
4584 |
-
this._enterDelayTimeout = setTimeout(function () {
|
4585 |
-
if (!_this28.isHovered && !_this28.isFocused && !isManual) {
|
4586 |
-
return;
|
4587 |
-
}
|
4588 |
-
|
4589 |
-
_this28._animateIn();
|
4590 |
-
}, this.options.enterDelay);
|
4591 |
-
}
|
4592 |
-
}, {
|
4593 |
-
key: "_positionTooltip",
|
4594 |
-
value: function _positionTooltip() {
|
4595 |
-
var origin = this.el,
|
4596 |
-
tooltip = this.tooltipEl,
|
4597 |
-
originHeight = origin.offsetHeight,
|
4598 |
-
originWidth = origin.offsetWidth,
|
4599 |
-
tooltipHeight = tooltip.offsetHeight,
|
4600 |
-
tooltipWidth = tooltip.offsetWidth,
|
4601 |
-
newCoordinates = void 0,
|
4602 |
-
margin = this.options.margin,
|
4603 |
-
targetTop = void 0,
|
4604 |
-
targetLeft = void 0;
|
4605 |
-
|
4606 |
-
this.xMovement = 0, this.yMovement = 0;
|
4607 |
-
|
4608 |
-
targetTop = origin.getBoundingClientRect().top + M.getDocumentScrollTop();
|
4609 |
-
targetLeft = origin.getBoundingClientRect().left + M.getDocumentScrollLeft();
|
4610 |
-
|
4611 |
-
if (this.options.position === 'top') {
|
4612 |
-
targetTop += -tooltipHeight - margin;
|
4613 |
-
targetLeft += originWidth / 2 - tooltipWidth / 2;
|
4614 |
-
this.yMovement = -this.options.transitionMovement;
|
4615 |
-
} else if (this.options.position === 'right') {
|
4616 |
-
targetTop += originHeight / 2 - tooltipHeight / 2;
|
4617 |
-
targetLeft += originWidth + margin;
|
4618 |
-
this.xMovement = this.options.transitionMovement;
|
4619 |
-
} else if (this.options.position === 'left') {
|
4620 |
-
targetTop += originHeight / 2 - tooltipHeight / 2;
|
4621 |
-
targetLeft += -tooltipWidth - margin;
|
4622 |
-
this.xMovement = -this.options.transitionMovement;
|
4623 |
-
} else {
|
4624 |
-
targetTop += originHeight + margin;
|
4625 |
-
targetLeft += originWidth / 2 - tooltipWidth / 2;
|
4626 |
-
this.yMovement = this.options.transitionMovement;
|
4627 |
-
}
|
4628 |
-
|
4629 |
-
newCoordinates = this._repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
|
4630 |
-
$(tooltip).css({
|
4631 |
-
top: newCoordinates.y + 'px',
|
4632 |
-
left: newCoordinates.x + 'px'
|
4633 |
-
});
|
4634 |
-
}
|
4635 |
-
}, {
|
4636 |
-
key: "_repositionWithinScreen",
|
4637 |
-
value: function _repositionWithinScreen(x, y, width, height) {
|
4638 |
-
var scrollLeft = M.getDocumentScrollLeft();
|
4639 |
-
var scrollTop = M.getDocumentScrollTop();
|
4640 |
-
var newX = x - scrollLeft;
|
4641 |
-
var newY = y - scrollTop;
|
4642 |
-
|
4643 |
-
var bounding = {
|
4644 |
-
left: newX,
|
4645 |
-
top: newY,
|
4646 |
-
width: width,
|
4647 |
-
height: height
|
4648 |
-
};
|
4649 |
-
|
4650 |
-
var offset = this.options.margin + this.options.transitionMovement;
|
4651 |
-
var edges = M.checkWithinContainer(document.body, bounding, offset);
|
4652 |
-
|
4653 |
-
if (edges.left) {
|
4654 |
-
newX = offset;
|
4655 |
-
} else if (edges.right) {
|
4656 |
-
newX -= newX + width - window.innerWidth;
|
4657 |
-
}
|
4658 |
-
|
4659 |
-
if (edges.top) {
|
4660 |
-
newY = offset;
|
4661 |
-
} else if (edges.bottom) {
|
4662 |
-
newY -= newY + height - window.innerHeight;
|
4663 |
-
}
|
4664 |
-
|
4665 |
-
return {
|
4666 |
-
x: newX + scrollLeft,
|
4667 |
-
y: newY + scrollTop
|
4668 |
-
};
|
4669 |
-
}
|
4670 |
-
}, {
|
4671 |
-
key: "_animateIn",
|
4672 |
-
value: function _animateIn() {
|
4673 |
-
this._positionTooltip();
|
4674 |
-
this.tooltipEl.style.visibility = 'visible';
|
4675 |
-
anim.remove(this.tooltipEl);
|
4676 |
-
anim({
|
4677 |
-
targets: this.tooltipEl,
|
4678 |
-
opacity: 1,
|
4679 |
-
translateX: this.xMovement,
|
4680 |
-
translateY: this.yMovement,
|
4681 |
-
duration: this.options.inDuration,
|
4682 |
-
easing: 'easeOutCubic'
|
4683 |
-
});
|
4684 |
-
}
|
4685 |
-
}, {
|
4686 |
-
key: "_animateOut",
|
4687 |
-
value: function _animateOut() {
|
4688 |
-
anim.remove(this.tooltipEl);
|
4689 |
-
anim({
|
4690 |
-
targets: this.tooltipEl,
|
4691 |
-
opacity: 0,
|
4692 |
-
translateX: 0,
|
4693 |
-
translateY: 0,
|
4694 |
-
duration: this.options.outDuration,
|
4695 |
-
easing: 'easeOutCubic'
|
4696 |
-
});
|
4697 |
-
}
|
4698 |
-
}, {
|
4699 |
-
key: "_handleMouseEnter",
|
4700 |
-
value: function _handleMouseEnter() {
|
4701 |
-
this.isHovered = true;
|
4702 |
-
this.isFocused = false; // Allows close of tooltip when opened by focus.
|
4703 |
-
this.open(false);
|
4704 |
-
}
|
4705 |
-
}, {
|
4706 |
-
key: "_handleMouseLeave",
|
4707 |
-
value: function _handleMouseLeave() {
|
4708 |
-
this.isHovered = false;
|
4709 |
-
this.isFocused = false; // Allows close of tooltip when opened by focus.
|
4710 |
-
this.close();
|
4711 |
-
}
|
4712 |
-
}, {
|
4713 |
-
key: "_handleFocus",
|
4714 |
-
value: function _handleFocus() {
|
4715 |
-
if (M.tabPressed) {
|
4716 |
-
this.isFocused = true;
|
4717 |
-
this.open(false);
|
4718 |
-
}
|
4719 |
-
}
|
4720 |
-
}, {
|
4721 |
-
key: "_handleBlur",
|
4722 |
-
value: function _handleBlur() {
|
4723 |
-
this.isFocused = false;
|
4724 |
-
this.close();
|
4725 |
-
}
|
4726 |
-
}, {
|
4727 |
-
key: "_getAttributeOptions",
|
4728 |
-
value: function _getAttributeOptions() {
|
4729 |
-
var attributeOptions = {};
|
4730 |
-
var tooltipTextOption = this.el.getAttribute('data-tooltip');
|
4731 |
-
var positionOption = this.el.getAttribute('data-position');
|
4732 |
-
|
4733 |
-
if (tooltipTextOption) {
|
4734 |
-
attributeOptions.html = tooltipTextOption;
|
4735 |
-
}
|
4736 |
-
|
4737 |
-
if (positionOption) {
|
4738 |
-
attributeOptions.position = positionOption;
|
4739 |
-
}
|
4740 |
-
return attributeOptions;
|
4741 |
-
}
|
4742 |
-
}], [{
|
4743 |
-
key: "init",
|
4744 |
-
value: function init(els, options) {
|
4745 |
-
return _get(Tooltip.__proto__ || Object.getPrototypeOf(Tooltip), "init", this).call(this, this, els, options);
|
4746 |
-
}
|
4747 |
-
|
4748 |
-
/**
|
4749 |
-
* Get Instance
|
4750 |
-
*/
|
4751 |
-
|
4752 |
-
}, {
|
4753 |
-
key: "getInstance",
|
4754 |
-
value: function getInstance(el) {
|
4755 |
-
var domElem = !!el.jquery ? el[0] : el;
|
4756 |
-
return domElem.M_Tooltip;
|
4757 |
-
}
|
4758 |
-
}, {
|
4759 |
-
key: "defaults",
|
4760 |
-
get: function () {
|
4761 |
-
return _defaults;
|
4762 |
-
}
|
4763 |
-
}]);
|
4764 |
-
|
4765 |
-
return Tooltip;
|
4766 |
-
}(Component);
|
4767 |
-
|
4768 |
-
M.Tooltip = Tooltip;
|
4769 |
-
|
4770 |
-
if (M.jQueryLoaded) {
|
4771 |
-
M.initializeJqueryWrapper(Tooltip, 'tooltip', 'M_Tooltip');
|
4772 |
-
}
|
4773 |
-
})(cash, M.anime);
|
4774 |
-
; /*!
|
4775 |
-
* Waves v0.6.4
|
4776 |
-
* http://fian.my.id/Waves
|
4777 |
-
*
|
4778 |
-
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
4779 |
-
* Released under the MIT license
|
4780 |
-
* https://github.com/fians/Waves/blob/master/LICENSE
|
4781 |
-
*/
|
4782 |
-
|
4783 |
-
;(function (window) {
|
4784 |
-
'use strict';
|
4785 |
-
|
4786 |
-
var Waves = Waves || {};
|
4787 |
-
var $$ = document.querySelectorAll.bind(document);
|
4788 |
-
|
4789 |
-
// Find exact position of element
|
4790 |
-
function isWindow(obj) {
|
4791 |
-
return obj !== null && obj === obj.window;
|
4792 |
-
}
|
4793 |
-
|
4794 |
-
function getWindow(elem) {
|
4795 |
-
return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
|
4796 |
-
}
|
4797 |
-
|
4798 |
-
function offset(elem) {
|
4799 |
-
var docElem,
|
4800 |
-
win,
|
4801 |
-
box = { top: 0, left: 0 },
|
4802 |
-
doc = elem && elem.ownerDocument;
|
4803 |
-
|
4804 |
-
docElem = doc.documentElement;
|
4805 |
-
|
4806 |
-
if (typeof elem.getBoundingClientRect !== typeof undefined) {
|
4807 |
-
box = elem.getBoundingClientRect();
|
4808 |
-
}
|
4809 |
-
win = getWindow(doc);
|
4810 |
-
return {
|
4811 |
-
top: box.top + win.pageYOffset - docElem.clientTop,
|
4812 |
-
left: box.left + win.pageXOffset - docElem.clientLeft
|
4813 |
-
};
|
4814 |
-
}
|
4815 |
-
|
4816 |
-
function convertStyle(obj) {
|
4817 |
-
var style = '';
|
4818 |
-
|
4819 |
-
for (var a in obj) {
|
4820 |
-
if (obj.hasOwnProperty(a)) {
|
4821 |
-
style += a + ':' + obj[a] + ';';
|
4822 |
-
}
|
4823 |
-
}
|
4824 |
-
|
4825 |
-
return style;
|
4826 |
-
}
|
4827 |
-
|
4828 |
-
var Effect = {
|
4829 |
-
|
4830 |
-
// Effect delay
|
4831 |
-
duration: 750,
|
4832 |
-
|
4833 |
-
show: function (e, element) {
|
4834 |
-
|
4835 |
-
// Disable right click
|
4836 |
-
if (e.button === 2) {
|
4837 |
-
return false;
|
4838 |
-
}
|
4839 |
-
|
4840 |
-
var el = element || this;
|
4841 |
-
|
4842 |
-
// Create ripple
|
4843 |
-
var ripple = document.createElement('div');
|
4844 |
-
ripple.className = 'waves-ripple';
|
4845 |
-
el.appendChild(ripple);
|
4846 |
-
|
4847 |
-
// Get click coordinate and element witdh
|
4848 |
-
var pos = offset(el);
|
4849 |
-
var relativeY = e.pageY - pos.top;
|
4850 |
-
var relativeX = e.pageX - pos.left;
|
4851 |
-
var scale = 'scale(' + el.clientWidth / 100 * 10 + ')';
|
4852 |
-
|
4853 |
-
// Support for touch devices
|
4854 |
-
if ('touches' in e) {
|
4855 |
-
relativeY = e.touches[0].pageY - pos.top;
|
4856 |
-
relativeX = e.touches[0].pageX - pos.left;
|
4857 |
-
}
|
4858 |
-
|
4859 |
-
// Attach data to element
|
4860 |
-
ripple.setAttribute('data-hold', Date.now());
|
4861 |
-
ripple.setAttribute('data-scale', scale);
|
4862 |
-
ripple.setAttribute('data-x', relativeX);
|
4863 |
-
ripple.setAttribute('data-y', relativeY);
|
4864 |
-
|
4865 |
-
// Set ripple position
|
4866 |
-
var rippleStyle = {
|
4867 |
-
'top': relativeY + 'px',
|
4868 |
-
'left': relativeX + 'px'
|
4869 |
-
};
|
4870 |
-
|
4871 |
-
ripple.className = ripple.className + ' waves-notransition';
|
4872 |
-
ripple.setAttribute('style', convertStyle(rippleStyle));
|
4873 |
-
ripple.className = ripple.className.replace('waves-notransition', '');
|
4874 |
-
|
4875 |
-
// Scale the ripple
|
4876 |
-
rippleStyle['-webkit-transform'] = scale;
|
4877 |
-
rippleStyle['-moz-transform'] = scale;
|
4878 |
-
rippleStyle['-ms-transform'] = scale;
|
4879 |
-
rippleStyle['-o-transform'] = scale;
|
4880 |
-
rippleStyle.transform = scale;
|
4881 |
-
rippleStyle.opacity = '1';
|
4882 |
-
|
4883 |
-
rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
|
4884 |
-
rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms';
|
4885 |
-
rippleStyle['-o-transition-duration'] = Effect.duration + 'ms';
|
4886 |
-
rippleStyle['transition-duration'] = Effect.duration + 'ms';
|
4887 |
-
|
4888 |
-
rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
4889 |
-
rippleStyle['-moz-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
4890 |
-
rippleStyle['-o-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
4891 |
-
rippleStyle['transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
|
4892 |
-
|
4893 |
-
ripple.setAttribute('style', convertStyle(rippleStyle));
|
4894 |
-
},
|
4895 |
-
|
4896 |
-
hide: function (e) {
|
4897 |
-
TouchHandler.touchup(e);
|
4898 |
-
|
4899 |
-
var el = this;
|
4900 |
-
var width = el.clientWidth * 1.4;
|
4901 |
-
|
4902 |
-
// Get first ripple
|
4903 |
-
var ripple = null;
|
4904 |
-
var ripples = el.getElementsByClassName('waves-ripple');
|
4905 |
-
if (ripples.length > 0) {
|
4906 |
-
ripple = ripples[ripples.length - 1];
|
4907 |
-
} else {
|
4908 |
-
return false;
|
4909 |
-
}
|
4910 |
-
|
4911 |
-
var relativeX = ripple.getAttribute('data-x');
|
4912 |
-
var relativeY = ripple.getAttribute('data-y');
|
4913 |
-
var scale = ripple.getAttribute('data-scale');
|
4914 |
-
|
4915 |
-
// Get delay beetween mousedown and mouse leave
|
4916 |
-
var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
|
4917 |
-
var delay = 350 - diff;
|
4918 |
-
|
4919 |
-
if (delay < 0) {
|
4920 |
-
delay = 0;
|
4921 |
-
}
|
4922 |
-
|
4923 |
-
// Fade out ripple after delay
|
4924 |
-
setTimeout(function () {
|
4925 |
-
var style = {
|
4926 |
-
'top': relativeY + 'px',
|
4927 |
-
'left': relativeX + 'px',
|
4928 |
-
'opacity': '0',
|
4929 |
-
|
4930 |
-
// Duration
|
4931 |
-
'-webkit-transition-duration': Effect.duration + 'ms',
|
4932 |
-
'-moz-transition-duration': Effect.duration + 'ms',
|
4933 |
-
'-o-transition-duration': Effect.duration + 'ms',
|
4934 |
-
'transition-duration': Effect.duration + 'ms',
|
4935 |
-
'-webkit-transform': scale,
|
4936 |
-
'-moz-transform': scale,
|
4937 |
-
'-ms-transform': scale,
|
4938 |
-
'-o-transform': scale,
|
4939 |
-
'transform': scale
|
4940 |
-
};
|
4941 |
-
|
4942 |
-
ripple.setAttribute('style', convertStyle(style));
|
4943 |
-
|
4944 |
-
setTimeout(function () {
|
4945 |
-
try {
|
4946 |
-
el.removeChild(ripple);
|
4947 |
-
} catch (e) {
|
4948 |
-
return false;
|
4949 |
-
}
|
4950 |
-
}, Effect.duration);
|
4951 |
-
}, delay);
|
4952 |
-
},
|
4953 |
-
|
4954 |
-
// Little hack to make <input> can perform waves effect
|
4955 |
-
wrapInput: function (elements) {
|
4956 |
-
for (var a = 0; a < elements.length; a++) {
|
4957 |
-
var el = elements[a];
|
4958 |
-
|
4959 |
-
if (el.tagName.toLowerCase() === 'input') {
|
4960 |
-
var parent = el.parentNode;
|
4961 |
-
|
4962 |
-
// If input already have parent just pass through
|
4963 |
-
if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) {
|
4964 |
-
continue;
|
4965 |
-
}
|
4966 |
-
|
4967 |
-
// Put element class and style to the specified parent
|
4968 |
-
var wrapper = document.createElement('i');
|
4969 |
-
wrapper.className = el.className + ' waves-input-wrapper';
|
4970 |
-
|
4971 |
-
var elementStyle = el.getAttribute('style');
|
4972 |
-
|
4973 |
-
if (!elementStyle) {
|
4974 |
-
elementStyle = '';
|
4975 |
-
}
|
4976 |
-
|
4977 |
-
wrapper.setAttribute('style', elementStyle);
|
4978 |
-
|
4979 |
-
el.className = 'waves-button-input';
|
4980 |
-
el.removeAttribute('style');
|
4981 |
-
|
4982 |
-
// Put element as child
|
4983 |
-
parent.replaceChild(wrapper, el);
|
4984 |
-
wrapper.appendChild(el);
|
4985 |
-
}
|
4986 |
-
}
|
4987 |
-
}
|
4988 |
-
};
|
4989 |
-
|
4990 |
-
/**
|
4991 |
-
* Disable mousedown event for 500ms during and after touch
|
4992 |
-
*/
|
4993 |
-
var TouchHandler = {
|
4994 |
-
/* uses an integer rather than bool so there's no issues with
|
4995 |
-
* needing to clear timeouts if another touch event occurred
|
4996 |
-
* within the 500ms. Cannot mouseup between touchstart and
|
4997 |
-
* touchend, nor in the 500ms after touchend. */
|
4998 |
-
touches: 0,
|
4999 |
-
allowEvent: function (e) {
|
5000 |
-
var allow = true;
|
5001 |
-
|
5002 |
-
if (e.type === 'touchstart') {
|
5003 |
-
TouchHandler.touches += 1; //push
|
5004 |
-
} else if (e.type === 'touchend' || e.type === 'touchcancel') {
|
5005 |
-
setTimeout(function () {
|
5006 |
-
if (TouchHandler.touches > 0) {
|
5007 |
-
TouchHandler.touches -= 1; //pop after 500ms
|
5008 |
-
}
|
5009 |
-
}, 500);
|
5010 |
-
} else if (e.type === 'mousedown' && TouchHandler.touches > 0) {
|
5011 |
-
allow = false;
|
5012 |
-
}
|
5013 |
-
|
5014 |
-
return allow;
|
5015 |
-
},
|
5016 |
-
touchup: function (e) {
|
5017 |
-
TouchHandler.allowEvent(e);
|
5018 |
-
}
|
5019 |
-
};
|
5020 |
-
|
5021 |
-
/**
|
5022 |
-
* Delegated click handler for .waves-effect element.
|
5023 |
-
* returns null when .waves-effect element not in "click tree"
|
5024 |
-
*/
|
5025 |
-
function getWavesEffectElement(e) {
|
5026 |
-
if (TouchHandler.allowEvent(e) === false) {
|
5027 |
-
return null;
|
5028 |
-
}
|
5029 |
-
|
5030 |
-
var element = null;
|
5031 |
-
var target = e.target || e.srcElement;
|
5032 |
-
|
5033 |
-
while (target.parentNode !== null) {
|
5034 |
-
if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) {
|
5035 |
-
element = target;
|
5036 |
-
break;
|
5037 |
-
}
|
5038 |
-
target = target.parentNode;
|
5039 |
-
}
|
5040 |
-
return element;
|
5041 |
-
}
|
5042 |
-
|
5043 |
-
/**
|
5044 |
-
* Bubble the click and show effect if .waves-effect elem was found
|
5045 |
-
*/
|
5046 |
-
function showEffect(e) {
|
5047 |
-
var element = getWavesEffectElement(e);
|
5048 |
-
|
5049 |
-
if (element !== null) {
|
5050 |
-
Effect.show(e, element);
|
5051 |
-
|
5052 |
-
if ('ontouchstart' in window) {
|
5053 |
-
element.addEventListener('touchend', Effect.hide, false);
|
5054 |
-
element.addEventListener('touchcancel', Effect.hide, false);
|
5055 |
-
}
|
5056 |
-
|
5057 |
-
element.addEventListener('mouseup', Effect.hide, false);
|
5058 |
-
element.addEventListener('mouseleave', Effect.hide, false);
|
5059 |
-
element.addEventListener('dragend', Effect.hide, false);
|
5060 |
-
}
|
5061 |
-
}
|
5062 |
-
|
5063 |
-
Waves.displayEffect = function (options) {
|
5064 |
-
options = options || {};
|
5065 |
-
|
5066 |
-
if ('duration' in options) {
|
5067 |
-
Effect.duration = options.duration;
|
5068 |
-
}
|
5069 |
-
|
5070 |
-
//Wrap input inside <i> tag
|
5071 |
-
Effect.wrapInput($$('.waves-effect'));
|
5072 |
-
|
5073 |
-
if ('ontouchstart' in window) {
|
5074 |
-
document.body.addEventListener('touchstart', showEffect, false);
|
5075 |
-
}
|
5076 |
-
|
5077 |
-
document.body.addEventListener('mousedown', showEffect, false);
|
5078 |
-
};
|
5079 |
-
|
5080 |
-
/**
|
5081 |
-
* Attach Waves to an input element (or any element which doesn't
|
5082 |
-
* bubble mouseup/mousedown events).
|
5083 |
-
* Intended to be used with dynamically loaded forms/inputs, or
|
5084 |
-
* where the user doesn't want a delegated click handler.
|
5085 |
-
*/
|
5086 |
-
Waves.attach = function (element) {
|
5087 |
-
//FUTURE: automatically add waves classes and allow users
|
5088 |
-
// to specify them with an options param? Eg. light/classic/button
|
5089 |
-
if (element.tagName.toLowerCase() === 'input') {
|
5090 |
-
Effect.wrapInput([element]);
|
5091 |
-
element = element.parentNode;
|
5092 |
-
}
|
5093 |
-
|
5094 |
-
if ('ontouchstart' in window) {
|
5095 |
-
element.addEventListener('touchstart', showEffect, false);
|
5096 |
-
}
|
5097 |
-
|
5098 |
-
element.addEventListener('mousedown', showEffect, false);
|
5099 |
-
};
|
5100 |
-
|
5101 |
-
window.Waves = Waves;
|
5102 |
-
|
5103 |
-
document.addEventListener('DOMContentLoaded', function () {
|
5104 |
-
Waves.displayEffect();
|
5105 |
-
}, false);
|
5106 |
-
})(window);
|
5107 |
-
;(function ($, anim) {
|
5108 |
-
'use strict';
|
5109 |
-
|
5110 |
-
var _defaults = {
|
5111 |
-
html: '',
|
5112 |
-
displayLength: 4000,
|
5113 |
-
inDuration: 300,
|
5114 |
-
outDuration: 375,
|
5115 |
-
classes: '',
|
5116 |
-
completeCallback: null,
|
5117 |
-
activationPercent: 0.8
|
5118 |
-
};
|
5119 |
-
|
5120 |
-
var Toast = function () {
|
5121 |
-
function Toast(options) {
|
5122 |
-
_classCallCheck(this, Toast);
|
5123 |
-
|
5124 |
-
/**
|
5125 |
-
* Options for the toast
|
5126 |
-
* @member Toast#options
|
5127 |
-
*/
|
5128 |
-
this.options = $.extend({}, Toast.defaults, options);
|
5129 |
-
this.message = this.options.html;
|
5130 |
-
|
5131 |
-
/**
|
5132 |
-
* Describes current pan state toast
|
5133 |
-
* @type {Boolean}
|
5134 |
-
*/
|
5135 |
-
this.panning = false;
|
5136 |
-
|
5137 |
-
/**
|
5138 |
-
* Time remaining until toast is removed
|
5139 |
-
*/
|
5140 |
-
this.timeRemaining = this.options.displayLength;
|
5141 |
-
|
5142 |
-
if (Toast._toasts.length === 0) {
|
5143 |
-
Toast._createContainer();
|
5144 |
-
}
|
5145 |
-
|
5146 |
-
// Create new toast
|
5147 |
-
Toast._toasts.push(this);
|
5148 |
-
var toastElement = this._createToast();
|
5149 |
-
toastElement.M_Toast = this;
|
5150 |
-
this.el = toastElement;
|
5151 |
-
this.$el = $(toastElement);
|
5152 |
-
this._animateIn();
|
5153 |
-
this._setTimer();
|
5154 |
-
}
|
5155 |
-
|
5156 |
-
_createClass(Toast, [{
|
5157 |
-
key: "_createToast",
|
5158 |
-
|
5159 |
-
|
5160 |
-
/**
|
5161 |
-
* Create toast and append it to toast container
|
5162 |
-
*/
|
5163 |
-
value: function _createToast() {
|
5164 |
-
var toast = document.createElement('div');
|
5165 |
-
toast.classList.add('toast');
|
5166 |
-
|
5167 |
-
// Add custom classes onto toast
|
5168 |
-
if (!!this.options.classes.length) {
|
5169 |
-
$(toast).addClass(this.options.classes);
|
5170 |
-
}
|
5171 |
-
|
5172 |
-
// Set content
|
5173 |
-
if (typeof HTMLElement === 'object' ? this.message instanceof HTMLElement : this.message && typeof this.message === 'object' && this.message !== null && this.message.nodeType === 1 && typeof this.message.nodeName === 'string') {
|
5174 |
-
toast.appendChild(this.message);
|
5175 |
-
|
5176 |
-
// Check if it is jQuery object
|
5177 |
-
} else if (!!this.message.jquery) {
|
5178 |
-
$(toast).append(this.message[0]);
|
5179 |
-
|
5180 |
-
// Insert as html;
|
5181 |
-
} else {
|
5182 |
-
toast.innerHTML = this.message;
|
5183 |
-
}
|
5184 |
-
|
5185 |
-
// Append toasft
|
5186 |
-
Toast._container.appendChild(toast);
|
5187 |
-
return toast;
|
5188 |
-
}
|
5189 |
-
|
5190 |
-
/**
|
5191 |
-
* Animate in toast
|
5192 |
-
*/
|
5193 |
-
|
5194 |
-
}, {
|
5195 |
-
key: "_animateIn",
|
5196 |
-
value: function _animateIn() {
|
5197 |
-
// Animate toast in
|
5198 |
-
anim({
|
5199 |
-
targets: this.el,
|
5200 |
-
top: 0,
|
5201 |
-
opacity: 1,
|
5202 |
-
duration: this.options.inDuration,
|
5203 |
-
easing: 'easeOutCubic'
|
5204 |
-
});
|
5205 |
-
}
|
5206 |
-
|
5207 |
-
/**
|
5208 |
-
* Create setInterval which automatically removes toast when timeRemaining >= 0
|
5209 |
-
* has been reached
|
5210 |
-
*/
|
5211 |
-
|
5212 |
-
}, {
|
5213 |
-
key: "_setTimer",
|
5214 |
-
value: function _setTimer() {
|
5215 |
-
var _this29 = this;
|
5216 |
-
|
5217 |
-
if (this.timeRemaining !== Infinity) {
|
5218 |
-
this.counterInterval = setInterval(function () {
|
5219 |
-
// If toast is not being dragged, decrease its time remaining
|
5220 |
-
if (!_this29.panning) {
|
5221 |
-
_this29.timeRemaining -= 20;
|
5222 |
-
}
|
5223 |
-
|
5224 |
-
// Animate toast out
|
5225 |
-
if (_this29.timeRemaining <= 0) {
|
5226 |
-
_this29.dismiss();
|
5227 |
-
}
|
5228 |
-
}, 20);
|
5229 |
-
}
|
5230 |
-
}
|
5231 |
-
|
5232 |
-
/**
|
5233 |
-
* Dismiss toast with animation
|
5234 |
-
*/
|
5235 |
-
|
5236 |
-
}, {
|
5237 |
-
key: "dismiss",
|
5238 |
-
value: function dismiss() {
|
5239 |
-
var _this30 = this;
|
5240 |
-
|
5241 |
-
window.clearInterval(this.counterInterval);
|
5242 |
-
var activationDistance = this.el.offsetWidth * this.options.activationPercent;
|
5243 |
-
|
5244 |
-
if (this.wasSwiped) {
|
5245 |
-
this.el.style.transition = 'transform .05s, opacity .05s';
|
5246 |
-
this.el.style.transform = "translateX(" + activationDistance + "px)";
|
5247 |
-
this.el.style.opacity = 0;
|
5248 |
-
}
|
5249 |
-
|
5250 |
-
anim({
|
5251 |
-
targets: this.el,
|
5252 |
-
opacity: 0,
|
5253 |
-
marginTop: -40,
|
5254 |
-
duration: this.options.outDuration,
|
5255 |
-
easing: 'easeOutExpo',
|
5256 |
-
complete: function () {
|
5257 |
-
// Call the optional callback
|
5258 |
-
if (typeof _this30.options.completeCallback === 'function') {
|
5259 |
-
_this30.options.completeCallback();
|
5260 |
-
}
|
5261 |
-
// Remove toast from DOM
|
5262 |
-
_this30.$el.remove();
|
5263 |
-
Toast._toasts.splice(Toast._toasts.indexOf(_this30), 1);
|
5264 |
-
if (Toast._toasts.length === 0) {
|
5265 |
-
Toast._removeContainer();
|
5266 |
-
}
|
5267 |
-
}
|
5268 |
-
});
|
5269 |
-
}
|
5270 |
-
}], [{
|
5271 |
-
key: "getInstance",
|
5272 |
-
|
5273 |
-
|
5274 |
-
/**
|
5275 |
-
* Get Instance
|
5276 |
-
*/
|
5277 |
-
value: function getInstance(el) {
|
5278 |
-
var domElem = !!el.jquery ? el[0] : el;
|
5279 |
-
return domElem.M_Toast;
|
5280 |
-
}
|
5281 |
-
|
5282 |
-
/**
|
5283 |
-
* Append toast container and add event handlers
|
5284 |
-
*/
|
5285 |
-
|
5286 |
-
}, {
|
5287 |
-
key: "_createContainer",
|
5288 |
-
value: function _createContainer() {
|
5289 |
-
var container = document.createElement('div');
|
5290 |
-
container.setAttribute('id', 'toast-container');
|
5291 |
-
|
5292 |
-
// Add event handler
|
5293 |
-
container.addEventListener('touchstart', Toast._onDragStart);
|
5294 |
-
container.addEventListener('touchmove', Toast._onDragMove);
|
5295 |
-
container.addEventListener('touchend', Toast._onDragEnd);
|
5296 |
-
|
5297 |
-
container.addEventListener('mousedown', Toast._onDragStart);
|
5298 |
-
document.addEventListener('mousemove', Toast._onDragMove);
|
5299 |
-
document.addEventListener('mouseup', Toast._onDragEnd);
|
5300 |
-
|
5301 |
-
document.body.appendChild(container);
|
5302 |
-
Toast._container = container;
|
5303 |
-
}
|
5304 |
-
|
5305 |
-
/**
|
5306 |
-
* Remove toast container and event handlers
|
5307 |
-
*/
|
5308 |
-
|
5309 |
-
}, {
|
5310 |
-
key: "_removeContainer",
|
5311 |
-
value: function _removeContainer() {
|
5312 |
-
// Add event handler
|
5313 |
-
document.removeEventListener('mousemove', Toast._onDragMove);
|
5314 |
-
document.removeEventListener('mouseup', Toast._onDragEnd);
|
5315 |
-
|
5316 |
-
$(Toast._container).remove();
|
5317 |
-
Toast._container = null;
|
5318 |
-
}
|
5319 |
-
|
5320 |
-
/**
|
5321 |
-
* Begin drag handler
|
5322 |
-
* @param {Event} e
|
5323 |
-
*/
|
5324 |
-
|
5325 |
-
}, {
|
5326 |
-
key: "_onDragStart",
|
5327 |
-
value: function _onDragStart(e) {
|
5328 |
-
if (e.target && $(e.target).closest('.toast').length) {
|
5329 |
-
var $toast = $(e.target).closest('.toast');
|
5330 |
-
var toast = $toast[0].M_Toast;
|
5331 |
-
toast.panning = true;
|
5332 |
-
Toast._draggedToast = toast;
|
5333 |
-
toast.el.classList.add('panning');
|
5334 |
-
toast.el.style.transition = '';
|
5335 |
-
toast.startingXPos = Toast._xPos(e);
|
5336 |
-
toast.time = Date.now();
|
5337 |
-
toast.xPos = Toast._xPos(e);
|
5338 |
-
}
|
5339 |
-
}
|
5340 |
-
|
5341 |
-
/**
|
5342 |
-
* Drag move handler
|
5343 |
-
* @param {Event} e
|
5344 |
-
*/
|
5345 |
-
|
5346 |
-
}, {
|
5347 |
-
key: "_onDragMove",
|
5348 |
-
value: function _onDragMove(e) {
|
5349 |
-
if (!!Toast._draggedToast) {
|
5350 |
-
e.preventDefault();
|
5351 |
-
var toast = Toast._draggedToast;
|
5352 |
-
toast.deltaX = Math.abs(toast.xPos - Toast._xPos(e));
|
5353 |
-
toast.xPos = Toast._xPos(e);
|
5354 |
-
toast.velocityX = toast.deltaX / (Date.now() - toast.time);
|
5355 |
-
toast.time = Date.now();
|
5356 |
-
|
5357 |
-
var totalDeltaX = toast.xPos - toast.startingXPos;
|
5358 |
-
var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
|
5359 |
-
toast.el.style.transform = "translateX(" + totalDeltaX + "px)";
|
5360 |
-
toast.el.style.opacity = 1 - Math.abs(totalDeltaX / activationDistance);
|
5361 |
-
}
|
5362 |
-
}
|
5363 |
-
|
5364 |
-
/**
|
5365 |
-
* End drag handler
|
5366 |
-
*/
|
5367 |
-
|
5368 |
-
}, {
|
5369 |
-
key: "_onDragEnd",
|
5370 |
-
value: function _onDragEnd() {
|
5371 |
-
if (!!Toast._draggedToast) {
|
5372 |
-
var toast = Toast._draggedToast;
|
5373 |
-
toast.panning = false;
|
5374 |
-
toast.el.classList.remove('panning');
|
5375 |
-
|
5376 |
-
var totalDeltaX = toast.xPos - toast.startingXPos;
|
5377 |
-
var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
|
5378 |
-
var shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
|
5379 |
-
|
5380 |
-
// Remove toast
|
5381 |
-
if (shouldBeDismissed) {
|
5382 |
-
toast.wasSwiped = true;
|
5383 |
-
toast.dismiss();
|
5384 |
-
|
5385 |
-
// Animate toast back to original position
|
5386 |
-
} else {
|
5387 |
-
toast.el.style.transition = 'transform .2s, opacity .2s';
|
5388 |
-
toast.el.style.transform = '';
|
5389 |
-
toast.el.style.opacity = '';
|
5390 |
-
}
|
5391 |
-
Toast._draggedToast = null;
|
5392 |
-
}
|
5393 |
-
}
|
5394 |
-
|
5395 |
-
/**
|
5396 |
-
* Get x position of mouse or touch event
|
5397 |
-
* @param {Event} e
|
5398 |
-
*/
|
5399 |
-
|
5400 |
-
}, {
|
5401 |
-
key: "_xPos",
|
5402 |
-
value: function _xPos(e) {
|
5403 |
-
if (e.targetTouches && e.targetTouches.length >= 1) {
|
5404 |
-
return e.targetTouches[0].clientX;
|
5405 |
-
}
|
5406 |
-
// mouse event
|
5407 |
-
return e.clientX;
|
5408 |
-
}
|
5409 |
-
|
5410 |
-
/**
|
5411 |
-
* Remove all toasts
|
5412 |
-
*/
|
5413 |
-
|
5414 |
-
}, {
|
5415 |
-
key: "dismissAll",
|
5416 |
-
value: function dismissAll() {
|
5417 |
-
for (var toastIndex in Toast._toasts) {
|
5418 |
-
Toast._toasts[toastIndex].dismiss();
|
5419 |
-
}
|
5420 |
-
}
|
5421 |
-
}, {
|
5422 |
-
key: "defaults",
|
5423 |
-
get: function () {
|
5424 |
-
return _defaults;
|
5425 |
-
}
|
5426 |
-
}]);
|
5427 |
-
|
5428 |
-
return Toast;
|
5429 |
-
}();
|
5430 |
-
|
5431 |
-
/**
|
5432 |
-
* @static
|
5433 |
-
* @memberof Toast
|
5434 |
-
* @type {Array.<Toast>}
|
5435 |
-
*/
|
5436 |
-
|
5437 |
-
|
5438 |
-
Toast._toasts = [];
|
5439 |
-
|
5440 |
-
/**
|
5441 |
-
* @static
|
5442 |
-
* @memberof Toast
|
5443 |
-
*/
|
5444 |
-
Toast._container = null;
|
5445 |
-
|
5446 |
-
/**
|
5447 |
-
* @static
|
5448 |
-
* @memberof Toast
|
5449 |
-
* @type {Toast}
|
5450 |
-
*/
|
5451 |
-
Toast._draggedToast = null;
|
5452 |
-
|
5453 |
-
M.Toast = Toast;
|
5454 |
-
M.toast = function (options) {
|
5455 |
-
return new Toast(options);
|
5456 |
-
};
|
5457 |
-
})(cash, M.anime);
|
5458 |
-
;(function ($, anim) {
|
5459 |
-
'use strict';
|
5460 |
-
|
5461 |
-
var _defaults = {
|
5462 |
-
edge: 'left',
|
5463 |
-
draggable: true,
|
5464 |
-
inDuration: 250,
|
5465 |
-
outDuration: 200,
|
5466 |
-
onOpenStart: null,
|
5467 |
-
onOpenEnd: null,
|
5468 |
-
onCloseStart: null,
|
5469 |
-
onCloseEnd: null,
|
5470 |
-
preventScrolling: true
|
5471 |
-
};
|
5472 |
-
|
5473 |
-
/**
|
5474 |
-
* @class
|
5475 |
-
*/
|
5476 |
-
|
5477 |
-
var Sidenav = function (_Component8) {
|
5478 |
-
_inherits(Sidenav, _Component8);
|
5479 |
-
|
5480 |
-
/**
|
5481 |
-
* Construct Sidenav instance and set up overlay
|
5482 |
-
* @constructor
|
5483 |
-
* @param {Element} el
|
5484 |
-
* @param {Object} options
|
5485 |
-
*/
|
5486 |
-
function Sidenav(el, options) {
|
5487 |
-
_classCallCheck(this, Sidenav);
|
5488 |
-
|
5489 |
-
var _this31 = _possibleConstructorReturn(this, (Sidenav.__proto__ || Object.getPrototypeOf(Sidenav)).call(this, Sidenav, el, options));
|
5490 |
-
|
5491 |
-
_this31.el.M_Sidenav = _this31;
|
5492 |
-
_this31.id = _this31.$el.attr('id');
|
5493 |
-
|
5494 |
-
/**
|
5495 |
-
* Options for the Sidenav
|
5496 |
-
* @member Sidenav#options
|
5497 |
-
* @prop {String} [edge='left'] - Side of screen on which Sidenav appears
|
5498 |
-
* @prop {Boolean} [draggable=true] - Allow swipe gestures to open/close Sidenav
|
5499 |
-
* @prop {Number} [inDuration=250] - Length in ms of enter transition
|
5500 |
-
* @prop {Number} [outDuration=200] - Length in ms of exit transition
|
5501 |
-
* @prop {Function} onOpenStart - Function called when sidenav starts entering
|
5502 |
-
* @prop {Function} onOpenEnd - Function called when sidenav finishes entering
|
5503 |
-
* @prop {Function} onCloseStart - Function called when sidenav starts exiting
|
5504 |
-
* @prop {Function} onCloseEnd - Function called when sidenav finishes exiting
|
5505 |
-
*/
|
5506 |
-
_this31.options = $.extend({}, Sidenav.defaults, options);
|
5507 |
-
|
5508 |
-
/**
|
5509 |
-
* Describes open/close state of Sidenav
|
5510 |
-
* @type {Boolean}
|
5511 |
-
*/
|
5512 |
-
_this31.isOpen = false;
|
5513 |
-
|
5514 |
-
/**
|
5515 |
-
* Describes if Sidenav is fixed
|
5516 |
-
* @type {Boolean}
|
5517 |
-
*/
|
5518 |
-
_this31.isFixed = _this31.el.classList.contains('sidenav-fixed');
|
5519 |
-
|
5520 |
-
/**
|
5521 |
-
* Describes if Sidenav is being draggeed
|
5522 |
-
* @type {Boolean}
|
5523 |
-
*/
|
5524 |
-
_this31.isDragged = false;
|
5525 |
-
|
5526 |
-
// Window size variables for window resize checks
|
5527 |
-
_this31.lastWindowWidth = window.innerWidth;
|
5528 |
-
_this31.lastWindowHeight = window.innerHeight;
|
5529 |
-
|
5530 |
-
_this31._createOverlay();
|
5531 |
-
_this31._createDragTarget();
|
5532 |
-
_this31._setupEventHandlers();
|
5533 |
-
_this31._setupClasses();
|
5534 |
-
_this31._setupFixed();
|
5535 |
-
|
5536 |
-
Sidenav._sidenavs.push(_this31);
|
5537 |
-
return _this31;
|
5538 |
-
}
|
5539 |
-
|
5540 |
-
_createClass(Sidenav, [{
|
5541 |
-
key: "destroy",
|
5542 |
-
|
5543 |
-
|
5544 |
-
/**
|
5545 |
-
* Teardown component
|
5546 |
-
*/
|
5547 |
-
value: function destroy() {
|
5548 |
-
this._removeEventHandlers();
|
5549 |
-
this._enableBodyScrolling();
|
5550 |
-
this._overlay.parentNode.removeChild(this._overlay);
|
5551 |
-
this.dragTarget.parentNode.removeChild(this.dragTarget);
|
5552 |
-
this.el.M_Sidenav = undefined;
|
5553 |
-
this.el.style.transform = '';
|
5554 |
-
|
5555 |
-
var index = Sidenav._sidenavs.indexOf(this);
|
5556 |
-
if (index >= 0) {
|
5557 |
-
Sidenav._sidenavs.splice(index, 1);
|
5558 |
-
}
|
5559 |
-
}
|
5560 |
-
}, {
|
5561 |
-
key: "_createOverlay",
|
5562 |
-
value: function _createOverlay() {
|
5563 |
-
var overlay = document.createElement('div');
|
5564 |
-
this._closeBound = this.close.bind(this);
|
5565 |
-
overlay.classList.add('sidenav-overlay');
|
5566 |
-
|
5567 |
-
overlay.addEventListener('click', this._closeBound);
|
5568 |
-
|
5569 |
-
document.body.appendChild(overlay);
|
5570 |
-
this._overlay = overlay;
|
5571 |
-
}
|
5572 |
-
}, {
|
5573 |
-
key: "_setupEventHandlers",
|
5574 |
-
value: function _setupEventHandlers() {
|
5575 |
-
if (Sidenav._sidenavs.length === 0) {
|
5576 |
-
document.body.addEventListener('click', this._handleTriggerClick);
|
5577 |
-
}
|
5578 |
-
|
5579 |
-
this._handleDragTargetDragBound = this._handleDragTargetDrag.bind(this);
|
5580 |
-
this._handleDragTargetReleaseBound = this._handleDragTargetRelease.bind(this);
|
5581 |
-
this._handleCloseDragBound = this._handleCloseDrag.bind(this);
|
5582 |
-
this._handleCloseReleaseBound = this._handleCloseRelease.bind(this);
|
5583 |
-
this._handleCloseTriggerClickBound = this._handleCloseTriggerClick.bind(this);
|
5584 |
-
|
5585 |
-
this.dragTarget.addEventListener('touchmove', this._handleDragTargetDragBound);
|
5586 |
-
this.dragTarget.addEventListener('touchend', this._handleDragTargetReleaseBound);
|
5587 |
-
this._overlay.addEventListener('touchmove', this._handleCloseDragBound);
|
5588 |
-
this._overlay.addEventListener('touchend', this._handleCloseReleaseBound);
|
5589 |
-
this.el.addEventListener('touchmove', this._handleCloseDragBound);
|
5590 |
-
this.el.addEventListener('touchend', this._handleCloseReleaseBound);
|
5591 |
-
this.el.addEventListener('click', this._handleCloseTriggerClickBound);
|
5592 |
-
|
5593 |
-
// Add resize for side nav fixed
|
5594 |
-
if (this.isFixed) {
|
5595 |
-
this._handleWindowResizeBound = this._handleWindowResize.bind(this);
|
5596 |
-
window.addEventListener('resize', this._handleWindowResizeBound);
|
5597 |
-
}
|
5598 |
-
}
|
5599 |
-
}, {
|
5600 |
-
key: "_removeEventHandlers",
|
5601 |
-
value: function _removeEventHandlers() {
|
5602 |
-
if (Sidenav._sidenavs.length === 1) {
|
5603 |
-
document.body.removeEventListener('click', this._handleTriggerClick);
|
5604 |
-
}
|
5605 |
-
|
5606 |
-
this.dragTarget.removeEventListener('touchmove', this._handleDragTargetDragBound);
|
5607 |
-
this.dragTarget.removeEventListener('touchend', this._handleDragTargetReleaseBound);
|
5608 |
-
this._overlay.removeEventListener('touchmove', this._handleCloseDragBound);
|
5609 |
-
this._overlay.removeEventListener('touchend', this._handleCloseReleaseBound);
|
5610 |
-
this.el.removeEventListener('touchmove', this._handleCloseDragBound);
|
5611 |
-
this.el.removeEventListener('touchend', this._handleCloseReleaseBound);
|
5612 |
-
this.el.removeEventListener('click', this._handleCloseTriggerClickBound);
|
5613 |
-
|
5614 |
-
// Remove resize for side nav fixed
|
5615 |
-
if (this.isFixed) {
|
5616 |
-
window.removeEventListener('resize', this._handleWindowResizeBound);
|
5617 |
-
}
|
5618 |
-
}
|
5619 |
-
|
5620 |
-
/**
|
5621 |
-
* Handle Trigger Click
|
5622 |
-
* @param {Event} e
|
5623 |
-
*/
|
5624 |
-
|
5625 |
-
}, {
|
5626 |
-
key: "_handleTriggerClick",
|
5627 |
-
value: function _handleTriggerClick(e) {
|
5628 |
-
var $trigger = $(e.target).closest('.sidenav-trigger');
|
5629 |
-
if (e.target && $trigger.length) {
|
5630 |
-
var sidenavId = M.getIdFromTrigger($trigger[0]);
|
5631 |
-
|
5632 |
-
var sidenavInstance = document.getElementById(sidenavId).M_Sidenav;
|
5633 |
-
if (sidenavInstance) {
|
5634 |
-
sidenavInstance.open($trigger);
|
5635 |
-
}
|
5636 |
-
e.preventDefault();
|
5637 |
-
}
|
5638 |
-
}
|
5639 |
-
|
5640 |
-
/**
|
5641 |
-
* Set variables needed at the beggining of drag
|
5642 |
-
* and stop any current transition.
|
5643 |
-
* @param {Event} e
|
5644 |
-
*/
|
5645 |
-
|
5646 |
-
}, {
|
5647 |
-
key: "_startDrag",
|
5648 |
-
value: function _startDrag(e) {
|
5649 |
-
var clientX = e.targetTouches[0].clientX;
|
5650 |
-
this.isDragged = true;
|
5651 |
-
this._startingXpos = clientX;
|
5652 |
-
this._xPos = this._startingXpos;
|
5653 |
-
this._time = Date.now();
|
5654 |
-
this._width = this.el.getBoundingClientRect().width;
|
5655 |
-
this._overlay.style.display = 'block';
|
5656 |
-
this._initialScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop();
|
5657 |
-
this._verticallyScrolling = false;
|
5658 |
-
anim.remove(this.el);
|
5659 |
-
anim.remove(this._overlay);
|
5660 |
-
}
|
5661 |
-
|
5662 |
-
/**
|
5663 |
-
* Set variables needed at each drag move update tick
|
5664 |
-
* @param {Event} e
|
5665 |
-
*/
|
5666 |
-
|
5667 |
-
}, {
|
5668 |
-
key: "_dragMoveUpdate",
|
5669 |
-
value: function _dragMoveUpdate(e) {
|
5670 |
-
var clientX = e.targetTouches[0].clientX;
|
5671 |
-
var currentScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop();
|
5672 |
-
this.deltaX = Math.abs(this._xPos - clientX);
|
5673 |
-
this._xPos = clientX;
|
5674 |
-
this.velocityX = this.deltaX / (Date.now() - this._time);
|
5675 |
-
this._time = Date.now();
|
5676 |
-
if (this._initialScrollTop !== currentScrollTop) {
|
5677 |
-
this._verticallyScrolling = true;
|
5678 |
-
}
|
5679 |
-
}
|
5680 |
-
|
5681 |
-
/**
|
5682 |
-
* Handles Dragging of Sidenav
|
5683 |
-
* @param {Event} e
|
5684 |
-
*/
|
5685 |
-
|
5686 |
-
}, {
|
5687 |
-
key: "_handleDragTargetDrag",
|
5688 |
-
value: function _handleDragTargetDrag(e) {
|
5689 |
-
// Check if draggable
|
5690 |
-
if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) {
|
5691 |
-
return;
|
5692 |
-
}
|
5693 |
-
|
5694 |
-
// If not being dragged, set initial drag start variables
|
5695 |
-
if (!this.isDragged) {
|
5696 |
-
this._startDrag(e);
|
5697 |
-
}
|
5698 |
-
|
5699 |
-
// Run touchmove updates
|
5700 |
-
this._dragMoveUpdate(e);
|
5701 |
-
|
5702 |
-
// Calculate raw deltaX
|
5703 |
-
var totalDeltaX = this._xPos - this._startingXpos;
|
5704 |
-
|
5705 |
-
// dragDirection is the attempted user drag direction
|
5706 |
-
var dragDirection = totalDeltaX > 0 ? 'right' : 'left';
|
5707 |
-
|
5708 |
-
// Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
|
5709 |
-
totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
|
5710 |
-
if (this.options.edge === dragDirection) {
|
5711 |
-
totalDeltaX = 0;
|
5712 |
-
}
|
5713 |
-
|
5714 |
-
/**
|
5715 |
-
* transformX is the drag displacement
|
5716 |
-
* transformPrefix is the initial transform placement
|
5717 |
-
* Invert values if Sidenav is right edge
|
5718 |
-
*/
|
5719 |
-
var transformX = totalDeltaX;
|
5720 |
-
var transformPrefix = 'translateX(-100%)';
|
5721 |
-
if (this.options.edge === 'right') {
|
5722 |
-
transformPrefix = 'translateX(100%)';
|
5723 |
-
transformX = -transformX;
|
5724 |
-
}
|
5725 |
-
|
5726 |
-
// Calculate open/close percentage of sidenav, with open = 1 and close = 0
|
5727 |
-
this.percentOpen = Math.min(1, totalDeltaX / this._width);
|
5728 |
-
|
5729 |
-
// Set transform and opacity styles
|
5730 |
-
this.el.style.transform = transformPrefix + " translateX(" + transformX + "px)";
|
5731 |
-
this._overlay.style.opacity = this.percentOpen;
|
5732 |
-
}
|
5733 |
-
|
5734 |
-
/**
|
5735 |
-
* Handle Drag Target Release
|
5736 |
-
*/
|
5737 |
-
|
5738 |
-
}, {
|
5739 |
-
key: "_handleDragTargetRelease",
|
5740 |
-
value: function _handleDragTargetRelease() {
|
5741 |
-
if (this.isDragged) {
|
5742 |
-
if (this.percentOpen > 0.2) {
|
5743 |
-
this.open();
|
5744 |
-
} else {
|
5745 |
-
this._animateOut();
|
5746 |
-
}
|
5747 |
-
|
5748 |
-
this.isDragged = false;
|
5749 |
-
this._verticallyScrolling = false;
|
5750 |
-
}
|
5751 |
-
}
|
5752 |
-
|
5753 |
-
/**
|
5754 |
-
* Handle Close Drag
|
5755 |
-
* @param {Event} e
|
5756 |
-
*/
|
5757 |
-
|
5758 |
-
}, {
|
5759 |
-
key: "_handleCloseDrag",
|
5760 |
-
value: function _handleCloseDrag(e) {
|
5761 |
-
if (this.isOpen) {
|
5762 |
-
// Check if draggable
|
5763 |
-
if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) {
|
5764 |
-
return;
|
5765 |
-
}
|
5766 |
-
|
5767 |
-
// If not being dragged, set initial drag start variables
|
5768 |
-
if (!this.isDragged) {
|
5769 |
-
this._startDrag(e);
|
5770 |
-
}
|
5771 |
-
|
5772 |
-
// Run touchmove updates
|
5773 |
-
this._dragMoveUpdate(e);
|
5774 |
-
|
5775 |
-
// Calculate raw deltaX
|
5776 |
-
var totalDeltaX = this._xPos - this._startingXpos;
|
5777 |
-
|
5778 |
-
// dragDirection is the attempted user drag direction
|
5779 |
-
var dragDirection = totalDeltaX > 0 ? 'right' : 'left';
|
5780 |
-
|
5781 |
-
// Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
|
5782 |
-
totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
|
5783 |
-
if (this.options.edge !== dragDirection) {
|
5784 |
-
totalDeltaX = 0;
|
5785 |
-
}
|
5786 |
-
|
5787 |
-
var transformX = -totalDeltaX;
|
5788 |
-
if (this.options.edge === 'right') {
|
5789 |
-
transformX = -transformX;
|
5790 |
-
}
|
5791 |
-
|
5792 |
-
// Calculate open/close percentage of sidenav, with open = 1 and close = 0
|
5793 |
-
this.percentOpen = Math.min(1, 1 - totalDeltaX / this._width);
|
5794 |
-
|
5795 |
-
// Set transform and opacity styles
|
5796 |
-
this.el.style.transform = "translateX(" + transformX + "px)";
|
5797 |
-
this._overlay.style.opacity = this.percentOpen;
|
5798 |
-
}
|
5799 |
-
}
|
5800 |
-
|
5801 |
-
/**
|
5802 |
-
* Handle Close Release
|
5803 |
-
*/
|
5804 |
-
|
5805 |
-
}, {
|
5806 |
-
key: "_handleCloseRelease",
|
5807 |
-
value: function _handleCloseRelease() {
|
5808 |
-
if (this.isOpen && this.isDragged) {
|
5809 |
-
if (this.percentOpen > 0.8) {
|
5810 |
-
this._animateIn();
|
5811 |
-
} else {
|
5812 |
-
this.close();
|
5813 |
-
}
|
5814 |
-
|
5815 |
-
this.isDragged = false;
|
5816 |
-
this._verticallyScrolling = false;
|
5817 |
-
}
|
5818 |
-
}
|
5819 |
-
|
5820 |
-
/**
|
5821 |
-
* Handles closing of Sidenav when element with class .sidenav-close
|
5822 |
-
*/
|
5823 |
-
|
5824 |
-
}, {
|
5825 |
-
key: "_handleCloseTriggerClick",
|
5826 |
-
value: function _handleCloseTriggerClick(e) {
|
5827 |
-
var $closeTrigger = $(e.target).closest('.sidenav-close');
|
5828 |
-
if ($closeTrigger.length && !this._isCurrentlyFixed()) {
|
5829 |
-
this.close();
|
5830 |
-
}
|
5831 |
-
}
|
5832 |
-
|
5833 |
-
/**
|
5834 |
-
* Handle Window Resize
|
5835 |
-
*/
|
5836 |
-
|
5837 |
-
}, {
|
5838 |
-
key: "_handleWindowResize",
|
5839 |
-
value: function _handleWindowResize() {
|
5840 |
-
// Only handle horizontal resizes
|
5841 |
-
if (this.lastWindowWidth !== window.innerWidth) {
|
5842 |
-
if (window.innerWidth > 992) {
|
5843 |
-
this.open();
|
5844 |
-
} else {
|
5845 |
-
this.close();
|
5846 |
-
}
|
5847 |
-
}
|
5848 |
-
|
5849 |
-
this.lastWindowWidth = window.innerWidth;
|
5850 |
-
this.lastWindowHeight = window.innerHeight;
|
5851 |
-
}
|
5852 |
-
}, {
|
5853 |
-
key: "_setupClasses",
|
5854 |
-
value: function _setupClasses() {
|
5855 |
-
if (this.options.edge === 'right') {
|
5856 |
-
this.el.classList.add('right-aligned');
|
5857 |
-
this.dragTarget.classList.add('right-aligned');
|
5858 |
-
}
|
5859 |
-
}
|
5860 |
-
}, {
|
5861 |
-
key: "_removeClasses",
|
5862 |
-
value: function _removeClasses() {
|
5863 |
-
this.el.classList.remove('right-aligned');
|
5864 |
-
this.dragTarget.classList.remove('right-aligned');
|
5865 |
-
}
|
5866 |
-
}, {
|
5867 |
-
key: "_setupFixed",
|
5868 |
-
value: function _setupFixed() {
|
5869 |
-
if (this._isCurrentlyFixed()) {
|
5870 |
-
this.open();
|
5871 |
-
}
|
5872 |
-
}
|
5873 |
-
}, {
|
5874 |
-
key: "_isCurrentlyFixed",
|
5875 |
-
value: function _isCurrentlyFixed() {
|
5876 |
-
return this.isFixed && window.innerWidth > 992;
|
5877 |
-
}
|
5878 |
-
}, {
|
5879 |
-
key: "_createDragTarget",
|
5880 |
-
value: function _createDragTarget() {
|
5881 |
-
var dragTarget = document.createElement('div');
|
5882 |
-
dragTarget.classList.add('drag-target');
|
5883 |
-
document.body.appendChild(dragTarget);
|
5884 |
-
this.dragTarget = dragTarget;
|
5885 |
-
}
|
5886 |
-
}, {
|
5887 |
-
key: "_preventBodyScrolling",
|
5888 |
-
value: function _preventBodyScrolling() {
|
5889 |
-
var body = document.body;
|
5890 |
-
body.style.overflow = 'hidden';
|
5891 |
-
}
|
5892 |
-
}, {
|
5893 |
-
key: "_enableBodyScrolling",
|
5894 |
-
value: function _enableBodyScrolling() {
|
5895 |
-
var body = document.body;
|
5896 |
-
body.style.overflow = '';
|
5897 |
-
}
|
5898 |
-
}, {
|
5899 |
-
key: "open",
|
5900 |
-
value: function open() {
|
5901 |
-
if (this.isOpen === true) {
|
5902 |
-
return;
|
5903 |
-
}
|
5904 |
-
|
5905 |
-
this.isOpen = true;
|
5906 |
-
|
5907 |
-
// Run onOpenStart callback
|
5908 |
-
if (typeof this.options.onOpenStart === 'function') {
|
5909 |
-
this.options.onOpenStart.call(this, this.el);
|
5910 |
-
}
|
5911 |
-
|
5912 |
-
// Handle fixed Sidenav
|
5913 |
-
if (this._isCurrentlyFixed()) {
|
5914 |
-
anim.remove(this.el);
|
5915 |
-
anim({
|
5916 |
-
targets: this.el,
|
5917 |
-
translateX: 0,
|
5918 |
-
duration: 0,
|
5919 |
-
easing: 'easeOutQuad'
|
5920 |
-
});
|
5921 |
-
this._enableBodyScrolling();
|
5922 |
-
this._overlay.style.display = 'none';
|
5923 |
-
|
5924 |
-
// Handle non-fixed Sidenav
|
5925 |
-
} else {
|
5926 |
-
if (this.options.preventScrolling) {
|
5927 |
-
this._preventBodyScrolling();
|
5928 |
-
}
|
5929 |
-
|
5930 |
-
if (!this.isDragged || this.percentOpen != 1) {
|
5931 |
-
this._animateIn();
|
5932 |
-
}
|
5933 |
-
}
|
5934 |
-
}
|
5935 |
-
}, {
|
5936 |
-
key: "close",
|
5937 |
-
value: function close() {
|
5938 |
-
if (this.isOpen === false) {
|
5939 |
-
return;
|
5940 |
-
}
|
5941 |
-
|
5942 |
-
this.isOpen = false;
|
5943 |
-
|
5944 |
-
// Run onCloseStart callback
|
5945 |
-
if (typeof this.options.onCloseStart === 'function') {
|
5946 |
-
this.options.onCloseStart.call(this, this.el);
|
5947 |
-
}
|
5948 |
-
|
5949 |
-
// Handle fixed Sidenav
|
5950 |
-
if (this._isCurrentlyFixed()) {
|
5951 |
-
var transformX = this.options.edge === 'left' ? '-105%' : '105%';
|
5952 |
-
this.el.style.transform = "translateX(" + transformX + ")";
|
5953 |
-
|
5954 |
-
// Handle non-fixed Sidenav
|
5955 |
-
} else {
|
5956 |
-
this._enableBodyScrolling();
|
5957 |
-
|
5958 |
-
if (!this.isDragged || this.percentOpen != 0) {
|
5959 |
-
this._animateOut();
|
5960 |
-
} else {
|
5961 |
-
this._overlay.style.display = 'none';
|
5962 |
-
}
|
5963 |
-
}
|
5964 |
-
}
|
5965 |
-
}, {
|
5966 |
-
key: "_animateIn",
|
5967 |
-
value: function _animateIn() {
|
5968 |
-
this._animateSidenavIn();
|
5969 |
-
this._animateOverlayIn();
|
5970 |
-
}
|
5971 |
-
}, {
|
5972 |
-
key: "_animateSidenavIn",
|
5973 |
-
value: function _animateSidenavIn() {
|
5974 |
-
var _this32 = this;
|
5975 |
-
|
5976 |
-
var slideOutPercent = this.options.edge === 'left' ? -1 : 1;
|
5977 |
-
if (this.isDragged) {
|
5978 |
-
slideOutPercent = this.options.edge === 'left' ? slideOutPercent + this.percentOpen : slideOutPercent - this.percentOpen;
|
5979 |
-
}
|
5980 |
-
|
5981 |
-
anim.remove(this.el);
|
5982 |
-
anim({
|
5983 |
-
targets: this.el,
|
5984 |
-
translateX: [slideOutPercent * 100 + "%", 0],
|
5985 |
-
duration: this.options.inDuration,
|
5986 |
-
easing: 'easeOutQuad',
|
5987 |
-
complete: function () {
|
5988 |
-
// Run onOpenEnd callback
|
5989 |
-
if (typeof _this32.options.onOpenEnd === 'function') {
|
5990 |
-
_this32.options.onOpenEnd.call(_this32, _this32.el);
|
5991 |
-
}
|
5992 |
-
}
|
5993 |
-
});
|
5994 |
-
}
|
5995 |
-
}, {
|
5996 |
-
key: "_animateOverlayIn",
|
5997 |
-
value: function _animateOverlayIn() {
|
5998 |
-
var start = 0;
|
5999 |
-
if (this.isDragged) {
|
6000 |
-
start = this.percentOpen;
|
6001 |
-
} else {
|
6002 |
-
$(this._overlay).css({
|
6003 |
-
display: 'block'
|
6004 |
-
});
|
6005 |
-
}
|
6006 |
-
|
6007 |
-
anim.remove(this._overlay);
|
6008 |
-
anim({
|
6009 |
-
targets: this._overlay,
|
6010 |
-
opacity: [start, 1],
|
6011 |
-
duration: this.options.inDuration,
|
6012 |
-
easing: 'easeOutQuad'
|
6013 |
-
});
|
6014 |
-
}
|
6015 |
-
}, {
|
6016 |
-
key: "_animateOut",
|
6017 |
-
value: function _animateOut() {
|
6018 |
-
this._animateSidenavOut();
|
6019 |
-
this._animateOverlayOut();
|
6020 |
-
}
|
6021 |
-
}, {
|
6022 |
-
key: "_animateSidenavOut",
|
6023 |
-
value: function _animateSidenavOut() {
|
6024 |
-
var _this33 = this;
|
6025 |
-
|
6026 |
-
var endPercent = this.options.edge === 'left' ? -1 : 1;
|
6027 |
-
var slideOutPercent = 0;
|
6028 |
-
if (this.isDragged) {
|
6029 |
-
slideOutPercent = this.options.edge === 'left' ? endPercent + this.percentOpen : endPercent - this.percentOpen;
|
6030 |
-
}
|
6031 |
-
|
6032 |
-
anim.remove(this.el);
|
6033 |
-
anim({
|
6034 |
-
targets: this.el,
|
6035 |
-
translateX: [slideOutPercent * 100 + "%", endPercent * 105 + "%"],
|
6036 |
-
duration: this.options.outDuration,
|
6037 |
-
easing: 'easeOutQuad',
|
6038 |
-
complete: function () {
|
6039 |
-
// Run onOpenEnd callback
|
6040 |
-
if (typeof _this33.options.onCloseEnd === 'function') {
|
6041 |
-
_this33.options.onCloseEnd.call(_this33, _this33.el);
|
6042 |
-
}
|
6043 |
-
}
|
6044 |
-
});
|
6045 |
-
}
|
6046 |
-
}, {
|
6047 |
-
key: "_animateOverlayOut",
|
6048 |
-
value: function _animateOverlayOut() {
|
6049 |
-
var _this34 = this;
|
6050 |
-
|
6051 |
-
anim.remove(this._overlay);
|
6052 |
-
anim({
|
6053 |
-
targets: this._overlay,
|
6054 |
-
opacity: 0,
|
6055 |
-
duration: this.options.outDuration,
|
6056 |
-
easing: 'easeOutQuad',
|
6057 |
-
complete: function () {
|
6058 |
-
$(_this34._overlay).css('display', 'none');
|
6059 |
-
}
|
6060 |
-
});
|
6061 |
-
}
|
6062 |
-
}], [{
|
6063 |
-
key: "init",
|
6064 |
-
value: function init(els, options) {
|
6065 |
-
return _get(Sidenav.__proto__ || Object.getPrototypeOf(Sidenav), "init", this).call(this, this, els, options);
|
6066 |
-
}
|
6067 |
-
|
6068 |
-
/**
|
6069 |
-
* Get Instance
|
6070 |
-
*/
|
6071 |
-
|
6072 |
-
}, {
|
6073 |
-
key: "getInstance",
|
6074 |
-
value: function getInstance(el) {
|
6075 |
-
var domElem = !!el.jquery ? el[0] : el;
|
6076 |
-
return domElem.M_Sidenav;
|
6077 |
-
}
|
6078 |
-
}, {
|
6079 |
-
key: "defaults",
|
6080 |
-
get: function () {
|
6081 |
-
return _defaults;
|
6082 |
-
}
|
6083 |
-
}]);
|
6084 |
-
|
6085 |
-
return Sidenav;
|
6086 |
-
}(Component);
|
6087 |
-
|
6088 |
-
/**
|
6089 |
-
* @static
|
6090 |
-
* @memberof Sidenav
|
6091 |
-
* @type {Array.<Sidenav>}
|
6092 |
-
*/
|
6093 |
-
|
6094 |
-
|
6095 |
-
Sidenav._sidenavs = [];
|
6096 |
-
|
6097 |
-
M.Sidenav = Sidenav;
|
6098 |
-
|
6099 |
-
if (M.jQueryLoaded) {
|
6100 |
-
M.initializeJqueryWrapper(Sidenav, 'sidenav', 'M_Sidenav');
|
6101 |
-
}
|
6102 |
-
})(cash, M.anime);
|
6103 |
-
;(function ($, anim) {
|
6104 |
-
'use strict';
|
6105 |
-
|
6106 |
-
var _defaults = {
|
6107 |
-
throttle: 100,
|
6108 |
-
scrollOffset: 200, // offset - 200 allows elements near bottom of page to scroll
|
6109 |
-
activeClass: 'active',
|
6110 |
-
getActiveElement: function (id) {
|
6111 |
-
return 'a[href="#' + id + '"]';
|
6112 |
-
}
|
6113 |
-
};
|
6114 |
-
|
6115 |
-
/**
|
6116 |
-
* @class
|
6117 |
-
*
|
6118 |
-
*/
|
6119 |
-
|
6120 |
-
var ScrollSpy = function (_Component9) {
|
6121 |
-
_inherits(ScrollSpy, _Component9);
|
6122 |
-
|
6123 |
-
/**
|
6124 |
-
* Construct ScrollSpy instance
|
6125 |
-
* @constructor
|
6126 |
-
* @param {Element} el
|
6127 |
-
* @param {Object} options
|
6128 |
-
*/
|
6129 |
-
function ScrollSpy(el, options) {
|
6130 |
-
_classCallCheck(this, ScrollSpy);
|
6131 |
-
|
6132 |
-
var _this35 = _possibleConstructorReturn(this, (ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy)).call(this, ScrollSpy, el, options));
|
6133 |
-
|
6134 |
-
_this35.el.M_ScrollSpy = _this35;
|
6135 |
-
|
6136 |
-
/**
|
6137 |
-
* Options for the modal
|
6138 |
-
* @member Modal#options
|
6139 |
-
* @prop {Number} [throttle=100] - Throttle of scroll handler
|
6140 |
-
* @prop {Number} [scrollOffset=200] - Offset for centering element when scrolled to
|
6141 |
-
* @prop {String} [activeClass='active'] - Class applied to active elements
|
6142 |
-
* @prop {Function} [getActiveElement] - Used to find active element
|
6143 |
-
*/
|
6144 |
-
_this35.options = $.extend({}, ScrollSpy.defaults, options);
|
6145 |
-
|
6146 |
-
// setup
|
6147 |
-
ScrollSpy._elements.push(_this35);
|
6148 |
-
ScrollSpy._count++;
|
6149 |
-
ScrollSpy._increment++;
|
6150 |
-
_this35.tickId = -1;
|
6151 |
-
_this35.id = ScrollSpy._increment;
|
6152 |
-
_this35._setupEventHandlers();
|
6153 |
-
_this35._handleWindowScroll();
|
6154 |
-
return _this35;
|
6155 |
-
}
|
6156 |
-
|
6157 |
-
_createClass(ScrollSpy, [{
|
6158 |
-
key: "destroy",
|
6159 |
-
|
6160 |
-
|
6161 |
-
/**
|
6162 |
-
* Teardown component
|
6163 |
-
*/
|
6164 |
-
value: function destroy() {
|
6165 |
-
ScrollSpy._elements.splice(ScrollSpy._elements.indexOf(this), 1);
|
6166 |
-
ScrollSpy._elementsInView.splice(ScrollSpy._elementsInView.indexOf(this), 1);
|
6167 |
-
ScrollSpy._visibleElements.splice(ScrollSpy._visibleElements.indexOf(this.$el), 1);
|
6168 |
-
ScrollSpy._count--;
|
6169 |
-
this._removeEventHandlers();
|
6170 |
-
$(this.options.getActiveElement(this.$el.attr('id'))).removeClass(this.options.activeClass);
|
6171 |
-
this.el.M_ScrollSpy = undefined;
|
6172 |
-
}
|
6173 |
-
|
6174 |
-
/**
|
6175 |
-
* Setup Event Handlers
|
6176 |
-
*/
|
6177 |
-
|
6178 |
-
}, {
|
6179 |
-
key: "_setupEventHandlers",
|
6180 |
-
value: function _setupEventHandlers() {
|
6181 |
-
var throttledResize = M.throttle(this._handleWindowScroll, 200);
|
6182 |
-
this._handleThrottledResizeBound = throttledResize.bind(this);
|
6183 |
-
this._handleWindowScrollBound = this._handleWindowScroll.bind(this);
|
6184 |
-
if (ScrollSpy._count === 1) {
|
6185 |
-
window.addEventListener('scroll', this._handleWindowScrollBound);
|
6186 |
-
window.addEventListener('resize', this._handleThrottledResizeBound);
|
6187 |
-
document.body.addEventListener('click', this._handleTriggerClick);
|
6188 |
-
}
|
6189 |
-
}
|
6190 |
-
|
6191 |
-
/**
|
6192 |
-
* Remove Event Handlers
|
6193 |
-
*/
|
6194 |
-
|
6195 |
-
}, {
|
6196 |
-
key: "_removeEventHandlers",
|
6197 |
-
value: function _removeEventHandlers() {
|
6198 |
-
if (ScrollSpy._count === 0) {
|
6199 |
-
window.removeEventListener('scroll', this._handleWindowScrollBound);
|
6200 |
-
window.removeEventListener('resize', this._handleThrottledResizeBound);
|
6201 |
-
document.body.removeEventListener('click', this._handleTriggerClick);
|
6202 |
-
}
|
6203 |
-
}
|
6204 |
-
|
6205 |
-
/**
|
6206 |
-
* Handle Trigger Click
|
6207 |
-
* @param {Event} e
|
6208 |
-
*/
|
6209 |
-
|
6210 |
-
}, {
|
6211 |
-
key: "_handleTriggerClick",
|
6212 |
-
value: function _handleTriggerClick(e) {
|
6213 |
-
var $trigger = $(e.target);
|
6214 |
-
for (var i = ScrollSpy._elements.length - 1; i >= 0; i--) {
|
6215 |
-
var scrollspy = ScrollSpy._elements[i];
|
6216 |
-
if ($trigger.is('a[href="#' + scrollspy.$el.attr('id') + '"]')) {
|
6217 |
-
e.preventDefault();
|
6218 |
-
var offset = scrollspy.$el.offset().top + 1;
|
6219 |
-
|
6220 |
-
anim({
|
6221 |
-
targets: [document.documentElement, document.body],
|
6222 |
-
scrollTop: offset - scrollspy.options.scrollOffset,
|
6223 |
-
duration: 400,
|
6224 |
-
easing: 'easeOutCubic'
|
6225 |
-
});
|
6226 |
-
break;
|
6227 |
-
}
|
6228 |
-
}
|
6229 |
-
}
|
6230 |
-
|
6231 |
-
/**
|
6232 |
-
* Handle Window Scroll
|
6233 |
-
*/
|
6234 |
-
|
6235 |
-
}, {
|
6236 |
-
key: "_handleWindowScroll",
|
6237 |
-
value: function _handleWindowScroll() {
|
6238 |
-
// unique tick id
|
6239 |
-
ScrollSpy._ticks++;
|
6240 |
-
|
6241 |
-
// viewport rectangle
|
6242 |
-
var top = M.getDocumentScrollTop(),
|
6243 |
-
left = M.getDocumentScrollLeft(),
|
6244 |
-
right = left + window.innerWidth,
|
6245 |
-
bottom = top + window.innerHeight;
|
6246 |
-
|
6247 |
-
// determine which elements are in view
|
6248 |
-
var intersections = ScrollSpy._findElements(top, right, bottom, left);
|
6249 |
-
for (var i = 0; i < intersections.length; i++) {
|
6250 |
-
var scrollspy = intersections[i];
|
6251 |
-
var lastTick = scrollspy.tickId;
|
6252 |
-
if (lastTick < 0) {
|
6253 |
-
// entered into view
|
6254 |
-
scrollspy._enter();
|
6255 |
-
}
|
6256 |
-
|
6257 |
-
// update tick id
|
6258 |
-
scrollspy.tickId = ScrollSpy._ticks;
|
6259 |
-
}
|
6260 |
-
|
6261 |
-
for (var _i = 0; _i < ScrollSpy._elementsInView.length; _i++) {
|
6262 |
-
var _scrollspy = ScrollSpy._elementsInView[_i];
|
6263 |
-
var _lastTick = _scrollspy.tickId;
|
6264 |
-
if (_lastTick >= 0 && _lastTick !== ScrollSpy._ticks) {
|
6265 |
-
// exited from view
|
6266 |
-
_scrollspy._exit();
|
6267 |
-
_scrollspy.tickId = -1;
|
6268 |
-
}
|
6269 |
-
}
|
6270 |
-
|
6271 |
-
// remember elements in view for next tick
|
6272 |
-
ScrollSpy._elementsInView = intersections;
|
6273 |
-
}
|
6274 |
-
|
6275 |
-
/**
|
6276 |
-
* Find elements that are within the boundary
|
6277 |
-
* @param {number} top
|
6278 |
-
* @param {number} right
|
6279 |
-
* @param {number} bottom
|
6280 |
-
* @param {number} left
|
6281 |
-
* @return {Array.<ScrollSpy>} A collection of elements
|
6282 |
-
*/
|
6283 |
-
|
6284 |
-
}, {
|
6285 |
-
key: "_enter",
|
6286 |
-
value: function _enter() {
|
6287 |
-
ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function (value) {
|
6288 |
-
return value.height() != 0;
|
6289 |
-
});
|
6290 |
-
|
6291 |
-
if (ScrollSpy._visibleElements[0]) {
|
6292 |
-
$(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).removeClass(this.options.activeClass);
|
6293 |
-
if (ScrollSpy._visibleElements[0][0].M_ScrollSpy && this.id < ScrollSpy._visibleElements[0][0].M_ScrollSpy.id) {
|
6294 |
-
ScrollSpy._visibleElements.unshift(this.$el);
|
6295 |
-
} else {
|
6296 |
-
ScrollSpy._visibleElements.push(this.$el);
|
6297 |
-
}
|
6298 |
-
} else {
|
6299 |
-
ScrollSpy._visibleElements.push(this.$el);
|
6300 |
-
}
|
6301 |
-
|
6302 |
-
$(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).addClass(this.options.activeClass);
|
6303 |
-
}
|
6304 |
-
}, {
|
6305 |
-
key: "_exit",
|
6306 |
-
value: function _exit() {
|
6307 |
-
var _this36 = this;
|
6308 |
-
|
6309 |
-
ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function (value) {
|
6310 |
-
return value.height() != 0;
|
6311 |
-
});
|
6312 |
-
|
6313 |
-
if (ScrollSpy._visibleElements[0]) {
|
6314 |
-
$(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).removeClass(this.options.activeClass);
|
6315 |
-
|
6316 |
-
ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function (el) {
|
6317 |
-
return el.attr('id') != _this36.$el.attr('id');
|
6318 |
-
});
|
6319 |
-
if (ScrollSpy._visibleElements[0]) {
|
6320 |
-
// Check if empty
|
6321 |
-
$(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).addClass(this.options.activeClass);
|
6322 |
-
}
|
6323 |
-
}
|
6324 |
-
}
|
6325 |
-
}], [{
|
6326 |
-
key: "init",
|
6327 |
-
value: function init(els, options) {
|
6328 |
-
return _get(ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy), "init", this).call(this, this, els, options);
|
6329 |
-
}
|
6330 |
-
|
6331 |
-
/**
|
6332 |
-
* Get Instance
|
6333 |
-
*/
|
6334 |
-
|
6335 |
-
}, {
|
6336 |
-
key: "getInstance",
|
6337 |
-
value: function getInstance(el) {
|
6338 |
-
var domElem = !!el.jquery ? el[0] : el;
|
6339 |
-
return domElem.M_ScrollSpy;
|
6340 |
-
}
|
6341 |
-
}, {
|
6342 |
-
key: "_findElements",
|
6343 |
-
value: function _findElements(top, right, bottom, left) {
|
6344 |
-
var hits = [];
|
6345 |
-
for (var i = 0; i < ScrollSpy._elements.length; i++) {
|
6346 |
-
var scrollspy = ScrollSpy._elements[i];
|
6347 |
-
var currTop = top + scrollspy.options.scrollOffset || 200;
|
6348 |
-
|
6349 |
-
if (scrollspy.$el.height() > 0) {
|
6350 |
-
var elTop = scrollspy.$el.offset().top,
|
6351 |
-
elLeft = scrollspy.$el.offset().left,
|
6352 |
-
elRight = elLeft + scrollspy.$el.width(),
|
6353 |
-
elBottom = elTop + scrollspy.$el.height();
|
6354 |
-
|
6355 |
-
var isIntersect = !(elLeft > right || elRight < left || elTop > bottom || elBottom < currTop);
|
6356 |
-
|
6357 |
-
if (isIntersect) {
|
6358 |
-
hits.push(scrollspy);
|
6359 |
-
}
|
6360 |
-
}
|
6361 |
-
}
|
6362 |
-
return hits;
|
6363 |
-
}
|
6364 |
-
}, {
|
6365 |
-
key: "defaults",
|
6366 |
-
get: function () {
|
6367 |
-
return _defaults;
|
6368 |
-
}
|
6369 |
-
}]);
|
6370 |
-
|
6371 |
-
return ScrollSpy;
|
6372 |
-
}(Component);
|
6373 |
-
|
6374 |
-
/**
|
6375 |
-
* @static
|
6376 |
-
* @memberof ScrollSpy
|
6377 |
-
* @type {Array.<ScrollSpy>}
|
6378 |
-
*/
|
6379 |
-
|
6380 |
-
|
6381 |
-
ScrollSpy._elements = [];
|
6382 |
-
|
6383 |
-
/**
|
6384 |
-
* @static
|
6385 |
-
* @memberof ScrollSpy
|
6386 |
-
* @type {Array.<ScrollSpy>}
|
6387 |
-
*/
|
6388 |
-
ScrollSpy._elementsInView = [];
|
6389 |
-
|
6390 |
-
/**
|
6391 |
-
* @static
|
6392 |
-
* @memberof ScrollSpy
|
6393 |
-
* @type {Array.<cash>}
|
6394 |
-
*/
|
6395 |
-
ScrollSpy._visibleElements = [];
|
6396 |
-
|
6397 |
-
/**
|
6398 |
-
* @static
|
6399 |
-
* @memberof ScrollSpy
|
6400 |
-
*/
|
6401 |
-
ScrollSpy._count = 0;
|
6402 |
-
|
6403 |
-
/**
|
6404 |
-
* @static
|
6405 |
-
* @memberof ScrollSpy
|
6406 |
-
*/
|
6407 |
-
ScrollSpy._increment = 0;
|
6408 |
-
|
6409 |
-
/**
|
6410 |
-
* @static
|
6411 |
-
* @memberof ScrollSpy
|
6412 |
-
*/
|
6413 |
-
ScrollSpy._ticks = 0;
|
6414 |
-
|
6415 |
-
M.ScrollSpy = ScrollSpy;
|
6416 |
-
|
6417 |
-
if (M.jQueryLoaded) {
|
6418 |
-
M.initializeJqueryWrapper(ScrollSpy, 'scrollSpy', 'M_ScrollSpy');
|
6419 |
-
}
|
6420 |
-
})(cash, M.anime);
|
6421 |
-
;(function ($) {
|
6422 |
-
'use strict';
|
6423 |
-
|
6424 |
-
var _defaults = {
|
6425 |
-
data: {}, // Autocomplete data set
|
6426 |
-
limit: Infinity, // Limit of results the autocomplete shows
|
6427 |
-
onAutocomplete: null, // Callback for when autocompleted
|
6428 |
-
minLength: 1, // Min characters before autocomplete starts
|
6429 |
-
sortFunction: function (a, b, inputString) {
|
6430 |
-
// Sort function for sorting autocomplete results
|
6431 |
-
return a.indexOf(inputString) - b.indexOf(inputString);
|
6432 |
-
}
|
6433 |
-
};
|
6434 |
-
|
6435 |
-
/**
|
6436 |
-
* @class
|
6437 |
-
*
|
6438 |
-
*/
|
6439 |
-
|
6440 |
-
var Autocomplete = function (_Component10) {
|
6441 |
-
_inherits(Autocomplete, _Component10);
|
6442 |
-
|
6443 |
-
/**
|
6444 |
-
* Construct Autocomplete instance
|
6445 |
-
* @constructor
|
6446 |
-
* @param {Element} el
|
6447 |
-
* @param {Object} options
|
6448 |
-
*/
|
6449 |
-
function Autocomplete(el, options) {
|
6450 |
-
_classCallCheck(this, Autocomplete);
|
6451 |
-
|
6452 |
-
var _this37 = _possibleConstructorReturn(this, (Autocomplete.__proto__ || Object.getPrototypeOf(Autocomplete)).call(this, Autocomplete, el, options));
|
6453 |
-
|
6454 |
-
_this37.el.M_Autocomplete = _this37;
|
6455 |
-
|
6456 |
-
/**
|
6457 |
-
* Options for the autocomplete
|
6458 |
-
* @member Autocomplete#options
|
6459 |
-
* @prop {Number} duration
|
6460 |
-
* @prop {Number} dist
|
6461 |
-
* @prop {number} shift
|
6462 |
-
* @prop {number} padding
|
6463 |
-
* @prop {Boolean} fullWidth
|
6464 |
-
* @prop {Boolean} indicators
|
6465 |
-
* @prop {Boolean} noWrap
|
6466 |
-
* @prop {Function} onCycleTo
|
6467 |
-
*/
|
6468 |
-
_this37.options = $.extend({}, Autocomplete.defaults, options);
|
6469 |
-
|
6470 |
-
// Setup
|
6471 |
-
_this37.isOpen = false;
|
6472 |
-
_this37.count = 0;
|
6473 |
-
_this37.activeIndex = -1;
|
6474 |
-
_this37.oldVal;
|
6475 |
-
_this37.$inputField = _this37.$el.closest('.input-field');
|
6476 |
-
_this37.$active = $();
|
6477 |
-
_this37._mousedown = false;
|
6478 |
-
_this37._setupDropdown();
|
6479 |
-
|
6480 |
-
_this37._setupEventHandlers();
|
6481 |
-
return _this37;
|
6482 |
-
}
|
6483 |
-
|
6484 |
-
_createClass(Autocomplete, [{
|
6485 |
-
key: "destroy",
|
6486 |
-
|
6487 |
-
|
6488 |
-
/**
|
6489 |
-
* Teardown component
|
6490 |
-
*/
|
6491 |
-
value: function destroy() {
|
6492 |
-
this._removeEventHandlers();
|
6493 |
-
this._removeDropdown();
|
6494 |
-
this.el.M_Autocomplete = undefined;
|
6495 |
-
}
|
6496 |
-
|
6497 |
-
/**
|
6498 |
-
* Setup Event Handlers
|
6499 |
-
*/
|
6500 |
-
|
6501 |
-
}, {
|
6502 |
-
key: "_setupEventHandlers",
|
6503 |
-
value: function _setupEventHandlers() {
|
6504 |
-
this._handleInputBlurBound = this._handleInputBlur.bind(this);
|
6505 |
-
this._handleInputKeyupAndFocusBound = this._handleInputKeyupAndFocus.bind(this);
|
6506 |
-
this._handleInputKeydownBound = this._handleInputKeydown.bind(this);
|
6507 |
-
this._handleInputClickBound = this._handleInputClick.bind(this);
|
6508 |
-
this._handleContainerMousedownAndTouchstartBound = this._handleContainerMousedownAndTouchstart.bind(this);
|
6509 |
-
this._handleContainerMouseupAndTouchendBound = this._handleContainerMouseupAndTouchend.bind(this);
|
6510 |
-
|
6511 |
-
this.el.addEventListener('blur', this._handleInputBlurBound);
|
6512 |
-
this.el.addEventListener('keyup', this._handleInputKeyupAndFocusBound);
|
6513 |
-
this.el.addEventListener('focus', this._handleInputKeyupAndFocusBound);
|
6514 |
-
this.el.addEventListener('keydown', this._handleInputKeydownBound);
|
6515 |
-
this.el.addEventListener('click', this._handleInputClickBound);
|
6516 |
-
this.container.addEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound);
|
6517 |
-
this.container.addEventListener('mouseup', this._handleContainerMouseupAndTouchendBound);
|
6518 |
-
|
6519 |
-
if (typeof window.ontouchstart !== 'undefined') {
|
6520 |
-
this.container.addEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound);
|
6521 |
-
this.container.addEventListener('touchend', this._handleContainerMouseupAndTouchendBound);
|
6522 |
-
}
|
6523 |
-
}
|
6524 |
-
|
6525 |
-
/**
|
6526 |
-
* Remove Event Handlers
|
6527 |
-
*/
|
6528 |
-
|
6529 |
-
}, {
|
6530 |
-
key: "_removeEventHandlers",
|
6531 |
-
value: function _removeEventHandlers() {
|
6532 |
-
this.el.removeEventListener('blur', this._handleInputBlurBound);
|
6533 |
-
this.el.removeEventListener('keyup', this._handleInputKeyupAndFocusBound);
|
6534 |
-
this.el.removeEventListener('focus', this._handleInputKeyupAndFocusBound);
|
6535 |
-
this.el.removeEventListener('keydown', this._handleInputKeydownBound);
|
6536 |
-
this.el.removeEventListener('click', this._handleInputClickBound);
|
6537 |
-
this.container.removeEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound);
|
6538 |
-
this.container.removeEventListener('mouseup', this._handleContainerMouseupAndTouchendBound);
|
6539 |
-
|
6540 |
-
if (typeof window.ontouchstart !== 'undefined') {
|
6541 |
-
this.container.removeEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound);
|
6542 |
-
this.container.removeEventListener('touchend', this._handleContainerMouseupAndTouchendBound);
|
6543 |
-
}
|
6544 |
-
}
|
6545 |
-
|
6546 |
-
/**
|
6547 |
-
* Setup dropdown
|
6548 |
-
*/
|
6549 |
-
|
6550 |
-
}, {
|
6551 |
-
key: "_setupDropdown",
|
6552 |
-
value: function _setupDropdown() {
|
6553 |
-
var _this38 = this;
|
6554 |
-
|
6555 |
-
this.container = document.createElement('ul');
|
6556 |
-
this.container.id = "autocomplete-options-" + M.guid();
|
6557 |
-
$(this.container).addClass('autocomplete-content dropdown-content');
|
6558 |
-
this.$inputField.append(this.container);
|
6559 |
-
this.el.setAttribute('data-target', this.container.id);
|
6560 |
-
|
6561 |
-
this.dropdown = M.Dropdown.init(this.el, {
|
6562 |
-
autoFocus: false,
|
6563 |
-
closeOnClick: false,
|
6564 |
-
coverTrigger: false,
|
6565 |
-
onItemClick: function (itemEl) {
|
6566 |
-
_this38.selectOption($(itemEl));
|
6567 |
-
}
|
6568 |
-
});
|
6569 |
-
|
6570 |
-
// Sketchy removal of dropdown click handler
|
6571 |
-
this.el.removeEventListener('click', this.dropdown._handleClickBound);
|
6572 |
-
}
|
6573 |
-
|
6574 |
-
/**
|
6575 |
-
* Remove dropdown
|
6576 |
-
*/
|
6577 |
-
|
6578 |
-
}, {
|
6579 |
-
key: "_removeDropdown",
|
6580 |
-
value: function _removeDropdown() {
|
6581 |
-
this.container.parentNode.removeChild(this.container);
|
6582 |
-
}
|
6583 |
-
|
6584 |
-
/**
|
6585 |
-
* Handle Input Blur
|
6586 |
-
*/
|
6587 |
-
|
6588 |
-
}, {
|
6589 |
-
key: "_handleInputBlur",
|
6590 |
-
value: function _handleInputBlur() {
|
6591 |
-
if (!this._mousedown) {
|
6592 |
-
this.close();
|
6593 |
-
this._resetAutocomplete();
|
6594 |
-
}
|
6595 |
-
}
|
6596 |
-
|
6597 |
-
/**
|
6598 |
-
* Handle Input Keyup and Focus
|
6599 |
-
* @param {Event} e
|
6600 |
-
*/
|
6601 |
-
|
6602 |
-
}, {
|
6603 |
-
key: "_handleInputKeyupAndFocus",
|
6604 |
-
value: function _handleInputKeyupAndFocus(e) {
|
6605 |
-
if (e.type === 'keyup') {
|
6606 |
-
Autocomplete._keydown = false;
|
6607 |
-
}
|
6608 |
-
|
6609 |
-
this.count = 0;
|
6610 |
-
var val = this.el.value.toLowerCase();
|
6611 |
-
|
6612 |
-
// Don't capture enter or arrow key usage.
|
6613 |
-
if (e.keyCode === 13 || e.keyCode === 38 || e.keyCode === 40) {
|
6614 |
-
return;
|
6615 |
-
}
|
6616 |
-
|
6617 |
-
// Check if the input isn't empty
|
6618 |
-
// Check if focus triggered by tab
|
6619 |
-
if (this.oldVal !== val && (M.tabPressed || e.type !== 'focus')) {
|
6620 |
-
this.open();
|
6621 |
-
}
|
6622 |
-
|
6623 |
-
// Update oldVal
|
6624 |
-
this.oldVal = val;
|
6625 |
-
}
|
6626 |
-
|
6627 |
-
/**
|
6628 |
-
* Handle Input Keydown
|
6629 |
-
* @param {Event} e
|
6630 |
-
*/
|
6631 |
-
|
6632 |
-
}, {
|
6633 |
-
key: "_handleInputKeydown",
|
6634 |
-
value: function _handleInputKeydown(e) {
|
6635 |
-
Autocomplete._keydown = true;
|
6636 |
-
|
6637 |
-
// Arrow keys and enter key usage
|
6638 |
-
var keyCode = e.keyCode,
|
6639 |
-
liElement = void 0,
|
6640 |
-
numItems = $(this.container).children('li').length;
|
6641 |
-
|
6642 |
-
// select element on Enter
|
6643 |
-
if (keyCode === M.keys.ENTER && this.activeIndex >= 0) {
|
6644 |
-
liElement = $(this.container).children('li').eq(this.activeIndex);
|
6645 |
-
if (liElement.length) {
|
6646 |
-
this.selectOption(liElement);
|
6647 |
-
e.preventDefault();
|
6648 |
-
}
|
6649 |
-
return;
|
6650 |
-
}
|
6651 |
-
|
6652 |
-
// Capture up and down key
|
6653 |
-
if (keyCode === M.keys.ARROW_UP || keyCode === M.keys.ARROW_DOWN) {
|
6654 |
-
e.preventDefault();
|
6655 |
-
|
6656 |
-
if (keyCode === M.keys.ARROW_UP && this.activeIndex > 0) {
|
6657 |
-
this.activeIndex--;
|
6658 |
-
}
|
6659 |
-
|
6660 |
-
if (keyCode === M.keys.ARROW_DOWN && this.activeIndex < numItems - 1) {
|
6661 |
-
this.activeIndex++;
|
6662 |
-
}
|
6663 |
-
|
6664 |
-
this.$active.removeClass('active');
|
6665 |
-
if (this.activeIndex >= 0) {
|
6666 |
-
this.$active = $(this.container).children('li').eq(this.activeIndex);
|
6667 |
-
this.$active.addClass('active');
|
6668 |
-
}
|
6669 |
-
}
|
6670 |
-
}
|
6671 |
-
|
6672 |
-
/**
|
6673 |
-
* Handle Input Click
|
6674 |
-
* @param {Event} e
|
6675 |
-
*/
|
6676 |
-
|
6677 |
-
}, {
|
6678 |
-
key: "_handleInputClick",
|
6679 |
-
value: function _handleInputClick(e) {
|
6680 |
-
this.open();
|
6681 |
-
}
|
6682 |
-
|
6683 |
-
/**
|
6684 |
-
* Handle Container Mousedown and Touchstart
|
6685 |
-
* @param {Event} e
|
6686 |
-
*/
|
6687 |
-
|
6688 |
-
}, {
|
6689 |
-
key: "_handleContainerMousedownAndTouchstart",
|
6690 |
-
value: function _handleContainerMousedownAndTouchstart(e) {
|
6691 |
-
this._mousedown = true;
|
6692 |
-
}
|
6693 |
-
|
6694 |
-
/**
|
6695 |
-
* Handle Container Mouseup and Touchend
|
6696 |
-
* @param {Event} e
|
6697 |
-
*/
|
6698 |
-
|
6699 |
-
}, {
|
6700 |
-
key: "_handleContainerMouseupAndTouchend",
|
6701 |
-
value: function _handleContainerMouseupAndTouchend(e) {
|
6702 |
-
this._mousedown = false;
|
6703 |
-
}
|
6704 |
-
|
6705 |
-
/**
|
6706 |
-
* Highlight partial match
|
6707 |
-
*/
|
6708 |
-
|
6709 |
-
}, {
|
6710 |
-
key: "_highlight",
|
6711 |
-
value: function _highlight(string, $el) {
|
6712 |
-
var img = $el.find('img');
|
6713 |
-
var matchStart = $el.text().toLowerCase().indexOf('' + string.toLowerCase() + ''),
|
6714 |
-
matchEnd = matchStart + string.length - 1,
|
6715 |
-
beforeMatch = $el.text().slice(0, matchStart),
|
6716 |
-
matchText = $el.text().slice(matchStart, matchEnd + 1),
|
6717 |
-
afterMatch = $el.text().slice(matchEnd + 1);
|
6718 |
-
$el.html("<span>" + beforeMatch + "<span class='highlight'>" + matchText + "</span>" + afterMatch + "</span>");
|
6719 |
-
if (img.length) {
|
6720 |
-
$el.prepend(img);
|
6721 |
-
}
|
6722 |
-
}
|
6723 |
-
|
6724 |
-
/**
|
6725 |
-
* Reset current element position
|
6726 |
-
*/
|
6727 |
-
|
6728 |
-
}, {
|
6729 |
-
key: "_resetCurrentElement",
|
6730 |
-
value: function _resetCurrentElement() {
|
6731 |
-
this.activeIndex = -1;
|
6732 |
-
this.$active.removeClass('active');
|
6733 |
-
}
|
6734 |
-
|
6735 |
-
/**
|
6736 |
-
* Reset autocomplete elements
|
6737 |
-
*/
|
6738 |
-
|
6739 |
-
}, {
|
6740 |
-
key: "_resetAutocomplete",
|
6741 |
-
value: function _resetAutocomplete() {
|
6742 |
-
$(this.container).empty();
|
6743 |
-
this._resetCurrentElement();
|
6744 |
-
this.oldVal = null;
|
6745 |
-
this.isOpen = false;
|
6746 |
-
this._mousedown = false;
|
6747 |
-
}
|
6748 |
-
|
6749 |
-
/**
|
6750 |
-
* Select autocomplete option
|
6751 |
-
* @param {Element} el Autocomplete option list item element
|
6752 |
-
*/
|
6753 |
-
|
6754 |
-
}, {
|
6755 |
-
key: "selectOption",
|
6756 |
-
value: function selectOption(el) {
|
6757 |
-
var text = el.text().trim();
|
6758 |
-
this.el.value = text;
|
6759 |
-
this.$el.trigger('change');
|
6760 |
-
this._resetAutocomplete();
|
6761 |
-
this.close();
|
6762 |
-
|
6763 |
-
// Handle onAutocomplete callback.
|
6764 |
-
if (typeof this.options.onAutocomplete === 'function') {
|
6765 |
-
this.options.onAutocomplete.call(this, text);
|
6766 |
-
}
|
6767 |
-
}
|
6768 |
-
|
6769 |
-
/**
|
6770 |
-
* Render dropdown content
|
6771 |
-
* @param {Object} data data set
|
6772 |
-
* @param {String} val current input value
|
6773 |
-
*/
|
6774 |
-
|
6775 |
-
}, {
|
6776 |
-
key: "_renderDropdown",
|
6777 |
-
value: function _renderDropdown(data, val) {
|
6778 |
-
var _this39 = this;
|
6779 |
-
|
6780 |
-
this._resetAutocomplete();
|
6781 |
-
|
6782 |
-
var matchingData = [];
|
6783 |
-
|
6784 |
-
// Gather all matching data
|
6785 |
-
for (var key in data) {
|
6786 |
-
if (data.hasOwnProperty(key) && key.toLowerCase().indexOf(val) !== -1) {
|
6787 |
-
// Break if past limit
|
6788 |
-
if (this.count >= this.options.limit) {
|
6789 |
-
break;
|
6790 |
-
}
|
6791 |
-
|
6792 |
-
var entry = {
|
6793 |
-
data: data[key],
|
6794 |
-
key: key
|
6795 |
-
};
|
6796 |
-
matchingData.push(entry);
|
6797 |
-
|
6798 |
-
this.count++;
|
6799 |
-
}
|
6800 |
-
}
|
6801 |
-
|
6802 |
-
// Sort
|
6803 |
-
if (this.options.sortFunction) {
|
6804 |
-
var sortFunctionBound = function (a, b) {
|
6805 |
-
return _this39.options.sortFunction(a.key.toLowerCase(), b.key.toLowerCase(), val.toLowerCase());
|
6806 |
-
};
|
6807 |
-
matchingData.sort(sortFunctionBound);
|
6808 |
-
}
|
6809 |
-
|
6810 |
-
// Render
|
6811 |
-
for (var i = 0; i < matchingData.length; i++) {
|
6812 |
-
var _entry = matchingData[i];
|
6813 |
-
var $autocompleteOption = $('<li></li>');
|
6814 |
-
if (!!_entry.data) {
|
6815 |
-
$autocompleteOption.append("<img src=\"" + _entry.data + "\" class=\"right circle\"><span>" + _entry.key + "</span>");
|
6816 |
-
} else {
|
6817 |
-
$autocompleteOption.append('<span>' + _entry.key + '</span>');
|
6818 |
-
}
|
6819 |
-
|
6820 |
-
$(this.container).append($autocompleteOption);
|
6821 |
-
this._highlight(val, $autocompleteOption);
|
6822 |
-
}
|
6823 |
-
}
|
6824 |
-
|
6825 |
-
/**
|
6826 |
-
* Open Autocomplete Dropdown
|
6827 |
-
*/
|
6828 |
-
|
6829 |
-
}, {
|
6830 |
-
key: "open",
|
6831 |
-
value: function open() {
|
6832 |
-
var val = this.el.value.toLowerCase();
|
6833 |
-
|
6834 |
-
this._resetAutocomplete();
|
6835 |
-
|
6836 |
-
if (val.length >= this.options.minLength) {
|
6837 |
-
this.isOpen = true;
|
6838 |
-
this._renderDropdown(this.options.data, val);
|
6839 |
-
}
|
6840 |
-
|
6841 |
-
// Open dropdown
|
6842 |
-
if (!this.dropdown.isOpen) {
|
6843 |
-
this.dropdown.open();
|
6844 |
-
} else {
|
6845 |
-
// Recalculate dropdown when its already open
|
6846 |
-
this.dropdown.recalculateDimensions();
|
6847 |
-
}
|
6848 |
-
}
|
6849 |
-
|
6850 |
-
/**
|
6851 |
-
* Close Autocomplete Dropdown
|
6852 |
-
*/
|
6853 |
-
|
6854 |
-
}, {
|
6855 |
-
key: "close",
|
6856 |
-
value: function close() {
|
6857 |
-
this.dropdown.close();
|
6858 |
-
}
|
6859 |
-
|
6860 |
-
/**
|
6861 |
-
* Update Data
|
6862 |
-
* @param {Object} data
|
6863 |
-
*/
|
6864 |
-
|
6865 |
-
}, {
|
6866 |
-
key: "updateData",
|
6867 |
-
value: function updateData(data) {
|
6868 |
-
var val = this.el.value.toLowerCase();
|
6869 |
-
this.options.data = data;
|
6870 |
-
|
6871 |
-
if (this.isOpen) {
|
6872 |
-
this._renderDropdown(data, val);
|
6873 |
-
}
|
6874 |
-
}
|
6875 |
-
}], [{
|
6876 |
-
key: "init",
|
6877 |
-
value: function init(els, options) {
|
6878 |
-
return _get(Autocomplete.__proto__ || Object.getPrototypeOf(Autocomplete), "init", this).call(this, this, els, options);
|
6879 |
-
}
|
6880 |
-
|
6881 |
-
/**
|
6882 |
-
* Get Instance
|
6883 |
-
*/
|
6884 |
-
|
6885 |
-
}, {
|
6886 |
-
key: "getInstance",
|
6887 |
-
value: function getInstance(el) {
|
6888 |
-
var domElem = !!el.jquery ? el[0] : el;
|
6889 |
-
return domElem.M_Autocomplete;
|
6890 |
-
}
|
6891 |
-
}, {
|
6892 |
-
key: "defaults",
|
6893 |
-
get: function () {
|
6894 |
-
return _defaults;
|
6895 |
-
}
|
6896 |
-
}]);
|
6897 |
-
|
6898 |
-
return Autocomplete;
|
6899 |
-
}(Component);
|
6900 |
-
|
6901 |
-
/**
|
6902 |
-
* @static
|
6903 |
-
* @memberof Autocomplete
|
6904 |
-
*/
|
6905 |
-
|
6906 |
-
|
6907 |
-
Autocomplete._keydown = false;
|
6908 |
-
|
6909 |
-
M.Autocomplete = Autocomplete;
|
6910 |
-
|
6911 |
-
if (M.jQueryLoaded) {
|
6912 |
-
M.initializeJqueryWrapper(Autocomplete, 'autocomplete', 'M_Autocomplete');
|
6913 |
-
}
|
6914 |
-
})(cash);
|
6915 |
-
;(function ($) {
|
6916 |
-
// Function to update labels of text fields
|
6917 |
-
M.updateTextFields = function () {
|
6918 |
-
var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea';
|
6919 |
-
$(input_selector).each(function (element, index) {
|
6920 |
-
var $this = $(this);
|
6921 |
-
if (element.value.length > 0 || $(element).is(':focus') || element.autofocus || $this.attr('placeholder') !== null) {
|
6922 |
-
$this.siblings('label').addClass('active');
|
6923 |
-
} else if (element.validity) {
|
6924 |
-
$this.siblings('label').toggleClass('active', element.validity.badInput === true);
|
6925 |
-
} else {
|
6926 |
-
$this.siblings('label').removeClass('active');
|
6927 |
-
}
|
6928 |
-
});
|
6929 |
-
};
|
6930 |
-
|
6931 |
-
M.validate_field = function (object) {
|
6932 |
-
var hasLength = object.attr('data-length') !== null;
|
6933 |
-
var lenAttr = parseInt(object.attr('data-length'));
|
6934 |
-
var len = object[0].value.length;
|
6935 |
-
|
6936 |
-
if (len === 0 && object[0].validity.badInput === false && !object.is(':required')) {
|
6937 |
-
if (object.hasClass('validate')) {
|
6938 |
-
object.removeClass('valid');
|
6939 |
-
object.removeClass('invalid');
|
6940 |
-
}
|
6941 |
-
} else {
|
6942 |
-
if (object.hasClass('validate')) {
|
6943 |
-
// Check for character counter attributes
|
6944 |
-
if (object.is(':valid') && hasLength && len <= lenAttr || object.is(':valid') && !hasLength) {
|
6945 |
-
object.removeClass('invalid');
|
6946 |
-
object.addClass('valid');
|
6947 |
-
} else {
|
6948 |
-
object.removeClass('valid');
|
6949 |
-
object.addClass('invalid');
|
6950 |
-
}
|
6951 |
-
}
|
6952 |
-
}
|
6953 |
-
};
|
6954 |
-
|
6955 |
-
M.textareaAutoResize = function ($textarea) {
|
6956 |
-
// Wrap if native element
|
6957 |
-
if ($textarea instanceof Element) {
|
6958 |
-
$textarea = $($textarea);
|
6959 |
-
}
|
6960 |
-
|
6961 |
-
if (!$textarea.length) {
|
6962 |
-
console.error('No textarea element found');
|
6963 |
-
return;
|
6964 |
-
}
|
6965 |
-
|
6966 |
-
// Textarea Auto Resize
|
6967 |
-
var hiddenDiv = $('.hiddendiv').first();
|
6968 |
-
if (!hiddenDiv.length) {
|
6969 |
-
hiddenDiv = $('<div class="hiddendiv common"></
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|